/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 04 2026 | 06:07:41 */
.entry-content {
	padding-left: 0 !important;
	padding-right: 0 !important;
}


.page3_contents {
	width: 100vw !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.page3_contents>div {
	margin-left:0 !important;
	margin-right:0 !important;
}

.n2-section-smartslider {
	max-width: 90vw;
}

.bath-contents {
	max-width: 95vw;	
}

.subcontents-layout {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
    grid-template-areas:
        "main title"
        "main sub";
}
.subcontents-layout.reverse {
    grid-template-areas:
        "title main"
        "sub main";
}
.subcontents-layout > h4 {
    grid-area: title;
	align-self: end;
}

.subcontents-layout > figure {
    grid-area: main;
}

.subcontents-layout .subcontents-sub {
    grid-area: sub;
	justify-self: start;
}


@media (max-width: 767px) {
	.wp-block-cover {
		margin: 0 !important;
	}
	
	.page03-secton01 {
		max-width: 90vw;
		margin: 0 !important;
		flex-direction: column;
	}
	
	.room-class	{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.room-card {
		transform: scale(0.75);
	    position: static;
        width: 90%;
        margin: 0 auto;
        padding: 1rem;
	}
	
	.noview-room {
		flex-direction: column;
	}
	
	.pet-contents {
		padding: 0 !important;
	}
	
	.pet-house01 {
		flex-direction: column;
		padding: 0 !important;
	}
	
	.pet-house02 {
		width: 90vw;
		flex-direction: column !important;
		gap: 20px;
		align-items:center !important;
	}
	
	.pet-house02 h5 {
		text-align: center;
	}
	
	.subcontents-layout ,
	.subcontents-layout.reverse {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "title"
            "main"
            "sub";
    }
	.subcontents-layout > h4 {
        grid-area: title;
        align-self: start;
    }
	.subcontents-layout > figure ,
	.subcontents-layout.reverse > figure {
		max-width: 90vw;
	}
	.subcontents-layout > figure.img ,
	.subcontents-layout.reverse >figure.img {
		max-width: 90vw;
	}
	.subcontents-sub > figure ,
	.subcontents-sub.reverse > figure {
		max-width: 45vw;
	}
	.subcontents-sub img ,
	.subcontents-sub.reverse img {
		max-width: 45vw;
	}
	
	.bath-contents-master {
		padding-left: 2vw !important;
		padding-right: 2vw !important;
	}
    .bath-contents {
		padding-left: 2vw !important;
		padding-right: 2vw !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.bath-contents > dl,
	.bath-contents dd {
		max-width: 95vw;
	}
	.bath-title {
	   width: 95vw;
	   flex-direction: column;
	}
	
	.facilities-contents {
		padding-left:2vw;
		padding-right:2vw;
	}
	
	.park01 img,
	.park01 figure,
	.park02 img,
	.park02 figure { 
		width: 80vw !important;
		max-width: 80vw !important;
	}

	.park01 {
		flex-direction: column;
		flex-direction: column-reverse;
	}
	.park02 {
		flex-direction: column;		
	}
	
	.ev-contents {
		display: flex;
		flex-direction: column;
		padding-left: 10px !important;
		max-width: 90vw !important;
	}
			
	.ev-contents>figure,
	.ev-contents img{
		width: 70vw;
		margin: 0 !important;
	}
}