/* layout mobile
--------------------------------------------------*/
@media screen and (max-width: 640px) {


body{
    min-width:100%;
}

body div{
	font-size:14px;
}

.main{
    height:auto;
}


.mainContents {
	width:100%;
	padding-bottom:15px;
	margin:0 auto 0;
	text-align:left;
	font-size:95%;
	color:#848484;
	line-height:1.6;
}

.bg{
	width:100%;
	height:140px;
	background-image:url("../images/spot/box_bg.gif");	
}

.read{
		width:40%;
		margin-top:40px;
		margin-left:15px;
}

.sns{
		position:absolute;
		margin-top:10px;
		right:10px;
	}


.main_bg{
	position:absolute;
	width:100%;
	height:391px;
	overflow:hidden;
}

.main_bg img{
	position:absolute;
	left:-10%;
	width:125%;
	margin-left:0px;
}

.left_ct{
	width:auto;
	margin:0 15px;
	float:none;
}

.right_ct{
	width:auto;
	margin:0 15px;
	padding-top:60px;
	float:none;
	clear:both;
}
	

.l_menu01{
	width:100%;
	height:auto;
	padding:18px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background-image:url("../images/spot/menu_bg.gif");
	font-size:18px;
	color:#ffffff;
	display:block;
	text-align:center;
	vertical-align:middle;
}

.l_menu04{
	width:49%;
	height:auto;
	padding:15px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:14px;
	line-height:1;
	text-align:center;
	vertical-align:middle;
	display:block;
	float:left;
	margin-top:5px;
}

.l_menu02 a{
	width:49%;
	height:auto;
	padding:15px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:14px;
	color:#999999;
	line-height:1;
	border:1px solid #d9d9d9;
	text-align:center;
	vertical-align:middle;
	display:block;
	float:left;
	margin-top:5px;
}

.l_menu03 a,
.l_menu05 a{
	width:49%;
	height:auto;
	padding:15px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:14px;
	color:#999999;
	line-height:1;
	border:1px solid #d9d9d9;
	text-align:center;
	vertical-align:middle;
	display:block;
	float:right;
	margin-top:5px;
}

.l_menu04 a,
.l_menu06 a{
	width:49%;
	height:auto;
	padding:15px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:14px;
	color:#999999;
	line-height:1;
	border:1px solid #d9d9d9;
	text-align:center;
	vertical-align:middle;
	display:block;
	float:left;
	margin-top:5px;
}

.l_menu08 a{
	width:49%;
	height:auto;
	padding:15px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:18px;
	color:#999999;
	line-height:1;
	border:1px solid #d9d9d9;
	text-align:center;
	vertical-align:middle;
	display:block;
	float:right;
	margin-top:5px;
}

.l_menu09 a{
	width:49%;
	height:auto;
	padding:15px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:18px;
	color:#999999;
	line-height:1;
	border:1px solid #d9d9d9;
	text-align:center;
	vertical-align:middle;
	display:block;
	float:left;
	margin-top:5px;
}

.l_menu10 a{
	width:49%;
	height:auto;
	padding:15px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:18px;
	color:#999999;
	line-height:1;
	border:1px solid #d9d9d9;
	text-align:center;
	vertical-align:middle;
	display:block;
	float:right;
	margin-top:5px;
}

.l_menu11 a{
	width:49%;
	height:auto;
	padding:15px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:18px;
	color:#999999;
	line-height:1;
	border:1px solid #d9d9d9;
	text-align:center;
	vertical-align:middle;
	display:block;
	float:left;
	margin-top:5px;
}

.l_menu07 a{
	width:100%;
	height:auto;
	padding:18px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:15px;
	color:#999999;
	line-height:1;
	border:1px solid #d9d9d9;
	display:table-cell;
	vertical-align:middle;
	background:#f9f9f9;
	text-align:center;
	float:left;
	margin-top:5px;
}



.l_menu_m{
		display:none;
	}
	
	.tag{
		font-size:14px;
		color:#5ec7c7;
	}


	.title{
	margin-top:10px;
	margin-bottom:15px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
		font-size:20px;
		color:#000000;
		line-height:1.6;
}

.photo{
	width:100%;
	margin-top:20px;
	}
	
.caption{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
 font-size:18px;
	line-height:1;
	color:#5ec7c7;
	margin-bottom:15px;
	margin-top:60px;
}







.menu_set{
		width:320px;
		margin:auto;
}


.menu_set td{
		width:105px;
	}

.menu_set div{
		float:left;
		margin-bottom:40px;
}

.box01{
	width:auto;
	clear:both;
	border:solid 1px #f1abb9;
	padding:15px;
	background-image:url("../images/spot/box_bg.gif");
	margin-left:15px;
	margin-right:15px;
 margin-bottom:60px;
	font-size:16px;
	line-height:1.6;
}

.box01 img{
	margin-top:15px;
	width:100%;
}

.box01 h2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
 font-size:38px;
	line-height:1;
	color:#5ec7c7;
	margin-bottom:10px;
	}
	
.box01 h2 span{
 font-size:19px;
	font-weight: bold;
	}

.text{
		width:auto;
		font-size:16px;
		line-height:1.8;
	}
	
.text .right_img{
		float:none;
		margin:20px auto 0;
	}




.graph_box{
		width:100%;
		text-align:center;
		font-size:13px;
		color:#000000;
		display:block;
		margin-top:5px;
		float:none;
	}

.graph_box img{
		width:60%;
	}


.graph_text01{
		width:100%;
		text-align:center;
		font-size:13px;
		color:#000000;
		display:block;
		margin-top:5px;
		float:none;
	}


.graph_cursor{
		width:100%;
		text-align:center;
		display:block;
		margin-top:10px;
		margin-bottom:10px;
		float:none;
	}


.graph_cursor img.rps_visible{
		display:inline;
	}


.caption_b{
	width:auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
 font-size:20px;
	line-height:1;
	color:#5ec7c7;
	margin-top:60px;
	margin-bottom:15px;
	text-align:center;
	border-top:solid 1px #f1abb9;
	border-bottom:solid 1px #f1abb9;
	padding:12px 0;
	background-image:url("../images/spot/box_bg.gif");
	margin-left:15px;
	margin-right:15px;
	}
	
.p_photo_text{
	width:100%;
	position:absolute;
	line-height:1.4;
	color:#ffffff;
	text-align:center;
	margin-top:60px;
	display:block;
	font-size:14px;
	z-index:1;
}
	
.p_photo_caption{
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:32px;
		line-height:1;
		display:block;
		margin-bottom:10px;
	}
	
span.link{
		padding:5px 10px;
		border:solid 1px #ffffff;
		line-height:1;
		display:inline-block;
		margin-top:15px;
	}

.p_photo{
		width:45%;
		margin-top:20px;
		margin-left:15px;
		float:left;
	}
	
.p_photo img{
		width:100%;
	}

.p_photo02{
		width:45%;
		margin-top:20px;
		margin-left:0;
		margin-right:15px;
		float:right;
	}
	
.p_photo02 img{
		width:100%;
	}

.mainContents .center{
		width:100%;
		text-align:center;
	}
	
.p_photo04{
		width:45%;
		margin-top:-40px;
		margin-left:auto;
		margin-right:auto;
		float:none;
		display:inline-block;
	}
	
.p_photo04 img{
		width:100%;
	}
	
	.p_photo05{
		width:45%;
		margin-top:-40px;
		margin-left:15px;
		float:left;
	}
	
.p_photo05 img{
		width:100%;
	}

.p_photo06{
		width:45%;
		margin-top:-40px;
		margin-left:0;
		margin-right:15px;
		float:right;
	}
	
.p_photo06 img{
		width:100%;
	}



.column_photo{
		width:45%;
		margin-left:15px;
		float:left;
	}
	
	.column_photo img.new{
		width:25%;
	}
	
	.column_photo img{
		width:100%;
	}
	
	.column_photo02{
		width:45%;
		margin-left:0;
		margin-right:15px;
		float:right;
	}
	
	.column_photo02 img{
		width:100%;
	}

.column_photo03{
		width:45%;
		margin-left:15px;
		float:left;
	}
	
	.column_photo03 img{
		width:100%;
	}
	
	.column_photo04{
		margin-top:20px;
		width:45%;
		margin-left:0;
		margin-right:15px;
		float:right;
	}
	
	.column_photo04 img{
		width:100%;
	}

	

.column_text{
	width:100%;
	position:absolute;
	line-height:1.4;
	color:#ffffff;
	text-align:center;
	margin-top:80px;
	display:block;
	font-size:14px;
}

.box02{
	width:auto;
	clear:both;
	border:solid 1px #f1abb9;
	padding:20px;
	background-image:url("../images/spot/box_bg.gif");
	font-size:16px;
	line-height:2;
	clear:both;
	margin-top:60px;
}

.box02_m_img{
	 margin:20px auto;
	}

.box02 h3{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:18px;
	font-weight:normal;
	line-height:1;
	color:#5ec7c7;
	margin-bottom:10px;
	}

.box02 span{
		margin-top:10px;
		font-size:14px;
		display:block;
	line-height:1.8;
}

.box02 a{
		margin-top:10px;
		font-size:14px;
		display:inline-block;
		color:#848484;
}


.box03{
	width:auto;
	clear:both;
	padding:20px;
	font-size:16px;
	line-height:2;
	clear:both;
	margin-top:60px;
}

.box02_m_img{
	 margin:20px auto;
	}

.box03 h3{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:18px;
	line-height:1;
	margin-bottom:10px;
	}





.banner_btn{
	width:290px;
	margin:0 auto 20px;
	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
	float:none;
}

.banner_btn a{
	width:290px;
}

.banner_btn:nth-child(2){
	margin:0 auto 20px;
}


.f_banner a{
	width:100%;
	min-width:100%;
	height:120px;
	display:block;
	overflow:hidden;
	text-align:center;
}

.f_banner a img{
	position:absolute;
	width:auto;
	height:120px;
	left:50%;
	margin-left:-380px;
}












.nav_set{
    display:none;
}

.mobile_nav{
    display:block;
}
	

.menu_detail{
    width:100%;
    margin:0;
}


.menu_detail img{
    display:none;
}

.menu_detail .menu01 img{
    display:block;
}

.menu a:nth-child(1) img{
	margin-left:14px;
}

.mobile_menu{
    position:absolute;
    margin-top:-43px;
    right:14px;
    display:block;
    cursor:pointer;
}


.mobile_menu_detail{
    position:absolute;
    width:100%;
    background:#2a7622;
    z-index:1;
    text-align:left;
}

.mobile_menu_detail a{
    padding:14px;
    display:block;
    font-size:14px;
    color:#ffffff;
    text-decoration:none;
    border-top:solid 1px #90b382;
}

.mobile_menu_detail span.mobile_menu_close{
    padding:14px;
    display:block;
    font-size:14px;
    color:#ffffff;
    text-align:center;
    cursor:pointer;
    border-top:solid 1px #90b382;
}


.mobile_main{
    width:100%;
    height:auto;
    margin-bottom:40px;
}
	
#spWrapper #spHeader {
	width:100%;
}
#spWrapper #spHeader p {
	left:auto;
	right:10px;
}
#spWrapper #spHeader div {
	top:40px;
	left:auto;
	right:10px;
}
.mainContents {
	width:100%;
}

.qa{
    width:85%;
    background:#ffffff;
    border-radius:10px;
    margin:0 auto 20px;
    text-align:left;
    padding:15px;
}

.qa02{
    width:85%;
    background:#fafafa;
    border-radius:10px;
    margin:0 auto 0;
    text-align:left;
    padding:15px;
}

.attention{
	width:90%;
    text-align:right;
    font-size:10px;
    color:#666666;
    margin:0 auto 0;
}

.qa02_image{
    padding:20px;
    margin-top:5px;
    float:none;
    text-align:center;
}
.qa02_text01{
    font-size:14px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
    float:none;
}
.qa02_text02{
    font-size:14px;
    margin-left:20px;
    display:block;
    float:none;
}

.clm{
    width:90%;
    padding-right:10px
    padding-left:10px;
    border:solid 10px #c6c3aa;
    background:#ffffff;
    margin-top:60px;
    margin:0 auto 0;
}

div#sns {
	width:100%;
    margin:auto;
	margin-left:-10px;
}

.rps_del{
    display:none;
}

#mb_footer{
	display:block;
}
#pc_footer{
	display:none;
}

#pagetop {
	width:auto;
	height:auto;
	padding-right:10px;
}
#spWrapper #spFooter ul {
	width:300px;
}
#spWrapper #spFooter ul li {
	margin-top:10px;
}
#spWrapper #spFooter p.copyright {
	width:100%;
}
.rps_visible{
    display:block;
}

.sec-contact{width:90%;margin:-20px auto 0;}
.sec-contact .sec-inner{padding-top:45px;padding-bottom:45px}
.sec-contact .sec-inner:before,.sec-contact .sec-inner:after{content:"";display:block}
.sec-contact .sec-inner:after{clear:both}
.sec-contact h3{padding:10px;background:#aeaeae;text-align:center;color:#fff;font-weight:normal;font-size:14px;}
.sec-contact .contact{padding:15px;background:#fff}
.sec-contact .contact:before,.sec-contact .contact:after{content:"";display:block}
.sec-contact .contact:after{clear:both}
.sec-contact .contact dl{width:90%;margin:auto;float:none}
.sec-contact .contact dl:before,.sec-contact .contact dl:after{content:"";display:block}
.sec-contact .contact dl:after{clear:both}
.sec-contact .contact dl .tel-text{width:30px;height:17px;margin:0px auto 10px;float:none;overflow:visible;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background:url(../images/faq-text1.png) no-repeat 0 0;display:block;;background-size:100% auto;}
.sec-contact .contact dl .tel-number{width:200px;height:35px;margin:7px auto 0;;float:none;overflow:visible;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background:url(../images/faq-text2.png) no-repeat 0 0;background-size:100% auto;}
.sec-contact .contact .contact-text{width:100%;height:16px;margin-top:10px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background:url(../images/faq-text3.png) no-repeat 0 0;background-size:100% auto;}
.sec-contact .privacy-text{margin:0 0 0 0; display:block;}
.sec-contact .privacy-text:before,.sec-contact .privacy-text:after{content:"";display:block}
.sec-contact .privacy-text:after{clear:both}
.sec-contact .privacy-text dt{float:none;font-weight:bold;font-size:12px;margin-right:0;margin-top:10px;}
.sec-contact .privacy-text dd{font-size:12px}
.sec-contact .privacy-text dd a{color:#ff6666}.sec-contact .privacy-text dd a:hover{text-decoration:none}



}


@media screen and (max-width: 480px) {
	
.p_photo_text{
	width:100%;
	position:absolute;
	line-height:1.2;
	color:#ffffff;
	text-align:center;
	margin-top:30px;
	display:block;
	font-size:10px;
	z-index:1;
}
	
.p_photo_caption{
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:20px;
		line-height:1;
		display:block;
		margin-bottom:5px;
	}
	
span.link{
		padding:5px 10px;
		border:solid 1px #ffffff;
		line-height:1;
		display:inline-block;
		margin-top:10px;
	}

.p_photo{
		width:45%;
		margin-top:20px;
		margin-left:15px;
		float:left;
	}
	
.p_photo img{
		width:100%;
	}

.p_photo02{
		width:45%;
		margin-top:20px;
		margin-left:0;
		margin-right:15px;
		float:right;
	}
	
.p_photo02 img{
		width:100%;
	}

.mainContents .center{
		width:100%;
		text-align:center;
	}
	
.p_photo04{
		width:45%;
		margin-top:-40px;
		margin-left:auto;
		margin-right:auto;
		float:none;
		display:inline-block;
	}
	
.p_photo04 img{
		width:100%;
	}
	
	.p_photo05{
		width:45%;
		margin-top:-40px;
		margin-left:15px;
		float:left;
	}
	
.p_photo05 img{
		width:100%;
	}

.p_photo06{
		width:45%;
		margin-top:-40px;
		margin-left:0;
		margin-right:15px;
		float:right;
	}
	
.p_photo06 img{
		width:100%;
	}
	
.column_text{
	width:100%;
	position:absolute;
	line-height:1.4;
	color:#ffffff;
	text-align:center;
	margin-top:80px;
	display:block;
	font-size:10px;
}


.rps_del{
    display:none;
}

#spWrapper #spHeader {
	width: auto;
}
#spWrapper #spHeader h1 {
	width: 160px;
	height: 56px;
	background-size: 100% auto;
}
#spWrapper #spHeader h1 a {
	width: 100%;
	height: 100%;
}
#spWrapper #spHeader p {
	display:none;
}
#spWrapper #spHeader div {
	right: 8px;
	top: 10px;
}

div#sNav {
	overflow:hidden;
	width: auto;
	padding: 0 10px;
}



}