@charset "UTF-8";

/* 商品ページ */

/***********************************************************************************
商品ページ共通
***********************************************************************************/

.product_info section p {
    margin-bottom: 15px
}

.product_info section p:last-child {
    margin-bottom: 0
}

.product_info .scroll-table {
    overflow: auto;
    white-space: nowrap;
}

.products_size,
.products_explain,
.products_hikaku,
.products_giht {
    margin-bottom: 50px
}

.products_size table {
    border-collapse: collapse;
    font-family: -apple-system, Segoe UI, Helvetica Neue, Hiragino Kaku Gothic ProN, "メイリオ", meiryo, sans-serif;
    margin-top: 20px
}

.products_size table th,
.products_size table td {
    border: 1px solid #272727;
    padding: 7px 20px;
    text-align: center;
    background: #fff;
    vertical-align: middle
}

.products_size table th,
.products_size table td.type {
    background-color: #fcffee
}

.products_size table th,
.products_size table td.type2 {
    background-color: #eef4d2
}

.products_size table th,
.products_size table td.type3 {
    background-color: #cae5c1
}

.products_size table .baika {
    background-color: beige;
    font-weight: 600;
    color: #db0000;
    line-height: 1.3
}

.products_size table th {
    background: #7c6f5f;
    color: #fff;
    vertical-align: middle
}

.products_size table th span.tax {
    font-size: 14px;
}

.products_explain .flex {
    display: flex;
    margin-top: 40px
}

.products_explain .flex .left {
    width: 40%
}

.products_explain .flex .left img {
    margin-bottom: 8px;
    width: 100%;
}

.products_explain .flex .right {
    width: 60%;
    padding-left: 45px
}

.products_explain .flex .right h4 {
    font-size: 26px;
    margin: 10px 0 20px;
    border-bottom: 1px dotted gray;
    padding-bottom: 8px
}

.products_explain .flex .right h4.mtn {
    font-size: 20px;
    margin: 5px 0 15px;
    border-bottom: 1px dotted gray;
    padding-bottom: 5px
}

.products_giht .link_btn_wrap .bbk_btn {
    margin: 20px 0 0 0;
    max-width: 200px
}

.products_ura .flex {
    margin-top: 25px
}

.products_ura .flex .left {
    margin-right: 20px
}

.products_ura h4 {
    line-height: 1.3;
    padding-top: 5px;
    text-align: center
}

.product_info .ordermade_flow p {
    margin-bottom: 10px !important
}

.product_info .ordermade_flow p.tel {
    line-height: 1.5 !important;
    margin-top: 10px !important
}

.product_info .ordermade_flow .ordermade_btn {
    margin-top: 20px
}

.size_44_ttl {
    font-size: 18px;
    font-weight: bold;
    margin: 35px 0 -10px
}

.parts_size {
    margin-top: 45px
}

/*
レスポンシブ
-----------------------------------------------------------------------*/
@media only screen and (max-width:767px) {

    .products_size,
    .products_explain,
    .products_hikaku,
    .products_giht {
        margin-bottom: 40px
    }

    .product_info .red_bar_ttl,
    .product_info .blk_bar_ttl {
        margin-bottom: 20px
    }

    .products_size table th,
    .products_size table td {
        padding: 5px 8px;
        font-size: 15px
    }

    .products_size table th {
        font-size: 14px;
    }

    .products_size table th span.tax {
        font-size: 12px;
    }

    .products_size table th {
        background: #7c6f5f;
        color: #fff;
    }

    .products_explain .flex {
        display: flex;
        flex-flow: column;
        flex-direction: column-reverse;
        margin-top: 0px
    }

    .products_explain .flex .left {
        width: 100%;
        display: flex;
    }

    .products_explain .flex .left img {
        margin-bottom: 0;
        width: 50%;
        margin-top: 15px
    }

    .products_explain .flex .right {
        width: 100%;
        padding-left: 0
    }

    .products_explain .flex .right h4 {
        font-size: 18px;
        margin: 0 0 15px;
        padding-bottom: 6px
    }

    .products_giht .link_btn_wrap .bbk_btn {
        margin: 10px 0 0 0;
    }

    .size_44_ttl {
        font-size: 16px;
        font-weight: bold;
        margin: 25px 0 -12px
    }

    .parts_size {
        margin-top: 25px
    }

}



/***********************************************************************************
業務用むしろ
***********************************************************************************/
.max920 {
    max-width: 920px;
    margin: 0 auto
}

.biz-mushiro {}

.biz-mv {
    max-width: 720px;
    margin: 0 auto
}

p.biz-cach {
    text-align: center;
    font-size: 18px;
    margin: 45px 0 !important
}

.biz-neshia_type {
    display: flex;
    width: calc(100% + 50px);
    margin-bottom: 35px
}

.biz-neshia_type li {
    width: calc(100% / 2 - 50px);
    margin-right: 50px;
}

.biz-neshia_type li:last-child {
    margin-right: 0
}

.biz-neshia_type li img {
    width: 100%
}

.biz-neshia_type li h4 {
    font-size: 17px
}

.biz-neshia_type li p.number {
    font-family: -apple-system, Segoe UI, Helvetica Neue, Hiragino Kaku Gothic ProN, "メイリオ", meiryo, sans-serif;
    margin: 5px 0 0 0 !important;
    line-height: 1.2 !important;
    font-size: 15px;
}

.biz-neshia_type li p.neshia_price {
    font-family: -apple-system, Segoe UI, Helvetica Neue, Hiragino Kaku Gothic ProN, "メイリオ", meiryo, sans-serif;
    margin: 0 !important;
    font-weight: 600;
    line-height: 1.8 !important;
}

.biz-neshia_type li p.neshia_price span {
    color: red;
    font-size: 18px;
    margin-left: 10px
}

.neshia_att {
    border: 1px solid #A8A8A8;
    background: #fff;
    padding: 25px 30px;
    font-family: -apple-system, Segoe UI, Helvetica Neue, Hiragino Kaku Gothic ProN, "メイリオ", meiryo, sans-serif;
    margin: 30px 0 60px
}

.neshia_att h4 {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 8px
}

.neshia_att p {
    line-height: 1.7 !important;
    margin-bottom: 5px !important
}

.neshia_att p.att {
    color: #db0505;
    margin-bottom: 0 !important
}

/*レスポンシブ
-----------------------------------------------------------------------*/
@media only screen and (max-width:767px) {

    .biz-mushiro p {
        line-height: 1.85 !important
    }

    p.biz-cach {
        text-align: left;
        font-size: 15px;
        margin: 15px 0 25px !important;
    }

    .biz-neshia_type {
        display: flex;
        width: calc(100% + 5px);
        margin-bottom: 20px
    }

    .biz-neshia_type li {
        width: calc(100% / 3 - 5px);
        margin-right: 10px;
    }


    .biz-neshia_type li h4 {
        font-size: 12px;
        font-feature-settings: "palt";
    }

    .biz-neshia_type li p.number {
        margin: 5px 0 3px 0 !important;
        font-size: 12px;
    }

    .biz-neshia_type li p.neshia_price {
        font-size: 13px;
        line-height: 1.5 !important;
    }

    .biz-neshia_type li p.neshia_price span {
        display: block;
        font-size: 15px;
        margin-left: 0
    }

    .neshia_att {
        border: 1px solid #A8A8A8;
        padding: 15px 18px;
        margin: 20px 0 30px
    }

    .neshia_att h4 {
        font-size: 16px;
        margin-bottom: 6px
    }
}

/***********************************************************************************
業務用タイル
***********************************************************************************/

.flex_tyle_type {
    display: flex;
    margin-bottom: 30px
}

.flex_tyle_type .left {
    width: 300px
}

.flex_tyle_type .right {
    width: calc(100% - 300px);
    padding-left: 40px
}

.flex_tyle_type .right h4 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 8px
}

.flex_tyle_type .right p.number {
    margin-bottom: 0 !important;
    font-family: -apple-system, Segoe UI, Helvetica Neue, Hiragino Kaku Gothic ProN, "メイリオ", meiryo, sans-serif;
    line-height: 1.0 !important;
}

.flex_tyle_type .right p.neshia_price {
    font-family: -apple-system, Segoe UI, Helvetica Neue, Hiragino Kaku Gothic ProN, "メイリオ", meiryo, sans-serif;
    font-weight: 600
}

.flex_tyle_type .right p.neshia_price span {
    color: red;
    font-size: 18px;
    margin-left: 10px
}

.flex_tyle_type .right table {
    font-family: -apple-system, Segoe UI, Helvetica Neue, Hiragino Kaku Gothic ProN, "メイリオ", meiryo, sans-serif;
    line-height: 1.6;
    font-size: 15px;
    margin-top: 5px;
}

.flex_tyle_type .right table th,
.flex_tyle_type .right table td {
    padding: 0 0 5px 0
}

.flex_tyle_type .right table th {
    padding-right: 15px;
    white-space: nowrap
}

.biz_att_maintenance {
    margin-bottom: 50px
}

.biz_att_maintenance table {
    border-collapse: collapse;
    line-height: 1.6;
    font-family: -apple-system, Segoe UI, Helvetica Neue, Hiragino Kaku Gothic ProN, "メイリオ", meiryo, sans-serif;
    margin-top: 20px;
    background: #fff;
}

.biz_att_maintenance table th,
.biz_att_maintenance table td {
    border: 1px solid #2f2f2f;
    padding: 12px 15px
}

.biz_att_maintenance table th {
    background-color: #407e12;
    color: #fff;
    width: 3em;
    text-align: center;
    font-size: 18px
}

.biz_att_maintenance table p {
    line-height: 1.6 !important;
    margin-bottom: 0 !important
}

.biz_att_maintenance table h5 {
    font-weight: 600;
    margin: 8px 0 3px;
    font-size: 17px
}

.biz_att_maintenance table .indent {
    margin-left: 1em
}

/*レスポンシブ
-----------------------------------------------------------------------*/
@media only screen and (max-width:767px) {
    .flex_tyle_type {
        display: block;
        margin-bottom: 30px
    }

    .flex_tyle_type .left {
        width: 100%
    }

    .flex_tyle_type .right {
        width: 100%;
        padding-left: 0
    }

    .flex_tyle_type .right h4 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .flex_tyle_type .right p.number {
        line-height: .5 !important;
    }

    .flex_tyle_type .right table {
        line-height: 1.5;
        font-size: 14px;
        margin-top: 5px;
    }

    .flex_tyle_type .right table th,
    .flex_tyle_type .right table td {
        padding: 0 0 5px 0
    }

    .flex_tyle_type .right table th {
        padding-right: 10px;
    }

    .biz_att_maintenance {
        margin-bottom: 35px
    }

    .biz_att_maintenance table {
        font-size: 15px
    }

    .biz_att_maintenance table th,
    .biz_att_maintenance table td {
        border: 1px solid #2f2f2f;
        padding: 8px 10px
    }

    .biz_att_maintenance table th {
        width: 1.2em;
        font-size: 16px
    }

    .biz_att_maintenance table h5 {
        font-size: 15px
    }
}


/***********************************************************************************
業務用スツール・籠
***********************************************************************************/
.biz-kago ul.line_up {
    display: flex;
    flex-wrap: wrap;
    margin: 60px 0 0
}

.biz-kago ul.line_up li {
    width: calc(100% / 3);
    text-align: center;
    margin: 0 0 35px 0;
    font-family: -apple-system, Segoe UI, Helvetica Neue, Hiragino Kaku Gothic ProN, "メイリオ", meiryo, sans-serif;
}

.biz-kago ul.line_up h4 {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    margin-top: 5px
}

.biz-kago ul.line_up p {
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
    font-size: 15px;
    text-align: center;
}

.biz-kago ul.line_up p.price {
    font-size: 16px !important;
    margin: 0 0 5px 0 !important;
    font-weight: 600
}

.order_flow_kago {
    font-family: -apple-system, Segoe UI, Helvetica Neue, Hiragino Kaku Gothic ProN, "メイリオ", meiryo, sans-serif;
    line-height: 1.8 !important;
    font-size: 15px;
    margin-bottom: 50px !important
}


/*レスポンシブ
-----------------------------------------------------------------------*/
@media only screen and (max-width:767px) {
    .biz-kago ul.line_up {
        display: flex;
        flex-wrap: wrap;
        margin: 30px 0 0
    }


    .biz-kago ul.line_up li {
        width: calc(100% / 2);
        margin: 0 0 20px 0;
    }

    .biz-kago ul.line_up h4 {
        font-size: 14px;
        margin-top: 5px;
        font-feature-settings: "palt";
        line-height: 1.5
    }

    .biz-kago ul.line_up p {
        font-size: 14px;
    }

    .biz-kago ul.line_up p.price {
        font-size: 15px !important;
        margin-top: 5px !important
    }

    .order_flow_kago {
        font-family: -apple-system, Segoe UI, Helvetica Neue, Hiragino Kaku Gothic ProN, "メイリオ", meiryo, sans-serif;
        line-height: 1.8 !important;
        font-size: 14px;
        margin: 10px 0 30px !important
    }

}


/***********************************************************************************
業務用ジョイント
***********************************************************************************/

.flex-joint {
    display: flex;
    max-width: 850px;
    margin: 0 auto 70px;
    justify-content: center
}

.flex-joint .left,
.flex-joint .right {
    background: #f4f4f1;
    padding: 35px
}

.flex-joint .left {
    margin-right: 45px
}

.flex-joint h3 {
    font-size: 20px;
    text-align: center;
    margin: 3px 0 20px;
    padding-bottom: 8px;
    border-bottom: 2px solid #9b1010
}

.flex-joint table th,
.flex-joint table td {
    font-family: -apple-system, Segoe UI, Helvetica Neue, Hiragino Kaku Gothic ProN, "メイリオ", meiryo, sans-serif;
    line-height: 1.6
}

.flex-joint table th {
    padding-right: 1em
}

/*レスポンシブ
-----------------------------------------------------------------------*/
@media only screen and (max-width:767px) {
    .flex-joint {
        display: block;
        margin: 0 auto 40px;
    }

    .flex-joint .left,
    .flex-joint .right {
        background: #f4f4f1;
        padding: 25px
    }

    .flex-joint .left {
        margin-right: 0;
        margin-bottom: 30px
    }

    .flex-joint h3 {
        font-size: 20px;
    }

    .flex-joint table th,
    .flex-joint table td {
        font-size: 15px
    }

}

/*追加CSS
-----------------------------------------------------------------------*/

.torikeshi {
    text-decoration: line-through;
}

.tokka {
    font-size: 14px;
    color: blue
}