/* 天社宮トップページ 新案 — スマホ表示（Figma SP 402px 幅の 2 倍値 = 804 基準で換算） */
@media screen and (max-width: 767px) {
    body.page-template-page-tensha-renew-php .p-tensha-kv {
        aspect-ratio: 804 / 622;
    }

    body.page-template-page-tensha-renew-php .p-tensha-kv__bg img {
        object-position: center top;
    }

    body.page-template-page-tensha-renew-php .p-tensha-news--renew {
        padding: calc(86 / 804 * 100vw) 0 calc(114 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .p-tensha-news--renew .p-tensha-news__inner.l-pad {
        padding-left: calc(40 / 804 * 100vw) !important;
        padding-right: calc(40 / 804 * 100vw) !important;
    }

    body.page-template-page-tensha-renew-php .p-tensha-news--renew .p-tensha-news__title {
        margin-bottom: calc(80 / 804 * 100vw);
        font-size: calc(40 / 804 * 100vw);
        line-height: 1.4;
    }

    body.page-template-page-tensha-renew-php .p-tensha-news--renew .p-tensha-news__list {
        gap: calc(16 / 804 * 100vw);
        width: 100%;
    }

    body.page-template-page-tensha-renew-php .p-tensha-news--renew .p-tensha-news__link {
        display: grid !important;
        grid-template-columns: auto auto 1fr auto;
        grid-template-rows: auto auto;
        align-items: center;
        row-gap: calc(28 / 804 * 100vw);
        column-gap: calc(20 / 804 * 100vw);
        min-height: 0;
        padding: calc(30 / 804 * 100vw) calc(34 / 804 * 100vw);
        border-radius: calc(20 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .p-tensha-news--renew .p-tensha-news__date {
        grid-row: 1;
        grid-column: 1;
        font-size: calc(24 / 804 * 100vw);
        line-height: 1;
    }

    body.page-template-page-tensha-renew-php .p-tensha-news--renew .p-tensha-news__tag {
        grid-row: 1;
        grid-column: 2;
        min-height: calc(32 / 804 * 100vw);
        padding: calc(2 / 804 * 100vw) calc(16 / 804 * 100vw);
        border-radius: calc(60 / 804 * 100vw);
        font-size: calc(20 / 804 * 100vw);
        line-height: 1;
    }

    body.page-template-page-tensha-renew-php .p-tensha-news--renew .p-tensha-news__arrow {
        grid-row: 1 / -1;
        grid-column: 4;
        justify-self: end;
        align-self: center;
        width: calc(24 / 804 * 100vw);
        height: calc(20 / 804 * 100vw);
        margin-left: 0;
    }

    body.page-template-page-tensha-renew-php .p-tensha-news--renew .p-tensha-news__text {
        grid-row: 2;
        grid-column: 1 / 4;
        font-size: calc(32 / 804 * 100vw);
        line-height: calc(40 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php {
        background-color: #f4f4f4 !important;
    }

    body.page-template-page-tensha-renew-php .p-tensha-news--renew,
    body.page-template-page-tensha-renew-php .p-tensha-news--renew .l-bg,
    body.page-template-page-tensha-renew-php .p-tensha-links--renew,
    body.page-template-page-tensha-renew-php .background-box--texture,
    body.page-template-page-tensha-renew-php .background-box--texture > .widthbasic:last-of-type,
    body.page-template-page-tensha-renew-php .background-box--texture > .tensha-renew-koyomi-header,
    body.page-template-page-tensha-renew-php .background-box.tensha-renew-prayer,
    body.page-template-page-tensha-renew-php .l-footer,
    body.page-template-page-tensha-renew-php .l-footer__copyright {
        background-color: #f4f4f4 !important;
    }

    body.page-template-page-tensha-renew-php .background-box--texture > .widthbasic:first-of-type {
        padding-top: calc(725 / 804 * 100vw);
        background-color: transparent !important;
    }

    body.page-template-page-tensha-renew-php .background-box--texture > .tensha-renew-koyomi-header {
        background-color: #f4f4f4 !important;
    }

    body.page-template-page-tensha-renew-php .background-box--texture > .widthbasic:first-of-type::before {
        height: calc(1392 / 804 * 100vw);
        background-size: 100% auto;
        background-position: center top;
    }

    body.page-template-page-tensha-renew-php .background-box--texture > .widthbasic:last-of-type {
        background-color: #f4f4f4 !important;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-section--taiitsu .tensha-text1,
    body.page-template-page-tensha-renew-php .background-box--texture .tensha-renew-section--taiitsu .basicfont {
        color: #1a1a1a !important;
        font-size: calc(32 / 804 * 100vw);
        line-height: calc(48 / 804 * 100vw);
        padding-left: calc(40 / 804 * 100vw) !important;
        padding-right: calc(40 / 804 * 100vw) !important;
    }

    body.page-template-page-tensha-renew-php .background-box--texture .tensha-renew-calligraphy span,
    body.page-template-page-tensha-renew-php .background-box--texture .tensha-renew-calligraphy__note {
        color: rgba(26, 26, 26, .72);
        font-size: calc(24 / 804 * 100vw);
        padding-left: calc(40 / 804 * 100vw);
        padding-right: calc(40 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-renew-section--taiitsu .tensha-text1 {
        margin-bottom: calc(64 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-renew-calligraphy__open {
        width: calc(336 / 804 * 100vw);
        margin-bottom: calc(13 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-renew-section--taiitsu .tensha-renew-calligraphy {
        margin-bottom: calc(64 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-renew-section--taiitsu .tensha-renew-btn-row {
        flex-direction: column;
        align-items: center;
        margin-bottom: calc(80 / 804 * 100vw);
        gap: calc(32 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-renew-section--taiitsu .tensha-renew-btn-row .c-btn,
    body.page-template-page-tensha-renew-php .tensha-renew-btn-row--koyomi .c-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(552 / 804 * 100vw);
        min-height: calc(132 / 804 * 100vw);
        box-sizing: border-box;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-btn-row--koyomi {
        flex-direction: column;
        align-items: center;
    }

    body.page-template-page-tensha-renew-php .c-btn {
        font-size: calc(32 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-renew-koyomi-header {
        margin-bottom: calc(48 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-renew-koyomi-header img {
        aspect-ratio: 804 / 672;
    }

    body.page-template-page-tensha-renew-php .background-box--texture .tensha-renew-section--koyomi-intro > .tensha-text1 {
        margin-bottom: calc(48 / 804 * 100vw) !important;
        font-size: calc(32 / 804 * 100vw);
        line-height: calc(48 / 804 * 100vw);
        padding-left: calc(40 / 804 * 100vw) !important;
        padding-right: calc(40 / 804 * 100vw) !important;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-btn-row--koyomi {
        gap: calc(32 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-koyomi-divider {
        width: calc(100% - (80 / 804 * 100vw));
        margin-top: calc(64 / 804 * 100vw);
        margin-bottom: calc(48 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .background-box--texture .tensha-koyomi-sites__title {
        font-size: calc(48 / 804 * 100vw);
        line-height: calc(68 / 804 * 100vw);
        margin-bottom: calc(24 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .background-box--texture .tensha-koyomi-sites__intro {
        max-width: none;
        font-size: calc(28 / 804 * 100vw);
        line-height: calc(48 / 804 * 100vw);
        margin-bottom: calc(40 / 804 * 100vw);
        padding-left: calc(40 / 804 * 100vw);
        padding-right: calc(40 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-koyomi-sites {
        width: auto;
        margin-left: calc(40 / 804 * 100vw);
        margin-right: calc(40 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-koyomi-sites__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: calc(24 / 804 * 100vw) calc(20 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .background-box--texture .tensha-koyomi-sites__item {
        flex-direction: column;
        gap: 0;
        min-height: 0;
        padding-right: 0;
        border-radius: calc(10 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-koyomi-sites__thumb-wrap {
        flex: none;
        width: 100%;
        min-height: 0;
        aspect-ratio: 350 / 220;
        border-radius: calc(10 / 804 * 100vw) calc(10 / 804 * 100vw) 0 0;
    }

    body.page-template-page-tensha-renew-php .tensha-koyomi-sites__body {
        padding: calc(16 / 804 * 100vw) calc(14 / 804 * 100vw) calc(18 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .background-box--texture .tensha-koyomi-sites__name {
        font-size: calc(28 / 804 * 100vw);
        line-height: calc(40 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .background-box--texture .tensha-koyomi-sites__description {
        font-size: calc(24 / 804 * 100vw);
        line-height: calc(36 / 804 * 100vw);
        margin-top: calc(8 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .background-box.tensha-renew-prayer {
        min-height: 0;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-prayer__inner {
        width: auto;
        padding: calc(60 / 804 * 100vw) calc(40 / 804 * 100vw) calc(80 / 804 * 100vw);
        background-image: none !important;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-prayer__shimenawa {
        display: block;
        width: calc(503 / 804 * 100vw);
        margin: 0 auto calc(64 / 804 * 100vw);
        height: auto;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-prayer__quote {
        display: block;
        width: calc(405 / 804 * 100vw);
        height: auto;
        margin: 0 auto calc(74 / 804 * 100vw);
        aspect-ratio: 404.578 / 82;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-prayer__message {
        width: 100%;
        max-width: none;
        margin: 0;
        color: #1a1a1a !important;
        font-size: calc(32 / 804 * 100vw);
        line-height: calc(60 / 804 * 100vw);
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0 !important;
    }

    body.page-template-page-tensha-renew-php .l-footer {
        padding-top: calc(80 / 804 * 100vw);
        padding-bottom: calc(32 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .l-footer__copyright {
        padding-bottom: calc(32 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .p-tensha-links--renew {
        padding: calc(80 / 804 * 100vw) 0 calc(64 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .p-tensha-links--renew .tensha-renew-link-block {
        width: auto;
        margin: 0 calc(40 / 804 * 100vw);
        padding-bottom: calc(120 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__layout {
        display: grid;
        grid-template-columns:
            calc(128 / 804 * 100vw)
            1px
            calc(59 / 804 * 100vw)
            minmax(0, 1fr);
        align-items: stretch;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__titles {
        grid-column: 1;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        gap: calc(10 / 804 * 100vw);
        margin: 0;
        padding-top: calc(4 / 804 * 100vw);
        padding-right: 0;
        box-sizing: border-box;
        max-width: 100%;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__heading--img,
    body.page-template-page-tensha-renew-php .tensha-renew-link-block__eyebrow--img {
        writing-mode: horizontal-tb;
        line-height: 0;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__heading-img,
    body.page-template-page-tensha-renew-php .tensha-renew-link-block__eyebrow-img {
        width: auto !important;
        height: auto !important;
        max-width: none;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__heading-img {
        width: calc(39 / 804 * 100vw) !important;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__eyebrow-img {
        width: calc(25 / 804 * 100vw) !important;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__eyebrow,
    body.page-template-page-tensha-renew-php .tensha-renew-link-block__heading {
        font-size: calc(50 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__eyebrow {
        font-size: calc(20 / 804 * 100vw);
        line-height: 1.75;
        letter-spacing: 0.1em;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__rule {
        display: block;
        grid-column: 2;
        width: 1px;
        min-height: 100%;
        background-color: #080d1b;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__main {
        grid-column: 4;
        min-width: 0;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__media {
        margin-bottom: calc(48 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__media img {
        aspect-ratio: 914 / 453;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__body {
        display: block;
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__text {
        margin: 0 0 calc(48 / 804 * 100vw);
        font-size: calc(32 / 804 * 100vw);
        line-height: calc(48 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__actions {
        width: 100%;
        gap: calc(32 / 804 * 100vw);
    }

    body.page-template-page-tensha-renew-php .tensha-renew-link-block__actions .c-btn {
        width: 100%;
        min-height: calc(132 / 804 * 100vw);
        margin: 0;
    }
}