@charset "utf-8";

/*---BG CSSリセット---*/
#emena-pregel-nailartcollection img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
#emena-pregel-nailartcollection h1, #emena-pregel-nailartcollection .h1, #emena-pregel-nailartcollection h2, #emena-pregel-nailartcollection .h2, #emena-pregel-nailartcollection h3, #emena-pregel-nailartcollection .h3, #emena-pregel-nailartcollection h4, #emena-pregel-nailartcollection .h4, #emena-pregel-nailartcollection p, #emena-pregel-nailartcollection dl,#emena-pregel-nailartcollection table th, #emena-pregel-nailartcollection .inner, #emena-pregel-nailartcollection label {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
#emena-pregel-nailartcollection h1 small, #emena-pregel-nailartcollection h2 small, #emena-pregel-nailartcollection h3 small, #emena-pregel-nailartcollection h4 small, #emena-pregel-nailartcollection h5 small, #emena-pregel-nailartcollection h6 small, #emena-pregel-nailartcollection .h1 small, #emena-pregel-nailartcollection .h2 small, #emena-pregel-nailartcollection .h3 small, #emena-pregel-nailartcollection .h4 small, #emena-pregel-nailartcollection .h5 small, #emena-pregel-nailartcollection .h6 small, #emena-pregel-nailartcollection h1 .small, #emena-pregel-nailartcollection h2 .small, #emena-pregel-nailartcollection h3 .small, #emena-pregel-nailartcollection h4 .small, #emena-pregel-nailartcollection h5 .small, #emena-pregel-nailartcollection h6 .small, #emena-pregel-nailartcollection .h1 .small, #emena-pregel-nailartcollection .h2 .small, #emena-pregel-nailartcollection .h3 .small, #emena-pregel-nailartcollection .h4 .small, #emena-pregel-nailartcollection .h5 .small, #emena-pregel-nailartcollection .h6 .small, #emena-pregel-nailartcollection .pickupLayout th, #emena-pregel-nailartcollection .pickupLayout td, #emena-pregel-nailartcollection .pickupLayout h1, #emena-pregel-nailartcollection .pickupLayout h2, #emena-pregel-nailartcollection .pickupLayout h3, #emena-pregel-nailartcollection .pickupLayout h4, #emena-pregel-nailartcollection .pickupLayout h5, #emena-pregel-nailartcollection .pickupLayout h6 {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}
#emena-pregel-nailartcollection .section {
    padding: 0;
}
#emena-pregel-nailartcollection a {
    text-decoration: none;
}
#emena-pregel-nailartcollection a:hover {
    opacity: 0.7;
}

#emena-pregel-nailartcollection {
    font-size: clamp(14px, 1.875vw, 16px);/*320px, 800px, 1200px想定*/
}




/*--all_link--------------------------------------------------------------*/
#all_link {
    background: url('/_ui/responsive/common/ui_assets/online/bg/pickup/emena-pregel-nailartcollection/img/all_link/all_link_bg.jpg') center #fff;
    background-size: cover;
    padding: 45px 15px 90px;
    color: #4d4d4d;
}
#all_link h1 {
    text-align: center;
    margin-bottom: 30px;
}
#all_link h1 > img {
    margin: 0 auto;
}
#all_link .sub_lead {
    margin-bottom: 30px;
    font-size: 1.25em;
    text-align: center;
}
#all_link ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px 0;
}
#all_link ul li > a {
    display: block;
    color: #4d4d4d;
    font-weight: normal;
    text-align: center;
}
#all_link ul li > a h2 {
    font-size: 1.5em;
    line-height: 1.2;
    margin-top: 10px;
    font-weight: bold;
}
#all_link ul li > a p {
    font-size: 1.25em;
}

@media screen and (min-width:768px) {
    #all_link {
        padding: 60px 75px 90px;
    }
    #all_link h1 {
        margin-bottom: 45px;
    }
    #all_link h1 > img {
        width: 70%;
        max-width: 600px;
    }
    #all_link .sub_lead {
        margin-bottom: 45px;
    }
    #all_link ul {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 0 30px;
    }
    #all_link ul .img {
    }
}

@media screen and (min-width:1024px) {
    #all_link {
        padding: 90px 105px 150px;
    }
    #all_link h1 > img {
        width: 72%;
        max-width: 844px;
    }
    #all_link ul .img {
    }
}

@media screen and (min-width:1200px) {
    #all_link {
        padding: 90px calc((100% - 1170px) / 2) 150px;
    }
    #all_link h1 {
        margin-bottom: 60px;
    }
    #all_link .sub_lead {
        margin-bottom: 60px;
        font-size: 1.5em;
    }
}







/*--dan_tamami_nailartlesson--------------------------------------------------------------*/
#dan_tamami_nailartlesson {
    background: #e2ebf1;
    padding: 45px 15px 90px;
    color: #4d4d4d;
}
#dan_tamami_nailartlesson h1 {
    text-align: center;
}
#dan_tamami_nailartlesson h1 > img {
    margin: 0 auto;
}
#dan_tamami_nailartlesson .sub_lead {
    margin-bottom: 30px;
    font-size: 1.25em;
    text-align: center;
}
#dan_tamami_nailartlesson .articles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 45px 15px;
}
#dan_tamami_nailartlesson .articles li > a {
    display: block;
    color: #5c514a;
    font-weight: normal;
}
#dan_tamami_nailartlesson .articles .img {
    margin: 0 0 10px;
}

@media screen and (max-width:767px) {
    #dan_tamami_nailartlesson h1 {
        margin-bottom: 0;
    }
}

@media screen and (min-width:768px) {
    #dan_tamami_nailartlesson {
        background: url('/_ui/responsive/common/ui_assets/online/bg/pickup/emena-pregel-nailartcollection/img/dan_tamami_nailartlesson/dan-tamami_pc_bg.png') no-repeat center top #e2ebf1;
        background-size: 100% auto;
        padding: 60px 75px 90px;
    }
    #dan_tamami_nailartlesson h1 {
        margin-bottom: 45px;
    }
    #dan_tamami_nailartlesson h1 > img {
        width: 70%;
        max-width: 600px;
    }
    #dan_tamami_nailartlesson .sub_lead {
        margin-bottom: 45px;
    }
    #dan_tamami_nailartlesson .articles {
        grid-gap: 45px 30px;
    }
    #dan_tamami_nailartlesson .articles .img {
        margin: 0 0 15px;
    }
}

@media screen and (min-width:1024px) {
    #dan_tamami_nailartlesson {
        padding: 90px 105px 150px;
    }
    #dan_tamami_nailartlesson .articles {
        grid-gap: 60px 45px;
    }
    #dan_tamami_nailartlesson .articles .img {
        margin: 0 0 30px
    }
}

@media screen and (min-width:1200px) {
    #dan_tamami_nailartlesson {
        padding: 90px calc((100% - 970px) / 2) 150px;
    }
    #dan_tamami_nailartlesson h1 {
        margin-bottom: 60px;
    }
    #dan_tamami_nailartlesson .sub_lead {
        margin-bottom: 60px;
        font-size: 1.5em;
    }
    #dan_tamami_nailartlesson .articles .img + p {
        font-size: 1.25em;
    }
}






/*--emena art for seasons--------------------------------------------------------------*/
#emena_art_for_seasons {
    background: url('/_ui/responsive/common/ui_assets/online/bg/pickup/emena-pregel-nailartcollection/img/emena_art_for_seasons/emena_bg_sp.png') center #d0c7be;
    background-size: cover;
    padding: 45px 15px 90px;
    color: #5c514a;
}
#emena_art_for_seasons h1 {
    text-align: center;
    margin-bottom: 30px;
}
#emena_art_for_seasons h1 > img {
    margin: 0 auto;
}
#emena_art_for_seasons .sub_lead {
    margin-bottom: 30px;
    font-size: 1.25em;
    text-align: center;
}
#emena_art_for_seasons .articles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 45px 15px;
}
#emena_art_for_seasons .articles li > a {
    display: block;
    color: #5c514a;
    font-weight: normal;
}
#emena_art_for_seasons .articles .img {
    margin: 0 0 10px;
}

@media screen and (min-width:768px) {
    #emena_art_for_seasons {
        background: url('/_ui/responsive/common/ui_assets/online/bg/pickup/emena-pregel-nailartcollection/img/emena_art_for_seasons/emena_bg_pc.svg') no-repeat center #d0c7be;
        background-size: auto 100%;
        padding: 60px 75px 90px;
    }
    #emena_art_for_seasons h1 {
        margin-bottom: 45px;
    }
    #emena_art_for_seasons h1 > img {
        width: 70%;
        max-width: 600px;
    }
    #emena_art_for_seasons .sub_lead {
        margin-bottom: 45px;
    }
    #emena_art_for_seasons .articles {
        grid-gap: 45px 30px;
    }
    #emena_art_for_seasons .articles .img {
        margin: 0 0 15px;
    }
}

@media screen and (min-width:1024px) {
    #emena_art_for_seasons {
        padding: 90px 105px 150px;
    }
    #emena_art_for_seasons .articles {
        grid-gap: 60px 45px;
    }
    #emena_art_for_seasons .articles .img {
        margin: 0 0 30px
    }
}

@media screen and (min-width:1200px) {
    #emena_art_for_seasons {
        padding: 90px calc((100% - 970px) / 2) 150px;
    }
    #emena_art_for_seasons h1 {
        margin-bottom: 60px;
    }
    #emena_art_for_seasons .sub_lead {
        margin-bottom: 60px;
        font-size: 1.5em;
    }
    #emena_art_for_seasons .articles .img + p {
        font-size: 1.25em;
    }
}





/*--we love pregel--------------------------------------------------------------*/
#welovepregel {
    padding: 120px 15px 45px;
    background: url('/_ui/responsive/common/ui_assets/online/bg/pickup/emena-pregel-nailartcollection/img/welovepregel/bg_sp.jpg') repeat-y center top;
    background-size: 100% auto;
    text-align: center;
    color: #333;
}
/*section*/
#welovepregel .section {
    position: relative;
    background: #fff;
    padding: 0 30px 45px;
    border-radius: 15px;
    background-image: linear-gradient(90deg,#ff677f,#ffcd7d);
    box-shadow: 0 0 10px rgba(68,38,36,0.6);
    z-index: 0;
}
#welovepregel .section:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    background: #fff;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border-radius: 11px;
}
#welovepregel .section .sub_tit {
    position: relative;
    z-index: 2;
    width: 70%;
    margin: 0 auto;
    background: #eee;
    line-height: 1.2;
    padding: 41px 0 0;
    border-radius: 50% / 100% 100% 0 0;
    background-image: linear-gradient(90deg,#ff717f,#ffc57e);
    top: -87px;
}
#welovepregel .section .sub_tit:after {
    position: absolute;
    content: "";
    width: calc(100% - 8px);
    height: calc(100% - 4px);
    margin: 0 auto;
    background: #eee;
    top: 4px;
    left: 4px;
    border-radius: 50% / 100% 100% 0 0;
    background: #fff;
    z-index: 0;
}
#welovepregel .section .sub_tit > p {
    position: relative;
    z-index: 1;
    color: #ff7382;
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
}
#welovepregel .section .sub_tit > p .small {
    margin-top: 5px;
    display: inline-block;
    font-size: 21px;
}
#welovepregel .section h1 {
    position: relative;
    z-index: 1;
    margin-top: -48px;
}
#welovepregel .section h1 img {
    width: 100%;
}
#welovepregel .section h1 + p {
    position: relative;
    z-index: 1;
    margin-top: 30px;
}
#welovepregel .section ul {
    position: relative;
    z-index: 1;
}
#welovepregel .section ul li {
    margin-top: 45px;
    font-weight: bold;
}
#welovepregel .section ul li a {
    display: block;
}
#welovepregel .section ul li img {
    margin-bottom: 15px;
}
#welovepregel .section ul li img:first-child {
    border: solid 1px #eee;
}

@media screen and (min-width:768px) {
    #welovepregel {
        padding-left: 30px;
        padding-right: 30px;
        background: url('/_ui/responsive/common/ui_assets/online/bg/pickup/emena-pregel-nailartcollection/img/welovepregel/bg_pc.jpg') no-repeat center top;
        background-size: cover;
    }
    #welovepregel .section {
        padding-left: 45px;
        padding-right: 45px;
    }
    #welovepregel .section .sub_tit {
        width: 40%;
        max-width: 450px;
        background-image: linear-gradient(90deg,#ff8580,#ffb47f);
        /*padding-top: 41px;
        top: -92px;*/
    }
    #welovepregel .section h1 img {
        width: 65%;
        max-width: 560px;
    }
    #welovepregel .section h1 + p {
        font-size: 1.25em;
    }
    #welovepregel .section ul {
        margin-top: 45px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 45px 30px;
    }
    #welovepregel .section ul li {
        margin: 0;
    }
}

@media screen and (min-width:1024px) {
    #welovepregel {
        padding: 200px 45px 100px;
    }
    #welovepregel .section {
        padding: 0 60px 90px;
        max-width: 1170px;
        margin: 0 auto;
    }
    #welovepregel .section:after {
        width: calc(100% - 12px);
        height: calc(100% - 12px);
        top: 6px;
        left: 6px;
    }
    #welovepregel .section .sub_tit {
        width: 40%;
        max-width: 450px;
        background-image: linear-gradient(90deg,#ff8580,#ffb47f);
        padding-top: 60px;
        top: -134px;
    }
    #welovepregel .section .sub_tit:after {
        width: calc(100% - 12px);
        height: calc(100% - 6px);
        top: 6px;
        left: 6px;
    }
    #welovepregel .section .sub_tit > p {
        font-size: 40px;
    }
    #welovepregel .section .sub_tit > p .small {
        font-size: 85%;
    }
    #welovepregel .section h1 {
        margin-top: -70px;
    }
    #welovepregel .section h1 + p {
        margin-top: 45px;
        font-size: 1.5em;
    }
    #welovepregel .section ul {
        margin-top: 45px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: clamp(45px, 7vw, 90px) clamp(30px, 3.5vw, 45px);
    }
    #welovepregel .section ul li {
        margin: 0;
        font-size: clamp(12px, 1.25vw, 16px);
    }
}








/*---フェードイン-------------------------------------------*/
#emena-pregel-nailartcollection .fadeIn {
  transform: translate3d(0, 20px, 0);
  transition: 1s;
  opacity: 0;
}

#emena-pregel-nailartcollection .fadeIn.animated {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}









/**/