@charset "utf-8";

@media screen and (max-width : 640px) {
/* ==================================================
contents
================================================== */
#tmp_contents h2 {
    padding:7px 9px 10px;
	font-size: 131.25%;
}
/* box_info / box_link
================================================== */
#tmp_contents .box_info,
#tmp_contents .box_link {
	margin: 26px 0 40px;
}
#tmp_contents div.box_info,
#tmp_contents div.box_link {
	padding:0 13px;
}
#tmp_contents .box_info .box_info_ttl,
#tmp_contents .box_link .box_link_ttl {
	font-size: 112.5%;
}
#tmp_contents div.box_info .box_info_ttl,
#tmp_contents div.box_link .box_link_ttl {
	padding:16px 0 7px;
}
#tmp_contents table.box_info .box_info_ttl,
#tmp_contents table.box_link .box_link_ttl {
	padding:16px 13px 7px;
}
#tmp_contents div.box_info .box_info_cnt,
#tmp_contents div.box_link .box_link_cnt {
	padding:10px 0 2px;
}
#tmp_contents table.box_info .box_info_cnt,
#tmp_contents table.box_link .box_link_cnt {
	padding:10px 10px 2px;
}
#tmp_contents .box_info li,
#tmp_contents .box_link li {
	margin-bottom: 6px;
	line-height: 1.8;
}
#tmp_contents .box_info_ttl::before,
#tmp_contents .box_link_ttl::before {
	width:100px;
}
#tmp_contents div.box_info .box_info_ttl::before,
#tmp_contents div.box_link .box_link_ttl::before {
	left:-13px;
}
/* cate_ttl
================================================== */
#tmp_wrap_cate_ttl {
	margin:0 -10px 30px;
}
#tmp_cate_ttl {
	background-image:url(/shared/templates/spot_rn/images/cate_ttl_bg_sp.jpg);
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	width:100%;
	height:0;
	padding-top:20%;
	position:relative;
}
#tmp_cate_ttl h1,
#tmp_cate_ttl p {
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-12px;
	padding:0;
}
#tmp_cate_ttl h1 img,
#tmp_cate_ttl p img {
	width:185px;
	height:auto;
}
#tmp_wrap_cate_ttl .cate_pic {
	top: 15px;
	right: 10px;
}
#tmp_wrap_cate_ttl .cate_pic img {
	width:94px;
	height:auto;
}
#tmp_cate_cnt {
	padding: 10px 170px 5px 10px;
	font-size:75%;
}
.site_top #tmp_wrap_cate_ttl {
	margin:0 -10px;
}
.site_top #tmp_wrap_cate_ttl .cate_pic {
	top: 19px;
	right:10px;
}
.site_top #tmp_wrap_cate_ttl .cate_pic img {
	width:153px;
}

/* spot_lead
================================================== */
#tmp_wrap_spot_lead {
	margin:0 0 33px;
}
#tmp_spot_lead {
	float:none;
	width:100%;
	margin:0 auto;
	padding:0;
	max-width:400px;
}
#tmp_spot_lead_map {
	float:none;
	width:100%;
}
#tmp_spot_lead p {
	font-size:87.5%;
}
#tmp_spot_post {
	padding:0 22px 20px;
}
/* spot_submit_btn
============================== */
#tmp_contents .spot_submit_btn {
	padding:7px 5px;
	margin:0 auto 8px;
	width:230px;
	font-size:87.5%;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
/* area_ttl
============================== */
#tmp_contents .area_ttl {
	margin:0 0 9px;
}
#tmp_contents .area_ttl h2 {
	padding:7px 10px 6px;
	font-size:125%;
	min-width:127px;
	text-align:center;
}
#tmp_contents .area_ttl p {
	padding:2px 12px 0;
	font-size:93.75%;
}
#tmp_contents #tmp_area_ttl01,
#tmp_contents #tmp_area_ttl02,
#tmp_contents #tmp_area_ttl03 {
	border-bottom-width:3px;
}
/* rnavi
============================== */
#tmp_rnavi {
	padding-top:0;
}
#tmp_rnavi_ttl {
	border-top-width:3px;
	border-bottom-width:3px;
	padding:8px 0;
	margin:0 0 10px;
}
#tmp_rnavi_ttl h2 {
	font-size:87.5%;
}
/* box_spot
============================== */
#tmp_contents .spot_area {
	margin:0 -2px 15px;
}
#tmp_contents .wrap_box_spot {
	width:50%;
	padding:0 2px;
	margin:0 0 5px;
}
#tmp_rnavi_cnt .wrap_box_spot {
	margin:0 0 10px;
}
#tmp_contents .box_spot .ttl a,
#tmp_rnavi_cnt .box_spot .ttl a {
	background-image: url(/shared/site_rn/images/icon/icon_navi_arrow_sp.png);
	background-size:8px auto;
}
#tmp_rnavi_cnt .wrap_wrap_box_spot {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap:wrap;
	margin:0 -2px;
}
#tmp_rnavi_cnt .wrap_box_spot {
	width:50%;
	padding:0 2px;
	margin:0 0 4px;
}

/* cate_ttl_s
============================== */
#tmp_cate_ttl_s {
	margin-bottom:15px;
}
#tmp_cate_ttl_s p,
#tmp_cate_ttl_s h1 {
	font-size:143.75%;
}
#tmp_cate_ttl_s p {
	padding:0 8px;
	width:5em;
}
#tmp_cate_ttl_s h1 {
	padding:0 8px;
}
/* box_photo_main
============================== */
#tmp_contents .box_photo_main {
	margin:0 0 12px;
}
#tmp_contents .box_photo_main p {
	padding:5px;
}
/* spot_point
============================== */
#tmp_spot_point {
	margin:20px 0 40px;
}
#tmp_spot_point_ttl {
	padding:3px;
}
#tmp_spot_point h2 {
	font-size:87.5%;
	background-size:25px auto;
	padding:3px 0 3px 34px;
}
#tmp_spot_point h3 {
	margin:20px 0 15px;
}
#tmp_spot_point_cnt .spot_point_img {
	width:127px;
}
#tmp_spot_point_cnt .spot_point_cnt {
	width: calc(100% - 142px);
}

/* gmap
================================================== */
#tmp_gmap_link {
	margin: 30px auto;
}
#tmp_contents #tmp_gmap_link a {
	min-width:auto;
}
#tmp_contents #tmp_gmap_link span {
	padding:0 0 0 32px;
}
#tmp_contents #tmp_gmap_link span::before {
	width:22px;
	height:30px;
	margin-top:-15px;
	background-image:url(/shared/site_rn/images/icon/gmap_icon_sp.png);
}

}