@charset "utf-8";
/* カスタムユニット用 */

/* container */
.section .container {
max-width: 1040px;
margin: 0 auto;
padding: 0 20px;
}

/* 02_製品概要 */
.productSummary_wrap{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.productSummary_image{
    max-width: 195px;
    width: 19.500%;
}
.productSummary_image img{
    width: 100%;
}
.productSummary_text{
    max-width: 518px;
    width: 51.8%;
    margin-left: 5.67%;
}
.productSummary_wrap.width_medium .productSummary_image{
    max-width: 400px;
    width: 30%;
}
.productSummary_wrap.width_medium .productSummary_text{
    /* max-width: 518px; */
    width: 40%;
    margin-left: 5.5%;
}
.productSummary_wrap.width_large .productSummary_image{
    max-width: 600px;
    width: 40%;
}
.productSummary_wrap.width_large .productSummary_text{
    /* max-width: 518px; */
    width: 40%;
    margin-left: 5.5%;
}
.productSummary_text h3{
    font-size: 22px;
    line-height: 36px;
    font-weight: 700;
}
.productSummary_text p{
    font-size: 17px;
    line-height: 28px;
    font-weight: 500;
    padding-top: 20px;
}
.productSummary_wrap.emptyImage .productSummary_text{
    max-width: none;
    width: 100%;

}
@media screen and (max-width: 768px){
    .productSummary_image,
    .productSummary_wrap.width_medium .productSummary_image,
    .productSummary_wrap.width_large .productSummary_image
    {
        width: 100%;
        margin: 0 auto 20px;
        display: block;
        text-align: center;
    }
    .productSummary_image img{
        /* display: block; */
        max-width: 195px;
    }
    .productSummary_wrap .productSummary_text,
    .productSummary_wrap.width_medium .productSummary_text,
    .productSummary_wrap.width_large .productSummary_text
    {
        width: 100%;
        margin: 0;
    }
}


/* 03_カラー説明 */
.colorInfo_unit_wrap{
    margin-bottom: 40px;
}
.colorInfo_unit_head{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #B2B2B2;
    margin-bottom: 30px;
}
.colorInfo_unit_head > h3{
    font-size: 19px;
    line-height: 22px;
    font-weight: 700;
}
.colorInfo_unit_image_wrap{
    display: flex;
    flex-flow: wrap;
    /* justify-content: space-between; */
    width: 100%;
}
.colorInfo_unit_image_wrap .colorInfo_unit_image{
    width: 20.5%;
    margin-bottom: 20px;
}
.colorInfo_unit_image_wrap .colorInfo_unit_image:not(:nth-child(4n)){
    margin-right: 6%;
}
.colorInfo_unit_image > p{
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    padding: 10px 0 5px 0;
}
p.colorInfo_unit_comment{
    color: #e74c3c;
    font-size: 12px;
    padding-top: 0;
    /* margin: 10px 0; */
}

@media screen and (max-width: 768px){
    .colorInfo_unit_image_wrap .colorInfo_unit_image{
        width: 100%;
        margin-bottom: 20px;
    }
    .colorInfo_unit_image_wrap .colorInfo_unit_image:not(:nth-child(4n)){
        margin-right: 0;
    }

}

/* 05_製品説明A(小見出し＋画像＋本文) */
.productInfoA_wrap{
    margin: 0 0 40px;
    padding: 0 20px;
}
.productInfoA_wrap > h4{
    font-size: 14px;
    line-height: 23px;
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #D7D9DB;
    font-weight: 700;
    margin-bottom: 10px;
}
.productInfoA_wrap > figure img{
    width: 100%;
}
.productInfoA_wrap > p{
    font-size: 14px;
    line-height: 23px;
    padding-top: 15px;
}

/* テキストタグセレクト　 */
h4.product_head_btmline{
    font-size: 14px;
    line-height: 23px;
    padding: 5px 0 5px 0;
    margin: 0 10px;
    border-bottom: 1px solid #D7D9DB;
    font-weight: 700;
    margin-bottom: 10px;
}

/* ユニットグループ */
[class*=acms-col].large-pad{
    padding: 0 20px;
}
p.small_body{
    font-size: 14px;
    line-height: 23px;
    padding: 0 10px;
    margin-bottom: 5px;
}
p.small_body_pad0{
    font-size: 14px;
    line-height: 23px;
    padding: 0;
    margin-bottom: 5px;
}

/* PDFダウンロード */
.filedl_unit_wrap{
    display: flex;
    margin: 20px 10px;
}
.filedl_image{
    padding-right: 10px;
}
.filedl_text{
    /* padding: 20px 5px; */
    /* border-top: 1px solid #e1e2e5;
    border-bottom: 1px solid #e1e2e5; */
}
.filedl_text a{
    position: relative;
    display: inline-block;
    padding: 15px 30px 15px 5px;
    border-top: 1px solid #e1e2e5;
    border-bottom: 1px solid #e1e2e5;
    font-size: 14px;
    font-weight: 700;
    color: #000;
}
.filedl_text .pdf_icon{
    vertical-align: middle;
    padding-left: 5px;
    position: absolute;
    right: 5px;
    top: 18px;
}
p strong{
    font-weight: bold;
}


/* カタログ請求 */
.catalog_link_wrap{
    text-align: center;
    padding: 80px 20px;
}
.catalog_link_wrap a{
    display: inline-block;
    width: 305px;
    height: 70px;
    font-size: 18px;
    line-height: 70px;
    text-align: center;
    font-weight: 700;
    color: #000000;
    background-color: #D8E7F1;
}

/* 価格テーブル */
.table-wrap {
    width: 100%;
    /* height: 410px; */
    margin: 0 auto;
    padding: 0 10px 20px;
    overflow-x: auto;
  }
  .table-wrap table {
    display: table;
    position: relative;
    width: 100%;
    left: 0px;
    border-collapse:separate;
    border-spacing:5px;
  }
  .table-wrap table tr th,
  .table-wrap table tr td {
    width: auto;
    line-height: 22px;
  }
  .table-wrap table tr th {
    font-size: 13px;
    line-height: 30px;
    border-bottom: 1px solid #000;
    font-weight: bold;
  }
  .table-wrap table tr td{
    font-size: 14px;
    /* line-height: 30px; */
    line-height: 1.4;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #000;
    padding: 7px 0;
  }
  .table-wrap table tr td small {
    font-size: 12px;
  }


/* header */
.header_spacer{
    margin-top: 250px;
}
@media screen and (max-width: 768px) {
    .header_spacer{
    margin-top: 100px;
    }
}

/* テーブルユニット */
[class^=column-table-] table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    font-size: 12px;
  }
[class^=column-table-] table tr th {
    background-color: #E5E5E5;
    line-height: 28px;
    width: 25%;
  }
[class^=column-table-] table tr td {
    line-height: 28px;
    text-align: center;
    border-bottom: 1px solid #D7D9DB;
    width: 25%;
}

/* サブナビカスタム */
.submenu__nav li.stay a .subBullet {
    background: #fff;
}

/* デフォルトの調整 */
.section p{
    margin: 0 10px 10px;
    /* font-size: 14px; */
}

.section p.caption{
    margin: 0 10px 10px;
    font-size: 12px;
}

.js-lazy-load {
    transform: translateY(0);
    opacity: 1;
    transition: opacity .1s;
}

h2.unit{
    font-size: 1.5em;
    margin: 1em 10px;
    font-weight: bold;
}

h3.unit{
    font-size: 1.2em;
    margin: 1em 10px;
    font-weight: bold;
}

h4.unit{
    font-size: 1.1em;
    margin: 1em 10px;
    font-weight: bold;
}

h5.unit{
    font-size: 1em;
    margin: 1em 10px;
    font-weight: bold;
}

ul.unit{
    list-style-type: disc;
    margin-left: 1.5em;
}

ul.caption{
    list-style-type: disc;
    margin-left: 2.5em;
    font-size: 12px;
}

.section .container p a {
    text-decoration: underline;
    color: rgb(32, 41, 175);
}

.section .container p em {
    font-weight: bold;
    color: rgb(175, 32, 32);
} 


/* 20250903_修正時の調整 */
@media screen and (max-width: 768px){
    .topWrapper {
        height: auto;
    }

    .submenu__nav{
    pointer-events: none;
    visibility: hidden;
    }

    .submenu__nav.opened{
    pointer-events: auto;
    visibility: visible;
    }
    .table-wrap {
        height: auto;
    }

    .topWrapper .submenu__nav{
        max-height: 0;
        /* padding: 0; */
    }
    .topWrapper .submenu__nav.opened{
        max-height: none;
        /* padding: 15px 0; */
    }
    .topWrapper .fv {
        margin-top: 50px;
        position: relative;
        top: 0;
        left: 0;
        transform: translateX(0);
        width: 100%;
    }
    .topWrapper .fv__inner {
        /* height: auto; */
    }

}