@charset "UTF-8";

.accesswrapper{padding: 80px 0px 80px;}

.access{padding: 58px 30px 0;}

.accesskv {
	background: url(../img/access/kv.jpg) no-repeat center bottom;
	background-size: 1440px;
	height: 180px;
	position: relative;
}

.accesskv-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.accesskv-title{
	width: 223px;
	height: 65px;
	background: url(../img/access/kv_text.svg) no-repeat center center;
	background-size: contain;
}

/* access ---------------------------------------*/

.accessmap {
	max-width: 1000px;
	margin: 0 auto 58px;
}

.accessmap-inner {
	max-width: 1280px;
	margin: 0 auto;
}

.accessmap-title {margin-bottom: 60px;}

.accessmap-map {margin-bottom: 45px;}

.accessmap-map iframe{
	width: 100%;
	height: 460px;
}

.accessmap-address {
	width: 620px;
	margin: 0 auto 55px;
	padding-bottom: 27px;
}

.accessmap-address-title {
	text-align: center;
	margin-bottom: 59px;
}

.accessmap-address-table-wrapper {
	padding-left: 90px;
}

.accessmap-address-table {
	width: 550px;
	margin: 0 auto;
}

.accessmap-address-table th{
	width: 18%;
	padding: 0 0 16px 0;
	vertical-align: top;
	font-weight: bold;
}

.accessmap-address-table td{
	padding: 0 0 16px 20px;
	letter-spacing: 0.4px;
}

.accessmap-address-table-holiday{
	font-size: 14px;
}

.accesstime {
	max-width: 1280px;
	margin: 0 auto 60px;
}

.accesstime-image {}

.accesstype {
	max-width: 1280px;
	margin: 0 auto 510px;
}

.accesstype-title {
	text-align: center;
	position: relative;
	margin-bottom: 48px;
}

.accesstype-title::before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	content: '';
	background: #dbe0db;
	background-size: 100%;
	width: 100%;
	height: 2px;
}

.accesstype-title span{
	display: inline-block;
	padding: 0 10%;
	background-color: #fff;
	position: relative;
	z-index: 1;
}

.accesstype-image-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
}

.accesstype-image {
	margin-bottom: 60px;
}

.accesstype-image-wrapper .accesstype-image {
	width: 70%;
	margin-bottom: 0;
}

.accesstype-image-wrapper .accesstype-schedulelist {
	width: 30%;
	margin-bottom: 0;
	padding-left: 32px;
	box-sizing: border-box;
	padding-bottom: 50px;
}

.accesstype-schedulelist {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	margin-bottom: 67px;
}

.accesstype-schedulelist.is-cablecourse {padding-right: 11.8%;}
.accesstype-schedulelist.is-cableandrope {padding-right: 5.2%;}
.accesstype-schedulelist.is-ropeway {padding-right: 1.5%;}

.accesstype-schedulelist li {
	width: 27.5%;
	min-width: 180px;
}

.accesstype-schedulelist.is-ropeway li {
	width: 26.4%;
	min-width: 180px;
}

.accesstype-image-wrapper .accesstype-schedulelist li {
	width: 100%;
}

.accesstype-schedulelist li div{
	padding-left: 28px;
	background: url(../img/common/icon_arrow_right.svg) no-repeat left center;
}

.accesstype-schedulelist li a {
	display: inline-block;
	text-decoration: underline;
	line-height: 1.8;
	letter-spacing: 0.08em;
	font-size: 15px;
	padding-right: 1.4em;
	background: url(../img/common/icon_blank.svg) no-repeat right center;
}

.accesstype-schedulelist li a:hover {
	text-decoration: none;
}

.accesstype-schedulelist-link {
}


/* big pc */
@media screen and (min-width: 1441px){

	.accesskv {
		background-size: cover;
	}

}


@media screen and (max-width: 768px){

	.accesswrapper{padding: 48px 0 83px;}

	.access{padding: 14px 15px 0;}

	.accesskv {
		background: url(../img/access/kv_sp.jpg) no-repeat center bottom;
		background-size: cover;
		height: 107px;
		position: relative;
	}

	.accesskv-title{
		width: 100px;
		height: 29px;
		background: url(../img/access/kv_text.svg) no-repeat center center;
		background-size: contain;
	}

	/* access ---------------------------------------*/

	.accessmap {
		padding: 0;
		margin-bottom: 30px;
	}

	.accessmap-inner {
		max-width: 1280px;
		margin: 0 auto;
	}

	.accessmap-title {
		margin-bottom: 37px;
		width: 100%;
	}

	.accessmap-title img{width: 197px;}

	.accessmap-map {margin:0 -15px 25px;}

	.accessmap-map iframe{
		width: 100%;
		height: 250px;
	}

	.accessmap-address {
		width: 100%;
		margin: 0 auto 20px;
		padding: 0 10px;
	}

	.accessmap-address-title {
		margin-bottom: 33px;
		width: 100%;
	}

	.accessmap-address-title img{width: 200px;}

	.accessmap-address-table-wrapper{padding-left:0;}

	.accessmap-address-table {
		width: 100%;
		margin: 0 auto;
		padding-left: 0px;
		display: block;
	}

	.accessmap-address-table tbody{width:100%;}
	.accessmap-address-table th{
		width: 20%;
		padding: 0 0 20px 8px;
		vertical-align: top;
		font-weight: bold;
		font-size: 12px;
	}

	.accessmap-address-table td{
		padding: 0 0 20px 8px;
		letter-spacing: 0.4px;
		font-size: 12px;
	}

	.accessmap-address-table tr:nth-of-type(3) td{padding-bottom: 0;}

	.accessmap-address-table-holiday{
		font-size: 14px;
		padding-bottom: 25px;
	}

	.accessmap-address-table-holiday span{
		font-size: 10px;
		display: inline-block;
		margin-top: 10px;
		line-height: 1.3;
	}


	.accesstime{margin-bottom: 90px}
	.accesstime-image{
		padding: 0 15px;
		margin: 0 auto;
		max-width: 400px;
	}

	.accesstype {margin: 0 auto 50px;}
	.accesstype-title {margin:0 -15px 30px;}
	.accesstype-title::before{height:1px;}
	.accesstype-title span{
		padding: 0 10px;
		width: 65vw;
	}
	.accesstype-title span img{
		height:18px;
		position:relative;
		top: -5px;
	}

	.accesstype-image-wrapper {
		display: block;
	}

	.accesstype-image {
		padding: 0 25px;
		margin: 0 auto 50px;
		max-width: 400px;
	}

	.accesstype-image.is-cablecar {
		padding: 0 25px 0 5px;
		margin-bottom: 20px
	}

	.accesstype-image-wrapper .accesstype-image {
		width: 100%;
	}

	.accesstype-image-wrapper .accesstype-schedulelist {
		width: 100%;
		margin-bottom: 0;
		padding-left: 20px;
		padding-bottom: 0px;
	}

	.accesstype-schedulelist {
		padding: 0 22px;
		display: block;
		margin: 0 auto 55px;
		max-width: 400px;
	}

	.accesstype-schedulelist.is-cablecourse {padding-right: 0;}
	.accesstype-schedulelist.is-cableandrope {padding-right: 0;}
	.accesstype-schedulelist.is-ropeway {padding-right: 0;}

	.accesstype-schedulelist li {
		width: 100%;
		min-width: 100%;
	}

	.accesstype-schedulelist.is-ropeway li {
		width: 100%;
		min-width: 100%;
	}

	.accesstype-image-wrapper .accesstype-schedulelist li {width: 100%;}

	.accesstype-schedulelist li div{
		padding-left: 15px;
		background: url(../img/common/icon_arrow_right.svg) no-repeat left 10px;
		background-size: 8px;
	}

	.accesstype-schedulelist li a {
		font-size: 12px;
		padding-right: 1.0em;
		background: url(../img/common/icon_blank.svg) no-repeat right center;
		background-size: 10px;
	}

	.accesstype-schedulelist li a:hover {
		text-decoration: none;
	}

	.accesstype-schedulelist-link {
	}


}