@charset "utf-8";

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;zoom:1;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*----------------------------------------------------------------------------

 Layout（PC&スマホ）設定 

 ------------------------------------------*/

#machigasuki{
			background-image:url(../images/haikei.jpg);
    background-size: cover;
    
	width:100%;
	height:auto;	
	margin:auto;
	padding-bottom:50px;
	font-size:75%;
}
#machigasuki *{
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
}


#machigasukiContents{
	width:100%;		
	height:auto;	
	margin:auto;
	padding:0px;	
}



#topimg{
	width:100%;
	height:auto;	
	display:block;
	margin:auto;
	padding:0px;	
}

#sptopimg{
	display:none;}




#time{
	width:97%;
	/*height:50px;*/
	display:block;
	margin:auto;
	padding:30px 0;
	background-color:#349c3d;
	font-size:30px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}



article{
	width:1000px;
	height:600px;
	display:block;
	margin:auto;
	padding-bottom:50px;
}

article img{
	display:block;
	float:left;
	margin:0px;
	padding-top:30px;	
}



#spcharacter{
	display:none;
}



#movie{
	clear:both;
	width:450px;
	height:auto;
	display:block;
	margin:auto;
	padding-top:10px;
	padding-bottom:40px;

}

#movie a{
	clear:both;
	width:450px;
	height:auto;
	display:block;
	margin:auto;
	padding-top:10px;
	padding-bottom:40px;
}


#under{
	clear:both;
	width:97%;
	background-color:#F60;	
	margin:auto;
	padding:40px 0;	
}



#under p{
	font-weight:bold; 
	color:#FFF;
	font-size:2em;
	text-align:center;
	margin:0px auto;
}



@media (max-width: 812px) {


#machigasuki{
	width:100%;
	box-shadow:none;
	border:0px solid #666;
	margin:0 auto;
}

#machigasuki{
	width:100%;
	margin:0 auto;
}



#machigasukiContents{
			background-image:url(../images/haikei.jpg);
    background-size: cover;

	width:100%;
		margin:0 auto;
	padding:0px;
}


#topimg{
	display:none;}

#sptopimg{
	width:100%;
	height:auto;
	display:block;
	margin:auto;	
}



#time{
	width:97%;
	height:auto;
	display:block;
	margin:auto;
	padding:10px 0;
	background-color:#349c3d;
	font-size:18px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}




#machigasukiContents article{
	width:100%;
	margin:0 auto;
	padding:0px;
	height:auto;
}

#character1{
	display:none;
}

#gaiyou{
	width:100%;
	display:block;
	margin:0 auto;
	
}

#character2{
	display:none;
}


#spcharacter{
	display:block;
	width:100%;
	margin:0 auto;
}

#movie {
	max-width: 450px;
	width:100%;
}

#movie img{
	float:none;
	clear:both;
	width:90%;
	display:block;
	margin:0 auto;
	padding-bottom:20px;

}

#movie a{
	clear:both;
	width:90%;
	display:block;
	margin:0 auto;
	padding-bottom:20px;
}



#under{
	width:100%;
	background-color:#F60;	
	margin:0 auto;
	padding:0px;	
}



#under p{
	font-weight:bold; 
	color:#FFF;
	font-size:1em;
	text-align:center;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
}


}