@charset "UTF-8";
/*全体*/
html{
    font-size: 62.5%;
}

body{
    background-color: #eaeaea;
    font-family: sawarabi-gothic, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 26px;
    color: #494948;
}

a{
    color:#494948;
    text-decoration: none;
    
}

a:hover{
    color: #9a8f9a;
}

li{
    list-style: none;
    text-align: left;
}

button{
    text-decoration: none;
    border: none;
    background-color: #eaeaea;
    color: #494948;
}

section{
    margin-top: 104px;
}

#notes{
    margin-bottom: 104px;
}

.main_container{
    margin: 0 10%;
}

.hide_point,.incon_space{
    margin-bottom: 48px;
}

.card,#about_wrap{
    display: flex;
    justify-content: space-between;
}

.more_item,.yoyaku_item,.caution_item{
    width: 32%;
    border-radius: 10px;
    padding: 32px;
}

.more_item:nth-child(1),.yoyaku_item:nth-child(1),.caution_item:nth-child(1){
    background-color: #cfcfcf;
}

.more_item:nth-child(2),.yoyaku_item:nth-child(2),.caution_item:nth-child(2){
    background-color: #c3c3c3;
}

.more_item:nth-child(3),.yoyaku_item:nth-child(3),.caution_item:nth-child(3){
    background-color: #b5b5b5;
}

.link{
    text-decoration: underline;
}

.item_text{
    margin-bottom: 24px;
}

.pc-only {
    display: block;
}
  
.sp-only {
    display: none;
}



/*SP全体*/
@media screen and (max-width : 752px ){
    body{
        width: 100%;
        font-size: 1.2rem;
    }

    .pc-only{
        display: none;
    }

    .sp-only {
        display: block;
    }

    .main_container{
        margin: 0 3%;
    }

    .card,#about_wrap{
        display: block;
    }
    
    .more_item,.yoyaku_item{
        width: 100%;
        border-radius: 10px;
        margin-bottom: 8px;
    }

    .more_item:nth-child(1),.yoyaku_item:nth-child(1),.caution_item:nth-child(1){
        background-color: #cfcfcf;
    }
    
    .more_item:nth-child(2),.yoyaku_item:nth-child(2),.caution_item:nth-child(2){
        background-color: #c3c3c3;
    }
    
    .more_item:nth-child(3),.yoyaku_item:nth-child(3),.caution_item:nth-child(3){
        background-color: #b5b5b5;
    }


}

.cf:after{
    content: "";
    display: block;
    clear: both;
}





/*タイトル,ボタン*/
.sec_title{
    font-family: futura-pt, sans-serif;
    font-style:normal;
    font-weight: 300;
    font-size: 2.0rem;
    text-align: center;
    margin-bottom: 64px;
}

.item_title{
    position: relative;
    text-align: left;
    padding-top: 10px;
    padding-left: 30px;
    font-size: 1.4rem;
}

.item_title span{
    position: relative;
    z-index: 0;
    letter-spacing: 0.5em;
}

.item_title::before{
    content: attr(data-en);
    position: absolute;
    transform: rotate(-5deg);
    top: 0;
    left: 0;
    color: #9a8f9a;
    font-size: 1.8rem;
    font-family: mina, serif;
    font-style: normal;
    font-weight: 400;
}

.list_title,.yoyaku_first_title{
    font-size: 1.4rem;
}

.yoyaku_first_title{
    font-size: 1.4rem;
    margin-bottom: 32px;
}

#yoyaku .first_title{
    text-align: center;
}

.shop_con_title{
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 64px;
}

.sns{
    width: 20px;
    height: 20px;
    min-width: 20px;
}

/* minnne */
.item_link{
    text-align: center;
    margin: 0 auto;
}

.link{
    display: inline-block;
}

.banner{
    display: block;
    max-height: 45px;
    margin: 0 auto;
}

/* LINE */
.line{
    width: 150px;
    min-height: 10px;
    margin: 20px;
}

.yoyaku_line{
    text-align: center;
    margin: 32px auto;
}

.yoyaku_line img{
    display: block;
    margin: 0 auto;

}

.yoyaku_line p{
    text-align: center;
    margin-bottom: 16px;
}

@media screen and (max-width : 752px ){
    .sns{
        width: 20px;
        height: 40px;
        min-width: 20px;
        padding-bottom: 20px;
    }
}


/*テキスト*/
.text{
    text-align: left;
}

.item_text,.day_time{
    font-size: 1.2rem;
}



.menu_item p{
    font-size: 1.0rem;
}

.text span{
    background-image: linear-gradient(
        rgba(0 0 0/0) 60%,
        #9a8f9a73 60%
    );
}

.item_link p{
    text-align: center;
    margin-bottom: 16px;
}

@media screen and (max-width : 752px ){
    #prof h3{
        font-size: 1.2rem;
    }
}



/*ヘッダー_PC*/
#header_wrap{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 30px 160px;
    position: fixed;
    z-index: 10;
    top: 0px;
    left: 0;
    background-color: #eaeaea30;
}

#header_wrap ul{
    display: flex;
    text-align: center;
    padding: 10px 0;
}

.logo{
    width: 150px;
}

.logo a{
    display: block;
}

.nav{
    font-family: futura-pt, sans-serif;
    font-style:normal;
    font-weight: 300;
    font-size: 1.8rem;
}

.nav li{
    list-style: none;
    margin: 28px;
}

.sp_nav{
    display: none;
}

/*ヘッダー_SP*/
@media screen and (max-width : 752px ){
    #header_wrap{
        display: none;
    }

    #sp_header_wrap{
        display: flex;
        width: 100%;
        position: fixed;
        padding: 30px;
        z-index: 10;
        top: 0;
        left: 0;
        background-color: #eaeaea30;
    }

    #sp_header_wrap .sns_sp{
        position: fixed;
        left: 2%;
        bottom: 2%;
    }

    .nav_burger{
        display: block;
        width: 70px;
        height: 70px;
        position: absolute;
        top: 0%;
        right: 0%;
        padding: 22px 18px;
    }

    .nav_burger_line{
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }

    .nav_burger_line span{
        display: block;
        width: 100%;
        height: 2px;
        background-color: #494948;
        position: absolute;
    }

    .nav_burger_line span:nth-child(1){
        top: 0;
    }

    .nav_burger_line span:nth-child(2){
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .nav_burger_line span:nth-child(3){
        bottom: 0;
    }

    #sp_nav_wrap{
        display: none;
        width: 100%;
        height: 50%;
        background-color: #eaeaea6b;
        position: fixed;
        top: 100px;
        z-index: 100;
        padding-top: 50px;
      }

      .sp_nav{
        display: block;
      }

      .sp_nav li{
        font-family: futura-pt, sans-serif;
        font-style:normal;
        font-weight: 300;
        font-size: 1.8rem;
        text-align: center;
        line-height: 3.2rem;
      }
}



/*メインビジュアル_PC*/
#mv_img{
    padding-top: 64px;
}

#mv_img img{
    max-height: 791px;
    border-radius: 61% 39% 49% 51% / 33% 49% 51% 67%;
    margin: 0 auto;
}

/*メインビジュアル_SP*/
@media screen and (max-width : 752px ){
    #mv_img{
        padding-top: 110px;
    }

}


/*news_PC*/
#news{
    margin:104px 20% 48px;
}


@media screen and (max-width : 752px ){
    #news{
        margin:104px 5% 48px;
    }
}



/*アバウト_PC*/
#about_text{
    max-width: 40%;
}

#about_img{
    max-width: 40%;
} 

#about_img img{
    border-radius: 5%;
}

.hide_point{
    display: block;
    margin: auto;
    font-family: futura-pt, sans-serif;
    font-style:normal;
    font-weight: 300;
    font-size: 1.8rem;
}

.more_item{
    text-align: center;
    /* margin: 0 auto; */
}

.more_item li{
    font-size: 1.2rem;
    list-style:inside;
}

.more_item img{
    display: block;
    border-radius: 79% 21% 57% 43% / 33% 49% 51% 67%;
    margin: 0 auto 48px;
}

#prof dl{
    display: table;
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
    width: 100%;
}

#prof dl dt {
    display: table-cell;
    text-align: right;
    width: 10em;
    padding: 0.5em 1.0em 0.5em 0.5em;
    position: relative;
    /* width: calc(100% - 10em); */
    padding: 0.5em 2.0em 3.0em;
    border-right: 2px solid #ccc;
}

#prof dl dt::after {
    content: '●';
    position: absolute;
    right: -0.55em;
    top: 5px;
    font-size: 22px;
    color: #9a8f9a;
}

#prof dd{
    padding: 0.5em 2.0em 3.0em;
}
 


/*アバウト_SP*/
@media screen and (max-width : 752px ){
    #about_more{
        margin-top: 16px;
    }

    #about_text{
        max-width: 100%;
    }
}




/*デザイン例_PC*/


#design_slide{
    text-align: center;
    margin: 0 auto;
    max-width: 880px;
}

#js_slider,#js_slider_thumb{
    list-style: none;
    padding: 0;
    margin: 0;
}

#js_slider li, #js_slider_thumb li{
    display: inline-block;
    /* margin: 3px; */
    vertical-align: top;
}

.slide_1 img {
    width: 880px;
    height: 586px;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 10px;
}



/* .slide_thumb .thumb {
    width: 290px;
    height: 200px;
    object-fit: cover;
    border-radius: 5px;
} */


/*デザイン_SP*/
@media screen and (max-width : 752px ){
    #design{
        margin: 48px 0px 104px;
    }

    /* #design .sec_title{
        margin-bottom: 0;
    } */

    .slide_1 img{
        width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 5%;
    }

    .slick-arrow:before{
	    content:""!important;
    }
}

/*料金_PC*/
#menu_wrap{
    margin: 0 30%;
}

#menu_wrap .list_title{
    text-align: center;
}

#menu_wrap .menu_item{
    /* width: 40%; */
    background-color: #d7d7d7;
    border-radius: 10px;
    padding: 32px;
}

.menu_item dl{
    display: table;
    width: 100%;
}

.menu_item dt{
    display: table-cell;
    padding: 0.4rem;
}

.menu_item .under::after{
    content: "★";
}

.menu_item .kara::after{
    content: "～";
}

.menu_item dd{
    text-align: right;
    display: table-cell;
    padding: 0.4rem;
}

.menu_item dd::after{
    display: inline-block;
}

.menu_item p{
    margin-top: 24px;
}

/*料金_SP*/
@media screen and (max-width : 752px ){
    #menu_wrap{
        margin: 0;
    }
}

/*予約*/


#yoyaku_text{
    margin:0 20% 48px;
}

.yoyaku_list{
    margin-bottom: 16px;
}

.yoyaku_list li{
    list-style:inside;
    font-size: 1.2rem;
}

#yoyaku_item_time{
    min-width: 320px;
}

#yoyaku_item_time .item_text{
	margin-top: 16px;
}

.yoyaku_item .item_title{
    margin-top: 48px;
}

.item_text_wrap .day_time{
    display: table;
    width: 100%;
    
}

.item_text_wrap .day_time dt{
    display: table-cell;
    width: 50%;
    text-align: center;
    padding: 0.2rem;
    border-bottom: solid 0.1px #494948;
}

.item_text_wrap .day_time dd{
    display: table-cell; 
    font-size: 1.0rem;
    width: 50%;
    padding: 0.2rem;
    border-bottom: solid 0.1px #494948;
}

.item_text_wrap .day_time dd::after{
    display: inline-block;
}

.item_link{
    text-align: center;
}

.item_link a{
    display: inline-block;
}

.item_link img{
    display: block;
    margin: 0 auto;
}



#yoyaku_first dl,#notes dl{
    display: table;
    width: 100%;
}

#yoyaku_first dt,#notes dt{
    display: table-cell;
    position: relative;
    width: 13em;
    padding: 1em;
    border-bottom: solid 0.1px #494948;
}

#yoyaku_first dt span,#notes dt span{
    position: relative;
    z-index: 2;
}

#yoyaku_first dt::before,#notes dt::before{
    content: attr(data-number);
    position: absolute;
    top: 0.1em;
    left: 0;
    font-size: 3.0rem;
    color: #9a8f9a73;
    z-index: 1;
    font-family: mina, serif;
    font-style: normal;
    font-weight: 400;
}

#yoyaku_first dd,#notes dd{
    display: table-cell;
    font-size: 1.2rem;
    padding: 1em;
    border-bottom: solid 0.1px #494948;
}

#yoyaku_first li,#notes li{
    list-style: inside;
}


/*予約_SP*/
@media screen and (max-width : 752px ){
    #yoyaku_text{
        margin:0 0 48px;
    }

    #yoyaku_first dl{
        display: block;
    }

    #yoyaku_first dt{
        display: block;
        border-style: none;
    }

    #yoyaku_first dd{
        display: block;
    }

}


/*ショップ_PC*/
.shop_site{
    display: flex;
    justify-content: center;
}

.shop_site img{
    padding-right: 2em;
    margin-bottom: 28px;
}






/*ショップ_SP*/





/*注意事項_PC*/
.tips_about_text{
    padding: 32px;
    margin: 0 10%;
}

.tips_about_text li{
    list-style: inside;
}

.caution_item{
    text-align: center;
    margin: 0 auto;
}

.caution_item img{
    border-radius: 5%;
}

.caution_item p{
    text-align: center;
}


/*注意事項_SP*/
@media screen and (max-width : 752px ){
    #tips_about .sp-only{
        background-color: #dfd4c0;
        border-radius: 5%;
        padding: 32px;
    }

    .tips_about_text{
        padding: 16px;
        
    }
    
    #tips_about li{
        list-style: inside;
    }

    #notes .sp-only .hide_point{
        font-size: 1.4rem;
        padding: 1em;
        border-bottom: solid 0.1px #494948;
    }

    #notes .sp-only ul p{
        font-size: 1.2rem;
        padding: 1em;
    }

    
}



/*フッター*/
footer{
    background-color: #9a8f9a73;
    margin-top: 104px;
    padding: 32px;
}

footer p{
    text-align: center;
    font-size: 1.2rem;
}

footer .copy{
    margin-top: 32px;
}

/* #footer_wrap{
    display: flex;
    justify-content: center;
} */



/*フッター_SP*/
@media screen and (max-width : 752px ){
    .other_site{
        display: block;
    }

    .other_site img{
        padding-right: 0;
        display: block;
        margin: auto;
        margin-bottom: 28px;
    }
}


/* アコーディオンメニュー */
.hide_point{
    cursor: pointer;
}

.hide_point:hover{
    color: #9a8f9a;
}

.hide_point::after{
    content:url()
}

.hide{
    display: none;
}