@charset "utf-8";


/* ==================================================================
    babyscollection.css

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

/* ==================================================================
   ■ 共通指定
=================================================================== */
.contents section .lv3.title._l {
    margin-bottom: 30px;
}
.contents p.text._s {
    margin-bottom: 30px;
}
.contents dl.text._s {
    margin-bottom: 20px;
}

/* --------------------------------
   □  accent
-------------------------------- */
#babyscollection .accent {
    background-image: url(../../images/babyscollection/accent_pc.jpg);
}
#babyscollection .accent .heading {
    text-transform: capitalize;
    margin-bottom: 20px;
}
    #babyscollection .accent .heading .image {
        margin-bottom: 0;
    }

/* --------------------------------
   □  intro
-------------------------------- */
#intro .inner {
    max-width: 988px;
    margin: auto;
}
#intro .lv4 {
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 25px;
}
#intro p.text {
    margin-bottom: 0;
}

/* --------------------------------
   □  about
-------------------------------- */
#about {
    padding: 0;
    background: url(../../images/babyscollection/about_bg.jpg) repeat;
}
#about .inner {
    padding-top: 0;
}
#about .inner {
    padding-bottom: 30px;
    position: relative;
}
    #about .inner::after {
        content: "";
        display: block;
        background-color: #fff;
        width: 100vw;
        height: 30px;
        margin: 0 calc(50% - 50vw);
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
    }
#about .flexbox.col2 figure {
    width: 58%;
}
#about .inner:nth-child(3) .flexbox.col2 figure {
    margin-top: -15px;
}
#about .flexbox.col2 .txtArea {
    width: 42%;
    padding: 100px 0;
}
#about .flexbox.col2 .txtArea dt {
    font-size: 1.6rem;
    font-weight: 700;
}
#about .asteriskArea {
    margin: 0 calc(50% - 50vw);
    padding: 20px calc(50vw - 50%) 100px;
}
#about .asteriskArea > .asteriskInner {
    max-width: 1244px;
    margin: auto;
}


@media (max-width: 1600px) and (min-width: 768px) {
}


@media (max-width: 1400px) and (min-width: 768px) {
}


@media (max-width: 1200px) and (min-width: 768px) {
}


/* タブレット用
-------------------------------------------- */
@media (max-width: 999px) and (min-width: 768px) {
    /* --------------------------------
       □  accent
    -------------------------------- */
    #babyscollection .accent {
        background-image: url(../../images/babyscollection/accent_sp.jpg);
    }
        #babyscollection .accent .image {
            zoom: 0.7;
        }

    /* --------------------------------
       □  about
    -------------------------------- */
    #about .flexbox.col2 .txtArea {
        padding: 60px 0;
    }
}


@media only screen and (max-width : 767px) {
    /* ==================================================================
       ■ 共通指定
    =================================================================== */

    /* --------------------------------
       □  accent
    -------------------------------- */
    #babyscollection .accent {
        background-image: url(../../images/babyscollection/accent_sp.jpg);
    }
        #babyscollection .accent .image {
            zoom: 0.5;
        }

    /* --------------------------------
       □  intro
    -------------------------------- */
    /* --------------------------------
       □  about
    -------------------------------- */
    #about .inner:not(:last-of-type) {
        padding-bottom: 80px;
    }
    #about .flexbox.col2 .txtArea {
        padding: 0;
    }
    #about .flexbox.col2 figure {
        width: auto!important;
        margin: 0 calc(50% - 50vw);
    }
    #about .inner:nth-child(3) .flexbox.col2 figure {
        margin-top: 0;
    }
    #about .asteriskArea {
        padding-bottom: 60px;
    }
}