@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("https://rakuten5.jp/h4/0/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;'; }

/*----------------------------------------------------
	緊急ニュース
----------------------------------------------------*/
#special-news { background-color: #7e3838; }
#special-news a { display: block; text-align: center; padding: 10px 20px; color: #fff; }
#special-news a:hover { opacity: .7; }

/*----------------------------------------------------
	得旅
----------------------------------------------------*/
#cam { margin-top: 30px; }
#cam iframe { display: block; margin-left: auto; margin-right: auto; }

/*----------------------------------------------------
	導入
----------------------------------------------------*/
.lead { padding-top: 200px; position: relative; }
.lead .wrp { padding-left: 20px; padding-right: 20px; }
.lead .parallax { border-top-left-radius: 50%; border-top-right-radius: 50%; width: 2000px; height: 910px; margin-left: -405px; overflow: hidden; position: relative; }
.lead .parallax .bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip-path: inset(0); /*&:before{
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../../anpr/html/idx/lead01.jpg") no-repeat;
	background-size: cover;
	background-position: top center;
}*/ }
.lead .pra_cont { position: absolute; width: 800px; position: absolute; display: flex; flex-direction: column; top: 115px; left: 50%; translate: -50%; }
.lead .pra_cont .header { padding-bottom: 30px; }
.lead .pra_cont .header span { letter-spacing: .0em; }
.lead .maru { display: flex; }
.lead .maru div:first-child { position: relative; margin-top: -590px; }
.lead .maru div:last-child { position: relative; margin-top: -370px; margin-left: 120px; }
.lead .lead_content { padding-top: 50px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; position: relative; z-index: 1; }
.lead .lead_content .btn-01 { margin-right: 45px; }
.lead .lead_content .text { display: flex; gap: 25px; }

/*----------------------------------------------------
	導入
----------------------------------------------------*/
.lead02 { padding-top: 120px; /*padding-top: 200px;*/ position: relative; padding-bottom: 150px; /* .sticky-bg の高さより大きめにする */ position: relative; }
.lead02 .sticky-bg { width: 2000px; height: 650px; position: sticky; top: 2vw; margin-left: -405px; }
.lead02 .sticky-bg .video-bg { border-top-left-radius: 50%; border-top-right-radius: 50%; overflow: hidden; filter: brightness(0.7); }
.lead02 .sticky-bg .video-bg iframe { width: 2000px; height: 800px; }
.lead02 .pra_cont { width: 800px; display: flex; flex-direction: column; position: relative; z-index: 1; margin: 0 auto; padding-top: 130px; }
.lead02 .pra_cont .header { padding-bottom: 30px; }
.lead02 .pra_cont .header span { letter-spacing: .0em; }
.lead02 .pra_cont .text h3 { color: #fff; }
.lead02 .maru { margin-top: 50px; display: flex; position: relative; z-index: 1; /*justify-content: space-between;*/ gap: 230px; align-items: flex-end; }
.lead02 .maru div { /*&:first-of-type{
	
}*/ }
.lead02 .maru div:last-of-type { margin-bottom: -130px; /*min-width: 350px;
width: 30vw;
max-width: 417px;*/ }

#video01 { width: 100%; height: 697px; object-fit: cover; object-position: center center; font-family: 'object-fit: cover; object-position: center center;'; }

/*----------------------------------------------------
	導入
----------------------------------------------------*/
.lead_content { padding-top: 50px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; position: relative; z-index: 1; width: 950px; margin-right: auto; margin-left: auto; }
.lead_content .btn-01 { margin-right: 45px; }
.lead_content .text { display: flex; gap: 25px; }

.lead_content_notspa { padding-top: 50px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; position: relative; z-index: 1; width: 950px; margin-right: auto; margin-left: auto; }
.lead_content_notspa .btn02 { margin-top: 20px; }

/*----------------------------------------------------
	header
----------------------------------------------------*/
.header { display: flex; flex-direction: column; align-items: center; color: #7e3838; }
.header h2 { font-size: 160px; font-family: "Roboto", sans-serif; color: #7e3838; font-weight: 500; }
.header span { font-family: "optima", sans-serif; font-size: 25px; letter-spacing: .1em; }

.wrp .text h3 { font-size: 40px; font-weight: 600; letter-spacing: .1em; padding-bottom: 35px; line-height: 1.3em; }

.lead .wrp p, .room .wrp p { width: 680px; }

/*----------------------------------------------------
	ROOM
----------------------------------------------------*/
.room { padding-top: 120px; /*padding-top: 170px;*/ position: relative; z-index: 1; }
.room iframe { /*width: 2000px;
height: 760px;*/ margin-left: -405px; }
.room .room_content { padding-top: 35px; padding-bottom: 65px; display: flex; align-items: center; position: relative; z-index: 1; }
.room .room_content .t_box { display: flex; align-items: flex-start; gap: 82px; }
.room .room_content .header { padding-right: 75px; }
.room .room_content .header span { letter-spacing: .0em; }
.room .bg { position: absolute; z-index: -1; bottom: 0; width: 2000px; margin-left: -405px; }

/*iframe内*/
#sl_to_room { /* 中央以外のスライド */ /* 中央のスライド */ }
#sl_to_room .img { position: relative; }
#sl_to_room .img img { height: auto; /*transform: scale(.8);*/ transition: transform 1s; /*width: 100%;*/ /*margin-right: 30px;
margin-left: 30px;*/ }
#sl_to_room .img span { position: absolute; /*right: 30px;*/ /*right: 60px;*/ right: 41px; bottom: 0; background: #6a5e5e; padding-top: 12px; padding-bottom: 12px; color: #fff; font-size: 14px; width: 186px; height: 59px; display: flex; justify-content: center; align-items: center; text-align: center; line-height: 1.1em; }
#sl_to_room .slider .slick-center img { opacity: 1; /*transform: scale(1);*/ }

/*----------------------------------------------------
	breakfast
----------------------------------------------------*/
#sl_to_bf .bf_sliders { width: 100%; height: 750px; position: relative; }
#sl_to_bf .bf_sliders .slider-container.slide01 { top: 0; left: 0; width: 50%; height: 100%; position: absolute !important; }
#sl_to_bf .bf_sliders .slider-container.slide02 { top: 0; right: 0; width: 50%; height: 50%; position: absolute !important; }
#sl_to_bf .bf_sliders .slider-container.slide03 { top: 50%; right: 0; width: 50%; height: 50%; position: absolute !important; }

/*----------------------------------------------------
	stay
----------------------------------------------------*/
.st { padding-top: 120px; /*padding-top: 80px;*/ position: relative; z-index: 2; }
.st iframe { margin-left: 315px; }
.st .st_content { margin-top: -205px; }
.st .st_content .header { width: 185px; padding-bottom: 42px; }
.st .st_content .t_box { display: flex; justify-content: space-between; align-items: center; padding-bottom: 45px; }
.st .bg { position: absolute; bottom: 0; z-index: -1; width: 2000px; margin-left: -405px; }

/*----------------------------------------------------
	bf
----------------------------------------------------*/
.bf { /*margin-top: 85px;*/ margin-top: 120px; }
.bf iframe { min-width: 1190px; }
.bf .bf_content { width: 1151px; margin-right: auto; margin-left: auto; padding-top: 25px; display: flex; align-items: center; position: relative; z-index: 1; }
.bf .bf_content .header { padding-right: 75px; }
.bf .bf_content .text { width: 635px; margin-right: 61px; padding-top: 15px; }

/*----------------------------------------------------
	access
----------------------------------------------------*/
.access { padding-top: 120px; /*padding-top: 60px;*/ }
.access h2 { font-size: 70px; color: #7e3838; text-align: center; padding-bottom: 30px; font-family: "optima", sans-serif; }
.access .map { /*width: 950px;*/ width: 1190px; margin-left: auto; margin-right: auto; }
.access .text { width: 880px; margin-right: auto; margin-left: auto; margin-top: 55px; }
.access .text h3 { /*text-align: center;*/ text-align: left; }
.access .text .detail { display: flex; align-items: flex-start; justify-content: space-between; }

/*----------------------------------------------------
	news
----------------------------------------------------*/
.news { width: 2000px; margin-left: -405px; margin-top: 120px; /*margin-top: 38px;*/ border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; }
.news .ne_cont { width: 1070px; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; align-items: center; column-gap: 100px; }
.news .ne_cont h3 { letter-spacing: .13em; font-family: "optima", sans-serif; font-size: 30px; margin-left: 120px; }
.news .ne_cont ul { width: 850px; }
.news .ne_cont ul li { padding-top: 28px; padding-bottom: 28px; border-bottom: 1px solid #bbbbbb; }
.news .ne_cont ul li:last-of-type { border: none; }

#emergency { text-align: center; margin-top: 30px; }

/*----------------------------------------------------
	バナー
----------------------------------------------------*/
#cam_r { text-align: center; margin-top: 120px; text-align: center; margin-top: 120px; border: 1px solid #aaaaaa; padding: 50px; position: relative; padding-top: 70px; }
#cam_r h3 { position: absolute; left: 50%; translate: -50%; top: -5%; background: #fff; padding: 0; width: 380px; }
#cam_r .bn { margin-bottom: 15px; }
#cam_r .bn:last-child { margin-bottom: 0; }

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