@charset "utf-8";

#dc_g-005 section {
    margin-top: 80px;
}

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



/* ==========================================================================
パーツ
========================================================================== */
.tc_section_heading_08 {
    margin-bottom: 40px;
}



/* ==========================================================================
kv
========================================================================== */
#kv {
    margin-top: 0 !important;
}

#kv .tc_kv_01 {
    position: relative;
}

#kv .tc_comp_anchorlink {
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    #kv .tc_comp_anchorlinklist>.tc_dp_flex {
        display: flex;
        flex-direction: column;
        gap: 11px;
    }
}



/* ==========================================================================
lifestyle
========================================================================== */
#lifestyle .tc_section_heading02_03 {
    margin-bottom: 33px;
    text-align: center;
}

#lifestyle .tc_section_clm_03 + .tc_section_heading02_03 {
    margin-top: 60px;
}

#lifestyle .tc_section_clm_03 .tc_comp_all_clm {
    width: unset;
}

@media screen and (max-width: 767px) {
    #lifestyle .tc_section_heading02_03 {
        margin-bottom: 26px;
    }

    #lifestyle .tc_section_clm_03 + .tc_section_heading02_03 {
        margin-top: 30px;
    }
}

/* tc_section_clm_03 */
#lifestyle .tc_section_clm_03 {
    flex-wrap: nowrap;
    gap: 0;
}

#lifestyle .tc_section_clm_03 .tc_section_title_05 {
    text-align: center;
}

#lifestyle .tc_section_clm_03 .tc_comp_all_thum {
    display: flex;
    gap: 24px;
}

@media screen and (min-width: 768px) {
    #lifestyle .tc_section_clm_03 .tc_comp_all_clm:nth-child(odd) {
        padding-right: 27px;
        background: url(/img/discovery/irons-steamer/discovery-feature-steamer-choice/stroke.png) repeat-y top right;
    }
    
    #lifestyle .tc_section_clm_03 .tc_comp_all_clm:nth-child(even) {
        padding-left: 27px;
    }
}

@media screen and (max-width: 767px) {
    #lifestyle .tc_section_clm_03 {
        flex-direction: row;
    }

    #lifestyle .tc_section_clm_03 .tc_comp_all_clm:nth-child(odd) {
        padding-right: 6px;
        background: url(/img/discovery/irons-steamer/discovery-feature-steamer-choice/stroke.png) repeat-y top right;
    }
    
    #lifestyle .tc_section_clm_03 .tc_comp_all_clm:nth-child(even) {
        padding-left: 6px;
    }

    #lifestyle .tc_section_clm_03 .tc_comp_all_clm {
        flex-direction: column;
    }

    #lifestyle .tc_section_clm_03 .tc_comp_all_thum {
        flex-direction: column;
        gap: 12px;
    }

    #lifestyle .tc_section_clm_03 .tc_comp_all_clm .tc_comp_all_thum {
        height: unset;
    }

    #lifestyle .tc_section_clm_03 .tc_comp_all_clm .tc_comp_all_thum img {
        aspect-ratio: unset;
    }
}



/* ==========================================================================
finish
========================================================================== */
#finish .tc_section_img_01 {
    margin-bottom: 40px;
}

#finish .tc_comp_btn {
    max-width: unset;
    width: 100%;
    margin: 0;
}

#finish .tc_section_heading_04 {
    margin-bottom: 40px;
}

#finish .tc_section_clm_01 {
    margin-top: 12px;
}

#finish .tc_section_clm_01 .tc_section_honbun_03 {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    #finish .tc_section_img_01 {
        margin-bottom: 30px;
    }

    #finish .tc_section_clm_03 {
        gap: 12px;
    }

    #finish .tc_section_heading_04 {
        margin-bottom: 24px;
    }
}



/* ==========================================================================
関連コンテンツ
========================================================================== */
.tc_section_relatedContent {
    padding-bottom: 0 !important;
}

.tc_section_relatedContent .tc_section_title_03L {
    margin-bottom: 20px;
}

.tc_section_relatedContent .tc_section_relatedContent_01 .tc_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .tc_section_relatedContent .tc_section_title_03L {
        margin-bottom: 10px;
    }
}