@charset "utf-8";

.products_list_wrap{margin-top: 40px;}
.products_list{display: flex;flex-wrap: wrap;margin: -20px -10px;margin-top: 0;}
.products_list li{width: calc((100% / 5) - 20px);margin: 20px 10px;position: relative;}
.products_list li > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;text-indent: -999em;}
.products_list li .tmb{padding-bottom: 80%;background-position: center center;background-size: cover;position: relative;border-radius: 10px;}
.products_list li .tmb:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid rgba(0,0,0,0.08);box-sizing: border-box;border-radius: 10px;}
.products_list li .icons{position: absolute;top: 15px;left: 15px;z-index: 2;}
.products_list li .icons .icon{width: 38px;line-height: 38px;border-radius: 38px;text-align: center;font-size: 13px;border: 2px solid #272727;display: block;margin-bottom: 5px;font-weight: bold;color: #222222;}
.products_list li .icons .icon.hit{background: #dc000c;border-color: #dc000c;color: #fff;}
.products_list li .info{margin-top: 20px;}
.products_list li .info .title{display: block;font-size: 20px;line-height: 150%;color: #000;font-weight: bold;text-align: center;}
.products_list li .info .summary{display: block;text-align: center;margin-top: 10px;font-size: 15px;line-height: 25px;color: #666666;}

.products_tab{display: flex;justify-content: space-between;flex-wrap: wrap;border-bottom: 1px solid #ddd;margin-bottom: 60px;}
.products_tab li{flex: 1;position: relative;display: flex;flex-direction: column;justify-content: center;}
.products_tab li a{text-align: center;display: block;text-decoration: none;line-height: 130%;font-family: 'out';font-size: 18px;color: #555555;padding: 20px 0;}
.products_tab li.on a{font-weight: 500;color: #eb4628;}
.products_tab li.on a::after{content: '';display: block;position: absolute;bottom: -1px;left: 0;width: 100%;height: 3px;background: #eb4628;}

.products_tab2{text-align: center;margin-bottom: 60px;margin-top: -20px;text-align: center;}
.products_tab2 li{display: inline-block;vertical-align: middle;margin: 0 4px;}
.products_tab2 li a{display: block;text-decoration: none;padding: 0 30px;min-width: 180px;line-height: 55px;border-radius: 55px;background: #f0f0f0;font-size: 16px;color: #666666;box-sizing: border-box;font-family: 'out';}
.products_tab2 li.on a{background: #eb4628;font-weight: 500;color: #fff;}

.product_visual{position: relative;border-radius: 20px;overflow: hidden;margin-bottom: 90px;}
.product_visual h5{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;box-sizing: border-box;padding: 0 40px;text-align: center;font-size: 60px;color: #fff;font-family: 'out', 'pre';z-index: 20;}
.product_visual .img{position: relative;padding-bottom: 27%;}
.product_visual .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

#products-total {color: #999999;font-size: 16px;}
#products-total strong {color: #000000;}

.products_view .infobox{display: flex;justify-content: space-between;flex-wrap: wrap;}
.products_view .infobox dt{width: 570px;}
.products_view .infobox dt .imgs{position: relative;}
.products_view .infobox dt .imgs .arrows > button{position: absolute;top: 50%;transform: translate(0, -50%);background: none;border: none;color: #000;font-size: 20px;z-index: 81;width: 30px;height: 60px;background: rgba(0,0,0,0.1);text-align: center;}
.products_view .infobox dt .imgs .arrows > button.swiper-button-disabled{opacity: 0;}
.products_view .infobox dt .imgs .prev{left: 0;}
.products_view .infobox dt .imgs .next{right: 0;}
.products_view .infobox dt .imgs .dots{position: absolute;bottom: 15px;left: 0;width: 100%;z-index: 81;text-align: center;}
.products_view .infobox dt .imgs .dots > span{margin: 0 3px;width: 8px;height: 8px;border-radius: 8px;opacity: 1;background: rgba(0,0,0,0.2);}
.products_view .infobox dt .imgs .dots > span.swiper-pagination-bullet-active{background: rgba(0,0,0,1);}
.products_view .infobox dt .imgs .item{border-radius: 5px;border: 1px solid #ddd;box-sizing: border-box;overflow: hidden;background: #fff;}
.products_view .infobox dt .imgs .item .tmb{padding-bottom: 100%;background-position: center center;background-size: contain;background-repeat: no-repeat;}
.products_view .infobox dt .imgs .item.no_data{padding: 0;}
.products_view .infobox dt .imgs .item.no_data .tmb{background-size: cover;}
.products_view .infobox dt .imgs .icons{position: absolute;top: 20px;left: 20px;z-index: 2;}
.products_view .infobox dt .imgs .icons .icon{width: 60px;line-height: 60px;border-radius: 60px;text-align: center;font-size: 18px;border: 2px solid #272727;display: block;margin-bottom: 5px;font-weight: bold;color: #222222;}
.products_view .infobox dt .imgs .icons .icon.hit{background: #dc000c;border-color: #dc000c;color: #fff;}
.products_view .infobox dt .thumbnails{margin-top: 10px;}
.products_view .infobox dt .thumbnails .item{border-radius: 5px;border: 1px solid #ddd;box-sizing: border-box;overflow: hidden;}
.products_view .infobox dt .thumbnails .item .tmb{padding-bottom: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.products_view .infobox dt .thumbnails .item.no_data{padding: 0;}
.products_view .infobox dt .thumbnails .item.no_data .tmb{background-size: cover;}
.products_view .infobox dt .thumbnails .item.swiper-slide-thumb-active{border-color: #111;}
.products_view .infobox dd{width: calc(100% - 600px);box-sizing: border-box;padding-left: 60px;padding-top: 40px;}
.products_view .infobox dd .head{border-bottom: 1px solid #eee;margin-bottom: 40px;padding-bottom: 30px;}
.products_view .infobox dd .head .keywords{margin-bottom: 30px;}
.products_view .infobox dd .head .keywords .word{display: inline-block;vertical-align: middle;padding: 0 15px;line-height: 28px;border-radius: 4px;background: #222222;border: 1px solid #222222;font-size: 16px;color: #fff;}
.products_view .infobox dd .head .category{font-size: 20px;font-weight: 600;color: #eb4628;display: block;margin-bottom: 10px;font-family: 'out';}
.products_view .infobox dd .head .title{font-size: 48px;line-height: 150%;color: #222222;font-weight: 700;display: block;font-family: 'out';}
.products_view .infobox dd h5{font-size: 20px;color: #222222;font-weight: 600;}
.products_view .infobox dd .summary{display: block;font-size: 17px;line-height: 150%;color: #666666;margin-top: 10px;}
.products_view .infobox dd .detail{margin-top: 20px;}
.products_view .infobox dd .detail li{position: relative;padding-left: 24px;margin-bottom: 10px;}
.products_view .infobox dd .detail li:before{content: '\f1ac';display: block;position: absolute;top: 0;left: 2px;font-family: 'axicon';color: #222;font-size: 18px;}
.products_view .infobox dd .detail li > *{font-size: 16px;line-height: 140%;color: #222;}
.products_view .infobox dd .files{margin: -5px;margin-top: 50px;display: flex;flex-wrap: wrap;}
.products_view .infobox dd .files li{width: calc(33.33% - 10px);margin: 5px;}
.products_view .infobox dd .files li a{display: block;text-decoration: none;text-align: center;line-height: 45px;border: 1px solid #111;border-radius: 5px;text-decoration: none;color: #111;}
.products_view .infobox dd .files li a i{display: inline-block;vertical-align: middle;margin-left: 5px;margin-top: -3px;font-size: 20px;}

.products_view .contentbox{margin-top: 70px;}
.products_view .contentbox .tab{margin-bottom: 40px;border-bottom: 1px solid #000;display: flex;justify-content: space-between;flex-wrap: wrap;}
.products_view .contentbox .tab li{display: inline-block;vertical-align: top;flex-basis: 0;flex-grow: 1;}
.products_view .contentbox .tab li a{display: block;font-size: 18px;color: #666;display: block;line-height: 60px;text-decoration: none;text-align: center;}
.products_view .contentbox .tab li.on{margin-bottom: -1px;}
.products_view .contentbox .tab li.on a{border: 1px solid #000;border-bottom: none;background: #fff;color: #000;}

.products_view .contentbox .tab_content .content{display: none;min-height: 300px;}
.products_view .contentbox .tab_content img{max-width: 100%;height: auto;}
.products_view .contentbox h5{font-size: 42px;color: #222222;font-weight: 600;border-bottom: 2px solid #222222;padding-bottom: 30px;margin-bottom: 30px;}

.product_ctitle{font-size: 42px;color: #0a0a0a;margin-bottom: 40px;font-weight: 600;}
.product_table{border-top: 2px solid #000000;}
.product_table table{width: 100%;table-layout: fixed;}
.product_table table tr > *{padding: 20px;border: 1px solid #ddd;}
.product_table table thead th{background: #f0f0f0;font-family: 'out';font-size: 17px;font-weight: 500;color: #222222;border-top: none;}
.product_table table tbody td{text-align: center;font-size: 17px;font-family: 'out';}
.product_table table tr > *:first-child{border-left: none;}
.product_table table tr > *:last-child{border-right: none;}

.product_dl{margin-bottom: 90px;align-items: center;display: flex;justify-content: space-between;flex-wrap: wrap;}
.product_dl > *{width: 50%;box-sizing: border-box;}
.product_dl dt .tmb{padding-bottom: 60%;position: relative;border-radius: 20px;overflow: hidden;}
.product_dl dt .tmb img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.product_dl dd{padding-left: 85px;}
.product_dl dd .title{display: block;font-size: 32px;color: #0a0a0a;font-weight: 600;margin-bottom: 20px;line-height: 150%;}
.product_dl dd .summary{display: block;font-size: 17px;line-height: 150%;color: #666666;}

/* for mobile */
@media screen and (max-width: 1000px){

    .products_list{margin: -10px -5px;margin-top: 10px;}
    .products_list li{width: calc((100% / 2) - 10px);margin: 15px 5px;}
    .products_list li .tmb{border-radius: 5px;}
    .products_list li .tmb:before{border-radius: 5px;}
    .products_list li .icons{position: absolute;top: 15px;left: 15px;z-index: 2;}
    .products_list li .icons .icon{width: 26px;line-height: 26px;border-radius: 26px;font-size: 11px;letter-spacing: -1px;}
    .products_list li .icons .icon.hit{background: #dc000c;border-color: #dc000c;color: #fff;}
    .products_list li .info{margin-top: 15px;}
    .products_list li .info .title{font-size: 16px;line-height: 20px;}
    .products_list li .info .summary{font-size: 13px;line-height: 18px;}

    .products_tab{margin-bottom: 30px;display: block;text-align: center;padding-bottom: 10px;}
    .products_tab li{margin: 4px 10px;display: inline-block;vertical-align: middle;}
    .products_tab li a{line-height: 130%;font-size: 14px;padding-bottom: 5px;padding: 5px 0;}
    .products_tab li.on::after{height: 2px;}

    .products_tab2{margin-bottom: 30px;margin-top: -10px;}
    .products_tab2 li{margin: 4px 2px;}
    .products_tab2 li a{padding: 0 10px;min-width: 50px;line-height: 32px;border-radius: 32px;font-size: 13px;}

    .product_visual{border-radius: 10px;margin-bottom: 30px;}
    .product_visual h5{padding: 0 20px;font-size: 20px;}
    .product_visual .img{padding-bottom: 40%;}

    .product_ctitle{font-size: 18px;margin-bottom: 10px;}
    .product_table table tr > *{padding: 12px;}
    .product_table table thead th{font-size: 13px;}
    .product_table table tbody td{font-size: 13px;}

    .product_dl{margin-bottom: 30px;display: block;}
    .product_dl > *{width: auto;}
    .product_dl dt .tmb{border-radius: 10px;}
    .product_dl dd{padding-left: 0;margin-top: 20px;}
    .product_dl dd .title{font-size: 20px;margin-bottom: 5px;}
    .product_dl dd .summary{font-size: 14px;}


    #products-total {font-size: 13px;}

    .products_view .infobox{display: block;}
    .products_view .infobox dt{width: auto;}
    .products_view .infobox dt .imgs .arrows > button{width: 25px;height: 50px;}
    .products_view .infobox dt .imgs .icons{top: 15px;left: 15px;}
    .products_view .infobox dt .imgs .icons .icon{width: 34px;line-height: 34px;border-radius: 34px;font-size: 12px;}
    .products_view .infobox dt .imgs .icons .icon.hit{background: #dc000c;border-color: #dc000c;color: #fff;}
    .products_view .infobox dd{width: auto;padding-left: 0;padding-top: 0;margin-top: 40px;}
    .products_view .infobox dd .head{margin-bottom: 20px;padding-bottom: 15px;}
    .products_view .infobox dd .head .keywords{margin-bottom: 15px;}
    .products_view .infobox dd .head .keywords .word{padding: 0 10px;line-height: 22px;border-radius: 3px;font-size: 13px;}
    .products_view .infobox dd .head .category{font-size: 13px;margin-bottom: 5px;}
    .products_view .infobox dd .head .title{font-size: 20px;line-height: 30px;}
    .products_view .infobox dd .summary{font-size: 14px;line-height: 20px;}
    .products_view .infobox dd .detail{margin-top: 15px;}
    .products_view .infobox dd .detail li{padding-left: 20px;margin-bottom: 5px;}
    .products_view .infobox dd .detail li:before{font-size: 16px;}
    .products_view .infobox dd .detail li > *{font-size: 13px;}

    .products_view .infobox dd .files{margin: -2px;margin-top: 20px;}
    .products_view .infobox dd .files li{width: calc(33.33% - 4px);margin: 2px;}
    .products_view .infobox dd .files li a{line-height: 40px;}
    .products_view .infobox dd .files li a i{margin-left: 2px;margin-top: -2px;font-size: 16px;}

    .products_view .contentbox .tab{margin-bottom: 20px;}
    .products_view .contentbox .tab li a{font-size: 14px;line-height: 50px;}

    .products_view .contentbox .tab_content .content{min-height: 200px;}

    .products_view .contentbox h5{font-size: 20px;padding-bottom: 10px;margin-bottom: 10px;}

}