/*-----------------
lebelm
------------------*/
.single-column #htlMainContent {
	margin-top:8px !important;
}

/*contents*/
#NOBOMANwrapper .center_wrap{
	width: 90%;
	max-width: 1128px;
	margin: 0 auto;
}
#NOBOMANwrapper .red {
	color:#c24a09;
}
#NOBOMANwrapper .w100 {
	width:100%;
	height:auto;
}
#NOBOMANwrapper h3 {
	position: relative;
}
#NOBOMANwrapper h3 .scrolldown {
	position: absolute;
	bottom: -10px;
	left: 50%;
}
#NOBOMANwrapper h3 .scrolldown::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -10px;
	background: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/revelm_scroll.png) no-repeat;
	background-size: auto;
	height: 20px;
	width: 20px;
	background-size: contain;
	z-index: 999;
	animation: circlemove 2s ease-in-out infinite, cirlemovehide 2s ease-out infinite;
}
#NOBOMANwrapper h3 .scrolldown::after {
	content: "";
	position: absolute;
	bottom: -45px;
	left: 0;
	width: 1px;
	height: 140px;
	background: linear-gradient(#958567,#c0b294);
	z-index: 3;
}
@keyframes circlemove {
	0% {
		bottom: 75px;
	}
	100% {
		bottom: -45px;
	}
}
@keyframes cirlemovehide {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	80% {
		opacity: 0.9;
	}
	100% {
		opacity: 0;
	}
}

/* slider */
#NOBOMANwrapper .slider {
	position: relative;
	z-index: 100;
	background-size: cover;
	width: 100%;
	height: 200px;
	overflow: hidden;
	animation: loop 50s linear infinite;
	margin-top: 0;
	border-bottom: 10px solid #593e35;
}
#NOBOMANwrapper #lebelm_sec01 .slider {background: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/sec01_slide.jpg) repeat-x 50% 50%;}
#NOBOMANwrapper #lebelm_sec02 .slider {background: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/sec02_slide.jpg) repeat-x 50% 50%;}
#NOBOMANwrapper #lebelm_sec03 .slider {background: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/sec03_slide.jpg) repeat-x 50% 50%;}
#NOBOMANwrapper #lebelm_sec04_01 .slider {background: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/sec04_01_slide.jpg) repeat-x 50% 50%;}
#NOBOMANwrapper #lebelm_sec04_02 .slider {background: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/sec04_02_slide.jpg) repeat-x 50% 50%;}

@keyframes loop {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -2057px 0;
    }
}


/* lebelm_intro */
#NOBOMANwrapper .lebelm_intro .txt{
	background-image: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/lounge_img_01.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 1128 / 1853;
	position: relative;
	z-index:0;
}
#NOBOMANwrapper .lebelm_intro .txt dl{
	position:absolute;
	bottom: 80px;
	left: 0;
	right: 0;
	z-index: 1;
	width: 80%;
	max-width: 900px;
	margin: 30px auto 0;
	padding: 15px 20px;
	background-color: #ebdcc5;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 15px;
}
#NOBOMANwrapper .lebelm_intro .txt dl dt {
	color: #fff;
	background-color: #5e3a21;
	padding: 10px;
	width: 120px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 20px;
	min-height: 50px;
	box-sizing: border-box;
}
#NOBOMANwrapper .lebelm_intro .txt dl dd {
	font-size: 15px;
	padding: 0;
	width: 290px;
	margin: 0;
}

/* lebelm_dish */
#NOBOMANwrapper .lebelm_dish .txt{
	background-image: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/dish_img.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 1128 / 907;
	padding:calc( 49% + 30px ) 0 0;
	box-sizing: border-box;
}
#NOBOMANwrapper .lebelm_dish .txt p {
	text-align: center;
	line-height: 2;
}
#NOBOMANwrapper .lebelm_dish .txt .time {
	width: 600px;
	margin: 20px auto 0;
	padding: 20px 76px;
	background-color: #f8f3e9;
	border-top: #523604 1px solid;
	border-bottom: #523604 1px solid;
	box-sizing: border-box;
}
#NOBOMANwrapper .lebelm_dish .txt dl{	
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 0 0 10px;
}
#NOBOMANwrapper .lebelm_dish .txt dl dt {
	width: 110px;
	color: #c24a09;
}
#NOBOMANwrapper .lebelm_dish .txt dl dd {
	width: calc(100% - 110px);
	font-size: 15px;
	margin: 0;
}
#NOBOMANwrapper .lebelm_dish .txt span{
	letter-spacing: 0;
}

/* lebelm_roomlist */
#NOBOMANwrapper .lebelm_roomlist{
	background-color:#ffffff;
	padding: 50px 35px 70px;
}
#NOBOMANwrapper .lebelm_roomlist h3{
	margin: 0 auto 30px;
	width: fit-content;
}
#NOBOMANwrapper .lebelm_roomlist ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
}
#NOBOMANwrapper .lebelm_roomlist ul li{
	width:31%;
	max-width:330px;
}

#NOBOMANwrapper #lebelm_sec01,
#NOBOMANwrapper #lebelm_sec02,
#NOBOMANwrapper #lebelm_sec03,
#NOBOMANwrapper #lebelm_sec04_01,
#NOBOMANwrapper #lebelm_sec04_02{
	margin-top:-120px;
	padding-top:120px;

}

/* sec01 */
#NOBOMANwrapper #lebelm_sec01 .room_area{
	background-image: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/sec01_img_01.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 1128 / 1464;
	box-sizing: border-box;
	position:relative;
	z-index:1;
}
#NOBOMANwrapper #lebelm_sec01 .room_area .madori{
	background-image: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/sec01_madori.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	width:360px;
	height:592px;
	position:absolute;
	top: 34%;
	left: 40px;
	z-index:2;	
	padding: 512px 0 0;
	box-sizing: border-box;
	text-align: center;
}

/* sec02 */
#NOBOMANwrapper #lebelm_sec02 .room_area{
	background-image: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/sec02_img_01.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 1129 / 1076;
	box-sizing: border-box;
	position:relative;
	z-index:1;
}
#NOBOMANwrapper #lebelm_sec02 .room_area .madori{
	background-image: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/sec02_madori.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	width:360px;
	height:577px;
	position:absolute;
	top: 39%;
	right: 40px;
	z-index:2;	
	padding: 497px 0 0;
	box-sizing: border-box;
	text-align: center;
}
/* sec03 */
#NOBOMANwrapper #lebelm_sec03 .room_area{
	background-image: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/sec03_img_01.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 1128 / 1019;
	box-sizing: border-box;
	position:relative;
	z-index:1;
}
#NOBOMANwrapper #lebelm_sec03 .room_area .madori{
	background-image: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/sec03_madori.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	width:360px;
	height:444px;
	position:absolute;
	top: 50%;
	left: 40px;
	z-index:2;	
	padding: 364px 0 0;
	box-sizing: border-box;
	text-align: center;
}

/* lebelm_sec04 */
#NOBOMANwrapper #lebelm_sec04_01 .room_area_01{
	background-image: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/sec04_img_01.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 1129 / 985;
	box-sizing: border-box;
	position:relative;
	z-index:1;
}
#NOBOMANwrapper #lebelm_sec04_01 .room_area_01 .madori{
	background-image: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/sec04_madori_01.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	width:360px;
	height:513px;
	position:absolute;
	top: 39%;
	right: 40px;
	z-index:2;	
	padding: 433px 0 0;
	box-sizing: border-box;
	text-align: center;
}
#NOBOMANwrapper #lebelm_sec04_02 .room_area_02{
	background-image: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/sec04_img_02.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 1129 / 860;
	box-sizing: border-box;
	position:relative;
	z-index:1;
}
#NOBOMANwrapper #lebelm_sec04_02 .room_area_02 .madori{
	background-image: url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/sec04_madori_02.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	width:360px;
	height:519px;
	position:absolute;
	top: 30%;
	left: 40px;
	z-index:2;	
	padding: 439px 0 0;
	box-sizing: border-box;
	text-align: center;
}

/* lebelm_sec04 */
#NOBOMANwrapper  .hospitality{
	background:  url(https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/hospitality_bg.jpg),linear-gradient(0deg, rgb(249,246,246) 0%, rgb(255,255,255) 25%, rgb(252,252,252) 74%, rgb(248,248,248) 100%);
	background-position: center bottom,top;
	background-repeat: no-repeat;
	padding:70px 40px 80px;
}
#NOBOMANwrapper  .hospitality h3{
	text-align:center;
	margin: 0 0 20px;
}
#NOBOMANwrapper  .hospitality h3 + p{
	text-align:center;
	margin: 0 0 30px;
}
#NOBOMANwrapper  .hospitality .flex_box{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#NOBOMANwrapper  .hospitality .flex_box li{
	line-height: 23px;
}
#NOBOMANwrapper  .hospitality .flex_box li h4{
	margin: 0 0 15px;
}
#NOBOMANwrapper  .hospitality .flex_box li img{
	display:block;
	width:100%;
	height: auto;	
	margin: 0;
}
#NOBOMANwrapper  .hospitality .flex_box li span{
	color:#ad2f14;
	font-weight:500;
}
#NOBOMANwrapper  .hospitality .flex_box li span.note{
	display:inline-block;
	margin-top:10px;
}
#NOBOMANwrapper  .hospitality .flex_box li:nth-of-type(1),
#NOBOMANwrapper  .hospitality .flex_box li:nth-of-type(2){
	width: 49%;
	max-width: 504px;
	margin: 0 0 40px;
}
#NOBOMANwrapper  .hospitality .flex_box li.relax_time{
	position:relative;
}

#NOBOMANwrapper  .hospitality .flex_box li.relax_time:after{
	content: "";
	position: absolute;
	top: -20px;
	left: -11px;
	width: 199px;
	height: 66px;
	z-index: 900;
	background: url("https://www.noboribetsu-manseikaku.jp/rakuten2025/images/levelm/hospitality_relax_ttl.png") top center no-repeat;
}
#NOBOMANwrapper  .hospitality .flex_box li.relax_time img{
	box-shadow: 1px 1px 5px 0px rgba(90, 90, 90, 0.3);
}

/* footer */
#NOBOMANwrapper #footer {
	margin: 0;
}