@charset "utf-8";
/* main
================================================ */
/* 周辺情報 */
.sightseeing_wrap{
	width: 100%;
	display: -webkit-box;
	display: flex;
}
.sightseeing_img{
	width: 40%;
	height: 100%;
	border: 0.85em solid #fff;
}
.sightseeing_txt{
	width: 56%;
	margin-left: 4%;
}
.sightseeing_txt h4{
	text-align: center;
}
.sightseeing_txt h4 + p{
	margin-top: 1em;
}
.sightseeing_access{
	color: #333;
	background-color: #fff;
	margin-top: 1em;
	padding: 1em 1.2em;
}
.sightseeing_access > li{
	display: -webkit-box;
	display: flex;
}
.sightseeing_access > li + li{
	border-top: 1px dotted #000;
	margin-top: 0.8em;
	padding-top: 0.8em;
}
.sightseeing_access .access_head{
	width: 30%;
	min-width: 30%;
	font-weight: bold;
	margin-right: 1em;
}
.box-sightseeing:nth-of-type(even) .sightseeing_access{
	background-color: #f5f5f5;
}
.sightseeing_note{
	margin-top: 0.5em;
}
.spot{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin-top: 0;
	margin-left: -3%;
}
.line_list{
	width: 47%;
	border-left: 5px solid #E5E5E5;
	margin-top: 3.5%;
	margin-left: 3%;
	padding-left: 1.5em;
}
.line_list h5{
	font-weight: bold;
	margin-bottom: 0.5em;
}
/* 周辺環境*/
.box-shop_navi .shop_navi_wrap > li{
	border-bottom: 1px dotted #000;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
#premium .box-shop_navi .shop_navi_wrap > li{
	border-bottom: 1px dotted #fff;
}
.box-shop_navi .shop_navi_list li + li::before{
	content: "/";
	margin: 0 0.3em;
}
.box-shop_navi .shop_navi_list li{
	display: inline-block;
}


/* ================================================
 タブレット
================================================ */
@media screen and (max-width: 896px) {
/* main
================================================ */
.line_list{
	border-left: 4px solid #E5E5E5;
	padding-left: 1.2em;
}
}
@media screen and (max-width: 673px) {
/* main
================================================ */
/* 周辺情報 */
.sightseeing_wrap{
	display: block;
}
.sightseeing_img{
	width: 100%;
	height: 100%;
	border: 0.6em solid #fff;
}
.sightseeing_txt{
	width: 100%;
	margin-top: 4%;
	margin-left: 0;
}
.sightseeing_txt h4 + p{
	margin-top: 0.5em;
}
.spot{
	margin-left: 0;
}
.line_list{
	width: 100%;
	border-left: 4px solid #E5E5E5;
	margin-top: 4%;
	margin-left: 0;
	padding-left: 1em;
}
.line_list h5{
	margin-bottom: 0.4em;
}
}


/* ================================================
 スマホ
================================================ */
@media screen and (max-width: 480px) {
/* main
================================================ */
.line_list{
	border-left: 3px solid #E5E5E5;
	margin-top: 5%;
	padding-left: 0.8em;
}
}