@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; 
}

.sp_only {
    display: none !important;
}

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

.lp211126_abeyurina{
    width: 100%;
    margin: 0 auto;
    /* background-image: url(/Page/feature/211126_abeyurina/img/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==============*/
.lp211126_abeyurina .main_top{
    width: 100%;
    margin: 0 auto 9.5rem;
}

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

.lp211126_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==============*/
.lp211126_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.5rem;
    position: relative;
}
.lp211126_abeyurina .sec_text{
    font-size: 1.2rem;
    font-family: "游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic","メイリオ",sans-serif;
    line-height: 2;
    letter-spacing: 0.12em;
    color: #58595B;
}
.lp211126_abeyurina .credit{
    font-family: 'EB Garamond', serif;
    font-size: 1.4rem;
    letter-spacing: 0.07em;
    line-height: 1.55;
    color: #58595b;
    display: block;
}
.lp211126_abeyurina .flexBox{
    display: flex;
    flex-wrap: wrap;
}

/*============contents==========*/
.lp211126_abeyurina .sec_{
    width: 140rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15.9rem;
    position: relative;
}
.lp211126_abeyurina .imgbox01 .sec_no img{
    width: 3.55rem;
    height: 44.5rem;
}
.lp211126_abeyurina .sec_ .sec_inner{
    position: absolute;
    z-index: 1;
} 
/*-sec01-*/
.lp211126_abeyurina .sec_01 .imgbox01 .sec_no{
    position: absolute;
    top: 0;
    right: 16.2rem;
}
.lp211126_abeyurina .sec_01 .sec_inner{
    top: 9rem;
    left: 14rem;
} 
.lp211126_abeyurina .sec_01 .imgbox01{
    width: 96rem;
    margin-left: 22rem;
    justify-content: space-between;
}
.lp211126_abeyurina .sec_01 .imgbox01 .img01{
    width: 45rem;
    margin-top: 40rem;
}
.lp211126_abeyurina .sec_01 .imgbox01 .img02{
    width: 45rem;
}
.lp211126_abeyurina .sec_01 .credit {
    margin-top: 1.6rem;
}
.lp211126_abeyurina .sec_01 .imgbox02{
    width: 55rem;
    margin-left: auto;
    margin-top: -40rem;
}

/* sec02 */
.lp211126_abeyurina .sec_02 {
    margin-bottom: 15.6rem;
}
.lp211126_abeyurina .sec_02 .sec_inner {
    top: 78rem;
    left: 78.1rem;
}
.lp211126_abeyurina .sec_02 .imgbox01 .sec_no img{
    width: 3.45rem;
    height: 44.1rem;
}
.lp211126_abeyurina .sec_02 .imgbox01 .sec_no{
    position: absolute;
    top: 0;
    left: 19.2rem;
}
.lp211126_abeyurina .sec_02 .imgbox01{
    width: 90rem;
    margin: 0 auto 6rem;
}
.lp211126_abeyurina .sec_02 .imgbox02{
    justify-content: space-between;
}
.lp211126_abeyurina .sec_02 .imgbox02 .img01{
    width: 65rem;
}
.lp211126_abeyurina .sec_02 .imgbox02 .imgbox03{
    width: 64rem;
    flex-direction: row-reverse;
    justify-content:space-between;
}
.lp211126_abeyurina .sec_02 .imgbox02 .imgbox03 .img01{
    width: 50rem;
    /* margin-left: auto; */
    margin-top: 45rem;
}
.lp211126_abeyurina .sec_02 .imgbox02 .imgbox03 .credit{
    margin-top: 107.8rem;
    text-align: right;
}

/* sec03 */
.lp211126_abeyurina .sec_03 {
    margin-bottom: 0;
}
.lp211126_abeyurina .sec_03 .sec_inner {
    top: 19rem;
    left: 13rem;
}
.lp211126_abeyurina .sec_03 .imgbox01 .sec_no {
    position: absolute;
    top: 0;
    right: 2.2rem;
}
.lp211126_abeyurina .sec_03 .imgbox01 .sec_no img{
    width: 3.46rem;
    height: 44.3rem;
}
.lp211126_abeyurina .sec_03 .imgbox01 {
    width: 55rem;
    margin-left: 77rem;
}
.lp211126_abeyurina .sec_03 .imgbox02 {
    margin-top: -15rem;
}
.lp211126_abeyurina .sec_03 .imgbox02 .img01{
    width: 90rem;
    z-index: 1;
}
.lp211126_abeyurina .sec_03 .imgbox02 .credit{
    margin-left: 2rem;
    margin-top: 47.6rem;
}




/*===========staff==========*/
.staff {
    margin: 12.8rem 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: 1399px) and (min-width: 561px) {
html {
    font-size: calc(10* (100vw / 1400));
}   
/* .lp211126_abeyurina .sec_02 .imgbox02 .imgbox03 {
    width: calc(640* (100vw / 1400));
    justify-content: space-between;
} */
.lp211126_abeyurina .sec_02 .imgbox02 .imgbox03 .credit {
    margin-top: auto;
}
.lp211126_abeyurina .sec_03 .imgbox02 .credit{
    margin-top: auto;
}

    
}

@media only screen and (max-width: 769px) and (min-width: 561px) {
    .lp211126_abeyurina .sec_02 .imgbox02 .imgbox03 {
     width: calc(670* (100vw / 1400));
    }
}

/*====================
        SP
=====================*/
@media only screen and (max-width: 560px) {
.pc_only{
    display: none !important;
}
.sp_only{
    display: block !important;
}
.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;
}
.lp211126_abeyurina{
    /* background-image: url(/Page/feature/211126_abeyurina/img/page_sp.jpg); */
    background-size: 100%;
    background-position: center calc(-130* (100vw / 750));
}
/*============top==============*/
.lp211126_abeyurina .main_top{
    margin: 0 auto calc(114* (100vw / 750));
}
.lp211126_abeyurina .top_img{
    width: 100%;
    margin: 0 auto calc(68* (100vw / 750));
}
.lp211126_abeyurina .top_text{
    font-size: calc(24* (100vw / 750));
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

/*============text==============*/
.lp211126_abeyurina .sec_ttl{
    font-size: calc(36* (100vw / 750));
    margin-bottom: 0;
}
.lp211126_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;
}
.lp211126_abeyurina .credit{
    font-size: calc(24* (100vw / 750));
    line-height: 1.75;
    display: inline-block;
}
/*============contents==========*/
.lp211126_abeyurina .sec_{
    width: calc(750* (100vw / 750));
    margin-bottom: calc(180* (100vw / 750));
}
.lp211126_abeyurina .sec_01 .imgbox01 .sec_no{
    top: calc(174* (100vw / 750));
    right: calc(31* (100vw / 750));
}
.lp211126_abeyurina .imgbox01 .sec_no img{
    width:  calc(40* (100vw / 750));
    height: calc(524* (100vw / 750));
}
.lp211126_abeyurina .sec_ .sec_text {
    margin-top: calc(70* (100vw / 750));
}

/*-sec01-*/
.lp211126_abeyurina .sec_01 .sec_inner{
    top: calc(1* (100vw / 750));
    left: calc(61* (100vw / 750));
}
.lp211126_abeyurina .sec_01 .imgbox01{
    width: calc(750* (100vw / 750));
    margin: 0 auto;
    justify-content: initial;
    flex-direction: column-reverse;
}
.lp211126_abeyurina .sec_01 .imgbox01 .img01{
    width: calc(530* (100vw / 750));
    margin-top: calc(60* (100vw / 750));
}
.lp211126_abeyurina .sec_01 .imgbox01 .img02{
    width: calc(530* (100vw / 750));
    margin-top: calc(174* (100vw / 750));
    margin-left: calc(120* (100vw / 750)); 
}
.lp211126_abeyurina .sec_01 .credit {
    margin-top: calc(36* (100vw / 750));
    margin-left: calc(38* (100vw / 750));;
}
.lp211126_abeyurina .sec_01 .imgbox02{
    width: calc(650* (100vw / 750));
    margin-left: auto;
    margin-top: calc(60* (100vw / 750));
}
/* sec02 */
.lp211126_abeyurina .sec_02 {
    margin-bottom:  calc(180* (100vw / 750));
}
.lp211126_abeyurina .sec_02 .sec_inner {
    top: calc(-169* (100vw / 750));
    left: calc(200* (100vw / 750));
    text-align: right;
}
.lp211126_abeyurina .sec_02 .imgbox01 .sec_no img{
    width:  calc(40* (100vw / 750));
    height: calc(520* (100vw / 750));
}
.lp211126_abeyurina .sec_02 .imgbox01 .sec_no{
    top: 0;
    left: calc(30* (100vw / 750));
}
.lp211126_abeyurina .sec_02 .imgbox01{
    width: calc(650* (100vw / 750));
    margin: calc(332* (100vw / 750)) calc(100* (100vw / 750)) 0;
}
.lp211126_abeyurina .sec_02 .imgbox02{
    justify-content: initial;
    margin-top: calc(60* (100vw / 750));
}
.lp211126_abeyurina .sec_02 .imgbox02 .img01{
    width: calc(650* (100vw / 750));
}
.lp211126_abeyurina .sec_02 .imgbox02 .imgbox03{
    width: calc(750* (100vw / 750));
    flex-direction: unset;
}
.lp211126_abeyurina .sec_02 .imgbox02 .imgbox03 .img01{
    width: calc(540* (100vw / 750));
    margin-left: auto;
    margin-top: calc(60* (100vw / 750));
}
.lp211126_abeyurina .sec_02 .imgbox02 .imgbox03 .credit{
    margin-top: calc(38* (100vw / 750));
    margin-left: calc(38* (100vw / 750));
    text-align: left;
}
    
/* sec03 */
.lp211126_abeyurina .sec_03 {
    margin-bottom: 0;
}
.lp211126_abeyurina .sec_03 .sec_inner {
    top: calc(-168* (100vw / 750));
    left: calc(63* (100vw / 750));
}
.lp211126_abeyurina .sec_03 .imgbox01 .sec_no img{
    width:  calc(40* (100vw / 750));
    height: calc(524* (100vw / 750));
}
.lp211126_abeyurina .sec_03 .imgbox01 .sec_no{
    top: 0;
    right: calc(80* (100vw / 750));
}
.lp211126_abeyurina .sec_03 .imgbox01 {
    width: calc(600* (100vw / 750));
    margin-top: calc(330* (100vw / 750));
    margin-left: 0;
}
.lp211126_abeyurina .sec_03 .imgbox02 {
    width: 100%;
    margin-top: calc(60* (100vw / 750));
}
.lp211126_abeyurina .sec_03 .imgbox02 .img01{
    width: 100%
}
.lp211126_abeyurina .sec_03 .imgbox02 .credit{
    margin-left: calc(38* (100vw / 750));
    margin-top: calc(38* (100vw / 750));
}



 /* staff */
.staff {
    margin: calc(137* (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){

}