/*
#top_banneer{
    background: url('/html/template/default/assets/img/product/top_banner.jpg');
    background-size: cover;
}
@media screen and (max-width: 768px) {
	#top_banneer{
        background: url('/html/template/default/assets/img/product/top_banner_sp.jpg');
        background-size: cover;
	}
}
#top_banneer .title1{
    font-size: 3.4vw;
    font-weight: 500;
    color: #fff;
    margin-left: 5.4vw;
    margin-bottom: 4.5vw;
}
@media screen and (max-width: 768px) {
    #top_banneer .title1{
        font-size: 6.4vw;
        margin-left: 6.4vw;
        margin-bottom: 2.6vw;
    }
}

#top_banneer .title2{
    font-size: 6.4vw;
    font-weight: bold;
    color: #fff;
    margin-left: 5.4vw;
}
@media screen and (max-width: 768px) {
    #top_banneer .title2{
        font-size: 10.6vw;
        margin-left: 6.4vw;
        margin-bottom: 46vw;
    }
}
*/
#top_banneer picture{
    width: 100%;
}
#sect01{
    padding-top: 80px;
    padding-bottom: 100px;
}
    #sect01 .container_5_5 .left{
        width: 50%;
        padding-right: 20px;
    }
    @media screen and (max-width: 768px) {
        #sect01{
            padding-top: 40px;
            padding-bottom: 64px;
        }
        #sect01 .container_5_5 .left{
            width: 100%;
            padding-right: 0;
        }
    }
    .product_detail .category{
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        padding: 6px 35px;
        background-color: #000;
        display: block;
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 16px;
    }
    .product_detail .product_name{
        font-size: 52px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    @media screen and (max-width: 768px) {
        .product_detail .product_name{
            font-size: 40px;
        }
    }
    .product_detail .desc1{
        font-size: 18px;
        font-weight: bold;
        line-height: 1.7;
        margin-bottom: 20px;
    }
    @media screen and (max-width: 768px) {
        .product_detail .desc1 br{
            display: none;
        }
    }
    .product_detail .desc2{
        font-size: 14px;
        /* font-weight: 500; */
        line-height: 2;
        margin-bottom: 40px;
    }
    .product_detail .product_info{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
        .product_detail .product_info .item{
            width: calc((100% - 27px) / 2);
            height: 56px;
            display: flex;
            flex-direction: row;
            align-items: center;
            border-bottom: solid 2px #000;
        }
            .product_detail .product_info .item:nth-child(2n+1){
                margin-right: 27px;
            }
            .product_detail .product_info .item:nth-child(1), .product_detail .product_info .item:nth-child(2){
                border-top: solid 2px #000;
            }
            .product_detail .product_info .item .label{
                width: 50%;
                text-align: left;
                font-size: 15px;
                font-weight: bold;
            }
            @media screen and (max-width: 768px) {
                .product_detail .product_info .item .label{
                    font-size: 16px;
                }
            }
            .product_detail .product_info .item .val{
                width: 50%;
                text-align: center;
                font-size: 15px;
                font-weight: bold;
            }
        @media screen and (max-width: 768px) {
            .product_detail .product_info{
                flex-direction: column;
            }
            .product_detail .product_info .item{
                width: 100%;
                padding: 0 26px;
            }
            .product_detail .product_info .item:nth-child(2n+1){
                margin-right: 0;
            }
            .product_detail .product_info .item:nth-child(2){
                border-top: none;
            }
    
        }
        
    
    #sect01 .container_5_5 .right{
        width: 50%;
        padding-left: 66px;
    }
    @media screen and (max-width: 768px) {
        #sect01 .container_5_5 .right{
            width: 100%;
            padding-left: 0;
        }
    }
        .product_detail .thumb{
            width: 100%;
            padding: 66px 20px 50px 20px;
            border: solid 1px #E2E2E2;
        }
        @media screen and (max-width: 768px) {
            .product_detail .thumb{
                padding: 40px 20px 37px 20px;
            }
        }
            .product_detail .thumb img{
                display: block;
                margin: 0 auto;
            }
            .product_detail .buttons{
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-top: 40px;
            }
            @media screen and (max-width: 1100px) {
                .product_detail .buttons{
                    flex-direction: column;
                }
            }
            .product_detail .buttons .btn{
                width: 223px;
                height: 57px;
                position: relative;
                font-size: 14px;
            }
            @media screen and (max-width: 768px) {
                .product_detail .buttons .btn{
                    width: 243px;
                }
            }
            @media screen and (max-width: 1100px) {
                .product_detail .buttons .btn{
                    margin-bottom: 10px;
                }
            }

            .product_detail .buttons .btn .icon{
                position: absolute;
                right: 12px;
                top: 22px;
            }

#sect02{
    background-color: #F9F9F9;
    padding-top: 80px;
    padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
    #sect02{
        padding-top: 40px;
        padding-bottom: 64px;
    }
}
    .sect_product_spec .sect_title{
        font-size: 34px;
        text-align: center;
        margin-bottom: 40px;
    }
    @media screen and (max-width: 768px) {
        .sect_product_spec .sect_title{
            font-size: 28px;
            text-align: left;
            margin-bottom: 32px;
        }
    }
    .sect_product_spec .tab .tab__item{
        width: calc((100% - 20px) / 3);
    }
    .sect_product_spec .tab .tab__item:last-child{
        margin-right: 0;
    }
    .sect_product_spec .tabDetail{
        padding: 70px 100px;
    }
    @media screen and (max-width: 768px) {
        .sect_product_spec .tabDetail{
            padding: 8.5vw 5.3vw;
        }
    }
    .product_feature_panel .product_feature_item{
        margin-bottom: 50px;
    }
    .product_feature_panel .product_feature_item:last-child{
        margin-bottom: 0;
    }
        .product_feature_panel .product_feature_item .title{
            font-size: 30px;
            font-weight: bold;
            display: flex;
            align-items: center;
            margin-bottom: 18px;
        }
        @media screen and (max-width: 768px) {
            .product_feature_panel .product_feature_item .title{
                font-size: 20px;
                margin-bottom: 16px;
            }
        }
            .product_feature_panel .product_feature_item .title .category{
                font-size: 16px;
                font-weight: bold;
                color: #fff;
                padding: 5px 19px;
                background-color: #000;
                border-radius: 20px;
                margin-right: 12px;
            }
            .product_feature_panel .product_feature_item .summary{
                font-size: 22px;
                font-weight: bold;
                margin-bottom: 20px;
            }
            @media screen and (max-width: 768px) {
                .product_feature_panel .product_feature_item .summary{
                    font-size: 18px;
                    margin-bottom: 16px;
                    line-height: 1.77;
                }
            }
            .product_feature_panel .product_feature_item .desc{
                font-size: 16px;
                /* font-weight: 500; */
                line-height: 2;
                margin-bottom: 40px;
            }
            @media screen and (max-width: 768px) {
                .product_feature_panel .product_feature_item .desc{
                    margin-bottom: 10px;
                }
            }
            .product_feature_panel .product_feature_item .image_list{
                width: 100%;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                margin-bottom: 40px;
            }
            .product_feature_panel .product_feature_item .image_list .item{
                width: calc((100% - 64px) / 2);
                margin-bottom: 20px;
            }
            .product_feature_panel .product_feature_item .image_list .item:nth-child(2n+1){
                margin-right: 64px;
            }
                .product_feature_panel .product_feature_item .image_list .item .img{
                    width: 100%;
                    margin-bottom: 10px;
                }
                    .product_feature_panel .product_feature_item .image_list .item .img img{
                        width: 100%;
                    }
                    .product_feature_panel .product_feature_item .image_list .item .desc{
                        text-align: center;
                        font-size: 14px;
                        font-weight: bold;
                    }
            @media screen and (max-width: 768px) {
                .product_feature_panel .product_feature_item .image_list{
                    flex-direction: column;
                    margin-bottom: 10px;
                }
                .product_feature_panel .product_feature_item .image_list .item{
                    width: 100%;
                }
                .product_feature_panel .product_feature_item .image_list .item:nth-child(2n+1){
                    margin-right: 0;
                }
    
            }
        
            .product_feature_panel .product_feature_item .note{
                font-size: 12px;
                /* font-weight: 500; */
                text-align: right;
                width: 100%;
            }
            .product_feature_panel .product_feature_item .video_list{
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .product_feature_panel .product_feature_item .video_list .video{
                margin-bottom: 40px;
                max-width: 100%;
            }
            @media screen and (max-width: 768px) {
                .product_feature_panel .product_feature_item .video_list .video{
                    height: 52vw;
                }
            }

    .product_color_panel .title{
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 25px;
    }
    @media screen and (max-width: 768px) {
        .product_color_panel .title{
            font-size: 24px;
            margin-bottom: 20px;
        }
    }
    .product_color_panel .sub_title{
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 24px;
        padding-left: 12px;
        border-left: solid 6px #000;
        height: auto;
    }
    @media screen and (max-width: 768px) {
        .product_color_panel .sub_title{
            font-size: 20px;
            margin-bottom: 20px;
        }
    }
    .product_color_panel .sub_title.second{
        margin-top: 64px;
    }
    .product_color_panel .color_list{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
        .product_color_panel .color_list .color_item{
            width: calc((100% - 96px) / 4);
            margin-right: 32px;
            margin-bottom: 20px;
        }
        .product_color_panel .color_list .color_item:nth-child(4n){
            margin-right: 0;
        }
        @media screen and (max-width: 768px) {
            .product_color_panel .color_list .color_item{
                width: calc((100% - 6.8vw) / 3);
                margin-right: 3.4vw;
            }
            .product_color_panel .color_list .color_item:nth-child(4n){
                margin-right: 3.4vw;
            }
            .product_color_panel .color_list .color_item:nth-child(3n){
                margin-right: 0;
            }
            .product_color_panel .color_list .color_item .color_text, .product_color_panel .color_list .color_item .desc{
                font-size: 14px;
            }
    
        }
        .product_color_panel .color_list .color_item .color_bg{
            width: 100%;
            height: 108px;
            background-color: #CCCCCC;
            margin-bottom: 10px;
            object-fit: cover;
        }
        @media screen and (max-width: 768px) {
            .product_color_panel .color_list .color_item .color_bg{
                height: 12vw;
            }
        }
        .product_color_panel .color_list .color_item .color_bg .color_text, .product_color_panel .color_list .color_item .color_bg .desc{
            font-size: 16px;
            /* font-weight: 500; */
        }
        .product_color_panel .more_info_panel{
            width: 100%;
            padding-top: 58px;
            margin-top: -96px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
            z-index: 1;
            position: relative;
        }
            .product_color_panel .more_info_btn{
                width: 260px;
                height: 64px;
                margin: 0 auto;
            }
            @media screen and (max-width: 768px) {
                .product_color_panel .more_info_btn{
                    width: 169px;
                    height: 42px;
                }
            }

        .product_example_list{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            margin-bottom: 34px;
        }
            .product_example_list .item{
                width: calc((100% - 48px) / 3);
                margin-right: 24px;
                margin-bottom: 20px;
            }
            .product_example_list .item:nth-child(3n){
                margin-right: 0;
            }
                .product_example_list .item .thumb{
                    width: 100%;
                    height: 212px;
                    object-fit: cover;
                    margin-bottom: 10px;
                }
                .product_example_list .item .text{
                    font-size: 16px;
                    /* font-weight: 500; */
                    line-height: normal;
                }
        @media screen and (max-width: 768px) {
            .product_example_list{
                flex-direction: column;
            }
            .product_example_list .item{
                width: 100%;
                margin-right: 0;
            }
            .product_example_list .item .text{
                font-size: 14px;
            }

        }
        

/** 霑ｽ蜉� */
.color_item{
    opacity: 1;
}
.color_item.is-hidden {
    opacity: 0;
    height: 0;
    margin: 0;
    margin-bottom: 0 !important;
}
.list-btn {
    margin-top: 20px;
}
.more_info_btn.is-btn-hidden{
    display:none;
}
.product_feature_panel .product_feature_item .image_list .desc{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
}
.tag_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.product_detail .category{
    margin-right: 4px;
}
.worksArea__tabDetailWrap{
    padding-bottom: 0;
}
.sect_product_spec .tabDetail {
    padding-bottom: 0;
}
.product_color_panel{
    padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
    .product_detail .product_name {
        font-size: 35px!important;
    }
    #top_banneer .title1 {
        font-size: 5.4vw!important;
    }
    #top_banneer .title2 {
        font-size: 9.5vw!important;
    }
}

#top_banneer .title1{
    font-size: min(40px, 2.5vw);
    font-weight: 500;
    color: #fff;
    margin-left: 5.4vw;
    margin-bottom: 4.5vw;
    max-width: 800px;
}
@media screen and (max-width: 768px) {
    #top_banneer .title1{
        font-size: 6.4vw;
        margin-left: 6.4vw;
        margin-right: 6.4vw;
        margin-bottom: 2.6vw;
    }
}

#top_banneer .title2{
    font-size: min(78px, 5.5vw);
    font-weight: bold;
    color: #fff;
    margin-left: 5.4vw;
    max-width: 1000px;
}
@media screen and (max-width: 768px) {
    #top_banneer .title2{
        font-size: 10.6vw;
        margin-left: 6.4vw;
        margin-bottom: 46vw;
    }
}