/* for Media Queries */
/* ------------------------- 600px ------------------------------ */
@media (max-width:600px){
	/* --site-- */
	body{ background-image:none; }
	div#wrap{ padding:0 0; width:100%; }
	div#header{ height:auto; }
	div#header h1{ color:#000; float:none; padding:0 0 0; }
	img.tphone{ display:none; }
	img.logo{ display:none; }
	img.p100{ width:100%; height:auto; }
	.kesu{ display:none; }
	div#access{ display:none; }
	div#tmenu{ display:none; }
	#mobileMenu{ float:none; display:block; clear:both; }
	#mobileMenu ul{ list-style:none; }
	#mobileMenu ul li{ float:left; width:48%; margin:0 1%; }
	#mobileMenu ul li a{
		display:block; padding:5px 0; text-decoration:none; text-align:center;
		border-bottom:2px dotted #8c8c8c; background-color:#fde9f9;
		-webkit-transition: 0.5s;
		transition:0.5s;	/* 以上2行で変移効果 */
	}
	#mobileMenu ul li a:hover{ background-color:#dbdfff; }
	#mobileMenu ul li:last-child{ margin-bottom:20px; }
	.half{ float:none; width:100%; padding:10px 0; }
	.half h2{ width:80%; margin-bottom:10px; }
	.half p{ padding:5px 5px 5px 10px; }
	.half p img{ float:right; margin-left:10px; }
	img.otoiawase{ width:100%; height:auto; margin:0 0 0 0; }
	
	/* --index.html-- */
	img.main3{ display:block; width:100%; height:auto; border:solid #aaa 1px; padding:1px; border-radius:4px; }
	div#slide{ display:none; }
	#update p{ margin:0 0 0 0; }
	#update dl{ width:100%; margin:0 0 0 0; }
	#update dt{ float:none; width:auto; padding:4px 4px 4px 4px; text-align:left; }
	#update dd{ float:none; padding:4px 4px 4px 4px; }
	#yokoso1{ display:none; }
	#yokoso2{ display:block; margin-top:15px; }
	#stage{ display:none; }
	.halfr{ float:none; width:100%; }
	.halfr p{ padding:5px 5px 5px 10px; }
	.halfr p img{ float:right; margin-left:10px; }
	
	/* --access.html-- */
	.main{ float:none; width:100%; margin-left:0; padding:0 0; }
	.main h2{ width:100%; margin-bottom:5px; padding:0 0 0 0; }
	div#header h3{ float:none; padding:0 0 0; color:#000; }
	.main h3{ width:100%; padding-left:5px; padding-bottom:5px; margin-top:5px; }
	
	/* --biyou_kitsuke.html-- */
	.main h1{
		color:#fff; font-size:110%; text-indent:0; text-indent:4px; letter-spacing:0;
		background-image:none; background-color:#792405; margin-bottom:0;
	}
	.main h2{
		color:#fff; font-size:110%; text-indent:0; text-indent:4px; letter-spacing:0;
		background-image:none; background-color:#792405; margin-bottom:0;
	}
	.main h3{ font-size:16px;color:#555; }
	.main p{ padding:0 0 0 0; }
	.main .plan{ float:none; margin:8px 0 8px 0; width:100%; font-size:14px; }
	.main .plan b{ font-size:14px; }
	.nagare{ margin:0 0; padding:0 0 0 0; }
	.nagare strong{ font-size:14px; }
	.half table{ width:90%; }
	
	/* --info.html-- */
	img.info01{ margin:1em 0 1em 0; width:100%; height:auto; }
	.main h2.campaign{ font-size:110%; text-indent:4px; letter-spacing:0; background-color:#7c2100; background-image:none; }
	img.info22{ width:100%; height:auto; margin-left:0; }
	img.info20{ width:100%; height:auto; margin-left:0; }
	
	/* --konrei_ishou.html-- */
	table.rental{ width:96%; margin:0 2% 0 2%;line-height:2; }
	img.konrei10{ margin:10px 0 0 0; }
	
	/* --toiawase.html-- */
	#kojinjo{ margin:5px 1%; width:98%; padding:4px; }
	/* --hirouen_kaishoku.html-- */
	#contents{ width:96%; margin:0 2%; }
	img.hirou{ float:none; margin-top:1em; width:auto; height:auto; }
}
/* ------------------------- 400px ------------------------------ */
@media (max-width:400px){
	/* --konrei_ishou.html-- */
	img.konrei10{ width:100%; margin:10px 0 0 0; }
	img.mapBtn{ width:100%; margin:10px 0; }
	/* --hirouen_kaishoku.html-- */
	#contents{ width:96%; margin:0 2%; }
	img.hirou{ float:none; margin-top:1em; width:100%; height:auto; }
}
/* ------------------------- end ------------------------------ */