@charset "UTF-8";

/* =====================
article__header
========================*/

.title__contents{
    background: rgba(255, 255, 255, 0.80);
}

.title__contents h1{
    color:var(--primary-textgray);
    border-bottom: solid 1px var(--primary-textgray);
}

.title__contents h1 span{
    color:var(--primary-textgray);

}

.title__contents p{
    color:var(--primary-textgray);
}



.title__contents h1 span{
    font-size: 1.6rem;
    letter-spacing: 0.05em;
}

.top1{
    background: url(../../images/brand/chanel/top1_sp.png) no-repeat top center;
    background-size:cover;
    padding-bottom:calc(100svh - 71px);
}

.top2{
    background: url(../../images/brand/chanel/top2_sp.png) no-repeat top center;
    background-size:cover;
    padding-bottom:calc(100svh - 71px);
}

.top3{
    background: url(../../images/brand/chanel/top3_sp.png) no-repeat top center;
    background-size:cover;
    padding-bottom:calc(100svh - 71px);
}

.top4{
    background: url(../../images/brand/chanel/top4_sp.png) no-repeat top center;
    background-size:cover;
    padding-bottom:calc(100svh - 71px);
}

.top5{
    background: url(../../images/brand/chanel/top5_sp.png) no-repeat top center;
    background-size:cover;
    padding-bottom:calc(100svh - 71px);
}


/* article__header PC 821px */
@media screen and (min-width:821px) {
     
    .title__contents h1{
        font-size: 4.8rem;
        letter-spacing: 0.2em;
    }
    
    .title__contents h1 span{
        font-size: 2.4rem;
        letter-spacing: 0.2em;
    }
    

    .top1{
        background: url(../../images/brand/chanel/top1_pc.png) no-repeat center center;
        padding-bottom:calc(100svh - 150px);
        background-size:cover;
    }
    
    .top2{
        background: url(../../images/brand/chanel/top2_pc.png) no-repeat center center;
        padding-bottom:calc(100svh - 150px);
        background-size:cover;
    }
    
    .top3{
        background: url(../../images/brand/chanel/top3_pc.png) no-repeat center center;
        padding-bottom:calc(100svh - 150px);
        background-size:cover;
    }
    
    .top4{
        background: url(../../images/brand/chanel/top4_pc.png) no-repeat center center;
        padding-bottom:calc(100svh - 150px);
        background-size:cover;
    }
    
    .top5{
        background: url(../../images/brand/chanel/top5_pc.png) no-repeat center center;
        padding-bottom:calc(100svh - 150px);
        background-size:cover;
    }
 
}/* article__header pc 821 */


/* =====================
about
========================*/

.vertical_title{
    letter-spacing: 0.15em;
}



/* =====================
enhanceModel
========================*/
.enhanceModel{
    background:url(../../images/brand/chanel/enhance_bg.png) no-repeat left top;
    background-size: cover;
}

.enhanceModel h2{
    border-bottom: solid 1px var(--primary-textgray);
    color:var(--primary-textgray);
}

.enhanceModel__txt{
    color:var(--primary-textgray);
}


.enhanceModel__contents{
    color:var(--primary-textgray);
}

.enhanceModel__brandName{
    color:var(--primary-textgray);
}

.enhanceModel__modelName{
    border-bottom: solid 1px var(--primary-textgray);                 
}


/* enhanceModel PC 821px */
@media screen and (min-width:821px) {
     
    .enhanceModel h2{
        border:none;
    }
 
}/* enhanceModelv pc 821 */


/* =====================
vintage
========================*/
.vintage__txt li{
    background:#F4EFE8;
    color:var(--primary-lightBrown);
}

.vintage__image {
    width: 90%;
    height:auto;
    margin:0 auto;
    position: sticky;
    top: 100px;
}

/* vintage pc 821 */
@media screen and (min-width:821px) {

    .vintage__image{
        width: 550px;
        position: sticky;
        top: 250px;
        margin-left: calc(50% + 200px);
        z-index:-10;
    }

}/* vintage pc 821 */

/* =====================
hack
========================*/
.hack{
    background-color: var(--primary-lightBeige);
}

.hack__contents dl{
    background-color: #F8F4EF;
}


/* =====================
Record
========================*/
.record__item dt{
    background-color: #F4EFE8;
    color: var(--primary-mainBrown);
}



/* =====================
Trust
========================*/
.trust{
    background: url(../../images/brand/chanel/trust_bg.png) no-repeat right center;
}

.trust h2{
    color:var(--primary-mainBrown);
}

.trust dl{
    background-color:#E1D9CC;
}

/* =====================
article__footer
========================*/
.article__footer--contact{
    background:url(../../images/brand/chanel/footer_contact.png) right top;
    border: solid 1px var(--primary-lightBrown);
}

.article__footer--contact h2{
    color:var(--primary-lightBrown);

}

.article__footer--contact h3{
    color:var(--primary-lightBrown);
}
.article__footer--contact p{
    color:var(--primary-mainBrown);
}