@charset "UTF-8";

@media screen and (max-width: 667px) {
/* 文字関係 */
p {
	width: 96%;
	margin: 0 2%;
}
.imgPC {
	display: none;
}
.imgSP {
	display: block;
}
body {
	background-size: 240% auto;
}
    
#wrapper_bkgn {
	width: 100%;
	background: none;
}
/* ヘッダーロゴ部分 */
header#chiko_header {
	width: 100%;
    height:auto;
    padding-bottom: calc(100%*450/640);
    overflow: hidden;
}
header#chiko_header #chara1 {
    width:40%;position: absolute; left:8%;right:auto;
}
header#chiko_header #midashi {
    width:100%; position: absolute; z-index: 6; left:0; right:0; top: 5px; margin:0 auto;
}
header#chiko_header #logo {
    width:55%; position: absolute; z-index: 2; left:auto; right:3%; top:auto; bottom:1%;
}
header#chiko_header #nhk {
    width:55%; position: absolute; z-index: 1; left:auto; right:0; top:17%;
}
header#chiko_header #name {
    width:30%; position: absolute; z-index: 4;left:3%; right:auto; top: 67%; 
}  
    
/* メイン部分 */ 
#main{width:100%; height:auto; background: url("../../_img/main_bg_sp.png") no-repeat center; padding-bottom: calc(100%*856/640);background-size: 100% auto; }
#main #toy {
    width:75%; position: absolute; z-index: 12; left:auto; right:14%; top: 32%; transform: rotate(-16deg);
}
#main #chara2{
    width:40%; position: absolute; z-index: 9; left:auto; right:0; top: 15%;
}
#main #bomb1 {
    width:50%; position: absolute; z-index: 11; left:0%;  bottom: -3%;
}
#main #bomb2 {
    width:50%; position: absolute; z-index: 11; right:0%; bottom: -3%;
}
#main #anger_voice {
    width:65%; position: absolute; z-index: 13; left:1%; top: 7%;
}
#main #anger_face {
    width:40%; position: absolute; z-index: 11; left:-11%; top: 12%;
}
#main #text1 {
    width:96%; position: absolute; z-index: 13; left:2%; right:0; top: 2%; margin:0 auto;
} 
    
/* ３大遊び部分 */ 
#obi {
	width: 100%; height:auto; position: relative;
	background: url("../../_img/bg_obi_sp.jpg");background-size: 100% auto;
}
    
#obi .inner {
	width: 100%;
	height: auto;
    padding-bottom: calc(100%*660/640);
}
#obi #text{	position: absolute; padding-bottom: calc(100%*261/640);
    width:96%; top:3%; right:2%;background: url("../../_img/obi_text_sp.jpg");background-size: 100% auto;
    z-index:1;}
    
#obi #text img{display:none;}	
    
    
#obi #changeFace{
    width:65%;
    margin:0 auto;
    height:auto;
	position: absolute;
    top:36%; left:20%;
    background: url("../../_img/bg_face.png") no-repeat center top;
    background-size: 100% auto;
    padding-bottom: calc(100%*346/345);
    z-index:10;
}
#viewer {
    width:67%;
    margin-top:10%;
    height: auto;
    padding-bottom: calc(100%*274/251);
    overflow: hidden;
    position: relative;
    left:17%;
}
 
#viewer img {
    top: 0;
    left: 0;
    position: absolute;
} 

/* ビデオ部分 */
#movie {width: 100%; height: auto; background: url("../../_img/bg_mv.jpg") center top; padding:30px 0;}
#movie .midashi{text-align:center; }
#movie .midashi img{width:75%;}
    
#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;}
    
    
/* 予約受付中部分 */  
#yoyaku .inner {
	width: 100%;
	margin: 0 auto;
    padding:5% 0;
}
    #yoyakuText{background: url("../../_img/yoyaku_sp.png") no-repeat;background-size: 100% auto;padding-bottom: calc(100%*501/608);}
#yoyakuText img{display:none;}

#yoyaku #yoyakuBtn{
	width: 46%;
	height: auto;
    position:absolute;
    z-index:3;
    bottom:4%;
    right:2%;
z-index:9999;
}
    
/* フッター */
footer {
	width: 100%;
	height: auto;
	padding: 2% 0;
	box-sizing: border-box;
}

/*タカラトミーモールの設定をリセット*/
#contents {
	padding: 0;
}
footer.footer {
	padding: 0 0 20px;
}
}