@charset "utf-8";

/* ==================================================================

    newsDetails.css

=================================================================== */

/* --------------------------------
■mv
-------------------------------- */ 
.secondary .contents .visual{
    background-image: url("../../images/column/visual.jpg");
}
.secondary .contents .visual.before_after{
    background-image: url("../../images/before_after/visual.jpg");
}
.secondary .contents .visual.news{
    background-image: url("../../images/news/visual.jpg");
}

/* --------------------------------
■entry
-------------------------------- */ 
.contents .entry{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.contents .entry > h1{
    font-size: 3.2rem;
    line-height: 1.37;
}

.contents .entry > h1 + *{
    margin-top: 33px;
}

.contents .entry > p.image{
    margin-bottom: 23px;
    text-align: center;
}

.contents .entry > .status .date{
    margin:  0 0 10px 0;
    font-size: 1.3rem;
    color: #666666;
    letter-spacing: 0.1em;
}

/* --------------------------------
■body
-------------------------------- */

.contents .body{
    margin-top: 94px;
}

.contents .body h1,
.contents .body h2{
    position: relative;
    font-size: 3.2rem;
    line-height: 1.37;
    margin-bottom: 40px;
    padding: 12px 0 12px 23px;
}

.contents .body h1 + hr,
.contents .body h2 + hr{
    margin-top: -20px;
    margin-bottom: 40px;
}

.contents .body h3{
    font-size: 1.8rem;
    line-height: 1.77;
    margin-bottom: 25px;
}

.contents .body h4{
    font-size: 1.7rem;
    line-height: 1.77;
    margin-bottom: 15px;
}

.contents .body h3 + hr{
    margin-top: -10px;
    margin-bottom: 25px;
}

.contents .body h4 + hr{
    margin-top: -5px;
    margin-bottom: 15px;
}



.contents .body p{
    font-size: 1.6rem;
    line-height: 1.8;
    margin-bottom: 15px;
}

.contents .body figure{
    margin-bottom: 25px;
}

.contents .body ul{
    padding: 20px;
    background: #F6F6F6;
    border-radius: 4px;
    margin-bottom: 25px;
}

.contents .body ol li{
    list-style-type:decimal;
    margin-left:2em;
}

.contents .body h1,
.contents .body h2,
.contents .body h3,
.contents .body h4{
    margin-top: 60px;
}

.contents .body hr + h1,
.contents .body hr + h2,
.contents .body hr + h3,
.contents .body hr + h4{
    margin-top: 20px;
}

@media only screen and
(max-width : 808px) {
    
    .contents img{
        max-width: 100%;
        height: auto;
    }
    
    .contents .entry{
        max-width: 100%;
        margin-left: 3.5vw;
        margin-right: 3.5vw;
    }
}

@media only screen and
(max-width : 767px) {

/* --------------------------------
■entry
-------------------------------- */ 

.contents .entry > h1{
    font-size: 2.6rem;
}

.contents .entry > h1 + *{
    margin-top: 18px;
}

.contents .entry > p.image{
    margin-bottom: 18px;
}

.contents .entry > .status .date{
    margin: 16px 0 0 0;
    font-size: 1.1rem;
}

/* --------------------------------
■body
-------------------------------- */

.contents .body{
    margin-top: 45px;
}

.contents .body h1,
.contents .body h2{
    position: relative;
    font-size: 2.0rem;
    line-height: 1.37;
    margin-bottom: 28px;
    padding: 8px 0 8px 16px;
}

.contents .body h1 + hr,
.contents .body h2 + hr{
    margin-top: -8px;
    margin-bottom: 28px;
}


.contents .body h3{
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

.contents .body h4{
    font-size: 1.5rem;
    line-height: 1.77;
    margin-bottom: 15px;
}

.contents .body h3 + hr{
    margin-top: -10px;
    margin-bottom: 20px;
}

.contents .body h4 + hr{
    margin-top: -5px;
    margin-bottom: 15px;
}


.contents .body hr + h3,
.contents .body hr + h4{
    margin-top: 10px;
}

.contents .body p{
    font-size: 1.5rem;
    line-height: 1.8;
    margin-bottom: 18px;
}

.contents .body figure{
    margin-bottom: 18px;
}


}