/* media-queries.css ※各項目を変更するとウィンドウサイズでサイトの見せ方を変更できます。 */

/************************************************************************************
for PC
*************************************************************************************/
@media screen and (max-width: 1024px) {


	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}

}

/************************************************************************************
for tablet
*************************************************************************************/
@media screen and (max-width: 768px) {
#pagewrap{
	width:100%;
	margin:0 auto;
	}
	
	#content{
	width:95%;
	margin:0 auto;
	}
	
	#main{
	Width:100%;
	height:auto;
	}
	
	#nav {
	width:100%;
	border:none;
	}
	
	.top_blog{
	margin-right:20px;
	}
	.top_blog img{
	margin:0 0 10px 10px;
	position:relative;
	/* box shadow */
	-webkit-box-shadow: 0 0 10px rgba(255,255,255,.6);
	-moz-box-shadow: 0 0 10px rgba255,255,255,.6);
	box-shadow:  0 0 10px rgba(255,255,255,.6);
	}
	sec_box{
	padding:0 2%;
	clear:both;
	}
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	.r_logo{
	padding:20px 0px 0 30px;
	margin-bottom:10px;
	}
	.main_catch{
	font-size:1.5em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#FFF;
	padding:0 0 5px 30px;
	}
	
	.top_blog {
	margin: 0;
	padding: 0;
	float:left;
	}

	.top_blog img{
	margin:0 0 10px 5px;
	position:relative;
	/* box shadow */
	-webkit-box-shadow: 0 0 10px rgba(255,255,255,.6);
	-moz-box-shadow: 0 0 10px rgba255,255,255,.6);
	box-shadow:  0 0 10px rgba(255,255,255,.6);
	}
	
	/* main nav */
	#nav,#nav2 {
	background:#000;
	border:none;
	margin:0 auto 30px auto;
	/* box shadow */
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}
	
	#nav li,#nav2 li {
	width:95%;
	display:block;
	margin: 0 auto 10px auto;
	padding: 0;
	float:none;
	text-align:center;
	/* border */
	border:#999 solid 1px;
	/* box shadow */
	-webkit-box-shadow: 0 0 10px rgba(255,255,255,.6);
	-moz-box-shadow: 0 0 10px rgba255,255,255,.6);
	box-shadow:  0 0 10px rgba(255,255,255,.6);
	}
	
	#nav a{
		}
	
	#nav li:first-child,#s-nav li:first-child,#nav2 li:first-child {
	border-left:none;
	margin:0 auto 10px auto;
	}
	
	.site-description {
	font-size:0.65em;
	float:none;
	width:330px;
	margin-left:20px;
	}
	
	
	.h_navi{
	float:none;
	margin:-11px 0 0 10px;
	}
	

	.section00{
		width:100%;
		float:none;
	}
	
	#atype,#btype{
		width:100%;
		float:none;
	}
	
	#update,#const{
		float:none;
		width:100%;
	}
	
	.call{
		font-size:1.0em;
		width:100%;
	}
	
	
	.s-nav{
	width:100%;
	margin:0 auto;
	}
	
	.s-nav li {
	margin: 0 0 10px 0;
	padding: 0;
	float:left;
	text-align:center;
	}
	
	.s-nav a{
		display:block;
		padding:5px;
		font-size:0.7em;
	}

	.section{
		width:100%;
		margin: 0 auto 20px auto;
		float:none;
	}
	

	
	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		min-height: 250px;
	}
	
	#footer{
		font-size:0.7em;
		text-align:center;
		padding-left:5px;
		padding-right:5px;
	}
	
	.room_tb{
		font-size:0.8em;
		
	}
	
	.train_acs li,.train_acs02 li{
	position:relative;
	width:100%;
	float:none;
	margin-bottom:20px;
}

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {


	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	
	#header {
	}
	
	#main{
	background:url(../images/top_main_image00.jpg) no-repeat;
	/* box shadow */
	-webkit-box-shadow: 0 0 0px rgba(255,255,255,.6);
	-moz-box-shadow: 0 0 0x rgba255,255,255,.6);
	box-shadow:  0 0 0px rgba(255,255,255,.6);
	}
}