@charset "UTF-8";
/* ============================================================

★ series css

============================================================ */
body {
  font-family: "Meiryo", "メイリオ", "平成明朝", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Verdana", sans-serif;
  font-size: 0.9em;
  letter-spacing: 0.06em;
  line-height: 1.4;
  text-align: center;
  background: url("../../images/bg-special.gif") repeat center 0 #fff;
}

a {
  overflow: hidden;
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  vertical-align: top;
}

#wrapper {
  width: 960px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 5px #222;
          box-shadow: 0px 0px 5px #222;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

header {
  padding-top: 0px;
}
header nav {
  background-color: #000;
  width: 960px;
  margin: 0 auto;
  height: 73px;
  position: relative;
  top: 0;
  z-index: 10000;
  background: url(../images/nav_bg.jpg) no-repeat top left;
  height: 340px;
}
header nav ul {
  margin: 0;
  /*height: 100%;*/
}
header nav ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header nav ul li a {
  height: 100%;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header nav ul li img {
  -ms-flex-item-align: center;
      align-self: center;
}
header nav ul.nav-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: -5px;
  right: 5px;
}
header nav ul.nav-wrapper > li {
  border-right: 0.7px solid #fff;

}
header nav ul.nav-wrapper > li:last-child {
  border-right: none;
}
header nav ul.nav-wrapper > li > a {
  padding: 0 20px;
}
header nav ul.share-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header nav ul.share-wrapper > li.share-title {
  padding-right: 15px;
}
header nav ul.share-wrapper > li > a {
  padding: 0 15px;
}
header nav #nav_title {
  position: absolute;
  top: 75px;
  right: 55px;
}
header nav #nav_s_logo {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
header .MV {
  position: relative;
  height: 1283px;
  background: url(../images/top_bg.jpg) no-repeat top left;
}
header .MV #bg-01 {
  position: absolute;
  top: 0;
  left: 0;
  /*-webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;*/
}
header .MV #bg-02 {
  position: absolute;
  top: 0;
  left: 0;
  /*-webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;*/
}
header .MV #subCatch {
  position: absolute;
  top: -28px;
  left: 50%;
  /*-webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;*/
}
header .MV #subTitle-01 {
  position: absolute;
  top: -15px;
  right: -10px;
  /*-webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;*/
}
header .MV #subTitle-02 {
  position: absolute;
  top: 275px;
  left: -20px;
  /*-webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;*/
}
header .MV #globalTitle {
  position: absolute;
  bottom: 540px;
  right: 53px;
  /*-webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;*/
}
header .MV #globalAuthors {
  position: absolute;
  top: 135px;
  left: -8px;
  /*-webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;*/
}
header .MV #mainCatch {
  position: absolute;
  bottom: 80px;
  left: 0;
  /*-webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;*/
}
header .MV #buyBtn {
  position: absolute;
  bottom: -30px;
  left: -45px;
  /*right: 41px;*/
  /*-webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;*/
}
header .MV #buyBtn a:hover {
  opacity: 0.7;
}
header .MV #saleData {
  position: absolute;
  bottom: -9px;
  right: 13px;
  /*-webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;*/
}
header .MV #topBuyBtnLatest {
  position: absolute;
  bottom: -30px;
  right: -45px;
}
header .MV #topBuyBtnLatest a:hover {
  opacity: 0.7;
}
header .MV #synopsis {
  position: absolute;
  bottom: 285px;
  right: 30px;
 /* 3秒かけてアニメーションする */
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
 /* 2秒待ってからアニメーションする */
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  /*-webkit-animate-repeat: 3;
          animate-repeat: 3;*/
 /* 4回繰り返す */
  -webkit-animation-iteration-count: 4;
  animation-iteration-count: 4;
}
header .MV #synopsis a:hover {
  opacity: 0.7;
}

#container {
  background-color: #000;
}

#main {
  background-color: #000;
}

.top-link {
  margin: 0 auto;
  text-align: right;
  font-size: 11.52px;
  padding: 0 10px 15px 0;
}
.top-link a {
  color: #fff;
}

.titleEn {
  background-color: #000;
  padding: 10px 0;
  text-align: center;
}

.contents-box .contents {
  padding: 0 10px;
  font-size: 14.4px;
  line-height: 1.4;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contents-box#contents-story .contents {
  padding: 0;
  margin-top: -15px;
  height: 1235px;
  background: url(../images/story_bg.jpg) no-repeat top left;
  position: relative;
}
.contents-box#contents-story .contents p {
  margin-top: -15px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.contents-box#contents-comic .contents {
  margin-top: 30px;
}
.contents-box#contents-comic .contents .comic-wrapper li {
  text-align: center;
}
.contents-box#contents-comic .contents .comic-wrapper li a:hover {
  opacity: 0.7;
}
.contents-box#contents-comic .contents .copy {
  text-align: right;
  margin: 15px 75px 0 0;
}
.contents-box#contents-comic .contents .info {
  text-align: right;
  margin: 15px 35px 0 0;
	padding-bottom: 30px;
}
.contents-box#contents-comment .contents-header {
  margin: 30px 0 40px;
}
.contents-box#contents-comment .contents {
  padding: 0;
}
.contents-box#contents-comment .contents .comment-sp {
  text-align: center;
  margin-bottom: 65px;
}
.contents-box#contents-comment .contents .comment-sp h3 {
  margin-bottom: 30px;
}
.contents-box#contents-comment .contents .toggleWrap {
  margin-bottom: 60px;
}
.contents-box#contents-comment .contents .toggleWrap:last-child {
  margin-bottom: 65px;
  padding-left: 70px;
}
.contents-box#contents-comment .contents .toggleWrap .toggleTitle {
  cursor: pointer;
  text-align: left;
}
.contents-box#contents-comment .contents .toggleWrap:nth-of-type(odd) .toggleTitle {
  text-align: right;
}
.contents-box#contents-comment .contents .toggleWrap .toggleContens {
  display: none;
}
.contents-box#contents-comment .contents .toggleWrap .toggleContens .itemCol {
  width: 827px;
  margin: 40px auto 0;
  background: url(../images/comment_bg_middle.png) repeat-y 100%;
}
.contents-box#contents-comment .contents .toggleWrap .toggleContens::before .itemCol {
  content: "";
  display: block;
  height: 40px;
  background: url(../images/comment_bg_top.png) no-repeat top center/100%;
}
.contents-box#contents-comment .contents .toggleWrap .toggleContens::after .itemCol {
  content: "";
  display: block;
  height: 40px;
  background: url(../images/comment_bg_bottom.png) no-repeat bottom center/100%;
}
.contents-box#contents-comment .contents .toggleWrap .toggleContens .itemCol {
  padding: 30px 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "KozGoPro", "小塚ゴシック Pro", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: -0.05em;
  margin: 20px auto 50px;
}
.contents-box#contents-comment .contents .toggleWrap .toggleContens .itemCol .tw {
  margin-top: 10px;
  display: block;
  text-align: right;
}
.contents-box#contents-comment .contents .toggleWrap .toggleContens .itemCol_tit {
  margin: 20px auto 0;
	text-align: center;
}
.contents-box#contents-comment .contents .toggleWrap .toggleContens .itemCol02 {
  width: 827px;
  margin: 40px 0 0 0;
  text-align: center;
}
.contents-box#contents-benefits {
  margin-bottom: 80px;
}
.contents-box#contents-benefits .contents-header {
  margin-bottom: 45px;
}
.contents-box#contents-benefits .contents {
  padding: 0;
  text-align: center;
}
.contents-box#contents-benefits .contents section {
  margin-top: 100px;
}
.contents-box#contents-benefits .contents section h3 {
  margin-bottom: 80px;
}
.contents-box#contents-benefits .contents section h4 {
  margin: 80px 0 45px;
}
.contents-box#contents-benefits .contents section .box {
  position: relative;
}
.contents-box#contents-benefits .contents section .box .buyBtn {
  position: absolute;
  bottom: 0;
  right: 0;
}
.contents-box#contents-benefits .contents section .box .buyBtn a:hover {
  opacity: 0.7;
}
.contents-box#contents-benefits .contents section.tsutaya {
  margin: 0;
}
.contents-box#contents-benefits .contents section.tsutaya .box__01 h4 {
  margin: 0;
}
.contents-box#contents-benefits .contents section.tsutaya .box__01 p {
  margin-top: -80px;
}
.contents-box#contents-benefits .contents section.tsutaya .cast {
  margin-top: 50px;
}
.contents-box#contents-benefits .contents section.tsutaya .cast ul.cast-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 20px;
}
.contents-box#contents-benefits .contents section.tsutaya .cast ul.cast-wrapper li {
  margin-bottom: 35px;
}
.contents-box#contents-benefits .contents section.tsutaya .cast p {
  margin: 0 60px;
  text-align: left;
  color: #fff;
  font-size: 23px;
  line-height: 1.6;
  letter-spacing: -0.03em;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
}
.contents-box#contents-benefits .contents section.bookstore .box__02 .buyBtn {
  bottom: 5px;
  right: 120px;
}
.contents-box#contents-benefits .contents section.bookstore .box__03 h4 {
  margin-bottom: 70px;
}
.contents-box#contents-benefits .contents section.bookstore .box__03 p {
  text-align: right;
  margin-right: 80px;
}
.contents-box#contents-benefits .contents section.bookstore .box__03 .buyBtn {
  text-align: left;
  bottom: 30px;
  left: 75px;
}
.contents-box#contents-benefits .contents section.bookstore .box__04 .buyBtn {
  bottom: -40px;
  right: 80px;
}
.contents-box#contents-benefits .contents section.animate .box__02 .buyBtn {
  bottom: 5px;
  right: 120px;
}
.contents-box#contents-benefits .contents section.animate .box__03 h4 {
  margin-bottom: 70px;
}
.contents-box#contents-benefits .contents section.animate .box__03 p {
  text-align: right;
  margin-right: 80px;
}
.contents-box#contents-benefits .contents section.animate .box__03 .buyBtn {
  text-align: left;
  bottom: 30px;
  left: 75px;
}
.contents-box#contents-benefits .contents section.animate .box__04 .buyBtn {
  bottom: -40px;
  right: 80px;
}
.contents-box#contents-benefits .contents section.melon .box__01 p:nth-of-type(2) {
  margin-top: 45px;
}
.contents-box#contents-benefits .contents section.melon .box__01 .buyBtn {
  bottom: -45px;
  right: 130px;
}
.contents-box#contents-benefits .contents section.melon .box__02 h4 {
  margin-top: 135px;
}
.contents-box#contents-benefits .contents section.gamers .box__01 p {
  text-align: left;
  margin-left: 125px;
}
.contents-box#contents-benefits .contents section.gamers .box__01 .buyBtn {
  text-align: right;
  bottom: 135px;
  right: 120px;
}
.contents-box#contents-benefits .contents section.gamers .box__02 p:nth-of-type(2) {
  margin-top: 20px;
}
.contents-box#contents-benefits .contents section.gamers .box__02 .buyBtn {
  bottom: -5px;
  right: 140px;
}
.contents-box#contents-benefits .contents section.gamers .box__03 h4 {
  margin-top: 110px;
}
.contents-box#contents-benefits .contents section.benefit_2volumes {
  margin: 0;
}
.contents-box#contents-benefits .contents section.benefit_2volumes .box__01 h4 {
  margin: 0;
}
.contents-box#contents-benefits .contents section.benefit_2volumes .box__01 p {
  margin: 50px 0 0 0;
}
.contents-box#contents-benefits .contents section.benefit_2volumes .box__01 p a:hover {
  opacity: 0.7;
}
.contents-box#contents-benefits .contents section.gamers_zin {
  display: flex;
  justify-content: center;
}
.contents-box#contents-benefits .contents section.gamers_zin .gamers {
  margin: 0 20px
}
.contents-box#contents-benefits .contents section.gamers_zin .zin {
  margin: 0 20px
}
.contents-box#contents-benefits .contents .toggleWrap .toggleTitle {
  cursor: pointer;
  text-align: left;
  margin: 60px 0 0 0;
}
.contents-box#contents-benefits .contents .toggleWrap .toggleContens {
  display: none;
}
.contents-box#contents-benefits .contents .toggleWrap .toggleContens .itemCol02 {
  width: 827px;
  margin: 40px 0 0 0;
  text-align: center;
}

.contents-box#contents-character {
  padding-bottom: 35px;
}
.contents-box#contents-character .contents-header {
  margin-bottom: 15px;
}
.contents-box#contents-character .contents {
  padding: 0;
}
.contents-box#contents-character .contents .charaList li h3 {
  text-align: center;
}
.contents-box#contents-twitter .contents {
  margin: 50px 0 65px;
}
.contents-box#contents-twitter .contents .twitter-wrapper {
  background: #fff;
  width: 800px;
  height: 450px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.contents-box#contents-pv .contents {
  margin: 50px 0 65px;
}
.contents-box#contents-pv .contents .pv-wrapper {
  background: #fff;
  width: 800px;
  height: 450px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.contents-box#contents-series {
  padding: 0;
}
.contents-box#contents-series .contents-header {
  margin-top: 50px;
  margin-bottom: 50px;
}
.contents-box#contents-series .contents {
  padding: 0 60px;
}
.contents-box#contents-series .contents .product {
  list-style-type: none;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
}
.contents-box#contents-series .contents .product > * {
  display: inline;
  width: 180px;
  font-size: 14.4px;
  line-height: 1.3;
  padding-bottom: 20px;
}
.contents-box#contents-series .contents .product > * img {
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contents-box#contents-series .contents .product > * h3 {
  color: #fff;
}
.contents-box#contents-series .contents .product > * a:hover {
  opacity: 0.7;
}
.contents-box#contents-series .contents .product::before {
  content: "";
  display: block;
  width: 180px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.contents-box#contents-series .contents .product::after {
  content: "";
  display: block;
  width: 180px;
}/*# sourceMappingURL=extention.css.map */