@charset "utf-8";

/* =================================================================================
   module
================================================================================= */
.mT_60sp30{margin-top:60px !important;}
.mB_80sp40{margin-bottom:80px !important;}
.mB_120sp60{margin-bottom:120px !important;}
.mB_15{margin-bottom:15px !important;}

@media only screen and (max-width:640px){
    .mT_60sp30{margin-top:30px !important;}
    .mB_80sp40{margin-bottom:40px !important;}
    .mB_120sp60{margin-bottom:60px !important;}
}

.fSize15{font-size:15px !important;}
.fSize24sp15{font-size:24px !important;}

@media only screen and (max-width:640px){
    .fSize24sp15{font-size:15px !important;}
}

.twoClm.asymmetric{
    display:flex;
}

.twoClm.asymmetric .clm:nth-child(2),
.twoClm.asymmetric.reverse .clm:nth-child(1){
    flex-basis:300px;
}

.twoClm.asymmetric .clm:nth-child(2){margin-left:60px;}
.twoClm.asymmetric.reverse .clm:nth-child(1){margin-right:60px;}

.twoClm.asymmetric .clm:nth-child(1),
.twoClm.asymmetric.reverse .clm:nth-child(2){
    flex-basis:600px;
}

.premiumCmnTbl{
    width:100%;
}

.premiumCmnTbl tr{
    border-bottom:1px solid #666;
}

.premiumCmnTbl tr:first-of-type{
    border-top:1px solid #666;
}

.premiumCmnTbl th{
    width:180px;
    color:#aaa;
    font-weight:normal;
}

.premiumCmnTbl th,
.premiumCmnTbl td{
    padding:5px 0;
}


@media only screen and (max-width:640px){
    .twoClm.asymmetric.row{
        flex-wrap:wrap;
    }
    
    .twoClm.asymmetric .clm:nth-child(1),
    .twoClm.asymmetric .clm:nth-child(2),
    .twoClm.asymmetric.reverse .clm:nth-child(1),
    .twoClm.asymmetric.reverse .clm:nth-child(2){
        flex-basis:100%;
    }
    
    
    .twoClm.asymmetric .clm:nth-child(2),
    .twoClm.asymmetric.reverse .clm:nth-child(1){
        margin:30px 0 0;
    }
    
    .premiumCmnTbl.row th{
        display:block;
        padding:5px 0 0;
    }
    .premiumCmnTbl.row td{
        display:block;
        padding:0 0 10px 1rem;
    }
}


.premiumCmnTtl_1{
    position:relative;
    margin-bottom:60px;
    padding:20px 0;
    line-height:1.1;
    color:#fff;
    font-family:serif;
    font-size:60px;
    text-align:center;
    font-weight:normal;
}

.premiumCmnTtl_1::before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:50%;
    width:300px;
    height:1px;
    background-color:#867f35;
    transform:translateX(-50%);
}

.premiumCmnTtl_1 > span{
    display:block;
    margin-top:10px;
    font-family:sans-serif;
    font-size:15px;
}

@media only screen and (max-width:640px){
    .premiumCmnTtl_1{
        width:100%;
        margin:40px auto;
        padding:15px 0;
        font-size:38px;
    }

    .premuimCmnTtl_1::before{
        width:160px;
    }
    
    .premuimCmnTtl_1 > span{
        margin-top:5px;
        font-size:14px;
    }
}

/* fadein
------------------------------------------------------- */
.sa {
  opacity: 0;
  transition: all .8s ease-out;
}
 
.sa.show {
  opacity: 1;
  transform: none;
}
 
.sa--lr { transform: translate(-50px, 0);}
.sa--rl { transform: translate(50px, 0);}
.sa--up { transform: translate(0, 50px);}
.sa--down { transform: translate(0, -50px);}
.sa--scaleUp { transform: scale(.5);}
.sa--scaleDown { transform: scale(1.1);}
.sa--rotateL { transform: rotate(180deg);}
.sa--rotateR { transform: rotate(-180deg);}

/* =================================================================================
   layout
================================================================================= */
body{
    background:#15161a;
    font-size:15px;
    color:#fff;
    line-height:2;
}

#premiumContainer{
    margin-top:140px;
}

.wrapper{
    width:980px;
    margin:0 auto;
    padding:80px 10px 20px;
    box-sizing:border-box;
}


@media only screen and (max-width:640px){
    #premiumContainer{
        margin-top:137px;
    }
    
    .wrapper{
        width:100%;
        padding:40px 10px;
    }
}


.bgGoldTtl{
    background-color:#867f35;
    padding:10px;
    line-height:1.1;
    color:#fff;
    text-align:center;
    box-sizing:border-box
}

.bgSilverTtl{
    background-color:#999;
    padding:10px;
    line-height:1.1;
    color:#fff;
    text-align:center;
    box-sizing:border-box
}

.bgGoldTtl.pSmall,
.bgSilverTtl.pSmall{
    padding:5px;
}

@media only screen and (max-width:640px){
    .bgGoldTtl{
        line-height:1.5;
    }
}


/* =================================================================================
   style
================================================================================= */
#mvTop{
    position:relative;
    height:100vh;
    max-height:800px;
    box-sizing:border-box;
}

#mvTop .copy{
    z-index:2;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    width:980px;
    margin:0 auto;
    padding:0 10px;
    box-sizing:border-box;
    color:#fff;
    font-size:32px;
    line-height:1.5;
    transform:translateY(-50%);
}

.slider,
.slider .slick-list,
.slider .slick-track{
    height:100%;
    max-height:none;
}

#mvTop .slide > span{
    display:block;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}


@media only screen and (max-width:640px){
    #mvTop{
        top:0;
        max-height:320px;
    }
    
    #mvTop .copy{
        width:100%;
        font-size:18px;
    }
    
    .slick-list,
    .slick-track{height:400px;}
}


/* produce/plan/menu */

.flexLst{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin:-60px 0 0 -120px;
}

.flexLst .item{
    position:relative;
    flex-basis:420px;
    min-height:300px;
    margin:60px 0 0 120px;
}

.flexLst.plan{margin:-60px 0 0 -40px;}

.flexLst.plan .item{
    flex-basis:460px;
    padding:15px;
    border:1px solid #999;
    box-sizing:border-box;
    margin:60px 0 0 40px;
}

.flexLst.plan .item > .ttl{
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #999;
    line-height:1.1;
    font-size:20px;
    font-weight:normal;
    text-align:center;
}


.flexLst .item > img{
    display:inline-block;
    width:100%;
    height:auto;
}

.flexLst .desctiption{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:12px 15px;
    line-height:1.1;
    background-color:rgba(0,0,0,.5);
    text-align:center;
    box-sizing:border-box;
}

.flexLst .name{
    display:inline-block;
    margin-right:20px;
}

.flexLst .detail{
    padding:15px;
    background-color:#867f35;
    line-height:1.5;
    text-align:justify;
    box-sizing:border-box;
}

.flexLst .detail > .ttl{
    line-height:1.1;
    font-size:20px;
    font-weight:bold;
    margin-bottom:10px;
}

@media only screen and (max-width:640px){
    .flexLst{margin:-30px 0 0;}

    .flexLst.clmn{flex-direction:column;}

    .flexLst .item{
        flex-basis:100%;
        min-height:250px;
        margin:30px 0 0;
    }

    .flexLst .detail{padding:15px;}
    
    .flexLst .detail > .ttl{
        font-size:18px;
    }
}

.planTable{
    width:100%;
    margin:0 auto;
}


.planTable th{
    min-width:4rem;
    box-sizing:border-box;
}

/* clothes */
.clothImg.sliderArea{
    width:960px;
    margin:0 auto;
}
.clothImgSlider{height:270px;}

.clothImgSlider .slick-slide,
.galleryImgSlider .slick-slide{
    position:relative;
    text-align:center;
}

.clothImgSlider .slick-slide > img{
    width:210px;
    height:auto;
}

.slideDescription{
    display:block;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:210px;
    background-color:rgba(0,0,0,.5);
    padding:8px 10px;
    font-size:14px;
    line-height:1.1;
    text-align:center;
    box-sizing:border-box;
}


/* gallery */
.galleryImg.sliderArea{
    width:960px;
    margin:0 auto;
}

.galleryImgSlider{height:270px;}

.galleryImgSlider .slick-slide .img > img{
    width:270px;
    height:auto;
}


@media only screen and (max-width:640px){
    .galleryImgSlider{height:270px;}

    .clothImgSlider,
    .galleryImgSlider{
        height:auto;
    }

    .clothImg.sliderArea,
    .galleryImg.sliderArea{
        width:100%;
    }

    .clothImgSlider .slick-slide > img,
    .galleryImgSlider .slick-slide .img > img{
        width:100%;
    }

    .slideDescription{width:100%;}

    .clothImgSlider .slick-list,
    .clothImgSlider .slick-track,
    .galleryImgSlider .slick-list,
    .galleryImgSlider .slick-track{height:auto;}
}


/* slider */

.clothImgSlider .slick-prev,
.galleryImgSlider .slick-prev,
.clothImgSlider .slick-next,
.galleryImgSlider .slick-next{
    top:60%;
    width:50px;
    height:50px;
    border-radius:50px;
    background-color:rgba(0,0,0,.5);
    background-repeat:no-repeat;
    background-size:18px auto;
}

.galleryImgSlider .slick-prev{left:25px;}
.galleryImgSlider .slick-next{right:25px;}

.clothImgSlider .slick-prev,
.galleryImgSlider .slick-prev{
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAyCAYAAAAjrenXAAACM0lEQVRogc2YK2zCQByHESQIBGZmBoPDTdYhsTgECodfwtwMCWZ2cnYSi0eh5tBIBMlwJCRNvom7slvXx7W9189e739fm6/3arUCC9AG5sAeuAI34AAsgbZvvswAIwmZlx3Q8815DzAANgXAaja+eVtAD3iTOlTJky/gNrAAzhWBkyx9QI8p9jjJF8L5VUbb2iWwrsdnYKH0e/ECjr7HN/lcL9XfLTjVPN4Ag5w67sCp6HFJLfvgCI+3GsAnYK5Z0x44DT12Do4hj52CY9BjJ+DAEMMeWwXn1+O4BPgGrIFuU+hG4Djw2Dg4jjw2Bo5jjxuDIzx+p9zjK2LXZsTjRuCILeRJ4ysb97g2OBBRvupZ87gJ+K4A2LrHtcARG6OsOPO4Lvg4o+EI9H0CJykCjzIaYiru4nyAd6UWWTkjVk1vN0i54LJxnQOe5ACMQwTvUjyzJNkCw2DA5QMdxCxSNp/HiNX1IQhw5UHd+48L8Ax0ggBXOowQq2VZjsAkGHCl4xy9PcwOC5eRtcFl5y7C/7xpM0kMfACPQYArRfro+X/FkP9GwJVizvw3Cq4Ute6/FXBZ2Kr/1sCVAfrAp8bXv0oYre2ydXBloAh9/6fBgCsD6vq/B6JgwOWguv6D0Ozf4cULuDJ4Ff//HBe9gisQEUKNspyAWTDgygtU8T/rnLDyAi7hq/ifzswbuPICuv4n+SaAQ/w96PtfOvd7CTBFLE7pXLB4YDESxPl3Arwi/oNZWo8f3ktaZTpRqTIAAAAASUVORK5CYII=);
    background-position:top 15px left 13px;
}
.clothImgSlider .slick-next,
.galleryImgSlider .slick-next{
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAyCAYAAAAjrenXAAACJElEQVRogdXYIWzbQBiGYYNKIQGhIyVlZWOBhaEbDAwsLw4MKSseListLoo0UBZcWDAwFilSpWfA9nTKUvuSnM/eR+P7773zq8v5L4oguMAdNthhi59Y4KIYYjDBi8+zwU3fnP8ETw3QYZ5w1TdvURRFgetI6Do73GPSN/jdkeB1fuFWX/5jdQDqHjd4jVjABrOhgK+C32+r3W1LXv/bwKtnJtVb2LXA5/M/Bjx49krcCdS9/8eAB2P69/8U8GDsAu8RC3iW2v9zwKvx/fh/LnhQJ6//qcCDenn8Tw0e1D3G/+vBgFe1x1X9Nv8/HOt/l+DBHOn9zwEezJXO/5zgwZzn+98HeDVv7f+2Bf4DD/b97ws8mP8Y/2fhwF7BA44Y/3eYDgo8WECb/y+DBK+YGv0fLHgdXOLtvwJX3joflKfK8MGVHbWm79zt4MAxU/5rNmU1GHBlU+q5BZiyTTjqHVyDx3vZYvkXui9wjJQdtN8Ru3y4X5MbHN8cOOIO5FVThzgXOL5qbmXXeccipmCn4PiCH+I8XmEcW7irb87a47ZrKzzi8tgJkoNL5XEucKk97hpcVx53Ba70eKkrj7sAx1y8x9NkwKeCY4p1BPD5HqcAV17qHyOA03l8Drj4NgKpPT4VXOlxTONmrQuPTwBfG4LHLeDzCMD95PG4BXws7l5cJ5/HbYnc9fwexwTfP9n5N8z75muM8htwXvm7rBYzah+ZN38AnmZQJh0ukcUAAAAASUVORK5CYII=);
    background-position:top 16px right 15px;
}
.clothImgSlider .slick-prev::after,
.galleryImgSlider .slick-prev::after,
.clothImgSlider .slick-next::after,
.galleryImgSlider .slick-next::after{content:none;}


@media only screen and (max-width:640px){
    .clothImgSlider .slick-prev,
    .galleryImgSlider .slick-prev,
    .clothImgSlider .slick-next,
    .galleryImgSlider .slick-next{
        width:40px;
        height:40px;
        border-radius:50px;
        background-color:rgba(0,0,0,.5);
        background-repeat:no-repeat;
        background-size:14px auto;
    }
    .clothImgSlider .slick-prev,
    .galleryImgSlider .slick-prev{
        background-position:top 13px left 11px;
    }
    .clothImgSlider .slick-next,
    .galleryImgSlider .slick-next{
        background-position:top 13px right 12px;
    }

    .galleryImgSlider .slick-prev{left:5px;}
    .galleryImgSlider .slick-next{right:5px;}

    .imagelightbox-arrow{
        display:none !important;
        pointer-events:none;
        top:60%;
    }
    #imagelightbox{
        width:100% !important;
        height:auto !important;
        left:0 !important;
    }
}

.flickity-slider > div{
    width:270px;
    margin-left:20px;
}

.flickity-slider > div img{
    width:100%;
    height:auto;
}


/* access */
.gmap{
    height:350px;
}

.gmap iframe{
    width:100%;
    height:100%;
}

.storeInfo{
    display:flex;
    margin-left:-20px;
}

.storeInfo > .clm{
    margin-left:20px;
}

.storeInfo img{
    width:480px;
    height:auto;
}

.storeInfo p{
    line-height:1.5;
}

@media only screen and (max-width:640px){
    .storeInfo{
        flex-direction:column;
    }

    .storeInfo.reverse .clm:nth-child(1),
    .storeInfo .clm:nth-child(2){margin-top:20px;}

    .storeInfo img{width:100%;}
}


/* reserve */
.premiumTelBox{
    width:360px;
    margin:0 auto;
    padding:15px;
    border:1px solid #fff;
    text-align:center;
    box-sizing:border-box;
}

.premiumTelBox a{
    display:block;
    margin-top:10px;
    color:#0db5f3;
    font-size:24px;
    line-height:1;
}

@media only screen and (max-width:640px){
    .premiumTelBox{
        width:100%;
    }
}

.inputTbl{
    width:100%;
    padding:0 10px;
}

.inputTbl th{
    width:220px;
    padding:10px 0;
    box-sizing:border-box;
    vertical-align:top;
    font-weight:normal;
    line-height:2;
}

.inputTbl td{
    padding:10px 0;
}

/* input/textarea/select */
.inputTbl .txt input{
    width:100%;
    box-sizing:border-box;
}
.inputTbl .txtArea textarea{
    width:100%;
    min-height:5rem;
    resize: vertical;
}
.inputTbl .postalCode input{width:140px;box-sizing:border-box;}
.inputTbl .selectBox_m select{width:160px;}
.inputTbl .selectBox_s select{width:100px;margin-left:20px;}
.inputTbl .kidsDetail input{width:240px;box-sizing:border-box;}
.inputTbl .selectPlan select{width:240px;}

/* submitBtn */
.reserveInputArea .submitBtn{
    display:inline-block;
    background-color:#867f35;
    width:240px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:20px;
    color:#ccc;
    transition:all ease .2s;
}

.reserveInputArea .submitBtn:hover{
    background-color:#a8a155;
}

@media only screen and (max-width:640px){
    .inputTbl.row tr{border-bottom:1px solid #999;}

    .inputTbl.row tr:first-of-type{border-top:1px solid #999;}

    .inputTbl.row th{
        display:block;
        padding-bottom:0;
    }

    .inputTbl.row td{display:block;}
}