:root {
  --color-brightest: #fff;
  --color-contrast: #f4f4f6;
  --color-base: #000;
  --color-main: #041d3d;
  --color-accent: #cd0606;
  --color-accent02: #022eb0;
  --color-primary: #fbbf29;
  --color-secondary: #053a86;
  --color-link: #00f;
  --color-inactive: #ccc;
  --color-gray: #b7c1cc;
  --z-index-loading: 9999;
  --z-index-loading-bg: 9998;
  --z-index-burger: 9100;
  --z-index-header: 9000;
  --z-index-on: 2;
  --breakpoint-md: 768px;
  --breakpoint-sm: 767px;
  --font-base-offset-top: 0.07em;
  --font-family-base: "Noto Sans JP", sans-serif;
  --font-size-base: 16px;
  --font-weight-base: 400;
  --inner-padding-inline: 40px;
  --letter-spacing-base: 0.04em;
  --line-height-base: 1.5;
  --scale: 1;
  --to-rem: calc(tan(atan2(1px, 10px)) * 1rem);
  --transition-duration: 0.5s;
  --viewport-width: 1104px;
}
@media (width >= 768px) {
  :root {
    --inner-max-width: 1104px;
  }
}
@media (width <= 767px) {
  :root {
    --inner-padding-inline: 20px;
    --scale: calc(14 / 17);
    --to-rem: calc(tan(atan2(1px, 10px)) * 1rem);
    --viewport-width: 375px;
  }
}

/* =======================================================
editor
======================================================= */
html {
  font-size: 62.5%;
}

body {
  font-family: var(--font-family-base);
}

.c-post h1,
.editor-visual-editor__post-title-wrapper h1 {
  --_background-color: var(--color-contrast);
  --_border-color: var(--color-base);
  --_font-size: calc(24 * var(--scale) * var(--to-rem));
  --_margin-bottom: calc(16 * var(--scale) * var(--to-rem));
  --_padding-block: calc(8 * var(--scale) * var(--to-rem));
  --_padding-inline: calc(16 * var(--scale) * var(--to-rem));
  padding-block: calc(var(--_padding-block) - var(--font-base-offset-top)) calc(var(--_padding-block) + var(--font-base-offset-top));
  padding-inline: var(--_padding-inline);
  margin-bottom: var(--_margin-bottom);
  font-size: var(--_font-size);
  font-weight: 700;
  line-height: calc(38/24);
  background-color: var(--_background-color);
  border-top: 3px solid var(--_border-color);
}

.c-post__cont > *,
.is-root-container > * {
  box-sizing: border-box;
}
.c-post__cont h2,
.is-root-container h2 {
  --_background-color: var(--color-main);
  --_color: var(--color-brightest);
  --_font-size: calc(22 * var(--scale) * var(--to-rem));
  --_padding-block: calc(7 * var(--scale) * var(--to-rem));
  --_padding-inline: calc(24 * var(--scale) * var(--to-rem));
  padding-block: calc(var(--_padding-block) - var(--font-base-offset-top)) calc(var(--_padding-block) + var(--font-base-offset-top));
  padding-inline: var(--_padding-inline);
  font-size: var(--_font-size);
  font-weight: 700;
  line-height: calc(33/22);
  color: var(--_color);
  background-color: var(--_background-color);
}
.c-post__cont h3,
.is-root-container h3 {
  --_border-color: var(--color-base);
  --_color: var(--color-main);
  --_font-size: calc(20 * var(--scale) * var(--to-rem));
  --_padding-bottom: calc(7 * var(--scale) * var(--to-rem));
  --_padding-left: calc(25 * var(--scale) * var(--to-rem));
  position: relative;
  padding-bottom: var(--_padding-bottom);
  padding-left: var(--_padding-left);
  font-size: var(--_font-size);
  font-weight: 700;
  line-height: calc(29/20);
  color: var(--_color);
  border-bottom: 1px solid var(--_border-color);
}
.c-post__cont h3::before,
.is-root-container h3::before {
  --_background-color: var(--color-base);
  --_top: calc(3 * var(--scale) * var(--to-rem));
  --_width: calc(7 * var(--scale) * var(--to-rem));
  position: absolute;
  top: var(--_top);
  left: 0;
  width: var(--_width);
  height: calc(100% - 13 * var(--scale) * var(--to-rem));
  content: "";
  background-color: var(--_background-color);
}
.c-post__cont a,
.is-root-container a {
  color: blue;
  text-decoration: underline;
}
.c-post__cont figure.wp-block-image.is-style-vk-image-border img,
.is-root-container figure.wp-block-image.is-style-vk-image-border img {
  border: 1px solid #ccc;
}
.c-post__cont .wp-block-embed__wrapper,
.is-root-container .wp-block-embed__wrapper {
  display: block flex;
}
.c-post__cont iframe,
.is-root-container iframe {
  height: auto;
  aspect-ratio: 16/9;
}
.c-post__cont strong,
.is-root-container strong {
  font-weight: 700;
}
.c-post__cont > * + h2,
.is-root-container > * + h2 {
  --_margin-top: calc(32 * var(--scale) * var(--to-rem));
  margin-top: var(--_margin-top);
}
.c-post__cont > * + h3,
.is-root-container > * + h3 {
  --_margin-top: calc(24 * var(--scale) * var(--to-rem));
  margin-top: var(--_margin-top);
}
.c-post__cont > * + *,
.is-root-container > * + * {
  --_margin-top: calc(16 * var(--scale) * var(--to-rem));
  margin-top: var(--_margin-top);
}
.c-post__cont > figure.wp-block-image.is-style-vk-image-border + *,
.is-root-container > figure.wp-block-image.is-style-vk-image-border + * {
  --_margin-top: calc(24 * var(--scale) * var(--to-rem));
  margin-top: var(--_margin-top);
}