@charset "utf-8";

/*pageTtl*/
.pageTtl{
	background-image: url(../imgs/img-mv.jpg);
}

/*image*/
.image{
	margin-top: 65px;
}

.section .headline.headline-04{
	margin-bottom: 20px;
}

/*---------
train
---------*/
.scrollSlide .imageHolder{
	margin: 0;
	position: relative;
	overflow: hidden;
}
.scrollSlide .imageSlide{
	max-width: 100%;
	height: 543px;
	margin: auto;
	overflow-x: scroll;
	padding: 0;
}
.scrollSlide .imageSlide img{
	max-width: none;
	height: 100%;
}
.touch.icon-sp-flick{
	font-size: 50px;
	position: absolute;
	left: 0;
	bottom: 10px;
}

/*---------
work
---------*/
.work{
	background: url(../imgs/bg-work.jpg) no-repeat center;
	background-size: cover;
	padding: 120px 0;
}
.work .wrap .cap.ar{
	position: static;
	text-shadow:none;
	margin-top: 30px;
}
@media only screen and (max-width:736px) {
	.work{
		background: none;
		padding: 60px 0 100px;
	}
}

/*---------
nightbus/airport
---------*/
.nightbus{
	background: url(../imgs/bg-nightbus.jpg) no-repeat center;
	background-size: cover;
	padding: 120px 0;
	text-align: center;
}
.airport{
	background: url(../imgs/bg-airport.jpg) no-repeat center;
	background-size: cover;
	padding: 120px 0;
}
.nightbus .wrap .cap.ar{
	position: static;
	margin-top: 30px;
	text-shadow:none;
}
.nightbus .clmBox .clm:nth-child(n+2){
	margin-left: 1%;
}
.nightbus-ph,
.airport-ph{
	margin-bottom: 90px;
}
.nightbus-ph.imageCap .cap,
.airport-ph.imageCap .cap{
	bottom: auto;
	top: 3px;
}
.nightbus-ttl,
.airport-ttl{
	font-size: 50px;
	font-family: 'Cinzel', serif;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -42px;
	text-align: center;
	text-shadow: 
	rgba(0,0,0,.6) 1px 1px 10px, rgba(0,0,0,.6) -1px 1px 10px,
    rgba(0,0,0,.6) 1px -1px 10px, rgba(0,0,0,.6) -1px -1px 10px;
}
.nightbus-txt,
.airport-txt{
	font-size: 18px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -50px;
	text-align: center;
}
@media only screen and (max-width:736px) {
	.nightbus,
	.airport{
		padding: 60px 0 100px;
	}
	.nightbus .clmBox .clm:nth-child(n+2){
		margin-left: 0;
		margin-top: 30px;
	}
	.airport .clmBox .clm:nth-child(n+2){
		margin-left: 0;
		margin-top: 50px;
	}
	.nightbus-ph{
		margin-bottom: 50px;
	}
	.airport-ph{
		margin-bottom: 80px;
	}
	.nightbus-ttl,
	.airport-ttl{
		font-size: 40px;
	}
	.nightbus-txt,
	.airport-txt{
		font-size: 15px;
	}
}
/*---------
resortaccess
---------*/
.resortaccess .clmBox .clm{
	min-height: 800px;
}
.resortaccess .clmBox .clm:nth-child(1){
	background: url(../imgs/img-resortaccess01.jpg) no-repeat center bottom;
	background-size: cover;
}
.resortaccess .clmBox .clm:nth-child(2){
	background: url(../imgs/img-resortaccess02.jpg) no-repeat center bottom;
	background-size: cover;
}
.resortaccess .clmBox .clm:nth-child(3){
	background: url(../imgs/img-resortaccess03.jpg) no-repeat center bottom;
	background-size: cover;
}
.resortaccess .clmBox .clm .resortBox{
	position: absolute;
	left: 40px;
	bottom: 50px;
}
.resort-name{
	font-size: 43px;
	line-height: 1;
	letter-spacing: 0.4em;
}
.resort-name .en{
	display: block;
	font-size: 15px;
	letter-spacing: 0.2em;
	margin-bottom: 5px;
}
.resort-txt{
	font-size: 16px;
	margin-top: 40px;
}
@media only screen and (max-width:736px) {
	.resortaccess .clmBox .clm{
		min-height: 500px;
	}
	.resortaccess .clmBox .clm .resortBox{
		padding:0 25px;
		left: 0;
		right: 0;
		bottom: 40px;
		margin:auto;
	}
	.resort-name{
		font-size: 33px;
	}
	.resort-name .en{
		font-size: 13px;
	}
	.resort-txt{
		font-size: 13px;
		margin-top: 30px;
	}

}