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

.sp_only {
    display: none;
}

.header {
    min-width: 100%;
}

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

img {
    max-width: 100%;
}

a:hover {
    opacity: .7;
}

#Wrap {
    margin: 0 auto;
    width: 100%;
}

#main {
    z-index: -99;
    width: 1200px;
    margin: 0 auto;
    font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    -webkit-font-smoothing: antialiased;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
    /*pc*/
    /*    background-image: url(/Page/feature/200616_mochizuki/img/scene_pc.jpg);*/
    /*sp*/
    /*  background-image: url(/Page/feature/200616_mochizuki/img/scene_sp_01.jpg);*/
    /*    background-image: url(/Page/feature/200616_mochizuki/img/scene_sp_02.jpg);*/
    background-size: 100%;
    background-repeat: no-repeat;
    /*pc*/
    /*    background-position-y: -267px;*/
    /*sp*/
    /*  background-position-y: -81px;*/
    /*    background-position-y: 7762px;*/
}

.text {
    margin: 0 auto;
}

.text h2 {
    font-size: 20px;
    color: #000;
    font-family: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho", "Hiragino Mincho ProN", HGS明朝E, "yumin", "メイリオ", serif;
    text-align: center;
    font-weight: 600;
    margin-top: 155px;
    line-height: 1.5;
    letter-spacing: 0.1em;
}

.text p {
    color: #58595b;
    text-align: center;
    font-size: 13px;
}

.sec .box .credit {
    line-height: 1.5;
    font-size: 14px;
    margin-top: 18px;
    letter-spacing: 0.06em;
    color: #58595b;
    font-family: "EB Garamond", "Cormorant Garamond", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}

/*mv*/
.mv {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    line-height: 2;
    letter-spacing: 0.12em;
    color: #58595b;
}

.mv p {
    margin-top: 59px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}

/*共通*/
.sec {
    width: 1000px;
    margin: auto;
    margin-bottom: 120px;
}

.sec .box {
    display: flex;
}

.sec .box._02 .img {
    margin-top: -170px;
}

.sec .box > div {
    width: 50%;
    text-align: center;
}

.sec .box p {
    letter-spacing: 0.12em;
    line-height: 2;
}

/*box1*/
.box1 .credit {
    text-align: right;
}

.box1 ._01 {
    margin-top: 72px;
}

.box1 ._01 .text h2 {
    letter-spacing: 0.1em;
    margin-top: 154px;
}

.box1 ._01 .text p {
    margin-top: 29px;
}

.box1 .box1_img1 {
    width: 400px;
    margin: auto;
}

.box1 ._02 {
    margin-top: 10px;
}

.box1 ._02 .text h2 {
    margin-top: 154px;
}

.box1 ._02 .text p {
    margin-top: 112px;
}

.box1 .box1_img2 {
    width: 340px;
}

/*box2*/
.box2 .credit {
    text-align: left;
}

.box2 ._01 {
    margin-top: 120px;
}

.box2 ._01 .text h2 {
    margin-top: 167px;
}

.box2 ._01 .text p {
    margin-top: 29px;
}

.box2 .box1_img1 {
    width: 400px;
    margin: auto;
}

.box2 ._02 {
    margin-top: 10px;
}

.box2 ._02 .text p {
    margin-top: 124px;
}

.box2 .box1_img2 {
    width: 340px;
}


/*box3*/
.box3 .credit {
    text-align: right;
}

.box3 ._01 {
    margin-top: 120px;
}

.box3 ._01 .text h2 {
    margin-top: 177px;
}

.box3 ._01 .text p {
    margin-top: 28px;
}

.box3 .box1_img1 {
    width: 430px;
    margin: auto;
}

.box3 ._02 {
    margin-top: 10px;
}

.box3 ._02 .text p {
    margin-top: 127px;
}

.box3 .box1_img2 {
    width: 356px;
}

/*box4*/
.box4 .credit {
    text-align: left;
}

.box4 ._01 {
    margin-top: 125px;
}

.box4 ._01 .text h2 {
    margin-top: 143px;
}

.box4 ._01 .text p {
    margin-top: 28px;
}

.box4 .box1_img1 {
    width: 400px;
    margin: auto;
}

.box4 ._02 {
    margin-top: 10px;
}

.box4 ._02 .text p {
    margin-top: 112px;
}

.box4 .box1_img2 {
    width: 340px;
}

/*box5*/
.box5 .credit {
    text-align: right;
}

.box5 ._01 {
    margin-top: 120px;
}

.box5 ._01 .text h2 {
    margin-top: 166px;
}

.box5 ._01 .text p {
    margin-top: 27px;
}

.box5 .box1_img1 {
    width: 430px;
    margin: auto;
}

.box5 ._02 {
    margin-top: 10px;
}

.box5 ._02 .text p {
    margin-top: 127px;
}

.box5 .box1_img2 {
    width: 360px;
}

/*box6*/
.box6 {
    margin-top: 134px;
    margin-bottom: 135px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3;
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.02em;
}

.box6 a {
    display: inline-block;
    border-bottom: double 3px #cacaca;
    padding-bottom: 4px;
    letter-spacing: 0.02em;
    font-family: "EB Garamond",serif;
}

/*box7*/
.box7 p {
    padding: 0 100px 132px;
    margin: 0 auto;
    max-width: 1100px;
    width: 100%;
    font-size: 14px;
    font-family: "EB Garamond",serif;
    color: #58595b;
    text-align: center;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.03em;
    line-height: 1.75;
    border-bottom: 1px solid #58595b;
    box-sizing: border-box;
}

/* for pc */
@media only screen and (max-width: 1200px) and (min-width: 561px) {
    .sp_only {
        display: none;
    }

    #main {
        width: calc(1200 *(100vw / 1200));
    }

    .text h2 {
        font-size: calc(20 *(100vw / 1200));
        margin-top: calc(155 *(100vw / 1200));
    }

    .text p {
        font-size: calc(13 *(100vw / 1200));
    }

    .sec .box .credit {
        font-size: calc(14 *(100vw / 1200));
        margin-top: calc(18 *(100vw / 1200));
    }

    /*mv*/
    .mv {
        width: calc(1000 *(100vw / 1200));
        font-size: calc(13 *(100vw / 1200));
    }

    .mv p {
        margin-top: calc(59 *(100vw / 1200));
    }

    /*共通*/
    .sec {
        width: calc(1000 *(100vw / 1200));
        margin-bottom: calc(120 *(100vw / 1200));
    }

    .sec .box._02 .img {
        margin-top: calc(-170 *(100vw / 1200));
    }

    /*box1*/
    .box1 ._01 {
        margin-top: calc(72 *(100vw / 1200));
    }

    .box1 ._01 .text h2 {
        margin-top: calc(154 *(100vw / 1200));
    }

    .box1 ._01 .text p {
        margin-top: calc(29 *(100vw / 1200));
    }

    .box1 .box1_img1 {
        width: calc(400 *(100vw / 1200));
    }

    .box1 ._02 {
        margin-top: calc(10 *(100vw / 1200));
    }

    .box1 ._02 .text h2 {
        margin-top: calc(154 *(100vw / 1200));
    }

    .box1 ._02 .text p {
        margin-top: calc(112 *(100vw / 1200));
    }

    .box1 .box1_img2 {
        width: calc(340 *(100vw / 1200));
    }

    /*box2*/
    .box2 ._01 {
        margin-top: calc(120 *(100vw / 1200));
    }

    .box2 ._01 .text h2 {
        margin-top: calc(167 *(100vw / 1200));
    }

    .box2 ._01 .text p {
        margin-top: calc(29 *(100vw / 1200));
    }

    .box2 .box1_img1 {
        width: calc(400 *(100vw / 1200));
    }

    .box2 ._02 {
        margin-top: calc(10 *(100vw / 1200));
    }

    .box2 ._02 .text p {
        margin-top: calc(124 *(100vw / 1200));
    }

    .box2 .box1_img2 {
        width: calc(340 *(100vw / 1200));
    }


    /*box3*/
    .box3 ._01 {
        margin-top: calc(120 *(100vw / 1200));
    }

    .box3 ._01 .text h2 {
        margin-top: calc(117 *(100vw / 1200));
    }

    .box3 ._01 .text p {
        margin-top: calc(28 *(100vw / 1200));
    }

    .box3 .box1_img1 {
        width: calc(430 *(100vw / 1200));
    }

    .box3 ._02 {
        margin-top: calc(10 *(100vw / 1200));
    }

    .box3 ._02 .text p {
        margin-top: calc(127 *(100vw / 1200));
    }

    .box3 .box1_img2 {
        width: calc(356 *(100vw / 1200));
    }

    /*box4*/
    .box4 ._01 {
        margin-top: calc(125 *(100vw / 1200));
    }

    .box4 ._01 .text h2 {
        margin-top: calc(143 *(100vw / 1200));
    }

    .box4 ._01 .text p {
        margin-top: calc(28 *(100vw / 1200));
    }

    .box4 .box1_img1 {
        width: calc(400 *(100vw / 1200));
    }

    .box4 ._02 {
        margin-top: calc(10 *(100vw / 1200));
    }

    .box4 ._02 .text p {
        margin-top: calc(112 *(100vw / 1200));
    }

    .box4 .box1_img2 {
        width: calc(340 *(100vw / 1200));
    }

    /*box5*/
    .box5 ._01 {
        margin-top: calc(120 *(100vw / 1200));
    }

    .box5 ._01 .text h2 {
        margin-top: calc(166 *(100vw / 1200));
    }

    .box5 ._01 .text p {
        margin-top: calc(27 *(100vw / 1200));
    }

    .box5 .box1_img1 {
        width: calc(430 *(100vw / 1200));
    }

    .box5 ._02 {
        margin-top: calc(10 *(100vw / 1200));
    }

    .box5 ._02 .text p {
        margin-top: calc(127 *(100vw / 1200));
    }

    .box5 .box1_img2 {
        width: calc(360 *(100vw / 1200));
    }

    .box6 {
        font-size: calc(20 *(100vw / 1200));
    }

    /*box6*/
    .box6 {
        margin-top: calc(134 *(100vw / 1200));
        margin-bottom: calc(135 *(100vw / 1200));
        font-size: calc(20 *(100vw / 1200));
    }

    .box6 a {
        padding-bottom: calc(4 *(100vw / 1200));
        letter-spacing: 0.03em;
        border-bottom: double 4px #c0c0c0;
    }

    /*box7*/
    .box7 p {
        padding: 0 calc(100 *(100vw / 1200)) calc(132 *(100vw / 1200));
        max-width: calc(1100 *(100vw / 1200));
        font-size: calc(14 *(100vw / 1200));
    }

    .main-area.archive_slider {
        min-width: inherit !important;
    }

}

/* for pc and (max-width:1200px)*/
@media screen and (min-width:561px) {
    main {
        width: calc(1200 * (100vw / 1200));
    }
}

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

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

    .cateList li {
        display: inline-block;
    }

    .pc_only {
        display: none;
    }

    .sp_only {
        display: block;
    }

    #main {
        width: calc(750 *(100vw / 750));
    }

    .text h2 {
        font-size: calc(36 *(100vw / 750));
        margin-top: 155px;
        line-height: 1.6666666;
        letter-spacing: 0.1em;
    }

    .text p {
        font-size: calc(26 *(100vw / 750));
    }

    .sec .box .credit {
        font-size: calc(28 *(100vw / 750));
        margin-top: calc(30*(100vw / 750));
        letter-spacing: 0.03em;
        text-align: left;
        line-height: 1.6428571;
    }

    /*mv*/
    .mv {
        width: calc(750 *(100vw / 750));
        font-size: calc(26 *(100vw / 750));
        letter-spacing: 0.186em;
    }

    .mv p {
        margin-top: calc(69 *(100vw / 750));
        margin-left: calc(37 *(100vw / 750));
        margin-right: calc(42 *(100vw / 750));
        text-align: justify;
        letter-spacing: 0.076em;
        font-feature-settings: 'pkna';
        font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    }

    /*共通*/
    .sec {
        width: calc(750 *(100vw / 750));
        margin: auto;
        margin-bottom: 0;
    }

    .sec .box {
        flex-wrap: wrap;
    }

    .sec .box._02 .img {
        margin-top: 0;
    }

    .sec .box > div {
        width: 100%;
        text-align: center;
    }

    .sec .box p {
        letter-spacing: 0.12em;
        line-height: 2;
        font-feature-settings: normal;
    }


    .text {
        font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
        font-feature-settings: 'pkna';
    }

    /*box1*/
    .box1 .credit {
        text-align: right;
    }

    .box1 ._01 {
        margin-top: calc(119 *(100vw / 750));
    }

    .box1 ._01 .text h2 {
        letter-spacing: 0.1em;
        margin-top: 0;
    }

    .box1 ._01 .text p {
        margin-top: 0px;
    }

    .box1 .box1_img1 {
        width: calc(600 *(100vw / 750));
        margin-top: calc(55 *(100vw / 750));
    }

    .box1 ._02 {
        margin-top: 10px;
    }

    .box1 ._02 .text h2 {
        margin-top: 0;
    }

    .box1 ._02 .text p {
        margin-top: calc(40 *(100vw / 750));
        margin-left: calc(37 *(100vw / 750));
        margin-right: calc(42 *(100vw / 750));
        line-height: 2;
        text-align: justify;
    }

    .box1 .box1_img2 {
        width: calc(526 *(100vw / 750));
        margin-top: calc(68 *(100vw / 750));
        margin-left: calc(-145 *(100vw / 750));
    }

    .box1 ._02 .text2 p {
        margin-top: calc(70 *(100vw / 750));
    }

    /*box2*/
    .box2 .credit {
        text-align: left;
    }

    .box2 ._01 {
        margin-top: calc(135 *(100vw / 750));
    }

    .box2 ._01 .text h2 {
        margin-top: 0;
    }

    .box2 ._01 .text p {
        margin-top: calc(60 *(100vw / 750));
        margin-left: calc(39 *(100vw / 750));
        margin-right: calc(40 *(100vw / 750));
        line-height: 2;
        text-align: justify;
    }

    .box2 .box1_img1 {
        width: calc(600 *(100vw / 750));
        margin: calc(60 *(100vw / 750)) auto 0;
    }

    .box2 ._02 {
        margin-top: 0;
    }

    .box2 ._02 .text p {
        margin-top: calc(73 *(100vw / 750));
        margin-left: calc(39 *(100vw / 750));
        margin-right: calc(40 *(100vw / 750));
        text-align: justify;
    }

    .box2 .box1_img2 {
        width: calc(526 *(100vw / 750));
        margin-top: calc(60 *(100vw / 750));
        margin-left: calc(150 *(100vw / 750));
    }

    /*box3*/
    .box3 .credit {
        text-align: right;
    }

    .box3 ._01 {
        margin-top: calc(137 *(100vw / 750));
    }

    .box3 ._01 .text h2 {
        margin: 0 auto;
        letter-spacing: 0.1em;
    }

    .box3 ._01 .text p {
        margin-top: 0;
    }

    .box3 .box1_img1 {
        width: calc(640 *(100vw / 750));
        margin: calc(60 *(100vw / 750)) auto;
    }

    .box3 ._02 {
        margin-top: 0;
    }

    .box3 ._02 .text p {
        margin-top: calc(0 *(100vw / 750));
        margin-left: calc(39 *(100vw / 750));
        margin-right: calc(40 *(100vw / 750));
        text-align: justify;
    }

    .box3 .box1_img2 {
        width: calc(560 *(100vw / 750));
        margin-top: calc(60 *(100vw / 750));
    }

    .box3 ._02 .text2 p {
        margin-top: calc(73 *(100vw / 750));
        margin-left: calc(39 *(100vw / 750));
        margin-right: calc(40 *(100vw / 750));
        text-align: justify;
    }

    /*box4*/
    .box4 .credit {
        text-align: left;
    }

    .box4 ._01 {
        margin-top: calc(140 *(100vw / 750));
    }

    .box4 ._01 .text h2 {
        margin-top: 0;
    }

    .box4 ._01 .text p {
        margin-top: calc(60 *(100vw / 750));
        margin-left: calc(39 *(100vw / 750));
        margin-right: calc(40 *(100vw / 750));
        text-align: justify;
        letter-spacing: 0.075em;
    }

    .box4 .box1_img1 {
        width: calc(600 *(100vw / 750));
        margin: calc(60 *(100vw / 750)) auto 0;
    }

    .box4 ._02 {
        margin-top: 0;
    }

    .box4 ._02 .text p {
        margin-top: calc(74 *(100vw / 750));
        margin-left: calc(39 *(100vw / 750));
        margin-right: calc(40 *(100vw / 750));
        text-align: justify;
    }

    .box4 .box1_img2 {
        width: calc(526 *(100vw / 750));
        margin-top: calc(60 *(100vw / 750));
        margin-left: calc(145 *(100vw / 750));
    }

    /*box5*/
    .box5 ._01 {
        margin-top: calc(138 *(100vw / 750));
    }

    .box5 ._01 .text h2 {
        margin-top: 0;
    }

    .box5 ._01 .text p {
        margin-top: calc(60 *(100vw / 750));
        margin-left: calc(39 *(100vw / 750));
        margin-right: calc(40 *(100vw / 750));
        text-align: justify;
    }

    .box5 .box1_img1 {
        width: calc(640 *(100vw / 750));
        margin: calc(60 *(100vw / 750)) auto 0;
        letter-spacing: 0.028em;
    }

    .box5 ._02 {
        margin-top: 0;
    }

    .box5 ._02 .text p {
        margin-top: calc(65 *(100vw / 750));
        margin-left: calc(39 *(100vw / 750));
        margin-right: calc(40 *(100vw / 750));
        text-align: justify;
    }

    .box5 .box1_img2 {
        width: calc(560 *(100vw / 750));
        margin: calc(70 *(100vw / 750)) auto 0;
    }

    /*box6*/
    .box6 {
        margin-bottom: calc(150 *(100vw / 750));
        font-size: calc(40 *(100vw / 750));
        margin-top: calc(164 *(100vw / 750));
    }

    .box6 a {
        display: inline-block;
        padding-bottom: 4px;
        letter-spacing: 0.03em;
        border-bottom: double 4px #c0c0c0;
    }

    /*box7*/
    .box7 p {
        padding: 0 calc(30 *(100vw / 750)) calc(155 *(100vw / 750));
        margin: 0 auto;
        font-size: calc(28 *(100vw / 750));
        line-height: 1.7;
        border-bottom: 0px solid #58595b;
    }
}