/* WordPress-only adjustments; the adopted 03B rules stay untouched. */
.ozx03b-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.comic-sources{display:none}
#app [data-story]{cursor:pointer}
/* Links and notes that only make sense inside the design-comparison demo. */
.back-study,.site-footer .demo-note,.site-footer .footer-links{display:none!important}

/* v0.3.0 owner feedback: larger logo, larger text and category icons. Only sizes change; layout and motion stay as adopted. */
.oz-brand>img{width:60px!important;height:60px!important}
.oz-brand>span>b{font-size:40px!important}
.oz-brand small{font-size:12px!important}
.oz-nav button span{font-size:14px!important}
.oz-search-button span{font-size:14px!important}
.oz-location,.oz-location>b{font-size:12px!important}
.oz-location>span{font-size:11px!important}
.comic-kicker span{font-size:12px!important}
.seven-caption,.seven-caption .filter-status{font-size:14px!important}
.adopted-motion-toggle{font-size:12px!important}
.seven-panel-index{font-size:12px!important}
#app .meta span,#app .meta time,#app .image-label{font-size:12px!important}
#app .public-card-link{font-size:13px!important}
#app .story-copy h3{font-size:24px!important;line-height:1.4}
#app .story-copy p{font-size:15px!important}
#app .comic-icon{width:22px!important;height:22px!important}
#app .feature-intro p,#app .calendar-copy p,#app .calendar-disclaimer{font-size:15px!important}
#app .feature-cards small{font-size:12px!important}
#app .feature-cards b{font-size:18px!important}
#app .schedule-empty,#app .feature-art-label,#app .calendar-art-label{font-size:11px!important}
@media(max-width:760px){
  .oz-brand>img{width:46px!important;height:46px!important}
  .oz-brand>span>b{font-size:30px!important}
  .oz-brand small{font-size:11px!important}
  #app .story-copy h3{font-size:19px!important}
  .seven-caption,.seven-caption .filter-status{font-size:13px!important}
}

/* v0.4.0 owner feedback: panel 02 (考察) is taller so the whole article title shows. 01 spans rows 1-2, so it grows to match. */
#stories .seven-grid{--lead-caption:250px;grid-template-rows:calc(var(--small-picture) + var(--lead-caption) + 6px) calc(var(--small-picture) + var(--small-caption) + 6px) max-content calc(var(--pair-picture) + var(--pair-caption) + 6px)!important}
@media(max-width:1000px){#stories .seven-grid{--lead-caption:280px}}
@media(max-width:760px){#stories .seven-grid{--lead-caption:var(--small-caption)}}

/* v0.6.0: panels 02-05 and 07 take turns through their category's articles. */
#stories .seven-grid .comic-cell .comic-picture img,#stories .seven-grid .comic-cell .story-copy h3{transition:opacity .26s ease}
#stories .seven-grid .comic-cell.is-swapping .comic-picture img,#stories .seven-grid .comic-cell.is-swapping .story-copy h3{opacity:0}
#stories .seven-grid .panel-count{position:absolute;z-index:4;right:12px;bottom:10px;min-height:30px;padding:3px 10px;border:2px solid #171a17;background:#fffdf3;color:#171a17;font-size:12px;font-weight:800;line-height:1.4;cursor:pointer}
#stories .seven-grid .panel-count:hover,#stories .seven-grid .panel-count:focus-visible{background:#d9ee46}
@media(max-width:760px){#stories .seven-grid .panel-count{right:6px;bottom:6px;min-height:26px;padding:2px 6px;font-size:11px}}
@media(prefers-reduced-motion:reduce){#stories .seven-grid .comic-cell .comic-picture img,#stories .seven-grid .comic-cell .story-copy h3{transition:none}}
/* v0.6.0: the closing bubble's phrase changes; keep longer lines inside the balloon. */
.comic-final-note>.comic-talk>span{font-size:13px}
.comic-final-note>.comic-talk b{font-size:18px!important;white-space:nowrap}
@media(max-width:760px){.comic-final-note>.comic-talk b{font-size:13px!important}}
/* v0.6.0: feature cards take turns (入口 / 余韻). */
.comic-feature .feature-cards img,.comic-feature .feature-cards b,.comic-feature .feature-cards .feature-sub{transition:opacity .26s ease}
.comic-feature .feature-cards .is-swapping img,.comic-feature .feature-cards .is-swapping b,.comic-feature .feature-cards .is-swapping .feature-sub{opacity:0}
@media(prefers-reduced-motion:reduce){.comic-feature .feature-cards img,.comic-feature .feature-cards b,.comic-feature .feature-cards .feature-sub{transition:none}}
#app .feature-cards .feature-sub{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:8px;font-size:14px;line-height:1.75;font-weight:500;color:#4b4d44}
@media(max-width:650px){#app .feature-cards .feature-sub{font-size:12.5px;-webkit-line-clamp:2}}
/* v0.6.0: calendar with the site's release schedule. */
.month-days button{position:relative}
.month-days button.has-releases{background:#fff6c2;font-weight:800}
.month-days .cal-count{position:absolute;right:3px;top:2px;min-width:16px;padding:0 3px;border-radius:8px;background:#c8281e;color:#fff;font-size:10px;line-height:16px;font-weight:800}
#calendar-selection{font-size:13px!important;font-weight:700}
.calendar-day-list ul{list-style:none;margin:8px 0 0;padding:0;max-height:320px;overflow:auto;border-top:1px solid #c1c3b7}
.calendar-day-list li{display:flex;gap:10px;align-items:baseline;padding:7px 2px;border-bottom:1px solid #e1dfd3;font-size:13px;line-height:1.6}
.calendar-day-list .cal-type{flex:0 0 auto;font-size:11px;color:#5b5f53;min-width:76px}
.calendar-day-list a{color:#171a17;text-decoration:underline;text-underline-offset:3px}
.cal-more{display:inline-block;margin-top:8px;font-size:13px;font-weight:700;color:#171a17;text-decoration:underline;text-underline-offset:4px}
.cal-week-day{margin:0 0 6px!important;font-size:13px!important;line-height:1.6!important}
.cal-week-day b{display:block;font-size:13px}
.schedule-empty.is-live{background:#c8281e;color:#fff;border-color:#c8281e}
@media(max-width:760px){.calendar-day-list .cal-type{min-width:64px}.calendar-day-list li{font-size:12px}}
.cal-week-day a{color:#171a17;text-decoration:underline;text-underline-offset:3px}
.cal-week-day .cal-others{font-weight:700}
/* v0.6.0: footer policy links, as on the articles. */
.site-footer .ozx-footer-links{margin-top:14px;font-size:14px;line-height:1.9}
.site-footer .ozx-footer-links a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.site-footer .ozx-footer-copy{margin-top:8px;font-size:12px}
.cal-tt-head{font-weight:700;font-size:12px!important;margin:0 0 4px!important}
.cal-tt{list-style:none;margin:0;padding:0}
.cal-tt li{display:flex;gap:8px;align-items:baseline;font-size:13px;line-height:1.7}
.cal-tt a{color:#171a17;text-decoration:underline;text-underline-offset:3px}
.cal-tt small{font-size:11px;color:#5b5f53;white-space:nowrap}
.cal-tt-more{font-size:12px!important}

/* Panel 01 cover: issue label (top right, under the panel number) and cover lines (bottom left). */
#stories .seven-cover .cover-issue{position:absolute;z-index:3;top:46px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:8px 12px;background:#171a17;color:#fffdf3;border:2px solid #fffdf3;box-shadow:3px 3px 0 #171a1766;font-weight:800;line-height:1.3;text-align:right}
#stories .seven-cover .cover-issue span{font-size:11px;letter-spacing:.18em;color:#daee49}
#stories .seven-cover .cover-issue b{font-size:17px;letter-spacing:.04em}
#stories .seven-cover .cover-issue small{font-size:12px;font-weight:700}
#stories .seven-cover .cover-lines{position:absolute;z-index:3;left:12px;bottom:12px;max-width:min(48%,330px);padding:10px 14px 12px;background:#fffdf3;border:3px solid #171a17;box-shadow:3px 3px 0 #171a17}
#stories .seven-cover .cover-lines p{margin:0 0 6px;font-size:12px;font-weight:900;letter-spacing:.06em;color:#171a17;background:#daee49;display:inline-block;padding:1px 8px}
#stories .seven-cover .cover-lines ol{margin:0;padding:0;list-style:none;counter-reset:cover}
#stories .seven-cover .cover-lines li{counter-increment:cover;display:flex;gap:8px;align-items:baseline;border-top:1px dashed #171a1755;padding:5px 0}
#stories .seven-cover .cover-lines li:first-child{border-top:0}
#stories .seven-cover .cover-lines li::before{content:counter(cover);font-size:18px;font-weight:900;color:#c8281e;min-width:14px}
#stories .seven-cover .cover-lines li{min-width:0}
#stories .seven-cover .cover-lines button{all:unset;cursor:pointer;font-size:14px;font-weight:800;line-height:1.5;color:#171a17;display:block;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#stories .seven-cover .cover-lines button:hover,#stories .seven-cover .cover-lines button:focus-visible{text-decoration:underline;text-underline-offset:3px}
#stories .seven-cover .cover-lines button:focus-visible{outline:2px solid #1d5cc2;outline-offset:2px}
@media(max-width:1000px){#stories .seven-cover .cover-lines{max-width:56%}#stories .seven-cover .cover-lines button{font-size:12.5px}}
@media(max-width:650px){#stories .seven-cover .cover-lines{display:none}#stories .seven-cover .cover-issue{top:auto;right:auto;bottom:34px;left:6px;align-items:flex-start;text-align:left;padding:4px 7px;border-width:1.5px}#stories .seven-cover .cover-issue span{font-size:8px}#stories .seven-cover .cover-issue b{font-size:11px}#stories .seven-cover .cover-issue small{font-size:9px}}

/* Search results from every post are links to the articles. */
#oz-search-results li>a{display:grid;grid-template-columns:120px 1fr;gap:17px;padding:14px 0;width:100%;text-align:left;align-items:center;color:inherit;text-decoration:none}
#oz-search-results li>a>span{display:flex;flex-direction:column;gap:5px}
#oz-search-results li>a>i{display:block;aspect-ratio:1024/572;border:1px solid;background:#e8ebdf}
#oz-search-results li>a:hover b,#oz-search-results li>a:focus-visible b{text-decoration:underline}
#ozx-search-all{display:block;width:100%;min-height:46px;border:2px solid;background:#daee49;font-size:12px;font-weight:750;margin-top:20px;padding:12px;text-align:center;color:inherit;text-decoration:none}
#ozx-search-all[hidden]{display:none}
@media (max-width:760px){#oz-search-results li>a{grid-template-columns:91px 1fr;gap:12px}}

/* Weekly ranking: number one large on the left, the rest in a list beside it. */
.ozx-ranking{margin:0 3.4% 60px;border:3px solid #171a17;background:#f9f5e7;color:#171a17;padding:32px 35px;display:grid;grid-template-columns:minmax(220px,.7fr) 2fr;gap:32px;box-shadow:6px 6px #171a17}
.ozx-ranking-head .eyebrow{display:block;font-size:10px;letter-spacing:.14em;font-weight:750;margin-bottom:12px}
.ozx-ranking-head h2{font-size:32px;line-height:1.35;font-weight:850}
.ozx-ranking-head p{font-size:13px;line-height:1.8;margin-top:14px;color:#4e5545}
.ozx-ranking ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:repeat(4,auto);gap:0 26px}
.ozx-ranking li{border-top:1px solid #a7ae98}
.ozx-ranking li.rank-1{grid-row:1/span 4;border-top:0}
.ozx-ranking li:nth-child(2){border-top:0}
.ozx-ranking a{display:grid;grid-template-columns:auto 112px 1fr;gap:14px;align-items:center;padding:12px 0;color:inherit;text-decoration:none}
.ozx-ranking a:hover strong,.ozx-ranking a:focus-visible strong{text-decoration:underline}
.ozx-ranking a:focus-visible{outline:3px solid #2865cf;outline-offset:4px}
.ozx-rank-pic{display:block;overflow:hidden;aspect-ratio:16/9;border:2px solid #171a17;background:#e8ebdf}
.ozx-ranking .ozx-rank-pic img,.ozx-rank-pic>i{width:100%;height:100%;max-height:none;object-fit:cover;display:block;border:0}
.ozx-rank-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.ozx-ranking small{font-size:10px;font-weight:750}
.ozx-ranking strong{font-size:15px;line-height:1.55;font-weight:800}
.ozx-ranking em{font-style:normal;font-size:11px;line-height:1.6;color:#4e5545;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ozx-rank-no{font-size:26px;font-weight:900;min-width:44px;height:44px;display:grid;place-items:center;border:2px solid #171a17;border-radius:50%;background:#fffdf3}
.rank-1 .ozx-rank-no,.rank-2 .ozx-rank-no,.rank-3 .ozx-rank-no{background:#daee49}
.ozx-ranking li.rank-1 a{grid-template-columns:1fr;gap:12px;padding:0;position:relative}
.ozx-ranking li.rank-1 .ozx-rank-no{position:absolute;left:-12px;top:-12px;min-width:60px;height:60px;font-size:34px;box-shadow:3px 3px #171a17}
.ozx-ranking li.rank-1 strong{font-size:21px;line-height:1.45}
.ozx-ranking li.rank-1 em{font-size:12px}
@media (max-width:1100px){.ozx-ranking{grid-template-columns:1fr;gap:20px}.ozx-ranking-head h2{font-size:28px}}
@media (max-width:760px){
  .ozx-ranking{margin:0 5% 45px;padding:22px 18px;box-shadow:4px 4px #171a17}
  .ozx-ranking-head h2{font-size:24px}
  .ozx-ranking ol{grid-template-columns:1fr;grid-template-rows:none}
  .ozx-ranking li.rank-1{grid-row:auto;padding-bottom:14px}
  .ozx-ranking li:nth-child(2){border-top:1px solid #a7ae98}
  .ozx-ranking a{grid-template-columns:auto 88px 1fr;gap:10px}
  .ozx-rank-no{font-size:20px;min-width:36px;height:36px}
  .ozx-ranking strong{font-size:14px}
  .ozx-ranking li.rank-1 strong{font-size:18px}
  .ozx-ranking li.rank-1 .ozx-rank-no{left:-8px;top:-8px;min-width:50px;height:50px;font-size:28px}
}

/* Cover feature: the season airing now as the magazine's main headline, under the issue label. */
#stories .seven-cover .cover-feature{position:absolute;z-index:3;top:150px;right:12px;display:flex;flex-direction:column;align-items:flex-end;text-align:right;text-decoration:none;color:#fffdf3;gap:4px}
#stories .seven-cover .cover-feature-tag{background:#c8281e;color:#fffdf3;font-size:13px;font-weight:900;letter-spacing:.12em;padding:3px 10px;border:2px solid #171a17}
#stories .seven-cover .cover-feature b{display:flex;flex-direction:column;align-items:flex-end;font-size:58px;line-height:1;font-weight:900;letter-spacing:-.02em;color:#daee49;-webkit-text-stroke:2px #171a17;paint-order:stroke fill;text-shadow:4px 4px 0 #171a17}
#stories .seven-cover .cover-feature b small{font-size:26px;color:#fffdf3;letter-spacing:.06em;margin-bottom:4px}
#stories .seven-cover .cover-feature em{font-style:normal;font-size:14px;font-weight:800;background:#171a17;color:#fffdf3;padding:4px 10px;border:2px solid #fffdf3}
#stories .seven-cover .cover-feature:hover em,#stories .seven-cover .cover-feature:focus-visible em{background:#daee49;color:#171a17}
#stories .seven-cover .cover-feature-next{position:absolute;z-index:3;top:322px;right:12px;font-size:12.5px;font-weight:800;color:#171a17;background:#fffdf3;border:2px solid #171a17;box-shadow:3px 3px 0 #171a17;padding:4px 10px;text-decoration:none}
#stories .seven-cover .cover-feature-next span{background:#daee49;padding:0 6px;margin-right:6px}
#stories .seven-cover .cover-feature-next:hover,#stories .seven-cover .cover-feature-next:focus-visible{text-decoration:underline;text-underline-offset:3px}
#stories .seven-cover .cover-feature:focus-visible,#stories .seven-cover .cover-feature-next:focus-visible{outline:3px solid #2865cf;outline-offset:3px}
#stories .seven-cover .cover-movie-wrap{position:absolute;z-index:3;right:12px;bottom:30px;display:flex;flex-direction:column;align-items:flex-end;gap:14px;max-width:min(44%,320px)}
#stories .seven-cover .cover-movie{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;background:#daee49;color:#171a17;border:3px solid #171a17;box-shadow:3px 3px 0 #171a17;font-size:15px;font-weight:900;letter-spacing:.02em;text-decoration:none;transform:rotate(-2deg);transition:transform .2s ease,background-color .2s ease}
#stories .seven-cover .cover-movie span{font-size:18px;line-height:1}
#stories .seven-cover .cover-movie-top{position:static;max-width:none;width:100%;box-sizing:border-box}
@media(max-width:1000px){#stories .seven-cover .cover-movie-wrap{max-width:44%}}
#stories .seven-cover .cover-movie:hover,#stories .seven-cover .cover-movie:focus-visible{background:#fffdf3;transform:rotate(0) translateY(-2px)}
#stories .seven-cover .cover-movie:focus-visible{outline:3px solid #2865cf;outline-offset:3px}
@media(max-width:650px){#stories .seven-cover .cover-movie-wrap{right:6px;bottom:94px;max-width:none}#stories .seven-cover .cover-movie{min-height:30px;padding:4px 8px;gap:3px;font-size:10px;border-width:1.5px;box-shadow:2px 2px 0 #171a17}#stories .seven-cover .cover-movie span{font-size:12px}}
@media(prefers-reduced-motion:reduce){#stories .seven-cover .cover-movie{transition:none}}
@media(max-width:1000px){#stories .seven-cover .cover-feature b{font-size:44px}#stories .seven-cover .cover-feature b small{font-size:20px}#stories .seven-cover .cover-feature-next{top:290px}}
@media(max-width:650px){#stories .seven-cover .cover-feature{top:112px;right:8px;gap:2px}#stories .seven-cover .cover-feature-tag{font-size:9px;padding:1px 6px;border-width:1.5px}#stories .seven-cover .cover-feature b{font-size:28px;-webkit-text-stroke:1.5px #171a17;text-shadow:2px 2px 0 #171a17}#stories .seven-cover .cover-feature b small{font-size:13px;margin-bottom:2px}#stories .seven-cover .cover-feature em{font-size:9.5px;padding:2px 6px;border-width:1.5px}#stories .seven-cover .cover-feature-next{display:none}}

/* Back to top: a small logo mark with a label, bottom right, after the first screen (placement also set in wp-totop.js). */
.ozx-totop{position:fixed;right:18px;bottom:20px;z-index:60;display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:none;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.ozx-totop img{width:44px;height:44px;display:block;filter:drop-shadow(2px 2px 0 #171a17);transform:rotate(-8deg);transition:transform .2s}
.ozx-totop span{margin-top:-4px;font-size:10px;font-weight:900;letter-spacing:.08em;line-height:1.4;color:#fffdf3;background:#171a17;padding:0 6px;border-radius:999px}
.ozx-totop:hover img,.ozx-totop:focus-visible img{transform:rotate(0) translateY(-3px)}
.ozx-totop:focus-visible{outline:3px solid #2865cf;outline-offset:4px;border-radius:8px}
@media(max-width:650px){.ozx-totop{right:10px;bottom:14px}.ozx-totop img{width:36px;height:36px}.ozx-totop span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ozx-totop,.ozx-totop img{transition:none}}

/* Notice ticker in the COMIC JOURNAL bar. */
#app .seven-intro .comic-kicker.has-ticker{align-items:center;gap:14px}
#app .seven-intro .comic-kicker.has-ticker>span:first-child{flex-shrink:0}
#app .ozx-ticker{flex:1;min-width:0;display:flex;align-items:center;gap:10px;color:#171a17;text-decoration:none;letter-spacing:.04em}
#app .ozx-ticker-label{flex-shrink:0;background:#c8281e;color:#fffdf3;font-size:11px;font-weight:900;letter-spacing:.1em;padding:2px 8px;border:1.5px solid #171a17}
#app .ozx-ticker-window{flex:1;min-width:0;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
#app .ozx-ticker-track{display:inline-flex;transform:translateX(var(--ticker-from,0))}
#app .ozx-ticker-track.is-running{animation:ozx-ticker var(--ticker-time,20s) linear 1 both}
#app .ozx-ticker-track>span{padding-right:4em;font-size:13px;font-weight:800}
#app .ozx-ticker-track i{font-style:normal;color:#c8281e;margin:0 1.2em}
#app .ozx-ticker-date{font-weight:900;margin-right:1em;padding:0 6px;background:#171a17;color:#daee49;font-size:.92em;letter-spacing:.02em}
#app a.ozx-ticker:hover .ozx-ticker-track>span{text-decoration:underline;text-underline-offset:3px}
#app .ozx-ticker:hover .ozx-ticker-track,#app .ozx-ticker:focus-visible .ozx-ticker-track,#app .ozx-ticker:focus-within .ozx-ticker-track{animation-play-state:paused}
#app .ozx-ticker-track a{color:inherit;text-decoration:none}
#app .ozx-ticker-track a:hover,#app .ozx-ticker-track a:focus-visible{text-decoration:underline;text-underline-offset:3px}
#app a.ozx-ticker:focus-visible{outline:3px solid #2865cf;outline-offset:3px}
@keyframes ozx-ticker{from{transform:translateX(var(--ticker-from,0))}to{transform:translateX(var(--ticker-to,-100%))}}
.motion-off #app .ozx-ticker-track{animation:none;transform:none}
@media(prefers-reduced-motion:reduce){#app .ozx-ticker-track{animation:none;transform:none}}
#app .ozx-kicker-swap{flex:1;min-width:0;display:flex;justify-content:center;align-items:center}
#app .ozx-kicker-swap[data-show=tag] .ozx-ticker,#app .ozx-kicker-swap[data-show=news] .ozx-kicker-tag{display:none}
#app .ozx-kicker-swap .ozx-kicker-tag{display:block;animation:ozx-swap-in .5s ease both}
#app .ozx-kicker-swap[data-show=news] .ozx-ticker{animation:ozx-swap-in .4s ease both}
.motion-off #app .ozx-kicker-swap>*{animation:none}
@keyframes ozx-swap-in{from{opacity:0;transform:translateY(6px)}}
@media(prefers-reduced-motion:reduce){#app .ozx-kicker-swap>*{animation:none}}
@media(max-width:760px){#app .seven-intro .comic-kicker.has-ticker{flex-wrap:wrap;gap:6px 10px}#app .seven-intro .comic-kicker.has-ticker>span:last-child{display:none}#app .seven-intro .comic-kicker.has-ticker .ozx-kicker-swap{flex-basis:100%;justify-content:flex-start;min-height:22px;font-size:12px}#app .ozx-ticker-label{font-size:9.5px;padding:1px 6px}#app .ozx-ticker-track>span{font-size:12px}}
/* On phones the site's ranking button sits at the bottom right; lift it above the back-to-top button. */
@media(max-width:640px){body.v03b #ozxlog-float-wrap{bottom:72px}}
/* v0.7.4: larger type in 「見逃したくない、その日を。」: today's broadcasts, this week's / upcoming releases, the month list. */
#app .calendar-compact h3{font-size:22px!important;line-height:1.4}
#app .calendar-compact time,#app .calendar-compact div>p:not(.cal-week-day){font-size:15px!important;line-height:1.7!important}
#app .calendar-compact .cal-week-day{font-size:16px!important;line-height:1.7!important;margin:0 0 10px!important}
#app .calendar-compact .cal-week-day b{font-size:17px}
#app .calendar-compact .cal-more{font-size:16px}
#app .calendar-compact .schedule-empty{font-size:14px!important;padding:3px 8px}
#app .calendar-compact .schedule-icon{width:54px;height:54px}
#app .cal-tt-head{font-size:15px!important}
#app .cal-tt li{font-size:16px;line-height:1.75}
#app .cal-tt small{font-size:13px}
#app .cal-tt-more{font-size:15px!important}
#app #month-calendar summary{font-size:16px!important}
#app #calendar-selection{font-size:16px!important}
#app .calendar-day-list li{font-size:15px}
#app .calendar-day-list .cal-type{font-size:13px}
@media(max-width:760px){
  #app .calendar-compact h3{font-size:20px!important}
  #app .calendar-compact .cal-week-day,#app .cal-tt li{font-size:15px!important}
  #app .calendar-compact .cal-week-day b{font-size:16px}
  #app .calendar-compact time,#app .calendar-compact div>p:not(.cal-week-day){font-size:14px!important}
  #app .calendar-compact .schedule-icon{width:46px;height:46px}
  #app .calendar-day-list li{font-size:14px}
}
/* v0.7.6: phones. Panels 02-05 show their article titles (the original kept them for screen readers only, which
   left 02 an empty box); the calendar's count badges sit in the corner so the text gets the full width; the
   shelf's links fit on one line; the footer clears the floating ranking button. */
@media(max-width:650px){
  #stories .seven-grid .comic-cell-1 h3,#stories .seven-grid .comic-cell-2 h3,#stories .seven-grid .comic-cell-3 h3,#stories .seven-grid .comic-cell-4 h3{position:static;width:auto;height:auto;clip-path:none;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:14px!important;line-height:1.5!important;margin:6px 0 2px}
  #stories .seven-grid .comic-cell-3 h3,#stories .seven-grid .comic-cell-4 h3{-webkit-line-clamp:3;font-size:13.5px!important}
  #stories .seven-grid .comic-cell-3 .story-copy,#stories .seven-grid .comic-cell-4 .story-copy{flex-basis:168px;height:168px;min-height:168px!important;max-height:168px}
  #app .calendar-compact>section{position:relative}
  #app .calendar-compact>section>div{min-width:0;flex:1}
  #app .calendar-compact>section h3{padding-right:74px}
  #app .calendar-compact .schedule-empty{position:absolute;top:16px;right:0;margin:0}
  #app .calendar-compact>section:first-child .schedule-empty{top:0}
  .shelf-detail-button .ozx-sp-hide{display:none}
  .shelf-detail-button{white-space:nowrap}
  #app .site-footer{padding-bottom:96px}
}

/* 小説・映画 in the top page header (wp-links.js): links styled like the speech-bubble buttons beside them. */
#app .oz-nav a.ozx-nav-x{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:45px;padding:10px 13px;font-size:12px;font-weight:750;white-space:nowrap;color:#171a17;text-decoration:none;background:#fffdf3;border:2px solid #171a17;border-radius:45% 47% 43% 46%/35% 40% 45% 40%;box-shadow:2px 3px #171a17;transform:rotate(2deg)}
#app .oz-nav a.ozx-nav-x+a.ozx-nav-x{transform:rotate(-2deg)}
#app .oz-nav a.ozx-nav-x:after{content:'';position:absolute;left:13px;bottom:-7px;width:10px;height:10px;border-left:2px solid;border-bottom:2px solid;background:inherit;transform:skew(-15deg) rotate(-30deg)}
#app .oz-nav a.ozx-nav-x:hover{background:#ebefd8}
#app .oz-nav a.ozx-nav-x.is-empty{border-style:dashed;box-shadow:none;opacity:.7}
#app .oz-mobile-nav a.ozx-nav-x{min-height:48px;white-space:normal}
#app .oz-nav a.ozx-nav-x span{font-size:14px}

/* Panel 01 top left: おすすめ・セール情報 replaces the 「今日は、どの世界へ？」 bubble once it has content (wp-cover.js). */
#stories .seven-cover.has-sale .seven-cover-copy{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}
#stories .seven-cover .cover-sale{position:absolute;z-index:3;top:12px;left:12px;width:min(44%,330px);box-sizing:border-box;padding:10px 14px 10px;background:#fffdf3;border:3px solid #171a17;box-shadow:4px 4px 0 #171a17;color:#171a17;transform:rotate(-1deg)}
#stories .seven-cover .cover-sale-head{margin:0 0 6px;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:900;letter-spacing:.04em;line-height:1.3}
#stories .seven-cover .cover-sale-pr{flex-shrink:0;font-size:11px;font-weight:900;letter-spacing:.08em;padding:1px 6px;background:#c8281e;color:#fffdf3;border:2px solid #171a17}
#stories .seven-cover .cover-sale ul{margin:0;padding:0;list-style:none}
#stories .seven-cover .cover-sale li{border-top:1px dashed #171a1755;padding:5px 0;min-width:0}
#stories .seven-cover .cover-sale li:first-child{border-top:0}
#stories .seven-cover .cover-sale li a{display:block;font-size:14px;font-weight:800;line-height:1.5;color:#171a17;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#stories .seven-cover .cover-sale li a::before{content:'▶ ';color:#c8281e;font-size:11px}
#stories .seven-cover .cover-sale li a:hover,#stories .seven-cover .cover-sale li a:focus-visible{text-decoration:underline;text-underline-offset:3px}
#stories .seven-cover .cover-sale-note{margin:4px 0;font-size:12px;font-weight:700;line-height:1.5;color:#5c5f57}
#stories .seven-cover .cover-sale-more{display:inline-flex;align-items:center;min-height:36px;margin-top:6px;padding:4px 12px;background:#daee49;color:#171a17;border:2px solid #171a17;box-shadow:2px 2px 0 #171a17;font-size:13px;font-weight:900;text-decoration:none}
#stories .seven-cover .cover-sale-more:hover,#stories .seven-cover .cover-sale-more:focus-visible{background:#171a17;color:#fffdf3}
#stories .seven-cover .cover-sale a:focus-visible{outline:3px solid #2865cf;outline-offset:2px}
#stories .seven-cover .cover-sale small{display:block;margin-top:6px;font-size:10.5px;font-weight:700;color:#5c5f57}
@media(max-width:1000px){#stories .seven-cover .cover-sale{width:min(48%,280px)}#stories .seven-cover .cover-sale li a{font-size:12.5px}}
@media(max-width:650px){#stories .seven-cover .cover-sale{top:8px;left:8px;width:auto;max-width:66%;padding:5px 7px 6px;border-width:2px;box-shadow:2px 2px 0 #171a17}#stories .seven-cover .cover-sale-head{font-size:10px;gap:4px;margin-bottom:3px;white-space:nowrap}#stories .seven-cover .cover-sale-pr{font-size:8px;padding:0 3px;border-width:1.5px}#stories .seven-cover .cover-sale-note,#stories .seven-cover .cover-sale-long{display:none}#stories .seven-cover .cover-sale li:nth-child(n+2){display:none}#stories .seven-cover .cover-sale li{padding:1px 0 2px}#stories .seven-cover .cover-sale li a{font-size:10px;line-height:1.4}#stories .seven-cover .cover-sale li a::before{font-size:8px}#stories .seven-cover .cover-sale-more{min-height:26px;margin-top:2px;padding:2px 6px;font-size:9.5px;white-space:nowrap;border-width:1.5px;box-shadow:1.5px 1.5px 0 #171a17}#stories .seven-cover .cover-sale small{font-size:7.5px;margin-top:3px}}

/* v0.7.24 版番号：ヘッダー下の線のすぐ上、右端は検索ボタンにそろえる（11/02 オーナー指示） */
#app #header-preview>.ozx-ver{position:absolute;z-index:2;bottom:3px;right:12px;font:600 11px/1 system-ui,sans-serif!important;font-style:normal;color:#6b6656;letter-spacing:.02em;white-space:nowrap;pointer-events:none;transform:none}
@media(max-width:650px){#app #header-preview>.ozx-ver{bottom:2px;font-size:9px!important}}

/* v0.7.26 「Amazon…セール開催中」バッジ（セール期間中だけ。価格・割引率は書かない） */
#stories .seven-cover .cover-sale-badge{display:flex;align-items:center;gap:6px;margin:-2px -4px 8px;padding:6px 10px;background:#c8281e;color:#fffdf3;border:2px solid #171a17;box-shadow:3px 3px 0 #171a17;font-size:14px;font-weight:900;line-height:1.3;text-decoration:none;transform:rotate(-1.5deg)}
#stories .seven-cover .cover-sale-badge b{flex:1;min-width:0;font-weight:900;letter-spacing:.03em;line-height:1.3}
#stories .seven-cover .cover-sale-until{display:block;font-size:.8em;font-weight:800;letter-spacing:.02em;opacity:.95}
#stories .seven-cover .cover-sale-badge:hover,#stories .seven-cover .cover-sale-badge:focus-visible{background:#171a17;color:#fffdf3}
#stories .seven-cover .cover-sale-badge:focus-visible{outline:3px solid #2865cf;outline-offset:2px}
#stories .seven-cover .cover-sale-badge.is-alone{position:absolute;z-index:3;top:12px;left:12px;max-width:min(60%,360px);margin:0}
#stories .seven-cover .cover-sale-badge .cover-sale-pr{background:#fffdf3;color:#c8281e}
#stories .seven-cover .cover-sale .cover-sale-badge .cover-sale-pr{display:none}
@media(max-width:1100px) and (min-width:651px){#stories .seven-cover .cover-sale-badge{font-size:12px;padding:6px 8px;gap:5px}#stories .seven-cover .cover-sale-badge b{letter-spacing:0}}
@media(max-width:650px){#stories .seven-cover .cover-sale-badge{gap:3px;margin:-1px -2px 4px;padding:3px 5px;font-size:9.5px;border-width:1.5px;box-shadow:1.5px 1.5px 0 #171a17}#stories .seven-cover .cover-sale-badge b{white-space:normal;overflow:visible;line-height:1.25}#stories .seven-cover .cover-sale-ico,#stories .seven-cover .cover-sale-badge>span:last-child,#stories .seven-cover .cover-sale-until{display:none}#stories .seven-cover .cover-sale.has-badge ul{display:none}#stories .seven-cover .cover-sale-badge.is-alone{top:8px;left:8px;max-width:72%}#stories .seven-cover .cover-sale.has-badge .cover-sale-head{display:none}#stories .seven-cover .cover-sale .cover-sale-badge .cover-sale-pr{display:inline-block}}
/* v0.7.26 スマホの01コマを見やすく（11/03 オーナー指示）：セール枠を幅いっぱい・文字を大きく、特集の見出しをその下へ */
@media(max-width:650px){
  #stories .seven-cover .cover-sale{left:8px;right:34px;max-width:none;padding:7px 8px 7px;transform:rotate(-.6deg)}
  #stories .seven-cover .cover-sale-head{font-size:11.5px}
  #stories .seven-cover .cover-sale-pr{font-size:9px;padding:0 4px}
  #stories .seven-cover .cover-sale li a{font-size:11.5px;line-height:1.45}
  #stories .seven-cover .cover-sale-badge{gap:5px;margin:0 0 6px;padding:6px 8px;font-size:12px;line-height:1.3;border-width:2px;box-shadow:2px 2px 0 #171a17;transform:rotate(-1deg)}
  #stories .seven-cover .cover-sale-more{min-height:30px;margin-top:4px;padding:3px 8px;font-size:11px;border-width:2px}
  #stories .seven-cover .cover-sale small{font-size:8.5px;margin-top:4px}
  #stories .seven-cover .cover-sale-badge.is-alone{right:34px;max-width:none}
  #stories .seven-cover.has-sale .cover-feature{top:162px}
}
/* v0.7.27 スマホ（650px以下）はコマを1つずつ縦に積む（11/03 オーナー指示）。PC・タブレットは変えない。 */
@media(max-width:650px){
  #stories .seven-grid:not(.is-filtered){display:flex;flex-direction:column;gap:12px;--diagonal:0px}
  #stories .seven-grid:not(.is-filtered)>*{width:100%;height:auto;translate:none!important;margin:0}
  #stories .seven-grid:not(.is-filtered) .seven-cover{height:min(560px,140vw);min-height:480px}
  #stories .seven-grid:not(.is-filtered) .story{min-height:0;border:2px solid #171a17;padding:0;background:#fffdf3}
  #stories .seven-grid:not(.is-filtered) .story:before,#stories .seven-grid:not(.is-filtered) .story:after{clip-path:none}
  #stories .seven-grid:not(.is-filtered) .story .story-link{clip-path:none;height:auto}
  #stories .seven-grid:not(.is-filtered) .story .comic-picture{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;flex:none!important;opacity:1!important}
  #stories .seven-grid:not(.is-filtered) .story .comic-picture img{position:static!important;inset:auto!important;display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;transform:none!important;opacity:1!important}
  #stories .seven-grid:not(.is-filtered) .story-copy{flex:none!important;height:auto!important;min-height:0!important;max-height:none!important;padding:10px 12px 46px!important;background:#fffdf3}
  #stories .seven-grid:not(.is-filtered) .comic-cell-1 h3,#stories .seven-grid:not(.is-filtered) .comic-cell-2 h3,#stories .seven-grid:not(.is-filtered) .comic-cell-3 h3,#stories .seven-grid:not(.is-filtered) .comic-cell-4 h3{position:static;width:auto;height:auto;overflow:hidden;clip-path:none;white-space:normal;font-size:16px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
  #stories .seven-grid:not(.is-filtered) h3{font-size:16px;line-height:1.6}
  #stories .seven-grid:not(.is-filtered) .seven-speech{font-size:14px;padding:4px 10px}
  #stories .seven-grid:not(.is-filtered) .public-card-link{font-size:12px}
  #stories .seven-grid:not(.is-filtered) .comic-cell-5,#stories .seven-grid:not(.is-filtered) .comic-cell-5 .latest-view{height:auto}
}
/* v0.7.28 スマホのトップ：開いた直後は浮いているボタン（新着記事・ランキング）を隠し、少し下へ読み進めたら出す。01の「上映中」ボタンを隠さないため */
#ozxlog-float-wrap{transition:opacity .25s ease,transform .25s ease}
html.ozx-float-wait #ozxlog-float-wrap{opacity:0;transform:translateY(16px);pointer-events:none}
/* v0.7.29 phone: the small labels on the top page get a readable size now that every panel is full width. */
@media(max-width:650px){
  #stories .seven-cover .cover-movie{min-height:40px;padding:6px 12px;gap:5px;font-size:13px;border-width:2px}
  #stories .seven-grid:not(.is-filtered) .news-position-badge{font-size:11px;padding:2px 6px;top:8px;left:8px}
  #stories .seven-grid:not(.is-filtered) .comic-cell-5 .news-snapshot{font-size:11px;padding:2px 6px;top:8px;left:60px}
}
/* v0.7.29 small tablets (651–960px): panel 01 is narrow, so its boxes are stacked instead of laid side by side.
   The sale box runs along the top, the season feature sits right under it (its top comes from --ozx-sale-bottom,
   measured in wp-cover.js), the date box and the 上映中 button share the bottom, and the two lists that would
   collide (新着記事 3件 — panel 05 has them — and 人気のアニメ映画記事) are left out, as on phones. */
@media(min-width:651px) and (max-width:960px){
  #stories .seven-cover.has-sale .cover-sale{top:12px;left:12px;right:48px;width:auto;max-width:460px}
  #stories .seven-cover.has-sale .cover-sale li a{font-size:13px}
  #stories .seven-cover.has-sale .cover-feature{top:calc(var(--ozx-sale-bottom,250px) + 14px)}
  #stories .seven-cover.has-sale .cover-feature-next{top:calc(var(--ozx-sale-bottom,250px) + 18px + var(--ozx-feat-h,150px))}
  #stories .seven-cover .cover-lines{display:none}
  #stories .seven-cover .cover-movie-top{display:none}
  #stories .seven-cover .cover-issue{top:auto;right:auto;bottom:30px;left:12px;align-items:flex-start;text-align:left}
  #stories .seven-cover .cover-movie-wrap{bottom:30px;max-width:calc(100% - 172px)}
  #stories .seven-cover .cover-movie{font-size:14px;padding:6px 12px}
  #stories .seven-cover .cover-issue{padding:6px 9px;gap:1px}
  #stories .seven-cover .cover-issue span{font-size:10px}
  #stories .seven-cover .cover-issue b{font-size:14px}
  #stories .seven-cover .cover-issue small{font-size:11px}
}
/* v0.7.32 651–760px: the date box and the 上映中 button no longer share one row (they touched at 660px on the live
   site); the button sits just above the date box, on the right. */
@media(min-width:651px) and (max-width:760px){#stories .seven-cover .cover-movie{font-size:14px;padding:6px 12px;gap:5px}#stories .seven-cover .cover-movie-wrap{bottom:116px;max-width:calc(100% - 24px)}}
@media(min-width:961px) and (max-width:1000px){#stories .seven-cover .cover-lines:not(.cover-movie-top){max-width:calc(56% - 36px)}#stories .seven-cover .cover-feature-next{top:306px}}
/* v0.7.31 top header, 761–1000px: the eight or nine bubbles do not fit beside the logo (they ran ~135px past the
   right edge), so this width uses the メニュー button and its panel, as phones do. Above 1000px nothing changes. */
@media(min-width:761px) and (max-width:1000px){
  #app .oz-desktop-nav,#app .header-magazine .oz-desktop-nav{display:none}
  #app .oz-header-actions{margin-left:auto}
  #app .oz-menu-button{display:flex}
  #app .oz-mobile-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* While the top page's menu is open, the floating ranking button steps aside so it does not sit on the bubbles. */
body:has(.oz-menu-button[aria-expanded=true]) #ozxlog-float-wrap{visibility:hidden}