@charset "UTF-8";

*,
*::before,
*::after {box-sizing: border-box;}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    /* align-items: center; */
}

.align_self {align-self: flex-start;}


/* ページトップ */

#ttl_block {
    height: 250px !important;
    background-image: none !important;
}

#ttl_block .inner {height: 280px !important;}

#ttl_block .inner .page_ttl .ttl_jp {
    display: block;
    font-size: 2.8em;
    font-weight: 700;
    line-height: 1.5em;
    color: #78503c !important;
}

/*　下記より　スクロールヘッダー */

/* 位置など */
#fixed-header {
    position: fixed;
    top: -70px;  
    width: 100%;
    height: 70px;
    line-height: 70px;
    font-size: 2em;
    text-align: center;
    color: #fff;
    background: #78503c;
    transition: .5s; /* アニメーションタイミング */
}

#fixed-header.is-show {
    top: 0;
    z-index: 999;
}

/* ヘッダー中身 */
.store-d_headbox {
    width: 100%;
    height: 100%;
    margin: 0 20px;
}

.store-d_headtxt01,
.store-d_headtxt02 {width: calc((100% - 20px) /3);}

.store-d_headtxt02 {margin: 0 20px;}

.store-d_headtxt01,
.store-d_headtxt02 {
    font-size: .9em;
    text-align: left;
    line-height: 1.6;
    color: #fff;
}

.store-d_headbtn {
    width: 13%;
    /* position: relative; */
    padding: 5px;
    font-size: .9em;
    text-align: center;
    line-height: 1.6;
    border-radius: 20px;
    border: solid 2px #fff;
    color: #78503c;
    background-color: #fff;
    transition: .3s;
   
}

.store-d_headbtn a {
    display: block;
    border-radius: 20px;
    text-decoration: none;
    color: #78503c;
}

.store-d_headbtn:hover {
    background-color: #78503c;
    transition: .3s;
}

.store-d_headbtn a:hover {
    color: #fff;
    transition: 1s;
}

/* .store-d_headbtn::after {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    width: .8em;
    height: .8em;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    transform: translateY(-25%) rotate(135deg);
    vertical-align: middle;
    line-height: 1;
    color: #78503c;
} */


/* ここまで */

.store-d_wrap {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto 50px auto;
}


.store-d_tit {
    font-size: 2em;
    text-align: left;
    line-height: 1.6;
    color: #222;
}

.store-d_tit span {
    font-size: 1.7em;
    text-align: left;
    line-height: 1.6;
    color: #222;
}

.store-d_eigyou {
    width: 100%;
    margin: 20px auto 15px auto;
    padding: 15px;
    font-size: 1.8em;
    text-align: left;
    color: #fff;
    background-color: #78503c;
}

.store-d_ann {
    font-size: 1.8em;
    text-align: left;
    line-height: 1.6;
    color: #222;
}

.store-d_maintit,
.store-d_mainimg,
.store-d_info,
.store-d_g-map,
.store-d_areaimg,
.store-d_areatxt {width: calc((100% - 20px) /2);}

.store-d_maintit {margin-right: 20px;}

/* 下記　店舗案内 */
.store-d_annai {margin: 20px auto;}

.store_info {
    flex: 1;
    align-self: flex-start;
    font-size: 1.6em;
    line-height: 1.5;
    text-align: left;
    padding: 0 0 0 40px;
}

.store-d_info dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.8em;
    text-align: left;
    line-height: 1.6;
}


.store-d_info dl dt {
    width: 25%;
    position: relative;
    margin-bottom: 15px;
}

.store-d_info dl dt::after {
    content: "";
    position: absolute;
    top: 8px;
    right: 20px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #78503c;

}

.store-d_info dl dd {
    width: 70%;
    margin-bottom: 15px;
}
/* ここまで */

/* Google MAP */
.store-d_g-map {
    width: calc((100% - 20px) /2);
    height: 0;
    position: relative;
    padding-top: 56.25%;
}

.store-d_g-map iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


/* 下記　施行受付エリア */
.store-d_rep {
    font-size: 1.8em;
    line-height: 1.6;
    text-align: left;
    color: #222;
}

.store-d_areaimg {margin-right: 20px;}

.store-d_rep dl dt {width: 20%;}

.store-d_rep dl dd:nth-of-type(n+2) {margin-top: 20px;}

.store-d_rep dl dd {width: 75%;}

/* ここまで */


/* 下記　店内展示商品 */
.store-d_tenji {
    margin: 50px auto;
    padding: 30px 0;
    background-image: url("/reform/common/images/ptrn_bg.png");
}

.store-d_center {
    font-size: 1.8em;
    text-align: center;
    line-height: 1.6;
    color: #222;
}

.store-d_product {
    margin: 20px;
    border: solid 1px #78503c;
}

.store-d_okunai,
.store-d_okugai {padding: 20px;}

.store-d_okunai p,
.store-d_okugai p {
    width: 15%;
    margin: 0 auto 15px auto;
    padding: 7px;
    font-size: 1.8em;
    line-height: 1.6;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    background-color: #78503c;
}

/* 商品アイコン */
.store-d_iconbox {width: 100%;}

.store-d_ico {
    display: inline-block;
    width: 90px;
    height: 90px;
    margin: 10px 0;
    border-radius: 50%;
    /* background-color: #fff; */
}

.store-d_probox {width: calc((100% - 20px) /6);}

.store-d_probox02 {width: calc((100% - 20px) /4);}

.store-d_probox div,
.store-d_probox02 div{
    margin-bottom: 5px;
    font-size: 1.6em;
    line-height: 1.6;
    text-align: center;
    color: #222;
}
/* ここまで */


/* 23/05/26 下記より追記 */
.store-d_section {
    max-width: 1280px;
    margin: 0 auto;
}

#store-d_graph table {
    width: 100%;
    font-size: 14px;
    border-collapse: collapse;
    border-spacing: 0;
}

#store-d_graph table th {
    width: 22%;
    padding: 15px;
    font-size: 1.3em;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #ccc;
    color: #fff;
    background-color: #78503c;
}

#store-d_graph table td {
    padding: 15px;
    font-size: 1.3em;
    text-align: left;
    vertical-align: top;
    line-height: 1.6;
    border: 1px solid #ccc;
    background-color: #fff;
}
/* ここまで */

/* タブレット版 */
@media screen and (max-width: 999px) {
    .store-d_headtxt01,
    .store-d_headtxt02 {font-size: .7em;}
    
    .store-d_headbtn {
        width: 20%;
        font-size: .7em;
    }

    .store-d_probox {width: calc((100% - 20px) /4);}

    .store-d_probox02 {width: calc((100% - 20px) /4);}

}



/* 下記よりスマホ版 */
@media only screen and (max-width: 767px) {
    .f-direction {flex-direction: column;}

    #ttl_block {height: 150px !important;}
    
    #ttl_block .inner {height: 150px !important;}

    /*　下記より　スクロールヘッダー */

    /* 位置など */
    #fixed-header {
        top: -130px;  
        height: 125px;
        font-size: 1.9em;
        line-height: 1.6;
    }

    #fixed-header.is-show {
        top: 0%;
        /* top: 9%; */
    }

    /* ヘッダー中身 */
    .store-d_headbox {
        width: 90%;
        height: 90%;
        margin: 0 auto;
    }

    .store-d_headtxt01,
    .store-d_headtxt02 {width: 100%}

    .store-d_headtxt02 {margin: 0;}

    .store-d_headtxt01,
    .store-d_headtxt02 {
        font-size: .7em;
        text-align: left;
        line-height: 1.6;
        color: #fff;
    }

    .store-d_headbtn {
        width: 60%;
        margin: 0 auto;
        padding: 2px;
        font-size: .7em;
    
    }

    /* .store-d_headbtn::after {
        position: absolute;
        display: inline-block;
        top: 0;
        right: 0;
        width: .8em;
        height: .8em;
        border: 0.1em solid currentColor;
        border-left: 0;
        border-bottom: 0;
        transform: translateY(-25%) rotate(135deg);
        vertical-align: middle;
        line-height: 1;
        color: #78503c;
    } */
    /* ここまで */



    /* ページトップ */
    .store-d_wrap {
        max-width: 767px;
        margin: 0 auto 25px auto;
    }

    .store-d_tit {font-size: 1.8em;}

    .store-d_tit span {font-size: 1.3em;}

    .store-d_eigyou { margin: 15px auto 15px auto;}

    .store-d_ann {font-size: 1.6em;}

    .store-d_maintit,
    .store-d_mainimg,
    .store-d_info,
    .store-d_g-map,
    .store-d_areaimg,
    .store-d_areatxt {width: 100%;}

    .store-d_maintit {
        margin-top: 25px;
        margin-right: 0;
    }

    .store-d_mainimg{
        z-index: -5;
        order: -1;
    }
    
    /* 下記　店舗案内 */
    .store-d_annai {margin: 0 auto;}

    .store_info {
        flex: 1;
        align-self: flex-start;
        font-size: 1.5em;
        line-height: 1.5;
        text-align: left;
        padding: 0 0 0 40px;
    }

    .store-d_info dl {
        width: 100%;
        justify-content: center;
        font-size: 1.6em;
    }

    .store-d_info dl dt::after {right: 12px;}

    .store-d_info dl dt {
        width: 25%;
        margin-bottom: 10px;
    }

    .store-d_info dl dd {
        width: 70%;
        margin-bottom: 10px;
    }
    /* ここまで */


    /* 下記　施行受付エリア */
    .store-d_rep {
        width: 100%;
        font-size: 1.6em;
    }

    .store-d_areaimg {margin-right: 0;}

    .store-d_rep dl dt {width: 20%;}

    .store-d_rep dl dd {
        width: 75%;
        margin-top: 20px;
    }

    /* ここまで */

    /* 下記　店内展示商品 */
    .store-d_tenji {
        margin: 25px auto;
        padding: 25px 0;
    }

    .store-d_product {margin: 15px;}

    .store-d_okunai,
    .store-d_okugai {padding: 15px;}

    .store-d_okunai p,
    .store-d_okugai p {width: 50%;}

    /* 商品アイコン */
    .store-d_iconbox {width: 100%;}

    .store-d_okunai .store-d_iconbox::after {
        content:"";
        width: 30%;
        display: block;
    }

    .store-d_okugai .store-d_iconbox::after {
        content:"";
        width: 30%;
        display: block;
    }

    .store-d_ico {
        display: inline-block;
        width: 60px;
        height: 60px;
        margin: 10px 0;
        border-radius: 50%;
        background-color: #fff;
    }

    .store-d_probox,
    .store-d_probox02 {width: calc((100% - 20px) /3);}
    /* ここまで */

    /* 23/05/26 下記より追記 */
    .store-d_section {
        max-width: 767px;
        width: 100%;
    }

    #store-d_graph table th,
    #store-d_graph table td {
        width: 100%;
        display: block;
        font-size: 1.2em;
        border-bottom: none;
    }

    #store-d_graph table tr:last-child td:last-child {border-bottom: 1px solid #ccc;}
    /* ここまで */
    
    /* 23/06/02 下記より追記 */
    .store-d_probox div, .store-d_probox02 div {font-size: 1.5em;}

    .store-d_ico {
        width: 70px;
        height: 70px;
        background-color: transparent;
    }
    
    /* ここまで */
}
/* ここまで */

/* 23/07/03 */
.shop_img_slider {width: calc((100% - 20px) /2);}

.shop_img_slider {
    height: 500px;
    position: relative;
    z-index: 1;
    /* display: none;
    height: 100%; */
}

.shop_img_slider.slick-initialized {display: block;}

.shop_img_slider .slick-list,
.shop_img_slider .slick-track {height: 100%;}

.shop_img_slider .slide {
    height: 100%;
    /* background-image: url("../images/store_dummy02.png"); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* タブレット版 */
@media screen and (max-width: 999px) {
}

/* 下記よりスマホ版 */
@media only screen and (max-width: 767px) {
    .shop_img_slider {
        width: 100%;
        height: 300px;
        order: -1;
    }
    /* .store-d_mainimg{
        z-index: -5;
        order: -1;
    } */
}
/* ここまで */

/* 23/07/13 */
/* タブレット版 */
@media screen and (max-width: 999px) {
    .flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }
}

/* 下記よりスマホ版 */
@media only screen and (max-width: 767px) {
    .flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }
}
/* ここまで */

/* 23/08/31 */
.store_detail_anntxt01 {
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.6;
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
}

/* タブレット版 */
@media screen and (max-width: 999px) {
}

/* 下記よりスマホ版 */
@media only screen and (max-width: 767px) {
    .store_detail_anntxt01 { font-size: 1.4em;}

}