@charset "utf-8";

/* sightseeing */

/* gmap
---------------------------------------------------------------------------*/
.box-gmap {
	max-width: 1536px;
	width: 100%;
	margin: 0 auto;
}
.box-gmap iframe {
	width: 100%!important;
	height: 520px!important;
}
.lead-gmap {
	margin-bottom: 40px;
}
.block-gmap .pad-btm {
	padding-top: 0;
}
@media screen and (max-width: 768px){
	.block-gmap iframe {
		height: 60vw!important;
	}
	.btn-def {
		padding: 0 3vw;
	}
	.lead-gmap {
		margin-bottom: 5vw;
	}
}

/* point
---------------------------------------------------------------------------*/
.block-point .ttl {
	line-height: 120%;
}
.subttl {
	margin-top: -20px;
	margin-bottom: 10px;
	font-size: .24rem;
	line-height: 140%;
}
.block-point {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.block-point.point01 {
	background-image: url(../img/sightseeing/bg-point01.jpg);
}
.block-point.point02 {
	background-image: url(../img/sightseeing/bg-point02.jpg);
}
.block-point.point03 {
	background-image: url(../img/sightseeing/bg-point03.jpg);
}
.block-point.point04 {
	background-image: url(../img/sightseeing/bg-point04.jpg);
}
.block-point.point05 {
	background-image: url(../img/sightseeing/bg-point05.jpg);
}
.block-point.point06 {
	background-image: url(../img/sightseeing/bg-point06.jpg);
}
@media screen and (max-width: 768px){
	.block-point .ttl {
		margin-bottom: 4vw;
		font-size: 7.5vw;
	}
	.block-point.pad-def {
		padding-top: 4vw;
	}
	.subttl {
		margin-top: 0;
		margin-bottom: 0;
		padding: 3vw 3vw 0;
	}
	.block-point.point01 {
		background-image: url(../img/sightseeing/bg-point01-sp.jpg);
	}
	.block-point.point02 {
		background-image: url(../img/sightseeing/bg-point02-sp.jpg);
	}
	.block-point.point03 {
		background-image: url(../img/sightseeing/bg-point03-sp.jpg);
	}
	.block-point.point04 {
		background-image: url(../img/sightseeing/bg-point04-sp.jpg);
	}
	.block-point.point05 {
		background-image: url(../img/sightseeing/bg-point05-sp.jpg);
	}
	.block-point.point06 {
		background-image: url(../img/sightseeing/bg-point06-sp.jpg);
	}
}


/* spot
---------------------------------------------------------------------------*/
.box-spots {
	padding-top: 0;
}
.lst-spots > li {
	width: 356px;
	margin-top: 30px;
	padding-right: 30px;
	padding-bottom: 40px;
	border-bottom: 1px solid #C2B8A7;
}
.lst-spots > li:nth-of-type(3n) {
	width: 326px;
	padding-right: 0;
}
.name-spots {
	height: 2.4em;
	margin-bottom: 10px;
	font-size: .26rem;
	line-height: 110%;
	color: #867150;
	vertical-align: bottom;
}
.time-spots {
	margin-bottom: 15px;
	font-size: .16rem;
	line-height: 130%;
}
.fig-spots {
	margin-bottom: 10px;
}
.btns-spots a {
	width: 158px;
	height: 50px;
	color: #FFFFFF;
	font-size: .25rem;
}
.btn-website {
	background-color: #939393;
}
.btn-map {
	background-color: #333333;
}
@media screen and (max-width: 768px){
	.lst-spots > li,
	.lst-spots > li:nth-of-type(3n) {
		width: 50%;
		margin-top: 3vw;
		padding-right: 1%;
		padding-bottom: 5vw;
	}
	.lst-spots > li:nth-of-type(2n) {
		width: 50%;
		padding-left: 1%;
		padding-right: 0;
	}
	.name-spots {
		margin-bottom: 3vw;
		font-size: 6vw;
	}
	.name-spots br {
		display: none;
	}
	.name-spots.line3 {
		height: 3.3em;
	}
	.btns-spots a {
		width: 48%;
		height: 10vw;
		font-size: 4.5vw;
	}
	.btn-website {
		margin-right: 2%;
	}
	.time-spots {
		margin-bottom: 3vw;
		font-size: 3.5vw;
	}
}

.tx-deli {
	position: relative;
	margin-bottom: 10px;
	padding: 45px 30px 20px;
}
.genre-spots {
	position: absolute;
	top: -15px;
	left: 30px;
}
.genre-spots span {
	height: 43px;
	padding: 0 10px;
	color: #FFFFFF;
	background-color: #AB9C85;
	font-size: .14rem;
	line-height: 110%;
}
.lst-spots.deli {
	padding-top: 30px;
}
.lst-spots.deli > li {
	border-bottom: none;
}
.deli .name-spots {
	height: auto;
}
@media screen and (max-width: 768px){
	.genre-spots {
		left: 1.5vw;
	}
	.genre-spots span {
		height: 7.5vw;
		padding: 0 1vw;
		font-size: 3vw;
	}
	.tx-deli {
		padding: 6vw 3vw 1vw;
	}
	.deli .name-spots {
		height: 2.4em;
	}
}


.ttl-sec-mini {
	font-size: .24rem;
}









