@font-face {
    font-family: 'EBGaramond';
    src: url("/page/collection/2020aw/1st_collection/font/EBGaramond-Regular.woff");
}

@font-face {
    font-family: 'Cormorant';
    src: url("/page/collection/2021ss/1st_collection/font/Cormorant-Light.ttf");
}

.sp_only {
    display: none !important;
}

.header {
    min-width: 100%;
}

html{
    font-size: 62.5%;
    overflow-x: hidden;
}

.header .header-nav {
    right: 0;
}

img {
    max-width: 100%;
}

a:hover {
    opacity: .7;
}

#preorder_2nd {
    width: 120rem;
    margin: 0 auto;
    border-bottom: 1px solid #acacad;
    /* background-image: url(/Page/collection/2021ss/2nd_preorder/img/preorder_pc_02.jpg); */
    background-repeat: no-repeat;
    background-size: 120rem;
    background-position-x: center;
    background-position-y: -248px;
    background-position-y: 14728px;
}

.fl {
    display: flex;
    flex-wrap: wrap;
}

#preorder_2nd img {
    width: 100%;
}

/*mv*/
.mv {
    width: 100rem;
    margin: 0 auto ;
}

/*section*/
#preorder_2nd section figure{
    position: relative;
}

#preorder_2nd section .slick-dots {
    bottom: -2.8rem !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
}

#preorder_2nd section .slick-dots li {
    margin: 0 1.5rem 0 0;
}

#preorder_2nd section .slick-dots li:nth-child(2) {
    margin: 0;
}

#preorder_2nd section .slick-dots li button {
    width: 0.8rem;
    height: 0.8rem;
}

#preorder_2nd section .credit{
    font-family: "EB Garamond", serif;
    font-size: 1.4rem;
    line-height: 2.1rem;
    letter-spacing: 0.07em;
    color: #58595b;
}

/* box1 */
#preorder_2nd .box1 {
    margin-top: 8rem;
}

#preorder_2nd .box1 ._1{
    width: 40rem;
    margin-left: auto;
    margin-right: 17.5rem;
    z-index: 2;
}

#preorder_2nd .box1 ._2{
    width: 50rem;
    margin-top: -40rem;
    margin-left: 17.5rem;
}

#preorder_2nd .box1 ._3{
    margin-top: 27rem;
    margin-left: 2rem;
}

/* box2 */
#preorder_2nd .box2 {
    margin-top: 11.5rem;
}

#preorder_2nd .box2 ._1{
    width: 43rem;
    margin-left: 14.5rem;
}

#preorder_2nd .box2 ._2{
    width: 43rem;
    margin-left: auto;
    margin-right: 14.5rem;
}

#preorder_2nd .box2 ._3{
    margin-top: 2rem;
    margin-left: 14.5rem;
}

/* box3 */
#preorder_2nd .box3 {
    margin-top: 11.5rem;
}

#preorder_2nd .box3 ._1{
    width: 46rem;
    margin-left: 8rem;
    z-index: 2;
}

#preorder_2nd .box3 ._2{
    margin-top: 29rem;
    margin-left: 18rem;
    text-align: right;
}

#preorder_2nd .box3 ._3{
    width: 90rem;
    margin-top: -25rem;
    margin-left: auto;
    margin-right: 0rem;
}

/* box4 */
#preorder_2nd .box4 {
    margin-top: 12rem;
}

#preorder_2nd .box4 ._1{
    width: 36rem;
    margin-left: 67.5rem;

}

#preorder_2nd .box4 ._2{
    width: 46rem;
    margin-top: -44rem;
    margin-left: 16.5rem;
}

#preorder_2nd .box4 ._3{
    margin-top: 18.5rem;
    margin-left: 2rem;
}

/* box5 */
#preorder_2nd .box5 {
    width: 55rem;
    margin: 12rem auto 0;
}

#preorder_2nd .box5 ._2{
    margin-top: 1.5rem;
}

/* box6 */
#preorder_2nd .box6 {
    margin-top: 11.5rem;
}

#preorder_2nd .box6 ._1{
    width: 69rem;
    margin-left: 0rem;
    z-index: 2;
}

#preorder_2nd .box6 ._2{
    margin-top: 64.5rem;
    margin-left: 37rem;
    text-align: right;
}

#preorder_2nd .box6 ._3{
    width: 50rem;
    margin-top: -4.5rem;
    margin-left: auto;
    margin-right: 16rem;
}

/* box7 */
#preorder_2nd .box7 {
    width: 55rem;
    margin: 11.5rem auto 0;
}

#preorder_2nd .box7 ._2{
    margin-top: 4.5rem;
}

/* box8 */
#preorder_2nd .box8 {
    margin-top: 11.5rem;
}

#preorder_2nd .box8 ._1{
    width: 43rem;
    margin-left: 14.5rem;
}

#preorder_2nd .box8 ._2{
    width: 43rem;
    margin-left: auto;
    margin-right: 14.5rem;
}

#preorder_2nd .box8 ._3{
    margin-top: 2rem;
    margin-left: 14.5rem;
}

/* box9 */
#preorder_2nd .box9 {
    margin-top: 11.5rem;
}

#preorder_2nd .box9 ._1{
    width: 40rem;
    margin-left: auto;
    margin-right: 17.5rem;
    z-index: 2;
}

#preorder_2nd .box9 ._2{
    width: 50rem;
    margin-top: -40rem;
    margin-left: 17.5rem;
}

#preorder_2nd .box9 ._3{
    margin-top: 27rem;
    margin-left: 2rem;
}

/* box10 */
#preorder_2nd .box10 {
    margin-top: 12rem;
}

#preorder_2nd .box10 ._1{
    width: 84rem;
    margin-left: 10rem;
}

#preorder_2nd .box10 ._2{
    margin-top: 74rem;
    margin-left: 47.5rem;
    text-align: right;
}

#preorder_2nd .box10 ._3{
    width: 50rem;
    margin-top: 5rem;
    margin-left: auto;
    margin-right: 10rem;
}

/* box11 */
#preorder_2nd .box11 {
    margin-top: 11.5rem;
}

#preorder_2nd .box11 ._1{
    width: 36rem;
    margin-left: 21.5rem;
    z-index: 2;
}

#preorder_2nd .box11 ._2{
    margin-top: 17rem;
    margin-left: 40rem;
    text-align: right;
}

#preorder_2nd .box11 ._3{
    width: 46rem;
    margin-top: -44rem;
    margin-left: auto;
    margin-right: 21.5rem;
}

/* box12 */
#preorder_2nd .box12 {
    width: 55rem;
    margin: 11.5rem auto 0;
}

#preorder_2nd .box12 ._2{
    margin-top: 2rem;
}

/* box13 */
#preorder_2nd .box13 {
    margin: 11.5rem auto 0;
}

#preorder_2nd .box13 ._1{
    width: 69rem;
    margin-left: 10.5rem;
}

#preorder_2nd .box13 ._2{
    width: 40rem;
    margin-top: -10rem;
    margin-left: auto;
    margin-right: 10.5rem;
    z-index: 2;
}

#preorder_2nd .box13 ._3{
    width: 50rem;
    margin-top: -20rem;
    margin-left: 24.5rem;
}

#preorder_2nd .box13 ._4{
    margin-top: 47rem;
    margin-left: auto;
    margin-right: 24.5rem;
}

/* box14 */
#preorder_2nd .box14 {
    margin-top: 12rem;
}

#preorder_2nd .box14 ._1{
    width: 40rem;
    margin-left: auto;
    margin-right: 17.5rem;
    z-index: 2;
}

#preorder_2nd .box14 ._2{
    width: 50rem;
    margin-top: -40rem;
    margin-left: 17.5rem;
}

#preorder_2nd .box14 ._3{
    margin-top: 25rem;
    margin-left: 2rem;
}

/* box15 */
#preorder_2nd .box15 {
    margin: 11.5rem auto 0;
}

#preorder_2nd .box15 ._1{
    width: 46rem;
    margin-left: 20.5rem;
    z-index: 2;
}

#preorder_2nd .box15 ._1 .credit{
    margin-top: 1.5rem;
}

#preorder_2nd .box15 ._2{
    width: 50rem;
    margin-top: -25.5rem;
    margin-left: 61rem;
}

#preorder_2nd .box15 ._2 .credit{
    margin-top: 1.5rem;
    text-align: right;
}

#preorder_2nd .box15 ._3{
    width: 40rem;
    margin-top: -38.5rem;
    margin-left: 8.5rem;
}

#preorder_2nd .box15 ._3 .credit{
    margin-top: 1.5rem;
}

/* box16 */
#preorder_2nd .box16 {
    margin-top: 12rem;
}

#preorder_2nd .box16 ._1{
    width: 90rem;
    margin-left: auto;
}

#preorder_2nd .box16 ._2{
    width: 46rem;
    margin-top: -20.5rem;
    margin-left: 8rem;
    z-index: 2;
}

#preorder_2nd .box16 ._3{
    margin-top: 45rem;
    margin-left: 2rem;
}

/* box17 */
#preorder_2nd .box17 {
    width: 50rem;
    margin-top: 11.5rem;
    margin-left: 25rem;
}

#preorder_2nd .box17 ._2{
    margin-top: 2rem;
}

/* box18 */
#preorder_2nd .box18 {
    width: 46rem;
    margin-top: 11.5rem;
    margin-left: 47rem;
}

#preorder_2nd .box18 ._2{
    margin-top: 2rem;
}

/* box19 */
#preorder_2nd .box19 {
    margin: 11.5rem auto 0;
}

#preorder_2nd .box19 ._1{
    width: 46rem;
    margin-left: 14.5rem;
    z-index: 2;
}

#preorder_2nd .box19 ._1 .credit{
    margin-top: 1.5rem;
}

#preorder_2nd .box19 ._2{
    width: 50rem;
    margin-top: -25.5rem;
    margin-left: 55.5rem;
}

#preorder_2nd .box19 ._2 .credit{
    margin-top: 1.5rem;
    text-align: right;
}

/* box20 */
#preorder_2nd .box20 {
    width: 55rem;
    margin: 12rem auto 0;
}

#preorder_2nd .box20 ._2{
    margin-top: 4.5rem;
}

/* box21 */
#preorder_2nd .box21 {
    width: 40rem;
    margin: 11.5rem auto 0;
}

#preorder_2nd .box21 ._2{
    margin-top: 2rem;
}

/* staff */
.staff {
    margin: 12.5rem auto 14rem;
    font-family: 'EB Garamond', serif;
    font-feature-settings: 'palt';
    text-align: center;
    line-height: 1.7;
    letter-spacing: 0.03em;
    color: #58595b;
    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.5rem;
}

@media all and (-ms-high-contrast: none){
    #preorder_2nd #mv span {
        letter-spacing: 0.08em;
    }
  }

/*タブレット*/
@media only screen and (max-width: 1200px) and (min-width: 561px) {
    html {
        font-size: calc(10 * (100vw / 1200));
    }

}

/* for sp */
@media only screen and (max-width: 560px) {

    html {
        font-size: calc(10 * (100vw / 750));
    }

    .cateList {
        display: flex;
        flex-wrap: wrap;
    }

    .cateList li {
        display: inline-block;
    }

    a:hover {
        opacity: 1;
    }

    .pc_only {
        display: none;
    }

    .sp_only {
        display: block !important;
    }

    html {
        font-size: calc(10 * (100vw / 750));
        }

    #preorder_2nd {
        width: 75rem;
        border-bottom: none;
        /* background-image: url(/Page/collection/2021ss/2nd_preorder/img/preorder_sp_03.jpg); */
        background-size: 100%;
        background-position-y: calc(-90* (100vw / 750));
        background-position-y: calc(14272* (100vw / 750));
        background-position-y: calc(28186* (100vw / 750));
    }

    /* mv */
    .mv {
        width: 100%;
    }

    /* box共通 */
    #preorder_2nd section .credit{
        font-size: 2.4rem;
        line-height: 1.75;
    }

    #preorder_2nd section .slick-dots {
        bottom: -3.8rem !important;
    }

    #preorder_2nd section .slick-dots li button {
        width: 1rem;
        height: 1rem;
    }

    #preorder_2nd section .slick-dots li {
        margin: 0 2rem 0 0;
    }

    /* box1 */
    #preorder_2nd .box1 {
        margin-top: 12rem;
    }

    #preorder_2nd .box1 ._1{
        width: 45rem;
        margin-right: 5rem;
    }

    #preorder_2nd .box1 ._2{
        width: 60rem;
        margin-top: 9rem;
        margin-left: 0;
    }

    #preorder_2nd .box1 ._3{
        margin-top: 3.5rem;
        margin-left: 5rem;
    }

    /* box2 */
    #preorder_2nd .box2 {
        margin-top: 11rem;
    }

    #preorder_2nd .box2 ._1{
        width: 60rem;
        margin: 0 auto;
    }

    #preorder_2nd .box2 ._2{
        width: 60rem;
        margin: 0 auto;    
    }

    #preorder_2nd .box2 ._3{
        margin-top: 3.5rem;
        margin-left: 7.5rem;
    }

    /* box3 */
    #preorder_2nd .box3 {
        margin-top: 11rem;
    }

    #preorder_2nd .box3 ._1{
        width: 53rem;
        margin-left: 5rem;
    }

    #preorder_2nd .box3 ._2{
        margin-top: 3rem;
        margin-left: 5rem;
        text-align: left;
        order: 2;
    }

    #preorder_2nd .box3 ._3{
        width: 100%;
        margin: 7.5rem auto 0;
        order: 1;
    }

    /* box4 */
    #preorder_2nd .box4 {
        margin-top: 11.5rem;
    }

    #preorder_2nd .box4 ._1{
        width: 45rem;
        margin-left: 25rem;
    }

    #preorder_2nd .box4 ._2{
        width: 60rem;
        margin-top: 8rem;
        margin-left: 5rem;
    }

    #preorder_2nd .box4 ._3{
        margin-top: 3rem;
        margin-left: 5rem;
    }

    /* box5 */
    #preorder_2nd .box5 {
        width: 60rem;
        margin: 11.5rem auto 0;
    }

    #preorder_2nd .box5 ._2{
        margin-top: 3rem;
    }

    /* box6 */
    #preorder_2nd .box6 {
        margin-top: 11.5rem;
    }

    #preorder_2nd .box6 ._1{
        width: 70rem;
    }

    #preorder_2nd .box6 ._2{
        margin-top: 3rem;
        margin-left: 5rem;
        text-align: left;
        order: 2;
    }

    #preorder_2nd .box6 ._3{
        width: 60rem;
        margin-top: 8rem;
        margin-right: 0;
        order: 1;
    }

    /* box7 */
    #preorder_2nd .box7 {
        width: 100%;
        margin: 11.5rem auto 0;
    }

    #preorder_2nd .box7 ._2{
        margin-top: 8rem;
        margin-left: 5rem;
    }

    /* box8 */
    #preorder_2nd .box8 {
        margin-top: 11.5rem;
    }

    #preorder_2nd .box8 ._1{
        width: 60rem;
        margin: 0 auto;
    }

    #preorder_2nd .box8 ._2{
        width: 60rem;
        margin: 0 auto;
    }

    #preorder_2nd .box8 ._3{
        margin-top: 3rem;
        margin-left: 7.5rem;
    }

    /* box9 */
    #preorder_2nd .box9 {
        margin-top: 11.5rem;
    }

    #preorder_2nd .box9 ._1{
        width: 45rem;
        margin-right: 0;
    }

    #preorder_2nd .box9 ._2{
        width: 60rem;
        margin-top: 0rem;
        margin-left: 5rem;
    }

    #preorder_2nd .box9 ._3{
        margin-top: 3rem;
        margin-left: 5rem;
    }

    /* box10 */
    #preorder_2nd .box10 {
        margin-top: 11.5rem;
    }

    #preorder_2nd .box10 ._1{
        width: 100%;
        margin-left: 0;
    }

    #preorder_2nd .box10 ._2{
        margin-top: 3rem;
        margin-left: 5rem;
        text-align: left;
        order: 2;
    }

    #preorder_2nd .box10 ._3{
        width: 52.5rem;
        margin-top: 8rem;
        margin-right: 5rem;
    }

    /* box11 */
    #preorder_2nd .box11 {
        margin-top: 11.5rem;
    }

    #preorder_2nd .box11 ._1{
        width: 45rem;
        margin-left: 0;
    }

    #preorder_2nd .box11 ._2{
        margin-top: 3rem;
        margin-left: 5rem;
        text-align: left;
        order: 2;
    }

    #preorder_2nd .box11 ._3{
        width: 60rem;
        margin-top: 0rem;
        margin-right: 0;
    }

    /* box12 */
    #preorder_2nd .box12 {
        width: 60rem;
        margin: 11.5rem auto 0;
    }

    #preorder_2nd .box12 ._2{
        margin-top: 3rem;
    }

    /* box13 */
    #preorder_2nd .box13 {
        margin: 11.5rem auto 0;
    }

    #preorder_2nd .box13 ._1{
        width: 65rem;
    margin-left: 0;
    }

    #preorder_2nd .box13 ._2{
        width: 45.1rem;
        margin-top: 8.5rem;
        margin-left: auto;
        margin-right: 5rem;
    }

    #preorder_2nd .box13 ._3{
        width: 100%;
        margin-top: 9rem;
        margin-left: 0;
    }

    #preorder_2nd .box13 ._4{
        margin-top: 3rem;
        margin-right: 21.5rem;
    }

    /* box14 */
    #preorder_2nd .box14 {
        margin-top: 11rem;
    }

    #preorder_2nd .box14 ._1{
        width: 45rem;
        margin-right: 5rem;
    }

    #preorder_2nd .box14 ._2{
        width: 60rem;
        margin-top: 0rem;
        margin-left: 0;
    }

    #preorder_2nd .box14 ._3{
        margin-top: 3.5rem;
        margin-left: 5rem;
    }

    /* box15 */
    #preorder_2nd .box15 {
        margin: 11.5rem auto 0;
    }

    #preorder_2nd .box15 ._1{
        width: 67rem;
        margin: 0 auto;
    }

    #preorder_2nd .box15 ._1 figure{
        width: 65rem;
        margin: 0 auto;
    }

    #preorder_2nd .box15 ._1 .credit{
        margin-top: 3rem;
        margin-left: 1rem;
        text-align: left;
    }

    #preorder_2nd .box15 ._2{
        width: 60rem;
        margin-top: 11rem;
        margin-left: auto;
    }

    #preorder_2nd .box15 ._2 .credit{
        margin-top: 3.5rem;
        text-align: left;
    }

    #preorder_2nd .box15 ._3{
        width: 52.5rem;
        margin-top: 11rem;
        margin-left: 0;
    }

    #preorder_2nd .box15 ._3 .credit{
        margin-top: 3.5rem;
        margin-left: 5rem;
    }

    /* box16 */
    #preorder_2nd .box16 {
        margin-top: 11.5rem;
    }

    #preorder_2nd .box16 ._1{
        width: 100%;
    }

    #preorder_2nd .box16 ._2{
        width: 52.5rem;
        margin-top: 8rem;
        margin-left: 5rem;
    }

    #preorder_2nd .box16 ._3{
        margin-top: 3rem;
        margin-left: 5rem;
    }

    /* box17 */
    #preorder_2nd .box17 {
        width: 60rem;
        margin: 11.5rem auto 0;
    }

    #preorder_2nd .box17 ._2{
        margin-top: 3rem;
    }

    /* box18 */
    #preorder_2nd .box18 {
        width: 60rem;
        margin-top: 11.5rem;
        margin-left: auto;
    }

    #preorder_2nd .box18 ._2{
        margin-top: 3rem;
    }

    /* box19 */
    #preorder_2nd .box19 {
        margin: 11.5rem auto 0;
    }

    #preorder_2nd .box19 ._1{
        width: 60rem;
        margin-left: 5rem;
    }

    #preorder_2nd .box19 ._1 .credit{
        margin-top: 3rem;
    }

    #preorder_2nd .box19 ._2{
        width: 100%;
        margin-top: 11.5rem;
        margin-left: 0;
    }

    #preorder_2nd .box19 ._2 .credit{
        margin-top: 3rem;
        margin-left: 5rem;
        text-align: left;
    }

    /* box20 */
    #preorder_2nd .box20 {
        width: 60rem;
        margin: 11.5rem auto 0;
    }

    #preorder_2nd .box20 ._2{
        margin-top: 8rem;
    }

    /* box21 */
    #preorder_2nd .box21 {
        width: 52.5rem;
        margin-top: 11.5rem;
        margin-left: 17.5rem;
    }

    #preorder_2nd .box21 ._2{
        margin-top: 3rem;
    }

    /* staff */
    .staff {
        margin: 14rem auto;
        width: 100%;
    }

    .staff a {
        letter-spacing: 0.03em;
        font-size: 4rem;
        border-bottom: double 4px #c0c0c0;
        padding-bottom: 0.6rem;
    }

    .staff p {
        margin-top: 16rem;
        line-height: 1.7;
        font-size: 2.8rem;
    }
}