@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;
}

header {
  position: relative;
  height: 1219px;
  background: url(../images/top_bg.jpg) no-repeat top left;
}
header #globalTitle {
  position: absolute;
  top: 10px;
  left: 25px;
}
header #globalTitleNumber {
  position: absolute;
  bottom: 610px;
  left: 20px;
}
header #globalAuthors {
  position: absolute;
  top: 20px;
  right: 15px;
}
header #subCatch {
  position: absolute;
  top: 612px;
  left: 36px;
}
header #buyBtn {
  position: absolute;
  top: 1030px;
  left: 50px;
}
header #buyBtn a:hover {
  opacity: 0.7;
}
header #buyNewBtn {
  position: absolute;
  top: 1085px;
  left: 25px;
  /*right: 10px;*/
}
header #buyNewBtn a:hover {
  opacity: 0.7;
}
header #buyArtBtn {
  position: absolute;
  top: 895px;
  right: 55px;
  /*left: 25px;*/
}
header #buyArtBtn a:hover {
  opacity: 0.7;
}
header #topSaleData {
  position: absolute;
  top: 835px;
  left: 30px;
}
header #linkBtn a:hover {
  opacity: 0.7;
}

#container {
  background-color: #fffdf3;
}

.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;
}


/* あらすじエリア */
.contents-box#contents-Story {
  margin-bottom: 70px;
}
.contents-box#contents-Story .contents-header {
  margin-bottom: 50px;
}
.contents-box#contents-Story .Story_Image01 {
  text-align: center;
  margin: 30px auto 0;
}
.contents-box#contents-Story .Story_Image02 {
  text-align: center;
  margin: 40px auto 0;
}
.contents-box#contents-Story .Story_Text01 {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W5";
  font-size: 20px;
  color: #000000;
  text-align: center;
  margin: 30px auto 0;
  line-height: 1.7em;
  width: 900px;
}
.contents-box#contents-Story .small {
  font-size: 16px;
}
/* 文字　むらさき 21px */
.contents-box#contents-Story .Story_Text01 .color_text01 {
  font-size: 21px;
  color: #ac70e5;
  font-weight: bold;
}
/* 文字　あお 21px */
.contents-box#contents-Story .Story_Text01 .color_text02 {
  font-size: 21px;
  color: #2ec9ff;
  font-weight: bold;
}


/* 勇者パーティー紹介 エリア */
.contents-box#contents-Character {
  margin-bottom: 70px;
}
.contents-box#contents-Character h2 {
  margin-bottom: 50px;
}
.contents-box#contents-Character .contents {
  position: relative;
}
.contents-box#contents-Character .contents ul {
  width: fit-content;
  margin: auto;
  /*display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;*/
}
.contents-box#contents-Character .contents ul li {
  width: 894px;
  margin: 0 auto 30px;
}


/* ためし読み漫画　エリア */
.contents-box#contents-TrialComic {
  position: relative;
  height: 750px;
  margin-bottom: 70px;
}
.contents-box#contents-TrialComic h2 {
  margin-bottom: 50px;
}
.contents-box#contents-TrialComic .contents .TrialComic01 {
  text-align: center;
}
.contents-box#contents-TrialComic .contents #btnTrialComic {
  position: absolute;
  top: 265px;
  left: 51px;
}
.contents-box#contents-TrialComic .contents .comics-authors {
  position: absolute;
  bottom: 10px;
  left: 55px;
}

/* 特典エリア */
.contents-box#contents-tokuten .contents-header {
  margin-bottom: 50px;
}
.contents-box#contents-tokuten {
  background-color: #fffdf3;
}
.contents-box#contents-tokuten h2,
.contents-box#contents-tokuten .freetitle {
  margin-bottom: 60px;
}
.contents-box#contents-tokuten h2,
.contents-box#contents-tokuten h3 {
  margin-bottom: 70px;
}
.contents-box#contents-tokuten .freebenefits .freebenefits01 {
  margin-bottom: 10px;
}
.contents-box#contents-tokuten .freebenefits .freebenefits02 {
  margin-bottom: 90px;
}

/* 特典_SS */
.contents-box#contents-tokuten .benefits_ss {
  margin-bottom: 100px;
  /*padding-top: 65px;*/
}
.contents-box#contents-tokuten .benefits_ss .benefits_ss01 {
  margin-bottom: 50px;
}
.contents-box#contents-tokuten .benefits_ss .benefits_ss02 {
  margin-bottom: 40px;
  margin-top: 0px;	
  padding-top: 0px;
}

/* 特典_法人 */
.contents-box#contents-tokuten .benefits_corporation_white_a {
  padding-top: 50px;
  background-color: #fff;
}

/* アニメイト */
.contents-box#contents-tokuten .animate {
  padding-top: 40px;
  position:relative;
  height: 1780px;
}
.contents-box#contents-tokuten .animate .animate01 {
  position: absolute;
	top: 40px;
	left: 40px;
}

.contents-box#contents-tokuten .animate .animate02 {
  text-align: center;
  margin-top: 125px;
}
.contents-box#contents-tokuten .animate .animate03 {
  position: absolute;
	top: 400px;
	left: 100px;
	z-index: 10;
}
.contents-box#contents-tokuten .animate .animate04 {
  position: absolute;
	top: 300px;
	right: 100px;
	z-index: 1;
}
.contents-box#contents-tokuten .animate .animate05 {
  position: absolute;
	top: 600px;
	left: 85px;
}
.contents-box#contents-tokuten .animate .animate06 {
  position: absolute;
	top: 770px;
	left: 100px;
	z-index: 1;
}
.contents-box#contents-tokuten .animate .animate07 {
  position: absolute;
	top: 870px;
	right: 130px;
	z-index: 10;
}
.contents-box#contents-tokuten .animate .animate08 {
  position: absolute;
	top: 1070px;
	right: 105px;
}
.contents-box#contents-tokuten .animate .animate09 {
  position: absolute;
	top: 1290px;
	left: 115px;
	z-index: 10;
}
.contents-box#contents-tokuten .animate .animate10 {
  position: absolute;
	top: 1250px;
	right: 105px;
	z-index: 1;
}
.contents-box#contents-tokuten .animate .animate11 {
  position: absolute;
	top: 1680px;
	right: 0;
	left: 0;
}


/* ゲーマーズ */
.contents-box#contents-tokuten .gamers {
  padding-top: 40px;
  position:relative;
  height: 1700px;
}
.contents-box#contents-tokuten .gamers .gamers01 {
  position: absolute;
	top: 40px;
	left: 40px;
}

.contents-box#contents-tokuten .gamers .gamers02 {
  text-align: center;
  margin-top: 125px;
}
.contents-box#contents-tokuten .gamers .gamers03 {
  position: absolute;
	top: 460px;
	left: 110px;
	z-index: 10;
}
.contents-box#contents-tokuten .gamers .gamers04 {
  position: absolute;
	top: 260px;
	right: 80px;
	z-index: 1;
}
.contents-box#contents-tokuten .gamers .gamers05 {
  position: absolute;
	top: 535px;
	left: 95px;
}
.contents-box#contents-tokuten .gamers .gamers06 {
  position: absolute;
	top: 870px;
	right: 0;
	left: 0px;
}
.contents-box#contents-tokuten .gamers .gamers07 {
  position: absolute;
	top: 1030px;
	left: 100px;
	z-index: 1;
}
.contents-box#contents-tokuten .gamers .gamers08 {
  position: absolute;
	top: 1070px;
	right: 105px;
	z-index: 10;
}
.contents-box#contents-tokuten .gamers .gamers09 {
  position: absolute;
	top: 1390px;
	left: 190px;
	z-index: 10;
}
.contents-box#contents-tokuten .gamers .gamers10 {
  position: absolute;
	top: 1150px;
	right: 105px;
	z-index: 1;
}
.contents-box#contents-tokuten .gamers .gamers11 {
  position: absolute;
	top: 1600px;
	right: 0;
	left: 0;
}

/* とらのあな */
.contents-box#contents-tokuten .benefits_corporation_white_t {
  background-color: #fff;
}

.contents-box#contents-tokuten .tora {
  padding-top: 40px;
  position:relative;
  height: 740px;
}
.contents-box#contents-tokuten .tora .tora01 {
  position: absolute;
	top: 40px;
	left: 40px;
}

.contents-box#contents-tokuten .tora .tora02 {
  text-align: center;
  margin-top: 135px;
}
.contents-box#contents-tokuten .tora .tora03 {
  position: absolute;
	top: 400px;
	left: 100px;
	z-index: 10;
}
.contents-box#contents-tokuten .tora .tora04 {
  position: absolute;
	top: 280px;
	right: 65px;
	z-index: 1;
}
.contents-box#contents-tokuten .tora .tora05 {
  position: absolute;
	top: 470px;
	left: 85px;
}
.contents-box#contents-tokuten .tora .tora06 {
  position: absolute;
	top: 670px;
	left: 0;
	right: 0;
}
.contents-box#contents-tokuten .tora .tora07 {
  position: absolute;
	top: 870px;
	right: 130px;
	z-index: 10;
}
.contents-box#contents-tokuten .tora .tora08 {
  position: absolute;
	top: 1070px;
	right: 105px;
}
.contents-box#contents-tokuten .tora .tora09 {
  position: absolute;
	top: 1290px;
	left: 115px;
	z-index: 10;
}
.contents-box#contents-tokuten .tora .tora10 {
  position: absolute;
	top: 1250px;
	right: 105px;
	z-index: 1;
}
.contents-box#contents-tokuten .tora .tora11 {
  position: absolute;
	top: 1680px;
	right: 0;
	left: 0;
}

/* メロンブックス */
.contents-box#contents-tokuten .melon {
  padding-top: 40px;
  position:relative;
  height: 1035px;
}
.contents-box#contents-tokuten .melon .melon01 {
  position: absolute;
	top: 40px;
	left: 40px;
}

.contents-box#contents-tokuten .melon .melon02 {
  text-align: center;
  margin-top: 125px;
}
.contents-box#contents-tokuten .melon .melon03 {
  position: absolute;
	top: 365px;
	left: 105px;
	z-index: 10;
}
.contents-box#contents-tokuten .melon .melon04 {
  position: absolute;
	top: 310px;
	right: 65px;
	z-index: 1;
}
.contents-box#contents-tokuten .melon .melon05 {
  position: absolute;
	top: 385px;
	left: 65px;
	z-index: 1;
}
.contents-box#contents-tokuten .melon .melon06 {
  position: absolute;
	top: 695px;
	left: 360px;
	z-index: 10;
}
.contents-box#contents-tokuten .melon .melon07 {
  position: absolute;
	top: 820px;
	left: 0;
	right: 0;
}
.contents-box#contents-tokuten .melon .melon08 {
  position: absolute;
	top: 995px;
	right: 0;
	left: 0;
}

/* COMIC ZIN */
.contents-box#contents-tokuten .benefits_corporation_white_z {
  background-color: #fff;
}

.contents-box#contents-tokuten .comiczin {
  padding-top: 40px;
  position:relative;
  height: 270px;
}
.contents-box#contents-tokuten .comiczin .comiczin01 {
  position: absolute;
	top: 40px;
	left: 40px;
}

.contents-box#contents-tokuten .comiczin .comiczin02 {
  text-align: center;
  margin-top: 170px;
}

/* アンカーリンク部分の背景 */
p.top-link {
  background-color: #fff;
}


/*# sourceMappingURL=extention.css.map */