@charset "utf-8";

.taC {
    text-align: center;
}

.tc_section_modal .tc_section_modal_01 .tc_comp_all_thum .tc_modal_open {
    position: relative;
}

.tc_section_modal .tc_section_modal_01 .tc_comp_all_thum .tc_modal_open::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    height: 40%;
    background: url(/img/discovery/irons-steamer/garment-steamer-1way/discovery-feature-sanitize/icon_movie.png) no-repeat center center/contain;
    opacity: .7;
}

.gy_line{
    border: solid 1px #a5a5a5;
}
.tc_comp_all_thum.gy_line img{
    padding: 20px;
}

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

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



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



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

#nav .tc_comp_anchorlinklist {
    padding: 80px 0;
}

#nav .tc_comp_anchorlinklist>.tc_dp_flex {
    padding: 0;
}

#nav .tc_dp_flex {
    margin-top: 12px;
}

#nav .tc_comp_anchorlink {
    padding: 8px;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    #nav .tc_comp_anchorlinklist {
        padding: 30px 0;
    }

    #nav .tc_dp_flex {
        flex-direction: column;
    }
}



/* ==========================================================================
intro
========================================================================== */
#intro .tc_section_honbun_01 {
    margin: 0.5em 0 1.5em 0;
}

#intro .tc_section_honbun_02 {
    margin: 0.5em 0;
}

#intro .tc_section_clm_04 {
    margin: 1.5em 0;
}

#intro .tc_section_clm_04 > div {
    flex: 1 1 20%;
}

#intro .tc_section_clm_04 .tc_comp_all_clm {
    max-width: 277px;
}

#intro .tc_section_modal .tc_section_modal_01 .tc_comp_all_thum .tc_modal_open {
    max-width: 580px;
}

@media screen and (max-width: 767px) {
    #intro .tc_section_clm_04 .tc_comp_all_clm {
        max-width: none;
    }

    #intro .tc_section_movie_02 .tc_comp_all_clm {
        max-width: none;
    }

    #intro .tc_section_modal .tc_section_modal_01 .tc_comp_all_thum .tc_modal_open {
        max-width: none;
    }
}



/* ==========================================================================
column
========================================================================== */
.column .tc_section_heading_08 {
    margin-bottom: 40px;
}

/* tc_section_clm_01 */
.column .tc_section_clm_01 {
    margin-bottom: 40px;
}

/* tc_section_clm_04 */
.column .tc_section_clm_04 > div {
    flex: 1 1 20%;
}

/* tc_section_clm_06 */
.column .tc_section_clm_06 {
    margin-bottom: 40px;
}

.column .tc_section_clm_06 > div {
    flex: 1 1 40%;
}

.column .tc_section_title_03+.tc_section_honbun_03 {
    margin: 0.5em 0 1em 0;
}

.column .tc_section_clm_06 .tc_section_title_05 {
    margin-bottom: 10px;
}

.column .tc_section_clm_06 .tc_section_honbun_05 {
    margin-top: 10px;
}

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

    /* tc_section_clm_06 */
    .column .tc_section_clm_06 {
        margin-bottom: 30px;
    }
}



/* ==========================================================================
virus
========================================================================== */
#virus .tc_section_heading_08 {
    margin-bottom: 10px;
}

#virus .tc_section_honbun_05 {
    margin-bottom: 40px;
}

#virus .tc_section_clm_06 .tc_section_modal_01 a {
    width: 100%;
}



/* ==========================================================================
info
========================================================================== */
#info .tc_section_title_03 {
    margin-bottom: 30px;
}

/* アコーディオン */
#info .list_wrap {
    border-top: 1px solid #a5a5a5
}

#info .list_wrap>li {
    padding: 20px 0 20px;
    border-bottom: 1px solid #a5a5a5;
    cursor: pointer
}

#info .list_wrap>li dt {
    text-align: center;
    position: relative;
    padding: 0 0 0 0;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 0.12em
}

#info .list_wrap>li dt:before {
    display: block;
    content: '';
    width: 13px;
    height: 13px;
    background: url(/img/discovery/irons-steamer/garment-steamer-1way/discovery-feature-sanitize/icon_acc.png) no-repeat center center/contain;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
}

#info .list_wrap>li.on dt:before {
    background: url(/img/discovery/irons-steamer/garment-steamer-1way/discovery-feature-sanitize/icon_acc_on.png) no-repeat center center/contain;
}

#info .list_wrap>li dd {
    font-size: 1.0rem;
    line-height: 1.65;
    letter-spacing: 0
}

#info .list_wrap>li dd ul {
    padding-top: 20px
}

#info .list_wrap>li dd ul li {
    margin-bottom: 20px
}

#info .list_wrap>li dd ul li:last-child {
    margin-bottom: 10px
}

@media screen and (max-width: 767px) {
    #info .tc_section_title_03 {
        margin-bottom: 15px;
    }

    /* アコーディオン */
    #info .top_ttl {
        font-size: 12px;
        font-size: 3.0769230769vw;
        margin-bottom: 20px
    }

    #info .list_wrap>li {
        padding: 10px 0
    }

    #info .list_wrap>li.on dt:after {
        display: none
    }

    #info .list_wrap>li.on dd {
        display: block
    }

    #info .list_wrap>li dt {
        font-size: 10px;
        font-size: 2.5641025641vw
    }

    #info .list_wrap>li dt:before {
        width: 9px;
        right: 5px
    }

    #info .list_wrap>li dt:after {
        height: 9px;
        right: 9px;
        margin-top: -4px
    }

    #info .list_wrap>li dd {
        font-size: 8px;
        font-size: 2.0512820513vw;
        line-height: 1.5
    }

    #info .list_wrap>li dd ul {
        padding-top: 10px
    }

    #info .list_wrap>li dd ul li {
        margin-bottom: 15px
    }

    #info .list_wrap>li dd ul li:last-child {
        margin-bottom: 10px
    }
}



/* ==========================================================================
関連コンテンツ
========================================================================== */
.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;
    }
}