#header-container,
#header,
#header-in {
    text-align: left !important;
}


.logo {
    width: 100% !important;
    text-align: left !important;
}

.logo a {
    display: block !important;
}

.logo-header,
.logo-header a,
.header .logo,
.header .logo a {
    margin: 0 !important;
    text-align: left !important;
}

.header-site-logo-image {
    max-height: 80px;
    width: auto;
    display: block !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}


#navi-in,
.navi-in {
    min-height: 40px;
    background: #fff !important;
}




#navi a,
.navi a {
    color: #000 !important;
    background: #fff !important;
}

#navi a:hover,
.navi a:hover,
#navi a:focus,
.navi a:focus {
    color: #000 !important;
    background: #fff !important;
}

#navi .menu-header > li > a,
.navi .menu-header > li > a {
    line-height: 40px;
}

/* otaru-nav-color-line */
#navi-in .menu-header > li > a,
#navi .menu-header > li > a,
.navi-in .menu-header > li > a,
.navi .menu-header > li > a {
    box-sizing: border-box !important;
    border-bottom: 4px solid transparent !important;
}

#navi-in .menu-header > li > a[href*="/1st"],
#navi .menu-header > li > a[href*="/1st"],
.navi-in .menu-header > li > a[href*="/1st"],
.navi .menu-header > li > a[href*="/1st"] {
    border-bottom-color: #ddd !important;
}

#navi-in .menu-header > li > a[href*="/diary"],
#navi .menu-header > li > a[href*="/diary"],
.navi-in .menu-header > li > a[href*="/diary"],
.navi .menu-header > li > a[href*="/diary"] {
    border-bottom-color: #3A63C8 !important;
}

#navi-in .menu-header > li > a[href*="/piece"],
#navi .menu-header > li > a[href*="/piece"],
.navi-in .menu-header > li > a[href*="/piece"],
.navi .menu-header > li > a[href*="/piece"] {
    border-bottom-color: #1DA1D2 !important;
}

#navi-in .menu-header > li > a[href*="/odekake"],
#navi .menu-header > li > a[href*="/odekake"],
.navi-in .menu-header > li > a[href*="/odekake"],
.navi .menu-header > li > a[href*="/odekake"] {
    border-bottom-color: #FF69B4 !important;
}

#navi-in .menu-header > li > a[href*="/sf"],
#navi .menu-header > li > a[href*="/sf"],
.navi-in .menu-header > li > a[href*="/sf"],
.navi .menu-header > li > a[href*="/sf"] {
    border-bottom-color: #00A86B !important;
}

#navi-in .menu-header > li > a[href*="/boshu"],
#navi .menu-header > li > a[href*="/boshu"],
.navi-in .menu-header > li > a[href*="/boshu"],
.navi .menu-header > li > a[href*="/boshu"] {
    border-bottom-color: #FF9B2C !important;
}


#content {
    margin-top: 0 !important;
}

/* fixed page date hide */
.page .entry-date,
.page .post-date,
.page .date-tags,
.page .entry-meta,
.page .date-tags .post-date,
.page .date-tags .post-update,
.page .article-footer,
.page .footer-meta {
    display: none !important;
}

/* otaru-single-eyecatch-hide-v1 */
body.single .eye-catch-wrap,
body.single .eye-catch,
body.single .entry-card-thumb,
body.single .article-header .eye-catch-wrap,
body.single .article-header .eye-catch {
    display: none !important;
}


/* otaru fixed page top whitespace compact */
body.page #content-top,
body.page .content-top {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.page .main,
body.page .article,
body.page .entry-content {
    padding-top: 0 !important;
}

body.page .entry-title {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}
/* otaru-fixed-page-content-readable-v4 */
body.page:not(.home) .entry-title{
    box-sizing:border-box!important;
    max-width:720px!important;
    margin:0 auto 26px!important;
    padding:0!important;
    text-align:left!important;
    line-height:1.45!important;
}

body.page:not(.home) .entry-content{
    line-height:1.82!important;
}

body.page:not(.home) .entry-content p{
    margin-top:0!important;
    margin-bottom:1.05em!important;
    line-height:1.82!important;
}

body.page:not(.home) .entry-content mark{
    padding:0 .08em!important;
    background:#eaf7ff!important;
    box-decoration-break:clone!important;
    -webkit-box-decoration-break:clone!important;
}

body.page:not(.home) .entry-content > h2,
body.page:not(.home) .entry-content .wp-block-heading:is(h2){
    box-sizing:border-box!important;
    width:100%!important;
    max-width:720px!important;
    background:#d9f2ff!important;
    margin:30px auto 16px!important;
    padding:9px 16px!important;
    border:none!important;
    border-radius:0!important;
    color:#111!important;
    font-size:1.25em!important;
    font-weight:700!important;
    line-height:1.45!important;
}

body.page:not(.home) .entry-content > h2:first-child,
body.page:not(.home) .entry-content .wp-block-heading:is(h2):first-child{
    margin-top:20px!important;
}

body.page:not(.home) .entry-content .wp-block-group{
    margin-top:0!important;
    margin-bottom:1.2em!important;
}

body.page:not(.home) .entry-content .wp-block-group > *:first-child{
    margin-top:0!important;
}

body.page:not(.home) .entry-content .wp-block-group > *:last-child{
    margin-bottom:0!important;
}

body.page:not(.home) .entry-content .toc,
body.page:not(.home) .entry-content #toc_container,
body.page:not(.home) .entry-content .ez-toc-container{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:720px!important;
    margin:22px auto 28px!important;
    text-align:left!important;
}

body.page:not(.home) .entry-content .toc ul,
body.page:not(.home) .entry-content #toc_container ul,
body.page:not(.home) .entry-content .ez-toc-container ul{
    text-align:left!important;
    padding-left:1.4em!important;
}

body.page:not(.home) .entry-content .wp-block-spacer{
    max-height:24px!important;
}

@media(max-width:768px){
    body.page:not(.home) .entry-title{
        max-width:100%!important;
        padding:0!important;
    }

    body.page:not(.home) .entry-content{
        line-height:1.75!important;
    }

    body.page:not(.home) .entry-content p{
        margin-bottom:1em!important;
        line-height:1.75!important;
    }

    body.page:not(.home) .entry-content > h2,
    body.page:not(.home) .entry-content .wp-block-heading:is(h2){
        max-width:100%!important;
        margin:26px 0 14px!important;
        padding:8px 14px!important;
        font-size:1.18em!important;
    }

    body.page:not(.home) .entry-content .toc,
    body.page:not(.home) .entry-content #toc_container,
    body.page:not(.home) .entry-content .ez-toc-container{
        max-width:100%!important;
        margin:20px 0 24px!important;
    }
}

body.single .entry-content h2:not(.otaru-event-map-heading){
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    background:#d9f2ff!important;
    margin:30px 0 16px!important;
    padding:9px 16px!important;
    border:none!important;
    border-radius:0!important;
    color:#111!important;
    font-size:1.25em!important;
    font-weight:700!important;
    line-height:1.45!important;
}

@media(max-width:768px){
    body.single .entry-content h2:not(.otaru-event-map-heading){
        max-width:100%!important;
        margin:26px 0 14px!important;
        padding:8px 14px!important;
        font-size:1.18em!important;
    }
}

body.single .entry-title{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:720px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:left!important;
    line-height:1.45!important;
}

@media(max-width:768px){
    body.single .entry-title{
        max-width:100%!important;
    }
}

#header-container,
#header,
#header-in{
    overflow:visible!important;
}

#header-in{
    box-sizing:border-box!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:0!important;
}

.otaru-header-panel{
    box-sizing:border-box;
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
    margin:0 auto 12px;
    padding:0;
}

.otaru-header-left{
    min-width:0;
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.otaru-header-left .logo,
.otaru-header-left .logo-header{
    width:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    line-height:0!important;
}

.otaru-header-left .logo a,
.otaru-header-left .logo-header a{
    display:block!important;
    margin:0!important;
    padding:0!important;
    line-height:0!important;
}

.otaru-header-left .header-site-logo-image{
    max-height:80px!important;
    width:auto!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
}

.otaru-header-catch{
    margin:2px 0 0!important;
    padding:0!important;
    color:#333;
    font-size:14px;
    line-height:1.35;
    font-weight:700;
    text-align:left;
}

.otaru-header-right{
    flex:0 0 520px;
    max-width:520px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:20px;
    margin:58px 0 0;
}

.otaru-header-site-search{
    flex:1 1 auto;
    display:flex;
    align-items:center;
    gap:6px;
    margin:0;
}

.otaru-header-site-search input[type="search"]{
    flex:1 1 auto;
    min-width:220px;
    height:34px;
    padding:6px 10px;
    border:1px solid #ccc;
    border-radius:4px;
    box-sizing:border-box;
    font-size:14px;
}

.otaru-header-site-search button,
.otaru-header-contact-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:7px 12px;
    border-radius:4px;
    border:none;
    background:#007FBD;
    color:#fff!important;
    font-size:14px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none!important;
    cursor:pointer;
    box-sizing:border-box;
    white-space:nowrap;
}

.otaru-header-contact-link{
    flex:0 0 auto;
    background:#00A86B;
}

.tagline,
.site-description{
    display:none!important;
}

@media(max-width:768px){
    #header-in{
        padding:0 12px!important;
    }

    #navi,
    #navi-in,
    .navi,
    .navi-in{
        display:none!important;
    }
    .otaru-header-panel{
        position:relative!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:12px!important;
        margin-bottom:10px!important;
    }
    .otaru-header-left{
        flex:1 1 auto!important;
        min-width:0!important;
    }
    .otaru-header-left .header-site-logo-image{
        max-height:56px!important;
    }
    .otaru-header-right{
        display:none!important;
    }

    .otaru-header-catch{
        display:block!important;
        margin-top:4px!important;
        font-size:12px!important;
        line-height:1.4!important;
    }
    .otaru-mobile-menu-button{
        flex:0 0 auto!important;
        display:none!important;
        align-items:center!important;
        justify-content:center!important;
        width:44px!important;
        height:44px!important;
        padding:0!important;
        border:1px solid #ddd!important;
        border-radius:8px!important;
        background:#fff!important;
        color:#111!important;
        cursor:pointer!important;
        box-sizing:border-box!important;
    }
    .otaru-mobile-menu-icon,
    .otaru-mobile-menu-icon::before,
    .otaru-mobile-menu-icon::after{
        display:block!important;
        width:22px!important;
        height:2px!important;
        background:#111!important;
        border-radius:2px!important;
        content:""!important;
    }
    .otaru-mobile-menu-icon{
        position:relative!important;
    }
    .otaru-mobile-menu-icon::before{
        position:absolute!important;
        left:0!important;
        top:-7px!important;
    }
    .otaru-mobile-menu-icon::after{
        position:absolute!important;
        left:0!important;
        top:7px!important;
    }
    .otaru-mobile-menu-panel{
        display:none!important;
        position:absolute!important;
        left:0!important;
        right:0!important;
        top:calc(100% + 8px)!important;
        z-index:9999!important;
        padding:12px!important;
        border:1px solid #ddd!important;
        border-radius:12px!important;
        background:#fff!important;
        box-shadow:0 8px 24px rgba(0,0,0,.14)!important;
        box-sizing:border-box!important;
    }
    .otaru-header-panel.is-mobile-menu-open .otaru-mobile-menu-panel{
        display:block!important;
    }
    .otaru-home-mobile-menu{
        display:block!important;
        position:static!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        z-index:auto!important;
        width:100%!important;
        margin:0 0 28px!important;
    }
    .otaru-mobile-menu-grid{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:8px!important;
        margin:0 0 10px!important;
    }
    .otaru-mobile-menu-grid a,
    .otaru-mobile-menu-list a{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        min-height:42px!important;
        padding:10px 12px!important;
        border:1px solid #ddd!important;
        border-radius:8px!important;
        background:#fff!important;
        color:#111!important;
        font-size:14px!important;
        font-weight:700!important;
        line-height:1.35!important;
        text-decoration:none!important;
        box-sizing:border-box!important;
    }
    .otaru-mobile-menu-grid a::after,
    .otaru-mobile-menu-list a::after{
        content:"›"!important;
        color:#666!important;
        font-weight:700!important;
    }
    .otaru-mobile-menu-list{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
    }
    .otaru-mobile-menu-list a.is-calendar{
        background:#007FBD!important;
        border-color:#007FBD!important;
        color:#fff!important;
    }
    .otaru-mobile-menu-list a.is-contact{
        background:#00A86B!important;
        border-color:#00A86B!important;
        color:#fff!important;
    }
    .otaru-mobile-menu-list a.is-calendar::after,
    .otaru-mobile-menu-list a.is-contact::after{
        color:#fff!important;
    }
    .otaru-mobile-menu-search{
        display:grid!important;
        grid-template-columns:1fr auto!important;
        gap:8px!important;
        margin:8px 0 0!important;
    }
    .otaru-mobile-menu-search input[type="search"]{
        min-width:0!important;
        width:100%!important;
        height:42px!important;
        padding:9px 12px!important;
        border:1px solid #ddd!important;
        border-radius:8px!important;
        box-sizing:border-box!important;
        font-size:14px!important;
    }
    .otaru-mobile-menu-search button{
        min-height:42px!important;
        padding:9px 14px!important;
        border:none!important;
        border-radius:8px!important;
        background:#333!important;
        color:#fff!important;
        font-size:14px!important;
        font-weight:700!important;
        cursor:pointer!important;
        box-sizing:border-box!important;
    }
}

@media(min-width:769px){
    .otaru-mobile-menu-button,
    .otaru-mobile-menu-panel{
        display:none!important;
    }
}

/* otaru-cocoon-mobile-drawer-sync-v1 */
@media(max-width:768px){
    .mobile-footer-menu-buttons .sidebar-menu-button{
        display:none!important;
    }

    .otaru-cocoon-drawer-menu{
        box-sizing:border-box!important;
        width:100%!important;
        padding:12px!important;
    }
}
/* /otaru-cocoon-mobile-drawer-sync-v1 */

/* Page body content layout */
body.page .eye-catch-wrap,
body.page .eye-catch,
body.page .entry-content > figure.wp-block-image,
body.page .entry-content > .wp-block-image{
    max-width:720px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

body.page .eye-catch-wrap img,
body.page .eye-catch img,
body.page .entry-content > figure.wp-block-image img,
body.page .entry-content > .wp-block-image img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    max-height:260px!important;
    object-fit:contain!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

body.page .entry-content > p,
body.page .entry-content > ul,
body.page .entry-content > ol,
body.page .entry-content > details,
body.page .entry-content > .wp-block-group,
body.page .entry-content > .wp-block-columns,
body.page .entry-content > .wp-block-contact-form-7-contact-form-selector{
    max-width:720px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    line-height:1.75!important;
}

body.page .entry-content p,
body.page .entry-content li{
    line-height:1.75!important;
}

/* Form and comment form layout */
body.page:not(.otaru-pigeon-form-page) .wpcf7,
body.page:not(.otaru-pigeon-form-page) .wpcf7 form,
body.page:not(.otaru-pigeon-form-page) form.wpcf7-form,
body.page .comment-respond,
body.single .comment-respond{
    max-width:720px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

body.page:not(.otaru-pigeon-form-page) .wpcf7 input[type="text"],
body.page:not(.otaru-pigeon-form-page) .wpcf7 input[type="email"],
body.page:not(.otaru-pigeon-form-page) .wpcf7 input[type="url"],
body.page:not(.otaru-pigeon-form-page) .wpcf7 input[type="tel"],
body.page:not(.otaru-pigeon-form-page) .wpcf7 input[type="number"],
body.page:not(.otaru-pigeon-form-page) .wpcf7 textarea,
body.page:not(.otaru-pigeon-form-page) .wpcf7 select,
body.page .comment-respond input[type="text"],
body.page .comment-respond input[type="email"],
body.page .comment-respond input[type="url"],
body.page .comment-respond textarea,
body.single .comment-respond input[type="text"],
body.single .comment-respond input[type="email"],
body.single .comment-respond input[type="url"],
body.single .comment-respond textarea{
    width:100%!important;
    max-width:720px!important;
    box-sizing:border-box!important;
}

body.page:not(.otaru-pigeon-form-page) .wpcf7 textarea,
body.page .comment-respond textarea,
body.single .comment-respond textarea{
    min-height:160px!important;
}

body.page:not(.otaru-pigeon-form-page) .wpcf7 input[type="submit"],
body.page:not(.otaru-pigeon-form-page) .wpcf7 button[type="submit"],
body.page .form-submit input[type="submit"],
body.single .form-submit input[type="submit"]{
    width:auto!important;
    min-width:180px!important;
    max-width:100%!important;
    display:inline-flex!important;
    justify-content:center!important;
    padding:10px 24px!important;
}

body.page .form-submit,
body.single .form-submit{
    text-align:left!important;
}

@media(max-width:768px){
    body.page .eye-catch-wrap img,
    body.page .eye-catch img,
    body.page .entry-content > figure.wp-block-image img,
    body.page .entry-content > .wp-block-image img{
        max-height:190px!important;
    }

    body.page .entry-content > p,
    body.page .entry-content > ul,
    body.page .entry-content > ol,
    body.page .entry-content > details,
    body.page .entry-content > .wp-block-group,
    body.page .entry-content > .wp-block-columns,
    body.page .entry-content > .wp-block-contact-form-7-contact-form-selector,
    body.page:not(.otaru-pigeon-form-page) .wpcf7,
    body.page:not(.otaru-pigeon-form-page) .wpcf7 form,
    body.page:not(.otaru-pigeon-form-page) form.wpcf7-form,
    body.page .comment-respond,
    body.single .comment-respond{
        max-width:100%!important;
    }

    body.page:not(.otaru-pigeon-form-page) .wpcf7 input[type="submit"],
    body.page:not(.otaru-pigeon-form-page) .wpcf7 button[type="submit"],
    body.page .form-submit input[type="submit"],
    body.single .form-submit input[type="submit"]{
        width:100%!important;
    }
}

body.single .entry-content > p,
body.single .entry-content > ul,
body.single .entry-content > ol,
body.single .entry-content > blockquote,
body.single .entry-content > h2,
body.single .entry-content > h3,
body.single .entry-content > h4,
body.single .entry-content > figure.wp-block-image,
body.single .entry-content > .wp-block-image,
body.single .entry-content > .wp-block-group,
body.single .entry-content > .wp-block-columns,
body.single .otaru-common-detail-content{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:720px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

body.single .entry-content > figure.wp-block-image img,
body.single .entry-content > .wp-block-image img,
body.single .otaru-common-detail-content figure.wp-block-image img,
body.single .otaru-common-detail-content > .wp-block-image img,
body.single .otaru-common-detail-content > img,
body.page:not(.home) .entry-content > figure.wp-block-image img,
body.page:not(.home) .entry-content > .wp-block-image img{
    display:block!important;
    width:100%!important;
    max-width:720px!important;
    max-height:none!important;
    height:auto!important;
    object-fit:contain!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

body.single .otaru-common-detail-content{
    margin-top:0!important;
    margin-bottom:18px!important;
}

@media(max-width:768px){
    body.single .entry-content > p,
    body.single .entry-content > ul,
    body.single .entry-content > ol,
    body.single .entry-content > blockquote,
    body.single .entry-content > h2,
    body.single .entry-content > h3,
    body.single .entry-content > h4,
    body.single .entry-content > figure.wp-block-image,
    body.single .entry-content > .wp-block-image,
    body.single .entry-content > .wp-block-group,
    body.single .entry-content > .wp-block-columns,
    body.single .otaru-common-detail-content{
        max-width:100%!important;
    }

    body.single .entry-content > figure.wp-block-image img,
    body.single .entry-content > .wp-block-image img,
    body.single .otaru-common-detail-content figure.wp-block-image img,
    body.single .otaru-common-detail-content > .wp-block-image img,
    body.single .otaru-common-detail-content > img,
    body.page:not(.home) .entry-content > figure.wp-block-image img,
    body.page:not(.home) .entry-content > .wp-block-image img{
        max-width:100%!important;
    }
}


/* otaru-common-search-detail-v1 */
.otaru-common-search-form{padding:16px;border:1px solid #ddd;border-radius:10px;background:#fff;}
.otaru-common-search-row{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:12px;}
.otaru-common-search-row label{display:block;margin-bottom:4px;font-weight:700;font-size:14px;}
.otaru-common-search-row input,.otaru-common-search-row select{width:100%;padding:8px;box-sizing:border-box;}
.otaru-common-search-form button{width:100%;padding:9px 12px;border:none;border-radius:6px;background:#007FBD;color:#fff;font-weight:700;cursor:pointer;}
.otaru-common-search-form > a{display:block;margin-top:10px;color:#007FBD;text-align:center;text-decoration:underline;}

body.single .otaru-common-detail-content{margin-top:0!important;margin-bottom:18px!important;line-height:1.75;display:block;clear:both;overflow:hidden;}
body.single .otaru-common-detail-content::after{content:"";display:block;clear:both;}
body.single .otaru-common-detail-content > *:first-child{margin-top:0!important;}
body.single .otaru-common-detail-content img{width:100%;max-width:720px;height:auto;display:block;float:none!important;clear:both;margin-left:auto!important;margin-right:auto!important;}
body.single .otaru-common-detail-content figure{width:100%;max-width:720px;float:none!important;clear:both;margin-left:auto!important;margin-right:auto!important;text-align:center;}
body.single .otaru-common-detail-content .alignleft,body.single .otaru-common-detail-content .alignright,body.single .otaru-common-detail-content .aligncenter{float:none!important;clear:both;display:block;margin-left:auto!important;margin-right:auto!important;}

@media(max-width:768px){
    body.single .otaru-common-detail-content{max-width:100%!important;}
    body.single .otaru-common-detail-content img,body.single .otaru-common-detail-content figure{max-width:100%!important;}
}
/* /otaru-common-search-detail-v1 */

/* Single/detail lower area */
body.single .related-entries,
body.single .comment-area,
body.single .breadcrumb,
body.single .pager-post-navi,
body.single .sns-share,
body.single .sns-follow,
body.single .otaru-single-footer-follow{
    max-width:960px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* Share buttons: compact */
body.single .sns-share{
    margin-top:18px!important;
    margin-bottom:14px!important;
}

body.single .sns-share-buttons{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:8px!important;
}

body.single .sns-share-buttons a,
body.single .sns-share-buttons button,
body.single .sns-share-buttons .sns-button,
body.single .sns-share-buttons .button{
    width:auto!important;
    min-width:92px!important;
    max-width:150px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:5px!important;
    font-size:13px!important;
    line-height:34px!important;
    box-sizing:border-box!important;
}

body.single .sns-share-buttons .button-caption,
body.single .sns-share-buttons .sns-button-caption{
    font-size:13px!important;
    line-height:34px!important;
}

/* Related posts: compact rows. Only the title is linked; the date is plain text. */
body.single .related-entries .related-list,
body.single .related-entries .related-entry-cards{
    display:grid!important;
    grid-template-columns:minmax(0, 1fr)!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
}

body.single .related-entries .related-entry-card-wrap,
body.single .related-entries .related-entry-card,
body.single .related-entries .a-wrap,
body.single .related-entries .otaru-related-row{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:none!important;
    box-shadow:none!important;
    background:transparent!important;
}

body.single .related-entries .a-wrap,
body.single .related-entries .otaru-related-row{
    padding:2px 0!important;
    line-height:1.4!important;
}

body.single .related-entries .related-entry-card-thumb,
body.single .related-entries .card-thumb,
body.single .related-entries .entry-card-thumb,
body.single .related-entries figure,
body.single .related-entries img,
body.single .related-entries .no-image,
body.single .related-entries .cat-label,
body.single .related-entries .entry-card-meta,
body.single .related-entries .related-entry-card-info,
body.single .related-entries .e-card-info,
body.single .related-entries .entry-card-info,
body.single .related-entries .related-entry-card-snippet,
body.single .related-entries .card-snippet,
body.single .related-entries .entry-card-snippet{
    display:none!important;
}

body.single .related-entries .related-entry-card-content,
body.single .related-entries .card-content,
body.single .related-entries .entry-card-content{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
}

body.single .related-entries .related-entry-card-title,
body.single .related-entries .card-title,
body.single .related-entries .entry-card-title{
    display:inline!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.4!important;
}

body.single .related-entries .otaru-related-title-link{
    display:inline!important;
    color:#1967d2!important;
    text-decoration:none!important;
}

body.single .related-entries .otaru-related-title-link:hover,
body.single .related-entries .otaru-related-title-link:focus{
    color:#0b57d0!important;
    text-decoration:underline!important;
}

body.single .related-entries .otaru-related-date{
    display:inline!important;
    margin-left:.35em!important;
    color:#333!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.4!important;
}

/* Previous/next navigation: text link list */
body.single .pager-post-navi{
    display:block!important;
    margin-top:18px!important;
    margin-bottom:22px!important;
}

body.single .pager-post-navi .prev-post,
body.single .pager-post-navi .next-post,
body.single .pager-post-navi a,
body.single .pager-post-navi .a-wrap{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:none!important;
    box-shadow:none!important;
    background:transparent!important;
    text-decoration:none!important;
}

body.single .pager-post-navi a,
body.single .pager-post-navi .a-wrap{
    padding:7px 0!important;
    border-bottom:none!important;
}

body.single .pager-post-navi .card-thumb,
body.single .pager-post-navi .entry-card-thumb,
body.single .pager-post-navi figure,
body.single .pager-post-navi img,
body.single .pager-post-navi .no-image{
    display:none!important;
}

body.single .pager-post-navi .card-content,
body.single .pager-post-navi .entry-card-content,
body.single .pager-post-navi .navi-entry-card-content{
    margin:0!important;
    padding:0!important;
    width:100%!important;
}

body.single .pager-post-navi .card-title,
body.single .pager-post-navi .entry-card-title,
body.single .pager-post-navi .navi-entry-card-title{
    margin:0!important;
    padding:0!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.6!important;
}

body.single .pager-post-navi .prev-post .card-title::before,
body.single .pager-post-navi .prev-post .entry-card-title::before,
body.single .pager-post-navi .prev-post .navi-entry-card-title::before{
    content:"\2039";
    margin-right:.35em;
}

body.single .pager-post-navi .next-post .card-title::before,
body.single .pager-post-navi .next-post .entry-card-title::before,
body.single .pager-post-navi .next-post .navi-entry-card-title::before{
    content:"\203a";
    margin-right:.35em;
}

/* Follow buttons moved near lower area */
body.single .otaru-single-footer-follow{
    margin-top:18px!important;
    margin-bottom:22px!important;
    text-align:center!important;
}

body.single .otaru-single-footer-follow .sns-follow{
    margin:0 auto!important;
    max-width:960px!important;
}

body.single .otaru-single-footer-follow .sns-follow-message{
    margin:0 0 8px!important;
    font-size:14px!important;
    line-height:1.5!important;
}

body.single .otaru-single-footer-follow .sns-follow-buttons{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:6px!important;
}

body.single .otaru-single-footer-follow .sns-follow-buttons a,
body.single .otaru-single-footer-follow .sns-follow-buttons .sns-button{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    border-radius:5px!important;
    line-height:34px!important;
    box-sizing:border-box!important;
}

/* Comment button: make it a button, not a full-width band */
body.single .comment-area{
    text-align:left!important;
}

body.single .comment-btn,
body.single .comment-form .submit,
body.single .form-submit input[type="submit"]{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:8px 16px!important;
    font-size:16px!important;
    line-height:1.4!important;
    box-sizing:border-box!important;
}

body.single .comment-btn{
    margin:0!important;
}

/* Comment list: name/body only */
body.single .comment-area .avatar,
body.single .comment-area img.avatar,
body.single .comment-area .comment-edit-link,
body.single .comment-area .says,
body.single .comment-area .comment-form-email,
body.single .comment-area .comment-form-url,
body.single .comment-area .comment-form-cookies-consent,
body.single .comment-area .logged-in-as,
body.single .comment-area .comment-notes,
body.single .comment-area .required-field-message{
    display:none!important;
}

body.single .comment-area .comment-body,
body.single .comment-area .comment-content{
    margin-left:0!important;
    padding-left:0!important;
}

body.single .comment-area .comment-author{
    margin:0 0 6px!important;
    padding:0!important;
}

body.single .comment-area .comment-author .fn{
    display:inline!important;
}

body.single .comment-area .comment-metadata,
body.single .comment-area .commentmetadata,
body.single .comment-area .comment-date,
body.single .comment-area .comment-meta{
    display:block!important;
    margin:2px 0 8px!important;
    color:#666!important;
    font-size:13px!important;
    line-height:1.5!important;
}

@media(max-width:768px){
    body.single .related-entries,
    body.single .comment-area,
    body.single .breadcrumb,
    body.single .pager-post-navi,
    body.single .sns-share,
    body.single .sns-follow,
    body.single .otaru-single-footer-follow{
        max-width:100%!important;
    }

    body.single .sns-share-buttons a,
    body.single .sns-share-buttons button,
    body.single .sns-share-buttons .sns-button,
    body.single .sns-share-buttons .button{
        min-width:74px!important;
        max-width:120px!important;
        height:32px!important;
        min-height:32px!important;
        padding:0 8px!important;
        font-size:12px!important;
        line-height:32px!important;
    }

    body.single .comment-btn,
    body.single .comment-form .submit,
    body.single .form-submit input[type="submit"]{
        width:100%!important;
    }
}