@charset "utf-8";
/* ===================================================
	sightseeing CSS
====================================================== */
.spot{
	margin-bottom: 95px;
	display: flex; justify-content: space-between;
}
.spot .photo_block{ width: 390px;}
.spot .txt_block{
	width: calc(94% - 390px);
	display: flex; justify-content: space-between;
	flex-direction: column;
}

.spot h3{
	margin-bottom: 10px; font-size: 25px;
	border-bottom: 1px solid #bdbdbd;
}

.spot .time{
	margin-bottom: 40px; padding: 0 10px;
	font-size: 14px;
	display: flex; align-items: center;
}
.spot .time:before{
	display: block; content: ''; margin-right: 10px; width: 15px; height: 11px;
	background: url(../../sightseeing/img/icon_car.svg) no-repeat;
	background-size: contain;
}

.spot p{ margin-bottom: 25px; line-height: 2.2;}
.spot ul{ margin-top: auto; display: flex;}
.spot li:first-of-type{ margin-right: 13px;}

.spot a,
.spot a span{ height: 40px; line-height: 40px;}
.spot a{
	display: block; transition: all .5s;
	box-sizing: border-box;
}
.spot a span{ display: flex; align-items: center;}

.spot .btn_site{
	padding: 0 20px;
	color: #fff; background: #7b5d7a;
}
.spot .btn_site span::before{
	display: block; content: ''; margin-right: 10px; width: 17px; height: 17px;
	background: url(../../sightseeing/img/icon_site.svg) no-repeat;
	background-size: contain;
}

.spot .btn_gmap{
	padding: 0 50px;
	border: 1px solid #c9c9c9;
}
.spot .btn_gmap span::before{
	display: block; content: ''; margin-right: 10px; width: 15px; height: 21px;
	background: url(../../sightseeing/img/icon_map.svg) no-repeat;
	background-size: contain;
}


@media screen and (max-width: 600px) {
	.spot{
		margin: 0 auto 10vw;
		width: 100%; max-width: 390px;
		flex-direction: column;
	}
	.spot .photo_block{ margin-bottom: 20px; width: 100%;}
	.spot .txt_block{ width: 100%; justify-content: flex-start;}
	.spot h3{ text-align: center;}
	.spot .time{ margin-bottom: 20px; justify-content: center;}
	.spot p{ line-height: 1.8;}
	.spot ul{ justify-content: center; font-size: 15px;}
	.spot li:first-of-type{ margin-right: 10px;}
	.spot .btn_site{ padding: 0 15px;}
	.spot .btn_gmap{ padding: 0 15px;}
}