@charset "utf-8";

/* ==========================================================================
kv
========================================================================== */
@media screen and (max-width: 767px) {
    #kv .tc_comp_anchorlinklist>.tc_dp_flex {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    
    #kv .tc_comp_anchorlinklist>.tc_dp_flex>a {
        width: 100%;
    }
}



/* ==========================================================================
intro
========================================================================== */
#intro {
    margin-bottom: 80px;
}

#intro .text {
    margin: 80px 0;
}

#intro .text .tc_section_honbun_01 {
    margin: 56px 0;
}

#intro .tc_ctm_section_saleprod_03 {
    justify-content: center;
}

#intro .tc_ctm_section_saleprod_03 .tc_comp_clm_saleprod {
    background-color: #fff;
    border-radius: unset;
}

#intro .tc_ctm_section_saleprod_03 .tc_comp_clm_saleprod .tc_comp_prod_thum {
    padding: 40px 90px 0;
}

#intro .tc_ctm_section_saleprod_03 .tc_comp_clm_saleprod .tc_text {
    background-color: #fff;
    text-align: center;
}

@media screen and (max-width: 767px) {
    #intro {
        margin-bottom: 65px;
    }

    #intro .text {
        margin: 44px 0;
    }

    #intro .text .tc_section_honbun_01 {
        margin: 32px 0;
    }

    #intro .tc_ctm_section_saleprod_03 .tc_comp_clm_saleprod .tc_comp_prod_thum {
        padding: 24px 50px 0;
    }
}



/* ==========================================================================
point
========================================================================== */
#point {
    margin-top: 0;
    padding: 80px 0;
    background: #F5F5F5;
}

#point .tc_section_heading_06 {
    margin-bottom: 56px;
}

#point ul {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* title */
#point ul > li > .title {
    margin-bottom: 12px;
}

#point ul > li > .title .tc_section_title_06 {
    margin-bottom: 8px;
    color: #EB212E;
}

/* tc_section_clm_BG1_01 */
#point ul > li > .tc_section_clm_BG1_01 .tc_text {
    gap: 10px;
    background: #fff;
}

@media screen and (max-width: 767px) {
    #point .tc_section_heading_06 {
        margin-bottom: 32px;
    }
}



/* ==========================================================================
lineup
========================================================================== */
#lineup {
    margin-bottom: 80px;
}

#lineup .tc_section_heading_07 {
    margin-bottom: 56px;
}

#lineup .tc_section_heading04_02,
#lineup .tc_section_title_02L {
    margin-bottom: 40px ;
}

#lineup ul {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#lineup ul > li .tc_text {
    margin-bottom: 12px;
}

#lineup ul > li .tc_comp_all_thum.border {
    border: 1px solid #E5E5E5;
}

#lineup ul + .tc_section_heading04_02,
#lineup .tc_section_title_02L {
    margin-top: 40px;
}

#lineup .tc_section_clm_06 .tc_comp_all_clm .tc_comp_all_thum.tc_width_50percent {
    width: calc(100% / 2 - 12px);
}

@media screen and (max-width: 767px) {
    #lineup {
        margin-bottom: 65px;
    }

    #lineup .tc_section_heading_07 {
        margin-bottom: 32px;
    }

    #lineup ul + .tc_section_heading04_02,
    #lineup .tc_section_title_02L {
        margin-top: 77px;
    }

    #lineup .tc_section_clm_03 .tc_comp_all_clm {
        display: block;
    }

    #lineup .tc_section_clm_03 .tc_comp_all_clm .tc_comp_all_thum {
        height: auto;
    }

    #lineup .tc_section_clm_03 .tc_comp_all_clm .tc_comp_all_thum img {
        aspect-ratio: initial;
        object-fit: initial;
    }

    #lineup .tc_section_clm_06 .tc_comp_all_clm .tc_comp_all_thum.tc_width_50percent {
        width: calc(100% / 2 - 6px);
    }
}



/* ==========================================================================
recipe
========================================================================== */
#recipe {
    margin-top: 0;
    padding: 80px 0;
    background: #F5F5F5;
}

#recipe .tc_section_heading_06 {
    margin-bottom: 56px;
}

#recipe .tc_section_title_03 {
    margin-bottom: 12px;
}

#recipe .tc_section_clm_04 + .tc_section_title_03 {
    margin-top: 32px;
}

@media screen and (min-width: 768px) {
    #recipe .tc_section_clm_06 .tc_comp_all_clm {
        margin-bottom: 16px;
    }

    #recipe .tc_section_clm_06 .tc_comp_all_clm:nth-last-child(-n+2) {
        margin-bottom: 0px;
    }

    #recipe .tc_section_clm_04 + .tc_section_title_03 {
        margin-top: 56px;
    }
}

@media screen and (max-width: 767px) {
    #recipe .tc_section_heading_06 {
        margin-bottom: 32px;
    }

    #recipe .tc_section_clm_06 {
        gap: 40px;
    }
}



/* ==========================================================================
pfoa
========================================================================== */
#pfoa .img {
    margin: 0 auto;
    margin-bottom: 16px;
    max-width: 240px;
}

#pfoa .text {
    text-align: center;
}

@media screen and (max-width: 767px) {
    #pfoa .img {
        width: 50%;
    }

    #pfoa .text {
        text-align: left;
    }
}



/* ==========================================================================
related
========================================================================== */
/* #related {
    padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
    #related {
        padding-bottom: 65px;
    }
} */

#intro, #lineup, #pfoa, #related {
    margin-top: 80px;
}

@media screen and (max-width: 767px) {
    #intro, #lineup, #pfoa, #related {
        margin-top: 65px;
    }
}