@charset 'UTF-8';

.sp_wrapper_tx_v3 {
    background: linear-gradient(to bottom, #fff3d6 60%, #ffe7ac 100%);

    .tx_com {
        position: relative;
        padding: 4% 5% 4.5%;

        @media screen and (max-width: 768px) {
            padding: 7% 5% 7.5%;
        }

        &:before {
            content: "";
            position: absolute;
            background: url(/excludes/KEC/img/special/cookingitem/tit_icon.png) no-repeat center;
            background-size: 100%;
            width: 100%;
            height: 33px;
            top: -20px;
            left: 0;

            @media screen and (max-width: 768px) {
                top: -2px;
                background-size: 90%;
            }
        }

        &:after {
            content: "";
            position: absolute;
            background: url(/excludes/KEC/img/special/cookingitem/tit_icon.png) no-repeat center;
            background-size: 100%;
            width: 100%;
            height: 33px;
            bottom: -20px;
            left: 0;

            @media screen and (max-width: 768px) {
                bottom: 1px;
                background-size: 90%;
            }
        }

        > p {
            color: var(--bk-brown);
        }
    }
}
.sp_wrapper_anc_v4 {
    background-color: var(--bk-white);
    padding: 0 20px;
    margin: 50px 0 70px;

    .anc_box {
        max-width: 100%;
        background: unset;

        > a {
            width: calc((100% - 30px) / 4);
            background: #642c00;
            color: var(--fc-white) !important;
            height: 90px;
            box-shadow: none;

            @media screen and (max-width: 598px) {
                width: calc((100% - 20px) / 3);
            }
        
            @media screen and (max-width: 450px) {
                width: calc((100% - 10px) / 2);
            }
        }
    }
}
.tit5 > h3 {
    position: relative;
    padding: 0 0 10px 110px;
    color: #ea5413;
    font-weight: bold;
}
.tit5 > h3:after {
    background: repeating-linear-gradient(90deg,transparent 0px 4px, #ea5413 4px 8px);
}
.tit5 > h3:before {
    background: url(/excludes/KEC/img/special/cookingitem/cat_icon.png) no-repeat;
    background-size: 100px;
    position: absolute;
    content: "";
    width: 100px;
    height: 52px;
    bottom: 10px;
    left: 0;
}
.color_cha > h3 {
    color: #642c00!important;
}
.color_cha > h3:after {
    background: repeating-linear-gradient(90deg,transparent 0px 4px, #642c00 4px 8px);
}