/*
 * ODAHOSHI
 * おだほし日記 個別ページ
 *
 * アイキャッチ画像は元画像の縦横比を保持する。
 * Twenty Twenty-Five側の固定aspect ratio / coverを
 * 日記ページだけ無効化する。
 */

.wp-block-post-featured-image {
    width: 100%;
    height: auto !important;
    max-height: none !important;

    aspect-ratio: auto !important;

    overflow: visible !important;
}


/*
 * 縦写真・横写真とも元の縦横比を維持。
 */
.wp-block-post-featured-image img,
.wp-block-post-featured-image a img {

    display: block;

    width: auto !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: none !important;

    aspect-ratio: auto !important;

    object-fit: contain !important;
    object-position: center !important;

    margin-inline: auto;
}


/*
 * テーマから固定heightがfigure/linkへ
 * 与えられた場合も解除。
 */
.wp-block-post-featured-image > a {

    display: block;

    width: 100%;
    height: auto !important;

    aspect-ratio: auto !important;
}


/*
 * 縦長写真が巨大になり過ぎないよう、
 * PCでは適度な最大幅を設定。
 *
 * 横長画像はmax-width範囲で通常表示される。
 */
@media (min-width: 783px) {

    .wp-block-post-featured-image img {

        max-width: min(
            100%,
            760px
        ) !important;
    }
}


/*
 * Smartphone
 */
@media (max-width: 782px) {

    .wp-block-post-featured-image img {

        width: auto !important;
        max-width: 100% !important;
    }
}


/*
 * ============================================================
 * BEGIN ODAHOSHI DIARY SINGLE LAYOUT V1
 * ============================================================
 */

.od-diary-main {
    box-sizing: border-box;

    width:
        min(
            860px,
            calc(100% - 40px)
        );

    max-width: none !important;

    margin-inline: auto !important;
}


.od-diary-main
> .wp-block-post-title,

.od-diary-main
> .wp-block-post-content {

    width: 100%;
    max-width: none !important;
}


.od-diary-meta {

    display: flex;
    flex-wrap: wrap;

    gap:
        0.5rem
        1.5rem;

    margin:
        0.5rem 0
        2rem;

    font-size: 0.92rem;

    opacity: 0.78;
}


.od-diary-meta-item {

    display: inline-flex;
    flex-wrap: wrap;

    gap: 0.4rem;
}


.od-diary-meta-label {

    font-weight: 600;
}


.od-diary-main
.wp-block-post-content {

    margin-block-end:
        var(--wp--preset--spacing--50);
}


.od-diary-photos {

    display: grid;

    gap:
        var(--wp--preset--spacing--50);

    margin-block-start:
        var(--wp--preset--spacing--40);
}


.od-diary-photo {

    margin: 0;
    text-align: center;
}


.od-diary-photo-link {

    display: inline-block;

    max-width: 100%;
}


.od-diary-photo-image {

    display: block;

    width: auto;
    height: auto;

    max-width:
        min(
            100%,
            760px
        );

    max-height: none;

    object-fit: contain;

    margin-inline: auto;
}


.od-diary-photo-caption {

    max-width: 760px;

    margin:
        0.7rem auto
        0;

    font-size: 0.9rem;

    line-height: 1.6;

    text-align: center;

    opacity: 0.8;
}


@media (max-width: 600px) {

    .od-diary-main {

        width:
            calc(100% - 24px);
    }


    .od-diary-meta {

        display: grid;

        gap: 0.35rem;

        margin-bottom: 1.5rem;
    }


    .od-diary-photo-image {

        max-width: 100%;
    }
}


/*
 * ============================================================
 * END ODAHOSHI DIARY SINGLE LAYOUT V1
 * ============================================================
 */


/*
 * ============================================================
 * BEGIN ODAHOSHI DIARY MODULE LAYOUT V1
 * ============================================================
 */


/*
 * Desktop:
 *
 * ┌──────────────────────────┬───────────────┐
 * │ 日記本文                  │ カレンダー     │
 * │                          │ カテゴリー     │
 * │                          │ 最近の日記     │
 * └──────────────────────────┴───────────────┘
 */

.od-diary-main {

    width:
        min(
            1180px,
            calc(100% - 40px)
        );

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        300px;

    column-gap: 36px;

    align-items: start;
}


.od-diary-main > * {

    grid-column: 1;

    width: 100%;

    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


.od-diary-main
> .od-diary-sidebar {

    grid-column: 2;

    grid-row:
        2 / span 8;

    position: sticky;

    top: 28px;

    width: 100%;
}


/*
 * 前の日記 / 次の日記
 */

.od-diary-adjacent {

    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 16px;

    margin:
        0 0
        24px;

    padding:
        10px 0;

    border-top:
        1px solid
        rgba(0, 0, 0, 0.12);

    border-bottom:
        1px solid
        rgba(0, 0, 0, 0.12);
}


.od-diary-adjacent a {

    display: block;

    text-decoration: none;
}


.od-diary-adjacent span {

    display: block;

    margin-bottom: 3px;

    font-size: 0.82rem;
}


.od-diary-adjacent strong {

    display: block;

    font-size: 0.92rem;

    font-weight: 500;
}


.od-diary-adjacent-next {

    text-align: right;
}


/*
 * Sidebar panels
 */

.od-diary-panel {

    margin:
        0 0
        18px;

    border:
        1px solid
        #b9dce4;

    background:
        #ffffff;
}


.od-diary-panel-title {

    margin: 0;

    padding:
        8px
        10px;

    background:
        #32b4cf;

    color:
        #ffffff;

    font-size:
        1rem;

    line-height: 1.35;

    font-weight: 700;
}


/*
 * Month navigation
 */

.od-diary-calendar-month-nav {

    display: flex;

    justify-content:
        space-between;

    gap: 10px;

    padding:
        8px
        10px
        4px;

    font-size:
        0.82rem;
}


.od-diary-calendar-month-nav a {

    text-decoration: none;
}


/*
 * Calendar
 */

.od-diary-calendar {

    width: calc(100% - 16px);

    margin:
        4px
        8px
        10px;

    border-collapse:
        collapse;

    table-layout:
        fixed;

    font-size:
        0.88rem;
}


.od-diary-calendar th,
.od-diary-calendar td {

    box-sizing:
        border-box;

    height:
        32px;

    padding:
        2px;

    text-align:
        center;

    vertical-align:
        middle;
}


.od-diary-calendar th {

    font-weight:
        600;
}


.od-diary-calendar
.weekday-0 {

    color:
        #d24545;
}


.od-diary-calendar
.weekday-6 {

    color:
        #356cbd;
}


.od-diary-calendar-day-link {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        27px;

    height:
        27px;

    border-radius:
        50%;

    background:
        #e1f5fa;

    font-weight:
        700;

    text-decoration:
        none;
}


.od-diary-calendar-day-link:hover {

    text-decoration:
        underline;
}


.od-diary-calendar-day
.is-current-diary-date
.od-diary-calendar-day {

    font-weight:
        700;
}


.od-diary-calendar-day
.is-current-diary-date {

    background:
        #f0fafc;
}


.od-diary-calendar-entry-links {

    display:
        block;

    font-size:
        0.55rem;

    line-height:
        1;
}


.od-diary-calendar-entry-links a {

    text-decoration:
        none;
}


/*
 * Category / Recent diary
 */

.od-diary-sidebar-list {

    margin:
        0;

    padding:
        8px
        12px
        10px
        28px;
}


.od-diary-sidebar-list li {

    margin:
        0 0
        7px;
}


.od-diary-sidebar-list a {

    text-decoration:
        none;
}


.od-diary-sidebar-count {

    font-size:
        0.85em;
}


.od-diary-recent-list small {

    display:
        block;

    margin-top:
        1px;

    opacity:
        0.65;

    font-size:
        0.74rem;
}


/*
 * Tablet / smartphone:
 * 本文の後ろへSidebarを移動。
 */

@media (max-width: 900px) {

    .od-diary-main {

        display:
            block;

        width:
            calc(100% - 28px);
    }


    .od-diary-main
    > .od-diary-sidebar {

        position:
            static;

        width:
            100%;

        margin-top:
            36px !important;
    }


    .od-diary-adjacent {

        grid-template-columns:
            1fr;
    }


    .od-diary-adjacent-next {

        text-align:
            left;
    }
}


/*
 * ============================================================
 * END ODAHOSHI DIARY MODULE LAYOUT V1
 * ============================================================
 */


/*
 * ============================================================
 * BEGIN ODAHOSHI DIARY CALENDAR COMPACT V1
 * ============================================================
 *
 * Sidebar/Gridの高さにCalendar Tableが引っ張られないよう、
 * Calendar自身の高さをコンテンツサイズへ固定する。
 */


/*
 * Sidebarを本文Gridの高さへstretchさせない。
 */
.od-diary-main
> .od-diary-sidebar {

    align-self: start !important;

    height: max-content !important;
    min-height: 0 !important;
}


/*
 * Calendar panelも内容量だけの高さにする。
 */
.od-diary-calendar-panel {

    height: auto !important;
    min-height: 0 !important;

    align-self: start !important;
}


/*
 * Calendar Table本体。
 */
.od-diary-calendar {

    display: table !important;

    width: calc(100% - 16px) !important;

    height: auto !important;
    min-height: 0 !important;

    margin:
        4px
        8px
        10px !important;

    border-collapse:
        collapse !important;

    border-spacing:
        0 !important;

    table-layout:
        fixed !important;
}


.od-diary-calendar thead {

    display:
        table-header-group !important;

    height:
        auto !important;
}


.od-diary-calendar tbody {

    display:
        table-row-group !important;

    height:
        auto !important;
}


/*
 * 1週間 = 34px
 */
.od-diary-calendar tr {

    display:
        table-row !important;

    height:
        34px !important;

    min-height:
        34px !important;

    max-height:
        34px !important;
}


.od-diary-calendar th,
.od-diary-calendar td {

    display:
        table-cell !important;

    box-sizing:
        border-box !important;

    height:
        34px !important;

    min-height:
        34px !important;

    max-height:
        34px !important;

    padding:
        0 !important;

    line-height:
        34px !important;

    vertical-align:
        middle !important;

    text-align:
        center !important;
}


/*
 * 曜日行。
 */
.od-diary-calendar thead tr,
.od-diary-calendar thead th {

    height:
        34px !important;

    min-height:
        34px !important;

    max-height:
        34px !important;
}


/*
 * 投稿のある日。
 *
 * Flexではなく1個のinline-blockとして描画して、
 * テーマ側のline boxの影響を受けないようにする。
 */
.od-diary-calendar-day-link {

    display:
        inline-block !important;

    box-sizing:
        border-box !important;

    width:
        28px !important;

    min-width:
        28px !important;

    max-width:
        28px !important;

    height:
        28px !important;

    min-height:
        28px !important;

    max-height:
        28px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    line-height:
        28px !important;

    vertical-align:
        middle !important;

    white-space:
        nowrap !important;

    border-radius:
        50% !important;

    text-align:
        center !important;

    text-decoration:
        none !important;
}


/*
 * テーマ等による疑似要素を無効化。
 */
.od-diary-calendar-day-link::before,
.od-diary-calendar-day-link::after {

    content:
        none !important;

    display:
        none !important;
}


/*
 * 同日に複数投稿がある場合。
 */
.od-diary-calendar-day-number {

    display:
        inline-block !important;

    line-height:
        1 !important;
}


.od-diary-calendar-entry-links {

    display:
        block !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    line-height:
        1 !important;
}


/*
 * 前月・次月部分もコンパクト化。
 */
.od-diary-calendar-month-nav {

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        10px
        10px
        6px !important;

    line-height:
        1.4 !important;
}


/*
 * ============================================================
 * END ODAHOSHI DIARY CALENDAR COMPACT V1
 * ============================================================
 */


/*
 * ============================================================
 * BEGIN ODAHOSHI DIARY CALENDAR GRID LAYOUT V1
 * ============================================================
 */


/*
 * tableを使わない固定7列Calendar。
 */
.od-diary-calendar-grid-panel {

    height:
        auto !important;

    min-height:
        0 !important;
}


.od-diary-calendar-grid {

    display:
        grid !important;

    grid-template-columns:
        repeat(
            7,
            minmax(0, 1fr)
        ) !important;

    grid-auto-rows:
        30px !important;

    width:
        auto !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        4px
        8px
        10px !important;

    padding:
        0 !important;

    gap:
        0 !important;
}


.od-diary-calendar-grid-weekday,
.od-diary-calendar-grid-empty,
.od-diary-calendar-grid-day {

    display:
        flex !important;

    box-sizing:
        border-box !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        auto !important;

    height:
        30px !important;

    min-width:
        0 !important;

    min-height:
        30px !important;

    max-height:
        30px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    line-height:
        1 !important;

    font-size:
        0.82rem !important;
}


.od-diary-calendar-grid-weekday {

    font-weight:
        700 !important;
}


.od-diary-calendar-grid-weekday.weekday-0 {

    color:
        #d74747 !important;
}


.od-diary-calendar-grid-weekday.weekday-6 {

    color:
        #2767c7 !important;
}


/*
 * 通常の日付。
 */
.od-diary-calendar-grid-day {

    position:
        relative !important;

    color:
        inherit !important;
}


/*
 * 現在表示している日記の日。
 * 旧XOOPSに近い控えめな背景。
 */
.od-diary-calendar-grid-day.is-current-diary-date {

    background:
        #eef9fb !important;

    font-weight:
        700 !important;
}


/*
 * 投稿がある日は日付そのものをリンク化。
 * 円形背景にはしない。
 */
.od-diary-calendar-grid-day.has-diary > a {

    display:
        inline !important;

    width:
        auto !important;

    height:
        auto !important;

    min-width:
        0 !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    color:
        #1769c2 !important;

    line-height:
        1 !important;

    font-weight:
        700 !important;

    text-decoration:
        underline !important;
}


.od-diary-calendar-grid-day.has-diary > a::before,
.od-diary-calendar-grid-day.has-diary > a::after {

    content:
        none !important;

    display:
        none !important;
}


/*
 * 同日複数投稿。
 */
.od-diary-calendar-grid-day-number {

    line-height:
        1 !important;
}


.od-diary-calendar-grid-multi {

    position:
        absolute !important;

    left:
        0 !important;

    right:
        0 !important;

    bottom:
        1px !important;

    display:
        flex !important;

    justify-content:
        center !important;

    gap:
        1px !important;

    height:
        5px !important;

    line-height:
        5px !important;

    font-size:
        5px !important;
}


.od-diary-calendar-grid-multi a {

    text-decoration:
        none !important;
}


/*
 * Month navigationも詰める。
 */
.od-diary-calendar-grid-panel
.od-diary-calendar-month-nav {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    min-height:
        30px !important;

    margin:
        0 !important;

    padding:
        5px
        10px !important;

    line-height:
        1.2 !important;

    font-size:
        0.78rem !important;
}


/*
 * ============================================================
 * END ODAHOSHI DIARY CALENDAR GRID LAYOUT V1
 * ============================================================
 */


/*
 * ============================================================
 * BEGIN ODAHOSHI DIARY COMPACT FLOW V1
 * ============================================================
 *
 * 本文とSidebarを独立した2カラムにする。
 *
 * 以前はSidebarが複数のGrid rowをspanしていたため、
 * Sidebarの高さが本文側のrow高さへ配分され、
 * 本文・Navigation・写真間に大きな空白が発生していた。
 */


/*
 * 外側mainではGridを使用しない。
 */
.od-diary-main {

    display:
        block !important;

    width:
        min(
            1180px,
            calc(100% - 40px)
        ) !important;

    margin-inline:
        auto !important;
}


/*
 * 左本文 + 右Sidebar。
 *
 * このGridには2要素しか置かないため、
 * Sidebarの高さが本文内の各行へ影響しない。
 */
.od-diary-layout {

    display:
        grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        280px !important;

    gap:
        30px !important;

    align-items:
        start !important;

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


.od-diary-content {

    min-width:
        0 !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


/*
 * WordPress Groupのblock-gapを日記本文では明示制御する。
 */
.od-diary-content > * {

    margin-block-start:
        0 !important;
}


/*
 * タイトル。
 */
.od-diary-content
> .wp-block-post-title {

    margin:
        0 0 18px !important;
}


/*
 * 投稿日・ユーザーID・カテゴリー。
 */
.od-diary-content
> .od-diary-meta {

    margin:
        0 0 16px !important;
}


/*
 * 前の日記 / 次の日記。
 */
.od-diary-content
.od-diary-adjacent {

    margin:
        0 0 20px !important;

    padding:
        8px 0 !important;

    min-height:
        0 !important;
}


.od-diary-adjacent span {

    margin-bottom:
        2px !important;

    line-height:
        1.35 !important;
}


.od-diary-adjacent strong {

    line-height:
        1.45 !important;
}


/*
 * 本文。
 */
.od-diary-content
.wp-block-post-content {

    margin:
        0 0 22px !important;

    padding:
        0 !important;
}


/*
 * XOOPS本文は空行を含むため、
 * WordPress wpautop後の段落marginを控えめにする。
 */
.od-diary-content
.wp-block-post-content p {

    margin:
        0 0 0.65em !important;

    line-height:
        1.65 !important;
}


.od-diary-content
.wp-block-post-content p:last-child {

    margin-bottom:
        0 !important;
}


/*
 * 写真。
 */
.od-diary-content
.od-diary-photos {

    margin:
        22px 0 0 !important;

    gap:
        22px !important;
}


.od-diary-content
.od-diary-photo {

    margin:
        0 !important;
}


.od-diary-photo-caption {

    margin-top:
        6px !important;

    line-height:
        1.45 !important;
}


/*
 * Sidebarは独立したGrid item。
 */
.od-diary-layout
> .od-diary-sidebar {

    position:
        sticky !important;

    top:
        28px !important;

    align-self:
        start !important;

    width:
        100% !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;
}


/*
 * Sidebar内も少し詰める。
 */
.od-diary-panel {

    margin:
        0 0 12px !important;
}


.od-diary-sidebar-list {

    padding:
        7px
        9px
        8px
        24px !important;

    line-height:
        1.45 !important;
}


.od-diary-sidebar-list li {

    margin:
        0 0 4px !important;

    line-height:
        1.45 !important;
}


.od-diary-recent-list li {

    margin-bottom:
        7px !important;
}


.od-diary-recent-list small {

    margin-top:
        1px !important;

    line-height:
        1.3 !important;
}


/*
 * main冒頭のSpacerも少し小さくする。
 */
.od-diary-main
> .wp-block-spacer:first-child {

    height:
        28px !important;
}


/*
 * Tablet / Smartphone。
 */
@media (max-width: 900px) {

    .od-diary-main {

        width:
            calc(100% - 28px) !important;
    }


    .od-diary-layout {

        display:
            block !important;
    }


    .od-diary-layout
    > .od-diary-sidebar {

        position:
            static !important;

        margin-top:
            28px !important;
    }
}


/*
 * ============================================================
 * END ODAHOSHI DIARY COMPACT FLOW V1
 * ============================================================
 */


/*
 * ============================================================
 * BEGIN ODAHOSHI DIARY DENSITY AND WEEKDAY FIX V1
 * ============================================================
 */


/*
 * ------------------------------------------------------------
 * 1. Calendar
 * 日曜始まりを明示。
 *
 * 曜日セルは必ず
 *
 * 日 月 火 水 木 金 土
 * 1  2  3  4  5  6  7
 *
 * の列に固定する。
 * ------------------------------------------------------------
 */


/*
 * Grid自身の疑似要素がGrid Itemになる可能性を排除。
 */
.od-diary-calendar-grid::before,
.od-diary-calendar-grid::after {

    content:
        none !important;

    display:
        none !important;
}


/*
 * 自動配置は行方向。
 */
.od-diary-calendar-grid {

    grid-auto-flow:
        row !important;

    align-items:
        center !important;
}


/*
 * 曜日は必ず1行目。
 */
.od-diary-calendar-grid-weekday {

    grid-row:
        1 !important;
}


/*
 * Sunday = column 1
 * Saturday = column 7
 */
.od-diary-calendar-grid-weekday.weekday-0 {

    grid-column:
        1 !important;
}


.od-diary-calendar-grid-weekday.weekday-1 {

    grid-column:
        2 !important;
}


.od-diary-calendar-grid-weekday.weekday-2 {

    grid-column:
        3 !important;
}


.od-diary-calendar-grid-weekday.weekday-3 {

    grid-column:
        4 !important;
}


.od-diary-calendar-grid-weekday.weekday-4 {

    grid-column:
        5 !important;
}


.od-diary-calendar-grid-weekday.weekday-5 {

    grid-column:
        6 !important;
}


.od-diary-calendar-grid-weekday.weekday-6 {

    grid-column:
        7 !important;
}


/*
 * 日曜赤、土曜青。
 */
.od-diary-calendar-grid-weekday.weekday-0 {

    color:
        #d74747 !important;
}


.od-diary-calendar-grid-weekday.weekday-6 {

    color:
        #2767c7 !important;
}


/*
 * Calendarをほんの少しだけ詰める。
 */
.od-diary-calendar-grid {

    grid-auto-rows:
        27px !important;

    margin:
        2px
        7px
        7px !important;
}


.od-diary-calendar-grid-weekday,
.od-diary-calendar-grid-empty,
.od-diary-calendar-grid-day {

    height:
        27px !important;

    min-height:
        27px !important;

    max-height:
        27px !important;

    font-size:
        0.78rem !important;
}


/*
 * 月送り。
 */
.od-diary-calendar-grid-panel
.od-diary-calendar-month-nav {

    min-height:
        26px !important;

    padding:
        4px
        8px
        3px !important;

    font-size:
        0.74rem !important;
}


/*
 * ------------------------------------------------------------
 * 2. Main content
 * ------------------------------------------------------------
 */


/*
 * タイトルからmeta。
 */
.od-diary-content
> .wp-block-post-title {

    margin:
        0 0 10px !important;
}


/*
 * 投稿日 / USER ID / Category。
 */
.od-diary-content
> .od-diary-meta {

    gap:
        0.3rem
        1rem !important;

    margin:
        0 0 10px !important;

    line-height:
        1.35 !important;
}


/*
 * 前の日記 / 次の日記を
 * 必要最低限の高さにする。
 */
.od-diary-content
.od-diary-adjacent {

    display:
        flex !important;

    align-items:
        flex-start !important;

    justify-content:
        space-between !important;

    gap:
        16px !important;

    width:
        100% !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 0 12px !important;

    padding:
        6px 0 !important;
}


.od-diary-adjacent-previous,
.od-diary-adjacent-next {

    flex:
        1 1 0 !important;

    width:
        auto !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


.od-diary-adjacent-next {

    text-align:
        right !important;
}


.od-diary-adjacent a {

    display:
        inline-block !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    line-height:
        1.25 !important;
}


.od-diary-adjacent span {

    margin:
        0 0 2px !important;

    line-height:
        1.25 !important;

    font-size:
        0.76rem !important;
}


.od-diary-adjacent strong {

    margin:
        0 !important;

    line-height:
        1.3 !important;

    font-size:
        0.86rem !important;
}


/*
 * ------------------------------------------------------------
 * 3. Diary body
 * ------------------------------------------------------------
 */

.od-diary-content
.wp-block-post-content {

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 0 10px !important;

    padding:
        0 !important;

    line-height:
        1.42 !important;
}


/*
 * Paragraph。
 */
.od-diary-content
.wp-block-post-content p {

    margin:
        0 0 0.35em !important;

    padding:
        0 !important;

    line-height:
        1.42 !important;
}


.od-diary-content
.wp-block-post-content p:last-child {

    margin-bottom:
        0 !important;
}


/*
 * 改行も本文line-heightと同じ。
 */
.od-diary-content
.wp-block-post-content br {

    line-height:
        1.42 !important;
}


/*
 * 写真は本文直後。
 */
.od-diary-content
.od-diary-photos {

    display:
        block !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        10px 0 0 !important;

    padding:
        0 !important;
}


.od-diary-content
.od-diary-photo {

    margin:
        0 0 14px !important;
}


/*
 * ------------------------------------------------------------
 * 4. Sidebar panels
 * ------------------------------------------------------------
 */

.od-diary-layout
> .od-diary-sidebar {

    display:
        block !important;

    height:
        fit-content !important;

    min-height:
        0 !important;

    max-height:
        none !important;
}


/*
 * 各BOXは中身の高さだけ。
 */
.od-diary-panel {

    display:
        block !important;

    box-sizing:
        border-box !important;

    height:
        fit-content !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 0 9px !important;

    padding:
        0 !important;

    overflow:
        visible !important;
}


/*
 * BOX見出し。
 */
.od-diary-panel-title {

    margin:
        0 !important;

    padding:
        6px
        8px !important;

    min-height:
        0 !important;

    line-height:
        1.25 !important;

    font-size:
        0.88rem !important;
}


/*
 * WordPress Themeがulを
 * flex/grid化しても必ず通常リストへ戻す。
 */
.od-diary-sidebar-list {

    display:
        block !important;

    width:
        auto !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        6px
        8px
        6px
        24px !important;

    row-gap:
        0 !important;

    column-gap:
        0 !important;

    line-height:
        1.35 !important;
}


/*
 * 各項目も高さを持たせない。
 */
.od-diary-sidebar-list li {

    display:
        list-item !important;

    width:
        auto !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 0 3px !important;

    padding:
        0 !important;

    line-height:
        1.35 !important;
}


/*
 * Category link。
 */
.od-diary-sidebar-list li > a {

    display:
        inline !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    line-height:
        1.35 !important;
}


/*
 * Category件数は同じ行へ。
 *
 * 管理人のつぶやき (1)
 */
.od-diary-sidebar-count {

    display:
        inline !important;

    margin-left:
        2px !important;

    line-height:
        inherit !important;
}


/*
 * ------------------------------------------------------------
 * 5. Recent diary
 * ------------------------------------------------------------
 */


/*
 * Recentの各記事をコンパクトに。
 */
.od-diary-recent-list li {

    display:
        list-item !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 0 5px !important;

    padding:
        0 !important;

    line-height:
        1.35 !important;
}


/*
 * 旧XOOPSの「最近の日記」に寄せて、
 * 日付はここでは表示しない。
 *
 * 投稿日は個別記事に入れば確認できる。
 */
.od-diary-recent-list small {

    display:
        none !important;
}


/*
 * ------------------------------------------------------------
 * 6. Sidebar width
 * ------------------------------------------------------------
 *
 * 旧XOOPSに近い少し細めの右カラム。
 */

.od-diary-layout {

    grid-template-columns:
        minmax(0, 1fr)
        260px !important;

    gap:
        24px !important;
}


/*
 * Smartphone
 */
@media (max-width: 900px) {

    .od-diary-layout {

        display:
            block !important;
    }


    .od-diary-adjacent {

        display:
            block !important;
    }


    .od-diary-adjacent-next {

        margin-top:
            8px !important;

        text-align:
            left !important;
    }
}


/*
 * ============================================================
 * END ODAHOSHI DIARY DENSITY AND WEEKDAY FIX V1
 * ============================================================
 */


/*
 * ============================================================
 * BEGIN ODAHOSHI DIARY FINAL DENSITY V1
 * ============================================================
 */


/*
 * ------------------------------------------------------------
 * Shortcode wrapper
 * WordPress Theme側のblock-gapを日記内だけ除去
 * ------------------------------------------------------------
 */

.od-diary-content
> .wp-block-shortcode {

    margin:
        0 !important;

    padding:
        0 !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;
}


/*
 * ------------------------------------------------------------
 * 前の日記 / 次の日記
 *
 * 2段表示
 *
 * 前の日記
 * 夜迷星さん...
 *
 * ではなく
 *
 * « 前の日記  夜迷星さん...
 *
 * の1行へ
 * ------------------------------------------------------------
 */

.od-diary-content
.od-diary-adjacent {

    display:
        grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr) !important;

    align-items:
        center !important;

    align-content:
        center !important;

    gap:
        12px !important;

    box-sizing:
        border-box !important;

    width:
        100% !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        42px !important;

    margin:
        0 0 10px !important;

    padding:
        5px 0 !important;
}


.od-diary-adjacent-previous,
.od-diary-adjacent-next {

    display:
        block !important;

    width:
        auto !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


.od-diary-adjacent a {

    display:
        inline-flex !important;

    flex-direction:
        row !important;

    flex-wrap:
        wrap !important;

    align-items:
        baseline !important;

    gap:
        5px !important;

    width:
        auto !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    line-height:
        1.25 !important;
}


.od-diary-adjacent span,
.od-diary-adjacent strong {

    display:
        inline !important;

    width:
        auto !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    line-height:
        1.25 !important;
}


.od-diary-adjacent span {

    font-size:
        0.76rem !important;

    white-space:
        nowrap !important;
}


.od-diary-adjacent strong {

    font-size:
        0.84rem !important;

    font-weight:
        500 !important;
}


.od-diary-adjacent-next {

    text-align:
        right !important;
}


.od-diary-adjacent-next a {

    justify-content:
        flex-end !important;
}


/*
 * Navigation直後の本文も詰める。
 */
.od-diary-content
.wp-block-post-content {

    margin-top:
        0 !important;

    margin-bottom:
        8px !important;
}


/*
 * 写真までの間隔。
 */
.od-diary-content
.od-diary-photos {

    margin-top:
        8px !important;
}


/*
 * ============================================================
 * CATEGORY / RECENT BOX
 * ============================================================
 */


/*
 * Panel自体を内容高さに固定。
 */
.od-diary-sidebar
.od-diary-panel {

    display:
        block !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 0 8px !important;

    padding:
        0 !important;
}


/*
 * 見出し。
 */
.od-diary-sidebar
.od-diary-panel-title {

    margin:
        0 !important;

    padding:
        5px
        7px !important;

    height:
        auto !important;

    min-height:
        0 !important;

    line-height:
        1.2 !important;
}


/*
 * ULを完全に通常リストへ戻す。
 */
.od-diary-sidebar
.od-diary-sidebar-list {

    display:
        block !important;

    box-sizing:
        border-box !important;

    width:
        100% !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        5px
        8px
        5px
        23px !important;

    gap:
        0 !important;
}


/*
 * LIのテーマ側余白を完全除去。
 */
.od-diary-sidebar
.od-diary-sidebar-list
> li {

    display:
        list-item !important;

    box-sizing:
        border-box !important;

    width:
        auto !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        3px 0 !important;

    line-height:
        1.3 !important;
}


/*
 * リンク＋件数を横並び。
 */
.od-diary-sidebar
.od-diary-sidebar-list
> li
> a {

    display:
        inline-flex !important;

    flex-direction:
        row !important;

    flex-wrap:
        wrap !important;

    align-items:
        baseline !important;

    gap:
        4px !important;

    width:
        auto !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    line-height:
        1.3 !important;
}


/*
 * (1) をカテゴリー名と同じ行へ。
 */
.od-diary-sidebar
.od-diary-sidebar-count {

    display:
        inline-block !important;

    flex:
        0 0 auto !important;

    width:
        auto !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    line-height:
        1.3 !important;

    white-space:
        nowrap !important;
}


/*
 * ------------------------------------------------------------
 * 最近の日記
 * ------------------------------------------------------------
 */

.od-diary-sidebar
.od-diary-recent-list
> li {

    margin:
        0 !important;

    padding:
        3px 0 !important;
}


.od-diary-sidebar
.od-diary-recent-list
> li
> a {

    display:
        inline !important;

    margin:
        0 !important;

    padding:
        0 !important;

    line-height:
        1.3 !important;
}


/*
 * 日付は非表示を維持。
 */
.od-diary-sidebar
.od-diary-recent-list
small {

    display:
        none !important;
}


/*
 * ------------------------------------------------------------
 * Mobile
 * ------------------------------------------------------------
 */

@media (max-width: 900px) {

    .od-diary-content
    .od-diary-adjacent {

        display:
            block !important;

        max-height:
            none !important;
    }


    .od-diary-adjacent-next {

        margin-top:
            5px !important;

        text-align:
            left !important;
    }


    .od-diary-adjacent-next a {

        justify-content:
            flex-start !important;
    }
}


/*
 * ============================================================
 * END ODAHOSHI DIARY FINAL DENSITY V1
 * ============================================================
 */


/*
 * ============================================================
 * BEGIN ODAHOSHI DIARY CATEGORY ONLY COMPACT V1
 * ============================================================
 *
 * カテゴリーBOXだけを調整する。
 * Calendar / Recent diary / Main content は変更しない。
 */


/*
 * Calendar直後のPanel = Category。
 *
 * SidebarやThemeから高さを与えられても
 * 内容量だけの高さにする。
 */
.od-diary-calendar-grid-panel
+ .od-diary-panel {

    display: block !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    flex: 0 0 auto !important;
    align-self: start !important;

    margin-bottom: 10px !important;
}


/*
 * Category ULだけを縦方向の通常フローにする。
 *
 * Recent diaryには od-diary-recent-list があるので
 * こちらの変更対象外。
 */
.od-diary-calendar-grid-panel
+ .od-diary-panel
> .od-diary-sidebar-list:not(.od-diary-recent-list) {

    display: flex !important;

    flex-direction: column !important;

    justify-content: flex-start !important;
    align-items: stretch !important;

    gap: 4px !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;

    padding:
        7px
        8px
        7px
        24px !important;
}


/*
 * Category 1件を必要な高さだけにする。
 */
.od-diary-calendar-grid-panel
+ .od-diary-panel
> .od-diary-sidebar-list
> li {

    display: list-item !important;

    flex: 0 0 auto !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 2px 0 !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
}


/*
 * Category名称。
 */
.od-diary-calendar-grid-panel
+ .od-diary-panel
> .od-diary-sidebar-list
> li
> a {

    display: inline !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
}


/*
 * 件数は必ずカテゴリー名と同じ行。
 */
.od-diary-calendar-grid-panel
+ .od-diary-panel
.od-diary-sidebar-count {

    display: inline !important;

    width: auto !important;
    height: auto !important;

    margin-left: 3px !important;
    padding: 0 !important;

    font-size: 11px !important;
    line-height: inherit !important;

    white-space: nowrap !important;

    opacity: 0.72 !important;
}


/*
 * ============================================================
 * END ODAHOSHI DIARY CATEGORY ONLY COMPACT V1
 * ============================================================
 */


/*
 * ============================================================
 * BEGIN ODAHOSHI DIARY CATEGORY ISOLATED LAYOUT V2
 * ============================================================
 */


/*
 * Category panelだけを対象。
 */
.od-diary-category-v2 {

    display:
        block !important;

    box-sizing:
        border-box !important;

    width:
        100% !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 0 10px !important;

    padding:
        0 !important;
}


/*
 * 2件なら2行だけ。
 */
.od-diary-category-v2-list {

    display:
        flex !important;

    flex-direction:
        column !important;

    justify-content:
        flex-start !important;

    align-items:
        stretch !important;

    gap:
        5px !important;

    box-sizing:
        border-box !important;

    width:
        100% !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        8px 9px !important;
}


/*
 * 1カテゴリー = 横1行
 *
 * › アマチュア無線の世界 (1)
 */
.od-diary-category-v2-item {

    display:
        flex !important;

    flex-direction:
        row !important;

    flex-wrap:
        nowrap !important;

    align-items:
        baseline !important;

    justify-content:
        flex-start !important;

    gap:
        4px !important;

    box-sizing:
        border-box !important;

    width:
        100% !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        2px 0 !important;

    line-height:
        1.35 !important;
}


/*
 * マーク
 */
.od-diary-category-v2-mark {

    flex:
        0 0 auto !important;

    display:
        inline !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #35a9c1 !important;

    font-size:
        14px !important;

    line-height:
        1.2 !important;
}


/*
 * カテゴリー名
 */
.od-diary-category-v2-link {

    flex:
        0 1 auto !important;

    display:
        inline !important;

    min-width:
        0 !important;

    width:
        auto !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    font-size:
        13px !important;

    line-height:
        1.35 !important;

    color:
        inherit !important;

    text-decoration:
        none !important;
}


.od-diary-category-v2-link:hover {

    text-decoration:
        underline !important;
}


/*
 * 件数
 */
.od-diary-category-v2-count {

    flex:
        0 0 auto !important;

    display:
        inline !important;

    width:
        auto !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    font-size:
        11px !important;

    line-height:
        1.35 !important;

    white-space:
        nowrap !important;

    opacity:
        0.72 !important;
}


/*
 * ============================================================
 * END ODAHOSHI DIARY CATEGORY ISOLATED LAYOUT V2
 * ============================================================
 */


/*
 * ============================================================
 * BEGIN ODAHOSHI DIARY SIDEBOX LAYOUT V4
 * ============================================================
 */


/*
 * Category / Recent 共通BOX。
 */
.od-diary-sidebox {

    display:
        block !important;

    box-sizing:
        border-box !important;

    width:
        100% !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 0 10px !important;

    padding:
        0 !important;
}


/*
 * 共通見出し。
 */
.od-diary-sidebox
> .od-diary-panel-title {

    margin:
        0 !important;

    padding:
        6px 8px !important;

    height:
        auto !important;

    min-height:
        0 !important;

    font-size:
        13px !important;

    line-height:
        1.25 !important;
}


/*
 * 行集合。
 */
.od-diary-sidebox-list {

    display:
        flex !important;

    flex-direction:
        column !important;

    justify-content:
        flex-start !important;

    align-items:
        stretch !important;

    gap:
        5px !important;

    box-sizing:
        border-box !important;

    width:
        100% !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        8px 9px !important;
}


/*
 * 1項目 = 1行。
 */
.od-diary-sidebox-item {

    display:
        flex !important;

    flex-direction:
        row !important;

    flex-wrap:
        nowrap !important;

    align-items:
        baseline !important;

    justify-content:
        flex-start !important;

    gap:
        4px !important;

    box-sizing:
        border-box !important;

    width:
        100% !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        2px 0 !important;

    font-size:
        13px !important;

    line-height:
        1.35 !important;
}


/*
 * マーク。
 */
.od-diary-sidebox-mark {

    flex:
        0 0 auto !important;

    display:
        inline !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #35a9c1 !important;

    font-size:
        14px !important;

    line-height:
        1.2 !important;
}


/*
 * リンク。
 */
.od-diary-sidebox-link {

    flex:
        0 1 auto !important;

    display:
        inline !important;

    min-width:
        0 !important;

    width:
        auto !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    font-size:
        13px !important;

    line-height:
        1.35 !important;

    color:
        inherit !important;

    text-decoration:
        none !important;
}


.od-diary-sidebox-link:hover {

    text-decoration:
        underline !important;
}


/*
 * Category件数。
 */
.od-diary-sidebox-count {

    flex:
        0 0 auto !important;

    display:
        inline !important;

    margin:
        0 !important;

    padding:
        0 !important;

    font-size:
        11px !important;

    line-height:
        1.35 !important;

    white-space:
        nowrap !important;

    opacity:
        0.72 !important;
}


/*
 * ============================================================
 * END ODAHOSHI DIARY SIDEBOX LAYOUT V4
 * ============================================================
 */







/*
 * ============================================================
 * BEGIN ODAHOSHI DIARY NAVIGATION ALIGN V2
 * ============================================================
 *
 * 前の日記 = 左
 * 次の日記 = 右
 *
 * 高さ制限は一切設けない。
 */


/*
 * Navigation本体。
 */
.od-diary-content
.od-diary-adjacent {

    display:
        flex !important;

    flex-direction:
        row !important;

    flex-wrap:
        nowrap !important;

    align-items:
        flex-start !important;

    justify-content:
        space-between !important;

    gap:
        24px !important;

    position:
        static !important;

    box-sizing:
        border-box !important;

    width:
        100% !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    overflow:
        visible !important;

    margin:
        0 0 12px !important;

    padding:
        7px 0 !important;
}


/*
 * 前の日記。
 */
.od-diary-content
.od-diary-adjacent-previous {

    display:
        block !important;

    flex:
        1 1 50% !important;

    position:
        static !important;

    width:
        auto !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    text-align:
        left !important;
}


/*
 * 次の日記。
 */
.od-diary-content
.od-diary-adjacent-next {

    display:
        block !important;

    flex:
        1 1 50% !important;

    position:
        static !important;

    width:
        auto !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    text-align:
        right !important;
}


/*
 * Links。
 */
.od-diary-content
.od-diary-adjacent-previous > a,
.od-diary-content
.od-diary-adjacent-next > a {

    display:
        inline-flex !important;

    flex-direction:
        row !important;

    flex-wrap:
        wrap !important;

    align-items:
        baseline !important;

    gap:
        5px !important;

    position:
        static !important;

    width:
        auto !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    line-height:
        1.35 !important;

    text-decoration:
        none !important;
}


.od-diary-content
.od-diary-adjacent-next > a {

    justify-content:
        flex-end !important;

    margin-left:
        auto !important;
}


/*
 * ラベル。
 */
.od-diary-content
.od-diary-adjacent span {

    display:
        inline !important;

    position:
        static !important;

    margin:
        0 !important;

    padding:
        0 !important;

    font-size:
        12px !important;

    line-height:
        1.35 !important;

    white-space:
        nowrap !important;
}


/*
 * タイトル。
 */
.od-diary-content
.od-diary-adjacent strong {

    display:
        inline !important;

    position:
        static !important;

    margin:
        0 !important;

    padding:
        0 !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    line-height:
        1.35 !important;
}


/*
 * Navigation直後の本文は
 * 必ず通常フローへ続ける。
 */
.od-diary-content
.od-diary-adjacent
+ .wp-block-post-content {

    clear:
        both !important;

    position:
        static !important;

    margin-top:
        0 !important;
}


/*
 * Mobile:
 * 前=左、次=右のまま上下配置。
 */
@media (max-width: 700px) {

    .od-diary-content
    .od-diary-adjacent {

        flex-direction:
            column !important;

        gap:
            6px !important;
    }


    .od-diary-content
    .od-diary-adjacent-previous,
    .od-diary-content
    .od-diary-adjacent-next {

        flex:
            0 0 auto !important;

        width:
            100% !important;
    }


    .od-diary-content
    .od-diary-adjacent-next {

        text-align:
            right !important;
    }
}


/*
 * ============================================================
 * END ODAHOSHI DIARY NAVIGATION ALIGN V2
 * ============================================================
 */


/*
 * ============================================================
 * BEGIN ODAHOSHI DIARY CALENDAR EMPTY CELL OFFSET FIX V1
 * ============================================================
 *
 * PHP側では月初曜日分の空セルを正しく生成している。
 *
 * 空セルが display:none 等でlayoutから除外されると、
 * 1日が常に日曜日列から開始してしまうため、
 * grid itemとして必ず占有させる。
 *
 * visibility:hidden はgrid上の位置を保持する。
 */

.od-diary-calendar-grid
> .od-diary-calendar-grid-empty {

    display:
        block !important;

    visibility:
        hidden !important;

    min-width:
        0 !important;

    min-height:
        1px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    pointer-events:
        none !important;
}


/*
 * ============================================================
 * END ODAHOSHI DIARY CALENDAR EMPTY CELL OFFSET FIX V1
 * ============================================================
 */

/*
 * ============================================================
 * BEGIN ODAHOSHI PHOTO CAPTION TYPOGRAPHY V1
 * ============================================================
 *
 * Photo -> caption gap:
 *   existing 6px
 *
 * Caption font:
 *   same size as diary body
 *
 * Caption -> next photo gap:
 *   20px
 * ============================================================
 */

.od-diary-photo-caption {
    font-size: 22px !important;
    margin-top: 6px !important;
}

.od-diary-content .od-diary-photo {
    margin:
        0
        0
        60pt
        0
        !important;
}

/*
 * ============================================================
 * END ODAHOSHI PHOTO CAPTION TYPOGRAPHY V1
 * ============================================================
 */

/*
 * ============================================================
 * BEGIN ODAHOSHI PHOTO GALLERY TWO COLUMN V1
 * ============================================================
 *
 * Desktop:
 *   2-column photo gallery
 *
 * Mobile:
 *   1-column photo gallery
 *
 * Spacing:
 *   horizontal = 24px
 *   caption -> next row = 60pt
 *
 * Existing caption:
 *   font = 22px
 *   photo -> caption = 6px
 * ============================================================
 */

.od-diary-content .od-diary-photos {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr))
        !important;

    column-gap:
        24px !important;

    row-gap:
        40px !important;

    align-items:
        start !important;
}


.od-diary-content
.od-diary-photos
> .od-diary-photo {

    margin:
        0 !important;

    min-width:
        0;
}


.od-diary-content
.od-diary-photos
.od-diary-photo-link {

    display:
        block;
}


.od-diary-content
.od-diary-photos
.od-diary-photo-image {

    display:
        block;

    width:
        100% !important;

    max-width:
        100% !important;

    height:
        auto !important;
}


@media (max-width: 700px) {

    .od-diary-content .od-diary-photos {

        grid-template-columns:
            minmax(0, 1fr)
            !important;

        column-gap:
            0 !important;

        row-gap:
            40px !important;
    }
}


/*
 * ============================================================
 * END ODAHOSHI PHOTO GALLERY TWO COLUMN V1
 * ============================================================
 */