@charset "UTF-8";
/* CSS Document */

html{font-size:14px;}
body{margin:0;padding:0;font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background:#FFF;}

h1,h2,h3,h4,h5{font-weight:normal;margin:0;}
a{text-decoration:none;}
ul,li{margin:0;padding:0;}
p{margin:0;}
iframe{-webkit-overflow-scrolling: touch;}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
div:after,
ul:after,
article:after {
    content: "";
    display: block;
    clear: both;
}

header{width:100%; background:#FFF;}
header .spMenu1,header .spMenu2{ display:none;}
header .menu{width:1000px;margin:0 auto; position:relative;}

header nav ul{
  list-style-type: none;
  width:800px;
  margin: 10px 0px 0px 160px;
  padding: 0;
    display:flex;flex-wrap: wrap;
}
header nav ul li{
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
}

header nav ul li a {
    padding:0 20px;
  display: block;
  margin: 0;
  background: #FFF;
  color: #9a7643;
  font-size: 16px;
  line-height: 2.2em;
  text-decoration: none;
}

header nav ul li ul{
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
header nav ul li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  transition: .2s;
}
header nav ul li ul li a{
  padding-left: 7px;
 background: #9a7643;
 color:#FFF;
  text-align: left;
  font-size: 13px;
    line-height:40px;vertical-align: middle;
  font-weight: normal;
  width:170%;
    height:40px;
}
header nav ul > li:hover > a { background: #9a7643; color:#FFF;}
header nav ul > li:hover li:hover > a { background: #815921; color:#FFF; }
header nav ul > li:hover > ul > li {
  overflow: visible;
  height: 40px;
}
header nav ul li ul li ul {
  top: 0;
  left: 100%;
}

header nav ul li ul li:hover > ul > li {
  overflow: visible;
  height: 40px;
}


header nav ul li ul li ul li a { background: #CCC }
header nav ul li:hover ul li ul li a:hover {  background: #CCC }

header nav ul a{display:table-cell;vertical-align:middle;text-align:center;background:#FFF;color:#FFF;}

.logo{width:139px; height:79px; position:absolute;top:5px;left:0;}

header h1{background:#ff3333;font-size:13px;color:#FFF;padding:4px 0;width:100%;}
header h1 div{width:1000px; margin:0 auto;}
header h1 div p{margin-left:180px;}

#main_contents{width:1000px;padding:0;margin:30px auto 0;}
#main_contents:before,#main_contents:after{display:table;content:"";}
#main_contents:after{clear:both;}

.main_area{width:665px; float:left;}
.main_area section{border:1px solid #cacaca; background:#FFF; margin-bottom:15px; padding:20px; box-sizing:border-box;font-size:15px;line-height:24px;}

.main_area .rensai_top,.main_area .zassi_top,.main_area .webren_top{border:1px solid #cacaca; background:#FFF;margin-bottom:15px; padding:0px;box-sizing:border-box;}

.main_area .inner{padding:5px 20px; font-size:15px;line-height:24px;}
.rensai_area .inner{padding:20px 0px 20px 20px;float:left; width:57%; font-size:15px;line-height:24px;}
.rensai_area .inner p{margin-bottom:20px;}

.rensai_area .cutImg{width:220px; float:right; margin:0 0 20px 20px;box-sizing:border-box;}
.rensai_area .cutImg img{width:100%; border:1px solid #787878; }

.mainImg{width:100%; margin:0; padding:0; display: block;}
.mainBannerImg{width:100%; margin:20px auto; padding:0; display: block;border:1px solid #787878;}
.rensai_area .topics_yokoImg{float:right; width:200px; margin:0px; border:1px solid #999;}
.rensai_area .topics_tateImg{width:400px; margin:0px auto 20px; border:1px solid #999;display:block;}
.rensai_area .inner_tate{padding:0px;width:100%; font-size:15px;line-height:24px;}
.rensai_area .inner_yoko{padding:0px;float:left; width:65%; font-size:15px;line-height:24px;}
.rensai_area p{margin-bottom:10px;}
.rensai_area .webren_ep .inner p{margin-bottom:10px;}

.rensai_area .topics_title{color:#0057a0; font-size:21px; line-height:26px;font-weight:bold;margin-bottom:10px;}
.rensai_area .topics_title2{color:#000; font-size:18px; line-height:25px;font-weight:bold;margin-bottom:10px;}
.rensai_area .topics2{margin-top:30px; border-top:1px dashed #999;padding-top:30px;}

section .webren_ep img{width:255px;float:right;border:1px solid #AAA;box-sizing:border-box;}
section .webren_ep .inner{width:57%;float:left; padding:0;}
section .innerAll{ padding:20px;}
section .dayNum{color:#CC0000;line-height:1em; margin-bottom:5px; font-weight:bold;font-size:90%;}
section .webren_ep{margin-bottom:30px;}
ul.btn2ko{list-style:none;margin-bottom:30px;}
ul.btn2ko li{float:left; width:48%; margin:1%;}

section .news_ep img{width:45%;float:right;border:1px solid #AAA;box-sizing:border-box;}
section .news_ep .inner{width:52%;float:left; padding:0;}
section .news_ep{margin-bottom:40px; border-bottom:1px dashed #CCC;padding-bottom:40px}

section#owabiText{width:1000px; margin: 20px auto 0; border:1px solid #999;padding:15px;}
section#owabiText .midashi{text-align:center; margin-bottom:12px;font-size:18px;font-weight:bold;}
section#owabiText .GJhensyu{text-align:right;}
section#owabiText p{margin-bottom:12px;}

.news .topics_title{font-size:23px;line-height:28px; color:#0a429f; border-top:1px solid #ABABAB;border-bottom:1px solid #CCC;padding:10px 0px;margin-bottom:20px;}

.news .topics_title_osirase{font-size:18px;line-height:28px; color:#000; border-top:1px solid #ABABAB;border-bottom:1px solid #CCC;padding:6px 0px;margin-bottom:15px;text-align:center;}

.news .newsImg_yoko{width:250px;float:right; margin:0px 0px 20px 20px;}
.news .newsImg_yoko img{width:250px;}
.news .newsImg_center{width:500px; margin:0px auto 20px; display:block;}
.news .newsImg_center img{width:100%;}
.news .newsImg_comics{width:180px; float:right; margin:0px 0px 20px 20px;}
.news .newsImg_comics img{width:180px;border:1px solid #CCC;}
.news p{margin-bottom:12px;}

.youtube1{margin:20px auto;}
.youtube-top{width:100%; margin:0px auto 20px;}
.youtube-top iframe{width:100%;}
.youtube-top p{text-align:center;font-weight:bold;color:#CC0000; font-size:110%;}


/* 
■前後リンク  Pager link */
ul.sugu-pager {
  margin: 2em auto 0.3em;
  padding: 0;
  height: 3em;
display:block;
    width:210px;
}
ul.sugu-pager li {
  list-style: none;
  display: inline-block;
}
ul.sugu-pager li a {
  padding: 0.4em 1em;
  vertical-align: middle;
  height: 2em;
  border: #cbcbcb 1px solid;
  border-radius: 1.2em;
  /* height + padding の 50% */
  text-decoration: none;
  color: gray;
}
ul.sugu-pager li a:active,
ul.sugu-pager li a:hover {
  background-color: #dfdfdf;
  color: black;
}

#list2 li{display:block;float:left;width:calc((100% - 24px) / 2);margin-right:8px; position:relative;}
#list2 li:nth-of-type(2n){margin-right:0;}


#list3 li{display:block;float:left;width:calc((100% - 24px) / 3);margin-right:8px; position:relative;padding-bottom:40px;}
#list3 li:nth-of-type(3n){margin-right:0;}
#list3 li img{width:100%;}
#list3 li p{font-size:14px; line-height:18px;}

#list4 li{display:block;float:left;width:calc((100% - 32px) / 4);margin-right:8px; position:relative;padding-bottom:40px;margin-bottom:20px;}
#list4 li:nth-of-type(4n){margin-right:0;}
#list4 li img{width:100%;}
#list4 li p{font-size:14px; line-height:18px;}

.footerBanner li{display:block;float:left;width:calc((100% - 32px) / 4);margin-right:8px; position:relative;margin-bottom:8px;}
.footerBanner li:nth-of-type(4n){margin-right:0;}
.footerBanner li img{width:100%;}

.footerBannerBig{display:flex;flex-wrap: wrap;width:1000px;}
.footerBannerBig li{display:block;position:relative;margin:10px 0;}
.footerBannerBig li img{width:100%;}
.footerBannerBig li.flex-item2{flex-basis:60%;margin:0 auto;}


.btnbox{position:absolute; bottom:0; width:100%;}

#zassi_list li{display:block;float:left;width:calc((100% - 24px) / 4);margin-right:6px; position:relative;padding-bottom:20px;overflow:hidden; border:1px solid #000;}
#zassi_list li:nth-of-type(4n){margin-right:0;}
#zassi_list li img{width:100%;}
#zassi_list li p{font-size:14px; line-height:18px;}

.comicInfo {margin:20px 0;}
.comicInfo .syoei{float:left; width:165px;}
.comicInfo .syoei img{width:100%;}
.comicText{ margin-left:175px;}
.comicText p{margin-bottom:10px;}
.comicText .mangaTitle{font-size:21px;line-height:24px;}


/* tweetレイアウト */
.tweet-box {
    width: 100%;
    height: auto;
    overflow: hidden; /*floatの解除*/
    clear:both;
}
.tweet-face {
    float: left;
    margin-left:0px;
    
}
.tweet-face img{
	width:160px;
    border-radius: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px #ddd;
}

.tweet-area {
    width: 450px;
    float: right;
}

.tweet-hukidashi {
    
    display: inline-block; /*コメントの文字数に合わせて可変*/
    padding: 10px 15px;
    margin-top: 8px;
    margin-left:12px;
    /* border: 1px solid gray; ←削除 */
    border-radius: 10px;
    position: relative; /*追記*/
    background-color: #D9F0FF; /*追記*/
}
.tweet-hukidashi:after {
    content: "";
    position: absolute;
    top: 50%; left: -10px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #D9F0FF transparent transparent;
}

.tweet_include{border:1px solid #CCC; margin:20px auto;padding:1px;box-sizing:border-box;}

.main_area h1{ background:#676767;font-size:17px;color:#FFF;}
.rensai_area h2.title{ background:#347394;font-size:21px;color:#FFF;margin:0;padding:8px 10px 4px;}
.zassi_area h2.title{ font-size:21px;color:#000;margin:0;padding:6px;}
.zassi_area h2.title span{ font-size:14px;color:#000;padding:0 1em;}
.zassi_area h3.title{ background:#347394;font-size:17px;color:#FFF;margin:0;padding:6px 10px;margin-bottom:15px;}



.ribbon span{
    font-family: 'futura';
    letter-spacing: 0.3em;
    display: inline-block;
    position: relative;
    height: 40px;/*高さ*/
    line-height: 40px;/*高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 30px 0 18px;/*文字の左右の余白*/
    background: #ff3333;/*背景色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
    margin-right:10px;
}

.ribbon span:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.ribbon span:after {
    top: 0;
    right: 0;
    border-width: 20px 15px 20px 0px;
    border-color: transparent #676767 transparent transparent;
    border-style: solid;
}


.sub_area{float:right;width:300px;}
.sub_area .side_tweet{border:1px solid #CCC;background:#FFF;}
.sub_area .side_banners{margin-top:15px; width:300px;}
.sub_area .side_banners img{width:100%;}
.sub_area .side_navi{margin-bottom:15px;}

.top_area {width:100%; height:600px; margin:0px auto 0; position:relative;background: url("../_img/bg_header_pc.jpg?ver1204") top center no-repeat #FFF;background-position: center top ;}

.top_area .inner{width:1000px; position:relative; margin:0 auto;}

.top_area .infoText{width:287px; position:absolute; right:0;box-sizing:border-box;background:#FFF;border:2px solid #878787;padding:8px;margin-top:12px;}
.top_area .infoText img{width:100%;}
.side_navi .infoText{width:300px; box-sizing:border-box;background:#FFF;border:1px solid #878787;padding:10px;}
.side_navi img{width:266px; margin:0 5px;border:1px solid #999;}
.infoText h2{font-size:19px; font-weight:bold;color:#ff3333;margin:0; padding:0;line-height:22px;}
.infoText p{font-size:13px;line-height:17px;}
.infoText .kakomi{background:#686868; color:#FFF;padding:2px;text-align:center;font-size:11px;letter-spacing:1px;margin-top:4px;}
.infoText ul{list-style:none;}
.infoText ul li{width:49%;float:left;margin-right:2%;}
.infoText ul li:nth-of-type(2n){margin-right:0;}

.btn{display:block;width:100%;background-color:#dc0000;color:#fff;text-align:center;padding:12px 0;margin-top:5px;font-size:17px;line-height:20px;}
.btn:hover{display:block;width:100%;background-color:#850000;color:#fff;text-align:center;padding:12px 0;margin-top:5px;font-size:17px;line-height:20px;}

.btn_mini{display:block;width:100%;background-color:#dc0000;color:#fff;text-align:center;padding:6px 0;margin-top:5px;font-size:12px;line-height:18px;}
.btn_mini:hover{display:block;width:100%;background-color:#850000;color:#fff;text-align:center;padding:6px 0;margin-top:5px;font-size:12px;line-height:18px;}

.btn380{display:block;width:380px;background-color:#dc0000;color:#fff;text-align:center;padding:12px 0;margin-top:5px;font-size:17px;line-height:20px;}
.btn380:hover{display:block;width:380px;background-color:#850000;color:#fff;text-align:center;padding:12px 0;margin-top:5px;font-size:17px;line-height:20px;}

.zassi_top dl .btn{display:block;width:50%;background-color:#dc0000;color:#fff;text-align:center;padding:12px 0;margin-top:5px;font-size:17px;line-height:20px;}
.zassi_top dl .btn:hover{display:block;width:50%;background-color:#850000;color:#fff;text-align:center;padding:12px 0;margin-top:5px;font-size:17px;line-height:20px;}

.zassi_top .kakomi{border:1px solid#FF0000; padding:6px; text-align:center;font-size:120%;color:#FF0000;margin-bottom:10px;font-weight:bold;}

.zassi_top .kakomi2{border:1px solid#997647; padding:6px; text-align:center;font-size:120%;color:#6f4c1d;margin-bottom:10px;font-weight:bold;}

.news .btn{display:block;width:67%;background-color:#dc0000;color:#fff;text-align:center;padding:12px 0;margin-top:5px;font-size:17px;line-height:20px;}
.news .btn:hover{display:block;width:67%;background-color:#850000;color:#fff;text-align:center;padding:12px 0;margin-top:5px;font-size:17px;line-height:20px;}

.textLink{font-weight:bold;text-decoration:underline;color:#9a7643;}

.mangaTitle a ,.topics_title2 a{font-weight:bold;text-decoration:underline;color:#9a7643;}
.mangaTitle a:link,.topics_title2 a:link {color:#9a7643;}
.mangaTitle a:visited,.topics_title2 a:visited {color:#9a7643;}
.mangaTitle a:hover,.topics_title2 a:hover {color:#593400;text-decoration:underline;}
.mangaTitle a:active,.topics_title2 a:active {color:#593400;}


.rensai{width:100%; background:#252f49;padding:20px 0;color:#FFF;font-size:12px;line-height:14px;}
.rensai #rensai_slider{width:1050px; margin:0 auto;padding:0px 30px;}
.rensai a{color:#FFF;}
.rensai img{margin-bottom:4px;width:97%;}

#mangasho_area{width:100%; background:#252f49;padding:20px 0;color:#FFF;font-size:12px;line-height:14px;}
#mangasho_area ul{width:1100px;margin:0 auto;display: flex;flex-wrap: nowrap;list-style: none;}
#mangasho_area ul li{width:32.33%;margin:0.5%;}
#mangasho_area ul li img{width:100%;}
#mangasho_area ul li.sponly{display:none;}

.title_L{width:250px;margin:0px auto 10px;}
.title_L h2{color:#2448a5;text-align:center; margin:0; line-height:28px; font-size:21px;}
.title_L h3 {position: relative; text-align: center;color:#FF0000;}
.title_L h3 span {position: relative; z-index:2; display: inline-block;margin: 0 2.5em; padding: 0 0.5em; background-color: #FFF;text-align: left;}
.title_L h3::before {position: absolute;top: 50%;z-index: 1;content: '';display: block;width: 100%;height: 1px;background-color: #FF0000;}
.pickup_area1 .title_L h3 span {position: relative; z-index:2; display: inline-block;margin: 0 2.5em; padding: 0 0.5em; background-color: #FFF; text-align: left;}
.pickup_area2 .title_L h3 span {position: relative; z-index:2; display: inline-block;margin: 0 2.5em; padding: 0 0.5em; background-color: #fff; text-align: left;}
.comics .title_L h3 span {position: relative; z-index:2; display: inline-block;margin: 0 2.5em; padding: 0 0.5em; background-color: #3186aa;text-align: left;}
.rensai .title_L h3 span,#mangasho_area .title_L h3 span{position: relative; z-index:2; display: inline-block;margin: 0 2.5em; padding: 0 0.5em; background-color: #252f49;text-align: left;}
.comics .title_L h2,.rensai .title_L h2,#mangasho_area .title_L h2{color:#FFF;text-align:center; margin:0; line-height:28px; font-size:21px;}
.pickup_area1 .title_L h2{color:#FF0000;text-align:center; margin:0; line-height:28px; font-size:21px;}
#sp_contents .title_L h3 span {position: relative; z-index:2; display: inline-block;margin: 0 2.5em; padding: 0 0.5em; background-color: #d5e7fb;text-align: left;}

section{width:100%;box-sizing:border-box;}
section:before,section:after{display:table;content:"";}
section:after{clear:both;}

.main_slider_block{width:448px; float:left;}


#movie{width:100%; background:#FFF; padding:20px 0; color:#FFF; font-size:12px; line-height:14px;}

#movie #youtube{width:840px; height:478px; margin:20px auto; box-shadow: 0px 0px 15px 0 #000;}
#movie #youtube iframe{width:100%; height:100%;}


#sp_contents{width:100%; background:#d5e7fb; padding:20px 0; color:#FFF; font-size:12px; line-height:14px;}
#sp_contents #spcon_slider{width:1100px; margin:0 auto;padding:0px 30px;}
#sp_contents #spcon_slider img{margin-bottom:4px;width:97%;}



.news_area{width:100%; margin: 0 auto; padding:20px 0 0;border-bottom:1px solid #DEDEDE;}

.whatsnew ul{width:1040px; margin: 0 auto; display:flex; flex-wrap: wrap; }
.whatsnew ul li{display:block;width:250px; margin-bottom:20px;margin-right:5px;margin-left:5px;position:relative;padding-bottom:20px;overflow:hidden;}
.whatsnew ul li img{width:250px;}
.whatsnew ul li .whatsnew_mark_renew{color:#CC0000;margin:0;font-size: .85rem;}
.whatsnew ul li .whatsnew_text{font-size:1rem;margin-bottom:5px;}


.webren_area{width:100%; height:480px; margin: 0;background: url("../_img/bg_webrensai_pc.jpg") top center no-repeat #FFF;background-position: center top;border-top:1px solid #e3e3e3;}
.webren_links{width:490px; margin: 0 auto; padding:20px 0 0;}

.webren_links ul li{display:block;width:228px; margin-bottom:20px;float:left;margin-right:10px;position:relative;padding-bottom:20px;overflow:hidden;}
.webren_links ul li:nth-of-type(2n){margin-right:0;}
.webren_links ul li img{border:1px solid #aaaaaa;width:100%;box-sizing:border-box;}
.webren_links ul li .whatsnew_mark_renew{color:#CC0000;margin:0;font-size: .85rem;}
.webren_links ul li .whatsnew_text{font-size:1rem;margin-bottom:5px;}

.pickup_area1{width:100%; height:323px; margin: 0;background: url("../_img/_pickup/bg_shrink.jpg") top center no-repeat #FFF; background-position: center top; border-bottom:1px solid #FFF;}
.pickup_area2{width:100%; height:323px; margin: 0;background: url("../_img/_pickup/bg_karakida.jpg") top center no-repeat #fff; background-position: center top;border-bottom:1px solid #FFF;}

.pickup_links{width:1000px; margin: 0 auto; padding:20px 0 0;}
.pickup_links img{border:1px solid #aaaaaa;width:228px;box-sizing:border-box;}
.pickup_links h2{color:#FF0000; font-size:18px; font-weight:bold; line-height:25px;}
.pickup_links dl{ width:500px;}
.pickup_links dt{float:left;}
.pickup_links dd{margin-left:248px;}
.pickup_links p{margin-bottom:20px;}

.twitter{width:1000px; margin: 0 auto; padding:20px 0;}
.twitter .campaign_info{width:500px; float:left;}
.twitter .campaign_text{border:1px solid #9bd9f9; padding:16px;}
.twitter .campaign_text strong{color:#0ca0ec;font-size:20px;line-height:20px;}
.twitter .campaign_text p{margin-top:6px;}
.twitter .box_tw {float:right; width:460px;border:1px solid #9bd9f9;}

.comics{width:100%; height:290px; padding:20px 0;color:#FFF;font-size:12px;line-height:14px;background: url("../_img/bg_comics.jpg") top center no-repeat #3186aa;position:relative;}
.comics #comics_slider{width:750px; margin:0 auto;padding:0px 30px;position:absolute; bottom:0; left:0; right:300px; margin:auto;}
.comics a{color:#FFF;}
.comics img{margin-bottom:4px;width:97%;}


.zassi_top .zassi_menu li{width:32%;list-style:none;float:left;margin-right:1%;}
.zassi_top dl{line-height: 120%;
 overflow :hidden;
  zoom: 1;
  width:100%;
}
.zassi_top dl::-webkit-scrollbar {
    display: none;
  }

.zassi_top dl dt{
  clear: both;
  float: left;
  margin: 0px 10px 0px 0px;
  width: 160px;
}

.zassi_top dl dt img{width:100%;border:1px solid #DEDEDE;}

.zassi_top dl dd{
  margin: 0px 10px 0px 170px;
}

.zassi_top dl dd p{
margin-bottom:7px;
}

.zassi_top .mangaTitle{
  color: #1499d1;
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 7px;
}
.zassi_top .readText{
color:#cc0000;
font-size:12px;
line-height:14px;
}

.pickup_title{margin-bottom:20px;}

.pcmenu{display:block;}
.spFooterNavi,.spHonsiNavi{display:none;}

.tuika{padding:6px 0; background:#0e6eb8;text-align:center;font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-weight: 600;
font-style: normal;}

.tuika strong{font-size:46px;line-height:50px; display:block;}
.tuika span{margin-left:1em; background:#FFF; color:#CC0000; padding:4px;font-size:80%;}
.tuika a{color:#FFF;}

footer{width:1000px;margin:0 auto;padding:10px 0}
footer .copy{text-align:center;margin-top:20px;font-size:11px;}
footer a,#guideLine a{color:#fff;}
#guideLine{width:100%; font-size:12px;text-align:center; background:#333;padding:10px 0 5px;}


.abj{width:100%;background:#000; color:#FFF; padding:10px 0 5px; font-size:11px; line-height:14px;}
.abj dl{width:750px; margin:0 auto;}
.abj dl dt{width:60px;float:left;}
.abj dl dd{margin-left:70px;}
.abj dl dt img{width:100%;}

.abj a{color:#FFF;}

#stopBanner div{width:492px; margin:0 auto;}
#stopBanner div img{width:100%;}