@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; */
}

/* トップページ帯 */
#ttl_block {
    height: 230px !important;
    background-image: none !important;
}

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

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


/* 概要テキスト&施行受付エリア */
.store-d_section {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto 50px auto;
}

.store_text p {
    margin: 50px auto;
    font-size: 1.8em;
    line-height: 1.6;
    text-align: center;
    color: #222;
}

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

/* 表 */
.store-d_section {
    max-width: 1280px;
    margin: 0 auto 150px auto;
    /* 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;
}


/* ここまで */

/* リフォーム施行～エリア */
.store_bgimg {
    background-image: url("/reform/common/images/ptrn_bg.png");
}

.store_tabtit p,
.store_tabtit02 p {
    position: relative;
    margin: 50px auto;
    font-size: 32px;
    line-height: 1.6;
    text-align: center;
    color: #222;
}

.store_tabtit p::after {
    content: "";
    position: absolute;
    bottom: -15%;
    left: 50%;
    width: 31%;
    height: 2px;
    background-color: #78503c;
    transform: translateX(-50%);
}

/* その他のエリア */
.store_tabtit02 p::after {
    content: "";
    position: absolute;
    bottom: -15%;
    left: 50%;
    width: 12%;
    height: 2px;
    background-color: #78503c;
    transform: translateX(-50%);
}

#tab_block .tab_content_wrap .store_tab ul li {
    font-size: 1.6em;
    line-height: 1em;
    font-weight: 700;
    color: #fff;
    padding: 0 1em;
    transition: all .3s ease-in-out;
}

.store_pad01 {padding: 0 0 85px;}

#tab_block .tab_content_wrap {background-color: #af9283 !important;}
/* ここまで */

/* 下記より　店舗情報 */
.store_set {
    width: 100%;
    margin: 0 auto 100px;
}

.store_tp {
    padding: 0px;
    font-size: 1.6em;
    line-height: 1.6;
    color: #fff;
    background-color: #78503c;
    cursor: pointer;
    transition: all .3s;
}


.store_tp a {
    display: block;
    padding: 15px 50px;
    border-left: solid 0.3px #fff;
    border-bottom: solid 0.3px #fff;
    color: #fff;
}

.store_tp:hover {background-color: #ff9600;}

.store_chiba {
    position: relative;
    margin: 160px auto 50px auto;
    font-size: 2.4em;
    text-align: center;
    line-height: 1.6;
    color: #222;
}

.store_chiba_aj01 {margin-top: 100px;}

.store_chiba::after {
    content: "";
    position: absolute;
    bottom: -15%;
    left: 50%;
    width: 3%;
    height: 2px;
    background-color: #78503c;
    transform: translateX(-50%);
}

.store_box {
    width: 100%;
    margin-bottom: 30px;
}

.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_info_detail p {
    margin-bottom: 15px;
    font-size: 1.6em;
    font-weight: 800;
    line-height: 1.6;
    text-align: left;
    color: #222;
}

#list_main_block .box .store_info dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#list_main_block .box .store_info dl dt {
    width: 35%;
    /* width: 25%; */
    position: relative;
    margin-bottom: 15px;
}

#list_main_block .box .store_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;

}

#list_main_block .box .store_info dl dd {
    width: 65%;
    /* width: 70%; */
    margin-bottom: 15px;
}

#list_main_block {padding: 0 0 100px;}
/* ここまで */

/* タブレット版 */
@media screen and (max-width: 999px) {
    .f-column {flex-direction: column;}

    .store_text p {text-align: left;}

    #list_main_block .box .img {width: 100% !important;}

    .store_info {padding: 15px 0 0 0px;}

    #store_btn_ajust a {padding: 1em 15em;}

    .store-d_section { margin: 0 auto 150px auto;}
}


/* 下記よりスマホ版 */
@media only screen and (max-width: 767px) {

    .direct_column {flex-direction: column;}

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

    /* 概要テキスト&施行受付エリア */
    .store_text p {
        width: 90%;
        margin: 0 auto 25px auto;
        font-size: 1.6em;
        text-align: left;
    }

    .store-d_eigyou {text-align: center !important;}

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

    /* 表 */
    #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;}
    /* ここまで */

    /* リフォーム施行～エリア */
    .store_tabtit p,
    .store_tabtit02 p {
        margin: 25px auto 30px auto;
        font-size: 23px;
    }

    .store_tabtit p::after {width: 84%;}

    /* その他のエリア */
    .store_tabtit02 p::after {width: 35%;}

    .store_pad01 {padding: 0 0 50px;}

    #tab_block .tab_content_wrap .tab_content ul li a {font-size: 1.6em !important;}
    /* ここまで */

    /* 下記より　店舗情報 */
    .store_set {margin: 0 auto 50px;}

    .store_tp {
        width: 100%;
        /* padding: 20px 30px; */
    }

    .store_chiba {
        margin: 50px auto 25px auto;
        font-size: 2em;
    }

    .store_chiba::after {width: 10%;}

    .store_box {
        width: 100%;
        margin-bottom: 30px;
    }

    .store_info {
        margin: 15px 0 20px 0;
        padding: 0;
    }

    .store_info_detail p {margin-bottom: 10px;}

    #list_main_block .box .store_info dl dt {
        width: 30%;
        margin-bottom: 15px;
    }

    .btn {width: 100%;}
    /* ここまで */

    #store_btn_ajust a {padding: 1.25em 2em;}

}
/* ここまで */

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

.store_list__pc {display: block;}

.store_list__sp {display: none;}

/* 店舗 */

#list_main_block .box .img {width: calc((70% - 20px) /2);}

.store_info {
    width: calc((100% - 20px) /2);
    /* flex: 1; */
    align-self: flex-start;
    font-size: 1.6em;
    line-height: 1.5;
    text-align: left;
    padding: 0 0 0 20px;
}

.store_info {
    width: calc((100% - 20px) /2);
    /* flex: 1; */
    padding: 0 0 0 20px;
}

/* 店舗リンクボタン */
.store_info_detail .btn {
    display: inline-block;
    width: 78%;
    padding: 11px;
    /* font-size: 1.8em; */
    font-size: 1.3em;
    line-height: 1.5em;
    font-weight: 700;
    text-align: center;
    border-radius: 4em;
    transition: all .3s;
    color: #fff;
    background-color: #78503c;
}

.store_info_detail .btn>span::after {
    content: "";
    width: 0.5em;
    height: 1em;
    clip-path: polygon(0 0, 100% 50%, 0% 100%);
    background-color: #ffc800;
    margin-top: -0.5em;
    position: absolute;
    top: 50%;
    right: 1.5em;
    transition: all .3s;
}

.store_info_detail  .btn>span {
    position: relative;
    display: block;
    padding: 0 1em;
}

.store_info_detail  .btn:hover {background-color: #ff9600;}

/* タブレット版 */
@media screen and (max-width: 999px) {
    /* 店舗 */
    #list_main_block .box .img {width: calc((70% - 20px) /2);}

    .store_info {
        width: 100% !important;
        margin-top: 15px;
        padding: 0;
    }

    /* 店舗リンクボタン */
    .store_info_detail .btn {width: 100%;}

    .store_info_detail  .btn>span {
        position: relative;
        display: block;
        padding: 0 1em;
    }

    #store_btn_ajust a {padding: .6em;}
}

/* 下記よりスマホ版 */
@media only screen and (max-width: 767px) {
    .store_info_detail .store_list_anntxt01 {
        font-size: 1em;
        font-weight: 500;
        line-height: 1.6;
        text-align: left;
        padding-left: 1em;
        text-indent: -1em;
    }
    .store_list__pc {display: none;}

    .store_list__sp {display: block;}

    #list_main_block .box .store_info dl dt {width: 53%;}

    #list_main_block .box .store_info dl dd {width: 47%;}

    /* 店舗リンクボタン */
    .store_info_detail  .btn {
        margin-top: 15px;
        font-size: 1.2em;
    }
}
/* ここまで */