@charset "utf-8";
/* CSS Document */

img.slider2{
	display:block;
	width:100%;
	max-width:450px;
	height:auto;
}


.fine_spot{
	display:block;
	width:90%;
	height:auto;
	margin:0 auto;
}

.fine_spot ul{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
}

.fine_spot li{
	list-style:none;
	float:left;
	width:44%;
	height:auto;
	margin:8px 18px 15px 18px;
	padding-bottom:3px;
}

.fine_spot img{
	float:left;
	width:48%;
	height:auto;
	margin:2px 2px 8px 2px;
}

.fine_spota{
	color:#336699;
	height:30px;
	font-size:0.75rem;
}

.fine_spotb{
	font-weight:bold;
	font-size:0.85rem;
	margin-bottom:3px;
}

.fine_spotc{
	font-weight:normal;
	font-size:0.75rem;
	text-align:justify;
	text-justify:inter-ideograph;
}

.fine_spotd{
	font-weight:normal;
	color:#69C;
	font-size:0.70rem;
	text-align:justify;
	text-justify:inter-ideograph;
}


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.gmapbot{
	display:block;
	width:142px;
	font-size:12px;
	height:16px;
	background:#39C;
	color:#fff;
	text-align:center;
	border-radius:8px;
	margin-bottom:6px;
}

.gmapbot a{
	display:block;
	width:142px;
	font-size:12px;
	height:16px;
	background:#39C;
	color:#fff;
	text-decoration:none;
	border-radius:8px;
	margin-bottom:6px;
	transition:0.5s;
}

.gmapbot a:hover{
	display:block;
	width:142px;
	font-size:12px;
	height:16px;
	background:#F90;
	color:#fff;
	text-decoration:none;
	border-radius:8px;
	margin-bottom:6px;
	transition:0.5s;
}

.mapfine{
	width:80%;
	margin:0 auto;
}

th{
	width:70px;
	text-align:right;
	font-size:0.7em;
}

td{
	width:400px;
	text-align:left;
	font-size:0.7em;
}

img.bike{
	display:block;
	width:350px;
	height:auto;
	float:none;
	margin:0 auto;
}

.bike{
	width:100%;
	height:auto;
	font-size:0.85rem;
	line-height:150%;
	text-align:justify;
	text-justify:inter-ideograph;
}

.bikearea{
	display:block;
	width:600px;
	height:auto;
	margin:0 auto;
}

.dpd007{
    display:block;
	line-height:280%;
	width:50%;
	height:50px;
	margin:0 auto;
	font-size:16px;	
	color:#fff;
	background-color:#09C;
	border-radius:5px;
}

.dpd007 a{
	display:block;
	width:100%;
	height:auto;
	color:#fff;
	text-decoration:none;
}

.dpd007 a:hover{
	color:#FF0;
    text-decoration:none;
}

.dpd008{
    display:block;
	line-height:280%;
	width:100%;
	height:50px;
	margin:0 auto;
	font-size:16px;	
	color:#333;
	background-color:#FBFCF3;
	border-radius:5px;
}

.dpd008 a{
	display:block;
	width:100%;
	height:100%;
	color:#333;
	text-decoration:none;
}

.dpd008 a:hover{
	color:#F90;
	background-color:#FFC;
    text-decoration:none;
}

.mainv01{
	display:block;
}

.mainv02{
	display:none;
}

.bot001{
	margin:0 auto;
	width:70%;
	height:auto;
}

.bot002{
	margin:0 auto;
	width:70%;
	height:auto;
}


@media only screen and (max-width:769px){
.mainv01{
	display:none;
}

.mainv02{
	display:block;
}
	
}

@media only screen and (max-width:680px){
	html{font-size:14px;}
	
	img.slider2{
	display:block;
	width:100%;
	max-width:700px;
	height:auto;
}
	
	.fine_spot li{
	list-style:none;
	width:86%;
	height:auto;
	margin:0 auto;
	margin-bottom:20px;

}
	.fine_spot img{
	float:left;
	width:48%;
	height:auto;
}



th{
	width:100%;
	text-align:left;
	font-size:0.4em;
}

td{
	width:100%;
	text-align:left;
	font-size:0.4em;
}

img.bike{
	width:100%;
	height:auto;
	float:none;
	margin:0 auto;
}

.bike{
	width:100%;
	font-size:0.75rem;
	height:auto;
	margin:0 auto;
}

.bikearea{
	display:block;
	width:90%;
	height:auto;
	margin:0 auto;
}

.mainv01{
	display:none;
}

.mainv02{
	display:block;
}

.bot001{
	margin:0 auto;
	width:90%;
	height:auto;
}

.bot002{
	margin:0 auto;
	width:90%;
	height:auto;
}

.dpd007{
    display:block;
	line-height:280%;
	width:80%;
	height:50px;
	margin:0 auto;
	font-size:16px;	
	color:#fff;
	background-color:#09C;
	border-radius:5px;
}

.dpd007 a{
	display:block;
	width:100%;
	height:auto;
	color:#fff;
	text-decoration:none;
}

.dpd007 a:hover{
	color:#FF0;
    text-decoration:none;
}


}