@charset "utf-8";

/* access */

/* 
---------------------------------------------------------------------------*/
.block-timetable {
	padding: 45px 0 400px;
	background-image: url(../img/access/bg-timetable.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.lst-timetable li {
	margin-bottom: 15px;
}
.lst-timetable li:last-of-type {
	margin-bottom: 0;
}
.icon-timetable {
	margin-right: 10px;
}
@media screen and (max-width: 768px){
	.block-timetable {
		padding: 8vw 0 47vw;
		background-position: -74vw bottom;
		background-size: 232vw;
	}
	.lst-timetable li {
		margin-bottom: 3vw;
	}
	.icon-timetable {
		width: 20%;
	}
	.lst-timetable p {
		width: 73%;
	}
}

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

/* gmap
---------------------------------------------------------------------------*/
.box-gmap {
	max-width: 1536px;
	width: 100%;
	margin: 0 auto;
}
.box-gmap iframe {
	width: 100%!important;
	height: 520px!important;
}
.addr-gmap {
	margin-top: 40px;
}
.logo-gmap {
	margin-right: 45px;
}
@media screen and (max-width: 768px){
	.block-gmap iframe {
		height: 60vw!important;
	}
	.btn-def {
		padding: 0 3vw;
	}
	.addr-gmap {
		margin-top: 8vw;
		padding: 0 3vw;
	}
	.logo-gmap {
		margin-bottom: 5vw;
		margin-right: 0;
	}
}
/* アンカー */
.box-anchors-access a {
	width: 192px;
	height: 192px;
	border-radius: 100%;
	background-color: #AB9C85;
}
.icon-anchors-access {
	padding-top: 25px;
}
.tx-anchors-access {
	font-size: .23rem;
	line-height: 100%;
	text-align: center;
}
.arrow-anchors-access {
	padding-bottom: 10px;
	font-size: .24rem;
}
@media screen and (max-width: 768px){
	.box-anchors-access a {
		width: 29vw;
		height: 29vw;
	}
	.icon-anchors-access {
		padding-top: 2vw;
	}
	.icon-anchors-access img {
		width: 10vw;
	}
	.tx-anchors-access {
		font-size: 4.5vw;
		line-height: 120%;
	}
	.arrow-anchors-access {
		padding-bottom: 0vw;
		font-size: 4vw;
	}
	.box-anchors-access {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.box-anchors-access > li {
		margin: 1vw;
	}
}

/* ルート
---------------------------------------------------------------------------*/
.fig-route {
	margin-bottom: 30px;
}
.lst-route > li {
	margin-bottom: 10px;
	padding-left: .8em;
	text-indent: -.8em;
}
.lst-route > li:last-of-type {
	margin-bottom: 0;
}
.map_bg {
  background: #e7e9eb;
  text-align: center;
}

@media screen and (max-width: 768px){
	.fig-route {
		margin-bottom: 5vw;
	}
	.lst-route > li {
		margin-bottom: 3vw;
	}
}
/* 道順 */
.lst-directions > li {
	margin-top: 50px;
}
.block-ferry .box02 {
	padding-bottom: 80px;
}
.lead-ferry {
	margin-bottom: 50px;
}
.detil-directions {
	position: relative;
	width: 305px;
}
.num-directions {
	position: absolute;
	top: -14px;
	width: 60px;
	height: 60px;
	font-size: .4rem;
	border-radius: 100%;
	line-height: 100%;
}
.fig-directions {
	margin-bottom: 10px;
}
.arrow-directions {
	width: 60px;
	padding-top: 80px;
	text-align: center;
}
@media screen and (max-width: 768px){
	.block-ferry .box02 {
		padding-bottom: 10vw;
	}
	.lst-directions {
		margin-top: 5vw;
	}
	.fig-directions {
		margin-bottom: 2vw;
	}
	.lead-ferry {
		margin-bottom: 8vw;
	}
	.lst-directions > li {
		margin-top: 3vw;
		width: 45%;
	}
	.lst-directions > li.arrow-directions {
		width: 10%;
		padding-top: 13vw;
	}
	.detil-directions img {
		width: 100%;
		height: 30vw;
		object-fit: cover;
		object-position: center;
	}
	.arrow-directions img {
		width: 40%;
	}
	.num-directions {
		top: -2vw;
		width: 10vw;
		height: 10vw;
		font-size: 6vw;
	}
}
/* 駐車場 */
.box-parking {
	margin-top: 50px;
}
.ttl-parking {
	margin-bottom: 10px;
	font-size: .36rem;
}
.tx-parking {
	width: 585px;
	padding: 50px;
}
.fig-parking {
	width: 455px;
}
@media screen and (max-width: 768px){
	.tx-parking {
		padding: 3vw;
	}
	.ttl-parking {
		font-size: 7vw;
		line-height: 130%;
	}
}















/* あとで共通に移動 */
@media screen and (max-width: 768px){
	.lst-icon-ft {
		width: 100%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.tgt-menu .ft-reservation .box-tel {
		width: 55%;
	}
}