@charset "utf-8";

/* Access */

/* メイン画像
---------------------------------------------------------------------------*/
.block-mainimg {
	background-image: url(../img/access/fig-mainimg.jpg);
}
@media screen and (max-width: 768px){
	.block-mainimg {
		background-image: url(../img/access/fig-mainimg-sp.jpg);
	}
}

/* アンカー背景位置
---------------------------------------------------------------------------*/
.block-anchor.bg-uroko {
	background-position: center -40px;
}
@media screen and (max-width: 768px){
	.block-anchor.bg-uroko {
		background-position: center top;
	}
}

/* 共通
---------------------------------------------------------------------------*/
.icon-ttl-sec {
	margin-right: 40px;
}
.box-route {
	padding-top: 50px;
	padding-bottom: 50px;
}
.lst-tx-route {
	margin-top: 50px;
	border-top: 1px solid #E0E0E0;
}
.lst-tx-route > li {
	padding: 20px 0;
	border-bottom: 1px solid #E0E0E0;
}
@media screen and (max-width: 768px){
	.icon-ttl-sec {
		margin-right: 5vw;
	}
	.cnts-plane .icon-ttl-sec img {
		width: 10vw;
	}
	.cnts-train .icon-ttl-sec img {
		width: 7vw;
	}
	.cnts-car .icon-ttl-sec img {
		width: 10vw;
	}
	.box-route {
		padding-top: 8vw;
		padding-bottom: 8vw;
	}
	.lst-tx-route {
		margin-top: 5vw;
	}
	.lst-tx-route > li {
		padding: 3vw 0;
	}
}


/* Maps
---------------------------------------------------------------------------*/
.bg-access {
	padding-bottom: 50px;
	background-image: url(../img/access/bg-access.jpg);
	background-size: cover;
	text-align: center;
}
@media screen and (max-width: 768px){
	.bg-access {
		padding-bottom: 8vw;
		background-image: url(../img/access/bg-access-sp.jpg);
	}
}


/* Parking
---------------------------------------------------------------------------*/
.box-parking {
	padding: 20px;
	background-color: #84762F;
	color: #FFFFFF;
}
.box-ttl-parking {
	width: 380px;
	padding: 15px;
	border-right: 1px solid #FFFFFF;
}
.box-parking .lead {
	width: 620px;
	padding: 30px;
}
.ttl-parking {
	margin-bottom: 5px;
	text-align: left;
}
@media screen and (max-width: 768px){
	.box-parking,
	.box-ttl-parking,
	.box-parking .lead {
		padding: 3vw;
	}
	.box-ttl-parking {
		border-right: none;
		border-bottom: 1px solid #FFFFFF;
	}
}

/* Useful links for transport
---------------------------------------------------------------------------*/
.cnts-link {
	margin-top: 50px;
	padding-bottom: 60px;
}
.lst-link {
	margin-top: 50px;
}
.lst-link li {
	width: 200px;
	text-align: center;
}
.cnts-link .btn-def-r {
	width: 100%;
	height: 200px;
	background-color: #EFE9EE;
}
.cnts-link .btn-def-r:hover {
	opacity: .8;
}

.cnts-link .btn-def-r .catch-mini {
	margin-top: 10px;
	padding-bottom: 10px;
	color: #5E2B58;
}

.btn-def-r::after,
.btn-def-r:hover::after {
	width: 8px;
	height: 12px;
	left: calc(50% - 6px);
	top: auto;
	bottom: 30px;
	background-image: url(../img/access/arw-btn.png);
}
@media screen and (max-width: 768px){
	.cnts-link {
		margin-top: 5vw;
		padding-bottom: 8vw;
	}
	.lst-link li {
		width: 49%;
		margin-bottom: 2vw;
		margin-right: 2%;
	}
	.lst-link li:nth-of-type(2n),
	.lst-link li:last-of-type {
		margin-right: 0;
	}
	.cnts-link .btn-def-r {
		height: 38vw;
	}
	.cnts-link .btn-def-r .catch-mini {
		margin-top: 1vw;
		margin-bottom: 2vw;
	}
	.btn-def-r::after,
	.btn-def-r:hover::after {
		bottom: 2.5vw;
	}
}