/*guest-rooms CSS*/
.pgrooms.proom #pageMain .psec:last-of-type {
    margin-bottom: 200px;
}
.pgrooms .slide-text.flexbox {
    flex-wrap: nowrap;
    gap: 60px;
}
.pgrooms .details-box {
    width: 40%;
    min-width: 280px;
}
.pgrooms .details-box > p {
    margin-bottom: 40px;
}
.pgrooms.proom .details-box .wrap-dl {
    margin-bottom: 0;
}
.pgrooms .details-box dl {
    gap: var(--u-column);
    padding: 1.125em 0;
}
.pgrooms .details-box dl dt {
    flex: 1;
    min-width: initial;
}
.pgrooms .details-box dl dd {
    flex: 2;
}
@media only screen and (max-width:640px) {
	.pgrooms p {
		line-height: 1.85em;
	}
	.pgrooms.proom #pageMain .psec:last-of-type {
        margin-bottom: 120px;
    }
	.pgrooms .slide-text.flexbox {
        flex-wrap: wrap;
        gap: 36px;    
    }
	.pgrooms .details-box {
		width: 100%;
	}
	.pgrooms .details-box > p {
		margin-bottom: 30px;
	}
	.pgrooms .details-box dl {
		padding: 1.1em 0;
	}
}

/*box-intro*/
.pgrooms .box-intro {
    margin-bottom: 160px;
}
	.pgrooms .box-intro h5 {
		margin-bottom: 60px;
	}
@media only screen and (max-width:640px) {
	.pgrooms .box-intro {
        margin-bottom: 90px;
    }
        .pgrooms .box-intro h5 {
        font-size: 15px;
        margin-bottom: 36px;
        line-height: 2em;
    
    }
}

/*slide*/
.pgrooms .pslide {
    margin-bottom: 160px;
}
	.pgrooms .pslide:last-of-type {
		margin-bottom: 0;
	}
.pgrooms .pbox-r {
    margin-top: 80px;
	padding-left: 255px;
}
.pgrooms .pbox-r + .box-bt-right {
    margin-top: 70px;
}
@media only screen and (max-width:640px) {
	.pgrooms .list-s1 .pslide:not(:last-of-type) {
		margin-bottom: 90px;
	}
	.pgrooms .pbox-r,
	.pgrooms .pbox-r + .box-bt-right {
		margin-top: 36px;
	}
	.pgrooms .pbox-r {
		padding-left: 0;
	}
}

/**/
.pgrooms.proom .wrap-dl {
    margin-bottom: 40px;
}
.pgrooms.proom .noteGr {
    margin-bottom: 0;
}
.pgrooms.proom .sup {
    font-size: 70%;
    vertical-align: super;
}
.pgrooms.proom .note{
    font-size: 13px;
    margin-top: 16px;
}
@media only screen and (max-width:640px) {
    .roomList.list-s2 .pslide:not(:last-of-type) {
		margin-bottom: 120px;
	}
	.roomList.list-s2 .pslide {
		position: relative;
		padding-bottom: 52px;
	}
    .roomList.list-s2 .pslide.cus-2links {
        padding-bottom: calc(52px + 2.9em);
    }
        .cus-2links .t-bt-wrap br + a {
            margin-top: 1em;
        }
    .roomList.list-s2 .t-bt-wrap {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .roomList.list-s2 .slide-tit .t-tit-wrap {
        font-size: 17px;
        margin-top: -0.325em;    
    }
	.roomList.list-s2 .slide-tit .sl-jp-l {
        line-height: 1.75em;    
    }    
        
}

/**/
.proom .bt.bt-text.bt-slide {
    background-image: url("/share/im-hanano/ui/nr-next-gr-45.svg");
    background-size: 15px auto;
    padding-right: 25px;
}
@media only screen and (max-width:640px) {
    .proom .bt.bt-text.bt-slide {
        background-size: 13px auto;
        padding-right: 20px;
    }
}

/**/
.viewmore {
    display: block;
}
    .viewmore .slide-tit > .flexbox {
        padding-bottom: 0.5em;
        margin-bottom: calc(40px - 0.5em);
    }
.pgrooms a.bt-text.bt-more {
    border: 1px solid var(--cl-pageink);
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
    font-size: 16px;
    line-height: 23px;
    padding: 0.75em 1.25em;
    padding-right: 8em;
    background-position: right 1.25em center; 
}
    .pgrooms a.bt-text.bt-more:hover {
        background-image: var(--ui-bt-base-icon);
        color: #fff;
        background-color: var(--ui-bt-base-bgcolor);
    }
.pgrooms a.bt-text.bt-more + .t-bt-wrap {
     margin-top: 2em;
}
@media only screen and (max-width:640px) {
    .viewmore .slide-tit > .flexbox {
        margin-bottom: calc(18px - 0.5em);    
    }
}
@media only screen and (max-width:440px) {
    .pgrooms a.bt-text.bt-more {
        min-width: 50vw;
    }
}