@charset "utf-8";

#hanare01,
#hanare03,
#room02 .box02,
#room03 .box02{
	margin-top: -80px;
	z-index: 9;
}
.room_setion .box02 .image.large{
	width: 1100px;
}

.room_information{
	align-items: flex-start;
}
.room_section .madori_btn{
	width: calc(50% - 32px);
}
.room_section .madori_btn .search_btn {
	width: 100%;
}
.room_section .madori{
	padding: 32px;
	background-color: #FFF;
	border-radius: 24px;
	text-align: center;
}
.room_information .detail{
	width: calc(50% - 32px);
}
.room_information .detail .search_btn{
	width: 100%;
}
.room_information .detail .detail-movie iframe,
.washitsu_list .detail-movie iframe {
	display: block;
	width: 100%;
	height: 292px;
}
#hanare02.bg01:before{
	height: calc(100% - 80px);
	top: auto;
	bottom: 0;
}
.room08_list li{
	width: 150px;
	padding-top: 168px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	line-height: 1.2;
	max-width: calc(50% - 16px);
}
.room08_list li.wifi{
	background-image: url("../images/room/home08_list_wifi.png");
}
.room08_list li.aircon{
	background-image: url("../images/room/home08_list_aircon.png");
}
.room08_list li.tv{
	background-image: url("../images/room/home08_list_tv.png");
}
.room08_list li.fridge{
	background-image: url("../images/room/home08_list_fridge.png");
}


@media screen and (max-width: 540px){
	#hanare01, #hanare03, #room02 .box02, #room03 .box02{
		margin-top: 0;
	}
	.room_section .box02 .title05{
		justify-content: center;
	}
	.room_section .box02 .title05 .label{
		text-align: center;
	}
	.room_section .madori_btn{
		width: 100%;
		margin-top: 32px;
	}
	.room_information .detail{
		width: 100%;
	}
	.room_information .detail .btn01 {
		margin-right: auto;
	}
	.room_information .detail .detail-movie iframe,
	.washitsu_list .detail-movie iframe {
		height: 54vw;
	}
}


/* 20250716 - アンカーにリニューアルアイコン */
.icn-renew {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	left: -10px;
	top: -10px;
	width: 106px;
	height: 96px;
	color: #fff;
	text-align: center;
	z-index: 1;
	background-image: url(../images/room/icn-renew-bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.icn-renew > span {
	display: block;
	width: 100%;
	text-align: center;
}
@media screen and (max-width: 540px){
	.icn-renew {
		width: 73px;
		height: 73px;
		top: 50%;
		left: 64px;
		transform: translateY(-50%);
	}
	.icn-renew > span {
		font-size: 1.6rem;
	}
	.icn-renew + a .text {
		padding-left: 60px;
	}
}


/* 20250716 - 離れにアンカーリンク追加 */
.hanare-navi.page_nav03 li a .image {
	height: 72px;
}
.hanare-navi .icn-renew {
	width: 77px;
	height: 77px;
	right: -5px;
	left: auto;
	top: -14px;
	transform: translateY(0%);
}
.hanare-navi .icn-renew span.fz18 {
	font-size: 1.4rem;
}
@media screen and (max-width: 540px){
	.hanare-navi.page_nav03 {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.hanare-navi.page_nav03 li a .image {
		height: 46px;
	}
	.hanare-navi .icn-renew {
		width: 49px;
		height: 49px;
	}
	.hanare-navi .icn-renew span.fz18 {
		font-size: .9rem;
	}
}


/* 20250716 - 客室詳細にリニューアルアイコン*/
.room_section .icn-renew {
	width: 110px;
	height: 100px;
	top: -120px;
	background-image: url(../images/room/renew-circle.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0;
	background-color: transparent;
}
@media screen and (max-width: 540px){
	.room_section .icn-renew {
		top: -90px;
		left: 50%;
		transform: translateX(-50%);
		width: 90px;
		height: 82px;
	}
	.room_section .icn-renew span.fz18 {
		font-size: 1.6rem;
	}
}