/* front headings: latest/topics same style as tabs */
    .otaru-front-latest-block .otaru-front-heading,
    .otaru-front-topics-block .otaru-front-heading,
    .otaru-front-tabs-block::before {
        display: block;
        background: transparent !important;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.4;
        margin: 0 0 12px !important;
        padding: 0 0 6px !important;
        border-bottom: 2px solid #007FBD !important;
    }

    /* tabs heading text */
    .otaru-front-tabs-block::before {
        content: "各種新着記事";
    }

    /* front block spacing */
    .otaru-front-latest-block,
    .otaru-front-topics-block,
    .otaru-front-tabs-block {
        margin-top: 28px !important;
        margin-bottom: 34px !important;
    }


    .otaru-front-card-list {
        gap: 18px !important;
    }

    body .otaru-front-event-shortcuts .otaru-front-card.otaru-card{
        height:auto!important;
        max-height:none!important;
    }
    body .otaru-front-event-shortcuts .otaru-front-card .otaru-card-body{
        display:block!important;
        flex:0 0 auto!important;
        min-height:0!important;
        overflow:visible!important;
    }
    body .otaru-front-event-shortcuts .otaru-front-card .otaru-card-title{
        margin-bottom:0!important;
    }

    .otaru-front-tabs-nav {
        margin-bottom: 16px !important;
    }

    @media(max-width:768px){
        .otaru-front-calendar-block button{
            display:none!important;
        }
    }

    .otaru-front-card .otaru-card-title{
        margin:0 -10px 0!important;
    }

    .otaru-front-card .otaru-card-title a{
        box-sizing:border-box!important;
        width:100%!important;
        overflow:hidden!important;
    }
    .otaru-front-block{margin:28px 0;}
    .otaru-front-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
    .otaru-front-heading{font-size:20px;line-height:1.5;margin:0 0 12px;padding:0 0 6px;border-bottom:2px solid #007FBD;}
    .otaru-front-heading-row .otaru-front-heading{margin-bottom:0;}
    .otaru-front-card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;align-items:start;}
    .otaru-front-more{font-size:13px;font-weight:700;color:#007FBD;text-decoration:underline;white-space:nowrap;}
    .otaru-front-topic-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;}
    .otaru-front-topic-links a{display:block;padding:14px 16px;border-radius:10px;background:#fff;border:1px solid #ddd;text-decoration:none!important;font-weight:700;color:#007FBD!important;box-shadow:0 2px 8px rgba(0,0,0,0.06);}
    .otaru-calendar-toggle-button{border:none;border-radius:999px;background:#007FBD;color:#fff;font-weight:700;padding:8px 14px;cursor:pointer;white-space:nowrap;}
    .otaru-calendar-frame{width:100%;border:1px solid #ddd;border-radius:10px;background:#fff;display:block;}
    .otaru-front-tabs-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;}
    .otaru-front-tab-button{border:1px solid #ddd;border-radius:999px;background:#fff;color:#333;font-weight:700;padding:8px 14px;cursor:pointer;line-height:1.4;}
    .otaru-front-tab-button.is-active{color:#fff;border-color:transparent;}
    .otaru-front-tab-button.is-all.is-active{background:#007FBD;}
    .otaru-front-tab-button.is-diary.is-active{background:#3A63C8;}
    .otaru-front-tab-button.is-piece.is-active{background:#1DA1D2;}
    .otaru-front-tab-button.is-event.is-active{background:#FF69B4;}
    .otaru-front-tab-button.is-shop.is-active{background:#00A86B;}
    .otaru-front-tab-button.is-recruit.is-active{background:#FF9B2C;}
    .otaru-front-tab-panel{display:none;}
    .otaru-front-tab-panel.is-active{display:block;}
    .otaru-front-tabs-block .otaru-front-tab-panel.is-active .otaru-front-card-list,
    .otaru-front-latest-tabs-block .otaru-front-tab-panel.is-active .otaru-front-card-list{grid-template-columns:repeat(5,minmax(0,1fr));}
    .otaru-front-tab-panel .otaru-front-block{margin:0;}
    .otaru-card-meta{font-size:12px;color:#666;line-height:1.5;padding-top:6px;}
    .otaru-card-date{font-weight:600;margin-bottom:6px;color:#555;}
    .otaru-card-category-list{display:flex;flex-wrap:wrap;gap:6px;}
    .otaru-card-category{display:inline-block;padding:3px 8px;border-radius:999px;background:#f1f1f1;border:1px solid #e1e1e1;color:#555;line-height:1.4;font-size:12px;}

    @media(max-width:768px){
        .otaru-front-card-list{
            grid-template-columns:1fr;
        }

        .otaru-front-tabs-block .otaru-front-tab-panel.is-active .otaru-front-card-list,
        .otaru-front-latest-tabs-block .otaru-front-tab-panel.is-active .otaru-front-card-list{
            grid-template-columns:1fr;
        }

        .otaru-front-heading-row{
            align-items:flex-start;
        }

        .otaru-calendar-toggle-button{
            display:none!important;
        }

        .otaru-calendar-frame{
            height:520px!important;
        }
    }

.otaru-hato-shiori-viewport{overflow:hidden;width:100%;padding:2px 2px 10px;box-sizing:border-box;}
    .otaru-hato-shiori-track{display:flex;gap:18px;will-change:transform;transition:transform .48s ease;}
    .otaru-hato-shiori-card{flex:0 0 calc((100% - 54px)/4);display:block;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #ddd;box-shadow:0 2px 8px rgba(0,0,0,0.08);text-decoration:none!important;box-sizing:border-box;}
    .otaru-hato-shiori-card img{display:block;width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;}
    .otaru-hato-shiori-card:hover{opacity:.88;}
    @media (max-width:768px){.otaru-hato-shiori-track{gap:12px;}.otaru-hato-shiori-card{flex-basis:calc((100% - 12px)/2);}}