@charset "utf-8";

/* ==========================================================================
kv
========================================================================== */
#kv .tc_kv_02 .tc_inner p {
    margin-top: 1em;
}



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

#anchor .tc_comp_anchorlink {
    margin-top: 1em;
    padding: 15px 25px;
    border-radius: 999px;
}

@media screen and (max-width: 767px) {
    #anchor {
        margin-top: 65px;
        padding: 32px 0;
    }

    #anchor .tc_comp_anchorlink {
        padding: 5px 20px;
        min-height: 33px;
        font-size: 13px;
    }
}



/* ==========================================================================
pinson
========================================================================== */
#pinson {
    margin-top: 80px;
}

#pinson .tc_section_clm_06 {
    justify-content: center;
}

#pinson .title {
    margin: 0 auto;
    margin-bottom: 80px;
    max-width: 230px;
}

#pinson .tc_text {
    margin-top: 11px;
}

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

    #pinson .title {
        margin-bottom: 40px;
        width: 46.29%;
        min-width: 162px;
    }
}



/* ==========================================================================
column
========================================================================== */
/* visual
-------------------------------------*/
.column .visual {
    padding-bottom: 80px;
    margin: 0 auto;
    margin-bottom: 80px;
    background-position: center clamp(120px,15vw,230px);
    background-size: cover;
    background-repeat: no-repeat;
}

.column .visual .tc_inner {
    display: flex;
    justify-content: center;
    max-width: 1500px;
}

.column .visual .tc_inner img {
    max-width: 1180px;
    width: 78.67%;
}

@media screen and (max-width: 767px) {
    .column .visual {
        margin: 0 auto;
        margin-bottom: 64px;
        padding-bottom: 7.7295vw;
        background-position: center clamp(50px,27vw,230px);
    }

    .column .visual .tc_inner img {
        max-width: none;
        width: 100%;
    }
}


/* intro
-------------------------------------*/
.column .intro {
    margin-bottom: 60px;
}

.column .intro .tc_section_heading_08 {
    margin-bottom: 60px;
}

.column .intro .tc_section_heading_08 h2 {
    font-weight: normal;
}

@media screen and (max-width: 767px) {
    .column .intro .tc_section_heading_08 {
        margin-bottom: 30px;
    }
}


/* lineup
-------------------------------------*/
.column .lineup {
    margin-top: 80px;
    margin-bottom: 100px;
}

.column .lineup .title {
    margin: 0 auto;
    margin-bottom: 60px;
    max-width: 210px;
}

.column .lineup .tc_section_coupon_04 .tc_comp_anchorlink {
    padding: 15px 25px;
    margin-top: 1em;
    background: #fff;
    border-radius: 999px;
}

@media screen and (max-width: 767px) {
    .column .lineup {
        margin-top: 65px;
        margin-bottom: 80px;
    }

    .column .lineup .title {
        margin-bottom: 40px;
        width: 42.29%;
        min-width: 148px;
    }

    .column .lineup .tc_section_coupon_04 {
        gap: 20px;
    }

    .column .lineup .tc_section_coupon_04 .tc_comp_anchorlink {
        padding: 5px 25px;
        min-height: 40px;
        font-size: 13px;
    }
}


/* recipe - detail
-------------------------------------*/
.column .recipe {
    margin-top: 80px;
}

.column .recipe .detail {
    padding: 100px 0;
    background: #F5F5F5;
}

@media screen and (max-width: 767px) {
    .column .recipe {
        margin-top: 65px;
    }
}

/* h3 */
.column .recipe .detail .h3_title {
    margin-bottom: 60px;
}

/* tc_section_step_03 */
.column .recipe .detail .tc_section_step_03 {
    margin-bottom: 60px;
}

.column .recipe .detail .tc_section_step_03 .tc_inner>div::before {
    display: none;
}

.column .recipe .detail .tc_section_step_03 .tc_comp_step_circle {
    padding-top: 0;
    margin-top: 40px;
}

.column .recipe .detail .tc_section_step_03 .tc_comp_step_circle .tc_text {
    display: flex;
    align-items: center;
    background-color: #fff;
}

.column .recipe .detail .tc_section_step_03 .tc_text p {
    margin-top: 0;
}

/* point */
.column .recipe .detail .point .tc_section_heading_04 {
    padding: 0;
    margin-bottom: 60px;
    border-bottom: 0;
}

.column .recipe .detail .point .tc_section_heading_04::before {
    content: '';
    display: block;
    margin: 0 auto;
    margin-bottom: 1em;
    width: 88px;
    height: 38px;
    background: url(/img/discovery/pots-pans/stackable/discovery-recipe-gateaux/point_title.png) center center/cover no-repeat;
}

.column .recipe .detail .point .tc_section_heading_04::after {
    content: '';
    display: block;
    margin: 0 auto;
    margin-top: 1em;
    width: 30%;
    height: 1px;
    background-color: #333;
}

@media screen and (min-width: 768px) {
    .column .recipe .detail .h3_title {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .column .recipe .detail {
        padding: 60px 0;
    }

    .column .recipe .detail .h3_title {
        margin-bottom: 20px;
    }

    .column .recipe .detail .tc_section_step_03 {
        margin-bottom: 0;
    }

    .column .recipe .detail .tc_section_step_03 .tc_comp_step_circle {
        margin-top: 17px;
    }

    .column .recipe .detail .tc_section_step_03 .tc_inner {
        padding: 0;
    }

    .column .recipe .detail .point .tc_section_heading_04 {
        margin-bottom: 30px;
    }

    .column .recipe .detail .point .tc_section_heading_04::after {
        width: 100%;
    }
}


/* recipe - detail (tc_accordion)
-------------------------------------*/
.column .recipe .detail .tc_accordion {
    margin-bottom: 80px;
}

/* tc_accordion_head */
.column .recipe .detail .tc_accordion .tc_accordion_head {
    cursor: pointer;
    position: relative;
}

.column .recipe .detail .tc_accordion .tc_accordion_head::before {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    background-image: url(/img/discovery/pots-pans/stackable/discovery-recipe-gateaux/ico_acc_on.png);
}

.column .recipe .detail .tc_accordion .tc_accordion_head.active::before {
    background-image: url(/img/discovery/pots-pans/stackable/discovery-recipe-gateaux/ico_acc_off.png);
}

.column .recipe .detail .tc_accordion .tc_accordion_head .tc_comp_heading_underline {
    padding: 1.5em 0;
    border-color: #707070;
}

/* tc_accordion_body */
.column .recipe .detail .tc_accordion .tc_accordion_body {
    display: none;
}

.column .recipe .detail .tc_accordion .tc_accordion_body .flex {
    display: flex;
    gap: 0;
    border: 1px solid #707070;
    border-top: none;
}

.column .recipe .detail .tc_accordion .tc_accordion_body .flex > div {
    padding: 50px;
}

.column .recipe .detail .tc_accordion .tc_accordion_body .flex > div:first-child {
    width: 38%;
    border-right: 1px solid #707070;
}

.column .recipe .detail .tc_accordion .tc_accordion_body .flex > div:last-child {
    width: 62%;
}

.column .recipe .detail .tc_accordion .tc_accordion_body .flex > div .tc_section_title_04L {
    margin-bottom: 20px;
}

/* tc_accordion_body item01 */
.column .recipe .detail .tc_accordion .tc_accordion_body .flex .tc_accordion_body_item_01 .tc_accordion_body_item_list .tc_accordion_body_item_item {
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #ddd;
    padding: 6px 0;
}

.column .recipe .detail .tc_accordion .tc_accordion_body .flex .tc_accordion_body_item_01 .tc_accordion_body_item_list .tc_accordion_body_item_item.baseline {
    align-items: baseline;
    text-align: right;
}

.column .recipe .detail .tc_accordion .tc_accordion_body .flex .tc_accordion_body_item_list .tc_accordion_body_item_item .subTitle {
    display: block;
    font-weight: bold;
    margin: 1.5em 0 0.5em;
}

.column .recipe .detail .tc_accordion .tc_accordion_body .flex .tc_accordion_body_item_list .tc_accordion_body_item_item .subTitle.mt {
    margin: 0 0 0.5em;
}

/* tc_accordion_body item02 */
.column .recipe .detail .tc_accordion .tc_accordion_body .flex .tc_accordion_body_item_02 .tc_accordion_body_item_list .tc_accordion_body_item_item {
    padding-left: 1em;
    text-indent: -1em;
}

.column .recipe .detail .tc_accordion .tc_accordion_body .flex .tc_accordion_body_item_02 .tc_accordion_body_item_list .tc_accordion_body_item_item:not(:first-child) {
    margin-top: 1.5em;
}

/* imgBox */
.column .recipe .detail .tc_accordion .tc_accordion_body .flex .tc_accordion_body_item_02 .tc_accordion_body_item_list .tc_accordion_body_item_item .imgBox {
    display: flex;
    gap: 20px;
    padding-left: 0;
    text-indent: 0;
}

.column .recipe .detail .tc_accordion .tc_accordion_body .flex .tc_accordion_body_item_02 .tc_accordion_body_item_list .tc_accordion_body_item_item .imgBox .img img {
    border: 1px solid #DDDDDD;
}

.column .recipe .detail .tc_accordion .tc_accordion_body .flex .tc_accordion_body_item_02 .tc_accordion_body_item_list .tc_accordion_body_item_item .imgBox .title {
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .column .recipe .detail .tc_accordion .tc_accordion_body .flex .tc_accordion_body_item_02 .tc_accordion_body_item_list .tc_accordion_body_item_item .imgBox .img {
        width: 24.69%;
    }

    .column .recipe .detail .tc_accordion .tc_accordion_body .flex .tc_accordion_body_item_02 .tc_accordion_body_item_list .tc_accordion_body_item_item .imgBox .text {
        width: 75.31%;
    }

    .column .recipe .detail .tc_accordion .tc_accordion_body .flex .tc_accordion_body_item_02 .tc_accordion_body_item_list .tc_accordion_body_item_item .imgBox .title {
        margin-bottom: 0.75em;
    }
}

@media screen and (max-width: 767px) {
    .column .recipe .detail .tc_accordion .tc_accordion_head .tc_comp_heading_underline {
        margin-top: 1.5em;
        padding: 1em 0;
    }

    .column .recipe .detail .tc_accordion .tc_accordion_body .flex {
        flex-direction: column;
        border: none;
        border-bottom: 1px solid #707070;
    }

    .column .recipe .detail .tc_accordion .tc_accordion_body .flex > div {
        padding: 30px 0;
    }

    .column .recipe .detail .tc_accordion .tc_accordion_body .flex > div:first-child {
        border-right: none;
    }

    .column .recipe .detail .tc_accordion .tc_accordion_body .flex > div:last-child {
        padding-top: 0;
    }

    .column .recipe .detail .tc_accordion .tc_accordion_body .flex > div:first-child,
    .column .recipe .detail .tc_accordion .tc_accordion_body .flex > div:last-child {
        width: 100%;
    }

    .column .recipe .detail .tc_accordion .tc_accordion_body .flex > div .tc_section_title_04L {
        margin-bottom: 15px;
    }

    .column .recipe .detail .tc_accordion .tc_accordion_body .flex .tc_accordion_body_item_02 .tc_accordion_body_item_list .tc_accordion_body_item_item .imgBox .img {
        width: 45.71%;
    }

    .column .recipe .detail .tc_accordion .tc_accordion_body .flex .tc_accordion_body_item_02 .tc_accordion_body_item_list .tc_accordion_body_item_item .imgBox .text {
        width: 54.29%;
    }
}


/* recipe - item
-------------------------------------*/
.column .recipe .item {
    padding-top: 100px;
}

/* h4 */
.column .recipe .item .tc_section_heading_04 {
    padding: 0;
    margin-bottom: 60px;
    border-bottom: 0;
}

.column .recipe .item .tc_section_heading_04::before {
    content: '';
    display: block;
    margin: 0 auto;
    margin-bottom: 1em;
    width: 77px;
    height: 36px;
    background: url(/img/discovery/pots-pans/stackable/discovery-recipe-gateaux/item_title.png) center center/cover no-repeat;
}

.column .recipe .item .tc_section_heading_04::after {
    content: '';
    display: block;
    margin: 0 auto;
    margin-top: 1em;
    width: 30%;
    height: 1px;
    background-color: #333;
}

/* tc_section_saleprod_06 */
.column .recipe .item .tc_section_saleprod_06 {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.column .recipe .item .tc_section_saleprod_06 .tc_textFlex {
    display: flex;
    flex-direction: column;
    gap: 1em;
    flex: 1 1 40%;
}

.column .recipe .item .tc_section_saleprod_06 .tc_textFlex .title {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.column .recipe .item .tc_section_saleprod_06 .tc_textFlex .title > p {
    text-indent: 2em;
}

.column .recipe .item .tc_section_saleprod_06 .tc_textFlex.grow .tc_comp_clm_saleprod {
    display: flex;
    flex-direction: column;
}

.column .recipe .item .tc_section_saleprod_06 .tc_textFlex.grow .tc_comp_clm_saleprod .tc_text {
    flex-grow: 1;
}

.column .recipe .item .tc_section_saleprod_06 .tc_textFlex .tc_text .tc_section_title_04 {
    text-align: left;
}

.column .recipe .item .tc_section_saleprod_06 .tc_textFlex .tc_text .tc_section_honbun_03 {
    margin: 5px 0 11px;
    text-align: left;
}


@media screen and (min-width: 768px) {
    .column .recipe .item .tc_section_saleprod_06 .tc_textFlex.margin {
        margin-top: 24px;
    }
}

@media screen and (max-width: 767px) {
    .column .recipe .item .tc_section_heading_04 {
        margin-bottom: 30px;
    }

    .column .recipe .item .tc_section_heading_04::after {
        width: 100%;
    }

    .column .recipe .item .tc_section_saleprod_06 .tc_textFlex {
        flex: 1 1 100%;
    }

    .column .recipe .item .tc_section_saleprod_06 .tc_textFlex .title > p {
        text-indent: 0;
    }

    .column .recipe .item .tc_section_saleprod_06 .tc_textFlex .tc_text .tc_section_honbun_01 {
        text-align: center;
    }
}


/* interview
-------------------------------------*/
/* h4 */
.column .interview .tc_inner > .tc_section_heading_04 {
    padding: 0;
    margin-bottom: 30px;
    border-bottom: 0;
}

.column .interview .tc_inner > .tc_section_heading_04::before {
    content: '';
    display: block;
    margin: 0 auto;
    margin-bottom: 1em;
    width: 160px;
    height: 38px;
    background: url(/img/discovery/pots-pans/stackable/discovery-recipe-gateaux/interview_title.png) center center/cover no-repeat;
}

.column .interview .tc_inner > .tc_section_heading_04::after {
    content: '';
    display: block;
    margin: 0 auto;
    margin-top: 1em;
    width: 30%;
    height: 1px;
    background-color: #333;
}

/* tc_section_title_05 */
.column .interview .tc_section_title_05 {
    margin-bottom: 60px;
    text-align: center;
}

/* tc_section_clm_06 */
.column .interview .tc_section_clm_06 {
    justify-content: center;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .column .interview .tc_inner > .tc_section_heading_04 {
        margin-bottom: 30px;
    }

    .column .interview .tc_inner > .tc_section_heading_04::after {
        width: 100%;
    }

    .column .interview .tc_section_title_05 {
        margin-bottom: 20px;
    }

    .column .interview .tc_section_clm_06 {
        margin-bottom: 11px;
    }
}


/* interview (tc_accordion)
-------------------------------------*/
.column .interview {
    margin-top: 80px;
    padding-bottom: 1px;
}

@media screen and (max-width: 767px) {
    .column .interview {
        margin-top: 65px;
    }
}

.column .interview .tc_accordion {
    margin: 0 auto;
    max-width: 578px;
}

/* tc_accordion_head */
.column .interview .tc_accordion .tc_accordion_head {
    cursor: pointer;
    position: relative;
}

.column .interview .tc_accordion .tc_accordion_head::before {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    background-image: url(/img/discovery/pots-pans/stackable/discovery-recipe-gateaux/ico_acc_on.png);
}

.column .interview .tc_accordion .tc_accordion_head.active::before {
    background-image: url(/img/discovery/pots-pans/stackable/discovery-recipe-gateaux/ico_acc_off.png);
}

.column .interview .tc_accordion .tc_accordion_head .tc_comp_heading_underline {
    padding: 1.5em 0;
    border-color: #707070;
}

/* tc_accordion_body */
.column .interview .tc_accordion .tc_accordion_body {
    display: none;
    padding-top: 60px; 
}

.column .interview .tc_accordion .tc_accordion_body .img + .img {
    margin-top: 30px;
}

.column .interview .tc_accordion .tc_accordion_body .tc_section_honbun_03 {
    margin: 11px 0;
}

.column .interview .tc_accordion .tc_accordion_body .sign {
    margin: 70px auto 40px;
    max-width: 280px;
}

.column .interview .tc_accordion .tc_accordion_body .logo {
    margin: 0 auto;
    max-width: 200px;
}

@media screen and (max-width: 767px) {
    .column .interview .tc_accordion {
        width: 100%;
    }

    .column .interview .tc_accordion .tc_accordion_head .tc_comp_heading_underline {
        padding: 1em 0;
    }

    .column .interview .tc_accordion .tc_accordion_body {
        padding-top: 30px; 
    }

    .column .interview .tc_accordion .tc_accordion_body .sign {
        margin: 60px auto 40px;
        width: 80%;
    }
    
    .column .interview .tc_accordion .tc_accordion_body .logo {
        width: 57.14%;
    }
}



/* ==========================================================================
valentine
========================================================================== */
#valentine {
    margin-top: 80px;
}

#valentine .visual {
    background-image: url(/img/discovery/pots-pans/stackable/discovery-recipe-gateaux/visual_bg_valentine.svg);
}

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


/* ==========================================================================
summer
========================================================================== */
#summer {
    margin-top: 80px;
}

#summer .visual {
    background-image: url(/img/discovery/pots-pans/stackable/discovery-recipe-gateaux/visual_bg_summer.svg);
}

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



/* ==========================================================================
autumn
========================================================================== */
#autumn {
    margin-top: 80px;
}

#autumn .visual {
    background-image: url(/img/discovery/pots-pans/stackable/discovery-recipe-gateaux/visual_bg_autumn.svg);
}

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



/* ==========================================================================
christmas
========================================================================== */
#christmas {
    margin-top: 80px;
}

#christmas .visual {
    background-image: url(/img/discovery/pots-pans/stackable/discovery-recipe-gateaux/visual_bg_christmas.svg);
}

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



/* ==========================================================================
pfoa
========================================================================== */
#pfoa {
    margin: 150px 0 80px 0;
}

#pfoa .pfoa_area {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

#pfoa .pfoa_area .img {
    max-width: 175px; 
}

@media screen and (max-width: 767px) {
    #pfoa {
        margin: 60px 0;
    }

    #pfoa .pfoa_area .img {
        width: 50%;
    }
}