@font-face {
    font-family: 'yumin';
    src: url("../font/yumin.woff");
}

@font-face {
    font-family: 'yuminl';
    src: url("../font/yuminl.woff");
    font-weight: bold;
}
@font-face {
    font-family: 'Hiragino Mincho ProN';
    src: url("../font/HiraKakuProN-W3-AlphaNum-01.woff");
}
@font-face {
    font-family: 'Noto Serif JP';
    font-weight: 400;
    src: url("../font/NotoSerifCJKjp-Regular.otf");
}
@font-face {
    font-family: 'Noto Serif JP';
    font-weight: 500;
    src: url("../font/NotoSerifCJKjp-Medium.otf");
}

/*=============set=============*/
html{
    font-size: 62.5%;
    overflow-x: hidden; 
}

.lp211203_abeyurina .sp_only {
    display: none;
}

.lp211203_abeyurina img,
.lp211203_abeyurina .video,
.lp211203_abeyurina iframe{
    width: 100%;
}

.lp211203_abeyurina{
    width: 100%;
    margin: 0 auto;
    /* background-image: url(/Contents/ImagesPkg/lp/2021giftcollection/page_pc.jpg); */
    background-repeat: no-repeat;
    background-size: 140rem;
    background-position: center -10.2rem;
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    font-feature-settings: 'palt';
}

/*============top==============*/
.lp211203_abeyurina .main_top{
    width: 100%;
    margin: 0 auto 9.5rem;
}

.lp211203_abeyurina .top_img{
    width: 110rem;
    margin: 0 auto 5.9rem;
}

.lp211203_abeyurina .top_text{
    font-size: 1.2rem;
    font-family: "游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic","メイリオ",sans-serif;
    line-height: 2;
    letter-spacing: 0.12em;
    color: #58595B;
    text-align: center;
}

/*============txt==============*/
.lp211203_abeyurina .sec_ttl{
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 1.75;
    letter-spacing: 0.12em;
    margin-bottom: 2.8rem;
    position: relative;
}
.lp211203_abeyurina .sec_text{
    font-size: 1.2rem;
    font-family: "游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic","メイリオ",sans-serif;
    line-height: 2;
    letter-spacing: 0.12em;
    color: #58595B;
}
.lp211203_abeyurina .credit{
    font-family: 'EB Garamond', serif;
    font-size: 1.4rem;
    letter-spacing: 0.07em;
    line-height: 1.55;
    color: #58595b;
    display: block;
}
.lp211203_abeyurina .flexBox{
    display: flex;
}
.lp211203_abeyurina .fl{
    align-items: flex-end;
    /* justify-content: space-between; */
}

/*============contents==========*/
.lp211203_abeyurina .sec_{
    width: 140rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15.9rem;
    position: relative;
}
.lp211203_abeyurina .sec_ .sec_inner{
    position: absolute;
    z-index: 1;
} 
.lp211203_abeyurina .sec_ .imgbox01 .sec_no{
    position: absolute;
    top: 0;
}
/*-sec01-*/
.lp211203_abeyurina .sec_01 .imgbox01 .sec_no{
    left: 2.2rem;
    width: 3.54rem;
}
.lp211203_abeyurina .sec_01 .sec_inner{
    top: 19.6rem;
    left: 78.2rem;
} 
.lp211203_abeyurina .sec_01 .imgbox01{
    /* width: 135rem; */
    margin-left: 8rem;
    margin-bottom: 6.1rem;
}
.lp211203_abeyurina .sec_01 .imgbox01 .img01{
    width: 60rem;
}
.lp211203_abeyurina .sec_01 .imgbox01 .img02{
    width: 75rem;
    margin-top: 60rem;
    margin-left: -3rem;
    z-index: 1;
}
.lp211203_abeyurina .sec_01 .imgbox02{
    /* width: 82.2rem; */
    margin-left: 28rem;
}
.lp211203_abeyurina .sec_01 .imgbox02 .img01{
    width: 65rem;
    margin-right: 2rem;
}
/* .lp211203_abeyurina .sec_01 .imgbox02 .credit {
    margin-top: -8rem;
    margin-left: 67rem;
} */

/* sec02 */
.lp211203_abeyurina .sec_02 {
    margin-bottom: 15.9rem;
}
.lp211203_abeyurina .sec_02 .sec_inner {
    top: 107.2rem;
    left: 28rem;
}
.lp211203_abeyurina .sec_02 .imgbox01 .sec_no{
    right: 34.2rem;
    width: 3.46rem;
}
.lp211203_abeyurina .sec_02 .imgbox01{
    /* width: 105rem; */
    margin-left: 40rem;
    margin-bottom: 6rem;
}
.lp211203_abeyurina .sec_02 .imgbox01 .img01{
    width: 60rem;
    position: relative;
    z-index: 1;
}
.lp211203_abeyurina .sec_02 .imgbox01 .img02{
    width: 45rem;
    margin-left: -10rem;
    margin-top: 80rem;;
}
.lp211203_abeyurina .sec_02 .imgbox02{
    width: 111.4rem;
}
.lp211203_abeyurina .sec_02 .imgbox02 .img01{
    width: 99rem;
    margin-right: 2rem;
}
/* .lp211203_abeyurina .sec_02 .imgbox02 .credit{
    margin-top: 57.9rem;
    margin-left: 2rem;
} */

/* sec03 */
.lp211203_abeyurina .sec_03 {
    margin-bottom: 0;
}
.lp211203_abeyurina .sec_03 .sec_inner {
    top: 10.8rem;
    left: 86.1rem;
}
.lp211203_abeyurina .sec_03 .imgbox01 .sec_no {
    left: 2.2rem;
    width: 3.69rem;
}
.lp211203_abeyurina .sec_03 .imgbox01 {
    width: 126rem;
    margin-left: 8rem;
    justify-content: space-between;
}
.lp211203_abeyurina .sec_03 .imgbox01 .img01{
    width: 65rem;
}
.lp211203_abeyurina .sec_03 .imgbox01 .img02{
    width: 55rem;
    margin-top: 45rem;
}
.lp211203_abeyurina .sec_03 .imgbox01 .credit{
    margin-top: 1.6rem;
}




/*===========staff==========*/
.staff {
    margin: 13rem auto 0;
    border-bottom: 1px solid #acacad;
    font-family: 'EB Garamond', serif;
    font-feature-settings: 'palt';
    text-align: center;
    line-height: 1.7;
    letter-spacing: 0.03em;
    width: 110rem;
}
.staff a {
    border-bottom: double 3px #cacaca;
    padding-bottom: 0.4rem;
    font-size: 2rem;
    letter-spacing: 0.02em;
    color: #000;
}
.staff p {
    font-size: 1.4rem;
    letter-spacing: 0.03em;
    line-height: 2.4rem;
    margin-top: 13.6rem;
    color: #58595b;
    margin-bottom: 13.7rem;
}


/*===========animation==========*/
.fade_up{
	transform: translateY(9rem);
    opacity: 0;
}
.fade_up.active{
    transition: transform .8s, opacity .8s;
    transition-duration: 1.6s;
    transform: translateY(0);
    opacity: 1;
}


/*====================
        tablet
=====================*/

 @media only screen and (max-width: 1400px) and (min-width: 561px){
    html {
        font-size: calc(10* (100vw / 1400));
    }  
    .main-area.archive_slider {
        min-width: inherit !important;
    } 
 } 

/*====================
        SP
=====================*/
@media only screen and (max-width: 560px) {
.lp211203_abeyurina .pc_only{
    display: none !important;
}
.lp211203_abeyurina .sp_only{
    display: block;
}
.cateList {
    display: flex;
    flex-wrap: wrap;
}
#breadcrumb .cateList {
    margin-top: calc(0 *(100vw / 750))!important;
}
.archive_slider {
    padding: calc(160* (100vw / 750)) 0 0 0!important;
}
.lp211203_abeyurina{
    /* background-image: url(/Page/feature/211203_abeyurina/img/page_sp.jpg); */
    background-size: 100%;
    background-position: center calc(-130* (100vw / 750));
}

.lp211203_abeyurina .flexBox{
    flex-wrap: wrap;
}
/*============top==============*/
.lp211203_abeyurina .main_top{
    margin: 0 auto calc(134* (100vw / 750));
}
.lp211203_abeyurina .top_img{
    width: 100%;
    margin: 0 auto calc(68* (100vw / 750));
}
.lp211203_abeyurina .top_text{
    font-size: calc(24* (100vw / 750));
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

/*============txt==============*/
.lp211203_abeyurina .sec_ttl{
    font-size: calc(36* (100vw / 750));
    margin-bottom: 0;
}
.lp211203_abeyurina .sec_text{
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    font-size: calc(26* (100vw / 750));
    margin: 0 calc(38* (100vw / 750));;
    letter-spacing: 0.12em;
    text-align: justify;
}
.lp211203_abeyurina .credit{
    font-size: calc(24* (100vw / 750));
    line-height: 1.75;
    display: inline-block;
}
/*============contents==========*/
.lp211203_abeyurina .sec_{
    width: calc(750* (100vw / 750));
    margin-bottom: calc(180* (100vw / 750));
}
.lp211203_abeyurina .sec_ .sec_text {
    margin-top: calc(68* (100vw / 750));
}

/*-sec01-*/
.lp211203_abeyurina .sec_01 .imgbox01 .sec_no{
    /* top: calc(-10* (100vw / 750)); */
    left: calc(-70* (100vw / 750));
    width: calc(44* (100vw/ 750));
}
.lp211203_abeyurina .sec_01 .sec_inner{
    top: calc(-173* (100vw / 750));
    left: calc(161* (100vw / 750));
    text-align: right;
} 
.lp211203_abeyurina .sec_01 .imgbox01{
    position: relative;
    width: calc(650* (100vw / 750));
    margin-top: calc(290* (100vw / 750));
    margin-left: calc(100* (100vw / 750));
    margin-bottom: calc(60* (100vw / 750));
}
.lp211203_abeyurina .sec_01 .imgbox01 .img01{
    width: calc(600* (100vw / 750));
}
.lp211203_abeyurina .sec_01 .imgbox01 .img02{
    width: calc(550* (100vw / 750));
    margin-top: calc(-50* (100vw / 750));
    margin-left: calc(100* (100vw / 750));
}
.lp211203_abeyurina .sec_01 .imgbox02{
    width: calc(750* (100vw / 750));
    margin: 0 auto;
}
.lp211203_abeyurina .sec_01 .imgbox02 .img01{
    width: 100%;
    margin-right: 0;
}
.lp211203_abeyurina .sec_01 .imgbox02 .credit {
    margin-top: calc(37* (100vw / 750));
    margin-left: calc(38* (100vw / 750));
}

/* sec02 */
.lp211203_abeyurina .sec_02 {
    margin-bottom: calc(180* (100vw / 750));
}
.lp211203_abeyurina .sec_02 .sec_inner {
    top: calc(-170* (100vw / 750));
    left: calc(61* (100vw / 750));
}
.lp211203_abeyurina .sec_02 .imgbox01 .sec_no{
    /* top: calc(-6* (100vw / 750)); */
    right: calc(30* (100vw / 750));
    width:  calc(38* (100vw / 750));
}
.lp211203_abeyurina .sec_02 .imgbox01{
    position: relative;
    width: calc(750* (100vw / 750));
    margin-left: 0;
    margin-top: calc(328* (100vw / 750));
    margin-bottom: calc(60* (100vw / 750));
}
.lp211203_abeyurina .sec_02 .imgbox01 .img01{
    width: calc(650* (100vw / 750));
}
.lp211203_abeyurina .sec_02 .imgbox01 .img02{
    width: calc(500* (100vw / 750));
    margin-left: calc(250* (100vw / 750));
    margin-top: calc(-50* (100vw / 750));
}
.lp211203_abeyurina .sec_02 .imgbox02{
    width: calc(750* (100vw / 750));
}
.lp211203_abeyurina .sec_02 .imgbox02 .img01{
    width:  calc(650* (100vw / 750));
    margin-right: 0;
}
.lp211203_abeyurina .sec_02 .imgbox02 .credit{
    margin-top: calc(38* (100vw / 750));
    margin-left: calc(38* (100vw / 750));
}

/* sec03 */
.lp211203_abeyurina .sec_03 {
    margin-bottom: 0;
}
.lp211203_abeyurina .sec_03 .sec_inner {
    top: calc(-173* (100vw / 750));
    left: calc(81* (100vw / 750));
    text-align: right;
}
.lp211203_abeyurina .sec_03 .imgbox01 .sec_no {
    /* top: calc(-8* (100vw / 750)); */
    left: calc(-70* (100vw / 750));
    width: calc(40* (100vw / 750));
}
.lp211203_abeyurina .sec_03 .imgbox01 {
    position: relative;
    width: calc(650* (100vw / 750));
    margin-left: auto;
    margin-top: calc(330* (100vw / 750));
    justify-content: initial;
}
.lp211203_abeyurina .sec_03 .imgbox01 .img01{
    width: calc(650* (100vw / 750));
}
.lp211203_abeyurina .sec_03 .imgbox01 .img02{
    width: calc(600* (100vw / 750));
    margin-top: calc(60* (100vw / 750));
}
.lp211203_abeyurina .sec_03 .credit{
    margin-top: calc(38* (100vw / 750));
    margin-left: calc(38* (100vw / 750));
}


 /* staff */
.staff {
    margin: calc(135* (100vw / 750)) 0 0;
    border-bottom: 1px solid #fff;
    line-height: 1.7;
    letter-spacing: 0.03em;
    width: 100%;
}
.staff a {
    padding-bottom: calc(13* (100vw / 750));
    font-size: calc(36* (100vw / 750));
    letter-spacing: 0.03em;
    color: #000;
 }
.staff p {
    margin-top:calc(154* (100vw / 750));
    line-height: 2;
    font-size: calc(26* (100vw / 750));
    margin-bottom: calc(145* (100vw / 750));
} 

}

/* IE */
@media all and (-ms-high-contrast: none){

    /* .lp211203_abeyurina .sec_02 .imgbox02 .credit {
        margin-left: 2rem;
    } */

}