#page-wrap {
    width: 85%;
    margin: 0 auto;
}

@media only screen and (min-width: 900px) {
    #page-wrap {
        max-width: 700px;
        width: calc(100% - 12rem);
    }
}

#page .top-ttl {
    text-align: center;
    background: url(https://deepseachoir.jp/wp-content/themes/dsc_theme/img/common/bg-page_d.webp) 45% 95% / 180% no-repeat;
    padding: 12rem 0;
}
.post-meta p {
    font-size: 2.4rem;
}
.post-content p {
    font-size: 2.8rem;
    line-height: 2;
}
.post-content p + p {
    margin-top: 1em;
}
.post-content p a {
    text-decoration: underline;
    word-break: break-all;
}
@media only screen and (min-width: 900px) {
    #page .top-ttl {
        background-size: 100%;
        background-position: 25% 75%
    }
    .post-meta p {
        font-size: max(14px, 1.4rem);
    }
    .post-content p {
        font-size: max(18px, 1.8rem);
    }
}

/* archive */
.archive .post-loop {
    margin-bottom: 5rem;
}
.archive .post-loop article {
    border-top: 1px solid #707070;
    padding: 4rem 0;
}
.archive article a {
    display: flex;
    flex-direction: column;
}
.archive .post-date {
    order: 1;
    margin: 0 0 2rem;
    text-align: center;
}
.archive .post-ttl {
    order: 2;
    font-size: 3.6rem;
    margin-bottom: 2rem;
}
.archive article img {
    order: 3;
    margin-bottom: 3rem;
}
.archive .post-excerpt {
    order: 4;
}
@media only screen and (min-width: 900px) {
    .archive .post-loop {
        max-width: 120rem;
        min-width: 800px;
        margin: auto;
    }
    .archive .post-loop article {
        width: 100%;
        padding: 4rem;
    }
    .archive .post-loop .post-content {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto 1fr;
        grid-template-areas: "date date" "img ttl" "img txt";
    }
    .archive .post-date {
        grid-area: date;
    }
    .archive .post-ttl {
        font-size: max(26px, 2.6rem);
        grid-area: ttl;
    }
    .archive .post-loop .post-content img {
        grid-area: img;
        width: 24rem;
        margin-bottom: 0;
        margin-right: 4rem;
    }
    .archive .post-excerpt {
        grid-area: txt;
        font-size: max(13px, 1.3rem);
    }
}

/* single*/
.single article {
    margin-bottom: 8rem;
}
.single .post-ttl {
    font-size: 4.5rem;
    margin-bottom: 3rem;
    border-left: 1px solid #3B5184;
    padding-left: 3rem;
}
.single .post-meta + .post-content {
    margin-top: 4rem;
}
.single .post-meta + img {
    margin: 4rem 0;
}
.single .post-content iframe:not(.instagram-media) {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}
.single .post-content iframe.instagram-media {
    margin-top: 5rem;
}
@media only screen and (min-width: 900px) {
    .single .post-ttl {
        font-size: 3.6rem;
    }
}

/* feature archive, member archive */
.feature .top-area, .member .top-area {
    margin: 6rem 0 4rem;
}
.feature .top-area .ttl, .member .top-area .ttl {
    font-size: 3.5rem;
    margin-bottom: 2rem;
}
.feature .top-area .txt, .member .top-area .txt {
    font-size: 2.8rem;
    line-height: 2;
}
.feature .logo-area {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}
.feature .logo-area img:first-child {
    width: 24rem;
}
.feature .logo-area img:last-child {
    width: 26rem;
}
.feature.kazaru .logo-area img:last-child {
    width: 21rem;
}
.feature .logo-area span {
    font-size: 10rem;
    color: #294797;
}
.member .post-loop {
    margin-bottom: 5rem;
}
.feature .post-loop article, .member .post-loop article {
    border-top: 1px solid #707070;
    padding: 4rem 0;
}
.feature .post-ttl {
    font-size: 3.6rem;
    margin-bottom: 2rem;
}
.feature .post-meta {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    column-gap: 2rem;
    margin-bottom: 2rem;
}
.feature .post-meta .txt {
    font-size: 2.6rem;
}
.feature .post-meta img {
    width: 9rem;
    height: 9rem;
    object-fit: cover;
    border-radius: 50%;
}
.feature .post-content img {
    margin: 2rem 0;
}
@media only screen and (min-width: 900px) {
    .feature .top-area, .member .top-area {
        text-align: center;
        margin: max(50px, 5rem) 0 max(40px, 4rem);
    }
    .feature .top-area .ttl, .member .top-area .ttl {
        font-size: max(30px, 3rem);
        margin-bottom: max(20px, 2rem);
    }
    .feature .top-area .txt, .member .top-area .txt {
        font-size: max(18px, 1.8rem);
    }
    .feature .logo-area img:first-child {
        width: 14rem;
    }
    .feature .logo-area img:last-child {
        width: 16rem;
    }
    .feature.kazaru .logo-area img:last-child {
        width: 13rem;
    }
    .feature .logo-area span {
        font-size: 5rem;
    }
    .member .post-loop {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: max(70px, 7rem);
    }
    .feature .post-loop article {
        width: 100%;
        padding: max(40px, 4rem) 4rem;
    }
    .member .post-loop article {
        width: 47%;
        padding: max(30px, 3rem) 2rem;
        margin: 0;
    }
    .feature .post-loop article a {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto 1fr;
        grid-template-areas: "img ttl" "img meta" "img txt";
        column-gap: max(40px, 4rem);
    }
    .feature .post-header,
    .feature .post-content {
        display: contents;
    }
    .feature .post-ttl {
        font-size: max(24px, 2.4rem);
        margin-bottom: max(20px, 2rem);
        grid-area: ttl;
    }
    .feature .post-meta {
        grid-area: meta;
        column-gap: max(20px, 2rem);
        margin-bottom: max(20px, 2rem);
    }
    .feature .post-meta .txt {
        font-size: max(16px, 1.6rem);
    }
    .feature .post-meta img {
        width: max(70px, 7rem);
        height: max(70px, 7rem);
    }
    .feature .post-content img {
        grid-area: img;
        margin: 0;
        width: 36rem;
    }
    .feature .post-excerpt {
        grid-area: txt;
        font-size: max(13px, 1.3rem);
    }
    .member .post-loop article a .post-header {
        width: calc(100% - max(120px, 12rem));
    }
    .member .post-loop article a .post-ttl {
        font-size: max(20px, 2rem);
        margin-bottom: max(10px, 1rem);
    }
    .member .post-loop article a .post-content {
        width: max(100px, 10rem);
        height: max(100px, 10rem);
    }
    .member .post-loop article a .group-list li {
        font-size: max(12px, 1.2rem);
    }
}

/* interview single */
.i-single article header {
    margin: 4rem 0;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    padding: 4rem 0;
}
.i-single .post-ttl {
    font-size: 4.5rem;
    margin-bottom: 2rem;
    color: #fff;
}
.i-single .post-meta {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    column-gap: 3rem;
}
.i-single .post-meta .txt {
    font-size: 2.6rem;
}
.i-single .post-meta img,
.e-single .post-meta img,
.b-single.essay .post-meta img {
    width: 12rem;
    height: 12rem;
    object-fit: cover;
    border-radius: 50%;
}
.i-single article > img {
    margin-bottom: 4rem;
}
.i-single .profile-box {
    border: 6px solid #00c0dd;
    border-radius: 3rem;
    padding: 4rem;
    margin: 9rem 0;
}
.i-single .profile-box h3 {
    display: block;
    font-size: 3rem;
    margin-bottom: 3rem;
}
.i-single .profile-box h3 span {
    color: #00c0dd;
}
.i-single .profile-box p {
    font-size: 2.8rem;
}
.i-single .flex-sj h3 {
    text-align: center;
}
.i-single .flex-sj img {
    display: block;
    margin: 0 auto 2rem;
    width: 40rem;
    height: 40rem;
}
.i-single .flex-dsc {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 2px solid #00c0dd;
    padding-top: 3rem;
    margin-top: 3rem;
    column-gap: 2rem;
}
.i-single .flex-dsc img {
    width: 30rem;
    height: 30rem;
}
.i-single .interview-ttl {
    font-size: 3.6rem;
    display: inline-block;
    margin: 6rem 0 3rem;
    position: relative;
    padding-left: 8rem;
}
.i-single .interview-ttl::before {
    position: absolute;
    content: "";
    top: 2.5rem;
    left: 0;
    width: 6rem;
    height: 1px;
    background-color: #b2b2b2;
}
.i-single .post-content p.dialogue {
    line-height: 2;
    margin-bottom: 1.625em;
}
.i-single .dialogue span {
    color: #00c0dd;
    margin-right: 1em;
    padding-left: 6rem;
    position: relative;
}
.i-single .dialogue span:before {
    content: "";
    width: 5rem;
    height: 5rem;
    transform: rotate(90deg);
    position: absolute;
    top: -1rem;
    left: 0;
}
.i-single .dialogue.dsc span:before {
    background: url(../img/feature/triangle1.png) 0 / contain no-repeat;
}
.i-single .dialogue.sj span:before {
    background: url(../img/feature/triangle2.png) 0 / contain no-repeat;
}
.i-single .wp-caption, .b-single .wp-caption {
    margin-bottom: max(20px, 2rem);
    max-width: 100%;
}
.i-single .post-content p.wp-caption-text,
.b-single .post-content p.wp-caption-text,
.m-single .post-content .wp-element-caption {
    color: #999;
    font-size: 2.4rem;
    line-height: 1.5;
    padding: 0.5em 0;
}
.i-single p.annotation {
    border: 1px solid #707070;
    padding: 3rem;
    border-radius: 3rem;
    display: block;
    margin-bottom: 5rem;
    font-size: 2.8rem;
}
.i-single .profile-box .flex:not(.flex-sj) img {
    margin-bottom: 4rem;
}
.i-single .essay-note {
    border: 1px dashed #fff;
    padding: max(40px, 4rem) 4rem;
    margin: max(40px, 4rem) 0;
}
.i-single .essay-note .logo-img {
    width: 24rem;
    height: auto;
    margin-bottom: 4rem;
    vertical-align: middle;
}
.i-single .essay-note h2 {
    display: inline;
    font-size: 3rem;
}
@media only screen and (min-width: 900px) {
    .i-single article header {
        padding: max(30px, 3rem) 3rem;
        display: flex;
        align-items: center;
        column-gap: 4rem;
    }
    .i-single .post-ttl {
        font-size: max(30px, 3rem);
        margin-bottom: 0;
        width: 65%;
    }
    .i-single .post-meta {
        justify-content: center;
    }
    .i-single .post-meta .txt {
        font-size: max(14px, 1.4rem)
    }
    .i-single .post-meta img,
    .e-single .post-meta img,
    .b-single.essay .post-meta img {
        width: max(90px, 9rem);
        height: max(90px, 9rem);
    }
    .i-single .profile-box {
        display: flex;
        align-items: center;
        padding: max(30px, 3rem) 4rem;
        margin: max(40px, 4rem) 0;
    }
    .i-single .profile-box h3 {
        font-size: max(18px, 1.8rem);
    }
    .i-single .profile-box p {
        font-size: max(16px, 1.6rem);
    }
    .i-single .flex-sj {
        width: 75%;
        display: flex;
        align-items: center;
    }
    .i-single .flex-sj h3 {
        text-align: left;
    }
    .i-single .flex-sj img {
        width: 24rem;
        height: 24rem;
        margin-right: 4rem;
    }
    .i-single .flex-dsc {
        width: 25%;
        margin-left: 6rem;
        border-left: 2px solid #00c0dd;
        border-top: none;
        flex-direction: column;
        row-gap: 2rem;
    }
    .i-single .flex-dsc h3 {
        text-align: center;
    }
    .i-single .flex-dsc img {
        width: 16rem;
        height: 16rem;
    }
    .i-single .interview-ttl {
        font-size: max(22px, 2.2rem);
        margin: max(60px, 6rem) 0 max(30px, 3rem);
    }
    .i-single .interview-ttl::before {
        top: max(15px, 1.5rem);
    }
    .i-single .dialogue span {
        padding-left: max(30px, 3rem)
    }
    .i-single .dialogue span:before {
        width: max(20px, 2rem);
        height: max(20px, 2rem);
        top: 0;
    }
    .i-single .post-content p.wp-caption-text,
    .b-single .post-content p.wp-caption-text,
    .m-single .post-content .wp-element-caption {
        font-size: max(14px, 1.4rem)
    }
    .i-single p.annotation {
        padding: max(20px, 2rem) max(30px, 3rem);
        margin-bottom: max(30px, 3rem);
        font-size: max(14px, 1.4rem);
    }
    .i-single .profile-box .flex:not(.flex-sj) {
        display: flex;
        align-items: center;
        column-gap: 4rem;
    }
    .i-single .profile-box .flex:not(.flex-sj) img {
        width: 24rem;
        margin-bottom: 0;
    }
    .i-single .essay-note .logo-img {
        width: max(160px, 16rem);
        margin-bottom: 0;
    }
    .i-single .essay-note h2 {
        font-size: max(20px, 2rem);
    }
    .i-single .post-content .essay-note p {
        margin-top: max(40px, 4rem);
    }
}

/* essay single */
.e-single article header,
.b-single.essay article header {
    margin: 4rem 0;
}
.e-single .post-ttl,
.b-single.essay .post-ttl {
    font-size: 4.5rem;
    margin-bottom: 2rem;
    text-align: center;
}
.e-single .post-meta,
.b-single.essay .post-meta {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: center;
    column-gap: 3rem;
}
.b-single .post-meta.center {
    text-align: center;
}
.e-single article > img {
    margin-bottom: 4rem;
}
.e-single .mt60 {
    margin-top: 6rem;
}
.e-single .mb60 {
    margin-bottom: 6rem;
}
.e-single .essay-note,
.b-single.essay .essay-note {
    border: 1px dashed #fff;
    padding: 4rem;
    margin: 6rem 0;
}
.e-single .essay-note .logo-img,
.b-single.essay .essay-note .logo-img {
    width: 24rem;
    height: 24rem;
    margin-bottom: 4rem;
    vertical-align: middle;
}
.e-single .essay-note h2,
.b-single.essay .essay-note h2 {
    display: inline;
    font-size: 3rem;
}
.e-single .post-content .essay-note p,
.b-single.essay .post-content .essay-note p {
    line-height: 1.8em;
}
.e-single .post-nav-ttl,
.b-single.essay .post-nav-ttl {
    text-align: center;
}
@media only screen and (min-width: 900px) {
    .e-single article header,
    .b-single.essay article header {
        display: flex;
        align-items: center;
        column-gap: 4rem;
        margin: max(40px, 4rem) 0;
    }
    .e-single .post-ttl,
    .b-single.essay .post-ttl {
        font-size: max(30px, 3rem);
        margin-bottom: 0;
        width: 65%;
        text-align: left;
    }
    .e-single .post-meta,
     .b-single.essay .post-meta{
        justify-content: center;
    }
    .e-single article > img {
        margin-bottom: 0;
    }
    .e-single .essay-note .logo-img,
    .b-single.essay .essay-note .logo-img {
        width: 16rem;
        height: auto;
        margin-bottom: 0;
    }
    .e-single .essay-note h2,
    .b-single.essay .essay-note h2 {
        font-size: max(20px, 2rem);
    }
    .e-single .post-content .essay-note p,
    .b-single.essay .post-content .essay-note p {
        margin-top: max(40px, 4rem);
    }
}

/* blog single */
.b-single article header, .m-single article header {
    margin: 4rem 0;
}
.b-single .post-ttl, .m-single .post-ttl {
    font-size: 4.5rem;
    margin-bottom: 2rem;
}
.b-single .post-meta .txt, .m-single .post-meta .txt  {
    font-size: 2.6rem;
}
.b-single article > img, .m-single article > img {
    margin-bottom: 4rem;
}
.b-single .mt60, .m-single .mt60 {
    margin-top: 6rem;
}
.b-single .mb60, .m-single .mb60 {
    margin-bottom: 6rem;
}
.b-single .trip-schedule {
    background-color: rgba(255,255,255,.1);
    padding: 4rem;
    margin: 4rem 0;
}
.b-single h2, .m-single h2 {
    font-size: 3.6rem;
    margin: 7rem 0 3rem;
    border-left: 2px solid #3B5184;;
    padding-left: 2rem;
}
.b-single .post-content ul,
.b-single .post-content ol {
    padding-left: 2em;
    font-size: 3rem;
    margin: 5rem 0;
}
.b-single .post-content ul li {
    list-style: disc;
}
.b-single .post-content ol li {
    list-style: decimal;
}
.b-single .post-content ul li,
.b-single .post-content ol li {
    margin-bottom: 2rem;
}
.b-single .post-content iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}
.out-link {
    position: relative;
    padding-right: 3rem;
    margin-right: 1rem;
    display: inline-block;
}
.out-link:after {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../img/common/link-b.svg) 0 / contain no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.b-single blockquote{
    border-top:1px solid #7A87B0;
    border-bottom:1px solid #7A87B0;
    padding: 4rem 2rem;
    margin: 5rem 0;
    color: #808080;
}
.b-single blockquote cite {
    display: block;
    padding-top: 3rem;
    font-size: 2rem;
    text-align: right;
}


@media only screen and (min-width: 900px) {
    .b-single .post-meta .txt, .m-single .post-meta .txt {
        font-size: max(18px, 1.8rem);
    }
    .b-single .post-ttl, .m-single .post-ttl {
        font-size: max(36px, 3.6rem);
    }
    .b-single h2, .m-single h2 {
        font-size: max(20px, 2rem);
        margin: max(60px, 6rem) 0 max(20px, 2rem);
    }
    .b-single .max60, .m-single .max60 {
        max-width: max(600px, 60rem);
    }
    .b-single .max64, .m-single .max64 {
        max-width: max(640px, 64rem);
    }
    .b-single .post-content ul,
    .b-single .post-content ol {
        padding-left: 3em;
        font-size: max(18px, 1.8rem);
    }
    .b-single .trip-schedule {
        padding: max(40px, 4rem);
        margin: max(40px, 4rem) 0;
    }
    .out-link {
        padding-right: max(25px, 2.5rem);
    }
    .out-link:after {
        width: max(18px, 1.8rem);
        height: max(18px, 1.8rem);
    }
    .b-single blockquote{
        padding: max(40px, 4rem) max(20px, 2rem);
        margin: max(50px, 5rem) 0;
    }
    .b-single blockquote cite {
        font-size: max(16px, 1.6rem);
        padding-top: max(10px, 1rem);
    }
}

/* page */
.page-content {
    margin: 5rem 0 12rem;
}
.page-content p {
    font-size: 3rem;
    line-height: 2;
}
.page-content p + p {
    margin-top: 1em;
}
.page-content p + img {
    margin-top: 4rem;
}
.page-content img + p {
    margin-top: 4rem;
}
.page-content h2 {
    font-size: 3.6rem;
    margin: 7rem 0 3rem;
    border-left: 2px solid #3B5184;;
    padding-left: 2rem;
}
.page-content h3 {
    font-size: 3.2rem;
    margin: 3rem 0;
}
.page-content p a,
.page-content li a{
    text-decoration: underline;
    word-break: break-all;
}
.page-content ol, .page-content ul {
    padding-left: 2em;
    font-size: 3rem;
    margin: 5rem 0;
}
.page-content ul li {
    list-style: disc;
}
.page-content ol li, .page-content ul li {
    margin-bottom: 2rem;
}
@media only screen and (min-width: 900px) {
    .page-content p {
        font-size: max(16px, 1.6rem);
    }
    .page-content h2 {
        font-size: max(24px, 2.4rem);
        margin: max(60px, 6rem) 0 max(20px, 2rem);
    }
    .page-content h3 {
        font-size: max(20px, 2rem);
        margin: max(20px, 2rem) 0;
    }
    .page-content ol, .page-content ul {
        padding-left: 3em;
        font-size: max(18px, 1.8rem);
    }
}

/* page-about */
.page-content .page-menu a {
    display: flex;
    align-items: flex-start;
    column-gap: 4rem;
    margin: 5rem 0;
}
.page-content .page-menu a img {
    width: 15rem;
}
.page-content .page-menu a dt {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.page-content .page-menu a dd {
    font-size: 2.8rem;
}
@media only screen and (min-width: 900px) {
    .page-content .page-menu a {
        align-items: center;
        margin: max(50px, 5rem) 0;
    }
    .page-content .page-menu a img {
        width: max(150px, 15rem);
    }
    .page-content .page-menu a dt {
        font-size: max(20px, 2rem);
        margin-bottom: max(10px, 1rem);
    }
    .page-content .page-menu a dd {
        font-size: max(18px, 1.8rem);
        line-height: 2;
    }
}

/* contact-form */
.contact form {
    font-size: 3rem;
}
.contact .input-wrapper input {
    width: 100%;
    padding: 2rem;
    margin: 1rem 0 4rem;
    border: 1px solid #707070;
}
.contact .mwform-tel-field input {
    padding: 2rem;
    margin: 1rem 0 4rem;
    border: 1px solid #707070;
}
.contact .input-wrapper textarea {
    width: 100%;
    padding: 2rem;
    margin: 1rem 0 4rem;
    border: 1px solid #707070;
}
.contact .btn-flex {
    row-gap: 4rem;
}
.contact .inquiry-button .btn {
    border-color: transparent;
    border-radius: 0;
    cursor: pointer;
    appearance: none;
}
.mw_wp_form_confirm .input-wrapper {
    margin-bottom: 6rem;
}
.mw_wp_form_confirm p + .inquiry-title {
    margin-top: 4rem;
}
.mw_wp_form_confirm .inquiry-button .btn.to_back {
    background-color: #999;
}
@media only screen and (min-width: 900px) {
    .contact form {
        font-size: 2rem;
    }
}

/* member */
.member .post-loop article a {
    display: flex;
    flex-direction: row-reverse;
    column-gap: 4rem;
    align-items: center;
}
.member .post-loop article a .post-header {
    width: calc(100% - 28rem);
}
.member .post-loop article a .post-ttl {
    font-size: 3rem;
    margin-bottom: 2rem;
}
.member .post-loop article a .post-content {
    width: 24rem;
    height: 24rem;
}
.group-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 1rem;
}
.group-list li {
    color: #707070;
    border-bottom: 1px solid #707070;
    font-size: 2rem;
}
.member .post-icon {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
@media only screen and (min-width: 900px) {
    .group-list li {
        font-size: max(14px, 1.4rem);
    }
}

.member-nav {
    margin: 12rem 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid;
    padding: 5rem;
}
.member-nav .en-ttl {
    font-size: 2.6rem;
    text-align: center;
    margin-bottom: 5rem;
}
.member-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 3rem;
    row-gap: 3rem;
}
@media only screen and (min-width: 900px) {
    .member-nav .en-ttl {
        font-size: max(14px, 1.4rem);
    }
    .member-list {
        grid-template-columns: repeat(5,1fr);
    }
}

/* 写真ページ */
figure.wp-block-gallery.has-nested-images {
    row-gap: 70px;
}

.g-single .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    bottom: initial;
    top: 100%;
    right: 0;
    left: initial;
    color: #707070;
}

/* magazine */
.magazine.i-single article {
    background-color: rgba(255,255,255,.2);
    padding: 3rem;
}
.magazine.i-single article header {
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff;
}
.magazine.i-single .post-ttl {
    color: #fff;
}
.magazine.i-single .post-meta img {
    height: 12rem;
    object-fit: cover;
    border-radius: 50%;
}
.magazine.i-single .flex-sj img,
.magazine.i-single .flex-dsc img {
    object-fit: cover;
    border-radius: 50%;
}
.magazine.i-single .dialogue.dsc span:before {
    filter: invert(1);
}
.magazine iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}
.magazine .instagram iframe {
    aspect-ratio: none;
    height: 100%;
}
.magazine.i-single .essay-note {
    border: 1px dashed #fff;
}
.magazine.i-single .essay-note h2 {
    margin-bottom: 3rem;
    display: block;
}
.meguri-box {
    margin-bottom: 50px;
}
.profile-box.double .flex + .flex {
    margin-top: 3rem;
}
.profile-box.double .flex-dsc + .flex-dsc {
    border-top: none;
    padding-top: 0;
}
.magazine img + .txt {
    line-height: 1.4;
}
@media only screen and (min-width: 900px) {
    .meguri-box {
        display: grid;
        grid-template-columns: 40% 55%;
        column-gap: 5%;
    }
    .magazine.i-single .post-content .essay-note p {
        margin-top: 0;
    }
    .profile-box.double {
        display: grid;
        grid-template-columns: 70% 30%
    }
    .i-single .profile-box.double .flex-sj,
    .i-single .profile-box.double .flex-dsc {
        width: auto;
    }
    .profile-box.double .flex-dsc + .flex-dsc {
        margin-top: 0;
    }
}

.breadcrumb {
    margin: 4% 0;
    display: flex;
    flex-wrap: wrap;
    font-size: 2.2rem;
}
.breadcrumb + .breadcrumb {
    margin-top: -2%;
}
.breadcrumb li:not(:first-child) {
    padding-left: 3rem;
    position: relative;
}
.breadcrumb li:not(:first-child):before {
    content: "/";
    position: absolute;
    top: 0;
    left: 1rem;
    font-size: 2rem;
}
@media only screen and (min-width: 900px) {
    .breadcrumb {
        font-size: max(14px, 1.4rem);
        margin: 2% 0;
    }
}
.nav-links {
    display: flex;
    justify-content: center;
    margin: 5rem 0 16rem;
    column-gap: 1rem;
}
.nav-links a,
.nav-links span {
    font-size: 2.8rem;
    font-weight: bold;
    background-color: #F3F3F5;
    color: #707070;
    border-radius: 50%;
    display: block;
    width: 8rem;
    height: 8rem;
    text-align: center;
    line-height: 8rem;
}
.nav-links .next,
.nav-links .prev {
    position: relative;
}
.nav-links .next:after,
.nav-links .prev:after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    color: #000;
    border-top: solid 1px;
    border-right: solid 1px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.nav-links .prev:after {
    transform: translate(-50%, -50%) rotate(-135deg);
}
.nav-links .next:after {
    transform: translate(-50%, -50%) rotate(45deg);
}
.nav-links .current {
    background-color: #989474;
    color: #fff;
}
@media only screen and (min-width: 900px) {
    .nav-links a,
    .nav-links span {
        font-size: 1.6rem;
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
    }
    .nav-links .next:after,
    .nav-links .prev:after {
        content: "";
        width: .7rem;
        height: .7rem;
    }
}

.post-nav {
    margin: 12rem 0;
    display: grid;
    grid-template-columns: repeat(1,auto);
    font-size: 2.6rem;
    column-gap: 4rem;
    row-gap: 4rem;
    border-top: 1px solid #fff;
    border-bottom: 1px solid;
    padding: 2rem 5rem;
}
.post-nav li a {
    position: relative;
    display: block;
}
.post-nav li a:after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    color: #fff;
    border-top: solid 1px;
    border-right: solid 1px;
    position: absolute;
    top: 50%;
}
.post-nav li.previous a:after {
    transform: translateY(-50%) rotate(-135deg);
    left: -5rem;
}
.post-nav li.next a:after {
    transform: translateY(-50%) rotate(45deg);
    right: -5rem;
}
.post-nav-label {
    text-align: center;
    margin-bottom: 1rem;
}
.post-categories li a {
    font-size: 2.4rem;
}
@media only screen and (min-width: 900px) {
    .post-nav {
        grid-template-columns: repeat(2,1fr);
        column-gap: 30%;
        max-width: max(800px,111rem);
        font-size: max(14px, 1.4rem);
    }
}