@charset "utf-8";
/* CSS Document */

/*ヘッダー調整*/
@media screen and (min-width: 1600px){
     .pro .head_img{
        height: 0px!important
    }
}

/*スマホ*/
@media screen and (max-width: 960px){
    /*.pro .page_title{top:25vw;}
    .pro .page_title span{display:block; margin:4px 0 0 0;}*/
   
    
}
/*=================================================
該当件数とチェック済み項目
==================================================*/
.check_bar{
    width:100%;
    padding: 30px 0 20px 0px;
    background: #FFF;
    position: relative;
    z-index: 1;
}
/*
.check_bar::before{
    content: "";
    width:100%;
    min-height: 40px;
    padding: 10px 0;
    z-index: 10;
    background: #FFF;
    opacity: 0.8;
    position: absolute;
    top:0;
    left:0;
    z-index: -1;
}*/

.check_bar .check_bar_in{max-width: 960px;}
.check_bar .check_bar_in .number,
.check_bar .check_bar_in .check_item{display: inline-block;vertical-align: middle;}
/*該当件数*/
.check_bar .check_bar_in .number{
    width: 20%!important;
    padding: 0 0px 0 0;
    font-weight: bold;
    margin: -20px 0 0;
}
/*調整*/
@media screen and (min-width:1136px) {
    .check_bar .check_bar_in .number{width: 14.5%;}
}

.check_bar .check_bar_in .number .col_box{margin: 0!important; padding:0!important;}
.check_bar .check_bar_in .number .col_box .col{display: inline-block; vertical-align: middle;}
.check_bar .check_bar_in .number .col_box .col:nth-child(1){
    width:25%;
    font-weight: normal;
    line-height: 1.2em;
    font-size: 14px; color:#2D7B99;
}
.check_bar .check_bar_in .number .col_box .col:nth-child(2){
    font-size:40px;
    color:#000;
    font-weight: bolder;
    width: 71%;
    text-align: right;
}
.check_bar .check_bar_in .number .col_box .col .ken{font-size: 14px;}
/*絞り込みクリア*/
.check_bar .check_bar_in .number .clear_btn{
    font-size:13px;
    font-weight: normal;
    text-align: center;
    border: solid 1px #2D7B99;
    border-radius: 4px;
    margin:-10px 0 0;
    color: #2D7B99;
}
.check_bar .check_bar_in .number .clear_btn:hover{opacity: 0.6; cursor:pointer}

/*右側チェック項目*/
.check_bar .check_bar_in .check_item{width: 79%;}
.check_bar .check_bar_in .check_item ul{
    display: flex;
    flex-wrap: wrap;
}
    
.check_bar .check_bar_in .check_item ul li{
    font-size: 13px;
    color: #FFF;
    background:#2f88aa;
    padding:1px 10px;
    border-radius: 50px;
    margin: 5px;
}
.check_bar .check_bar_in .check_item ul li::after{
    content: "×";
    font-size: 11px;
    color:#FFF;
    cursor: pointer;
}
.check_bar .check_bar_in .check_item ul li span.item_name{padding-right: 5px;}
.check_bar .check_bar_in .check_item ul li a{color: #FFF;}
.check_bar .check_bar_in .check_item ul li:hover{
    text-decoration: line-through;
    position: relative;
    padding:1px 20px 1px 10px;
}
.check_bar .check_bar_in .check_item ul li:hover::after{
    content: "";
    width:11px;
    height: 11px;
    background: url("../img/products/batu.png") no-repeat;
    background-size: 100%;;
    position: absolute;
    top:6px;
    right: 9px;
}
.sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 60px;
    z-index: 5;
    width: 100%;
}

/*スマホ*/
@media screen and (max-width: 960px) {
    .check_bar{
        width:100%;
        padding: 0px 0;
        background: #FFF;
        position: relative;
        margin: 0px 0px;
        z-index: 1;
    }
    /*該当件数*/
    .check_bar .check_bar_in .number{
        width: 22%;
        padding: 0 30px 0 0;
        font-weight: bold;
        margin: 0px 0px 0;
    }
    .check_bar .check_bar_in .number .col_box .col:nth-child(1){
        width:20%;
        font-weight: normal;
        line-height: 1.2em;
        font-size: 1.5vw;
        color:#2D7B99;
    }
    .check_bar .check_bar_in .number .col_box .col:nth-child(2){
        font-size:4vw;
        color:#000;
        font-weight: bolder;
        width: 74%;
        text-align: right;
    }
    /*絞り込みクリア*/
    .check_bar .check_bar_in .number .clear_btn{
        font-size:1.5vw;
        margin:0px 0px 0 0; 
    }
    /*右側チェック項目*/
    .check_bar .check_bar_in .check_item{width: 75%;}
    .check_bar .check_bar_in .check_item ul li{
        font-size: 12px;
        padding:1px 10px;
        border-radius: 50px;
        margin: 3px;
    }
    .sticky {
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        z-index: 5;
        width: 100%;
        padding:15px 0 15px 0;
    }
}


/*スマホ*/
@media screen and (max-width: 768px) {
    .check_bar{
        margin-bottom:10px;
    }
    /*該当件数*/
    .check_bar .check_bar_in .number{
        width: 22%;
        padding: 0 10px 0 0;
        font-weight: bold;
        margin: 0px 0px 0;
    }    
    .check_bar .check_bar_in .number .col_box .col:nth-child(1){
        line-height: 1em;
        font-size: 1.8vw; color:#2D7B99;
        width:22%;
    }
    .check_bar .check_bar_in .number .col_box .col:nth-child(2){
        font-size:4vw;        
        line-height: 1em;
        width: 74%;
    }
    /*絞り込みクリア*/
    .check_bar .check_bar_in .number .clear_btn{ font-size:1.7vw;}
    /*右側チェック項目
    .check_bar .check_bar_in .check_item{width: 100%;}*/
    
}
/*スマホ*/
@media screen and (max-width: 480px) {
    .check_bar{margin:0% 0 0px;}
    /*該当件数*/
    .check_bar .check_bar_in .number{width:100%!important; max-width: 960px; }
    .check_bar .check_bar_in .number,
    .check_bar .check_bar_in .check_item{vertical-align:top;}
    .check_bar .check_bar_in .number .col_box .col:nth-child(1){
        width:30px;       
        line-height: 1em;
        font-size: 3vw; 
        padding-left:5px;
    }
    .check_bar .check_bar_in .number .col_box .col:nth-child(2){
        font-size:7vw;
        text-align: left!important;
        line-height: 1em;
        width: 100px;
    }
    .check_bar .check_bar_in .number .col_box,
    .check_bar .check_bar_in .number .clear_btn{display: inline-block!important;}
    .check_bar .check_bar_in .number .col_box{width:150px;}
    .check_bar .check_bar_in .number .clear_btn{width:120px; font-size:3vw; margin:auto;}
    
    /*右側チェック項目*/
    .check_bar .check_bar_in .check_item{width: 100%;}
    .sticky {
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        z-index: 5;
        width: 100%;
        padding:15px 0 15px 0;
    }
}

/*=================================================
共通
==================================================*/
.section_wrap{width: 100%; max-width: 1130px; margin: 0px auto 10px; padding: 0 10px; }
/*調整*/
@media screen and (max-width: 960px) {
    .section_wrap{
        margin: 1vw auto 0!important;
    }
}

.section_wrap .side,
.section_wrap .main{display: inline-block; vertical-align: top;}
.section_wrap .side{
    /**/position: sticky;
    position: -webkit-sticky;
    top:80px;
    width: 22%;
    margin: 43px 0 0 0;
    padding: 0px 1% 0 0px;
    /**/height: calc(98vh - 100px);
    overflow-y: scroll;    
    /**/scrollbar-color: #CCC #FFF;
    scrollbar-width: thin;
}
@media screen and (max-width: 960px) {
    .section_wrap .side{
        /**/position: static;
        position: -webkit-static;
        top:0px;
        width: 100%;
        margin: 0px 0 0 0;
        padding: 10px 10px 0px 5px!important;
        height: auto;
        /**/overflow-y: visible; 
        /**/crollbar-color: #CCC #FFF;
        scrollbar-width: thin;
        z-index: 8;
        background: #FFF
    }
}

.section_wrap .side::-webkit-scrollbar {
    width: 5px; /* 垂直方向のスクロールバーの幅 */
}
.section_wrap .side::-webkit-scrollbar-button{
display: none;
}
.section_wrap .side::-webkit-scrollbar-thumb {
background-color: rgb(220,220,220);
border-radius: 5px
}

.section_wrap .side::-webkit-scrollbar-track {
background-color: rgb(255,255,255);
border-radius: 5px;
}
.section_wrap .side::-webkit-scrollbar-corner {
}


.section_wrap .main{width: 72%; margin: 10px 0 0 0%;}

/*スマホ*/
@media screen and (max-width: 960px) {
    .section_wrap .main{width: 100%; margin: 0px 0 0 0%; }   
}

/*スマホ*/
@media screen and (max-width: 768px) {
    .section_wrap{margin: 0% auto; padding: 0 0 0 4px ; }
}



/*=================================================
side 絞り込み検索
==================================================*/


/*チェックボックス*/
/* menu.css 上書き用 */
.section_wrap .side input {-webkit-appearance: auto!important;  padding-right: 10px;}
.section_wrap .side input:hover{cursor: pointer;}

.section_wrap .side label{ cursor: pointer; padding-left: 5px;}
.section_wrap .side label:hover{
    text-decoration: underline;
    color:#2f88aa;
    font-weight: bold;
    cursor: pointer;
}

/*MPaの実行ボタン*/
.section_wrap .side input.mpa_txt{width: 100px;}
.section_wrap .side input.execution_btn{
    width:50px;
    border:none;
    padding: 2px 10px;
    margin: 0px 0 0px 15px;
    border-radius: 3px;
    background:#ccc8c6;
}
.section_wrap .side input.execution_btn:hover{cursor: pointer;}

/*=================================================
アコーディオン
==================================================*/
.search_box {
}
.search_box .accordion {
    width: 100%;
    margin: 0 auto;
}
.search_box .accordion .accordion_header {
    /*background: linear-gradient(#b1cbd8, #dbe3f4);*/
    background:#DEE5EA;
    border-bottom: 1px solid #fff;
    color: #000;
    font-size: 13px;
    padding: 5px 1em 5px 1em;
    position: relative;
    z-index: +1;
    /*cursor: pointer;*/
    transition-duration: 0.2s;
    text-align: left;
}

.search_box  .accordion > .accordion_header{padding:10px 1.5em 10px 1.5em;}
.search_box  .accordion > .accordion_header h2{padding: 0; margin: 0;}

.search_box .accordion > .accordion_inner ul{padding: 5px 0 10px 0;}
.search_box .accordion figure{padding :10px 0;}
.search_box .accordion figure img{width:100%;}

/*絞り込み検索タイトル　一つ目は空けておく処理用*/

@media screen and (min-width: 960px) {
    .search_box .accordion .accordion_header.stay .i_box {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .search_box .accordion .accordion_header.stay .i_box .one_i {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .search_box .accordion .accordion_header.stay .i_box.open .one_i {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .search_box .accordion .accordion_header.stay .i_box.open {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .search_box .accordion .accordion_header.stay .i_box .one_i:before {
        content: none;
    }
    .search_box .accordion .accordion_header.stay .i_box.open .one_i:before {
        content: "";
    }
    .search_box .accordion .accordion_header.stay .i_box.open .one_i:after {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .search_box .accordion .accordion_inner.stay {display: block;}
    
    
}


/*小アコーディオン*/
.search_box .accordion label{display: inline-block; vertical-align: middle; max-width:160px; cursor:default;}
.search_box .accordion .level2 .accordion_header {background: none; padding: 0px 0px;}
.search_box .accordion .level2 > .accordion{padding: 10px 0; margin: 0px 0; border-bottom: 1px dotted #CCC;}
.search_box .accordion .level2 .accordion_inner ul{padding-left: 1em;}
.search_box .accordion .level2  ul li{padding: 3px 0; margin: 0px 0;}



.search_box .accordion .accordion_header .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 11%;
    right: 2%;
    width: 30px;
    height: 30px;
    margin-top: 0px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    /*border:solid 1px #000;*/
    cursor: pointer;
}
.search_box .accordion .accordion_header .i_box:hover {
    opacity: 0.6;
}
.search_box .accordion .level2 .accordion_header .i_box{top: 50%!important; margin-top: -15px;}

.search_box .accordion .accordion_header .i_box .one_i {
    display: block;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}
.search_box .accordion .accordion_header .i_box.open {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    height:35px;
    top: 10%;
}
.search_box .accordion .accordion_header .i_box .one_i:before, .search_box .accordion .accordion_header .i_box .one_i:after {
    display: flex;
    content: '';
    background-color: #000;
    border-radius: 10px;
    width: 15px;
    height: 1px;
    position: absolute;
    top:7px;
    left: 0px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
}
.search_box .accordion .accordion_header .i_box .one_i:before {
    width: 1px;
    height: 15px;
    top: 0px;
    left: 7px;
}
.search_box .accordion .accordion_header .i_box.open .one_i:before {content: none;}
.search_box .accordion .accordion_header .i_box.open .one_i:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search_box .accordion .accordion_inner {
    display: none;
    padding: 0;
    box-sizing: border-box;
}

.search_box .accordion .accordion_inner .box_one {height: 300px;}
.search_box .accordion .accordion_inner p.txt_a_ac {margin: 0;}

/*調整*/
.search_box .accordion_wrap  {    
    background:#2f88aa!important;
    margin: 0 0 20px; 
}
.search_box .accordion_wrap h2{
    width:100%;
    background:#2f88aa;
    color:#FFF;
    font-size:16px;
    font-weight: normal;
}
@media screen and (max-width: 960px) {
    /*調整*/
    .search_box .accordion_wrap  {    
        background:#2f88aa!important;
        margin: 0 ; 
        padding:5px 5px 5px 10px!important;
        width:100%;
        /*max-width:300px;*/
    }
    .search_box .accordion_wrap h2{
        width:100%;
        background:#2f88aa;
        color:#FFF;
        font-size:16px;
        font-weight: normal;
    }   
    
    .search_box .accordion .accordion_header + .scroll_wrap{
        overflow-y: visible;
        /*height: 100vh;*/
        crollbar-color: #CCC #FFF;
        scrollbar-width: thin;
    }
}
.search_box .accordion_wrap .i_box .one_i:before, .search_box .accordion_wrap .i_box .one_i:after {
    background-color: #2f88aa!important;}

/*小分類件数*/
.sub_number{padding-left: 5px; color:#2f88aa}


/*件数0*/
.section_wrap .side .link_off{color: #CCC!important;}
.section_wrap .side .link_off input[type="checkbox"]{background: #CCC!important;}
.section_wrap .side .link_off input[type="checkbox"]:hover{cursor:default!important;}
.section_wrap .side .link_off label:hover{color:#CCC!important; font-weight: normal!important; cursor: default!important; text-decoration: none!important;}
.section_wrap .side .link_off .sub_number{padding-left: 0px; color:#CCC}

@media screen and (max-width: 1024px) {
  .search_box .accordion .accordion_header .i_box {
        width: 30px;
        height: 30px;
        margin-top: 0px;
  }
}
@media screen and (max-width: 960px) {

/*一つ目は空けておく処理用
.search_box .accordion .accordion_header.stay .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 5%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
}
.search_box .accordion .accordion_header.stay .i_box .one_i {
    display: block;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}
.search_box .accordion .accordion_header.stay.open .i_box .one_i {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.search_box .accordion .accordion_header.stay.open .i_box {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.search_box .accordion .accordion_header.stay .i_box .one_i:before {
    display: flex;
    content: '';
    background-color: #000;
    border-radius: 10px;
    width: 11px;
    height: 1px;
    position: absolute;
    top:5px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
}
.search_box .accordion .accordion_header.stay.open .i_box .one_i:before {content: none;
}
.search_box .accordion .accordion_inner.stay {display: none;}
*/
.search_box .accordion_wrap .i_box .one_i:before, .search_box .accordion_wrap .i_box .one_i:after {
    background-color: #FFF!important;}
    
}

/*=================================================
絞り込み件数もっとみる
==================================================*/
.search_box  .more_link{display: none;  width:100%; text-align: center; margin: 20px auto;}
.search_box  .more_link a{
    position:relative;
    display: inline-block;
    width:80%;
    max-width: 200px; 
    border: solid 2px  #CCC;
    border-radius: 50px;
    padding: 2px 30px;    
}
.search_box .more_link a::before{
    content: "";
    width: 0;
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 8px solid #999;
    position: absolute;
    top:40%;
    left: 30px;
}
.search_box  .more_link a:hover{opacity: 0.6;}

/*=================================================
main 製品リスト
==================================================*/
/*該当件数
.section_wrap .main .number{
    width: 100%;
    text-align: right;
    font-size: 14px;
    margin: 0 0 10px;
}*/

/*製品写真はイメージです*/
.section_wrap .main .comment{
    width: 100%;
    text-align: right;
    font-size: 13px;
    margin: 0 0 10px;
    padding-right: 20px;
}

/*製品リスト個別*/
.section_wrap .main .model_list > ul .model_box{
    display: inline-block;
    vertical-align: top;
    width: 31%;
    margin: 0 1.8% 50px 0%;
    border: solid 1px #b5b5b6;
    text-align: center;
}
/*製品画像*/
.section_wrap .main .model_list > ul .model_box figure.model_img{padding: 10px; position: relative;}
/*.section_wrap .main .model_list > ul .model_box figure.model_img:hover{opacity: 0.6;}*/
.section_wrap .main .model_list > ul .model_box a figure.model_img:hover::before{
    content: "";
    width:98%;
    height: 98%;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    opacity: 0.1; 
    background: #2f88aa;
}
.section_wrap .main .model_list > ul .model_box figure.model_img img{width:100%;}
/*大分類名*/
.section_wrap .main .model_list > ul .model_box h3.model_cat{
    display: grid;
	place-items: center center;
    font-size: 13px;
    border-bottom: solid 1px #b5b5b6;
    padding: 0 0 15px;
    margin: 0 10px;
}
/*製品名*/
.section_wrap .main .model_list > ul .model_box h4.model_name{
    /*display: grid;*/
	place-items: center center;
    font-size: 18px;
    min-height: 70px;
    padding :10px 0;
    margin: 0 10px;
}
/*型番*/
.section_wrap .main .model_list > ul .model_box p.model_number{
    font-size: 14px;
    text-align: center;
    padding: 5px 0;
}
/*スマホ*/
@media screen and (max-width: 960px) {

    /*製品リスト個別*/
    .section_wrap .main .model_list > ul .model_box{
        width: 23.5%;
        margin: 0 0.5% 30px;
    }
    /*大分類名*/
    .section_wrap .main .model_list > ul .model_box h3.model_cat{font-size: 12px; font-weight: normal;}
    /*製品名*/
    .section_wrap .main .model_list > ul .model_box h4.model_name{font-size:16px;}
}


/*スマホ*/
@media screen and (max-width: 768px) {

    /*製品リスト個別*/
    .section_wrap .main .model_list > ul .model_box{
        width: 48%;
        margin: 0 0.5% 30px;
    }
    /*大分類名*/
    .section_wrap .main .model_list > ul .model_box h3.model_cat{font-size: 12px; font-weight: normal;}
    /*製品名*/
    .section_wrap .main .model_list > ul .model_box h4.model_name{font-size:16px;}
}

/*--------------------------------------------
カタログリンクボタン
---------------------------------------------*/
.section_wrap .main .model_list > ul .model_box .catalog_wrap{
    width: 100%;
    display: flex;
    justify-content:center;
    margin: 0 0px;
}
.section_wrap .main .model_list > ul .model_box .catalog_wrap .col{
    margin: 0px 2px;
    border:solid 1px #2f88aa;
    /*width: 46.5%; ←取説が追加されたら削除*/
}
/* 取説用*/
.section_wrap .main .model_list > ul .model_box .catalog_wrap .zumen{width:105px;}

/*項目名*/
.section_wrap .main .model_list > ul .model_box .catalog_wrap .col .catalog_title{
    background: #2f88aa;
    color:#FFF;
    padding: 0 5px;
    font-size:13px;
    line-height: 1.2em;
}

/*カタログボタン*/
.section_wrap .main .model_list > ul .model_box .catalog_wrap .col .link_wrap{
    display: flex;
      justify-content: center;
      align-items: center;
    padding:0 5px;
    
}
.section_wrap .main .model_list > ul .model_box .catalog_wrap .col .link_wrap a{
    font-size: 13px;
    padding:0px 10px;
    position: relative;
}
/*取説無し「-」パターン*/
.section_wrap .main .model_list > ul .model_box .catalog_wrap .col .link_wrap a.torisetu_none{
    font-size: 13px;
    padding:0px 20px;
    position: relative;
    pointer-events: none
}

.section_wrap .main .model_list > ul .model_box .catalog_wrap .col .link_wrap a::before{
    content: "";
    position: absolute;
    top:4px;
    left: -4px;
    width:13px;
    height: 13px;
    background: url("../img/products/dl_img.png") no-repeat;
    background-size:100%;
}

/*取説無し「-」パターン*/
.section_wrap .main .model_list > ul .model_box .catalog_wrap .col .link_wrap a.torisetu_none::before{
    content: "";
    position: absolute;
    top:4px;
    left: -4px;
    width:13px;
    height: 13px;
    background: none;
    background-size:100%;
}

.section_wrap .main .model_list > ul .model_box .catalog_wrap .col a:hover{color:#2f88aa;}
.section_wrap .main .model_list > ul .model_box .catalog_wrap .col .link_wrap a:hover::before{
    content: "";
    position: absolute;
    top:4px;
    left: -4px;
    width:13px;
    height: 13px;
    background: url("../img/products/dl_img_o.png") no-repeat;
    background-size:100%;
}

/*取説無し「-」パターン*/
.section_wrap .main .model_list > ul .model_box .catalog_wrap .col a.torisetu_none:hover{color:#000;}
.section_wrap .main .model_list > ul .model_box .catalog_wrap .col .link_wrap a.torisetu_none:hover::before{
    content: "";
    position: absolute;
    top:4px;
    left: -4px;
    width:13px;
    height: 13px;
    background:none;
    background-size:100%;
}



/*リンク無しの場合*/
.section_wrap .main .model_list > ul .model_box .catalog_wrap .col .link_wrap a.off{
    font-size: 13px;
    padding:0px 10px;
    position: relative;
    color:#CCC;
    pointer-events: none
}
.section_wrap .main .model_list > ul .model_box .catalog_wrap .col .link_wrap a.off::before{
    content: "";
    position: absolute;
    top:4px;
    left: -4px;
    width:13px;
    height: 13px;
    background: url("../img/products/dl_img_off.png") no-repeat;
    background-size:100%;
}



/*カタログリンクボタンver1
.section_wrap .main .model_list > ul .model_box .catalog_wrap{width: 100%;}
.section_wrap .main .model_list > ul .model_box .catalog_wrap .col{
    display: inline-block;
    vertical-align: top;
    padding-left: 0px;
}
.section_wrap .main .model_list > ul .model_box .catalog_wrap .col a{
    font-size: 13px;
    color: #FFF;
    background:#2f88aa;
    padding:2px 5px;
    border-radius: 50px;
}*/
/*スペック*/
.section_wrap .main .model_list > ul .model_box .spec_list{margin: 10px 10px 15px;}
.section_wrap .main .model_list > ul .model_box .spec_list li{
    text-align: left;
    border-bottom: solid 1px #b5b5b6;
    font-size:13px;
    line-height: 20px;
    padding: 2px 0;
    
}
.section_wrap .main .model_list > ul .model_box .spec_list li span{ font-size:12px; color: #2f88aa; }
/*スマホ*/
@media screen and (max-width: 1090px) {
    .section_wrap .main .model_list > ul .model_box .catalog_wrap{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: 0 0px;
    }
    .section_wrap .main .model_list > ul .model_box .catalog_wrap .col{
        margin: 0px 2px;
        border:solid 1px #2f88aa;
      /* width: 46.5%;  ←取説が追加されたら削除*/
    }
    /* 取説用*/
    .section_wrap .main .model_list > ul .model_box .catalog_wrap .col:nth-child(1){width:46.5%;}
    .section_wrap .main .model_list > ul .model_box .catalog_wrap .col:nth-child(2){width:46.5%;}
    
    .section_wrap .main .model_list > ul .model_box .catalog_wrap .zumen{width:95%; margin-top: 5px;}
    
    
    /*カタログボタン*/
    .section_wrap .main .model_list > ul .model_box .catalog_wrap .col .link_wrap{ padding:0 5px;}
    .section_wrap .main .model_list > ul .model_box .catalog_wrap .col .link_wrap a{
        font-size: 11px;
        padding:0px 5px;
    }
    .section_wrap .main .model_list > ul .model_box .catalog_wrap .zumen .link_wrap a{
        padding: 0 6px;
        /*margin: 0 1px;取説なし*/
        margin: 0 10px;/*取説用*/
    }
    
    
    .section_wrap .main .model_list > ul .model_box .catalog_wrap .col .link_wrap a::before{
            left: -5px; 
            width:11px;
            height: 11px;       }
        /*リンク無しの場合*/
        .section_wrap .main .model_list > ul .model_box .catalog_wrap .col .link_wrap a.off{
            font-size: 12px;
            padding:0px 5px;
            position: relative;
            color:#CCC;
            pointer-events: none
        }
        .section_wrap .main .model_list > ul .model_box .catalog_wrap .col .link_wrap a.off::before{
            left: -5px;
            width:11px;
            height: 11px;
        }
    /*スペック*/
    .section_wrap .main .model_list > ul .model_box .spec_list{margin: 10px 10px 15px;}
    .section_wrap .main .model_list > ul .model_box .spec_list li{
        font-size:13px;
        line-height: 20px;
        padding: 2px 0;

    }
    .section_wrap .main .model_list > ul .model_box .spec_list li span{ font-size:13px; color: #2f88aa; }
}

/*=================================================
ページャー
==================================================*/
.pager_wrap{width:100%; }
.pager_wrap ul{width: 100%; max-width: 800px; text-align: center; }
.pager_wrap ul li{
    width: 50px!important;
    margin: 30px 5px;
    text-align: center!important;
    display: inline-block!important;
    vertical-align: middle;
}
.pager_wrap ul li.back,
.pager_wrap ul li.back_end,
.pager_wrap ul li.number,
.pager_wrap ul li.next,
.pager_wrap ul li.next_end{
    background-position: center 3px;
    background-size:auto 10px;
    padding :16px 0;
}
.pager_wrap ul li.back{background: url("../img/products/pager_back.png")  no-repeat;}
.pager_wrap ul li.back_end{background: url("../img/products/pager_back_end.png")  no-repeat;}
.pager_wrap ul li.next{background: url("../img/products/pager_next.png")  no-repeat;}
.pager_wrap ul li.next_end{background: url("../img/products/pager_next_end.png")  no-repeat;}
.pager_wrap ul li.number{
    background: url("../img/products/pager_bg.png")  no-repeat;
    background-position: center 5px;
}
.pager_wrap ul li a{padding: 20px; font-size:16px; color:#2533c1;}
.pager_wrap ul li a:hover{opacity: 0.8;}
.pager_wrap ul li.active_page a{color: #CCC!important;}



/*=================================================
製品件数もっとみる
==================================================*/
.pager_wrap .more_btn{width:100%; text-align: center; margin: 40px auto;}
.pager_wrap .more_btn a{
    position:relative;
    display: inline-block;
    width:80%;
    max-width: 400px; 
    border: solid 2px  #CCC;
    border-radius: 50px;
    padding: 10px 30px;    
}
.pager_wrap .more_btn a::before{
    content: "";
    width: 0;
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 8px solid #999;
    position: absolute;
    top:40%;
    left: 30px;
}
.pager_wrap .more_btn a:hover{opacity: 0.6;}