/*!
Theme Name: Kodansha USA
Theme URI: https://kodansha.us/
Author: Kodansha USA
Author URI: https://kodansha.us/
Description: A custom theme built for Kodansha by Evan Minto
Version: 1.9.4
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kodansha-usa
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Kodansha USA is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/@font-face {
  font-display:swap;
  font-family:Galaxie Copernicus;
  font-style:normal;
  src:url(/assets/GalaxieCopernicus-Book.b9a7d8dd.woff2) format("woff2"),
  url(/assets/GalaxieCopernicus-Book.921dc341.woff) format("woff")
}
@font-face {
  font-display:swap;
  font-family:Maax;
  font-style:normal;
  font-weight:400;
  src:url(/assets/Maax-Regular.cc560053.woff2) format("woff2"),
  url(/assets/Maax-Regular.4dd7867d.woff) format("woff")
}
@font-face {
  font-display:swap;
  font-family:Maax;
  font-style:italic;
  font-weight:400;
  font-weight:300 400;
  src:url(/assets/Maax-Italic.f0a8561d.woff2) format("woff2"),
  url(/assets/Maax-Italic.da5ef7b9.woff) format("woff")
}
@font-face {
  font-display:swap;
  font-family:Maax;
  font-style:normal;
  font-weight:500;
  src:url(/assets/Maax-Medium.8b94eeae.woff2) format("woff2"),
  url(/assets/Maax-Medium.da1c6831.woff) format("woff")
}
@font-face {
  font-display:swap;
  font-family:Maax;
  font-style:italic;
  font-weight:500;
  src:url(/assets/Maax-Medium_Italic.24ed8a5d.woff2) format("woff2"),
  url(/assets/Maax-Medium_Italic.df67266c.woff) format("woff")
}
@font-face {
  font-display:swap;
  font-family:Maax;
  font-style:normal;
  font-weight:700;
  font-weight:600 700;
  src:url(/assets/Maax-Bold.8dbbc02e.woff2) format("woff2"),
  url(/assets/Maax-Bold.8f2615cf.woff) format("woff")
}
@font-face {
  font-display:swap;
  font-family:Maax;
  font-style:italic;
  font-weight:700;
  font-weight:600 700;
  src:url(/assets/Maax-Bold_Italic.34be3b51.woff2) format("woff2"),
  url(/assets/Maax-Bold_Italic.87a1a49a.woff) format("woff")
}
@use "sass:string";
:root {
  --color-white:#fff;
  --color-gray-light:#f2f2f2;
  --color-gray-mid:#ddd;
  --color-gray-dark:#757575;
  --color-black:#000;
  --color-red:#f5333f;
  --color-blue:#3cc8e1;
  --color-orange:#ff9f37;
  --color-purple:#c964cf;
  --color-green:#14bfa1;
  --color-pink:#f67599;
  --color-navy:#001a70;
  --color-yellow:#ffe600;
  --color-blue-rgb:60,
  200,
  225;
  --color-green-rgb:20,
  191,
  161;
  --color-navy-rgb:0,
  26,
  112;
  --color-orange-rgb:255,
  159,
  55;
  --color-pink-rgb:246,
  117,
  153;
  --color-purple-rgb:201,
  100,
  207;
  --color-red-rgb:245,
  51,
  63;
  --color-yellow-rgb:255,
  230,
  0;
  --color-background:var(--color-white);
  --color-background-2:var(--color-gray-light);
  --color-background-3:var(--color-gray-mid);
  --color-text:var(--color-black);
  --color-text-2:var(--color-gray-dark);
  --color-line:var(--color-black);
  --color-line-2:var(--color-gray-dark);
  --color-line-3:var(--color-gray-mid);
  --measure:80ch;
  --line-height:1.3;
  --line-height-heading:1.1667;
  --font-family-sans-serif:"Maax",
  "Century Gothic",
  "Futura",
  helvetica,
  arial,
  sans-serif;
  --font-family-serif:"Galaxie Copernicus",
  "Palatino Linotype",
  "Book Antiqua",
  "Palatino",
  serif;
  --font-family-monospace:"Courier 10 Pitch",
  courier,
  monospace;
  --font-family-code:monaco,
  consolas,
  "Andale Mono",
  "DejaVu Sans Mono",
  monospace;
  --type-scale:1.125;
  --font-size-01:calc(var(--font-size-02)/var(--type-scale));
  --font-size-02:calc(var(--font-size-03)/var(--type-scale));
  --font-size-03:calc(var(--font-size-04)/var(--type-scale));
  --font-size-04:1rem;
  --font-size-05:calc(var(--font-size-04)*var(--type-scale));
  --font-size-06:calc(var(--font-size-05)*var(--type-scale));
  --font-size-07:calc(var(--font-size-06)*var(--type-scale));
  --font-size-08:calc(var(--font-size-07)*var(--type-scale));
  --font-size-09:calc(var(--font-size-08)*var(--type-scale));
  --font-size-10:calc(var(--font-size-09)*var(--type-scale));
  --font-size-11:calc(var(--font-size-10)*var(--type-scale));
  --font-size-12:calc(var(--font-size-11)*var(--type-scale));
  --font-size-13:calc(var(--font-size-12)*var(--type-scale));
  --font-size-14:calc(var(--font-size-13)*var(--type-scale));
  --font-size-15:calc(var(--font-size-14)*var(--type-scale));
  --font-size-16:calc(var(--font-size-15)*var(--type-scale));
  --font-size-17:calc(var(--font-size-16)*var(--type-scale));
  --font-size-18:calc(var(--font-size-17)*var(--type-scale));
  --font-size-xxx-smaller:calc(var(--font-size-xx-smaller)/var(--type-scale));
  --font-size-xx-smaller:calc(var(--font-size-x-smaller)/var(--type-scale));
  --font-size-x-smaller:calc(var(--font-size-smaller)/var(--type-scale));
  --font-size-smaller:calc(1em/var(--type-scale));
  --font-size-icon-default:2.375rem;
  --small-caps-modifier:0.8;
  --font-size-small-caps-03:calc(var(--font-size-03)*var(--small-caps-modifier));
  --font-size-small-caps-04:calc(var(--font-size-04)*var(--small-caps-modifier));
  --font-size-small-caps-05:calc(var(--font-size-05)*var(--small-caps-modifier));
  --space-01:calc(var(--space-02)/2);
  --space-02:calc(var(--space-03)/2);
  --space-03:calc(var(--space-04)/2);
  --space-04:calc(var(--space-05)/2);
  --space-05:calc(var(--font-size-05)*var(--line-height));
  --space-06:calc(var(--space-05)*2);
  --space-07:calc(var(--space-06)*2);
  --space-08:calc(var(--space-07)*2);
  --space-line:calc(var(--font-size-04)*var(--line-height));
  --border-width-sm:0.09375rem;
  --border-width-md:0.125rem;
  --border-width-lg:0.25rem;
  --box-shadow-md:0.125rem 0.25rem 0.3125rem 0 rgba(0,
  0,
  0,
  0.2);
  --focus-shadow-size:var(--border-width-lg);
  --site-header-bump:calc(4.0625rem + var(--space-04)*2);
  --flow-gap-default:var(--space-05);
  --flow-gap:var(--flow-gap-default);
  --flow-gap-all:initial;
  --site-top-bump:10rem
}
@media screen and (min-width:50em) {
  :root {
    --site-header-bump:calc(5.25rem + var(--space-04) + var(--space-05))
  }
}
@keyframes reveal-down {
  0% {
    opacity:0;
    clip-path:polygon(0 0,100% 0,100% 0,0 0)
  }
  90% {
    opacity:1
  }
  to {
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%)
  }
}
@keyframes slide-in {
  0% {
    transform:translateX(-125%)
  }
  to {
    transform:translateX(0)
  }
}
@keyframes fade-in {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes fade-out-spin {
  0% {
    opacity:1;
    transform:rotate(0)
  }
  to {
    opacity:0;
    transform:rotate(.5turn)
  }
}
@keyframes fade-in-spin {
  0% {
    opacity:0;
    transform:rotate(.5turn)
  }
  50% {
    opacity:0;
    transform:rotate(.5turn)
  }
  to {
    opacity:1;
    transform:rotate(0)
  }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  -webkit-text-size-adjust:100%
}
body {
  margin:0
}
main {
  display:block
}
hr {
  box-sizing:initial;
  height:0;
  overflow:visible
}
pre {
  font-size:1em
}
a {
  background-color:initial
}
abbr[title] {
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted
}
b,
strong {
  font-weight:bolder
}
code,
kbd,
samp {
  font-family:monospace,monospace;
  font-size:1em
}
small {
  font-size:.88889em;
  font-size:var(--font-size-smaller)
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:initial
}
sub {
  bottom:-.25em
}
sup {
  top:-.5em
}
img {
  border-style:none
}
button,
input,
optgroup,
select,
textarea {
  font-family:inherit;
  font-size:100%;
  line-height:inherit
}
button,
input {
  overflow:visible
}
button,
select {
  text-transform:none
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance:button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style:none;
  padding:0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline:1px dotted ButtonText
}
fieldset {
  padding:.35em .75em .625em
}
legend {
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal
}
progress {
  vertical-align:initial
}
textarea {
  overflow:auto
}
[type=checkbox],
[type=radio] {
  box-sizing:border-box;
  padding:0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height:auto
}
[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
details {
  display:block
}
summary {
  display:list-item
}
[hidden],
template {
  display:none
}
*,
:after,
:before {
  box-sizing:inherit
}
details>*,
html {
  box-sizing:border-box
}
* {
  --flow-gap:var(--flow-gap-all,var(--flow-gap-default));
  margin-bottom:0;
  margin-top:0;
  transition:background-color 125ms ease-out,border-color 125ms ease-out,box-shadow 125ms ease-out,color 125ms ease-out,filter 125ms ease-out,opacity 125ms ease-out,text-decoration-color 125ms ease-out
}
*+* {
  margin-top:1.4625rem;
  margin-top:var(--flow-gap)
}
@media (prefers-reduced-motion:reduce) {
  *,
  :after,
  :before {
    transition:none!important;
    animation-duration:0s!important
  }
}
html {
  font-family:Maax,Century Gothic,Futura,helvetica,arial,sans-serif;
  font-family:var(--font-family-sans-serif);
  font-size:1rem;
  font-size:var(--font-size-04);
  line-height:1.3;
  line-height:var(--line-height)
}
dialog-box {
  display:block;
  animation:fade-in .2s ease-in-out;
  pointer-events:none;
  position:absolute;
  visibility:hidden
}
dialog-box:target,
dialog-box[open] {
  pointer-events:all;
  position:static;
  visibility:visible
}
@media screen and (min-width:50em) {
  dialog-box[desktop=show] {
    pointer-events:all;
    position:static;
    visibility:visible
  }
  dialog-box[desktop=hide] {
    pointer-events:none;
    position:absolute;
    visibility:hidden
  }
}
@media screen and (max-width:50em) {
  dialog-box[mobile=show] {
    pointer-events:all;
    position:static;
    visibility:visible
  }
  dialog-box[mobile=hide] {
    pointer-events:none;
    position:absolute;
    visibility:hidden
  }
}
only-script {
  opacity:0;
  transition:opacity .25s ease-in-out
}
only-script[loaded] {
  opacity:1
}
.site {
  --site-top-bump:calc(var(--wpadminbar-height) + var(--site-header-bump));
  display:flex;
  flex-direction:column;
  margin-top:10rem;
  margin-top:var(--site-top-bump);
  min-height:100vh;
  min-height:calc(100vh - 10rem);
  min-height:calc(100vh - var(--site-top-bump))
}
.site>:nth-last-child(2) {
  margin-bottom:auto
}
.site-main {
  --site-gutter:var(--space-04);
  --flow-gap:0;
  margin-left:auto;
  margin-right:auto;
  max-width:100%;
  padding-left:var(--site-gutter);
  padding-right:var(--site-gutter);
  width:85rem
}
@media screen and (min-width:50em) {
  .site-main {
    --site-gutter:var(--space-05)
  }
}
.site-main>* {
  --flow-gap:var(--space-07)
}
body,
button,
input,
optgroup,
select,
textarea {
  font:inherit
}
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
  max-width:80ch;
  max-width:var(--measure)
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear:both;
  font-weight:500;
  letter-spacing:-.03ch;
  line-height:1.1667;
  line-height:var(--line-height-heading)
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  display:block
}
h1 {
  font-size:2.56578rem;
  font-size:var(--font-size-12)
}
@media screen and (min-width:50em) {
  h1 {
    font-size:4.62363rem;
    font-size:var(--font-size-17)
  }
}
h2 {
  font-size:1.60181rem;
  font-size:var(--font-size-08)
}
@media screen and (min-width:50em) {
  h2 {
    font-size:2.88651rem;
    font-size:var(--font-size-13)
  }
}
h3,
h4,
h5,
h6 {
  font-size:1.125rem;
  font-size:var(--font-size-05)
}
h4,
h5,
h6 {
  font-weight:500
}
cite,
dfn,
em,
i {
  font-style:italic
}
blockquote {
  margin-left:1.5em;
  margin-right:1.5em
}
pre {
  background:#f2f2f2;
  background:var(--color-background-2);
  font-family:Courier\ 10 Pitch,courier,monospace;
  font-family:var(--font-family-monospace);
  line-height:1.6;
  max-width:100%;
  overflow:auto;
  padding:1.6em
}
code,
kbd,
tt,
var {
  font-family:monaco,consolas,Andale Mono,DejaVu Sans Mono,monospace;
  font-family:var(--font-family-code)
}
abbr,
acronym {
  border-bottom:.125rem dotted #757575;
  border-bottom:var(--border-width-md) dotted var(--color-line-2);
  cursor:help
}
ins,
mark {
  background:#f2f2f2;
  background:var(--color-background-2);
  text-decoration:none
}
big {
  font-size:125%
}
body {
  --wpadminbar-height:0rem;
  background:#fff;
  background:var(--color-background);
  color:#000;
  color:var(--color-text);
  overflow-x:hidden
}
body.admin-bar {
  --wpadminbar-height:32px
}
@media screen and (max-width:782px) {
  body.admin-bar {
    --wpadminbar-height:46px
  }
}
body * {
  scrollbar-color:#000 transparent;
  scrollbar-color:var(--color-line) transparent;
  scrollbar-width:thin
}
body ::-webkit-scrollbar {
  height:.25rem;
  height:var(--border-width-lg);
  width:.25rem;
  width:var(--border-width-lg)
}
body ::-webkit-scrollbar-track {
  background-color:initial
}
body ::-webkit-scrollbar-thumb {
  background-color:#000;
  background-color:var(--color-line)
}
hr {
  background-color:#000;
  background-color:var(--color-line);
  border:0;
  height:.125rem;
  height:var(--border-width-md);
  padding:0!important
}
ol[class],
ul[class] {
  list-style:none;
  max-width:none;
  padding-left:0
}
ul {
  list-style:disc
}
ol {
  list-style:decimal
}
[role=term] {
  font-size:1.125rem;
  font-size:var(--font-size-05);
  font-weight:500
}
@media screen and (min-width:50em) {
  [role=term] {
    font-size:1.26563rem;
    font-size:var(--font-size-06)
  }
}
[role=term]:after {
  content:":"
}
[role=definition] {
  margin-left:0
}
embed,
iframe,
img,
object {
  max-width:100%
}
img {
  height:auto;
  object-fit:cover;
  object-position:center center
}
img,
picture {
  display:block
}
picture>* {
  --flow-gap:0
}
figcaption {
  color:#757575;
  color:var(--color-text-2);
  font-size:.88889em;
  font-size:var(--font-size-smaller)
}
figure {
  margin-left:0;
  margin-right:0
}
figure figcaption {
  --flow-gap:var(--space-04)
}
a {
  color:inherit;
  text-decoration-color:#757575;
  text-decoration-color:var(--color-text-2);
  text-decoration-thickness:.125rem;
  text-decoration-thickness:var(--border-width-md);
  text-underline-offset:.15em
}
@media (any-hover:hover) {
  a:hover {
    background:#f2f2f2;
    background:var(--color-background-2)
  }
}
a:focus {
  text-decoration-color:transparent
}
a:active {
  background:#000;
  background:var(--color-text);
  color:#fff;
  color:var(--color-background);
  text-decoration-color:#000;
  text-decoration-color:var(--color-text);
  text-decoration-skip-ink:none
}
button {
  background:#f2f2f2;
  background:var(--color-background-2);
  border:0;
  border-radius:0;
  font-size:.9rem;
  font-size:var(--font-size-small-caps-05);
  font-weight:500;
  letter-spacing:.16ch;
  text-transform:uppercase
}
fieldset {
  border:0;
  padding:0
}
input,
select,
textarea {
  --focus-shadow-size:var(--border-width-md)
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
  background:#fff;
  background:var(--color-background);
  border:.125rem solid #000;
  border:var(--border-width-md) solid var(--color-line);
  padding:.36563rem;
  padding:var(--space-03);
  width:100%
}
input:invalid:not(:focus) {
  box-shadow:none
}
select {
  font-size:.71111rem;
  font-size:var(--font-size-small-caps-03);
  font-weight:500;
  letter-spacing:.16ch;
  text-transform:uppercase;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:.125rem solid;
  border:var(--border-width-md) solid;
  border-radius:0;
  color:currentColor;
  display:block;
  padding:.36563rem .73125rem;
  padding:var(--space-03) var(--space-04);
  text-decoration:none;
  width:100%;
  background:none;
  background-image:url(/assets/triangle-down.ff76deba.svg);
  background-size:1rem;
  background-size:var(--font-size-04);
  background-position:right .73125rem center;
  background-position:right var(--space-04) center;
  background-repeat:no-repeat
}
@media (any-hover:hover) {
  select:hover {
    background-color:#f2f2f2;
    background-color:var(--color-background-2)
  }
}
select:active {
  border-color:currentColor
}
label+select {
  --flow-gap:var(--space-04)
}
[type=checkbox] {
  display:inline-block;
  margin-left:0;
  margin-right:0;
  width:1.4em;
  height:1.4em;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:#fff;
  background:var(--color-background);
  border:.125rem solid;
  border:var(--border-width-md) solid;
  transition:background-color 0ms,border-width 125ms ease-out
}
[type=checkbox]:checked {
  background:currentColor;
  border-width:.7em;
  transition:border-width 125ms ease-in,background-color 0ms 125ms
}
[type=checkbox]+label {
  font-size:.8em;
  font-size:calc(1em*var(--small-caps-modifier));
  font-weight:500;
  letter-spacing:.16ch;
  text-transform:uppercase
}
textarea {
  width:100%
}
@supports (box-shadow:var(--x)) {
  :focus {
    outline:none;
    box-shadow:0 0 0 .25rem #000;
    box-shadow:0 0 0 var(--focus-shadow-size) var(--color-line)
  }
  .js-focus-visible :focus:not(.focus-visible) {
    box-shadow:none
  }
}
.l-box {
  --l-box__gutter:var(--space-05);
  --l-box__gutter-block:var(--l-box__gutter);
  --l-box__gutter-inline:var(--l-box__gutter);
  padding:1.4625rem;
  padding:var(--l-box__gutter-block) var(--l-box__gutter-inline);
  outline:.125rem transparent;
  outline:var(--border-width-md) transparent
}
.l-center {
  --l-center__max-size:calc(var(--measure)*1.75);
  display:flex;
  flex-direction:column
}
.l-center>* {
  flex:1 1 auto;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  max-width:140ch;
  max-width:calc(var(--measure)*1.75);
  max-width:var(--l-center__max-size)
}
.l-cluster {
  --l-cluster__gap:var(--space-05);
  --l-cluster__gap-block:var(--l-cluster__gap);
  --l-cluster__gap-inline:var(--l-cluster__gap);
  display:flex;
  flex-wrap:wrap;
  margin-left:-1.4625rem;
  margin-left:calc(var(--l-cluster__gap-inline)*-1);
  margin-bottom:-1.4625rem;
  margin-bottom:calc(var(--l-cluster__gap-block)*-1)
}
.l-cluster>* {
  flex:0 1 auto;
  margin:0 0 0 1.4625rem;
  margin-left:var(--l-cluster__gap-inline);
  margin-bottom:1.4625rem;
  margin-bottom:var(--l-cluster__gap-block)
}
.l-cluster--spread {
  justify-content:space-between
}
.l-cluster--end {
  justify-content:flex-end
}
.l-cluster--center {
  justify-content:center
}
.l-cluster--center-vertical {
  align-items:center
}
.l-cluster--end-vertical {
  align-items:flex-end
}
.l-cluster--baseline {
  align-items:baseline
}
.l-columns {
  --l-columns__gap:var(--space-05);
  columns:10rem 3;
  column-gap:var(--l-columns__gap)
}
.l-columns>* {
  break-inside:avoid
}
.l-cover {
  --l-cover__min-size:100vh;
  --l-cover__gap:var(--space-05);
  --l-cover__gutter:var(--space-05);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:100vh;
  min-height:var(--l-cover__min-size);
  padding:1.4625rem;
  padding:var(--l-cover__gutter)
}
.l-cover>:first-child:not(.l-cover__main) {
  margin:0 0 1.4625rem;
  margin-bottom:var(--l-cover__gap)
}
.l-cover>:last-child:not(.l-cover__main) {
  margin:1.4625rem 0 0;
  margin-top:var(--l-cover__gap)
}
.l-cover__main {
  margin-bottom:auto;
  margin-top:auto
}
.l-cover--anchor-bottom .l-cover__main {
  margin-bottom:0
}
.l-frame {
  --l-frame__aspect-ratio:1/1;
  --l-frame__aspect-ratio-wrapped:(var(--l-frame__aspect-ratio));
  overflow:hidden;
  padding-bottom:100%;
  padding-bottom:calc(100%/var(--l-frame__aspect-ratio-wrapped));
  position:relative
}
.l-frame>* {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  top:0;
  height:100%;
  width:100%
}
.l-grid {
  --l-grid__track-size:8rem;
  --l-grid__gap:var(--space-05);
  --l-grid__gap-block:var(--l-grid__gap);
  --l-grid__gap-inline:var(--l-grid__gap);
  --l-grid__max-columns:4;
  display:flex;
  flex-wrap:wrap;
  margin-left:-1.4625rem;
  margin-left:calc(var(--space-05)*-1);
  margin-bottom:-1.4625rem;
  margin-bottom:calc(var(--space-05)*-1);
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(max((100% - (var(--l-grid__max-columns) - 1) * var(--l-grid__gap-inline))/var(--l-grid__max-columns),min(var(--l-grid__track-size),100%)),1fr));
  grid-gap:var(--l-grid__gap-block) var(--l-grid__gap-inline)
}
.l-grid>* {
  flex:0 1 24rem;
  margin:0 1.4625rem 1.4625rem 0;
  margin:0 var(--space-05) var(--space-05) 0
}
.l-grid--max-3 {
  --l-grid__max-columns:3;
  --l-grid__track-size:18rem
}
.l-grid--max-2 {
  --l-grid__max-columns:2;
  --l-grid__track-size:18rem
}
.l-grid--max-2>* {
  flex-basis:30rem
}
@supports (display:grid) {
  .l-grid {
    margin-left:0;
    margin-bottom:0
  }
  .l-grid>* {
    margin:0;
    max-width:none
  }
}
.l-reel {
  --l-reel__gap:var(--space-05);
  --l-reel__gap-block:var(--l-reel__gap);
  --l-reel__gap-inline:var(--l-reel__gap);
  --l-reel__gutter:0;
  --l-reel__bg-color:#fff;
  --l-reel__item-size:auto;
  align-items:stretch;
  display:flex;
  grid-gap:0;
  gap:0;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:var(--space-02) var(--l-reel__gutter) var(--space-04);
  position:relative;
  z-index:0
}
.l-reel:after {
  content:"";
  flex:0 0 0;
  flex:0 0 var(--l-reel__gutter)
}
ol.l-reel,
ul.l-reel {
  padding-left:var(--l-reel__gutter);
  padding-right:var(--l-reel__gutter)
}
.l-reel>* {
  flex:0 0 auto;
  flex:0 0 var(--l-reel__item-size);
  margin:0;
  max-width:var(--l-reel__item-size)
}
.l-reel>*+* {
  margin-top:0;
  margin-left:1.4625rem;
  margin-left:var(--l-reel__gap-inline)
}
.l-reel--4-up {
  --l-reel__item-size:max(15rem,calc(25% - var(--l-reel__gap-inline)*3/4))
}
.l-reel--4-up>* {
  flex-basis:calc(25% - 1.09688rem);
  flex-basis:calc(25% - var(--space-05)*3/4);
  flex-basis:var(--l-reel__item-size);
  min-width:15rem
}
.l-switcher {
  --l-switcher__breakpoint:var(--measure);
  --l-switcher__gap:var(--space-05);
  --l-switcher__gap-block:var(--l-switcher__gap);
  --l-switcher__gap-inline:var(--l-switcher__gap);
  --l-switcher__line-color:var(--color-line);
  --l-switcher__line-width:var(--border-width-md);
  --l-switcher__size:1;
  display:flex;
  flex-wrap:wrap;
  margin-left:-1.4625rem;
  margin-left:calc(var(--l-switcher__gap-inline)*-1);
  margin-bottom:-1.4625rem;
  margin-bottom:calc(var(--l-switcher__gap-block)*-1)
}
.l-switcher>* {
  flex:1 1;
  flex-basis:calc(799920ch - 999900%);
  flex-basis:calc(var(--measure)*9999 - 999900%);
  flex:var(--l-switcher__size) 1 calc(var(--l-switcher__breakpoint)*9999 - 999900%);
  margin-left:1.4625rem;
  margin-left:var(--l-switcher__gap-inline);
  margin-bottom:1.4625rem;
  margin-bottom:var(--l-switcher__gap-block);
  margin-top:0
}
.l-switcher__separator {
  display:block;
  flex:0 1;
  flex-basis:calc(799920ch - 999900%);
  flex-basis:calc(var(--measure)*9999 - 999900%);
  flex:0 1 max(var(--l-switcher__line-width),(var(--l-switcher__breakpoint) - 100%) * 9999);
  min-height:.125rem;
  min-height:var(--border-width-md);
  min-height:var(--l-switcher__line-width);
  min-width:.125rem;
  min-width:var(--border-width-md);
  min-width:var(--l-switcher__line-width);
  max-height:clamp(var(--l-switcher__line-width),(100% - var(--l-switcher__breakpoint)) * 9999,9999px);
  align-self:stretch;
  background:#000;
  background:var(--color-line);
  background:var(--l-switcher__line-color);
  padding:0
}
.l-switcher--7-3>:first-child {
  --l-switcher__size:7
}
.l-switcher--7-3>:last-child {
  --l-switcher__size:3
}
.l-switcher--1-2>:last-child {
  --l-switcher__size:2
}
.l-sidebar {
  --l-sidebar__main-min-size:50%;
  --l-sidebar__size:auto;
  --l-sidebar__gap:var(--space-05);
  --l-sidebar__gap-block:var(--l-sidebar__gap);
  --l-sidebar__gap-inline:var(--l-sidebar__gap);
  display:flex;
  flex-wrap:wrap;
  margin-left:-1.4625rem;
  margin-left:calc(var(--l-sidebar__gap-inline)*-1);
  margin-bottom:-1.4625rem;
  margin-bottom:calc(var(--l-sidebar__gap-block)*-1)
}
.l-sidebar--center {
  align-items:center
}
.l-sidebar--start {
  align-items:flex-start
}
.l-sidebar--end {
  align-items:flex-end
}
.l-sidebar--baseline {
  align-items:baseline
}
.l-sidebar>* {
  flex:1 1 auto;
  flex:1 1 var(--l-sidebar__size);
  margin:0 0 0 1.4625rem;
  margin-left:var(--l-sidebar__gap-inline);
  margin-bottom:1.4625rem;
  margin-bottom:var(--l-sidebar__gap-block);
  max-width:none;
  min-width:0
}
.l-sidebar>.l-sidebar__main {
  flex-basis:0;
  flex-grow:9999;
  min-width:calc(50% - 1.4625rem);
  min-width:calc(50% - var(--space-05));
  min-width:calc(var(--l-sidebar__main-min-size) - var(--l-sidebar__gap-inline))
}
.l-sidebar>.l-sidebar__main,
.l-sidebar>.l-sidebar__main _:-ms-lang(x) {
  flex-basis:auto
}
.l-stack {
  --l-stack__gap:var(--space-05);
  display:flex;
  flex-direction:column
}
.l-stack:only-child {
  height:100%
}
.l-stack>* {
  margin-top:1.4625rem;
  margin-top:var(--l-stack__gap)
}
.l-stack>:first-child {
  margin-top:0
}
.l-stack>.u-reorder-first {
  margin-top:0!important
}
.l-stack>.u-reorder-first:not(:only-child) {
  margin-bottom:1.4625rem;
  margin-bottom:var(--l-stack__gap)
}
.l-stack--fill-last>:last-child {
  flex:1 1 auto
}
.l-stack--ruled {
  --l-stack__rule-gap:var(--l-stack__gap)
}
.l-stack--ruled>*+* {
  border-top:.125rem solid #000;
  border-top:var(--border-width-md) solid var(--color-line);
  padding-top:var(--l-stack__rule-gap)
}
.l-stack--ruled-last {
  border-bottom:.125rem solid #000;
  border-bottom:var(--border-width-md) solid var(--color-line);
  padding-bottom:var(--l-stack__gap)
}
.l-stack__split {
  margin-bottom:auto
}
.title--page {
  font-size:2.56578rem;
  font-size:var(--font-size-12);
  font-weight:700
}
@media screen and (min-width:50em) {
  .title--page {
    font-size:5.20158rem;
    font-size:var(--font-size-18)
  }
}
.title--page a {
  background:none;
  color:inherit;
  text-decoration-color:transparent
}
@supports not (text-decoration-color:transparent) {
  .title--page a {
    text-decoration:none
  }
}
.title--product-page {
  font-size:2.56578rem;
  font-size:var(--font-size-12);
  font-weight:700
}
@media screen and (min-width:50em) {
  .title--product-page {
    font-size:3.24732rem;
    font-size:var(--font-size-14)
  }
}
.title--discovery {
  font-size:1.80203rem;
  font-size:var(--font-size-09);
  font-weight:700
}
@media screen and (min-width:50em) {
  .title--discovery {
    font-size:3.24732rem;
    font-size:var(--font-size-14)
  }
}
.title--large-label {
  font-size:1.60181rem;
  font-size:var(--font-size-08);
  font-weight:500
}
.title--large-label+* {
  --flow-gap:var(--space-04)
}
.title--small-label {
  --title__font-size:var(--font-size-04);
  font-size:calc(var(--title__font-size)*0.8);
  font-size:calc(var(--title__font-size)*var(--small-caps-modifier));
  font-weight:500;
  letter-spacing:.16ch;
  text-transform:uppercase
}
@media screen and (min-width:50em) {
  .title--small-label {
    --title__font-size:var(--font-size-05)
  }
}
.title--card-small {
  font-size:1.125rem;
  font-size:var(--font-size-05)
}
@media screen and (min-width:50em) {
  .title--card-small {
    font-size:1.26563rem;
    font-size:var(--font-size-06)
  }
}
.subtitle--discovery {
  font-size:1.26563rem;
  font-size:var(--font-size-06);
  font-weight:500
}
@media screen and (min-width:50em) {
  .subtitle--discovery {
    font-size:1.60181rem;
    font-size:var(--font-size-08)
  }
}
.kicker {
  --kicker__font-size:var(--font-size-04);
  display:block;
  font-size:calc(var(--kicker__font-size)*0.8);
  font-size:calc(var(--kicker__font-size)*var(--small-caps-modifier));
  font-weight:500;
  letter-spacing:.16ch;
  text-transform:uppercase
}
@media screen and (min-width:50em) {
  .kicker:not(.kicker--small) {
    --kicker__font-size:var(--font-size-07)
  }
}
.news-description {
  font-size:.88889rem;
  font-size:var(--font-size-03)
}
@media screen and (min-width:50em) {
  .news-description {
    font-size:1.125rem;
    font-size:var(--font-size-05)
  }
}
.icon {
  height:1em;
  width:1em;
  font-size:2.375rem;
  font-size:var(--font-size-icon-default);
  stroke:currentColor
}
.icon--with-fill {
  fill:currentColor;
  stroke:none
}
.kodansha-logo {
  fill:currentColor;
  height:1em;
  width:auto
}
.breadcrumbs {
  font-size:calc(var(--breadcrumbs__font-size)*0.8);
  font-size:calc(var(--breadcrumbs__font-size)*var(--small-caps-modifier));
  font-weight:500;
  letter-spacing:.16ch;
  text-transform:uppercase;
  --l-box__gutter:0;
  --breadcrumbs__font-size:var(--font-size-02);
  color:#757575;
  color:var(--color-text-2);
  max-width:max-content
}
@media screen and (min-width:50em) {
  .breadcrumbs {
    --breadcrumbs__font-size:var(--font-size-04)
  }
}
.breadcrumbs a {
  background:none;
  display:block;
  text-decoration:none
}
.breadcrumbs a[aria-current=page] {
  color:#000;
  color:var(--color-text)
}
@media (any-hover:hover) {
  .breadcrumbs a:hover {
    color:#000;
    color:var(--color-text)
  }
}
.breadcrumbs .l-cluster {
  --l-cluster__gap:var(--space-04)
}
.breadcrumbs .l-cluster>* {
  display:flex
}
.breadcrumbs .l-cluster>*+:before {
  content:"/";
  display:block;
  margin-right:var(--l-cluster__gap)
}
@media screen and (min-width:50em) {
  .breadcrumbs {
    --l-box__gutter-block:var(--space-02);
    --l-box__gutter-inline:var(--space-04);
    background:#fff;
    background:var(--color-background);
    border:.125rem solid #000;
    border:var(--border-width-md) solid var(--color-text)
  }
}
.plus-minus {
  display:inline-block;
  position:relative
}
.plus-minus .icon {
  display:block
}
.plus-minus .icon--minus {
  position:absolute;
  left:0;
  top:0;
  margin:0;
  opacity:0
}
.details-plus {
  box-sizing:border-box
}
.details-plus summary {
  cursor:default;
  display:block
}
.details-plus summary::-webkit-details-marker {
  display:none
}
@media (any-hover:hover) {
  .details-plus summary:hover {
    background:#f2f2f2;
    background:var(--color-background-2)
  }
}
.details-plus summary:focus {
  box-shadow:none
}
.details-plus summary:focus .l-cluster {
  box-shadow:0 0 0 .25rem #000;
  box-shadow:0 0 0 var(--focus-shadow-size) var(--color-line)
}
.js-focus-visible .details-plus summary:focus:not(.focus-visible) .l-cluster {
  box-shadow:none
}
.details-plus summary .icon {
  opacity:0;
  font-size:1.875em
}
.details-plus summary:defined .icon--plus {
  opacity:1
}
.details-plus summary .l-cluster {
  --l-cluster__gap-block:var(--space-02);
  --l-cluster__gap-inline:0
}
.details-plus[open] summary+* {
  animation:reveal-down .15s ease-in
}
.details-plus[open] summary:defined .icon--plus {
  opacity:0
}
.details-plus[open] summary:defined .icon--minus {
  opacity:1
}
.pagination {
  --l-cluster__gap:var(--space-03);
  color:#757575;
  color:var(--color-text-2);
  font-size:1rem;
  font-size:var(--font-size-04)
}
.pagination a {
  color:inherit;
  padding:.36563rem .73125rem;
  padding:var(--space-03) var(--space-04);
  text-decoration:none
}
.pagination a:hover {
  background:none
}
.pagination svg {
  display:block;
  font-size:2.02729rem;
  font-size:var(--font-size-10);
  margin:-.08337rem;
  margin:calc(var(--border-width-md)*-1*0.667)
}
.pagination [aria-current=page],
.pagination [rel=next],
.pagination [rel=previous] {
  color:#000;
  color:var(--color-text)
}
.pagination [aria-current=page] {
  border-bottom:.125rem solid;
  border-bottom:var(--border-width-md) solid;
  padding-bottom:.24063rem;
  padding-bottom:calc(var(--space-03) - var(--border-width-md))
}
.pagination [rel=next],
.pagination [rel=previous] {
  --focus-shadow-size:var(--border-width-md);
  border:.125rem solid;
  border:var(--border-width-md) solid;
  color:#757575;
  color:var(--color-line-2);
  padding:0
}
@media (any-hover:hover) {
  .pagination [rel=next]:hover,
  .pagination [rel=previous]:hover {
    color:#000;
    color:var(--color-text)
  }
}
.pagination [rel=next]:focus,
.pagination [rel=previous]:focus {
  color:#000;
  color:var(--color-text)
}
@media (any-hover:hover) {
  .pagination .pagination__page:hover {
    border-bottom:.125rem solid #000;
    border-bottom:var(--border-width-md) solid var(--color-line);
    padding-bottom:.24063rem;
    padding-bottom:calc(var(--space-03) - var(--border-width-md))
  }
}
.pagination .pagination__page:focus {
  border-color:transparent
}
.pagination .pagination__page:active,
.pagination [rel=next]:active,
.pagination [rel=previous]:active {
  background:#000;
  background:var(--color-text);
  color:#fff;
  color:var(--color-background)
}
@media screen and (min-width:50em) {
  .pagination {
    --l-cluster__gap:var(--space-04);
    font-size:1.26563rem;
    font-size:var(--font-size-06)
  }
  .pagination svg {
    font-size:2.375rem;
    font-size:var(--font-size-icon-default)
  }
}
.pagination__separator {
  padding:.36563rem 0;
  padding:var(--space-03) 0
}
.cta {
  font-size:.71111rem;
  font-size:var(--font-size-small-caps-03);
  font-weight:500;
  letter-spacing:.16ch;
  text-transform:uppercase;
  --flow-gap-all:0rem;
  --focus-shadow-size:var(--border-width-md);
  border:0;
  border-radius:0;
  color:currentColor;
  padding:.49063rem .73125rem;
  padding:calc(var(--space-03) + var(--border-width-md)) var(--space-04);
  position:relative;
  text-decoration:none;
  align-items:center;
  display:inline-flex;
  justify-content:center;
  min-width:min(7.5ch,100%);
  text-underline-offset:.3rem;
  text-decoration-thickness:.125rem;
  text-decoration-thickness:var(--border-width-md);
  background:none
}
.cta:after {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  border:.125rem solid #000;
  border:var(--border-width-md) solid var(--color-text)
}
@media (any-hover:hover) {
  .cta:hover {
    background:#000;
    background:var(--color-text);
    color:#fff;
    color:var(--color-background)
  }
}
.cta:active {
  background:#000;
  background:var(--color-text);
  color:#fff;
  color:var(--color-background)
}
.cta--secondary {
  --focus-shadow-size:var(--border-width-lg)
}
.cta--secondary:after {
  display:none
}
.cta--text,
.cta--text-light,
.cta--with-arrow {
  min-width:0
}
.cta--with-arrow {
  padding-right:0;
  align-items:center;
  display:flex;
  line-height:1.85;
  max-width:max-content;
  white-space:nowrap
}
.cta--with-arrow .icon {
  box-shadow:inset .125rem 0 currentColor;
  box-shadow:var(--border-width-md) 0 currentColor inset;
  margin:-.49062rem .125rem -.49062rem .73125rem;
  margin:calc(var(--space-03)*-1 + var(--border-width-md)*-1) var(--border-width-md) calc(var(--space-03)*-1 + var(--border-width-md)*-1) var(--space-04);
  will-change:transform
}
.cta--with-arrow .icon>* {
  transform:translateX(0)
}
@media (any-hover:hover) {
  .cta--with-arrow:hover:after {
    border-color:currentColor
  }
  .cta--with-arrow:hover .icon>* {
    animation:slide-in .35s ease-in .1s
  }
}
.cta--text,
.cta--text-light {
  --focus-shadow-size:var(--border-width-lg);
  font-size:.8rem;
  font-size:var(--font-size-small-caps-04);
  font-weight:500;
  letter-spacing:.16ch;
  text-transform:uppercase;
  background:none;
  border:0;
  margin:-.18281rem;
  margin:calc(var(--space-02)*-1);
  padding:.18281rem;
  padding:var(--space-02);
  text-decoration:underline;
  text-decoration-thickness:.125rem;
  text-decoration-thickness:var(--border-width-md)
}
.cta--text-light:after,
.cta--text:after {
  border:0
}
.cta--text-light:focus,
.cta--text:focus {
  text-decoration-color:transparent
}
.cta--text:active,
.cta--text:hover {
  background:none;
  color:#000;
  color:var(--color-text);
  text-decoration-color:transparent
}
@media (any-hover:hover) {
  .cta--text:hover:after {
    box-shadow:0 0 0 .125rem #000;
    box-shadow:0 0 0 var(--border-width-md) var(--color-line)
  }
}
.cta--text:active {
  background:#000;
  background:var(--color-text);
  border-color:#000;
  border-color:var(--color-text);
  color:#fff;
  color:var(--color-background)
}
.cta--text:active:after {
  box-shadow:0 0 0 .125rem #000;
  box-shadow:0 0 0 var(--border-width-md) var(--color-line)
}
.cta--text-light {
  color:#757575;
  color:var(--color-text-2);
  line-height:2;
  text-decoration-color:#ddd;
  text-decoration-color:var(--color-line-3);
  will-change:text-decoration-color
}
.cta--text-light:active,
.cta--text-light:hover {
  background:none
}
@media (any-hover:hover) {
  .cta--text-light:hover {
    color:#000;
    color:var(--color-text)
  }
}
.cta--text-light:active {
  color:#000;
  color:var(--color-text)
}
.icon-button {
  background:none;
  font-size:inherit;
  padding:0
}
.icon-link {
  display:block
}
.icon-link:active,
.icon-link:hover {
  background:none
}
@media (any-hover:hover) {
  .icon-link:active,
  .icon-link:hover {
    color:#757575;
    color:var(--color-text-2)
  }
}
.icon-link:active {
  color:#757575;
  color:var(--color-text-2)
}
.form-field {
  --flow-gap-all:var(--space-02)
}
.form-field>* {
  display:block
}
.form-field:not(.form-field--checkbox) label {
  font-size:.8rem;
  font-size:var(--font-size-small-caps-04);
  font-weight:500;
  letter-spacing:.16ch;
  text-transform:uppercase
}
.form-field--checkbox label {
  padding:.36563rem;
  padding:var(--space-03)
}
@media (any-hover:hover) {
  .form-field--checkbox label:hover {
    background:#f2f2f2;
    background:var(--color-background-2)
  }
}
.form-field--checkbox .l-sidebar {
  --l-sidebar__gap:var(--space-03)
}
.form-field--checkbox .l-sidebar__main {
  padding-top:.25em;
  font-size:.8rem;
  font-size:var(--font-size-small-caps-04);
  font-weight:500;
  letter-spacing:.16ch;
  text-transform:uppercase
}
.card {
  position:relative;
  z-index:0
}
.card a:not(.card__link),
.card button {
  position:relative;
  z-index:1
}
.card__link {
  text-decoration-color:transparent
}
@supports not (text-decoration-color:transparent) {
  .card__link {
    text-decoration:none
  }
}
.card__link:active,
.card__link:hover {
  background:none;
  color:inherit;
  text-decoration-color:transparent
}
.card__link:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1
}
.checkbox-group {
  border:0;
  padding:0;
  margin-left:0;
  margin-right:0
}
.checkbox-group .l-grid {
  --l-grid__track-size:11rem;
  --l-grid__gap-block:var(--space-02)
}
.options-array summary+* {
  --flow-gap:var(--space-04)
}
.options-array details {
  padding-bottom:2.925rem;
  padding-bottom:var(--space-06)
}
.options-array details:defined:not([open]) {
  padding-bottom:0
}
.options-array__stack {
  --l-stack__gap:var(--space-06);
  --l-stack__rule-gap:inherit
}
.options-array--accordion {
  --l-stack__gap:var(--space-04)
}
.options-array--accordion .options-array__stack {
  --l-stack__gap:inherit
}
.search-form>.l-sidebar {
  --l-sidebar__gap:var(--space-03);
  --l-sidebar__main-min-size:75%
}
.newsletter-form {
  border-top:.125rem solid #000;
  border-top:var(--border-width-md) solid var(--color-line)
}
.newsletter-form>* {
  --flow-gap:0
}
.newsletter-form>*+* {
  border-top:.125rem solid #000;
  border-top:var(--border-width-md) solid var(--color-line)
}
.newsletter-form>.l-switcher {
  --l-switcher__gap:0;
  --l-switcher__breakpoint:70rem
}
.newsletter-form .checkbox-group .l-sidebar {
  white-space:nowrap
}
.newsletter-form button[type=submit] {
  --focus-shadow-size:var(--border-width-md)
}
@media (any-hover:hover) {
  .newsletter-form button[type=submit]:hover {
    background:#ddd;
    background:var(--color-background-3)
  }
}
.newsletter-form button[type=submit]:focus {
  box-shadow:none;
  border:.125rem solid #000;
  border:var(--border-width-md) solid var(--color-line);
  padding:1.3375rem;
  padding:calc(var(--space-05) - var(--border-width-md))
}
.js-focus-visible .newsletter-form button[type=submit]:focus:not(.focus-visible) {
  border:none;
  padding:1.4625rem;
  padding:var(--space-05)
}
.newsletter-form__cell {
  padding:1.4625rem;
  padding:var(--space-05)
}
.newsletter-form__title {
  font-size:1.60181rem;
  font-size:var(--font-size-08);
  font-weight:700
}
@media screen and (min-width:50em) {
  .newsletter-form__title {
    font-size:3.24732rem;
    font-size:var(--font-size-14)
  }
}
.newsletter-form__fields {
  --l-sidebar__size:27rem
}
cookie-consent {
  --flow-gap:0
}
cookie-consent dialog-box {
  border:.125rem solid #000;
  border:var(--border-width-md) solid var(--color-line);
  max-width:calc(100% - 1.4625rem);
  max-width:calc(100% - var(--space-04)*2);
  width:28rem;
  bottom:.73125rem;
  bottom:var(--space-04);
  right:.73125rem;
  right:var(--space-04);
  z-index:0;
  background:#fff;
  background:var(--color-background);
  font-size:.88889rem;
  font-size:var(--font-size-03);
  animation:fade-in .6s cubic-bezier(1,.01,.57,.57)
}
cookie-consent dialog-box[open] {
  position:fixed
}
cookie-consent .l-box {
  --flow-gap-all:var(--space-04);
  --l-box__gutter:var(--space-04)
}
cookie-consent .l-switcher {
  --l-switcher__breakpoint:26rem;
  --l-switcher__gap:var(--space-04)
}
.sticky {
  display:block
}
.updated:not(.published) {
  display:none
}
.page-links {
  clear:both;
  margin:0 0 1.5em
}
.aligncenter {
  text-align:center
}
.aligncenter a,
.aligncenter a img {
  display:inline-block
}
.page-intro>.l-sidebar {
  --l-sidebar__size:25rem;
  --l-sidebar__main-min-size:66.667%;
  --l-sidebar__gap-inline:var(--space-06)
}
.page-intro__subsection {
  --flow-gap:var(--space-06)
}
.page-intro__subsection p {
  font-size:1.125rem;
  font-size:var(--font-size-05)
}
.page-intro--emphasized .page-intro__subsection {
  --flow-gap:var(--flow-gap-default)
}
.page-intro--emphasized:first-child p {
  font-size:1.26563rem;
  font-size:var(--font-size-06)
}
@media screen and (min-width:50em) {
  .page-intro--emphasized:first-child p {
    font-size:1.42383rem;
    font-size:var(--font-size-07)
  }
}
.page-intro--emphasized p>strong:only-child {
  font-size:1.26563rem;
  font-size:var(--font-size-06);
  font-weight:500
}
@media screen and (min-width:50em) {
  .page-intro--emphasized p>strong:only-child {
    font-size:1.60181rem;
    font-size:var(--font-size-08)
  }
}
.contact-info {
  border:.125rem solid #000;
  border:var(--border-width-md) solid var(--color-line);
  border-left:0;
  border-right:0;
  font-size:1.125rem;
  font-size:var(--font-size-05)
}
.contact-info__large-switcher {
  --l-switcher__gap:0
}
.contact-info__large-switcher>:first-child {
  --l-switcher__size:2.2
}
.contact-info__small-switcher {
  --l-switcher__breakpoint:50rem;
  --l-switcher__gap:var(--space-05)
}
.contact-info__subhead {
  font-size:1.26563rem;
  font-size:var(--font-size-06)
}
@media screen and (min-width:50em) {
  .contact-info__subhead {
    font-size:1.60181rem;
    font-size:var(--font-size-08)
  }
}
.contact-info__cell {
  padding:1.4625rem .73125rem;
  padding:var(--space-05) var(--space-04)
}
@media screen and (min-width:50em) {
  .contact-info__cell {
    padding:2.925rem 1.4625rem;
    padding:var(--space-06) var(--space-05)
  }
}
.contact-info__options {
  font-size:1.26563rem;
  font-size:var(--font-size-06);
  font-weight:700
}
@media screen and (min-width:50em) {
  .contact-info__options {
    font-size:2.02729rem;
    font-size:var(--font-size-10)
  }
}
.contact-info__options a {
  text-decoration-color:initial
}
.contact-info__options a:active {
  text-decoration-color:transparent
}
.contact-info__option {
  --flow-gap:var(--space-06)
}
.contact-info__option>* {
  --flow-gap:var(--space-02)
}
.showcase__item {
  display:grid;
  grid-gap:1.4625rem;
  grid-gap:var(--space-05)
}
.showcase__item>* {
  --flow-gap-all:var(--space-04);
  margin:0
}
.showcase__main {
  font-size:1.125rem;
  font-size:var(--font-size-05)
}
.showcase__image {
  --l-frame__aspect-ratio:13/15;
  order:-1;
  width:calc(100% + var(--site-gutter)*2);
  margin-left:calc(var(--site-gutter)*-1);
  margin-right:calc(var(--site-gutter)*-1)
}
.showcase__caption {
  align-self:end;
  max-width:45ch
}
.showcase__main-title {
  font-size:3.24732rem;
  font-size:var(--font-size-14);
  font-weight:700
}
.showcase__caption-title {
  font-size:1.26563rem;
  font-size:var(--font-size-06)
}
@media screen and (min-width:50em) {
  .showcase__item {
    grid-template:auto 1fr/26.5rem 1fr
  }
  .showcase__image {
    grid-row:1/span 2;
    height:100%;
    width:100%;
    margin:0
  }
}
.hero {
  position:relative;
  padding-bottom:2.925rem;
  padding-bottom:var(--space-06)
}
.hero .title {
  --l-stack__gap:var(--space-03)
}
.hero>.l-frame {
  --l-frame__aspect-ratio:13/15;
  margin-left:50%;
  transform:translateX(-50%);
  max-width:none;
  width:100vw;
  border-bottom:.125rem solid;
  border-bottom:var(--border-width-md) solid
}
@media screen and (min-width:40em) {
  .hero>.l-frame {
    --l-frame__aspect-ratio:3/2
  }
}
.hero:first-child>.l-frame {
  margin-top:-10rem;
  margin-top:calc(var(--site-top-bump)*-1)
}
.hero__text {
  --flow-gap-all:var(--space-04);
  background:#fff;
  background:var(--color-background);
  border:.125rem solid #000;
  border:var(--border-width-md) solid var(--color-line);
  width:max(30rem,min(60%,50rem));
  max-width:100%
}
@media screen and (min-width:22em) {
  .hero__text {
    bottom:0;
    position:absolute
  }
}
.hero__text .l-cluster {
  --l-cluster__gap:var(--site-gutter)
}
.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
  border:none;
  padding:0
}
.custom-logo-link {
  display:inline-block
}
.post-thumbnail--hero {
  --l-frame__aspect-ratio:10/9;
  margin-top:-10rem;
  margin-top:calc(var(--site-top-bump)*-1);
  margin-left:50%;
  transform:translateX(-50%);
  max-width:none;
  width:100vw;
  border-bottom:.125rem solid;
  border-bottom:var(--border-width-md) solid
}
@media screen and (min-width:40em) {
  .post-thumbnail--hero {
    --l-frame__aspect-ratio:2/1
  }
}
@media screen and (min-width:50em) {
  .post-thumbnail--hero {
    --l-frame__aspect-ratio:3/1
  }
}
.wp-caption {
  max-width:100%
}
.wp-caption img[class*=wp-image-] {
  display:block;
  margin-left:auto;
  margin-right:auto
}
.wp-caption .wp-caption-text {
  margin:.8075em 0
}
.wp-caption-text {
  text-align:center
}
.gallery {
  display:grid;
  grid-gap:1.5em
}
.gallery-item {
  display:inline-block;
  text-align:center;
  width:100%
}
.gallery-columns-2 {
  grid-template-columns:repeat(2,1fr)
}
.gallery-columns-3 {
  grid-template-columns:repeat(3,1fr)
}
.gallery-columns-4 {
  grid-template-columns:repeat(4,1fr)
}
.gallery-columns-5 {
  grid-template-columns:repeat(5,1fr)
}
.gallery-columns-6 {
  grid-template-columns:repeat(6,1fr)
}
.gallery-columns-7 {
  grid-template-columns:repeat(7,1fr)
}
.gallery-columns-8 {
  grid-template-columns:repeat(8,1fr)
}
.gallery-columns-9 {
  grid-template-columns:repeat(9,1fr)
}
.gallery-caption {
  display:block
}
.byline {
  font-family:Galaxie Copernicus,Palatino Linotype,Book Antiqua,Palatino,serif;
  font-family:var(--font-family-serif);
  font-size:.88889rem;
  font-size:var(--font-size-03)
}
@media screen and (min-width:50em) {
  .byline {
    font-size:1.26563rem;
    font-size:var(--font-size-06)
  }
}
.byline--small {
  font-family:Maax,Century Gothic,Futura,helvetica,arial,sans-serif;
  font-family:var(--font-family-sans-serif);
  font-size:.88889rem;
  font-size:var(--font-size-03)
}
.byline--small,
.tag {
  color:#757575;
  color:var(--color-text-2)
}
.tag {
  font-size:.8rem;
  font-size:var(--font-size-small-caps-04);
  font-weight:500;
  letter-spacing:.16ch;
  text-transform:uppercase
}
.tag-list {
  --l-cluster__gap-block:var(--space-03);
  --l-cluster__gap-inline:var(--space-04)
}
.partner-links {
  --l-cluster__gap:var(--space-04)
}
.product-image {
  --l-frame__aspect-ratio:8/10;
  --product-image__matte-color:var(--color-background-2);
  --product-image__matte-height:12.5%;
  background:#f2f2f2;
  background:var(--color-background-2);
  background:var(--product-image__matte-color)
}
.product-image img {
  --product-image__min-matte-height:calc(35%*var(--image-width)/var(--image-height));
  background-color:#fff;
  background-color:var(--color-background);
  height:60%;
  height:calc(100% - max(2 * var(--product-image__matte-height), var(--product-image__min-matte-height)));
  width:auto;
  margin:auto;
  box-shadow:.125rem .25rem .3125rem 0 rgba(0,0,0,.2);
  box-shadow:var(--box-shadow-md)
}
.partner-options__contents>* {
  --flow-gap:var(--space-04)
}
.partner-options__contents p {
  color:#757575;
  color:var(--color-text-2)
}
.series-image {
  --l-frame__aspect-ratio:317/445
}
.series-image img {
  height:100%;
  width:100%
}
.book-card-small .l-sidebar {
  --l-sidebar__gap:var(--space-04);
  --l-sidebar__size:7.25rem
}
.book-card-small .l-sidebar>:not(.l-sidebar__main) {
  flex-basis:7.25rem;
  flex-basis:var(--l-sidebar__size)
}
@media screen and (min-width:50em) {
  .book-card-small .l-sidebar {
    --l-sidebar__gap:var(--space-05)
  }
}
.book-card-small .l-sidebar__main {
  --flow-gap-all:var(--space-03)
}
.book-card-small .product-image {
  z-index:-1
}
.book-card-small .byline {
  --flow-gap:var(--space-02)
}
@media (any-hover:hover) {
  .book-card-small.card:hover .product-image {
    --product-image__matte-color:var(--color-background-3)
  }
}
.book-card-small__cta {
  --flow-gap:var(--space-05)
}
.product-card-large>* {
  --flow-gap:var(--space-03)
}
@media screen and (min-width:50em) {
  .product-card-large>* {
    --flow-gap:var(--space-04)
  }
}
.product-card-large .product-image {
  --product-image__matte-size:min(22%,4.625rem)
}
.product-card-large .title {
  font-size:1.125rem;
  font-size:var(--font-size-05);
  font-weight:500
}
@media screen and (min-width:50em) {
  .product-card-large .title {
    font-size:1.42383rem;
    font-size:var(--font-size-07)
  }
}
@media (any-hover:hover) {
  .product-card-large.card:hover .series-image {
    --u-colorize__alpha:0.6
  }
  .product-card-large.card:hover .product-image {
    --product-image__matte-color:var(--color-background-3)
  }
}
.product-card-large__coming-soon {
  color:#757575;
  color:var(--color-text-2);
  font-size:.88889rem;
  font-size:var(--font-size-03)
}
.product-detail-hero {
  position:relative
}
.product-detail-hero>.l-switcher {
  --l-switcher__gap-block:var(--space-04);
  --l-switcher__gap-inline:var(--space-05);
  --l-switcher__breakpoint:56rem
}
.product-detail-hero>.l-switcher--1-2 {
  --l-switcher__breakpoint:42rem
}
.product-detail-hero h1 {
  font-size:2.56578rem;
  font-size:var(--font-size-12)
}
.product-detail-hero .product-image,
.product-detail-hero .series-image-single {
  margin-left:0;
  margin-left:calc(var(--site-gutter, 0)*-1);
  margin-right:0;
  margin-right:calc(var(--site-gutter, 0)*-1);
  max-width:none;
  width:calc(100% + var(--site-gutter)*2)
}
.product-detail-hero .product-image {
  --l-frame__aspect-ratio:1/1;
  --product-image__matte-height:7%
}
.product-detail-hero .partner-options {
  --flow-gap:var(--space-06)
}
@media screen and (min-width:50em) {
  .product-detail-hero .partner-options {
    --flow-gap:var(--space-07)
  }
}
.product-detail-hero__main-content * {
  --flow-gap:var(--space-04);
  word-break:break-word
}
@media screen and (min-width:50em) {
  .product-detail-hero h1 {
    --flow-gap:0;
    font-size:3.24732rem;
    font-size:var(--font-size-14)
  }
  .product-detail-hero .breadcrumbs {
    --flow-gap:0;
    position:absolute;
    left:-.73125rem;
    left:calc(var(--space-04)*-1);
    top:-.73125rem;
    top:calc(var(--space-04)*-1);
    max-width:50%;
    max-width:max(50% - .73125rem,26rem);
    max-width:max(50% - var(--space-04),26rem)
  }
  .product-detail-hero .product-image,
  .product-detail-hero .series-image-single {
    margin-left:0;
    margin-right:0;
    max-width:100%;
    width:100%
  }
  .product-detail-hero .product-image {
    --product-image__matte-height:12.5%
  }
  .product-detail-hero__main-content * {
    --flow-gap:var(--space-05)
  }
}
.product-info-box {
  --flow-gap-all:var(--space-03);
  border:.125rem solid;
  border:var(--border-width-md) solid;
  border-bottom:0;
  border-right:0
}
.product-info-box>.l-sidebar {
  --l-sidebar__size:18.75rem
}
.product-info-box .l-switcher {
  --l-switcher__breakpoint:38rem
}
.product-info-box .l-sidebar--baseline {
  --l-sidebar__gap-block:var(--space-02);
  --l-sidebar__main-min-size:33.333%
}
.product-info-box__release-info .l-sidebar {
  --l-sidebar__main-min-size:33.333%
}
.product-info-box__cell {
  border:.125rem solid;
  border:var(--border-width-md) solid;
  border-left:0;
  border-top:0;
  padding:.73125rem;
  padding:var(--space-04)
}
@media screen and (min-width:50em) {
  .product-info-box__cell {
    padding:1.4625rem;
    padding:var(--space-05)
  }
}
.product-info-box__status-cell {
  --l-switcher__size:2
}
.product-info {
  --l-sidebar__gap-inline:var(--space-06);
  --l-sidebar__size:20rem;
  --l-sidebar__main-min-size:66.667%
}
.product-info__title {
  font-size:1.60181rem;
  font-size:var(--font-size-08);
  font-weight:700
}
@media screen and (min-width:50em) {
  .product-info__title {
    font-size:4.62363rem;
    font-size:var(--font-size-17)
  }
}
.volume-highlight-card {
  --volume-highlight-card__description-lines:2
}
@media screen and (min-width:50em) {
  .volume-highlight-card {
    --volume-highlight-card__description-lines:5
  }
}
.volume-highlight-card>.l-switcher {
  --l-switcher__breakpoint:15rem;
  --l-switcher__gap-inline:var(--site-gutter,var(--space-05))
}
.volume-highlight-card .l-cluster {
  --l-cluster__gap:var(--space-04)
}
@media (any-hover:hover) {
  .volume-highlight-card:hover .product-image {
    --product-image__matte-color:var(--color-background-3)
  }
}
.volume-highlight-card__main {
  --l-switcher__size:2
}
.volume-highlight-card__main>* {
  --flow-gap:var(--space-04)
}
@media screen and (min-width:50em) {
  .volume-highlight-card__main {
    --l-switcher__size:1
  }
  .volume-highlight-card__main>* {
    --flow-gap:var(--space-05)
  }
}
.volume-highlight-card__text>* {
  --flow-gap:var(--space-04)
}
.volume-highlight-card__description {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--volume-highlight-card__description-lines);
  overflow:hidden;
  word-break:break-word
}
.audio-files {
  --l-sidebar__gap-inline:var(--space-06);
  --l-sidebar__size:20rem;
  --l-sidebar__main-min-size:50%
}
.audio-files .l-cluster {
  --l-cluster__gap:var(--space-04)
}
.bookshelf {
  --bookshelf__height:25em;
  --bookshelf__font-size-title:var(--font-size-03);
  --bookshelf__font-size-number:inherit;
  --l-reel__gutter:var(--site-gutter);
  --l-reel__gap:calc(var(--border-width-md)*-1.1);
  font-size:var(--bookshelf__font-size-title);
  margin-left:calc(var(--l-reel__gutter)*-1);
  margin-right:calc(var(--l-reel__gutter)*-1)
}
.bookshelf>* {
  writing-mode:vertical-rl
}
@media screen and (min-width:50em) {
  .bookshelf {
    --bookshelf__font-size-title:var(--font-size-06);
    --bookshelf__font-size-number:var(--font-size-07)
  }
}
.bookshelf__book {
  --focus-shadow-size:var(--border-width-md);
  display:block;
  text-decoration:none;
  writing-mode:vertical-rl
}
.bookshelf__book:active,
.bookshelf__book:hover {
  background:none;
  color:inherit
}
.bookshelf__book:active,
.bookshelf__book:focus,
.bookshelf__book:hover {
  position:relative;
  z-index:1
}
.bookshelf__book:focus {
  box-shadow:none
}
.bookshelf__book:focus .l-box {
  box-shadow:0 0 0 .25rem #000;
  box-shadow:0 0 0 var(--focus-shadow-size) var(--color-line)
}
.js-focus-visible .bookshelf__book:focus:not(.focus-visible) .l-box {
  box-shadow:none
}
.bookshelf__book .l-box {
  --l-box__gutter:var(--space-03);
  background:#fff;
  background:var(--color-background);
  border:.125rem solid;
  border:var(--border-width-md) solid;
  height:var(--bookshelf__height);
  transform-origin:bottom;
  transition:transform 125ms ease-in-out;
  will-change:transform;
  align-items:center;
  display:flex
}
.bookshelf__book .l-box>* {
  margin:0 0 auto
}
.bookshelf__book .l-box>*+* {
  margin-top:1.4625rem;
  margin-top:var(--space-05);
  margin-bottom:0
}
@media screen and (min-width:50em) {
  .bookshelf__book .l-box>*+* {
    margin-top:2.925rem;
    margin-top:var(--space-06)
  }
}
.bookshelf__book .l-sidebar {
  --l-sidebar__gap:var(--space-03)
}
.bookshelf__book[aria-current] .l-box {
  background:#000;
  background:var(--color-text);
  border-color:#000;
  border-color:var(--color-text);
  color:#fff;
  color:var(--color-background)
}
.bookshelf__book .kodansha-logo {
  font-size:1rem
}
@media screen and (min-width:50em) {
  .bookshelf__book .kodansha-logo {
    font-size:1.8125rem
  }
}
.bookshelf__number {
  font-size:var(--bookshelf__font-size-number);
  font-weight:600;
  display:flex;
  writing-mode:initial
}
@media (any-hover:hover) {
  .bookshelf>:hover a {
    padding-left:1.575em;
    padding-right:.075em
  }
  .bookshelf>:hover .l-box {
    transform:rotate(-3.5deg)
  }
  .bookshelf>:hover:first-child a {
    padding-left:.075em;
    padding-right:1.575em
  }
  .bookshelf>:hover:first-child .l-box {
    transform:rotate(3.5deg)
  }
}
.timestamp {
  font-size:.79012rem;
  font-size:var(--font-size-02);
  font-weight:500;
  letter-spacing:.1ch
}
@media screen and (min-width:50em) {
  .timestamp--large {
    font-size:1.26563rem;
    font-size:var(--font-size-06);
    letter-spacing:0
  }
}
.timestamp--alt {
  font-family:Galaxie Copernicus,Palatino Linotype,Book Antiqua,Palatino,serif;
  font-family:var(--font-family-serif);
  font-weight:400
}
.news-header>* {
  --flow-gap:var(--space-04)
}
@media screen and (min-width:50em) {
  .news-header>* {
    --flow-gap:var(--space-06)
  }
}
@media screen and (min-width:50em) {
  .news-header .breadcrumbs {
    margin-left:-.73125rem;
    margin-left:calc(var(--space-04)*-1);
    margin-top:-.73125rem;
    margin-top:calc(var(--space-04)*-1)
  }
}
.news-body [style^="font-size: 12pt"] {
  font-size:1rem!important;
  font-size:var(--font-size-04)!important
}
.news-body [style^="font-size: 14pt"] {
  font-size:1.125rem!important;
  font-size:var(--font-size-05)!important;
  line-height:1.444!important
}
.news-body [style^="font-size: 16pt"] {
  font-size:1.26563rem!important;
  font-size:var(--font-size-06)!important
}
.news-body [style^="font-size: 18pt"] {
  font-size:1.60181rem!important;
  font-size:var(--font-size-08)!important
}
.news-body manga-reader {
  --negative-margin:var(--site-gutter);
  margin-left:calc(var(--negative-margin)*-1);
  margin-right:calc(var(--negative-margin)*-1)
}
@media screen and (min-width:50em) {
  .news-body {
    --l-center__max-size:calc(var(--measure)*0.75);
    font-size:1.125rem;
    font-size:var(--font-size-05)
  }
  .news-body manga-reader {
    --negative-margin:var(--space-06)
  }
}
@media screen and (min-width:75em) {
  .news-body manga-reader {
    --negative-margin:var(--space-08)
  }
}
.news-card {
  --l-stack__gap:var(--space-04);
  padding-bottom:.73125rem;
  padding-bottom:var(--space-04)
}
.news-card>:first-child {
  margin-top:var(--l-stack__gap)
}
.news-card .l-frame {
  --flow-gap:var(--space-04);
  --l-frame__aspect-ratio:4/3
}
.news-card .news-card__large-title,
.news-card .title {
  font-weight:700
}
.news-card .card__link,
.news-card .title {
  --flow-gap-all:var(--space-03)
}
.news-card .card__link *,
.news-card .title * {
  display:block
}
@media (any-hover:hover) {
  .news-card:hover {
    background:#f2f2f2;
    background:var(--color-background-2)
  }
  .news-card:hover .cta {
    background:#000;
    background:var(--color-text);
    color:#fff;
    color:var(--color-background)
  }
  .news-card:hover .cta:after {
    border-color:#000;
    border-color:var(--color-text)
  }
}
.news-card--large {
  padding-top:.36563rem;
  padding-top:var(--space-03)
}
.news-card__large-title {
  font-size:1.80203rem;
  font-size:var(--font-size-09)
}
.news-text-card {
  padding-bottom:.73125rem;
  padding-bottom:var(--space-04)
}
.news-text-card * {
  --flow-gap:var(--space-04)
}
.news-text-card .news-text-card__title {
  font-size:1.60181rem;
  font-size:var(--font-size-08);
  font-weight:700
}
@media screen and (min-width:50em) {
  .news-text-card .news-text-card__title {
    font-size:2.2807rem;
    font-size:var(--font-size-11)
  }
}
.news-text-card .card__link,
.news-text-card .news-text-card__title {
  --flow-gap-all:var(--space-03)
}
.news-text-card .card__link *,
.news-text-card .news-text-card__title * {
  display:block
}
@media (any-hover:hover) {
  .news-text-card:hover {
    background:#f2f2f2;
    background:var(--color-background-2)
  }
  .news-text-card:hover .cta {
    background:#000;
    background:var(--color-text);
    color:#fff;
    color:var(--color-background)
  }
  .news-text-card:hover .cta:after {
    border-color:#000;
    border-color:var(--color-text)
  }
}
.news-row * {
  --flow-gap:var(--space-03)
}
@media screen and (min-width:50em) {
  .news-row * {
    --flow-gap:var(--space-05)
  }
}
.news-row .l-sidebar {
  --l-sidebar__size:8rem;
  --l-sidebar__main-min-size:75%;
  --l-sidebar__gap-block:var(--flow-gap)
}
@media (any-hover:hover) {
  .news-row:hover {
    background:#f2f2f2;
    background:var(--color-background-2)
  }
}
.news-row__title {
  font-size:1.80203rem;
  font-size:var(--font-size-09);
  font-weight:700
}
@media screen and (min-width:50em) {
  .news-row__title {
    font-size:5.20158rem;
    font-size:var(--font-size-18)
  }
}
.news-grid {
  --l-grid__track-size:15rem;
  --l-grid__max-columns:3;
  --l-grid__gap-inline:var(--space-05);
  --l-grid__gap-block:var(--space-06)
}
.product-discovery>header {
  --flow-gap-all:var(--space-02)
}
.product-discovery .l-grid {
  --l-grid__gap:var(--site-gutter)
}
.product-discovery .l-reel {
  --l-reel__gutter:var(--site-gutter);
  --l-reel__gap:var(--site-gutter);
  margin-left:calc(var(--l-reel__gutter)*-1);
  margin-right:calc(var(--l-reel__gutter)*-1);
  max-width:none
}
.product-discovery__title {
  --l-stack__gap:var(--space-03)
}
.featured-product {
  margin-left:calc(var(--site-gutter)*-1);
  margin-right:calc(var(--site-gutter)*-1)
}
.featured-product .l-sidebar {
  --l-sidebar__gap-inline:0rem;
  --l-sidebar__main-min-size:min(100%,34rem);
  --l-sidebar__size:calc(50% - var(--site-gutter)/2)
}
.featured-product .l-sidebar__main {
  padding-left:var(--site-gutter);
  padding-right:var(--site-gutter)
}
.featured-product .l-cluster {
  --l-cluster__gap:var(--site-gutter)
}
.news-discovery .l-grid {
  --l-grid__gap-block:var(--space-06);
  --l-grid__gap-inline:var(--site-gutter)
}
.news-discovery>.l-switcher {
  --l-switcher__breakpoint:36rem;
  --l-switcher__gap-block:var(--space-06);
  --l-switcher__gap-inline:var(--site-gutter)
}
.news-discovery--text-rows {
  --l-stack__rule-gap:0rem;
  margin-left:calc(var(--site-gutter)*-1);
  margin-right:calc(var(--site-gutter)*-1)
}
.news-discovery--text-rows>.title {
  padding-left:var(--site-gutter);
  padding-right:var(--site-gutter)
}
.news-discovery--text-rows .l-stack {
  --l-stack__gap:0rem
}
.news-discovery--text-rows .news-row {
  padding:var(--space-05) var(--site-gutter)
}
.browse-categories {
  --flow-gap-all:var(--space-04)
}
.browse-categories__offset {
  --flow-gap:calc(var(--font-size-small-caps-04)*2 + var(--flow-gap-all)*2)
}
.search-result-card {
  --l-stack__gap:var(--space-04)
}
.search-result-card>* {
  --flow-gap-all:var(--space-03)
}
.search-result-card .l-frame {
  --l-frame__aspect-ratio:317/377
}
.search-result-card .kicker {
  color:#757575;
  color:var(--color-text-2)
}
@media (any-hover:hover) {
  .search-result-card.card:hover .series-image {
    --u-colorize__alpha:0.6
  }
  .search-result-card.card:hover .series-image:not(.u-colorize) {
    filter:brightness(85%)
  }
  .search-result-card.card:hover .product-image {
    --product-image__matte-color:var(--color-background-3)
  }
  .search-result-card.card:hover.search-result-card--news {
    background:#f2f2f2;
    background:var(--color-background-2)
  }
}
.calendar>.l-stack {
  --l-stack__gap:var(--space-06)
}
.calendar .calendar__pagination {
  border-bottom:.125rem solid #757575;
  border-bottom:var(--border-width-md) solid var(--color-line-2);
  padding-bottom:1.4625rem;
  padding-bottom:var(--space-05)
}
.calendar .calendar__day>*+* {
  --flow-gap:var(--space-04);
  border-top:.125rem solid;
  border-top:var(--border-width-md) solid;
  padding-top:.73125rem;
  padding-top:var(--space-04)
}
@media screen and (min-width:75em) {
  .calendar .book-card-small .product-image {
    --l-frame__aspect-ratio:1/1
  }
  .calendar .book-card-small .l-sidebar {
    --l-sidebar__size:12.5rem;
    --l-sidebar__main-min-size:40%
  }
}
.calendar .l-grid {
  --l-grid__gap:var(--site-gutter)
}
.filters {
  --filter__sidebar-size:17.25rem
}
.filters>* {
  --flow-gap:var(--space-06)
}
@media screen and (min-width:50em) {
  .filters .title--page {
    margin-left:calc(var(--filter__sidebar-size) + var(--space-06))
  }
}
.filters>.l-sidebar {
  --l-sidebar__size:var(--filter__sidebar-size);
  --l-sidebar__gap-inline:var(--space-06)
}
.filters accordion-toggle {
  display:none
}
.filters accordion-toggle:defined:not(:empty) {
  display:block
}
.filters sticky-sentinel {
  --sticky-sentinel__height:40rem;
  --sticky-sentinel__offset-top:var(--site-top-bump);
  display:none
}
.filters .calendar {
  padding-bottom:2.925rem;
  padding-bottom:var(--space-06)
}
.filters__options {
  --l-sidebar__gap-block:0rem;
  --l-sidebar__gap-inline:0rem;
  background:#fff;
  background:var(--color-background);
  top:10rem;
  top:var(--site-top-bump,0);
  left:0;
  z-index:1;
  scroll-snap-margin-top:10rem;
  scroll-snap-margin-top:var(--site-top-bump,0);
  scroll-margin-top:10rem;
  scroll-margin-top:var(--site-top-bump,0);
  height:100%;
  padding:1.4625rem;
  padding:var(--space-05);
  padding-bottom:0;
  width:100%;
  max-height:calc(100% - 10rem);
  max-height:calc(100% - var(--site-top-bump));
  overflow-y:auto
}
.filters__options.filters__options {
  position:absolute
}
.filters__options .icon--x {
  display:block
}
.filters__form>* {
  --flow-gap:var(--space-06)
}
.filters__toggle-wrapper+* {
  --flow-gap:0rem
}
.filters__results .l-grid {
  --l-grid__gap-block:var(--space-05);
  --l-grid__gap-inline:var(--site-gutter)
}
.filters__results .l-grid--max-3 {
  --l-grid__track-size:10rem
}
.filters__results .news-card .title {
  font-weight:500
}
.filters__results-title {
  font-size:1.26563rem;
  font-size:var(--font-size-06);
  font-weight:500;
  padding-bottom:.73125rem;
  padding-bottom:var(--space-04)
}
.filters__results-header {
  --flow-gap:0rem
}
.filters__results-header .filters__results-title {
  border-bottom:.125rem solid;
  border-bottom:var(--border-width-md) solid
}
@media screen and (min-width:50em) {
  .filters__results-header {
    border-bottom:.125rem solid;
    border-bottom:var(--border-width-md) solid;
    padding-bottom:.73125rem;
    padding-bottom:var(--space-04)
  }
  .filters__results-header .filters__results-title {
    border-bottom:0;
    padding-bottom:0
  }
}
.filters__results-footer {
  border-top:.125rem solid;
  border-top:var(--border-width-md) solid;
  padding-top:1.4625rem;
  padding-top:var(--space-05)
}
.filters__results-footer .title--filter-results {
  display:none
}
@media screen and (min-width:50em) {
  .filters__results-footer .title--filter-results {
    display:block
  }
}
.filters__action-bar {
  background:#fff;
  background:var(--color-background);
  padding:.73125rem 0;
  padding:var(--space-04) 0
}
.filters__action-bar .l-switcher {
  --l-switcher__breakpoint:16rem;
  --l-switcher__gap:var(--space-04);
  --flow-gap:var(--space-04)
}
@media screen and (min-width:50em) {
  .filters sticky-sentinel {
    display:block
  }
  .filters__mobile-controls {
    display:none
  }
  .filters__options {
    --sticky-sentinel__top-distance:0rem;
    --l-sidebar__gap-block:inherit;
    --l-sidebar__gap-inline:inherit;
    z-index:0;
    max-height:calc(100vh - 10rem);
    max-height:calc(100vh - var(--site-top-bump) - var(--sticky-sentinel__top-distance, 0rem));
    padding:0 .18281rem;
    padding:0 var(--space-02);
    width:auto;
    transition:height .25s ease-in-out,max-height .25s ease-in-out
  }
  .filters__options.filters__options {
    position:sticky
  }
  .filters__toggle-wrapper {
    display:none
  }
}
.header-submenu {
  --header-submenu__color-hover:var(--color-background-2);
  --header-submenu__color-active:var(--color-background-3);
  background:#fff;
  background:var(--color-background);
  border:.125rem solid #000;
  border:var(--border-width-md) solid var(--color-line)
}
.header-submenu>.l-switcher {
  --l-switcher__gap:0rem
}
.header-submenu .sub-menu {
  --flow-gap-all:0;
  font-size:2.02729rem;
  font-size:var(--font-size-10)
}
.header-submenu .sub-menu>*+* {
  border-top:.125rem solid #000;
  border-top:var(--border-width-md) solid var(--color-line)
}
.header-submenu .sub-menu a {
  --focus-shadow-size:var(--border-width-md);
  display:block;
  font-weight:500;
  padding:1.4625rem .73125rem;
  padding:var(--space-05) var(--space-04);
  text-decoration:none
}
@media (any-hover:hover) {
  .header-submenu .sub-menu a:hover {
    background:var(--header-submenu__color-hover)
  }
}
.header-submenu .sub-menu a:focus {
  box-shadow:inset 0 0 0 .25rem #000;
  box-shadow:0 0 0 var(--focus-shadow-size) var(--color-line) inset
}
.js-focus-visible .header-submenu .sub-menu a:focus:not(.focus-visible) {
  box-shadow:none
}
.header-submenu .sub-menu a:active {
  background:var(--header-submenu__color-active);
  color:inherit
}
.header-submenu--red {
  --header-submenu__color-hover:rgba(var(--color-red-rgb),0.1);
  --header-submenu__color-active:rgba(var(--color-red-rgb),0.2)
}
.header-submenu--blue {
  --header-submenu__color-hover:rgba(var(--color-blue-rgb),0.2);
  --header-submenu__color-active:rgba(var(--color-blue-rgb),0.3)
}
.header-submenu__content {
  font-size:1rem;
  font-size:var(--font-size-04);
  padding:1.4625rem 2.925rem;
  padding:var(--space-05) var(--space-06)
}
.header-submenu__items-switcher {
  --l-switcher__gap:0rem;
  --l-switcher__breakpoint:20rem;
  align-items:stretch;
  min-height:100%
}
.header-submenu__hover-image-container img {
  height:100%;
  width:100%;
  animation:fade-in .25s ease-in-out
}
.site-header {
  --flow-gap:0;
  padding:.73125rem;
  padding:var(--space-04);
  width:100%;
  left:0;
  position:absolute;
  top:0;
  top:var(--wpadminbar-height);
  z-index:1
}
@media screen and (min-width:22em) {
  .site-header {
    position:fixed
  }
}
.site-header nav a {
  text-decoration-skip-ink:auto;
  text-underline-offset:.3rem;
  font-weight:500;
  font-size:1.26563rem;
  font-size:var(--font-size-06);
  letter-spacing:-.03ch;
  text-decoration:none
}
.site-header nav a:active,
.site-header nav a:hover {
  background:none;
  color:inherit
}
@media (any-hover:hover) {
  .site-header nav a:hover {
    text-decoration:underline
  }
  @supports (text-decoration:underline 2px black) {
    .site-header nav a {
      text-decoration:underline .125rem transparent;
      text-decoration:underline var(--border-width-md) transparent
    }
    .site-header nav a:hover {
      text-decoration-color:initial;
      text-decoration-thickness:.125rem;
      text-decoration-thickness:var(--border-width-md)
    }
  }
}
.site-header .kodansha-logo {
  font-size:2.375rem
}
.site-header .l-sidebar {
  --l-sidebar__main-min-size:max-content
}
.site-header .search-form {
  margin-left:auto;
  margin-right:auto;
  max-width:40rem
}
.site-header .header-submenu {
  --flow-gap:0;
  max-height:36rem;
  max-height:60vh;
  overflow-y:auto;
  border-top:0
}
.site-header .header-submenu[open] {
  animation:reveal-down .2s ease-in;
  display:block
}
.site-header__inner {
  background:#fff;
  background:var(--color-background);
  border:.125rem solid;
  border:var(--border-width-md) solid;
  padding:.73125rem;
  padding:var(--space-04)
}
.site-header__logo-link {
  display:block;
  max-width:max-content
}
.site-header__logo-link svg {
  display:block
}
.site-header__logo-link:active,
.site-header__logo-link:hover {
  background:none;
  color:inherit
}
.site-header__nav-menu {
  display:none
}
.site-header__nav-menu a[aria-expanded=true] {
  text-decoration:underline;
  text-decoration-thickness:.125rem;
  text-decoration-thickness:var(--border-width-md)
}
.site-header__mobile-nav-list a {
  font-size:1.60181rem;
  font-size:var(--font-size-08);
  font-weight:500;
  letter-spacing:-.03ch;
  text-decoration:none
}
@media (any-hover:hover) {
  .site-header__mobile-nav-list a:hover:not(:active) {
    background:none
  }
}
@media (any-hover:hover) {
  .site-header__mobile-nav-list a:hover {
    text-decoration:underline
  }
  @supports (text-decoration:underline 2px black) {
    .site-header__mobile-nav-list a {
      text-decoration:underline .125rem transparent;
      text-decoration:underline var(--border-width-md) transparent
    }
    .site-header__mobile-nav-list a:hover {
      text-decoration-color:initial;
      text-decoration-thickness:.125rem;
      text-decoration-thickness:var(--border-width-md)
    }
  }
}
.site-header__mobile-nav-list ul {
  --flow-gap-all:var(--space-04);
  margin-left:0
}
.site-header__mobile-nav-list ul a {
  font-size:1.26563rem;
  font-size:var(--font-size-06);
  font-weight:400
}
.site-header__menu-text-close {
  display:none
}
.mobile-menu-open .site-header {
  background:#fff;
  background:var(--color-background);
  height:100%;
  overflow:auto
}
.mobile-menu-open .site-header__inner {
  position:sticky;
  top:0
}
.mobile-menu-open .site-header__menu-text-open {
  display:none
}
.mobile-menu-open .site-header__menu-text-close {
  display:inline
}
.site-header__mobile-menu:not(:defined):target {
  --flow-gap:0;
  background:#fff;
  background:var(--color-background);
  padding:1.4625rem;
  padding:var(--space-05)
}
.site-header__mobile-menu-button .cta {
  max-width:100%;
  width:9.5ch
}
@media screen and (min-width:50em) {
  .site-header {
    font-size:1.42383rem;
    font-size:var(--font-size-07)
  }
  .site-header .kodansha-logo {
    font-size:3.5625rem
  }
  .site-header__inner {
    padding-right:1.4625rem;
    padding-right:var(--space-05)
  }
  .site-header__nav-menu {
    display:block
  }
  .site-header__mobile-menu-button {
    display:none
  }
  .site-header--open {
    background:none;
    height:auto
  }
}
.site-footer {
  --flow-gap:var(--space-07)
}
.site-footer>* {
  --flow-gap:0
}
.site-footer__title {
  font-size:1.26563rem;
  font-size:var(--font-size-06)
}
@media screen and (min-width:50em) {
  .site-footer__title {
    font-size:2.56578rem;
    font-size:var(--font-size-12)
  }
}
.site-footer__main {
  background:#fff;
  background:var(--color-background);
  color:#000;
  color:var(--color-text);
  padding-bottom:calc(var(--l-box__gutter) + var(--space-08))
}
@media screen and (min-width:50em) {
  .site-footer__main {
    padding-bottom:calc(var(--l-box__gutter) + var(--space-07))
  }
}
.site-footer__main a,
.site-footer__main small {
  font-size:.8em;
  font-size:calc(1em*var(--small-caps-modifier));
  font-weight:500;
  letter-spacing:.16ch;
  text-transform:uppercase
}
.site-footer__main a {
  text-decoration:none;
  display:inline-block;
  margin:-.36562rem -.73125rem;
  margin:calc(var(--space-03)*-1) calc(var(--space-04)*-1);
  padding:.36563rem .73125rem;
  padding:var(--space-03) var(--space-04);
  text-underline-offset:.3rem;
  text-decoration-thickness:.125rem;
  text-decoration-thickness:var(--border-width-md)
}
@media (any-hover:hover) {
  .site-footer__main a:hover {
    text-decoration:underline
  }
  @supports (text-decoration:underline 2px black) {
    .site-footer__main a {
      text-decoration:underline .125rem transparent;
      text-decoration:underline var(--border-width-md) transparent
    }
    .site-footer__main a:hover {
      text-decoration-color:initial;
      text-decoration-thickness:.125rem;
      text-decoration-thickness:var(--border-width-md)
    }
  }
}
.site-footer__main a:active,
.site-footer__main a:hover {
  background:none;
  color:inherit
}
.site-footer__main small {
  color:#757575;
  color:var(--color-text-2);
  font-size:.88889rem;
  font-size:var(--font-size-03)
}
.site-footer__main .kodansha-logo {
  font-size:3.65324rem;
  font-size:var(--font-size-15)
}
.site-footer__main .l-sidebar {
  --l-sidebar__main-min-size:66.667%;
  --l-sidebar__gap-block:var(--space-06);
  --l-sidebar__gap-inline:var(--space-07)
}
.site-footer__main .l-cluster {
  --l-cluster__gap-inline:var(--space-07)
}
.site-footer__info {
  --flow-gap-all:var(--space-04)
}
.site-footer__copyright {
  --flow-gap-all:var(--space-06)
}
.infinite-scroll.neverending .site-footer,
.infinite-scroll .posts-navigation {
  display:none
}
.infinity-end.neverending .site-footer {
  display:block
}
#wpadminbar {
  --flow-gap-all:0
}
.has-small-font-size {
  font-size:.88889rem;
  font-size:var(--font-size-03)
}
.has-normal-font-size {
  font-size:inherit
}
.has-medium-font-size {
  font-size:1.60181rem;
  font-size:var(--font-size-08)
}
.has-large-font-size {
  font-size:2.56578rem;
  font-size:var(--font-size-12)
}
.has-huge-font-size {
  font-size:3.65324rem;
  font-size:var(--font-size-15)
}
.wp-block-embed.is-type-video {
  --wp-block-embed__aspect-ratio:16/9;
  --wp-block-embed__aspect-ratio-wrapped:(16/9)
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper {
  padding-top:56.25%;
  padding-top:calc(1/var(--wp-block-embed__aspect-ratio-wrapped)*100%);
  position:relative
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
  aspect-ratio:var(--wp-block-embed__aspect-ratio);
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  top:0;
  height:100%;
  width:100%
}
@supports (aspect-ratio:1/1) {
  .wp-block-embed.is-type-video .wp-block-embed__wrapper {
    padding-top:0;
    position:static
  }
  .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
    position:static;
    height:auto
  }
}
.wp-block-embed.is-type-video.wp-embed-aspect-4-3 {
  --wp-block-embed__aspect-ratio:4/3
}
.theme-dark {
  --color-background:var(--color-black);
  --color-background-2:var(--color-gray-dark);
  --color-text:var(--color-white);
  --color-text-2:var(--color-gray-light);
  --color-line:var(--color-white);
  --color-line-2:var(--color-gray-light);
  --focus-shadow:0 0 0 var(--border-width-md) var(--color-line);
  --focus-shadow-inset:0 0 0 calc(var(--border-width-md)*-1) var(--color-line);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
:root {
  --wp-admin-theme-color:#007cba;
  --wp-admin-theme-color-darker-10:#006ba1;
  --wp-admin-theme-color-darker-20:#005a87;
  --wp-admin-border-width-focus:2px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  :root {
    --wp-admin-border-width-focus:1.5px
  }
}
:root .has-pale-pink-background-color {
  background-color:#f78da7
}
:root .has-vivid-red-background-color {
  background-color:#cf2e2e
}
:root .has-luminous-vivid-orange-background-color {
  background-color:#ff6900
}
:root .has-luminous-vivid-amber-background-color {
  background-color:#fcb900
}
:root .has-light-green-cyan-background-color {
  background-color:#7bdcb5
}
:root .has-vivid-green-cyan-background-color {
  background-color:#00d084
}
:root .has-pale-cyan-blue-background-color {
  background-color:#8ed1fc
}
:root .has-vivid-cyan-blue-background-color {
  background-color:#0693e3
}
:root .has-vivid-purple-background-color {
  background-color:#9b51e0
}
:root .has-white-background-color {
  background-color:#fff
}
:root .has-very-light-gray-background-color {
  background-color:#eee
}
:root .has-cyan-bluish-gray-background-color {
  background-color:#abb8c3
}
:root .has-very-dark-gray-background-color {
  background-color:#313131
}
:root .has-black-background-color {
  background-color:#000
}
:root .has-pale-pink-color {
  color:#f78da7
}
:root .has-vivid-red-color {
  color:#cf2e2e
}
:root .has-luminous-vivid-orange-color {
  color:#ff6900
}
:root .has-luminous-vivid-amber-color {
  color:#fcb900
}
:root .has-light-green-cyan-color {
  color:#7bdcb5
}
:root .has-vivid-green-cyan-color {
  color:#00d084
}
:root .has-pale-cyan-blue-color {
  color:#8ed1fc
}
:root .has-vivid-cyan-blue-color {
  color:#0693e3
}
:root .has-vivid-purple-color {
  color:#9b51e0
}
:root .has-white-color {
  color:#fff
}
:root .has-very-light-gray-color {
  color:#eee
}
:root .has-cyan-bluish-gray-color {
  color:#abb8c3
}
:root .has-very-dark-gray-color {
  color:#313131
}
:root .has-black-color {
  color:#000
}
:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background:linear-gradient(135deg,#0693e3,#9b51e0)
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
  background:linear-gradient(135deg,#00d084,#0693e3)
}
:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background:linear-gradient(135deg,#7adcb4,#00d082)
}
:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background:linear-gradient(135deg,#fcb900,#ff6900)
}
:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background:linear-gradient(135deg,#ff6900,#cf2e2e)
}
:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background:linear-gradient(135deg,#eee,#a9b8c3)
}
:root .has-cool-to-warm-spectrum-gradient-background {
  background:linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)
}
:root .has-blush-light-purple-gradient-background {
  background:linear-gradient(135deg,#ffceec,#9896f0)
}
:root .has-blush-bordeaux-gradient-background {
  background:linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)
}
:root .has-purple-crush-gradient-background {
  background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)
}
:root .has-luminous-dusk-gradient-background {
  background:linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)
}
:root .has-hazy-dawn-gradient-background {
  background:linear-gradient(135deg,#faaca8,#dad0ec)
}
:root .has-pale-ocean-gradient-background {
  background:linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)
}
:root .has-electric-grass-gradient-background {
  background:linear-gradient(135deg,#caf880,#71ce7e)
}
:root .has-subdued-olive-gradient-background {
  background:linear-gradient(135deg,#fafae1,#67a671)
}
:root .has-atomic-cream-gradient-background {
  background:linear-gradient(135deg,#fdd79a,#004a59)
}
:root .has-nightshade-gradient-background {
  background:linear-gradient(135deg,#330968,#31cdcf)
}
:root .has-midnight-gradient-background {
  background:linear-gradient(135deg,#020381,#2874fc)
}
.has-small-font-size {
  font-size:.8125em
}
.has-normal-font-size,
.has-regular-font-size {
  font-size:1em
}
.has-medium-font-size {
  font-size:1.25em
}
.has-large-font-size {
  font-size:2.25em
}
.has-huge-font-size,
.has-larger-font-size {
  font-size:2.625em
}
.has-text-align-center {
  text-align:center
}
.has-text-align-left {
  text-align:left
}
.has-text-align-right {
  text-align:right
}
#end-resizable-editor-section {
  display:none
}
.aligncenter {
  clear:both
}
.items-justified-left {
  justify-content:flex-start
}
.items-justified-center {
  justify-content:center
}
.items-justified-right {
  justify-content:flex-end
}
.items-justified-space-between {
  justify-content:space-between
}
.screen-reader-text {
  -webkit-clip-path:inset(50%);
  position:absolute
}
.screen-reader-text:focus {
  background-color:#ddd;
  -webkit-clip-path:none;
  color:#444;
  font-size:1em;
  padding:15px 23px 14px;
  top:5px
}
.wp-block-image {
  margin:0 0 1em
}
.wp-block-image img {
  max-width:100%
}
.wp-block-image:not(.is-style-rounded) img {
  border-radius:inherit
}
.wp-block-image.aligncenter {
  text-align:center
}
.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
  width:100%
}
.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright {
  display:table
}
.wp-block-image .aligncenter>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption {
  display:table-caption;
  caption-side:bottom
}
.wp-block-image .alignleft {
  float:left;
  margin:.5em 1em .5em 0
}
.wp-block-image .alignright {
  float:right;
  margin:.5em 0 .5em 1em
}
.wp-block-image .aligncenter {
  margin-left:auto;
  margin-right:auto
}
.wp-block-image figcaption {
  margin-top:.5em;
  margin-bottom:1em
}
.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img {
  border-radius:9999px
}
@supports (-webkit-mask-image:none) or (mask-image:none) or (-webkit-mask-image:none) {
  .wp-block-image.is-style-circle-mask img {
    -webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
    mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
    mask-mode:alpha;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:contain;
    mask-size:contain;
    -webkit-mask-position:center;
    mask-position:center;
    border-radius:0
  }
}
.wp-block-image figure {
  margin:0
}
.page .entry-content>:is(h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
ul,
ol,
hr)+:is(h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
ul,
ol,
hr) {
  --flow-gap:var(--space-05)
}
@media screen and (min-width:50em) {
  .page .entry-content {
    font-size:1.125rem;
    font-size:var(--font-size-05)
  }
}
@media screen and (min-width:50em) {
  .page .entry-content>*,
  .page .entry-header+.entry-content {
    --flow-gap:var(--space-07)
  }
}
.type-post .news-body {
  --flow-gap:var(--space-06)
}
.type-post .news-body a {
  font-weight:500
}
.type-post .news-header+.news-body {
  border-top:.125rem solid;
  border-top:var(--border-width-md) solid;
  padding-top:1.4625rem;
  padding-top:var(--flow-gap)
}
.chapter-template-default {
  margin-top:var(--wpadminbar-height);
  overflow:hidden
}
.chapter-template-default main {
  padding:0
}
.chapter-template-default manga-reader {
  --reader__height:calc(100vh - var(--wpadminbar-height))
}
.chapter-template-default .site-main {
  width:auto
}
.entry-content>* {
  --flow-gap:var(--space-06)
}
.error404 .site-main>*,
.error500 .site-main>* {
  --flow-gap:var(--space-05)
}
@media screen and (min-width:50em) {
  .error404 .site-main>*,
  .error500 .site-main>* {
    --flow-gap:var(--space-06)
  }
}
.page-template-page-narrow .site-main {
  width:80ch;
  width:var(--measure)
}
.page-template-page-wide .site-main {
  --page-column-width:85rem;
  max-width:none;
  padding:0 0 2.925rem;
  padding:0 0 var(--space-06) 0;
  width:100%
}
.page-template-page-wide .entry-content>* {
  margin-left:auto;
  margin-right:auto;
  max-width:100%;
  padding-left:var(--site-gutter);
  padding-right:var(--site-gutter);
  width:var(--page-column-width)
}
.page-template-page-wide .entry-content>:not(.contact-info)+:not(.contact-info) {
  padding-top:2.925rem;
  padding-top:var(--space-06);
  position:relative
}
.page-template-page-wide .entry-content>:not(.contact-info)+:not(.contact-info):before {
  content:"";
  display:block;
  border-top:.125rem solid #000;
  border-top:var(--border-width-md) solid var(--color-line);
  position:absolute;
  top:0;
  width:100vw;
  margin-left:50%;
  transform:translateX(calc(-50% - var(--site-gutter)))
}
.page-template-page-wide .entry-content>.contact-info {
  padding:0;
  width:auto
}
.page-template-page-wide .entry-content>.contact-info>* {
  margin-left:auto;
  margin-right:auto;
  max-width:100%;
  width:var(--page-column-width)
}
.screen-reader-text {
  border:0;
  clip:rect(1px,1px,1px,1px);
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute!important;
  width:1px;
  word-wrap:normal!important
}
.screen-reader-text:focus {
  background-color:#fff;
  background-color:var(--color-background);
  clip:auto!important;
  clip-path:none;
  color:#000;
  color:var(--color-text);
  display:block;
  font-weight:700;
  height:auto;
  left:5px;
  line-height:normal;
  padding:.73125rem;
  padding:var(--space-04);
  text-decoration:none;
  top:.36563rem;
  top:var(--space-03);
  width:auto;
  z-index:100000;
  font-size:.71111rem;
  font-size:var(--font-size-small-caps-03);
  font-weight:500;
  letter-spacing:.16ch;
  text-transform:uppercase
}
#primary[tabindex="-1"]:focus {
  outline:0
}
.u-break-words {
  overflow-wrap:break-word!important;
  word-wrap:break-word!important;
  -ms-word-break:break-all!important;
  word-break:break-all!important;
  word-break:break-word!important;
  -ms-hyphens:auto!important;
  -moz-hyphens:auto!important;
  -webkit-hyphens:auto!important;
  hyphens:auto!important
}
.u-reorder-first {
  order:-1!important
}
.u-sticky-bottom {
  position:sticky!important;
  bottom:0!important
}
.u-full-width {
  max-width:none!important;
  width:100%!important
}
.u-no-gap {
  --l-cluster__gap:0rem!important;
  --l-cover__gap:0rem!important;
  --l-grid__gap:0rem!important;
  --l-reel__gap:0rem!important;
  --l-sidebar__gap:0rem!important;
  --l-stack__gap:0rem!important;
  --l-switcher__gap:0rem!important;
  margin:0!important
}
.u-no-gap>* {
  --flow-gap:0!important;
  margin:0!important
}
.u-no-gutter {
  --l-box__gutter:0rem!important;
  --l-cover__gutter:0rem!important;
  --l-reel__gutter:0rem!important;
  padding:0!important
}
.u-no-scroll {
  overflow:hidden!important
}
.u-no-scroll-x {
  overflow-x:hidden!important
}
.u-colorize {
  --u-colorize__color:#fff!important;
  --u-colorize__alpha:0.4;
  background:var(--u-colorize__color)!important
}
.u-colorize>* {
  filter:grayscale(100%)!important;
  mix-blend-mode:multiply!important
}
.u-colorize--green {
  --u-colorize__color:rgba(var(--color-green-rgb),var(--u-colorize__alpha))!important
}
.u-colorize--blue {
  --u-colorize__color:rgba(var(--color-blue-rgb),var(--u-colorize__alpha))!important
}
.u-colorize--orange {
  --u-colorize__color:rgba(var(--color-orange-rgb),var(--u-colorize__alpha))!important
}
.u-colorize--navy {
  --u-colorize__color:rgba(var(--color-navy-rgb),var(--u-colorize__alpha))!important
}
.u-colorize--pink {
  --u-colorize__color:rgba(var(--color-pink-rgb),var(--u-colorize__alpha))!important
}
.u-colorize--red {
  --u-colorize__color:rgba(var(--color-red-rgb),var(--u-colorize__alpha))!important
}
.u-colorize--yellow {
  --u-colorize__color:rgba(var(--color-yellow-rgb),var(--u-colorize__alpha))!important
}
.u-colorize--purple {
  --u-colorize__color:rgba(var(--color-purple-rgb),var(--u-colorize__alpha))!important
}

/*# sourceMappingURL=/assets/style.css.map */