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


@media screen and (max-width: 667px) {
body{min-width:initial;background: url(none);}
body#top{background: url(none);}
#page-top {position:absolute; top:-1000px;width:1px; height:1px;}

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

header .spMenu1{ display:block; position:absolute; left:2px; top:2px;z-index:999999;}
header .spMenu2{ display:block; position:absolute; right:2px; top:2px;z-index:999999;text-align:right;}
header .spMenu1 img,header .spMenu2 img{ width:62%;}
#main-menu{display:none;}

header .menu{width:100%; height:60px; position: relative;}
.logo img{margin:0px; height:70%;}
.logo{margin-left:38%;}
    #navigation{display: none;}
    
#sidr-left div{width:90%;margin:4px auto;text-align:center;}
#sidr-left div img{width:100%;}
    
#main_contents{width:100%;padding-left:0;padding-right:0;background-color:#fff;padding-bottom:0;}

section#owabiText{width:96%; margin: 20px 2% 0;}    
    section#owabiText .midashi br{display:none;}
    section#owabiText .midashi {font-size:16px}
.top_area {width:100%;height:auto;  margin:0 auto; position:relative;background: url("../_img/bg_header_sp.jpg?ver0117") no-repeat center top /100% auto;}
    
.top_area .inner{width:100%; position:relative; margin:0 auto;}
.top_area .sp_header{width:100%; display:block;}
.top_area .infoText{width:100%;background:#FFF;border:none;padding:8px;margin-top:84%;position:static;}
.top_area .infoText .textBlock{width:46%;float:right;}
.top_area .infoText img{width:50%;}
.top_area .infoText h2{font-size:18px;}
.top_area .infoText p{font-size:12px;line-height:17px;}
.top_area .infoText .kakomi{font-size:11px;}
.top_area .infoText ul{list-style:none;}
.top_area .infoText ul li{width:100%;float:none;margin-right:0;}

.zassi_top .infoText{width:100%;background:#FFF;border:none;padding:8px;margin-top:0px;}
.zassi_top .infoText .textBlock{width:51%;float:right;}
.zassi_top .infoText img{width:47%;}
.zassi_top .infoText h2{font-size:21px;margin-bottom:10px;}
.zassi_top .infoText p{font-size:14px;line-height:21px;}
.zassi_top .infoText .kakomi{font-size:11px;}
.zassi_top .infoText ul{list-style:none;}
.zassi_top .infoText ul li{width:100%;float:none;margin-right:0;}

.rensai{width:100%; background:#252f49;padding:5% 0;color:#FFF;font-size:12px;line-height:14px;}
.rensai #rensai_slider{width:98%; margin:0 auto;padding:0px 1%;}
.rensai a{color:#FFF;}
.rensai img{margin-bottom:4px;}
    
    
#mangasho_area{width:100%; background:#252f49;padding:20px 0;color:#FFF;font-size:12px;line-height:14px;}
#mangasho_area ul{width:98%;margin:0 auto;display: flex;flex-wrap:wrap;list-style: none;}
#mangasho_area ul li{width:49%;margin:0.5%;}
#mangasho_area ul li.sponly{display:block;}
    
section.webren img, section .innerAll img{width:80%; float:none; display: block; margin:auto;}
    
section.webren .inner{width:100%;float:none; padding:0;}
.webren_ep .inner{width:100%;float:none; padding:0;}

section.webren .dayNum{color:#CC0000;line-height:1em; margin-bottom:5px; font-weight:bold;}
section.webren .webren_ep{margin-bottom:30px;}

.main_slider_block{width: 100%; margin: 0 auto 40px;}
.main_slider_block img{width:100%;}


article#mein_contents{width:100%;}
article.main_area{float:none;width:100%;}
article.sub_area{display:none;}

.news_area{width:100%; margin: 0 auto; padding:20px 0 0;}
.main_area h2.title{font-size:18px;}

.main_slider{width:100%; float:none;}

.whatsnew ul{width:100%;}
.whatsnew ul li{display:block;width:48%; margin:0 1% 10px;padding-bottom:0px;}
.whatsnew ul li img{width:100%;}

.webren_area{width:100%; height:420px; margin: 0;background: none;}
.webren_links{width:100%; margin: 0 auto; padding:20px 0 0;}

.webren_links ul li{display:block;width:48%; margin:0 1% 20px;float:left;padding-bottom:20px;}
.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;}
.webren_links a.btn{display:block;width:100%;background-color:#dc0000;color:#fff;text-align:center;padding:6px 0;margin:5px 0;}
.webren_links a.btn:hover{display:block;width:100%;background-color:#850000;color:#fff;text-align:center;padding:6px 0;margin:5px 0;}

.pickup_area1{width:100%; padding:0 0 3% 0; margin: 0;background: none #FFF;}
.pickup_area2{width:100%; padding:0 0 3% 0; margin: 0;background:none #000;}
.pickup_links{width:100%; margin: 0 auto; padding:20px 0 0;}
.pickup_links img{border:1px solid #aaaaaa;width:100%;box-sizing:border-box;}
.pickup_links h2{color:#FF0000; font-size:18px; font-weight:bold; line-height:25px;}
.pickup_links dl{width:100%;}
.pickup_links dt{width:45%;float:left;}
.pickup_links dd{margin-left:46%;}
    
/*-----------------------------------------------------------------*/	
/*YOUTUBE部分*/
#movie{width:100%; height:auto; margin-top:3%; padding-top:0%;padding-bottom:4%; position:relative; background:url(../_img/bg_movie_sp.png) left top no-repeat ;background-size: 100% auto;}

#movie #youtube{width:100%; height:auto; padding-top: 56.25%; box-shadow: 0px 0px 15px 0 #000;position: relative;}
#movie #youtube iframe{position: absolute;top: 0; right: 0; width: 100% !important; height: 100% !important;}
    
/*-----------------------------------------------------------------*/	
/*特集スライダー部分*/
#sp_contents{width:100%; background:#d5e7fb; padding:20px 0 40px; color:#FFF; font-size:12px; line-height:14px;}
#sp_contents #spcon_slider{width:98%; margin:0 auto;padding:0px 0%; }
#sp_contents #spcon_slider img{margin-bottom:4px;width:100%;}
    
    
.twitter{width:100%; margin: 0 auto; padding:20px 0;}
.twitter .campaign_info{width:100%; float:none;}
.twitter .campaign_info img{width:100%;}
.twitter .campaign_text{border:1px solid #9bd9f9; padding:16px;margin:1%;}
.twitter .campaign_text strong{color:#0ca0ec;font-size:20px;line-height:20px;}
.twitter .campaign_text p{margin-top:6px;}
.twitter .box_tw {float:none; width:90%;border:1px solid #9bd9f9;margin:0 5%;}

.comics{width:100%; height:40vh; padding:10px 0;color:#FFF;font-size:12px;line-height:14px;background:#3186aa none;}
.comics #comics_slider{width:100%; margin:0 auto;padding:0px 2%;}
.comics a{color:#FFF;}
.comics img{margin-bottom:4px;width:97%;}

/* tweetレイアウト */
.tweet-box {
    margin-left:0px;
}
    
    .tweet-face {width:160px;float:none;margin:0 auto;}
.tweet-area {
    width: 100%;
    float: none;
}
.tweet-hukidashi { width:98%;box-sizing:border-box;margin:0 1% 2%;}
.wd100{
width:100%;
}
    .tweet-hukidashi:after {
    content: none;
}

.main_area section{padding:10px;}
.main_area .rensai_top{ background:#FFF;margin-bottom:15px; padding:0px; box-sizing:border-box;}
.main_area .cutImg{display:none;}
.main_area .inner{margin:0px auto;float:none;width:95%;padding:0;}
.main_area .topics_yokoImg{width:40%;}
.main_area .inner_yoko{width:55%;}

#list4 li{width:calc((100% - 16px) / 3);margin-right:8px; position:relative;padding-bottom:45px;overflow:hidden;font-size:11px;}
#list4 li:nth-of-type(4n){margin-right:8px;}
#list4 li:nth-of-type(3n){margin-right:0;}

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

.spFooterNavi{
display:block;
}
.spFooterNavi ul{
display:block;
width:98%;
padding:0px;
margin:20px auto;
background:#223339;
}

.spFooterNavi img{width:100%;}

.spFooterNavi ul li{
   width:50%;
   float:left;
   list-style-type:none;
   border-right:1px solid #ccc;
   border-bottom:1px solid #ccc;
   box-sizing: border-box;
   background:url("URL") no-repeat 5px 50%;
}

.spFooterNavi ul li:nth-child(even){
   border-right:0px;
}

.spFooterNavi ul li:last-child{
   width:100%;
}

.spFooterNavi ul li a{
   display:block;
   padding:13px 0px 13px 30px;
   color:#fff;
}

.charaInfo li {border-bottom:1px dashed #CCC;margin-bottom:15px; padding-bottom:10px;}
.charaInfo li:nth-child(7),.charaInfo li:nth-child(8){
	border-bottom:none;
}
.charaInfo li .charaPict {float:none;width:100%;}
.charaInfo li p{font-size:13px; line-height:17px;}
.charaInfo li .charaName {font-size:110%;font-weight:bold; color:#077dbb;margin-bottom:5px;}
.charaInfo li .charaName span{display:block; font-size:85%; text-indent: -0.4em;}
    
.zassi_top dl .btn{width:100%;}
.zassi_top dl .btn:hover{width:100%;}

.news .btn{width:100%;}
.news .btn:hover{width:100%;}
    
.btn380{width:100%;}
.btn380:hover{width:100%;}
    
.btnP{width:100%;}
.btnP:hover{width:100%;}

.newComics .btn{width:100%;}
.newComics .btn:hover{width:100%;}
    
section .webren_ep .inner{width:100%;float:none; padding:0;}
section .webren_ep img{margin-bottom:15px;}
section .webren_ep p{margin:0;}


footer{width:100%;font-size: .8rem;padding-bottom:10px; background-color:#860001;color:#FFF;box-sizing: border-box;}
footer div{padding: 0px  10px 10px;}


.miniBtn{padding:8px 0;font-size:14px;line-height:20px;}
.miniBtn:hover{padding:8px 0;font-size:14px;line-height:20px;}

.zassi_area h2.title span{display:block;padding:0;}
.zassi_top dl dt{width:38%;}
.zassi_top dl dt img{width: 100%;}
.zassi_top dl dd{margin: 0px 10px 0px 40%;}
.zassi_top .mangaTitle{font-size: 18px;line-height: 24px;}
.zassi_top .readText{font-size:14px;line-height:18px;}

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

.comicInfo .btn{width:100%;}
.comicInfo .btn:hover{width:100%;}

section .news_ep img{width:90%;float:none;border:1px solid #AAA;box-sizing:border-box;margin-bottom:20px;}
section .news_ep .inner{width:100%;float:none; padding:0;}
section .news_ep{margin-bottom:40px; border-bottom:1px dashed #CCC;padding-bottom:40px}

.news .newsImg_yoko{width:50%;float:right; margin:0px 0px 20px 20px;}
.news .newsImg_yoko img{width:100%;}
.news .newsImg_center{width:100%; margin:0px auto20px;}
.news .newsImg_center img{width:100%;}
.news .newsImg_comics{width:45%; float:right; margin:0px 0px 20px 20px;}
.news .newsImg_comics img{width:100%;margin-bottom:4%;}
.youtube1{margin:20px auto;}
.youtube1 iframe{
  width: 100%;
}
.footerBanner{padding:1%;}
.footerBanner li{display:block;float:left;width:calc((100% - 1%) / 2);margin-right:1%; position:relative;margin-bottom:1%;}
.footerBanner li:nth-of-type(2n){margin-right:0;}
.footerBanner li img{width:100%;}
    
.footerBannerBig{display:flex;flex-wrap: wrap;width:90%;margin: 0 auto;}
.footerBannerBig li{display:block;position:relative;margin:3% 0;}
.footerBannerBig li img{width:100%;}
    
.footerBannerBig li.flex-item2 {
flex-basis: 100%;
margin: 0 auto;
}
    
#stopBanner div{width:90%; margin:0 auto;}
#stopBanner div img{width:100%;}
    
.abj dl{width:100%; margin:0 auto;}
    
}