@charset 'utf-8';

/* ------ Slider ------ */
.slick-slider{
	position: relative;
	z-index: 1;
	display: block;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	 -khtml-user-select: none;
	-ms-touch-action: pan-y;
	    touch-action: pan-y;
}
.slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus{
	outline: none;
}
.slick-list.draggable{
	cursor: grab;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}
.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	        justify-content: center;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: stretch;
	-webkit-align-items: stretch;
	overflow: hidden;
	opacity: 1 !important;
}
.slick-slide{
	height: auto;
	min-height: 1px;
	opacity: 1 !important;
}
.slick-slide.slick-loading img{
	display: none;
}
.slick-slide.dragging img{
	pointer-events: none;
}
.slick-loading .slick-slide{
	visibility: hidden;
}
.slick-vertical .slick-slide{
	height: auto;
}
/*■ PC : 751px < Window Size ■*/
@media print, screen and (min-width: 751px){
	#facility{
	}
	#facility_bloc{
		margin-bottom: 11.3rem;
	}
	#facility_bloc .bg_img{
		position: absolute;
		z-index: 0;
		top: 0.5rem;
		left: 0;
		width: calc(100% - 54rem);
		height: 77rem;
		background-color: transparent;
		background-image: url(../../img/facility/main01_pc.jpg);
		background-repeat: no-repeat;
		background-position: right top;
		background-size: cover;
	}
	#facility_bloc .inner{
		max-width: 100%;
		padding: 0;
	}
	#facility_bloc .txt_area01{
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		width: 54rem;
		margin: 0 0 20.6rem auto;
		padding-left: 3.9rem;
	}
	#facility_bloc .txt_area01 h3{
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.4em;
		margin-top: -0.5rem;
		margin-bottom: 3.1rem;
		letter-spacing: 0;
		color: #222;
	}
	#facility_bloc .txt_area01 p{
		font-size: 1.4rem;
		line-height: 1.7em;
		margin-bottom: 11.6rem;
		letter-spacing: 0;
		color: #222;
	}
	#facility_bloc .txt_area01 .img{
		width: 48rem;
		margin: 0 0 0 auto;
	}
	#facility_bloc .txt_area01 .img img{
		width: 100%;
	}
	#facility_slider04{
		width: 100%;
		max-width: 1140px;
		margin: 0 auto;
		padding: 0;
	}
	#facility_slider04 .slider{
		display:         flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
		        flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
		width: 100%;
		opacity: 1 !important;
	}
	#facility_slider04 .slider > div{
		width: 31.6%;
		max-width: 360px;
		margin-left: 2.6%;
	}
	#facility_slider04 .slider > div:first-child{
		margin-left: 0;
	}
	#facility_slider04 .slider > div .img{
		width: 100%;
	}
	#facility_slider04 .slider > div .img img{
		width: 100%;
	}
	#facility_bloc .txt_area02{
		max-width: 1140px;
		margin: 0 auto;
		padding: 5.3rem 0 0;
		text-align: center;
	}
	#facility_bloc .txt_area02 h3{
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.4em;
		margin-bottom: 1.8rem;
		letter-spacing: 0;
		color: #222;
	}
	#facility_bloc .txt_area02 p{
		font-size: 1.4rem;
		line-height: 1.7em;
		letter-spacing: 0;
		color: #222;
	}
	#room_bloc{
	}
	#room_bloc .inner{
		padding-top: 0;
		padding-bottom: 11.6rem;
	}
	#room_bloc h3{
		margin-bottom: 2.7rem;
	}
	#room_bloc p{
		line-height: 1.7em;
		margin-bottom: 5.6rem;
		text-align: center;
		letter-spacing: 0;
	}
	#room_bloc .img_list{
		display:         flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
		        flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
		margin-bottom: 6rem;
	}
	#room_bloc .img_list li{
		width: 47.4%;
		max-width: 54rem;
	}
	#room_bloc .img_list li .img{
	}
	#room_bloc .img_list li .img img{
		width: 100%;
	}
	#room_bloc table{
	}
	#spa_bloc{
	}
	#spa_bloc .inner{
		padding-top: 0;
		padding-bottom: 12rem;
	}
	#spa_bloc h3{
		margin-bottom: 2.7rem;
	}
	#spa_bloc p{
		line-height: 1.7em;
		margin-bottom: 5.6rem;
		text-align: center;
		letter-spacing: 0;
	}
	#spa_bloc .img_list{
		display:         flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
		        flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
		margin-bottom: 5.5rem;
	}
	#spa_bloc .img_list li{
		width: 47.4%;
		max-width: 54rem;
	}
	#spa_bloc .img_list li .img{
		margin-bottom: 1.9rem;
	}
	#spa_bloc .img_list li .img img{
		width: 100%;
	}
	#spa_bloc .img_list li .txt{
		font-size: 1.8rem;
		line-height: 1.7em;
		margin-bottom: 0.8rem;
		text-align: center;
		letter-spacing: 0;
		color: #222;
	}
	#spa_bloc .img_list li .ttl{
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.4em;
		text-align: center;
		letter-spacing: 0;
		color: #222;
	}
	#spa_bloc table{
	}
	#option_bloc{
		background-color: #fff;
	}
	#option_bloc .inner{
		padding-top: 11.4rem;
		padding-bottom: 18rem;
	}
	#option_bloc h3{
		margin-bottom: 6.7rem;
	}
	#option_bloc .option{
		display:         flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
		        flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
		margin-bottom: 6rem;
	}
	#option_bloc .option .img{
		width: 47.4%;
	}
	#option_bloc .option .img img{
		width: 100%;
	}
	#option_bloc .option .txt_area{
		width: 49.1%;
	}
	#option_bloc .option .txt_area h3{
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.4em;
		margin-top: -0.6rem;
		margin-bottom: 2.7rem;
		letter-spacing: 0;
		color: #222;
	}
	#option_bloc .option .txt_area p{
		font-size: 1.4rem;
		line-height: 1.7em;
		letter-spacing: 0;
		color: #222;
	}

	#option_bloc .banquet {
		margin-bottom: 6rem;
	}
	#option_bloc .banquet .txt_area {
	}
	#option_bloc .banquet .txt_area h3 {
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.4em;
		margin-top: -0.6rem;
		margin-bottom: 2.7rem;
		letter-spacing: 0;
		color: #222;
	}
	#option_bloc .banquet .img {
		display:         flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
		        flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
		width: 100%;
	}
	#option_bloc .banquet .img li {
		display: block;
		width: 47.4%;
	}
	#option_bloc .banquet .img li img {
		width: 100%;
	}

	#option_bloc .option table{
	}
}
@media print, screen and (max-width: 1180px) and (min-width: 751px){
	#facility_slider04,
	#facility_bloc .txt_area02{
		max-width: 1180px;
		padding-right: 2rem;
		padding-left: 2rem;
	}
}
/*■ Mobile (Low Res) : 750px > 0 ■*/
@media only screen and (max-width: 750px){
	#facility{
	}
	#facility_bloc{
		padding-top: 0.81rem;
	}
	#facility_bloc .bg_img{
		width: calc(100% - 0.25rem);
		height: 7.7rem;
		background-color: transparent;
		background-image: url(../../img/facility/main01_sp.jpg);
		background-repeat: no-repeat;
		background-position: right top;
		background-size: cover;
	}
	#facility_bloc .inner{
		position: relative;
		max-width: 100%;
		padding: 0.32rem 0 0.6rem;
	}
	#facility_bloc .txt_area01{
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		width: 100%;
		margin-bottom: 0.52rem;
		padding-right: 0.25rem;
		padding-left: 0.25rem;
	}
	#facility_bloc .txt_area01 h3{
		font-size: 0.32rem;
		font-weight: bold;
		line-height: 1.3em;
		margin-bottom: 0.2rem;
		letter-spacing: -0.03em;
		color: #222;
	}
	#facility_bloc .txt_area01 p{
		font-size: 0.26rem;
		line-height: 1.4em;
		letter-spacing: 0;
		color: #222;
	}
	#facility_bloc .txt_area01 .img{
		position: absolute;
		z-index: 1;
		top: -1.8rem;
		right: 0;
		width: 3.9rem;
		height: auto;
		margin: 0;
	}
	#facility_bloc .txt_area01 .img img{
		width: 100%;
	}
	#facility_slider04{
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	#facility_slider04 .slider{
		width: 100%;
	}
	#facility_slider04 .slick-slide{
		margin: 0 0.15rem;
	}
	#facility_slider04 .slick-slide .img{
		max-width: 3.35rem;
	}
	#facility_slider04 .slick-slide .img img{
		width: 100%;
	}
	#facility_bloc .txt_area02{
		margin: 0 auto;
		padding: 0.49rem 0.25rem 0;
		text-align: center;
	}
	#facility_bloc .txt_area02 h3{
		font-size: 0.36rem;
		font-weight: bold;
		line-height: 1.4em;
		margin-bottom: 13px;
		letter-spacing: -0.03em;
		color: #222;
	}
	#facility_bloc .txt_area02 p{
		font-size: 0.26rem;
		line-height: 1.4em;
		letter-spacing: 0;
		color: #222;
	}
	#room_bloc{
	}
	#room_bloc .inner{
		padding-top: 0.47rem;
		padding-bottom: 1.13rem;
	}
	#room_bloc h3{
		margin-bottom: 0.26rem;
	}
	#room_bloc p{
		line-height: 1.4em;
		margin-bottom: 0.55rem;
		text-align: center;
		letter-spacing: 0;
	}
	#room_bloc .img_list{
		display: block;
		margin-bottom: 0.6rem;
	}
	#room_bloc .img_list li{
		display: block;
		width: 100%;
		margin-top: 0.3rem;
	}
	#room_bloc .img_list li:first-child{
		margin-top: 0;
	}
	#room_bloc .img_list li .img{
	}
	#room_bloc .img_list li .img img{
		width: 100%;
	}
	#room_bloc table{
	}
	#spa_bloc{
	}
	#spa_bloc .inner{
		padding-top: 0;
		padding-bottom: 1.2rem;
	}
	#spa_bloc h3{
		margin-bottom: 0.28rem;
	}
	#spa_bloc p{
		line-height: 1.4em;
		margin-bottom: 0.54rem;
		text-align: center;
		letter-spacing: 0;
	}
	#spa_bloc .img_list{
		display: block;
		width: 100%;
		margin-bottom: 0.58rem;
	}
	#spa_bloc .img_list li{
		width: 100%;
		margin-top: 0.57rem;
	}
	#spa_bloc .img_list li:first-child{
		margin-top: 0;
	}
	#spa_bloc .img_list li .img{
		margin-bottom: 0.24rem;
	}
	#spa_bloc .img_list li .img img{
		width: 100%;
	}
	#spa_bloc .img_list li .txt{
		font-size: 0.26rem;
		line-height: 1.3em;
		margin-bottom: 0.07rem;
		text-align: center;
		letter-spacing: 0;
		color: #222;
	}
	#spa_bloc .img_list li .ttl{
		font-size: 0.32rem;
		font-weight: bold;
		line-height: 1.4em;
		text-align: center;
		letter-spacing: 0.1em;
		color: #222;
	}
	#spa_bloc table{
	}
	#option_bloc{
		background-color: #fff;
	}
	#option_bloc .inner{
		padding-top: 1.12rem;
		padding-bottom: 1.8rem;
	}
	#option_bloc h3{
		margin-bottom: 0.56rem;
	}
	#option_bloc .option{
		display: block;
		width: 100%;
		margin-bottom: 0.54rem;
	}
	#option_bloc .option .img{
		width: 100%;
		margin-bottom: 0.2rem;
	}
	#option_bloc .option .txt_area{
		width: 100%;
	}
	#option_bloc .option .txt_area h3{
		font-size: 0.32rem;
		font-weight: bold;
		line-height: 1.4em;
		margin-top: 0rem;
		margin-bottom: 0.13rem;
		letter-spacing: 0;
		color: #222;
	}
	#option_bloc .option .txt_area p{
		font-size: 0.26rem;
		line-height: 1.4em;
		letter-spacing: 0;
		color: #222;
	}

	#option_bloc .banquet{
		display:         flex;
		display: -webkit-flex;
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
		        flex-flow: column-reverse wrap;
		-webkit-flex-flow: column-reverse wrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
		margin-bottom: 0.6rem;
	}
	#option_bloc .banquet .txt_area {
	}
	#option_bloc .banquet .txt_area h3 {
		font-size: 0.32rem;
		font-weight: bold;
		line-height: 1.4em;
		margin-top: 0;
		margin-bottom: 0;
		letter-spacing: 0;
		color: #222;
	}
	#option_bloc .banquet .img {
		display: block;
		width: 100%;
		margin-bottom: 0.2rem;
	}
	#option_bloc .banquet .img li {
		display: block;
		width: 100%;
		margin-bottom: 0.3rem;
	}
	#option_bloc .banquet .img li:last-child{
		margin-bottom: 0;
	}
	#option_bloc .banquet .img li img {
		width: 100%;
	}

	#option_bloc .option table{
	}
}

/* =========================================================
facility_mov
========================================================= */
#facility_mov {
	max-width: 1140px;
	margin: 6rem auto;
	padding:0;
	position: relative;
}
#facility_mov:before{
	content: "";
	background-image: url(../../mov/facility/sanpou_gaikan.jpg);
	background-size: cover;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	-moz-transition: opacity 1s linear;
	-ms-transition: opacity 1s linear;
	-webkit-transition: opacity 1s linear;
	transition: opacity 1s linear;
	opacity: 1;
}
#facility_mov.play:before{
	background-image: none !important;
	opacity: 0 !important;
}
#facility_mov.load:before{
	opacity: 0;
}
#facility_mov.pause:before{
	background-image: url(../../mov/facility/sanpou_gaikan.png);
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-webkit-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
	opacity: 1;
}
#mov {
	width: 100%;
	position: relative;
	z-index: 0;
	vertical-align: top;
}
@media print, screen and (max-width: 1180px) and (min-width: 751px){
	#facility_mov{
		max-width: 1180px;
		margin-right: 2rem;
		margin-left: 2rem;
	}
}
@media only screen and (max-width: 750px){
	#facility_mov{
		margin: 0 auto;
		margin: 0.6rem 0.25rem;
		text-align: center;
	}
}