@charset "utf-8";

section:not(:last-of-type){
    padding-bottom: 0;
}

.cap_inner{
    background: rgba(255,255,255,0.8) !important;
}

.mb80{
	margin-bottom: 80px;
}

.ttl_sp{
	display: none;
}
.ttl_pc{
	display: block;
}

/* MV */
.roomtype_mv{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.roomtype_mv_in{
	position: relative;
}

/* .roomtype_mv_in:before {
    animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;
    background: #eaeaea;
    bottom: 0;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

@keyframes img-wrap {
	100% {
		transform: translateX(100%);
	}
} */

.room_img_ttl{
	max-width: 200px;
	width: 100%;
	margin: 0 auto;
}
.room_img_ttl02{
	max-width: 100px;
	width: 100%;
	margin-left: auto;
	margin-bottom: 10px;
}
.room_img_ttl03{
	max-width: 100px;
	width: 100%;
	margin-right: auto;
	margin-bottom: 10px;
}
.room_img_ttl.ttl02{
	margin-bottom: 20px;
}

/* Gtype */
.room_g_flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.room_g_le{
	max-width: 490px;
	width: 49%;
}

.room_g_ri{
	max-width: 490px;
	width: 49%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.g_ri_item01{
	flex-grow: 1;
}

.g_ri_item02{
	width: 100%;
}

.g_ri_item03{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-top: 20px;
}

.g_ri_item04{
	max-width: 320px;
	width: 66%;
}

.g_ri_item05{
	max-width: 150px;
	width: 31%;
}

/* H type */
#roomtype .roomimg_h{
	padding-bottom: 80px;
}
.room_h_box{
	width: 100%;
}

.room_h_flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.room_h_item{
	max-width: 320px;
	width: 32%;
	margin-top: 20px;
}

/* HL type */

.room_hl_flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	/* gap: 20px; */
	margin-top: 20px;
}

.room_hl_item01{
	max-width: 490px;
	width: 49%;
}

.room_hl_item02{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 490px;
	width: 49%;
}
.room_hl_item03{
	width: 100%;
}

@media screen and (max-width: 1000px) {
.roomtype_top .cap{
	margin: 0 20px 0;
}
}

@media screen and (max-width: 768px) {

.room_img_ttl{
	max-width: 160px;
}

.room_img_ttl02{
	max-width: 90px;
}

.room_img_ttl03{
	max-width: 90px;
}
}

@media screen and (max-width: 650px) {

.ttl_sp{
	display: block;
}
.ttl_pc{
	display: none;
}

#roomtype .roomimg_h{
	padding-bottom: 0;
}

.room_img_ttl.ttl_sp{
	margin: 0 auto 20px;
	max-width: 160px;
}

.room_g_le{
	max-width: 400px;
	width: 100%;
	margin: 0 auto;
}

.g_le_item:last-of-type{
	margin-top: 10px;
}

.room_g_ri{
	max-width: 400px;
	width: 100%;
	margin: 0 auto;
}

.g_ri_item02{
	margin-top: 10px;
}
.g_ri_item03{
	margin-top: 10px;
}

.room_h_item {
    margin-top: 10px;
}
.room_hl_flex {
    margin-top: 10px;
}
}