@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*font*/
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap");
@font-face { font-family: "optima"; src: url("../fonts/OptimaLTStd.otf") format("opentype"); }
/*layout*/
/*----------------------------------------------------
	楽天パーツ
----------------------------------------------------*/
#htlRmSrch { top: 1100px; }

#upfrntPlans { top: 1780px; }

#htlSide-A #latest_cstm_review { top: 2065px !important; }

/*----------------------------------------------------
	メインビジュアル
----------------------------------------------------*/
/*#mv{
	width: 100%;
	height: 950px;
	position: relative;
	iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}*/
#mv #mv_bg { width: 2000px; /*height: 950px;*/ margin-left: -405px; overflow: hidden; }
#mv #mv_bg iframe { width: 2000px; /*height: 950px;*/ }

.sample_mv { width: 2000px; margin-left: -405px; position: relative; }
.sample_mv img { max-width: 2000px; }
.sample_mv:after { content: ''; display: block; width: 2000px; height: 180px; position: absolute; bottom: 0px; left: 0; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); }
.sample_mv .logo { position: absolute; top: 40px; left: 415px; }

/*iframe mv.html内*/
.video_wrp { position: relative; }
.video_wrp .logo { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; z-index: 1; transform: translateY(-50%); display: none; }

#video { width: 100%; height: 950px; position: relative; z-index: 0; object-fit: cover; object-position: center center; font-family: 'object-fit: cover; object-position: center center;'; }

/*----------------------------------------------------
	客室アメニティ/貸出備品
----------------------------------------------------*/
#faci { margin-top: 60px; background: #ebebeb; padding: 40px 30px; }
#faci .content { display: flex; gap: 50px; }
#faci .content .ame, #faci .content .rent { width: 540px; }
#faci .content .ame .tit04, #faci .content .rent .tit04 { color: #7e3838; padding-bottom: 10px; }
#faci .content .ame p, #faci .content .rent p { letter-spacing: 0.05em; }

/*# sourceMappingURL=room.css.map */