/* Comorebi Studio / Three.js background v0.5.3 */
body.home {
    background:
        radial-gradient(circle at 15% 7%, rgba(244, 251, 242, 0.30), transparent 29rem),
        radial-gradient(circle at 20% 18%, rgba(234, 246, 232, 0.24), transparent 27rem),
        linear-gradient(180deg, #fcfefc 0%, #f4faf2 52%, #edf6eb 100%);
}

body.home #comorebi-three-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    user-select: none;
}

body.home #comorebi-three-canvas {
    display: block;
    width: 100%;
    height: 100%;
}

body.home .wp-site-blocks {
    position: relative;
    z-index: 1;
    background: transparent !important;
}

body.home .wp-site-blocks > .has-base-background-color,
body.home main.has-base-background-color,
body.home .wp-block-group.has-base-background-color.alignfull {
    background-color: transparent !important;
}

/* 前版よりベールをさらに弱め、光の筋が見えやすいようにする */
body.home .wp-site-blocks::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.052);
}

@media (max-width: 782px) {
    body.home .wp-site-blocks::before {
        background: rgba(255, 255, 255, 0.085);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.home #comorebi-three-bg {
        opacity: 0.92;
    }
}

/* Studio design system — 2026-10-04. */
body { --wp--style--global--content-size: 760px; --wp--style--global--wide-size: 1080px; background-color:#f7f9f4; color:#263d32; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif; font-size:17px; line-height:1.85; }
a { text-underline-offset:.22em; text-decoration-thickness:1px; }
.wp-site-blocks a { color:#315c43; }
.wp-site-blocks a:hover { color:#183b29; }
.wp-site-blocks :focus-visible { outline:3px solid #507a57; outline-offset:5px; }
.wp-site-blocks h1,.wp-site-blocks h2,.wp-site-blocks h3 { color:#263d32; line-height:1.45; font-weight:500; letter-spacing:.025em; overflow-wrap:anywhere; }
.wp-site-blocks h1 { font-size:clamp(1.9rem,4vw,2.8rem); }
.wp-site-blocks h2 { font-size:clamp(1.5rem,3vw,2rem); }
.wp-site-blocks h3 { font-size:clamp(1.15rem,2vw,1.5rem); }
.wp-site-blocks > header > .wp-block-group { background:#f8faf5 !important; color:#263d32 !important; border-bottom:1px solid #dce4d7; }
.wp-site-blocks > header .alignwide { max-width:1080px; padding-top:20px !important; padding-bottom:20px !important; gap:20px; }
.wp-site-blocks > header .wp-block-site-title { font-size:clamp(16px,2vw,22px); font-weight:600; white-space:nowrap; letter-spacing:.08em; }
.wp-site-blocks > header .wp-block-site-title a { text-decoration:none; }
.wp-site-blocks > header .wp-block-site-logo { flex-shrink:0; }
.wp-site-blocks > header nav { font-size:14px; letter-spacing:.06em; }
.wp-block-navigation a { padding:10px 4px; }
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close { min-width:44px; min-height:44px; align-items:center; justify-content:center; }
.wp-block-navigation__responsive-container.is-menu-open { background:#f8faf5 !important; color:#263d32 !important; padding:28px; }
.wp-site-blocks > main { margin-top:0 !important; padding-top:48px !important; padding-bottom:72px !important; }
.wp-site-blocks > main > .wp-block-group.alignfull { padding-top:0 !important; padding-bottom:0 !important; }
.wp-site-blocks > main > .wp-block-group > .wp-block-spacer { height:20px !important; }
.wp-block-post-title { text-wrap:balance; }
.home main > .wp-block-group > h1.wp-block-post-title { font-size:17px; letter-spacing:.12em; margin-bottom:0; }
.comorebi-hero { padding:16px 0 64px; }
.comorebi-eyebrow { font-size:12px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.16em; color:#4f6858; }
.comorebi-hero .comorebi-lead { font-size:clamp(1.65rem,3.7vw,2.85rem); line-height:1.65; letter-spacing:.035em; font-weight:500; margin-top:28px; margin-bottom:28px; }
.comorebi-hero .wp-block-buttons { margin-top:32px; }
.comorebi-section { padding:48px 0; border-top:1px solid #cfdaca; scroll-margin-top:40px; }
.comorebi-subtitle { font-size:13px; display:inline-block; margin-left:16px; color:#536a5c; vertical-align:middle; letter-spacing:.08em; }
.comorebi-game { align-items:center !important; gap:32px; margin-top:32px; padding:28px; border:1px solid #dce4d7; border-radius:12px; background:rgba(255,255,255,.88); }
.comorebi-game figure { margin:0; }
.comorebi-game img { border-radius:6px; width:100%; height:auto; }
.wp-site-blocks .wp-block-button__link,.wp-site-blocks .smf-button-control__control { background:#315c43; color:#fff; border:1px solid #315c43; border-radius:5px; padding:13px 24px; min-height:48px; font-size:15px; line-height:1.5; text-decoration:none; }
.wp-site-blocks .wp-block-button__link:hover,.wp-site-blocks .smf-button-control__control:hover { background:#244833; color:#fff; }
.wp-site-blocks .is-style-outline .wp-block-button__link { background:rgba(255,255,255,.7); color:#315c43; }
.wp-block-post-template > li { padding:24px 0; border-bottom:1px solid #dce4d7; }
.wp-block-post-date { color:#536a5c; font-size:13px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.wp-block-post-excerpt { font-size:16px; }
.wp-block-post-content p,.wp-block-post-content li { overflow-wrap:anywhere; }
.smf-form { margin-top:24px; }
.smf-item__label { font-size:16px; font-weight:600; }
.smf-text-control__control,.smf-textarea-control__control { border:1px solid #879e8c !important; border-radius:5px !important; background:#fff !important; font-size:16px !important; padding:14px !important; color:#263d32 !important; }
.wp-site-blocks > footer > .wp-block-group { border-top:1px solid #dce4d7; background:#edf2e9 !important; color:#334c3d !important; padding:40px 24px 20px !important; }
.wp-site-blocks > footer .has-background { background:transparent !important; color:#334c3d !important; }
.wp-site-blocks > footer .wp-block-site-title { font-size:20px; }
.wp-site-blocks > footer p { font-size:14px; }
.wp-site-blocks > footer .wp-block-spacer { height:0 !important; }
body.home #comorebi-three-canvas { opacity:.48; }
body.home #comorebi-three-canvas[hidden] { display:none; }
@media (max-width:781px) {
 body { font-size:16px; --wp--style--root--padding-left:24px; --wp--style--root--padding-right:24px; }
 .wp-site-blocks > header .alignwide { gap:12px; padding-top:14px !important; padding-bottom:14px !important; }
 .wp-site-blocks > header .wp-block-site-logo img { width:64px; height:auto; }
 .wp-site-blocks > header > .wp-block-group { padding-left:20px; padding-right:20px; }
 .wp-site-blocks > header .alignwide > .wp-block-group.has-global-padding { padding-left:0; padding-right:0; }
 .wp-site-blocks > main { padding-top:32px !important; padding-bottom:48px !important; }
 .comorebi-hero { padding-bottom:40px; }
 .comorebi-section { padding:32px 0; }
 .comorebi-game { padding:20px; gap:20px; }
 .comorebi-subtitle { font-size:12px; margin-left:10px; }
 .comorebi-hero .wp-block-buttons { gap:12px; }
 .wp-site-blocks .wp-block-button__link { padding:12px 18px; }
}
@media (max-width:359px) { .wp-site-blocks > header .wp-block-site-logo { display:none; } }
@media (prefers-reduced-motion:reduce) { body.home #comorebi-three-canvas { display:none; } html { scroll-behavior:auto; } }