@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: 1408px;
  background: url(../images/top_bg.jpg) no-repeat top left;
}
header #globalTitle {
  position: absolute;
  top: 93px;
  right: 20px;
}
header #subTitle {
  position: absolute;
  top: 403px;
  right: 498px;
}
header #globalTitleNumber {
  position: absolute;
  bottom: 150px;
  left: 75px;
}
header #globalAuthors {
  position: absolute;
  top: 93px;
  left: 25px;
}

header #mainCatch {
  position: absolute;
  bottom: 25px;
  right: 15px;
}

header #subCatch {
  position: absolute;
  top: 18px;
  left: 20px;
}
header #buyBtn {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
header #buyBtn a:hover {
  opacity: 0.7;
}
header #buyNewBtn {
  position: absolute;
  top: 1080px;
  right: 10px;
}
header #buyNewBtn a:hover {
  opacity: 0.7;
}
header #topSaleData {
  position: absolute;
  top: 310px;
  right: 705px;
}
header #linkBtn 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;
}


/* あらすじ部分 */
.contents-box#contents-Story {
  /*position: relative;*/
  height: 1143px;
  background: url(../images/story_bg.jpg) no-repeat top left;
  background-position-y: 0px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.contents-box#contents-Story .contents-header{	
  margin: 0 0 0 0;
  padding: 35px 0 0 35px;
  text-align: left;
}
.contents-box#contents-Story .contents{
  text-align: center;
  margin: 30px auto 0;
  padding: 0 0 0 0;
}
.contents-box#contents-Story .contents #story-text{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}



/* キャラクター部分 */
.contents-box#contents-character {
  /*position: relative;*/
  height: 5150px;
  background: url(../images/chara_bg.jpg) no-repeat top left;
  background-position-y: 0px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.contents-box#contents-character .contents-header{
  margin: 0 0 0 0;
  padding: 60px 0 0 35px;
  text-align: left;
}
.contents-box#contents-character .contents {
  text-align: center;
  margin: 5px auto 0;
  padding: 0 0 0 0;
}
.contents-box#contents-character .contents .chara {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.contents-box#contents-character .contents ul {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin :70px 0 0 0;
  padding: 0 0 0 0;
}
.contents-box#contents-character .contents ul li {
  /*width: 400px;
  text-align: left;*/
  margin-bottom: 30px;
}
.contents-box#contents-character .contents ul li p {
  padding: 20px 10px 10px;
  text-align: center;
  font-size: 1.4rem;
 width: 305px;
}



/* 店舗特典 */
.contents-box#contents-store {
  margin: 0 0 0 0;
  padding: 45px 0 20px 0;
  background-color :#2eb9eb;
}
.contents-box#contents-store .contents-header{
  margin: 0 0 0 0;
  padding: 0 0 0 35px;
  text-align: left;
}
.contents-box#contents-store .contents .store_tora_paid {
  margin: 50px auto 35px;
  padding: 0 0 0 0;
}
.contents-box#contents-store .contents .store_tora_paid ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin :0 0 0 0;
  padding: 0 0 0 0;
}
.contents-box#contents-store .contents .store_tora_paid .tora_p01{
  margin: 0 0 0 0;
  padding: 0 0 0 0;	
}
.contents-box#contents-store .contents .store_tora_paid .tora_p02{
  margin: 0 0 0 40px;
  padding: 0 0 0 0;
}
.contents-box#contents-store .contents .store_tora_paid .tora_p02 .tora_tit{
  text-align: left;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;	
}
.contents-box#contents-store .contents .store_tora_paid .benefit_text{
  text-align: left;
  margin: 50px 0 0 0;
  padding: 0 0 0 0;	
}
.contents-box#contents-store .contents .store_tora_paid .benefit_buyBtn{
  text-align: left;
  margin: 35px 0 0 0;
  padding: 0 0 0 0;	
}
.contents-box#contents-store .contents .store_tora_paid .benefit_buyBtn a:hover {
  opacity: 0.7;
}
.contents-box#contents-store .contents .store_tora_free {
  margin: 0 auto 0;
  padding: 0 0 0 0;
}
.contents-box#contents-store .contents .store_tora_free .tora_f01 {
  margin: 0 auto 0;
  padding: 0 0 0 0;
}
.contents-box#contents-store .contents .store_others01 {
  margin: 60px auto 35px;
  padding: 0 0 0 0;
}
.contents-box#contents-store .contents .store_others01 ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin :0 0 0 0;
  padding: 0 0 0 0;
}

.contents-box#contents-store .contents .store_others01 .animate{
  width: 371px;
  margin: 0 30px 60px 0;
  padding: 0 0 0 0;	
}
.contents-box#contents-store .contents .store_others01 .gemers{
  width: 371px;
  margin: 0 0 60px 30px;
  padding: 0 0 0 0;	
}
.contents-box#contents-store .contents .store_others01 .animate .animate_text{
  margin: 20px 0 0 0;
  padding: 0 0 0 0;	
}
.contents-box#contents-store .contents .store_others01 .gemers .gemers_text{
  margin: 20px 0 0 0;
  padding: 0 0 0 0;	
}
.contents-box#contents-store .contents .store_others01 .comiczin{
  width: 371px;
  margin: 0 30px 0 0;
  padding: 0 0 0 0;	
}
.contents-box#contents-store .contents .store_others01 .melon{
  width: 371px;
  margin: 0 0 0 30px;
  padding: 0 0 0 0;	
}
.contents-box#contents-store .contents .store_others01 .comiczin .comiczin_text{
  margin: 70px 0 0 0;
  padding: 0 0 0 0;	
}
.contents-box#contents-store .contents .store_others01 .melon .melon_text{
  margin: 20px 0 0 0;
  padding: 0 0 0 0;	
}




/* 特別漫画 */
.contents-box#contents-comics {
  margin: 0 0 0 0;
  padding: 45px 0 40px 0;
  background-color :#2eb9eb;
}
.contents-box#contents-comics .contents-header{
  margin: 0 0 0 0;
  padding: 0 0 45px 35px;
  text-align: left;
}
.contents-box#contents-comics .contents .store_tora_paid ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin :0 0 0 0;
  padding: 0 0 0 0;
}
.contents-box#contents-comics ul{
  margin: 0 0 0 0;
  padding: 0 0 0 0;	
}
.contents-box#contents-comics ul li{
  margin: 0 0 30px 0;
  padding: 0 0 0 0;	
}



/* シリーズ部分 */
.contents-box#contents-series {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #ffffff;
}
.contents-box#contents-series .contents-header {
  margin:  0 0 0 0;
  padding: 50px 0 45px 35px;
  text-align: left;
}
.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;
  margin-left: 0px;
  font-size: 14.4px;
  line-height: 1.3;
  padding-bottom: 20px;
}
.contents-box#contents-series .contents .product > * img {
  width: 100%;
  margin-bottom: 5px;
  border: #000000 1px solid;
  box-sizing: border-box;
}
.contents-box#contents-series .contents .product > * h3 {
  text-align: left;
}

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