@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;
  opacity: 0.7;
}

img {
  vertical-align: top;
}

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

header {
  position: relative;
  height: 1450px;
  background: url(../images/top_bg.jpg) no-repeat top center;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
header nav {
  width: 960px;
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #fff;
  z-index: 10;
}
header nav .nav-wrapper {
  height: 100%;
  padding: 20px 15px 0;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
header nav .nav-wrapper li {
  position: relative;
}
header nav .nav-wrapper li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}
header nav .nav-wrapper li a:hover img {
  opacity: 0.7;
}
header nav .nav-wrapper li::after {
  content: "";
  width: 25px;
  height: 25px;
  background: url(../images/nav_afterDeco.png) no-repeat center/contain;
  position: absolute;
  top: 10px;
}
header nav .nav-wrapper li:last-child::after {
  display: none;
}
header #topTitle {
  position: absolute;
  top: 59px;
  left: 280px;
}
header #topTitleNumber {
  position: absolute;
  top: 50px;
  left: 765px;
}
header #topAuthors {
  position: absolute;
  top: 55px;
  left: -15px;
}
header #topCatch {
  position: absolute;
  top: 925px;
  /*bottom: 0px;*/
  left: -22px;
  /*right: 0;*/
  margin: auto;
}
header #topSaleData {
  position: absolute;
  bottom: -88px;
  left: 0;
  right: 0;
  margin: auto;
}
header #topBuyBtnLatest {
  position: absolute;
  bottom: 390px;
  right: 15px;
}
header #topBuyBtnLatest a:hover {
  opacity: 0.7;
}

#container {
  background-color: #fff;
}

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

.contents-box .contents {
  font-size: 14.4px;
  line-height: 1.4;
  text-align: left;
  box-sizing: border-box;
}



/* popupエリア */
.contents-box#contents-popup-info {
  background-color: #FFFBE6;
  margin: 0 auto ;
  padding: 80px 0 0;
}

.contents-box#contents-popup-info  .contents {
  text-align: center;
  margin: 0 auto ;
  padding: 0;
}
.contents-box#contents-popup-info  .contents p {
  margin: 0 auto ;
  padding: 0;
}

/* ASMRエリア（バナー） */
.contents-box#contents-simultaneous {
  background-color: #FFFBE6;
  margin: 0 auto ;
  padding: 60px 0 0;
}

.contents-box#contents-simultaneous .contents {
  text-align: center;
  margin: 0 auto ;
  padding: 0 ;
}

.contents-box#contents-simultaneous .contents p {
  margin: 0 auto ;
  padding: 0 ;
}

/* ASMRエリア（動画） */
.contents-box#contents-simultaneous02 .contents {
  background-color: #FFFBE6;
  width: 960px;
  /*height: 590px;*/
  margin: 0 auto ;
  padding: 0 0 60px 0;
  text-align: center;
}

.contents-box#contents-simultaneous02 .contents #movie02 {
  padding: 35px 0 0;
  /*background: url(../images/movie_bg.png) no-repeat center;*/
}
.contents-box#contents-simultaneous02 .contents #movie02 iframe {
  width: 820px;
  height: 500px;
}


/* twitterエリア */
.contents-box#contents-tw .contents {
  background: #FFFBE6 url(../images/tw-bg.png) no-repeat top center;
  height: 691px;
  margin: 0 auto 0;
  padding: 40px 0 0 0;
  width: 960px;
}
.contents-box#contents-tw .contents h2 {
  margin-bottom: 30px;
  text-align: center;
}
.contents-box#contents-tw .contents p {
  /* background: #fff; */
  border: 1px solid #ccc;
  height: 440px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  width: 780px;
}


/* movieエリア */
.contents-box#contents-movie {
  padding: 50px 0 0;
  background-color: #FFFBE6;
}
.contents-box#contents-movie .contents-header {
  margin-bottom: 10px;
}
.contents-box#contents-movie .contents {
  text-align: center;
}
.contents-box#contents-movie .contents p {
  margin-bottom: 15px;
}
.contents-box#contents-movie .contents #movie {
  padding: 35px 0;
  background: url(../images/movie_bg.png) no-repeat center;
}
.contents-box#contents-movie .contents #movie iframe {
  width: 820px;
  height: 500px;
}
.contents-box#contents-movie .contents .coming-soon {
  margin: 0;
  padding: 60px 0;
  color: #00A4A7;
  text-align: center;
  font-family: "Kozuka Gothic Pro Light", "小塚ゴシック Pro L", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "游ゴシック", YuGothic, sans-serif;
  font-size: 54px;
}
.contents-box#contents-comicalize {
  padding: 65px 0 60px;
  background-color: #FFFBE6;
}
.contents-box#contents-comicalize .contents-header {
  margin-bottom: 15px;
}


/* comicalizeエリア */
.contents-box#contents-comicalize .contents_comicalize02 {
  margin-top: 50px;
  background-color: #FFFBE6;
  text-align: center;
}
.contents-box#contents-comicalize .contents_comicalize02 p {
  text-align: center;
}
.contents-box#contents-comicalize .contents_comicalize02 p:nth-of-type(1) {
  margin-bottom: 30px;
}
.contents-box#contents-comicalize .contents_comicalize01 {
  height: 780px;
  padding: 35px 0 ;
  background-color: #FCE9ED;
  text-align: center;
}

.contents-box#contents-comicalize .contents_comicalize01 .comicalize_img {
  text-align: center;
  width: 960px;
  height: 485px;
  position: relative;
}

.contents-box#contents-comicalize .contents_comicalize01 .comicalize_img .btn01 {
  position: absolute;
  top: 260px;
  left: 25px;
  /*bottom: 25px;
  right: 195px;*/
}

.contents-box#contents-comicalize .contents_comicalize01 .comicalize_img .btn02 {
  position: absolute;
  top: 260px;
  left: 335px;
}
.contents-box#contents-comicalize .contents_comicalize01 .comicalize_img .btn03 {
  position: absolute;
  top: 260px;
  right: 15px;
}

/*.contents-box#contents-comicalize .contents_comicalize01 p {
  padding: 65px 0 60px;
  background-color: #FCE9ED;
  text-align: center;
}*/



/* storyエリア */
.contents-box#contents-story {
  padding: 50px 0 120px;
}
.contents-box#contents-story .contents-header {
  margin-top: -88px;
  padding-top: 88px;
  position: relative;
  z-index: 2;
}
.contents-box#contents-story .contents p {
  text-align: center;
}
.contents-box#contents-story .contents p:nth-of-type(1) {
  margin-top: -45px;
}
.contents-box#contents-story .contents p.text {
  margin: 15px 0 20px;
  font-family: "Soft Gothic Regular", "ソフトゴシック R", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "Lucida Grande", "Verdana", sans-serif;
  font-size: 32px;
  line-height: 1.5;
}
.contents-box#contents-story .contents p:nth-of-type(4) {
  margin-top: 20px;
}
.contents-box#contents-story .contents #movie {
  margin: 30px auto;
  width: 560px;
}
.contents-box#contents-story .contents #movie iframe {
  width: 560px;
  height: 315px;
}


/* characterエリア */
.contents-box#contents-character {
  padding: 0 0 0;
}
.contents-box#contents-character .contents-header {
  margin-bottom: 30px;
  margin-top: -88px;
  padding-top: 88px;
}
.contents-box#contents-character .contents {
  text-align: center;
}
.contents-box#contents-character .contents p {
  margin-bottom: 5px;
}
.contents-box#contents-character .contents .charaList__01 {
  margin-bottom: 0;
}
.contents-box#contents-character .contents .charaList__02 {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 50px 40px;
  background-color: #FFFBE6;
}
.contents-box#contents-character .contents .charaList__02 > * {
  width: 50%;
  text-align: center;
}
.contents-box#contents-character .contents .charaList__02 > * p {
  font-family: "Soft Gothic Regular", "ソフトゴシック R", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "Lucida Grande", "Verdana", sans-serif;
  font-size: 21px;
  line-height: 1.5;
  font-weight: bold;
}

/* benefitエリア */
.contents-box#contents-benefits {
  padding: 30px 0 0;
  background-color: #FFFBE6;
}
.contents-box#contents-benefits .contents-header {
  margin: 20px 0 0 0;
}
.contents-box#contents-benefits .contents {
  text-align: center;
}

.contents-box#contents-benefits .contents .paid {
  margin-top: 50px;
}

.contents-box#contents-benefits .contents .paid h3 {
  margin-bottom: 50px;
}
.contents-box#contents-benefits .contents .paid section {
  position: relative;
}
.contents-box#contents-benefits .contents .paid section .btn {
  position: absolute;
  right: 55px;
}
.contents-box#contents-benefits .contents .paid section.gamers {
  margin-bottom: 80px;
}
.contents-box#contents-benefits .contents .paid section.gamers h4 {
  margin-bottom: 40px;
}
.contents-box#contents-benefits .contents .paid section.gamers .btn {
  bottom: -60px;
}
.contents-box#contents-benefits .contents .paid section.tora {
  margin-bottom: 85px;
}
.contents-box#contents-benefits .contents .paid section.tora h4 {
  margin-bottom: 40px;
}
.contents-box#contents-benefits .contents .paid section.tora .btn {
  bottom: -60px;
}
.contents-box#contents-benefits .contents .paid section.melon {
  margin-bottom: 120px;
}
.contents-box#contents-benefits .contents .paid section.melon h4 {
  margin-bottom: 40px;
}
.contents-box#contents-benefits .contents .paid section.melon .btn {
  bottom: -60px;
}
.contents-box#contents-benefits .contents .free {
  padding-top: 60px;
}
.contents-box#contents-benefits .contents .free h3 {
  margin-bottom: 45px;
}
.contents-box#contents-benefits .contents .free .free-wrapper {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 0 20px;
  margin: 0 auto;
}
.contents-box#contents-benefits .contents .free .free-wrapper > * {
  /*align-self: flex-end;*/
  /*width: 915px;*/
  margin-bottom: 45px;
  text-align: center;
}
.contents-box#contents-benefits .contents .free .free-wrapper .text {
  font-family: "Soft Gothic Regular", "ソフトゴシック R", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "Lucida Grande", "Verdana", sans-serif;
  font-size: 27px;
  letter-spacing: -0.03em;
  line-height: 1.6;
  margin: 0 auto;
  padding: 0;
	
}
.contents-box#contents-benefits .contents .elec {
  padding-top: 50px;
}
.contents-box#contents-benefits .contents .elec h3 {
  margin-bottom: 35px;
}
.contents-box#contents-benefits .contents .elec .elec-wrapper .img02 {
  margin-bottom: 60px;
}
.contents-box#contents-benefits .contents .elec .elec-wrapper .img01 {
  margin-bottom: 90px;
}
.contents-box#contents-benefits .contents .elec .elec-wrapper .text {
  font-family: "Soft Gothic Regular", "ソフトゴシック R", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "Lucida Grande", "Verdana", sans-serif;
  font-size: 27px;
  letter-spacing: -0.03em;
  line-height: 1.6;
}

.contents-box#contents-benefits .contents .memorial_sales {
  text-align: center;
  padding: 0 0;
  background-color: #FFF;
}

.contents-box#contents-benefits .contents .memorial_sales .img01 {
  padding: 35px 0;
}

.contents-box#contents-benefits .contents .memorial_sales .memorial_sales_annotation {
  background-color: #E85377;
  width: 900px;
  height: 420px;
  margin: 0 auto ;
  padding: 30px ;
  position: relative;
  text-align: left;
}

.contents-box#contents-benefits .contents .memorial_sales .memorial_sales_annotation h4 {
  margin: 0 0;
  font-family: "Soft Gothic Regular", "ソフトゴシック R", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "Lucida Grande", "Verdana", sans-serif;
  font-size: 32px;
  line-height: 1.5;
  color: #FFF91D;
  font-weight: bold;
}

.contents-box#contents-benefits .contents .memorial_sales .memorial_sales_annotation .annotation_01 > * p  {
  margin: 0 0 0 20px;
  font-family: "Soft Gothic Regular", "ソフトゴシック R", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "Lucida Grande", "Verdana", sans-serif;
  font-size: 21px;
  line-height: 1.5;
  color: #FFF;
  font-weight: bold;
}


.contents-box#contents-benefits .contents .memorial_sales .memorial_sales_annotation .img02 {
  position: absolute;
  left: 580px;
  bottom: 245px;
}

.contents-box#contents-benefits .contents .memorial_sales .memorial_sales_annotation .img03 {
  margin-top: 10px;
}

.contents-box#contents-benefits .contents .memorial_sales .memorial_sales_annotation .annotation_02 > * p  {
  margin: 20px 0;
  font-family: "Soft Gothic Regular", "ソフトゴシック R", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "Lucida Grande", "Verdana", sans-serif;
  font-size: 18px;
  line-height: 1.5;
  color: #FFF;
  font-weight: bold;
}


/* seriesエリア */
.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: flex;
  justify-content: space-between;
  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;
  box-sizing: border-box;
}
.contents-box#contents-series .contents .product > * a:hover {
  opacity: 0.7;
}
.contents-box#contents-series .contents .product::before {
  content: "";
  display: block;
  width: 180px;
  order: 1;
}
.contents-box#contents-series .contents .product::after {
  content: "";
  display: block;
  width: 180px;
}/*# sourceMappingURL=extention.css.map */