<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 50éŸ³æ¤œç´¢ãƒšãƒ¼ã‚¸ å…¨ä½“ */
.sbk-kana-search-page {
    margin: 0;
    padding: 0;
    max-width: 100vw!important;
}

.sbk-kana-search-page h1 {
    margin: 0;
    font-size: var(--wp--preset--font-size--large);
}

.sbk-kana-search-page h2 {
    margin-bottom: 1em;
    font-size: 1.2em;
}

.sbk-kana-search-page h3 {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.sbk-kana-search-page h4 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.sbk-kana-search-page p {
    margin: 1em 0;
}

/* ã‚¿ã‚°ãƒ–ãƒ­ãƒƒã‚¯ */
.sbk-tag-block {
    margin-bottom: 1rem;
}

.sbk-tag-block a {
    text-decoration: none;
    font-size: 16px;
    color: #333;
}

.sbk-tag-block a:hover {
    text-decoration: underline;
}

/* ã‚¿ã‚°ä¸€è¦§ãƒ©ãƒƒãƒ‘ãƒ¼ */
.sbk-kana-tags-posts {
    margin-top: 1.5rem;
}

/* æ¨ªã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«ã§ã‚«ãƒ¼ãƒ‰ã‚’ä¸¦ã¹ã‚‹ */
/* PC(å¹…601pxä»¥ä¸Š)ã§6æžšåŽã¾ã‚‹å¹…ã€ãƒ¢ãƒã‚¤ãƒ«(600pxä»¥ä¸‹)ã§4æžšåŽã¾ã‚‹å¹…ã« */
.sbk-post-sample-grid {
    display: grid;
    grid-auto-flow: column;           /* å·¦å³ã«ã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«ã•ã›ã‚‹æµã—æ–¹ */
    gap: 10px;
    overflow-x: auto;                 /* æ¨ªã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«æœ‰åŠ¹åŒ– */
    scroll-snap-type: x mandatory;    /* ã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«ã®ã‚¹ãƒŠãƒƒãƒ—(optional) */
    -webkit-overflow-scrolling: touch;
}

/* PCæ™‚ã«ã¯1è¦ç´&nbsp;ã®å¹…=6åˆ†å‰² */
@media screen and (min-width: 601px) {
    .sbk-post-sample-grid {
        grid-auto-columns: calc(100vw / 6);
    }
}

/* ãƒ¢ãƒã‚¤ãƒ«æ™‚ã«ã¯1è¦ç´&nbsp;ã®å¹…=4åˆ†å‰² */
@media screen and (max-width: 600px) {
    .sbk-post-sample-grid {
        grid-auto-columns: calc(100vw / 4);
    }
}

/* ã‚«ãƒ¼ãƒ‰1ã¤ */
.sbk-post-sample-item {
    background-color: #fff;
    text-align: center;
    border-radius: 8px;
    scroll-snap-align: start; /* ã‚¹ãƒŠãƒƒãƒ—ä½ç½®(optional) */
    position: relative;       /* éƒ¨åˆ†è¡¨ç¤ºoverlayç”¨ */
}

.sbk-post-sample-item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;       /* æ­£æ–¹å½¢ */
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 8px;
    display: block;
}

/* 21ä»¶ç›®ç”¨ã®ã€Œâ€¦ã€ã‚’é‡ã­ã‚‹è¦ç´&nbsp; */
.sbk-post-partial-more {
    overflow: hidden; /* ç”»åƒã®ç¯„å›²ã‚’ã¯ã¿å‡ºã•ãªã„ */
}

.sbk-partial-overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(128,128,128,0.6);
}

.sbk-partial-overlay a {
    display: block;
    position: absolute;
    inset: 0;
    text-decoration: none;
}

.sbk-partial-dots {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.sbk-partial-dots a {
    color: #fff;
    font-size: 2rem;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.sbk-partial-dots a:hover {
    text-decoration: none;
}

/* ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ */
.sbk-pagination {
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
}

.sbk-pagination ul {
    display: inline-flex;
    list-style: none;
    padding-left: 0;
}

.sbk-pagination li {
    margin: 0 3px;
}

.sbk-pagination a {
    font-size: var(--wp--preset--font-size--medium);
    text-decoration: none;
    padding: 0.3em 0.6em;
    color: #999;
    border: 1.5px solid #fff;
    border-radius: 8px;
    transition: background-color 0.2s;
}

.sbk-pagination .current {
    font-size: var(--wp--preset--font-size--medium);
    padding: 0.3em 0.6em;
    background-color: #4eb34c;
    color: #fff;
    border: 1.5px solid #4eb34c;
    border-radius: 8px;
}

.sbk-pagination a:hover {
    background-color: #4eb34c;
    color: #fff;
    border: 1.5px solid #4eb34c;
}

/* ã€Œã‚ãªãŸã«ãŠã™ã™ã‚ã®æ¤ç‰©ã€éƒ¨åˆ† */
.sbk-recommend-section {
    margin-top: 3rem;
}

.sbk-recommend-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin-top: 1.2em;
    margin-right: calc(10% + 10px);
}

@media screen and (max-width: 600px) {
    .sbk-recommend-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.sbk-recommend-item {
    margin-bottom: 1.2rem;
}

.sbk-recommend-item img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;       /* æ­£æ–¹å½¢è¡¨ç¤º */
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 8px;
    display: block;
    margin-bottom: 0.2rem;
}

.sbk-recommend-item-title a {
    display: inline-flex;
    text-decoration: none;
    font-size: 16px;
    color: #333;
}

.sbk-recommend-item-title a:hover {
    text-decoration: underline;
}

.beta-icon {
    display: inline-flex;
    margin-left: 5px;
    padding: 2px 5px;
    font-size: 16px;
    color: #999;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #999;
}

.sbk-recommend-item-title {
    line-height: 1;
}</pre></body></html>