@charset "UTF-8";
@media screen and (max-width: 667px) {
img {width: 100%; height: auto;}
#wrapper_kabuto {padding-bottom:2vw;font-size:3.5vw}
/* メニュー */
h1{font-size:0;line-height: 0;color:#000;}

#wrapper_kabuto nav#kabutoMenu{width:100%;height:auto;padding-bottom:22%;margin:0 auto;background: url("../../_img/bg_header_sp.png") repeat-x center top;background-size:100% auto; position:relative;box-sizing: border-box;z-index:10;}
#wrapper_kabuto nav#kabutoMenu ul li{display:none;}
#wrapper_kabuto nav#kabutoMenu ul li.navlogo{display:block;position:absolute;left:-4vw;right:0;margin:0 auto; width:36vw;}
#wrapper_kabuto nav#kabutoMenu ul{width:100%; margin:0px auto 0; display:flex;color:#454545;}
#wrapper_kabuto nav#kabutoMenu h1{text-align:center;font-size:1.8vw; line-height:1.1em;padding-top:0.5vh;}
    
/* メインビジュアル */
div#mainVisual{width:100%;height:auto; padding-bottom:140%;margin:0 auto; position: relative;z-index:0;overflow:hidden;} 

div#mainVisual .top_title {width:calc(100%*850/1000); bottom:2%; left:0;right:0px; margin:0 auto;z-index:4;}
div#mainVisual .top_copy1{width:calc(100%*716/1000); top:0;left:0;right:0px; margin:0 auto; z-index:6;}
div#mainVisual .top_info img{display:none;}
div#mainVisual .top_info{width:calc(100%*523/1000); background:url("../../_img/top_info_sp.png")center top;background-size:100% auto;padding-top:calc(100%*361/1000); bottom :17%; left:auto;right:1%; z-index:3;}
    
    
div#mainVisual .top_logo {width:calc(100%*375/1000); top:22%; left:0px; ;z-index:4;}

div#mainVisual .top_toy1 {width:calc(95%*305/1000); top:22%; left:-20%; right:0; margin: 0 auto;z-index:3;}
div#mainVisual .top_toy2 {width:calc(95%*371/1000); top:27%; left:0; right:-20%; margin: 0 auto;z-index:2;}
div#mainVisual .top_toy2_2 {width:calc(95%*209/1000);top:28%; left:0; right:-4%; margin: 0 auto;z-index:4;}

div#mainVisual .top_push1 {width:calc(100%*220/1000); top:53%; left:-24%; right:0px; margin: 0 auto;z-index:2;}
div#mainVisual .top_push2 {width:calc(100%*175/1000); top:43%; left:auto ; right:1%; z-index:2;}
div#mainVisual .top_push3 {width:calc(100%*162/1000); top:38%; left:12%; right:auto;z-index:2;}
div#mainVisual .top_push4 {width:calc(100%*127/1000); top:34%; left:auto; right:30%;z-index:1;}

div#mainVisual .top_effects {width:calc(95%*817/1000); top:35%; left:0; right:-18%; margin: 0 auto;z-index:1;}
div#mainVisual .top_base {width:calc(95%*1126/1000); top:40%; left:-2%; right:0px; margin: 0 auto;z-index:0;}

    
/* 汎用の設定 */
#wrapper_kabuto section{width:100%;margin:3vh auto;position: relative;background: url("../../_img/table_bg.png")repeat-y; background-size: 100% auto; }
#wrapper_kabuto.kabuto_top section{margin:5vh auto 10vh;}

#wrapper_kabuto section#news{margin:70px auto 100px;}

#wrapper_kabuto section:before{
content:"";display:block;
background: url('../../_img/table_header.png') center top no-repeat;background-size:100% auto; width:100%;height:auto;padding-top:10%;position: absolute;top:-3.5vh; }

#wrapper_kabuto section:after{
content:"";display:block;
background: url('../../_img/table_footer.png') center top no-repeat;background-size:100% auto; width:100%;height:auto;padding-top:10%;position: absolute;bottom:-5.4vh; }
    
#wrapper_kabuto section h2{width:85%;padding-top:3%; margin:0px auto;font-size:0;}
    
/* about */
section#about p{text-align:center;margin:30px auto;width:90%;}
section#campaign p{text-align:center;margin:2vw auto;width:98%;}
    
/* 商品ラインナップ */

section#lineup .hideList {
display: none;
margin-top:5%;
clear: both;
}
    
.btnP span{width:80%;text-align:center;border:1px solid #FFF;padding:2%;margin:0 auto;display:block;}

section#lineup ul#lineupList{width:85%;margin:50px auto;display:flex;flex-wrap: wrap;}
section#lineup ul#lineupList li{width:24%; margin:0.5%;}

section#lineup h3,section#movie h3{width:90%;margin:4vw auto 0;font-size:4vw;text-align:center;padding:5px 0;color:#000;background:#33ff00;}

section#collabo h3{width:90%;margin: auto 0;font-size:4vw;text-align:center;padding:5px 0;color:#000;background:#33ff00;}

section#lineup dl.lineupItem , #lineup .item1{width:90%;margin:3% auto;padding:3%;box-sizing: border-box;border:2px solid #33ff00;}
#lineup .item1 img{margin-bottom:20px;}
section#lineup dl dt{width:70%; float:none;margin:0 auto 2vh;}
section#lineup dl.btns dt{width:100%; float:none;margin:0 auto;}
section#lineup dt img{width:100%;}
section#lineup dl dd{width:100%; margin-left:0%;}
section#lineup dd p,#lineup .item1 p{margin-bottom:3%;}
section#lineup dd .title,#lineup .item1 .title{font-size:5.5vw; color:#FFFF00;line-height:1.1em;}
section#lineup dd .copy span,#lineup .item1 .copy span{background:#FFF; color:#000;padding:1%;font-size:3vw;}
section#lineup dd .spec,#lineup .item1 .spec{border:1px solid #FFF;padding:0.5em;line-height:1.4em;}

section#lineup .detail{width:90%;margin:20px auto; }
section#lineup .detail img{margin-bottom:10px;}

section#lineup ul#detailList{display: flex; flex-wrap: wrap;}
section#lineup ul#detailList li{width:46%;margin:2%;}
section#lineup ul#detailList li img{border:2px solid #33ff00} 
    
section#lineup ul#lineupList{width:85%;margin:2vh auto;display:flex;flex-wrap: wrap;}
section#lineup ul#lineupList li{width:46%; margin:2%;}
    
/*最新ニュース */
ul#newsList{width:90%;margin:2vh auto 0;height:30vh;overflow-y: scroll;}
ul#newsList li{font-size:3.5vw;margin:3vh 0}
ul#newsList li p{margin-bottom:1vh}
    
ul#cp_list{display: flex;flex-wrap:wrap;}
ul#cp_list li{width:90%;margin:0 auto 4%;}
    
/* ムービー*/
section#movie ul#mvList{display: flex;flex-wrap:wrap;}
section#movie ul#mvList li{width:98%;margin:2% 1%;border:1px solid #999;padding-bottom:0;}
section#movie ul#mvList li p.title{font-size:3vw;position: static}
    
section#movie ul#mvList li p.new{font-size:3.5vw;}
section#movie #animeImg{width:90%; margin:0px auto 0;}
section#movie{text-align:center;}
section#movie strong{font-size:5vw;}
section#movie .copyright{font-size:2.5vw;margin-bottom:2em;}
section#movie .anime1{width:90%;margin:2vh auto 4vw;border:1px solid #999;}
section#movie ul#mvBtnList{display: flex;flex-wrap:wrap;}
section#movie ul#mvBtnList li{width:98%;margin:1%;}

    
    
    
/* コラボ*/
section#collabo{text-align:center; margin-bottom:0px;font-size:3.5vw}
section#collabo strong{font-size:4vw;font-weight:bold;}
section#collabo #mainVisual1{width:90%; margin:5vw auto 0;}

dl#collabo{width:80%; margin:0 auto;}
dl#collabo dt{width:100%; float:none;}
dl#collabo dd{width:100%; margin-left:0%;margin-top:4vw;}
    
#wrapper_kabuto section button {
font-family: 'Noto Sans JP', sans-serif;
width: 100%;
/* max-width: 293px; */
margin: 10px auto 10px;
padding: 1.5vh 0;
font-size: 4vw;
}
    
dl#footerText {
width: 90%;
margin: 5vh auto;
font-size: 2.4vw;
text-align: left;
}
    
dl#footerText dt{width:100%; float:none;}
dl#footerText dd{width:100%; margin-left:0%;margin-top:2vh}
    
    
.btn{display:block;width:100%;background-color:#FF0000;color:#fff;text-align:center;padding:1.5vh 0;margin-top:10px;font-size:3.8vw;line-height:1.1em;letter-spacing: 0.1em;position: relative;}
    
a.btnMV{display:block;width:100%;background-color:#33ff00;color:#000;border-radius:6px;  text-align:center;padding:3vh 0;margin-top:10px;font-size:3.5vw;line-height:1.2em;letter-spacing: 0.1em;position: relative;padding-right:22%;box-sizing: border-box;position: relative;}

a.btnMV:before{
content:'';display: inline-block;
background: url(../../movie/_img/btn_mv.png) no-repeat; width: 15%;height:auto;padding-top:5vh;
background-size: contain;
vertical-align: middle;
position: absolute;z-index: 1;
right:0; top: 50%;
    transform: translate(-30%, -50%);
    -webkit-transform: translate(-30%, -50%);
    -ms-transform: translate(-30%, -50%);}
    
a.btnMV:hover:before{
background: url(../../movie/_img/btn_mv_on.png) no-repeat; width: 15%;height:auto;padding-top:5vh;background-size: contain;
}
    
    #kinBlock{width:100%;height:32vh; margin:-3.5vh auto -3.5vh;}
    #kinBlock img{width:100%;}
   
}