@charset "utf-8";
@media screen and (max-width:1300px) {
    /* .home-page{padding-left:10px;padding-right: 10px;} */
    .home-access {
        padding-left: 0;
        padding-right: 0;
    }
    .fo-bg {
        padding-left: 10px;
        padding-right: 10px;
    }
    .layout-style01-item-txt{padding:40px 30px;}
}

@media screen and (max-width:1120px) {
    .head-one {
        padding-left: 10px;
        padding-right: 10px;
    }
    .head-logo {
        width: 55%;
    }
    .head-menu {
        width: 45%;
    }
}

@media screen and (max-width:940px) {
    .head-lo-right, .head-menu, .menu-left {
        display: none;
    }
    .head-one {
        padding: 20px 10px;
        overflow: visible;
        background: #fff;
    }
/*
    #home-slide {
        height: 377px;
    }
*/
	.home-slide .owl-item .item {
	    height: 360px;
	}
    .smart-phone {
        display: block;
        width: 45%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
    }
    .drawer-nav {
        display: block;
    }
    .forlow-ja-en li a {
        line-height: 160%;
    }
    .head-logo {
        width: 90%;
    }
    .smart-phone {
        width: 10%;
    }
    nav.drawer-nav {
        background: #fff;
        position: fixed;
        z-index: 9999;
    }
    #home-slide {
        position: relative;
        z-index: 1;
        margin-top: 90px;
    }
    .stay-banner {
        min-height: 500px
    }
    .logo_booking {
        display: none;
    }
    .page-title {
        padding-left: 25px;
    }


	.logo_booking {
		display:block;
	    position: fixed;
	    right: 18%;
	    top: 20px;
	    z-index: 1000;
	}
	.logo_booking a {
	    width: auto;
	    height: auto;
	    font-size: 20px;
	    background-image:none;
	    background-color:#ac0300;
		border: 1px solid rgba(0,0,0,0.25);
	    padding: 8px 15px;
	}
	.logo_booking a div {
	    padding-top: 0px;
	}
	.logo_booking a span {
	    font-size: 0.6em;
	}


}
@media screen and (max-width:767px){
    .layout-style01-item-txt {
        padding-left: 10px;
        padding-right: 10px;
    }
    .hide-sp{display: none;}
    .stay-banner{
        min-height: 300px;
    }
}
@media screen and (max-width:640px) {
    .banner-po {
        margin-top: 90px;
        min-height: 250px;
        background: rgba(0,0,0,0.2);
    }
    .page-title h3 span.title-01{font-size: 40px;}
    .page-title h3 span.title-02{padding-top: 15px;font-size: 18px;}
    .scrollTop a img{width: 40px;height: 40px;}
    .page-title{
        top: 50%;
    }
}
@media screen and (max-width:540px){
    nav.drawer-nav{
        height: 100%;
        overflow-y: scroll;
    }
	.booking-one ul{
		display:block;
	}
    .booking-one ul li {
	    padding: 5px;
	}
    
}
@media screen and (max-width:480px) {
    .head-lo-right {
        padding-left: 10px;
    }
    .forlow-ja-en li a,
    .forlow-ja-en li span {
        font-size: 16px;
        padding-left: 6px;
        padding-right: 6px;
    }
    .drawer-nav {
        height: 100%;
    }
    .ho-post-item-bg a,.layout-style01-item-img .item, .layout-style01-item-img01{min-height: 300px !important;height: 300px !important;}
}

@media screen and (max-width:375px) {
    .drawer--right.drawer-open .drawer-hamburger {
        right: 15rem;
    }
   
}