@charset "UTF-8";
/* CSS Document */
/* =========================================================
交通アクセスcss
=============================================================*/
/* =========================================================
header
========================================================= */
/*サイトナビ(該当ページのアイコンの色を上書き)
-------------------------------------------------- */
.nav ul li.access a::before{
	content: "";
	background-image: url("../common/images/access_icon_r.svg");
}
.nav ul li.access a {
    color: #DD3333;
}
.nav ul li.access a::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;/*線の上下位置*/
	display: inline-block;
	width: 40px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #DD3333;
}
/*サイトナビ(該当ページのアイコンの色を上書き)(スマホ)
-------------------------------------------------- */
@media screen and (max-width:999px){
.nav ul li.access  a::before,.nav ul li.access a::after{
	display: none;
}
.nav ul li.access a {
    color: #333;
}
}

/* =========================================================
main
========================================================= */
/*トップページの見出し　共通スタイル
-------------------------------------------------- */
.content_wrap .main_title h2::before{
	content: url("../common/images/access_icon.svg");
	display: block;
	max-width: 68px;
	text-align: center;
	margin: 0 auto;
}
/*地図
-------------------------------------------------- */
/*
.content{
	max-width: 1000px;
	margin: 0 auto;
}
*/
.content_box iframe {
	pointer-events: auto !important;
}
.access_contact_bg{
	margin: 4em auto;
	display: block;
	background-color: #FAF6F0;
	padding: 4em 6em;
}
.access_contact_map{
	max-width: 800px;
	margin: 0 auto;
	text-align: right;
}
.access_contact_map a{
	padding: 1em 1.5em 1em 0.8em;
    background-image: url("../common/images/arrow.svg");
    background-repeat: no-repeat;
    background-position: 101%;
    background-size: 20px;
    color: #3366CC;
    font-size: 16px;
    display: block;
}
.content p img{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	display: block;
}
/*各都市からの所要時間
-------------------------------------------------- */
.access_time_bg p{
	margin: 4em auto;
	display: block;
	background-color: #FAF6F0;
	padding: 4em 6em;
	max-width: 1000px;
}
/*
/*各種交通機関の連絡先
-------------------------------------------------- */
.access_contact_wrap{
	margin: 5.714em auto;
	background-color: #FAF6F0;
	justify-content: center;
	padding: 1.5em 5em 3em;
	
}
.access_contact_box{
	max-width: 1000px;
	margin: 0 auto;
	
}
.access_contact_inner{
	margin: 0 auto;
	display: flex;
}
.access_contact_wrap h5{
	font-size: 1.2em
}
.access_contact_inner .access_contact{
	width: 50%;
	margin: 0 1em;
}
 .access_contact dl{
	display: flex;
	flex-wrap: wrap;
/*	align-items: center;*/
}
.access_contact dt{
	background: #eee;
	width: 65%;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #ccc;
	box-sizing:border-box;
}
.access_contact dd{
	padding: 10px 0px 10px 10px;
	margin: 0;
	width: 35%;
	border-bottom: 1px solid #ccc;
	background: #fff;
	box-sizing:border-box;
} 
/*バス専用レイアウト*/
.access_contact_inner .bus{
	width: 100%;
	margin: 0 1em;
	
	
}
.bus dt{
	width: 47.5%;
}
.bus dd{
	width: 47.5%;
}
.content .bus p{
	margin: 1em 0;
	display: block;
	padding:0;
}

/*各種交通機関の連絡先
-------------------------------------------------- */
@media screen and (max-width:999px){
.access_contact_wrap{
	padding: 1.5em 20px 3em;	
}
.access_contact_inner{
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.access_contact_inner .access_contact{
	width: 100%;
	margin: 0;
}
.access_contact dt{
	background: #eee;
	width: 46%;
	padding: 10px 2% 10px;
	border-bottom: 1px solid #ccc;
}
.access_contact dd{
	padding: 10px 2% 10px;
	margin: 0;
	width: 54%;
	border-bottom: 1px solid #ccc;
	background: #fff;
}
/*バス専用レイアウト*/
.access_contact_inner .bus{
	width: 100%;
	margin: 0 1em;
}
.content .bus p{
	margin: 1em 0;
	display: block;
	padding:0;
}
}
/*地図(スマホ)
-------------------------------------------------- */
@media screen and (max-width:999px){
.content{
	max-width: 1000px;
	margin: 0 auto;
}
.content p{
	max-width: 800px;
	margin: 4em auto;
	display: block;
	background-color: #FAF6F0;
	padding: 3em 20px;
}
.content p img{
	width: 100%;
}
.access_contact_bg {
    padding: 4em 20px;
}
.access_contact_map p{
	padding: 0em;
	margin: 1em auto;
}
}