@charset "utf-8";
.page_title p.copy {
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 1.6;
}
@media only screen and (min-width: 769px) {
    /*================================
	Layout, Elements
================================*/
    body.popopen {
        overflow: hidden;
    }
    main .interview,main .related {
        font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
        color: #505050;
        font-size: 1.5rem;
    }
    /*================================
	Intro
================================*/
/*
    #pageheader {}
    #pageheader h1 span {
        font-size: 4rem;
    }
    #pageheader .copy, #pageheader .date {
        width: 90%;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
    #pageheader .copy {
        margin-top: 5rem;
        font-size: 1.9rem;
        color: #B09A3B;
    }
    #pageheader .date {
        margin-top: 2rem;
        color: #666;
    }
*/
    /*================================
	Interview
================================*/
    main .interview {
        width: 90%;
        max-width: 700px;
        margin: 0 auto;
        padding: 80px 0;
    }
    main .interview .movie video {
        display: block;
        width: 100%;
        margin-bottom: 4rem;
    }
    main .interview h2 {
        margin-bottom: 3rem;
        font-size: 1.6rem;
        color: #B09A3B;
    }
    main .interview h3 {
        margin-bottom: 1rem;
        font-size: 1.5rem;
    }
    main .interview h3.groom {
        color: #718DA8;
    }
    main .interview h3.bride {
        color: #B47F7F;
    }
    main .interview .note {
        margin-bottom: 4rem;
    }
    main .interview .photo {
        margin-bottom: 4rem;
    }
    main .interview {}
    main .interview {}
    main .interview {}
    main .interview {}
    main .interview {}
    main .interview {}
    /*================================
	Related
================================*/
    main .related .entries {
        width: 90%;
        max-width: 890px;
        margin: 0 auto;
        padding-top: 2rem;
        padding-bottom: 9rem;
        display: flex;
        display: -webkit-flex;
        -webkit-justify-content: center;
        justify-content: center;
        position: relative;
    }
    main .related .entry {
        width: 30%;
    }
    main .related .entry:not(:first-of-type) {
        margin-left: 2.5%;
    }
    main .related .entry:not(:last-of-type) {
        margin-right: 2.5%;
    }
    main .related .entry h3 {
        margin-top: 2rem;
        font-weight: 400;
        text-align: center;
        font-size: 1.5rem;
    }
    main .related .entry .date {
        margin-top: 1rem;
        text-align: center;
        color: #B09A3B;
    }
    main .related .entry .more a {
        display: block;
        background: #B09A3B;
        max-width: 19rem;
        margin: 2rem auto 0;
        padding: 1rem;
        text-align: center;
        line-height: 1;
        color: #fff;
    }
    main .related .entry figure {
        border-radius: 50%;
        overflow: hidden;
    }
}
@media only screen and (max-width: 768px) {
    /*================================
	Layout, Elements
================================*/
    body {}
    main .interview,main .related {
        font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
        color: #505050;
        font-size: 1.5rem;
    }
    /*================================
	Intro
================================*/
/*
    #pageheader {
        padding-bottom: 3rem;
    }
    #pageheader h1 span {
        font-size: 2.6rem;
    }
    #pageheader .copy, #pageheader .date {
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
    #pageheader .copy {
        font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
        margin-top: 5rem;
        font-size: 1.6rem;
        color: #B09A3B;
    }
    #pageheader .date {
        margin-top: 2rem;
        color: #666;
    }
*/
    /*================================
	Interview
================================*/
    main .interview {
        width: 90%;
        max-width: 700px;
        margin: 0 auto;
        padding-top: 4rem;
    }
    main .interview .movie video {
        display: block;
        width: 100%;
        margin-bottom: 4rem;
    }
    main .interview h2 {
        margin-bottom: 3rem;
        font-size: 1.6rem;
        color: #B09A3B;
    }
    main .interview h3 {
        margin-bottom: 1rem;
        font-size: 1.4rem;
    }
    main .interview h3.groom {
        color: #718DA8;
    }
    main .interview h3.bride {
        color: #B47F7F;
    }
    main .interview .note {
        margin-bottom: 4rem;
    }
    main .interview .photo {
        margin-bottom: 4rem;
    }
    /*================================
	Related
================================*/
    main .related .entries {
        padding-top: 2rem;
        padding-bottom: 6rem;
    }
    main .related .entry {
        width: 280px;
        margin: 0 2rem;
    }
    main .related .entry h3 {
        margin-top: 2rem;
        text-align: center;
        font-size: 1.3rem;
    }
    main .related .entry .date {
        margin-top: 1rem;
        text-align: center;
        color: #B09A3B;
    }
    main .related .entry .more a {
        display: block;
        background: #B09A3B;
        max-width: 19rem;
        margin: 2rem auto 0;
        padding: 1rem;
        text-align: center;
        line-height: 1;
        color: #fff;
    }
    main .related .entry figure {
        border-radius: 50%;
        overflow: hidden;
    }
    main .related .slidepager {
        margin-top: 1rem;
        text-align: center;
    }
    main .related .slidepager li {
        display: inline-block;
        margin: 0 1rem;
    }
    main .related .slidepager li button {
        display: block;
        width: 1rem;
        height: 1rem;
        background: #D6D6D6;
        border: none;
        padding: 0;
        border-radius: 50%;
        font-size: 0;
        text-indent: -9999px;
    }
    main .related .slidepager li.slick-active button {
        background: #B09A3B;
    }
}