@charset "utf-8";
/* ===================================================
	Home CSS
====================================================== */
/* ---------------------------------------------------

------------------------------------------------------ */
#main_img { position: relative;}
#main_img .flexslider { margin: 0; border: none; border-radius: 0; background: none; z-index: 0;}
#main_img .flexslider img {
	width: 100%; height: 100vh; min-height: 800px;
	object-fit: cover; font-family: 'object-fit: cover;';
}
#main_img .slide_cap {
	position: absolute; left: 5vw; bottom: 5vw;
	color: #fff; font-size: 28px; z-index: 10;
}
#main_img .slide_cap span { display: block; margin: 0 0 20px; font-size: 16px;}
#main_img .slide_cap span.eng { margin: 20px 0 0; font-size: 12px; letter-spacing: 3px;}

@media screen and (max-width: 1100px) {
	#main_img .slide_cap { left: 5%; bottom: 55px;}
}
@media screen and (max-width: 600px) {
	#main_img .flexslider img { height: calc(100vh - 68px); min-height: 500px;}

	#main_img .slide_cap { left: 4vw; bottom: 10vw; font-size: 24px;}
	#main_img .slide_cap span { margin-bottom: 15px;}
	#main_img .slide_cap span.eng { margin-top: 15px;}
}


/* ---------------------------------------------------
#info
------------------------------------------------------ */
#info { padding: 30px 0; text-align: center;}
#info p {
	display: inline-block; padding: 0 0 0 30px;
	background: url(../../img/icon_check.png) no-repeat left center;
	color: #cb503c; font-size: 17px; line-height: 20px;
}
#info p a { border-bottom: 1px solid #cb503c; color: #cb503c;}
#info p a:hover { border-bottom: none; text-decoration: none;}

@media screen and (max-width: 600px) {
	#info { padding: 30px 4%; text-align: left;}
	#info p { background-position: left calc( 0.8em - 10px ); line-height: 1.6;}
}


/* ---------------------------------------------------
#search_col
------------------------------------------------------ */
#search_col {
	display: -webkit-flex; display: -ms-flex; display: flex;
	-ms-align-items: center; align-items: center;
	width: 1100px; max-width: 96%;
	padding: 45px 50px 35px; margin: 0 auto 15px; letter-spacing: 0;
}
#search_col > dt { padding: 0 30px 0 0; font-size: 20px;}
#search_col > dd { flex-grow: 1;}

#search_form { margin: 0 0 20px; font-size: 0;}
#search_form dl,
#search_form dt,
#search_form dd,
#search_form .inbox_489ban,
#search_form button { display: inline-block; vertical-align: middle;}
#search_form dl,
#search_form dd { font-size: 0;}
#search_form input[type="text"],
#search_form select {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	height: 50px; margin: 0; padding: 0 10px; border: 1px solid #aaa;
	border-radius: 4px; font-size: 15px; line-height: 50px;
}
#search_form select::-ms-expand { display: none;}
#search_form input[type="text"]:disabled,
#search_form select:disabled { -webkit-text-fill-color: #888; color: #888; opacity: 1;}
#search_form dt { font-size: 15px;}
#search_form input[type="checkbox"] { border-color: #aaa;}
#search_form select {
	padding-right: 25px;
	background: url(../img/icon_select.svg) no-repeat 98% center #fff;
	-webkit-background-size: auto 30px; background-size: auto 30px;
}
#search_form .date_489ban,
#search_form .date_489ban dt,
#search_form .inbox_489ban { margin: 0 20px 0 0;}
#search_form .date_489ban input[type="text"] {
	margin: 0 20px 0 0; padding-right: 35px;
	background: url(../img/icon_calendar_b.svg) no-repeat 98% center #fff;
	-webkit-background-size: auto 30px; background-size: auto 30px;
}
#search_form .date_489ban dd label { display: inline-block; font-size: 15px; vertical-align: middle;}
#search_form .stay_489ban dt { display: none;}
#search_form button {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	min-width: 170px; margin: 0; padding: 0 10px;
	border: none; background: url(../img/btn_bg.jpg) center top;
	color: #fff; font-size: 15px; line-height: 50px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#search_form button:hover { opacity: 0.8; text-decoration: none;}

#search_col ul {
	display: -webkit-flex; display: -ms-flex; display: flex;
	-ms-align-items: center; align-items: center;
}
#search_col li:not(:last-child) { margin: 0 30px 0 0;}
#search_col a { display: inline-block; padding: 0 0 0 35px; position: relative;}
#search_col a::before {
	content: ''; width: 30px; height: 30px; position: absolute; left: 0; top: 50%;
	background: no-repeat center center;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#search_col .icon_plan::before { background-image: url(../img/icon_plan_b.svg);}
#search_col .icon_room::before { background-image: url(../img/icon_roomtype_b.svg);}
#search_col .icon_calendar::before { background-image: url(../img/icon_calendar_b.svg);}
#search_col .icon_arrow::before { background-image: url(../img/icon_arrow_b.svg);}

@media screen and (max-width: 600px) {
	#search_col {
		display: block; width: 100%; max-width: none;
		padding: 25px 4%; margin-bottom: 25px;
	}
	#search_col > dt { padding: 0 0 15px; font-size: 18px;}

	#search_form { padding: 0 0 10px; margin: 0 0 15px; border-bottom: 1px solid #c5bab2;}
	#search_form .inbox_489ban dl,
	#search_form dt,
	#search_form dd,
	#search_form button { display: block;}
	#search_form dt { font-size: 16px;}
	#search_form input[type="text"],
	#search_form select {
		border-radius: 0; font-size: 16px; line-height: 40px;
		-webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#search_form .date_489ban dt,
	#search_form .inbox_489ban { margin: 0;}
	#search_form .date_489ban { width: 60%; margin: 0 1% 0 0;}
	#search_form .date_489ban input[type="text"] { width: 100%; margin: 0;}
	#search_form .date_489ban dd label { display: block; font-size: 16px;}
	#search_form .inbox_489ban { width: 39%;}
	#search_form .stay_489ban select { width: 100%;}
	#search_form button { width: 100%; min-width: 0; margin: 5px 0 0; line-height: 40px;}

	#search_col ul {
		-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
		-ms-align-items: flex-start; align-items: flex-start; justify-content: space-between;
	}
	#search_col li { flex-grow: 1; width: 50%; min-width: 200px; margin: 0 0 5px !important;}
	#search_col a { line-height: 1.6;}
	#search_col a::before { top: 0.8em;}
}


/* ---------------------------------------------------
topics_slide
------------------------------------------------------ */
.topi_col { display: flex!important; width: 900px!important; margin: 0 20px; background: rgba(255,255,255,0.35); border: 1px solid #d4cdc5; box-sizing: border-box; }
.topi_col dl { padding: 20px 30px; }
.topi_col dt { padding: 0 0 10px; border-bottom: 1px solid #d4cdc5; color: #987542; font-size: 22px; }
.topi_col dd { margin: 15px 0 0; font-size: 14px; }
.topi_col dd p { text-align: right; }
.topi_col dd a { display: inline-block; color: #987542; }
.topi_col dd a:after { content: '>'; display: inline-block; margin: 0 0 0 15px; }

#topics_slide { position: relative; }
#topics .slick .slick-dots { margin: 15px auto 0; }
#topics .slick-prev,
#topics .slick-next { width: 30px; height: 60px; z-index: 11; }
#topics .slick-prev { margin: 0 0 0 -470px; }
#topics .slick-next { margin: 0 0 0 470px; }
#topics .slick .slick-arrow::before,
#topics .slick .slick-arrow::after {
  content: '';
  display: block;
  width: 35px;
  height: 1px;
  background: #c1bbb3;
  position: absolute;
  top: 50%;
  opacity: 1; }
#topics .slick .slick-prev::before,
#topics .slick .slick-prev::after { transform-origin: left center; }
#topics .slick .slick-next::before,
#topics .slick .slick-next::after { transform-origin: right center; }
#topics .slick .slick-arrow {
  position: absolute;
  top: 34%;
  bottom: 0;
  left: 50%;
  padding: 0;
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
}
#topics .slick-slide img { object-fit: cover; font-family: 'object-fit: cover;'; }

@media screen and (max-width: 600px) {
  .topi_col { flex-direction: column; width: 92%!important; margin: 0 auto; padding: 20px; }
  .topi_col dl { padding: 15px 0 0; }
  .topi_col dt { font-size: 18px; }
  .topi_col dd { font-size: 16px; }

  #topics .slick .slick-arrow { left: inherit; -webkit-transform: translate(0%,0); -ms-transform: translate(0%,0); transform: translate(0%,0); }
  #topics .slick-next { right: 0; margin: 0; }
  #topics .slick-prev { left: 0!important; margin: 0; }
  #topics .slick .slick-arrow::before,
  #topics .slick .slick-arrow::after { width: 25px; }
}


/* ---------------------------------------------------
.lead_col
------------------------------------------------------ */
.lead_col { margin: 60px 0 0;}
.lead_col .inner {
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	justify-content: center;
	width: 100%; max-width: none; padding: 0 0 80px; margin: 0 0 50px;
}
.lead_col .inner::before { left: 50%; margin: 0 0 0 -190px;}
.lead_col .inner h2,
.lead_col .inner div p {
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.lead_col .inner h2 { margin: 0 0 0 45px; font-size: 28px; text-align: left;}
.lead_col .inner div {
	display: -webkit-flex; display: -ms-flex; display: flex;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.lead_col .inner div p { line-height: 2.3;}
.lead_col .inner div p:not(:last-child) { margin: 0 0 0 30px;}
.lead_col .inner div .attention {
	display: inline-block; padding: 10px 0;
	background: rgba(255, 255, 255, 0.7); color: #987542;
}

.lead_col .image {
	-ms-grid-columns: 39.6% 1fr 19.6% 1fr 19.6% 1fr 20%;
	grid-template-columns: 39.6% 19.6% 19.6% 20%;
	-ms-grid-rows: auto 1fr auto;
	grid-template-rows: auto auto;
}
.lead_col .image p:first-child {
	-ms-grid-row: 1; -ms-grid-row-span: 3; grid-row: 1 / 3;
	-ms-grid-column: 1; grid-column: 1;
}
.lead_col .image p:nth-child(4) {
	-ms-grid-row: 3; grid-row: 2;
	-ms-grid-column: 3; -ms-grid-column-span: 3; grid-column: 2 / 4;
	align-self: end;
}
.lead_col .image p:last-child {
	-ms-grid-row: 1; -ms-grid-row-span: 3; grid-row: 1 / 3;
	-ms-grid-column: 7; grid-column: 4;
}

/* IE11用 */
.lead_col .image p:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3;}
.lead_col .image p:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5;}

@media screen and (max-width: 600px) {
	.lead_col { margin-top: 10px;}
	.lead_col .inner { display: block; padding-bottom: 0; background: none;}
	.lead_col .inner h2,
	.lead_col .inner div p {
		white-space: normal;
		-webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb;
	}
	.lead_col .inner h2 {
		padding: 40px 4% 20px; margin: 0 0 10px;
		background: url(../img/bg_accent.png) no-repeat 75px center;
		-webkit-background-size: auto 100%; background-size: auto 100%;
		font-size: 22px;
	}
	.lead_col .inner div { display: block; width: 92%; margin: 0 auto;}
	.lead_col .inner div p { line-height: 1.8;}
	.lead_col .inner div p:not(:last-child) { margin: 0 0 15px;}
	.lead_col .inner div .attention { padding: 0 10px;}

	.lead_col .image {
		-ms-grid-columns: 32.6% 1fr 32.6% 1fr 33.3%;
		grid-template-columns: 32.6% 32.6% 33.3%;
		-ms-grid-rows: auto auto 1fr auto;
		grid-template-rows: auto auto auto;
	}
	.lead_col .image p:first-child {
		-ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1;
		-ms-grid-column: 1; -ms-grid-column-span: 5; grid-column: 1 / 4;
	}
	.lead_col .image p:nth-child(4) {
		-ms-grid-row: 4; grid-row: 3;
		-ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / 3;
		-ms-grid-row-align: end; align-self: end;
	}
	.lead_col .image p:last-child {
		-ms-grid-row: 2; -ms-grid-row-span: 3; grid-row: 2 / 4;
		-ms-grid-column: 5; grid-column: 3;
	}

	/* IE11用 */
	.lead_col .image p:nth-child(2) { -ms-grid-row: 2; -ms-grid-column: 1;}
	.lead_col .image p:nth-child(3) { -ms-grid-row: 2; -ms-grid-column: 3;}
}


/* ---------------------------------------------------
.section
------------------------------------------------------ */
.section { padding: 95px 0 105px;}
.section .inner {
	display: -ms-grid; display: grid;
	-ms-grid-rows: auto auto;
	grid-template-rows: auto auto;
	justify-content: space-between;
	width: 1400px; max-width: 96%; margin: 0 auto;
}
.section .tit {
	-ms-grid-row-align: end; align-self: end;
	margin: 0 0 30px; text-align: left;
}
.section .tit span { text-indent: 0;}
.section .btn_col { margin: 40px 0 0;}
.section .btn { display: block; padding: 10px 5px;}
.section .btn:not(:first-child) { margin: 8px 0 0;}

.section.layout1 .inner {
	-ms-grid-columns: 28% 1fr 68.6%;
	grid-template-columns: 28% 68.6%;
}
.section.layout1 .tit {
	-ms-grid-row: 1; -ms-grid-column: 1;
}
.section.layout1 .flexslider {
	-ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / 3;
	-ms-grid-column: 3; grid-column: 2;
}
.section.layout1 .detail {
	-ms-grid-row: 2; -ms-grid-column: 1;
}

.section.layout2 .inner {
	-ms-grid-columns: 68.6% 1fr 28%;
	grid-template-columns: 68.6% 28%;
}
.section.layout2 .tit {
	-ms-grid-row: 1; -ms-grid-column: 3;
}
.section.layout2 .flexslider {
	-ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / 3;
	-ms-grid-column: 1; grid-column: 1;
}
.section.layout2 .detail {
	-ms-grid-row: 2; -ms-grid-column: 3;
}

@media screen and (max-width: 600px) {
	.section { padding: 40px 0 50px;}
	.section .inner { display: block; width: 92%;}
	.section .tit { margin-bottom: 15px;}
	.section .detail { margin: 40px 0 0;}
	.section .btn_col { margin-top: 20px;}
	.section .btn { display: block; padding: 10px 5px;}
	.section .btn:not(:first-child) { margin: 8px 0 0;}
}


/* ---------------------------------------------------
#plan_col
------------------------------------------------------ */
#plan_col { padding: 75px 0 80px;}
#plan_col .attention { margin: 15px 0 50px; text-align: center;}
#plan_col .attention p {
	display: inline-block; border-bottom: 1px solid #a37b2e;
	color: #a37b2e; font-size: 20px;
}
#plan_col .attention span { font-size: 28px;}

#recommend_489ban { margin: 45px 0 60px; position: relative;}
#recommend_489ban .PlanView {
	display: -webkit-flex !important; display: -ms-flex !important; display: flex !important;
	justify-content: space-between; width: 900px !important;
	padding: 25px; margin: 0 35px; background: rgba(255, 255, 255, 0.7);
}
#recommend_489ban .picture { width: 460px; height: 300px; text-align: center;}
#recommend_489ban .main_picture { height: 100%;}
#recommend_489ban .picture a { display: block; height: 100%;}
#recommend_489ban .picture img {
	height: 100%; margin: 0 auto;
	object-fit: cover; font-family: 'object-fit: cover;';
}
#recommend_489ban .explan { -ms-align-self: center; align-self: center; width: 345px;}
#recommend_489ban .plan { margin: 0 0 30px; font-size: 18px;}
#recommend_489ban .comment { display: none;}
#recommend_489ban .btn { padding: 10px; min-width: 200px;}

#plan_col .bnr_col { width: 1100px; max-width: 96%; margin: 0 auto 55px;}
#plan_col .bnr_col a { display: block;}
#plan_col .bnr_col a:not(:first-child) { margin: 25px 0 0;}

#plan_col .btn_reserve { display: block; width: 300px; padding: 15px 10px; margin: 0 auto;}

@media screen and (max-width: 600px) {
	#plan_col { padding: 45px 0 50px;}
	#plan_col .tit { margin: 0 4%;}
	#plan_col .attention { padding: 0 4%; margin-bottom: 20px;}
	#plan_col .attention p { font-size: 16px; text-align: left; text-decoration: underline; border: none;}
	#plan_col .attention span { font-size: 20px;}

	#recommend_489ban { margin: 20px 0 30px;}
	#recommend_489ban .PlanView {
		display: inline-block !important; width: 92% !important;
		padding: 20px; margin: 0 4%;
	}
	#recommend_489ban .picture,
	#recommend_489ban .explan { width: auto;}
	#recommend_489ban .picture { width: 100%; height: calc( (92vw - 40px) * 0.65); text-align: center;}
	#recommend_489ban .explan { margin: 15px 0 0;}
	#recommend_489ban .plan { margin-bottom: 15px; font-size: 16px;}
	#recommend_489ban .btn { width: 100%; min-width: 0;}

	#plan_col .bnr_col { width: 92%; margin-bottom: 30px;}
	#plan_col .bnr_col a:not(:first-child) { margin-top: 15px;}

	#plan_col .btn_reserve { width: 92%;}
}



/* ---------------------------------------------------
#news_col
------------------------------------------------------ */
#news_col { padding: 75px 0 85px;}
#news_col .tit { margin: 0 0 40px;}
#news_col .inner,
#news_col .bnr_col { width: 1100px; max-width: 96%; margin: 0 auto;}

#news_col .inner { margin-bottom: 70px;}
#news_col .inner::after { content: ""; display: block; clear: both;}
#blog_col { width: 535px; float: left;}
#blog_col h3 { margin: 0 0 25px; font-size: 22px;}
#blog_col ul { margin: 0 0 20px;}
#blog_col li { display: -webkit-flex; display: -ms-flex; display: flex;}
#blog_col li:not(:last-child) { margin: 0 0 15px;}
#blog_col li .date { flex-shrink: 0; color: #977441;}
#blog_col li a { padding: 0 0 0 10px;}
#blog_col .btn { min-width: 200px; padding: 10px;}

#fb_col { width: 480px; float: right;}

#news_col .bnr_l { margin: 0 0 30px;}
#news_col .bnr_l a:not(:last-child) { margin: 0 0 15px;}

#news_col .bnr_s {
	display: -webkit-flex; display: -ms-flex; display: flex;
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
#news_col .bnr_s a { max-width: calc( (100% - 50px) / 3 ); margin: 0 25px 10px 0;}
#news_col .bnr_s a:nth-child(3n) { margin-right: 0;}
#news_col .bnr_s a:last-child { margin-right: auto;}

@media screen and (max-width: 600px) {
	#news_col { padding: 50px 4% 60px;}
	#news_col .tit { margin-bottom: 20px;}
	#news_col .inner,
	#news_col .bnr_col { width: 100%; max-width: none;}

	#news_col .inner { margin-bottom: 20px;}
	#blog_col,
	#fb_col { width: auto; float: none;}
	#blog_col { margin: 0 0 30px; position: relative;}
	#blog_col h3 { padding: 5px 0; margin-bottom: 5px; font-size: 18px;}
	#blog_col ul { margin: 0;}
	#blog_col li { display: block; line-height: 1.5;}
	#blog_col li:not(:last-child) { margin-bottom: 10px;}
	#blog_col li .date { display: block; font-size: 13px;}
	#blog_col li a { padding: 0;}
	#blog_col .btn { min-width: 0; padding: 5px 10px; position: absolute; top: 0; right: 0;}

	#news_col .bnr_l { margin-bottom: 20px;}
	#news_col .bnr_l a:not(:last-child) { margin-bottom: 10px;}

	#news_col .bnr_s a { max-width: 49%; margin: 0 2% 2% 0;}
	#news_col .bnr_s a:nth-child(3n) { margin-right: 2%;}
	#news_col .bnr_s a:nth-child(2n) { margin-right: 0;}
}



/* ---------------------------------------------------
#access_col
------------------------------------------------------ */
#access_col { padding: 125px 0 130px; position: relative; background: rgba(255,255,255,0.3);}
#access_col .inner { width: 1100px; max-width: 96%; margin: 0 auto;}
#access_col .detail { width: 450px;}
#access_col .detail .tit { margin: 0 0 20px; text-align: left;}
#access_col .detail .tit span { text-indent: 0;}
#access_col .detail .tit span span {
	display: inline-block; margin: 0 0 0 17px; font-size: 18px;
	letter-spacing: 2px; vertical-align: text-bottom;
}
#access_col .image {
	width: calc( 100% - ((100% - 1100px) / 2 + 395px) ); height: 100%;
	position: absolute; top: 0; right: 0; overflow: hidden; text-align: left;
}
#access_col .image img { max-width: none; height: 100%; left: 0;}
#access_col .btn { display: block; width: 450px; padding: 15px 10px; margin: 45px 0 0;}

@media screen and (max-width: 600px) {
	#access_col { padding: 50px 0 60px;}
	#access_col .inner { width: 100%; max-width: none;}
	#access_col .detail { width: 92%; margin: 0 auto;}
	#access_col .detail .tit { margin-bottom: 10px;}
	#access_col .detail .tit span span { margin-left: 10px; font-size: 14px;}
	#access_col .image { width: 100%; max-width: none; height: auto; position: static;}
	#access_col .image img { width: 100%; height: auto;}
	#access_col .btn { width: 92%; margin: 0 auto;}
}