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

/*---------------

カテゴリ上部 共通

---------------*/

.h2-tit {
    margin-bottom: 30px!important;
}

.cat-textbox {
    margin-bottom: 60px;
}
.cat-textbox .btn-new .btn {
  font-size: 15px;
}
.cat-textbox .cat-textbox-img {
    margin-bottom: 20px;
}
.cat-textbox .cat-textbox-sub {
    margin-bottom: 30px;
}
.cat-textbox .cat-textbox-sub .cat-textbox-txt {
    margin-bottom: 12px;
}
.cat-textbox-links {
    display: flex;
    justify-content: end;
}
.cat-textbox-links .btn-new:nth-child(n+1) {
    margin-left: 1%;
}

    /* IH対応オーダー */
    .cat-textbox-list {
        margin-top: 30px;
    }
    .cat-textbox-list h3 {
        font-size: 22px;
        margin-bottom: 12px;
    }
    .cat-textbox-list .cat-flex-box ul {
        display: flex;
        flex-wrap: nowrap;
    }
        .cat-textbox-list .cat-flex-box ul li {
            width: 33.3%;
            margin-right: 2%;
        }
        .cat-textbox-list .cat-flex-box ul li:last-child {
            margin-right: 0;
        }   
        .cat-textbox-list .cat-flex-box ul li h4 {
            font-weight: 600;
        }



/*---------------

カテゴリ上部・フリーページの特集テンプレート

---------------*/


/* 左・画像：右・テキスト */
    .tem-box01 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 50px;
    }
    .tem-box01 .pht {
        width: 340px;
        margin-bottom: 0;
    }
    .tem-box01 .pht img {
        width: 100%;
    }

    .tem-box01 .text {
        width: calc(100% - 340px);
        padding-left: 30px;
    }
    .tem-box01 .text h3 {
        font-weight: 500;
        font-size: 22px;
        line-height: 1.5;
        margin-bottom: 10px;
    }
    .tem-box01 .text h3 span {
        display: block;
        font-size: 16px;
    }

    .tem-box01 .feature-btn02 {
        margin-top: 32px;
    }

/* 左・テキスト：右・画像 */
    .tem-box01.rev {
        flex-direction:row-reverse;
    }
    
    .tem-box01.rev .text {
        padding-left: 0;
        padding-right: 30px;
    }


/* 商品一覧 */

ul.tem-itemlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
    ul.tem-itemlist li {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 50px;
    }
    ul.tem-itemlist li:nth-child(3n) {
        margin-right: 0;
    }







/*---------------

　tab ここから

---------------*/
@media only screen and (max-width: 1130px) {


}

/*---------------

　SP ここから

---------------*/
@media only screen and (max-width: 768px) {
    
/*---------------

SP：カテゴリ上部 共通

---------------*/

    .cat-textbox-links {
        display: unset;
    }
    .cat-textbox-links .btn-new:nth-child(n+1) {
        margin-left: 0;
        margin-bottom: 15px;
    }

            /* IH対応オーダー */
            .cat-textbox-list h3 {
                font-size: 20px;
                margin-bottom: 10px;
            }
            .cat-textbox-list .cat-flex-box ul {
                display: flex;
                flex-wrap: wrap;
            }
                .cat-textbox-list .cat-flex-box ul li {
                    width: 100%;
                    margin-right: 0;
                    margin-bottom: 30px;
                }
/*---------------

SP：カテゴリ上部 共通ここまで

---------------*/
    

/* 左・画像：右・テキスト */
    .tem-box01 .pht {
        width: 100%;
        margin-bottom: 10px;
    }
    .tem-box01 .pht img {
        width: 100%;
    }

    .tem-box01 .text {
        width: 100%;
        padding-left: 0;
    }
    .tem-box01 .feature-btn02 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
/* 左・テキスト：右・画像 */
    
    .tem-box01.rev .text {
        padding-left: 0;
        padding-right: 30px;
    }

    

}
/*---------------

　SP ここまで

---------------*/