@charset "utf-8";

.wp-block-columns.amenity-column {
    display: grid;
    grid-template-columns: 1fr 1fr;	
}

.stayinfo {
	max-width: var(--width-max);
	margin: auto;
}

.roombox ul{
	display: grid;
	grid-template-columns: 1fr;
	gap:50px 30px;
}
.roombox li {
	padding: 0 0 50px !important;
}
.roombox li p {
}
#stay small,.visual-room small {
	font-family: var(--mn);
	font-size: var(--font-h6);
	color: var(--opa-white07);
	letter-spacing: 1px;
}

/*+++++++++++++++
single
++++++++++++++++*/
.visual-room {
	max-width: var(--width-max);
	margin: 80px auto 0;
}

/*+++++++++++++++
checkin out
++++++++++++++++*/

.checkin_out {
	border: 1px solid var(--opa-white02);
	max-width: var(--flex-100);
	margin: 30px auto;
	padding: 20px 0 10px;
	box-sizing: border-box;
	display: block;
	grid-template-columns: 27% 73%;
}
.checkin_out div{
	display: flex;
	gap: 13px;
	color:var(--white);
	align-items: center;
	font-family: var(--mn);
	justify-content: center;
	margin: 0 0 5px;
}

.checkin_out h5 {
	margin:0;
	/* border-bottom: 1px solid var(--opa-white02); */
	padding: 0 20px 0 0;
	font-size: var(--font-h5);
}
.checkin_out p{
	font-family: var(--mn);
	font-size: var(--font-h6);
	color: var(--white);
}

@media screen and (min-width: 600px) {

.wp-block-columns.amenity-column {
    display: grid;
    grid-template-columns: repeat(4, 1fr);	
}

.roombox ul{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:50px 30px;
}
.roombox li {
	padding: 0 0 50px !important;
}
.roombox li p {
	font-size: var(--font-em);
}
#stay small,.visual-room small {
	line-height: var(--lh-md);
}

/*+++++++++++++++
single
++++++++++++++++*/
.visual-room {
}

/*+++++++++++++++
checkin out
++++++++++++++++*/

.checkin_out {
	display: flex;
	max-width: max-content;
	margin: 50px auto;
	padding: 20px 30px;
	box-sizing: border-box;
}
.checkin_out div{
	align-items: center;
	font-family: var(--mn);
	margin: 0;
}

.checkin_out h5 {
	margin:0;
	border-right: 1px solid var(--opa-white02);
	padding: 0 20px 0 0;
}
.checkin_out p{
	font-family: var(--mn);
}
}

@media screen and (min-width: 1024px) {

.stayinfo {
	max-width: var(--width-large);
	margin: auto;
}

	
.wp-block-columns.amenity-column {
    display: grid;
    grid-template-columns: repeat(4, 1fr);	
}

.roombox ul{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:50px 30px;
}
.roombox li {
	padding: 0 0 50px !important;
}
.roombox li p {
	font-size: var(--font-em);
}
#stay small {
}

/*+++++++++++++++
single
++++++++++++++++*/
.visual-room {
	max-width: var(--width-large);
	margin: 130px auto 0;
}

/*+++++++++++++++
checkin out
++++++++++++++++*/

.checkin_out h5 {
	margin:0;
	border-right: 1px solid var(--opa-white02);
	padding: 0 20px 0 0;
}
.checkin_out p{
	font-family: var(--mn);
}
}

@media screen and (min-width: 1200px) {

.wp-block-columns.amenity-column {
    display: grid;
    grid-template-columns: repeat(4, 1fr);	
}

.roombox ul{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:50px 30px;
}
.roombox li {
	padding: 0 0 50px !important;
}
.roombox li p {
	font-size: var(--font-em);
}
#stay small {
}

/*+++++++++++++++
single
++++++++++++++++*/
.visual-room {
	max-width: var(--flex-90);
	margin: 130px auto 0;
}

/*+++++++++++++++
checkin out
++++++++++++++++*/

.checkin_out h5 {
	margin:0;
	border-right: 1px solid var(--opa-white02);
	padding: 0 20px 0 0;
}
.checkin_out p{
	font-family: var(--mn);
}
}

@media screen and (min-width: 1400px) {
.visual-room {
	max-width: var(--width-full);
}
}