@charset "utf-8";
@media screen and (max-width:1220px){
    .greet-img-box p, .greet-img-box img{
        position: inherit;
    }
    .greeting-box-wrapper{
        justify-content: center;
    }
    .greet-img-box img{
        margin-bottom:50px;
    }
}
@media screen and (max-width:1000px){
    .slide-top{
        margin-top:320px;
    }
    .slide-top img{
        width:90%;
        height:500px;
        margin:auto;
        border-radius: 20px;
    }
    .greet-img-box img{
        width:380px;
    }
    .greeting-box{
        width:80%;
        padding:3em;
    }
    .point-border{
        display: none;
    }
    .point-title p{
        font-size:18px;
    }
    .point-title img{
        margin:0 5px;
    }
    .section-lakeside{
        width:90%;
    }
    .lakeside-top-text{
        right:5vw;
        text-align: center;
    }
    .lakeside-bottom{
        background-position: 10% 60%;
    }
    .lakeside-bottom p{
        font-size:16px;
    }
    .section-photo{
        width:100%;
    }
    .autoplay{
        width:80%;
        margin:auto;
    }
    .aside-access{
        flex-flow: column-reverse wrap;
    }
    .access-right{
        width:90%;
        margin-bottom:2em;
    }
    .access-right iframe{
        height:420px;
    }
    .access-left{
        width:auto;
    }
    /*facility*/
    .section-facility{
        width:90%;
    }
    .section-facility-other{
        padding:30px 1em;
    }
    /*access*/
    .section-access{
        width:80%;
    }
    /*vicinity*/
    .vicinity-cont{
        width:90%;
    }
    .vicinity-cont p{
        width:70%;
    }
    .vicinity-cont iframe{
        width:80%;
    }
    .img-highking{
        overflow-x: scroll;
    }
    .img-highking img{
        width:1000px;
    }
    /*option*/
    body{
        font-size:14px;
    }
    header{
        min-height:inherit;
    }
    header nav{
        display: none;
    }
    .page-top{
        bottom:45px;
    }
    .logo-box{
        flex-flow: row nowrap;
        justify-content: space-around;
        max-width:inherit;
        width:100%;
    }
    .head-menu{
        width:480px;
        height:280px;
        top:-160px;
        left:0;
        right:0;
        margin:auto;
    }
    .sub-top{
        height:500px;
    }
    .sub-cont-se{
        background-size:90%;
    }
    .head-menu-sub{
        width:280px;
        height: 400px;
        left:-55vw;
        top:50%;
    }
    .logo-box-sub{
        flex-flow: column wrap;
    }
    table{
        width:90%;
    }
}
@media screen and (max-width:600px){
    .page-top{
        right:10px;
        bottom:10vh;
        width:50px;
        height:50px;
        font-size:26px;
    }
    header{
        min-height:inherit;
/*        height:80vh;*/
    }
    .head-menu{
/*        width:220px;*/
        width:280px;
        height:180px;
        top:-110px;
/*        top:220px;*/
        left:0;
        right:0;
        margin:auto;
    }
    .logo01{
        width:80px;
    }
    .logo02{
        width:100px;
    }
    .logo03{
        width:140px;
    }
    .logo04{
        width:120px;
    }
    .slide-top{
        margin-top:250px;
    }
    .slide-top img{
        width:90%;
        height:260px;
        object-fit: cover;
        object-position: center;
        margin:auto;
        border-radius: 20px;
    }
    .section-greeting{
        padding:70px 0;
    }
    .greet-img-box img{
        width:300px;
    }
    .point-img{
        width:260px;
        height:auto;
    }
    .point-text{
        width:100%;
    }
    .point-text p{
        margin:20px auto;
    }
    .point-text .page-jump{
        margin-right:1em;
    }
    .point-cont-left, .point-cont-right{
        padding:40px 0;
    }
    .section-lakeside{
        margin:80px auto;
    }
    .lakeside-top{
        flex-flow: column-reverse wrap;
    }
    .lakeside-top img{
        width:100%;
        height:280px;
        margin:auto;
    }
    .lake-text01{
        font-size:48px;
    }
    .lake-text02{
        font-size:30px;
    }
    .lake-text03{
        font-size:32px;
    }
    .lakeside-top-text{
        position: inherit;
        margin-bottom:2em;
        font-size:20px;
    }
    .lake-text-middle, .lake-text-bottom{
        margin:0;
    }
    .lakeside-bottom p{
        margin-top:-30px;
        width:100%;
        height:260px;
        font-size: 14px;
    }
    .section-photo{
        padding:0;
    }
    .section-photo p{
        padding:0 1em;
    }
    .section-photo-title{
        font-size:22px;
    }
    .autoplay img{
        width:180px;
    }
    footer nav{
        display: none;
    }
    .footer-wrapper{
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
    }
    .logo01-footer{
        width:100px;
    }
    .logo02-footer{
        width:120px;
    }
    .logo03-footer{
        width:180px;
    }
    .logo04-footer{
        width:150px;
    }
    .footer-right{
        width:100%;
        justify-content: center;
        padding-bottom:35px;
    }
    .footer-right-cont p{
        margin:10px 0;
        text-align: center;
    }
    .footer-all{
        padding:30px 0;
    }
    /*about*/
    .section-about{
        padding:50px 0;
        background-size:100%;
    }
    .ninsyou{
        width:200px;
    }
    .about-h{
        font-size:16px;
    }
    .about-h-middle{
        background-size:90%;
    }
    .main-cont-se{
        background-size:90%;
        padding:60px 90px;
    }
    .sub-cont-se{
        background-size:90%;
    }
    /*facility*/
    .section-facility h2, .section-facility-other h2{
        font-size:20px;
    }
    .section-facility{
        width:90%;
        background-size:100%;
    }
    .fade img{
        width:90%;
        object-fit: cover;
    }
    .section-facility p, .section-facility-other p{
        padding:1em;
    }
    .other-text{
        margin:50px auto 0 auto;
    }
    .facility-other-img01{
        width:100px;
        height:auto;
        margin:20px 0;
    }
    .facility-other-img02{
        width:260px;
        height:auto;
        margin:20px 0;
    }
    .facility-other{
        flex-flow: column wrap;
    }
    .about-h-art{
        background-size:90%;
    }
    .fade2 img{
        width:60%;
        margin:20px auto;
    }
    table{
        width:90%;
    }
    th{
        padding:1em;
    }
    .section-wrapper-other{
        padding-bottom:30px;
    }
    .h-amenity{
        background-size:80%;
    }
    /*cuisine*/
    .section-cuisine{
        background-size:100%;
    }
    .cuisine-box{
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        width:90%;
        margin:auto;
        padding:0px 0 30px 0;
    }
    .cuisine-cont{
        width:100%;
        margin:20px 0;
    }
    .h-cuisine{
        margin-left:0.3em;
        font-size:20px;
    }
    .cuisine-menu{
        background-image:none;
        padding:50px 0;
        background-color: #ECE68B;
        width:90%;
        border-radius: 20px;
    }
    /*cost*/
    .section-cost{
        width:90%;
    }
    .article-cost .section-sub{
        padding:0;
    }
    .article-cost .section-wrapper{
        padding:30px 0;
    }
    .section-kid{
        padding:50px 0;
    }
    /*access*/
    .section-access{
        width:80%;
        padding:50px 1em;
    }
    /*vicinity*/
    .section-vicinity{
        padding:50px 0;
    }
    .section-vicinity h2{
        font-size:20px;
        margin-bottom:0;
    }
    .vicinity-title{
        font-size:18px;
    }
    .vicinity-cont{
        width:90%;
        padding:10px 0 30px 0;
    }
    .vicinity-cont iframe{
        width:90%;
    }
    .vicinity-cont p{
        width:70%;
    }
    /*contact*/
    .contact-art h2{
        font-size:20px;
    }
    /*prevention*/
    .h-pre{
        font-size:20px;
    }
    .pre-box{
        width:90%;
        padding:30px 10px;
    }
    .pre-cont p{
        font-size:14px;
    }
    .pre-cont .border-bottom-yellow{
        position: inherit;
        text-decoration-line: underline;
        text-decoration-color: #ECE68B;
        text-decoration-style: double;
    }
    .pre-cont span{
        font-size:12px;
    }
    /*option*/
    .sub-title{
        flex-flow: column wrap;
        font-size:20px;
    }
    .sub-title img{
        width:180px;
        height:auto;
        margin-right:inherit;
        margin-bottom:10px;
    }
    .section-sub-title{
        font-size:20px;
        padding:50px 0;
    }
    .sub-it-cont{
        width:90%;
    }
    .subpage-eyecatch{
        height:300px;
        margin:30px auto 20px auto;
    }
    .section-sub{
        padding:30px 0 50px 0;
    }
    .section-sub p{
        padding:0 1em;
    }
    .sub-top{
        height:220px;
    }
    .sp-br{
        display: none;
    }
    .sub-hukidashi{
        width:160px;
        right:-10px;
        top:-50px;
    }
    .center{
        padding: 1em;
    }
}