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

@media screen and (max-width:414px){
.visible_sp{
	display:block;
}
.hidden_sp{
	display:none;
}
.fixedcontainer{
	width:320px;
}
.border{
	width:320px;
	border:none;
}

/*--------------------header-------------------*/
.menu{
	height:auto;
	width:100%;
	background-color:#ffff00;
	background-image:-webkit-linear-gradient(#ffcc00, #ffff00);
	background-image:-o-linear-gradient(#ffcc00, #ffff00);
	background-image:-moz-linear-gradient(#ffcc00, #ffff00);
	background-image:linear-gradient(#ffcc00, #ffff00);
	background-size:contain;
	border-bottom:1px solid #730000;
	min-width:320px;
}

/*--------------------main-----------------------*/
.main_back{
	height:380px;
}
.main1{
	background-image:none;
	width:100%;
	height:auto;
}

.main_sp img{
	width:100%;	
}
#sns{
	margin-top:0px;
	right:-72px;
	display:flex;
	transform:scale(0.6);

}
.main_btn{
	width:145px;
	height:100px;
	background-color: rgba(255,255,255,0.8);
}
.main_btn:nth-child(4){
	top:265px;
	left:0px;
}
.main_btn:nth-child(5){
	top:265px;
	left:auto;
	right:0px;
}
.main_btn h1{
	font-size:22px;
}
.main_btn h6{
	font-size:9px;
}
.main4{
	background-color:#000;
}
.main4 img{
	width:320px;
	margin:20px 0px 10px;
}
.main4 h6{
	font-family:'GothicMB101Pro-Reg';
	color:white;
	font-size:14px;
	padding:0px 15px;
	line-height:1.5;
	padding-bottom:20px;
}
.main1>.fixedcontainer>h6{
	display:none;
}
/*--------------------vote---------------------*/
.vote_img img{
	width:320px;
	margin:40px auto;
	padding:0px;
}
.vote_link_sp{
	text-align:center;
	background-image:url(../images/back.png);
	background-size:100% 57px;
	height:57px;
}
.vote_link_sp img{
	width:250px;
	margin:20px auto;
}

/*--------------next_generation------------*/
.next .border{
	width:100%;
}
.next_title{
	padding-top:70px;
	padding-bottom:10px;
}
.next_title img{
	width:100%;
}
.next .noddle{
	width:96%;
	margin:2%;
}
.noddle_img{
	width:100%;
	height:100%;
	background-color:#fff;
}
.noddle_img img{
	width:100%;
	height:100%;
}

/*------------gut------------------*/
.gut .border{
	width:100%;
}
.gut_title{
	padding-top:70px;
	padding-bottom:10px;
}
.gut_title img{
	width:100%;
}
.gut .noddle{
	width:96%;
	margin:2%;
}


/*----------------hotvote----------------------*/
.hotvote{
	margin-bottom:25px;
}
.hotvote_title img{
	width:320px;
	margin:50px 0px 20px;
}
.hotvote_link_sp{
	text-align:center;
	background-image:url(../images/back.png);
	background-size:100% 75px;
	height:75px;
}
.hotvote_link_sp img{
	width:250px;
	margin:16px auto;
}

/*--------------------housenoddle--------------------*/
.housenoddle{
	background-image:url(../images/housenoddle_sp.png);
	width:100%;
	height:650px;
	background-size:100% 650px;
}
.housenoddle .border{
	padding:30px 0px;
}
.housenoddle_back{
	width:320px;
	height:583px;
	background-image:none;
}
.housenoddle_title{
	padding-top:40px;
	padding-bottom:10px;
}
.housenoddle_title img{
	width:200px;
}
.housenoddle_back h4{
	font-size:13px;
	width:275px;
	padding-left:5px;
}
.housenoddle_back h4 p{
	margin-bottom:10px;
}
.youtubewrap{
	margin-top:30px;
}
.youtubewrap>iframe:nth-child(1){
	display:none;
}
.youtubewrap>iframe:nth-child(2){
	display:block;
}
/*------------------footer-------------------*/
.foot_link ul{
	text-align:center;
	padding:50px 0px 25px;
}
.foot_link ul li{
	display:block;
}
.foot_link ul li a{
	font-size:14px;
	letter-spacing:2px;
	border:none;
	padding:0px;
}
.copyright h6{
	line-height:1.5;
	font-size:12px;
}
}