@charset "UTF-8";

/*----

/place
/plan top, detail
/report top, detail
/blog
/news
/faq
/salon
/online
/request
/contact

----*/


/*
 place top
******************************************************************************
*/

/** thumbnail **/
.sec-place-thumb{
    padding: 60px 0;
    background: #f4f4f4;
}

.tit-place-area{
    font-size: 2rem;
    margin-bottom: 40px;
    text-align: center;
}

.tit-place-area span{
    font-size: 1.3rem;
    display: block;
    color: #A99E9C;
}

.card-place{
    margin: 0 0 20px;
}

.card-place-body{
    padding: 35px 20px;
    background: #fff;
}

.card-place-body .tit-place-top{
    font-size: 2rem;
    margin: 0 0 15px;
}

.card-place-body .txt-place-capacity-top{
    margin: 0 0 10px;
    color: #7e7573;
}

ul.list-place-category{
    display: flex;
    margin: 0 0 10px;
}

ul.list-place-category li{
    margin-right: 5px;
}

ul.list-place-category li span{
    font-size: 1.2rem;
    padding: 5px 8px;
    background: #fff;
    color: #988C89;
    border: 1px solid #988C89;
}

dl.list-place-name{
    display: flex;
    align-items: center;
    color: #7E7573;
    margin-bottom: 10px;
}

dl.list-place-name dt{
    font-weight: normal;
    padding: 0 5px 0 17px;
    position: relative;
}

dl.list-place-name dt span{
    width: 11px;
    display: inline-block;
    position: absolute;
    top: -3px;
    left: 0;
}

#place-plan dl.list-place-name dt span{
    top: 5px;
}

/* slider */
.slider-place .slick-dots{
    bottom: 10px;
}

.slider-place .slick-dots li button:before{
    opacity: 1;
    color: #fff;
}

.slider-place .slick-dots li.slick-active button:before{
    color: #fff;
    opacity: 0.5;
}

.slider-place.slick-dotted.slick-slider{
    margin-bottom: 0;
}


/** subnav **/
.nav-place-category{
    padding: 50px 0;
    background: #A99E9C;
}

ul.subnav-place{
    width: 88%;
    margin: 0 auto;
}

ul.subnav-place li:not(:last-child){
    margin: 0 0 10px;
}

ul.subnav-place li a{
    background: #fff;
    display: block;
    text-align: center;
    color: #988C89;
    font-weight: bold;
    padding: 9px 0;
    position: relative;
}

ul.subnav-place li span{
    width: 41.4px;
    height: 41.4px;
    background: #E6DDD8;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

ul.subnav-place li span img{
    width: 13px;
    margin-top: 11px;
}


@media (min-width: 1025px) {
    
    /** thumbnail **/
    .sec-place-thumb{
        padding: 85px 0 130px;
        position: relative;
        z-index: 2;
    }
    
    .tit-place-area{
        font-size: 2.4rem;
        margin-bottom: 60px;
    }
    
    .card-place{
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #fff;
    }
    
    .card-place-image{
        width: 45%;
    }
    
    .card-place-image img{
        width: 100%;
        height: 390px;
        object-fit: cover;
    }
    
    .card-place-body{
        width: calc(55% - 120px);
        padding: 0 60px;
    }
    
    .card-place-body .tit-place-top{
        font-size: 2rem;
    }
    
    /** subnav **/
    .nav-place-category{
        position: relative;
        z-index: 2;
    }
    
    ul.subnav-place{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    
    ul.subnav-place li:not(:last-child){
        margin: 0 20px 0 0;
    }
    
    ul.subnav-place li a{
        width: 320px;
        padding: 11px 0 11px 42px;
        font-size: 1.4rem;
    }
    
    ul.subnav-place li span{
        width: 47.2px;
        height: 47.2px;
    }
    
    ul.subnav-place li span img{
        width: 16px;
        margin-top: 12px;
    }
    
}


/*
 place detail
******************************************************************************
*/

/** hero **/
.hero-place-img img{
    margin: 40px 0 0;
    height: 295px;
    object-fit: cover;
}

/** place name **/
.sec-place-name{
    padding: 60px 0;
}

.sec-place-name h2{
    font-size: 2rem;
}

/** subnav **/
ul.subnav-place-detail{
    width: 80%;
    margin:  0 auto;
}

ul.subnav-place-detail li a{
    padding: 23px 0;
    display: block;
    border-bottom: 1px solid #E6E6E6;
    position: relative;
}

ul.subnav-place-detail li a .arrow-r{
    font-size: 1rem;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 1;
    border: 1px solid #988C89;
    border-radius: 50%;
    background: #988C89;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 23px;
}

ul.subnav-place-detail li a .arrow-r span{
    color: #fff;
    display: inline-block;
    position: absolute;
    right: 4px;
    top: 5px;
}

/*ul.subnav-place-detail li a:hover .arrow-r{
    background: #988C89;
}

ul.subnav-place-detail li a:hover .arrow-r span{
     color: #988C89;   
}*/

ul.subnav-place-detail li a .arrow-r span svg{
    width: 10px;
    height: 10px;
}

/** point **/
.sec-place-point{
    padding: 75px 0;
    background: #f4f4f4;
}

.wrap-place-point{
    margin-bottom: 60px;
}

.tit-place-point{
    color: #7e7573;
    margin-bottom: 15px;
}

.heading-place-large{
    font-size: 1.8rem;
}

.heading-place-medium{
    font-size: 1.6rem;
}

.heading-place-small{
    font-size: 1.2rem;
}

/** detail **/
.sec-place-detail{
    padding: 75px 0;
}

.tit-place-ja{
    font-size: 1.2rem;
    margin: -20px 0 60px !important;
}

/** plan **/
.sec-place-plan{
    padding: 75px 0;
    background: #f4f4f4;
}

/* slider */
.slider-place-plan .slick-prev,
.slider-place-plan .slick-next{
    top: 45%;
}

.slider-place-plan .slick-prev{
    left: -10px;
}

.slider-place-plan .slick-next{
    right: -10px;
}

/** photo gallery **/
.sec-place-photo{
    padding: 75px 0;
}

.wrap-slider-place-photo.uk-container{
    padding-left: 0;
    padding-right: 0;
}

/* slider */
.slider-place-photo .slick-prev,
.slider-place-photo .slick-next{
    top: 40%;
}

.slider-place-photo .slick-prev{
    left: 10px;
}

.slider-place-photo .slick-next{
    right: 10px;
}

/** access **/
.sec-place-access{
    padding: 75px 0;
}

.wrap-place-access{
    padding: 80px 0 60px;
    border-top: 1px solid #E6E6E6;
}

.wrap-place-access dl{
    display: flex;
    margin-bottom: 15px;
}

.wrap-place-access dl dt{
    font-weight: normal;
    width: 80px;
}

.wrap-place-access dl dd{
    width: calc(100% - 80px);
}

ul.btn-list-place{
    width: 80%;
    margin: 60px auto 0;
}

ul.btn-list-place li{
    margin-bottom: 10px;
}

ul.btn-list-place li .uk-button-default.btn-ft-fes{
    border: none;
}

.place-map iframe{
    width: 100% !important;
    height: 390px !important;
}


@media (min-width: 1025px) {
    
    /** hero **/
    .hero-place-img{
       position: relative;
        z-index: 100;     
    }
    
    .hero-place-img img{
        margin: 0;
        width: 100vw;
        min-height: 700px;
        height: 70vh;
        position: relative;
        z-index: 2;
    }
        
    /** place name **/
    .sec-place-name{
        padding: 100px 0;
        /*padding: 0 0 100px;
        margin-top: -671px;
        clear: both;*/
    }
    
    .sec-place-name h2{
        font-size: 2.4rem;
    }
    
    /** point **/    
    .wrap-place-point{
        margin-bottom: 80px;
    }
    
    .heading-place-large{
        font-size: 2rem;
    }

    /** plan **/
    /* slider */
    .slider-place-plan .slick-prev,
    .slider-place-photo .slick-prev{
        left: -40px;
    }

    .slider-place-plan .slick-next,
    .slider-place-photo .slick-next{
        right: -40px;
    }

    .slider-place-plan .card-plan-image{
        width: 40%;
    }
    
    .slider-place-plan .card-plan-image img{
        width: 100%;
        height: 310px;
        object-fit: cover;
    }
    
    .slider-place-plan .card-plan-body{
        width: calc(60% - 80px);
        padding: 0 40px;
    }
    
    /** photo gallery **/
    .wrap-slider-place-photo.uk-container{
        padding-left: 40px;
        padding-right: 40px;
    }
    
    /* slider */
    .slider-place-photo .slick-prev,
    .slider-place-photo .slick-next{
        top: 45%;
    }

    /** access **/
    .sec-place-access{
        padding: 75px 0 130px;
    }
    
    .wrap-place-access{
        padding: 50px 0;
    }
    
    ul.btn-list-place{
        width: 100%;
        margin: 100px auto 30px;
        display: flex;
        justify-content: space-between;
    }
    
    ul.btn-list-place li{
        margin-bottom: 0;
        /*width: 32%; 資料請求ボタンがある場合 */
        width: 49%;
    }
    
    /** subnav **/
    .nav-side-place{
        width: 240px;
        /*float: right;
        padding-top: 100px;
        margin-right: 15%;*/
        position: fixed;
        top: 130px;
        right: 15%;
        z-index: 1;
    }
    
    .nav-side-place ul.subnav-place-detail{
        width: 100%;
        margin-bottom: 30px;
    }
    
    ul.btn-list-plac-side li:not(:last-child){
        margin-bottom: 10px;
    }
    
    /* uikit sicky */
    /*.nav-side-place .uk-sticky.uk-active{
        top: 112px !important;
        right: 15%;
    }*/
    
   
    
}


@media all and (min-width: 960px) and (max-width: 1200px) { 
    
    /** subnav **/
    .nav-side-place{
        right: 5%;
    }
    
}


/*
 plan top
******************************************************************************
*/

/** subnav **/
.nav-plan-category{
    padding: 50px 0;
    background: #A99E9C;
}

ul.subnav-plan{
    display: grid;
    grid-gap: 10px 10px;
    grid-template-columns: repeat(2, 1fr);
    margin: 0;
}

ul.subnav-plan li a{
    text-align: center;
    border: 1px solid #fff;
    display: block;
    width: 100%;
    padding: 13px 0;
    color: #fff;
    font-weight: bold;
    background: #A99E9C;
}

ul.subnav-plan li a.active{
    color: #A99E9C;
    background: #fff;
}

/** thumbnail **/
.sec-plan-thumb{
    padding: 60px 0;
    background: #f4f4f4;
}

.card-plan{
    margin: 0 0 40px;
}

.card-plan-body{
    padding: 35px 20px;
    background: #fff;
}

.card-plan-body .tit-plan-top{
    font-size: 2rem;
    margin: 0 0 15px;
    color: #C38F5C;
}

.card-plan-body .tit-plan-top-place{
    font-size: 1.4rem;
    margin: 0 0 10px;
}

.card-plan-body .txt-plan-price-top{
    font-size: 1.8rem;
    margin: 0 0 10px;
    color: #C38F5C;
}

.card-plan-body .txt-plan-price-top span{
    font-size: 1.2rem;
    display: inline-block;
    margin-left: 5px;
}

ul.list-plan-category{
    display: flex;
    margin: 0 0 10px;
}

ul.list-plan-category li{
    margin-right: 5px;
}

ul.list-plan-category li span{
    font-size: 1.2rem;
    padding: 5px 8px;
    background: #A99E9C;
    color: #fff;
}

.sec-top-plan dl.list-place-name dt span{
    top:  5px;
}

@media (min-width: 1025px) {
    
    /** subnav **/
    ul.subnav-plan{
        grid-template-columns: repeat(3, 1fr);
        /*grid-template-columns: repeat(auto-fit, minmax(234px, 1fr));*/
        width: 70%;
        margin: 0 auto;
    }
    
    /** thumbnail **/
    .sec-plan-thumb{
        padding: 85px 0;
    }
    
    .card-plan{
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #fff;
    }
    
    .card-plan-image{
        width: 33%;
    }
    
    .card-plan-image img{
        width: 100%;
        height: 400px;
        object-fit: cover;
    }
    
    .card-plan-body{
        width: calc(67% - 120px);
        padding: 0 60px;
    }
    
    .card-plan-body .tit-plan-top{
        font-size: 2.4rem;
        margin: 0 0 5px;
    }
    
    #place-plan .card-plan-body .tit-plan-top{
        font-size: 2rem;
    }
    
    
}


/*
 plan detail
******************************************************************************
*/

/** hero **/
.sec-plan-main{
    padding: 65px 0 85px;
}

.hero-tit-plan{
    font-size: 1.8rem; 
    text-align: center;
}

.sec-plan-main ul.list-plan-category{
    margin: 0 auto 20px;
    justify-content: center;
}

.sec-plan-main .tit-place-top{
    text-align: center;
    margin-bottom: 10px;
}

.sec-plan-main dl.list-place-name{
    justify-content: center;
    margin-bottom: 40px;
}

.plan-detail-image-sp{
    object-fit: cover;
    width: 100%;
    height: 235px;
}

.sec-plan-main h2{
    font-size: 1.6rem;
    margin: 55px 0 20px;
}

.sec-plan-main h3{
    font-size: 2.2rem;
    margin: 0;
    color: #C38F5C;
    text-align: center;
}

.sec-plan-main h3 .border{
    border-bottom: 1px solid #C38F5C;
    padding-bottom: 7px;
}

.sec-plan-main h3 .txt-s{
    font-size: 1.3rem;
    display: inline-block;
    margin: 0 8px;
}

/** special **/
.sec-plan-special{
    padding: 80px 0;
    background: #f4f4f4;
}

.tit-special-en{
    font-size: 1.3rem;
    color: #A99E9C;
    margin: 0 0 10px;
}

.tit-special-en span{
    font-size: 2.4rem;
}

.card-plan-body p .case-marker{
    color: #A99E9C;
    display: inline-block;
    margin-right: 8px;
}

/** plan item **/
.sec-plan-item{
    padding: 80px 0;
}

.tit-plan-item{
    font-size: 1.8rem;
    text-align: center;
    margin: 0 0 60px;
}

/*.wrap-plan-item{
    padding: 30px 15px;
    margin-bottom: 40px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.wrap-plan-item p:last-child{
    margin: 0;
}*/

.wrap-plan-item dl{
    border-top: 1px solid #d9d9d9;
    padding: 20px 0;
    margin: 0;
}

.wrap-plan-item dl:last-child{
    border-bottom: 1px solid #d9d9d9;
    margin: 0 0 30px;
}

.wrap-plan-item dl dt{
    margin: 0 auto 10px;
    width: 94%;
    font-weight: normal;
}

.wrap-plan-item dl dd{
    width: 94%;
    margin: 0 auto;
}

/** wrap button **/
.wrap-ft-plan-btn{
    margin: 50px 0 50px;
}

ul.btn-list-plan li{
    margin: 0 0 15px;
}

@media (min-width: 1025px) {
    
    /** hero **/
    .sec-plan-main{
        padding: 80px 0 65px;
    }
    
    .hero-tit-plan,
    .tit-plan-item{
        font-size: 2.2rem;
    }
    
    .sec-plan-main ul.list-plan-category{
        margin: 0 auto 30px;
    }
    
    .sec-plan-main p{
        width: 80%;
        margin: 0 auto 20px;
    }
    
    /** special **/
    .tit-special{
        font-size: 1.8rem;
    }
    
    /** plan item **/
    .sec-plan-item{
        padding: 80px 0 130px;
    }
    
    /*.wrap-plan-item{
        padding: 30px 30px;
        margin-bottom: 60px;
    }*/
    
    .wrap-plan-item dl{
        padding: 20px 0;
        display: flex;
        justify-content: space-between;
    }
    
    .wrap-plan-item dl dt{
        margin: 0 0 0 3%;
        width: 27%;
    }

    .wrap-plan-item dl dd{
        width: 67%;
        margin: 0 3% 0 0;
    }
    
    /** wrap button **/    
    ul.btn-list-plan{
        margin: 0 0 5px;
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
    }
    
}

@media all and (min-width: 768px) and (max-width: 1024px) { 
    
    .plan-detail-image-sp{
        height: 500px;
    }
    
}


/*
 report top
******************************************************************************
*/

/** subnav **/
ul.subnav-report{
    display: grid;
    grid-gap: 10px 10px;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    margin: 0 0 60px !important;
}

ul.subnav-report li a{
    text-align: center;
    border: 1px solid #7E7573;
    display: block;
    width: 100%;
    padding: 13px 0;
    color: #7E7573;
    font-weight: bold;
}

ul.subnav-report li.active a{
    color: #fff;
    background: #7E7573;
}

/**  thumbnail **/
.sec-report-thumb{
    background: url(../image/online/bg_point.png) 0 -180px repeat-x #f4f4f4;
    background-size: 10px 700px;
}

.card-report{
    background: #fff;
}

.card-report-body{
    padding: 30px 20px;    
}

.card-report-body h3{
    font-size: 1.4rem;
    text-align: left;
}

.info-report{
    margin-bottom: 20px;
}

.info-report dl{
    display: flex;
    align-items: center;
    margin: 0 0 6px;
    font-size: 1.2rem;
}

.info-report dl dt{
    width: 20%;
    margin: 0 5% 0 0;
    padding: 3px 0 2px 0;
    font-weight: normal;
    background: #eeeceb;
    color: #7E7573;
}

@media (min-width: 1025px) {

    /** subnav **/
    ul.subnav-report{
        grid-template-columns: repeat(5, 1fr);
        margin: 0 0 85px !important;
    }
    
    /**  thumbnail **/
    .card-report-body{
        padding: 30px;    
    }
    
    .card-report-body h3{
        font-size: 1.5rem;
    }
    
    
}


/*
 report detail
******************************************************************************
*/

/** main visual, info **/
.sec-report-main{
    background: url(../image/online/bg_point.png) 0 -180px repeat-x #f4f4f4;
    background-size: 10px 700px;
    padding: 0 0 60px;
}

ul.info-report-main{
    margin: 30px auto 0;
    width: 90%;
}

ul.info-report-main li{
    padding: 15px 0;
    border-bottom: 1px solid #d9d9d9;
}

ul.info-report-main li span{
    font-size: 1.2rem;
    color: #A99E9C;
    display: block;
}

/** article **/
.sec-report-article{
    padding: 60px 0 80px;
}

.tit-report{
    font-size: 1.6rem;
    color: #A99E9C;
    margin: 0 0 30px;
    text-align: center;
}

.sec-report-article h3{
    font-size: 1.8rem;
    color: #A99E9C;
    margin: 40px 0 40px;
    text-align: left;
}

.sec-report-article p{
    margin: 0 0 60px;
}

.sec-report-article img{
    margin: 0 0 20px;
}

.sec-report-article .link-txt-line{
    margin: 80px 0 0;
}

@media (min-width: 1025px) {
    
    /** main visual, info **/
    ul.info-report-main{
        margin: 45px auto 0;
        width: 88%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    ul.info-report-main li{
        padding: 15px 0;
        border-bottom: none;
        border-right: 1px solid #d9d9d9;
        text-align: center;
        width: 25%;
    }
    
    ul.info-report-main li:last-child{
        border: none;
    }

    ul.info-report-main li span{
        font-size: 1.4rem;
        margin-bottom: 10px;
    }
    
    /** article **/
    .sec-report-article{
        padding: 100px 0;
    }
    
    .tit-report{
        font-size: 2rem;
    }
    
    .sec-report-article h3{
        font-size: 2rem;
        text-align: center;
    }
    
    .sec-report-article .link-txt-line{
        margin: 100px 0 0;
    }
    
    
}








/*
 common blog
******************************************************************************
*/

/** side nav **/
.tit-category{
    font-size: 2rem;
    color: #A99E9C;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    margin: 0 0 30px;
}

ul.list-category{
    margin: 0 0 50px;
}

ul.list-category li{
    margin: 0 0 10px;
}

ul.list-category li a{
    color: #484848;
}


/** date **/
dl.blog-date{
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin: 0 0 15px;
}

dl.blog-date dt{
    margin-right: 15px;
}

dl.blog-date dt span{  
    color: #fff;
    background: #A99E9C;
    padding: 5px 20px;
    margin-right: 5px;
    display: inline-block;
}

dl.blog-date dd{
    font-size: 1.6rem;
    color: #A99E9C;
}




@media (min-width: 1025px) {
    
    
}


/*
 blog top
******************************************************************************
*/

.blog-thumb .uk-card-body{
    padding: 20px 20px 40px;
}

.blog-thumb .uk-card-body h3{
    font-size: 1.6rem;
    color: #333;
}


@media (min-width: 1025px) {
    
    .blog-thumb .uk-card-body{
        padding: 30px;
    }
    
}


/*
 blog detail
******************************************************************************
*/

/** article **/
.tit-blog-main{
    font-size: 1.8rem;
    color: #A99E9C;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    margin: 0 0 30px;
    /*font-weight: bold;*/
}

.tit-blog-sub,
.wrap-blog-article h2{
    font-size: 1.8rem;
    color: #A99E9C;
    margin: 40px 0 20px;
    /*font-weight: bold;*/
}

.blog-article p{
    font-size: 1.4rem;
    margin-bottom: 30px;
}

.blog-article p a{
    color: #484848;
}

.blog-article p a:hover{
    color: #484848;
    text-decoration: underline;
}

.blog-article dl.blog-date{
    margin: 0 0 40px;
}

.blog-article img{
    width: 100%;
}

/** pagination **/
ul.blog-pagination{
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 90px;
    font-family: 'EB Garamond', serif;
    letter-spacing: 2px;
}

ul.blog-pagination li .uk-icon{
    transform: scale(1.8);
    font-size: 2.7rem;
}

/** retalted entries **/
.sec-blog-def{
    padding: 85px 0;
}

.sec-related{
    background: #f4f4f4;
}

@media (min-width: 1025px) {
    
    /** article **/
    .tit-blog-main,
    .tit-blog-sub,
    .wrap-blog-article h2{
        font-size: 2.2rem;
    }
    
    .tit-blog-sub,
    .wrap-blog-article h2{
        margin: 60px 0 20px;
    }
    
    /** retalted entries **/
    .sec-related{
        margin-bottom: 120px;
    }
    
}


/*
 news
******************************************************************************
*/

dl.news-desc{
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
}

dl.news-desc dt{
    font-size: 1.3rem;
    margin-bottom: 10px;
    color: #A99E9C;
    font-weight: normal;
    font-family: 'Libre Baskerville', serif;
}

@media (min-width: 1025px) {
    
    dl.news-desc{
         display: flex;
         justify-content: space-between;
    }
    
    dl.news-desc dt{
        font-size: 1.4rem;
        margin-bottom: 0px;
        width: 120px;
    }
    
    dl.news-desc dd{
        width: calc(100% - 120px);
    }
    
}


/*
 faq
******************************************************************************
*/

/** subnav **/
ul.subnav-faq{
    display: grid;
    grid-gap: 5px 20px;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    margin: 0 15px 30px;
}

ul.subnav-faq li a{
    text-align: center;
    display: block;
    width: 100%;
    padding: 13px 0;
    color: #bdbdbd;
    font-size: 1.2rem;
}

ul.subnav-faq li a span{
    font-size: 1.3rem;
    display: block;
    border-bottom: 1px solid #bdbdbd;
    margin: 0 0 10px;
}

ul.subnav-faq li.uk-active a{
    color: #585858;
}

/** list faq **/
/* ul.list-faq{
    padding: 0 0 80px;    
} */

.tit-faq{
    font-size: 1.6rem;
    margin: 0 0 40px;
    color: #484848;
    text-align: center;
}

/** accordion faq **/
ul.accordion-faq li{
    margin: 10px 0 0 !important;
}

ul.accordion-faq li .uk-accordion-title{
    font-size: 1.4rem;
    padding: 10px 0 20px 30px;
    border-bottom: 1px solid #d9d9d9;
    color: #A99E9C;
    position: relative;
}

ul.accordion-faq li .uk-accordion-content{
    font-size: 1.4rem;
    margin-top: 10px;
    padding: 10px 20px 20px 30px;
    position: relative;
}

ul.accordion-faq li .uk-accordion-content a{
    text-decoration: underline;
}

.cap-q{
    font-size: 2rem;
    position: absolute;
    top: 6px;
    left: 0;
}

.cap-a{
    font-size: 2rem;
    color: #A99E9C;
    position: absolute;
    top: 5px;
    left: 0;
}

@media (min-width: 1025px) {

    /** subnav **/
    ul.subnav-faq{
        grid-template-columns: repeat(5, 1fr);
        margin: 0 10% 30px;
    }
    
    /** list faq **/
    ul.list-faq{
        padding: 0 0 0;
        width: 100%;
        margin: 0 auto;
    }
    
    .tit-faq{
        font-size: 2rem;
    }
    
    /** accordion faq **/
    ul.accordion-faq li{
        margin: 20px 0 0 !important;
    }
    
    ul.accordion-faq li .uk-accordion-title{
        font-size: 1.6rem;
        padding: 10px 0 30px 50px;
    }
    
    ul.accordion-faq li .uk-accordion-content{
        padding: 10px 20px 20px 50px;
    }
    
    ul.subnav-faq li a{
        font-size: 1.4rem;
    }
    
    /*.cap-q,
    .cap-a{
        font-size: 2.8rem;
        top: -3px;
    }*/
        
    
}



/*
 salon
******************************************************************************
*/

/** about **/
.tit-counter-about{
    font-size: 1.8rem;
    text-align: center;
}

/** counter **/
.sec-counter{
    padding: 80px 0;
    background: #f4f4f4;
}

.wrap-counter > div{
    margin-bottom: 60px;
}

.wrap-counter h3{
    font-size: 1.6rem;
    margin: 30px 0 10px;
    text-align: center;
}


/** access **/
.sec-counter-access{
    padding: 80px 0;
}

.gmap-salon{
    height: 335px;
}

.wrap-salon-info h3{
    font-size: 2rem;
}

.wrap-salon-info h3 span{
    font-size: 1.3rem;
    display: block;
    color: #7e7573;
}

.txt-gmap-salon a{
    color: #7e7573;
}

.txt-gmap-salon span img{
    width: 13px;
    margin-right: 10px;
}

.wrap-salon-info h4{
    font-size: 1.3rem;
    padding-bottom: 10px;
    border-bottom: 1px solid #D9D9D9;
}

@media (min-width: 1025px) {
    
    /** about **/
    .tit-counter-about{
        font-size: 2rem;
    }
    
    /** counter **/
    .sec-counter{
        padding: 80px 0 100px;
    }
    
    .wrap-counter{
        margin: 40px 0 0;
        display: flex;
        justify-content: space-around;
    }
    
    .wrap-counter div{
        width: 46%;
    }
    
    .wrap-counter h3{
        font-size: 1.8rem;
    }
    
    /** access **/
    .sec-counter-access{
        padding: 100px 0 160px;
    }
    
    .gmap-salon{
        height: 500px;
    }
    
    .wrap-salon-info{
        margin-left: 10%;
    }
    
    .wrap-salon-info h3{
        font-size: 2.4rem;
    }

    .wrap-salon-info h3 span{
        font-size: 1.5rem;
    }
    
    .wrap-salon-info .uk-button-primary{
        width: 240px;
    }

}


/*
 contact common (/online, /request, /contact)
******************************************************************************
*/

.sec-contact-def{
    padding: 0 0 100px;
    background: #f4f4f4;
    border-bottom: 1px solid #fff;
}

.wrap-form{
    padding: 20px;
    background: #fff;
}

@media (min-width: 1025px) {
    
    .sec-contact-def{
        padding: 0 0 120px;
    }
    
    .wrap-form{
        padding: 45px 115px 100px;
    }
    
}



/*
 online
******************************************************************************
*/

/** about **/
.wrap-about{
    padding: 50px 20px;
    margin: 0 0 85px !important;
    border: 1px solid #A99E9C;
    text-align: center;
}

.wrap-about h2{
    font-size: 2rem;
}

/** case **/
.wrap-case{
    padding-left: 15px;
    padding-right: 15px;
}

.tit-case{
    font-size: 1.8rem;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    margin: 0 0 30px;
}

.tit-case span{
    font-size: 1.8rem;
    display: block;
    color: #A99E9C;
}

.case-marker{
    color: #A99E9C;
    display: inline-block;
    margin-right: 8px;
}

/** point **/
.sec-point{
    padding: 80px 0;
    background: url("../image/online/bg_point.png") 0 0 repeat-x #f4f4f4;;
    background-size: 10px 700px;
}

.tit-point{
    font-size: 1.8rem;
    margin: 0 0 30px;
    text-align: center;
}

.tit-point span{
    font-size: 1.8rem;
    display: block;
    color: #A99E9C;
}

.wrap-point{
    margin-bottom: 40px;
}

.card-point{
    background: #fff;
}

.card-point-body{
    padding: 20px;
    text-align: left;
}

.subtit-point-en{
    font-size: 2.2rem;
    font-weight: bold;
    margin: 0;
    color: #A99E9C;
}

.subtit-point-en span{
    font-size: 1.8rem;
    font-weight: normal;
    display: inline-block;
    margin-right: 8px;
}

/** flow **/
.sec-flow{
    padding: 80px 0;
}

.card-flow{
    padding: 45px 20px;
    border: 1px solid #A99E9C;
    position: relative;
}

.card-flow:after{
    font-size: 2.4rem;
    content: ">";
    transform: scaleX(1.8) rotate(90deg);
    color: #A99E9C;
    position: absolute;
    top: 100%;
    right: 48%;
}

.wrap-card-flow div:last-child .card-flow:after{
    content: none;
}

p.subtit-flow-en{
    font-size: 2.4rem;
    color: #A99E9C;
    line-height: 1;
    margin: 0 0 20px;
    text-align: center;
}

.subtit-flow-en span{
    font-size: 1.8rem;
    display: block;
    margin-bottom: 5px;
}

.subtit-flow{
    font-size: 1.8rem;
    color: #A99E9C;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    margin: 0 0 30px;
}

/** reservation **/
.tit-online-reserve{
    padding: 80px 0 30px !important;
}

/** faq **/
.tit-online-faq{
    padding: 80px 0 30px !important;
}

.wrap-list-faq{
    padding: 0 0 120px;
}

.wrap-list-faq .tit-faq{
    margin: 60px 0 50px;
}

.tit-faq span{
    font-size: 1.3rem;
    display: block;
}

.tit-faq{
    font-size: 1.5rem;
}

@media (min-width: 1025px) {
    
    /** about **/
    .wrap-about h2{
        font-size: 2.4rem;
    } 
    
    /** case **/
    .wrap-case{
        width: 60%;
        padding: 0 0 0 80px;
    }
    
    .tit-case,
    .tit-point{
        font-size: 2rem;
    }
    
    .tit-case span,
    .tit-point span{
        font-size: 2rem;
    }
    
    /** point **/
    .wrap-point{
        margin-bottom: 80px;
    }
    
    /** flow **/
    .sec-flow{
        padding: 80px 0 105px;
    }
    
    .card-flow{
        padding: 45px 25px;
    }
    
    .card-flow:after{
        font-size: 3rem;
        transform: scaleX(0.5) rotate(0deg);
        top: 47%;
        right: -50px;
    }
    
    /** reservation **/
    .tit-online-reserve{
        padding: 100px 0 40px !important;
    }
    
    /** faq **/
    .wrap-list-faq{
        width: 80%;
        margin: 0 auto;
    }
    
}