@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*font*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;600&display=swap");
/*@import url('https://fonts.googleapis.com/css2?family=agenda:wght@600&display=swap');*/
@font-face { font-family: 'Agenda-Light'; font-style: normal; font-weight: normal; src: url(../fonts/ufonts.com_agenda-light.woff) format("woff"); }
/*@font-face {
	font-family: "Agenda-Bold";
	src: url(../fonts/ufonts.com_agenda-bold.woff) format('woff'); font-weight: 400; font-style: normal;
}*/
/*layout*/
/*----------------------------------------------------
	楽天パーツ
----------------------------------------------------*/
#htlRmSrch { top: 1400px; }

#upfrntPlans { top: 2250px; }

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

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

/*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;'; }

/*----------------------------------------------------
	緊急ニュース
----------------------------------------------------*/
#special-news { margin-top: 20px; }
#special-news a { display: block; text-align: center; color: #000000; text-decoration: underline; transition: all 0.5s; }
#special-news a:hover { opacity: .7; }

.bn { margin-top: 30px; text-align: center; }
.bn a { display: block; margin-bottom: 20px; }
.bn a:last-child { margin-bottom: 0; }

/*----------------------------------------------------
	導入
----------------------------------------------------*/
#lead { padding-top: 35px; }
#lead .wrp { /*max-width: 990px;*/ padding-left: 0; padding-right: 0; }
#lead .wrp iframe { width: 2000px; height: 830px; margin-left: -405px; }
#lead .wrp .flex { margin-top: 15px; }
#lead .wrp .flex h3 { font-size: 28px; line-height: 2; padding-left: 40px; padding-right: 40px; letter-spacing: 1.5px; }
#lead .wrp .flex.lead02 img { width: 272px; height: 100%; margin-top: -125px; /*margin-left: 120px;*/ }
#lead .wrp .flex.lead02 p { margin-left: 95px; width: 640px; }

.top .column { max-width: 1100px; }

/*----------------------------------------------------
	プラン
----------------------------------------------------*/
#plan { padding-top: 100px; }
#plan header.large { margin-bottom: 30px; }
#plan header.large h4 { font-size: 15px; font-family: "Noto Sans", "Noto Sans JP", "Open Sans", sans-serif; color: #717171; font-weight: bold; margin-top: 10px; }
#plan ul { display: flex; }
#plan ul li { width: 373px; margin-left: 35px; }
#plan ul li:first-child { margin-left: 0; }
#plan ul li img { margin-bottom: 20px; }
#plan ul li p { padding-left: 10px; padding-right: 10px; }
#plan ul li p::before { display: block; width: 0; height: 0; margin-top: calc((1 - 2) * .5em); content: ""; }
#plan ul li p::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 2) * .5em); content: ""; }

/*----------------------------------------------------
	lounge
----------------------------------------------------*/
#lounge { padding-top: 150px; }
#lounge header.large { margin-bottom: 30px; }
#lounge header.large h4 { font-size: 15px; font-family: "Noto Sans", "Noto Sans JP", "Open Sans", sans-serif; color: #717171; font-weight: bold; margin-top: 10px; }
#lounge .lounge_text { margin-bottom: 75px; }
#lounge .lounge_text iframe { width: 1190px; height: 720px; margin-bottom: 20px; }
#lounge .lounge_text p { width: 940px; margin-left: auto; margin-right: auto; font-size: 20px; font-weight: 300; line-height: 1.5; }
#lounge .flex { justify-content: space-between; }
#lounge .flex div { width: 385px; }
#lounge .flex div h3 { font-size: 20px; padding: 15px 10px 10px 10px; }
#lounge .flex div p { padding-left: 10px; padding-right: 10px; }

/*----------------------------------------------------
	room
----------------------------------------------------*/
#room { padding-top: 150px; }
#room header.large { margin-bottom: 30px; }
#room header.large h4 { font-size: 15px; font-family: "Noto Sans", "Noto Sans JP", "Open Sans", sans-serif; color: #717171; font-weight: bold; margin-top: 10px; }
#room .flex { margin-right: -405px; margin-left: -405px; }
#room .flex iframe { width: 1000px; height: 720px; }

/*----------------------------------------------------
	breakfast
----------------------------------------------------*/
#br { padding-top: 150px; }
#br header.large { margin-bottom: 30px; }
#br header.large h4 { font-size: 15px; font-family: "Noto Sans", "Noto Sans JP", "Open Sans", sans-serif; color: #717171; font-weight: bold; margin-top: 10px; }
#br iframe { width: 1190px; height: 875px; }

/*----------------------------------------------------
	restaurant
----------------------------------------------------*/
#res { padding-top: 150px; }
#res header.large { margin-bottom: 30px; }
#res header.large h4 { font-size: 15px; font-family: "Noto Sans", "Noto Sans JP", "Open Sans", sans-serif; color: #717171; font-weight: bold; margin-top: 10px; }
#res iframe { width: 2000px; height: 690px; margin-left: -405px; }

/*----------------------------------------------------
	facilities
----------------------------------------------------*/
#fc { padding-top: 150px; }
#fc header.large { margin-bottom: 30px; }
#fc header.large h4 { font-size: 15px; font-family: "Noto Sans", "Noto Sans JP", "Open Sans", sans-serif; color: #717171; font-weight: bold; margin-top: 10px; }
#fc .flex { margin-right: -405px; margin-left: -405px; }
#fc .flex iframe { width: 1000px; height: 720px; }

/*----------------------------------------------------
	アクセス
----------------------------------------------------*/
#access { padding-top: 150px; }
#access header.large { margin-bottom: 30px; }
#access header.large h4 { font-size: 15px; font-family: "Noto Sans", "Noto Sans JP", "Open Sans", sans-serif; color: #717171; font-weight: bold; margin-top: 10px; }
#access #map_box { height: 440px; }
#access .text { margin-top: 30px; margin-left: 120px; }
#access .text p { font-size: 22px; }

/*----------------------------------------------------
	過ごし方
----------------------------------------------------*/
#stay { padding-top: 200px; }
#stay .flex { justify-content: space-between; }
#stay .flex div a { color: #fff; font-size: 30px; display: flex; align-items: center; justify-content: center; width: 590px; height: 125px; background-color: #acacac; transition: all 0.5s; }
#stay .flex div a:hover { opacity: 0.5; }

/*----------------------------------------------------
	インスタ
----------------------------------------------------*/
#insta { padding-top: 105px; }
#insta .tit { display: flex; justify-content: center; align-items: center; margin-bottom: 15px; }
#insta .tit img { margin-right: 15px; }
#insta .tit h3::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1) * .5em); content: ""; }
#insta .tit h3::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1) * .5em); content: ""; }
#insta iframe { width: 2000px; height: 347px; margin-left: -405px; }
#insta .inst_demo { max-width: 2000px; height: 100%; margin-left: -405px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #e3e1e1; border-bottom: 1px solid #e3e1e1; }

/*insta.html内*/
#instafeed { display: flex; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #e3e1e1; border-bottom: 1px solid #e3e1e1; }
#instafeed .insta-item { width: 325px; height: 325px; position: relative; overflow: hidden; }
#instafeed .insta-item img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; }
#instafeed .insta-item p { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); color: #FFF; opacity: 0; transition: .5s; padding: 30px; display: flex; flex-direction: column; justify-content: center; }
#instafeed .insta-item p span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; }
#instafeed .insta-item:hover p { opacity: 1; }
#instafeed > div { width: 325px; height: 325px; flex-shrink: 0; flex-grow: 0; /*&.text{
	background-color: #FFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	p{
		line-height: 1;
		font-family: $agenda;
	}
	.account{
		font-size: 18px;
		&:before{
			@include content;
			background: url("../idx/ist_logo.png") no-repeat center center / contain;
			width: 30px;
			height: 30px;
			@include ma;
			margin-bottom: 20px;
		}
	}
	.follow{
		margin-top: 20px;
		font-size: 15px;
	}
}*/ }
#instafeed > div + div { margin-left: 10px; }

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