@charset "UTF-8";
#nztk-header {
  --header-max-width: 820px;
  --main-max-width: 820px;
  --article-margin-tb: 72px;
  --font-base: "Noto Sans JP", sans-serif;
  --font-bold: "Noto Sans JP", sans-serif;
  --text-base: #303030;
  --text-weak: #454545;
  --text-muted: #606060;
  --text-faint: #808080;
  --text-strong: #e04080;
  --text-note: #d06020;
  --text-link: #0073b1;
  --text-link-visited: #0073b1;
  --text-muted-link: #606060;
  --bg-hvr: #dcf0fc;
  --bg-sel: #b8e0f8;
  --border: #c0c0c0;
  --border-sel: #20a0e0;
  --global-bg: #f4f4f4;
  --header-bg: #ffffff;
  --header-bg-hvr: #dcf0fc;
  --header-bg-sel: #b8e0f8;
  --topicpath-bg: #fafafa;
  --main-bg: #fafafa;
  --banner-bg: #ffffff;
  --banner-border: #fafafa;
  --table-header-bg: #f8f0e8;
  --normal-btn-bg: #fafafa;
  --normal-btn-bg-hvr: #dcf0fc;
  --normal-btn-bg-sel: #b8e0f8;
  --normal-btn-arrow: #a0a0a0;
  --accent-btn-bg: #0078D4;
  --accent-btn-bg-hvr: #005ea6;
  --accent-btn-text: #ffffff;
  --dark-btn-bg: #303030;
  --dark-btn-bg-hvr: #606060;
  --dark-btn-text: #ffffff;
  --dark-btn-arrow: #ffffff;
  --header-max-width: 892px;
  margin: 0;
  padding: 0;
  background-color: var(--global-bg);
  color: var(--text-base);
  font-family: var(--font-base);
  font-weight: 400;
  font-style: normal;
}
#nztk-header * {
  box-sizing: content-box;
}
#nztk-header div, #nztk-header span, #nztk-header applet, #nztk-header object, #nztk-header iframe,
#nztk-header h1, #nztk-header h2, #nztk-header h3, #nztk-header h4, #nztk-header h5, #nztk-header h6, #nztk-header p, #nztk-header blockquote, #nztk-header pre,
#nztk-header a, #nztk-header abbr, #nztk-header acronym, #nztk-header address, #nztk-header big, #nztk-header cite, #nztk-header code,
#nztk-header del, #nztk-header dfn, #nztk-header em, #nztk-header img, #nztk-header ins, #nztk-header kbd, #nztk-header q, #nztk-header s, #nztk-header samp,
#nztk-header small, #nztk-header strike, #nztk-header strong, #nztk-header sub, #nztk-header sup, #nztk-header tt, #nztk-header var,
#nztk-header b, #nztk-header u, #nztk-header i, #nztk-header center,
#nztk-header dl, #nztk-header dt, #nztk-header dd, #nztk-header ol, #nztk-header ul, #nztk-header li,
#nztk-header fieldset, #nztk-header form, #nztk-header label, #nztk-header legend,
#nztk-header table, #nztk-header caption, #nztk-header tbody, #nztk-header tfoot, #nztk-header thead, #nztk-header tr, #nztk-header th, #nztk-header td,
#nztk-header article, #nztk-header aside, #nztk-header canvas, #nztk-header details, #nztk-header embed,
#nztk-header figure, #nztk-header figcaption, #nztk-header footer, #nztk-header header, #nztk-header hgroup,
#nztk-header menu, #nztk-header nav, #nztk-header output, #nztk-header ruby, #nztk-header section, #nztk-header summary,
#nztk-header time, #nztk-header mark, #nztk-header audio, #nztk-header video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
#nztk-header article, #nztk-header aside, #nztk-header details, #nztk-header figcaption, #nztk-header figure,
#nztk-header footer, #nztk-header header, #nztk-header hgroup, #nztk-header menu, #nztk-header nav, #nztk-header section {
  display: block;
}
#nztk-header body {
  line-height: 1;
}
#nztk-header ol, #nztk-header ul {
  list-style: none;
}
#nztk-header blockquote, #nztk-header q {
  quotes: none;
}
#nztk-header blockquote:before, #nztk-header blockquote:after,
#nztk-header q:before, #nztk-header q:after {
  content: "";
  content: none;
}
#nztk-header table {
  border-collapse: collapse;
  border-spacing: 0;
}
#nztk-header a {
  text-decoration: none;
}
#nztk-header a:hover {
  text-decoration: underline;
}
@media (min-width: 720px) {
  #nztk-header {
    --header-menu-left-margin: 10px;
    --header-menu-right-margin: 10px;
    --header-logo-width: 160px;
    --header-menu-li-side-padding: 16px;
    --header-menu-hb-side-padding: 16px;
    --header-menu-hb-dropdown-right: -6px;
    --header-menu-hb-dropdown-top: 3px;
    --header-topicpath-side-margin: 10px;
    --header-optional-text: inline;
    --main-side-margin: 10px;
    --article-border-side: 1px solid var(--border);
    --article-border-radius: 4px;
    --article-padding: 18px 12px;
    --section-padding: 18px;
  }
}
@media (max-width: 719px) and (min-width: 540px) {
  #nztk-header {
    --header-menu-left-margin: 8px;
    --header-menu-right-margin: 8px;
    --header-logo-width: 160px;
    --header-menu-li-side-padding: 16px;
    --header-menu-hb-side-padding: 16px;
    --header-topicpath-side-margin: 8px;
    --header-menu-hb-dropdown-right: 2px;
    --header-menu-hb-dropdown-top: 3px;
    --header-optional-text: inline;
    --main-side-margin: 8px;
    --article-border-side: 1px solid var(--border);
    --article-border-radius: 4px;
    --article-padding: 18px 10px;
    --section-padding: 18px;
  }
}
@media (max-width: 539px) {
  #nztk-header {
    --header-menu-left-margin: 6px;
    --header-menu-right-margin: 0;
    --header-logo-width: 128px;
    --header-menu-li-side-padding: 16px;
    --header-menu-hb-side-padding: 16px;
    --header-topicpath-side-margin: 6px;
    --header-menu-hb-dropdown-right: 2px;
    --header-menu-hb-dropdown-top: 2px;
    --header-optional-text: none;
    --main-side-margin: 6px;
    --article-border-side: 1px solid var(--border);
    --article-border-radius: 4px;
    --article-padding: 18px 10px;
    --section-padding: 18px;
  }
}
@media (max-width: 374px) {
  #nztk-header {
    --header-menu-li-side-padding: 10px;
    --header-menu-hb-side-padding: 10px;
  }
}
#nztk-header a {
  color: var(--text-link);
}
#nztk-header .cmn-icon {
  width: 20px;
  height: 20px;
  background-color: var(--text-base);
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
#nztk-header .cmn-icon--bg-color {
  background-color: var(--main-bg);
}
#nztk-header .cmn-icon.hamburger {
  mask-image: url("/resources/icons/hamburger.svg");
  -webkit-mask-image: url("/resources/icons/hamburger.svg");
}
#nztk-header .cmn-icon.author {
  mask-image: url("/resources/icons/author.svg");
  -webkit-mask-image: url("/resources/icons/author.svg");
}
#nztk-header .cmn-icon.storeroom {
  mask-image: url("/resources/icons/storeroom.svg");
  -webkit-mask-image: url("/resources/icons/storeroom.svg");
}
#nztk-header .cmn-icon.history {
  mask-image: url("/resources/icons/history.svg");
  -webkit-mask-image: url("/resources/icons/history.svg");
}
#nztk-header .cmn-icon.message {
  mask-image: url("/resources/icons/message.svg");
  -webkit-mask-image: url("/resources/icons/message.svg");
}
#nztk-header .cmn-icon.grid-view {
  mask-image: url("/resources/icons/grid-view.svg");
  -webkit-mask-image: url("/resources/icons/grid-view.svg");
}
#nztk-header .cmn-icon.list-view {
  mask-image: url("/resources/icons/list-view.svg");
  -webkit-mask-image: url("/resources/icons/list-view.svg");
}
#nztk-header .cmn-icon.comic {
  mask-image: url("/resources/icons/comic.svg");
  -webkit-mask-image: url("/resources/icons/comic.svg");
}
#nztk-header .cmn-icon.game {
  mask-image: url("/resources/icons/game.svg");
  -webkit-mask-image: url("/resources/icons/game.svg");
}
#nztk-header .cmn-icon.tool {
  mask-image: url("/resources/icons/tool.svg");
  -webkit-mask-image: url("/resources/icons/tool.svg");
}
#nztk-header .cmn-icon.video {
  mask-image: url("/resources/icons/video.svg");
  -webkit-mask-image: url("/resources/icons/video.svg");
}
#nztk-header .cmn-icon.other {
  mask-image: url("/resources/icons/other.svg");
  -webkit-mask-image: url("/resources/icons/other.svg");
}
#nztk-header .cmn-icon.download {
  mask-image: url("/resources/icons/download.svg");
  -webkit-mask-image: url("/resources/icons/download.svg");
}
#nztk-header .cmn-icon.question {
  mask-image: url("/resources/icons/question.svg");
  -webkit-mask-image: url("/resources/icons/question.svg");
}
#nztk-header .cmn-icon.manual {
  mask-image: url("/resources/icons/manual.svg");
  -webkit-mask-image: url("/resources/icons/manual.svg");
}
#nztk-header .cmn-icon.survey {
  mask-image: url("/resources/icons/survey.svg");
  -webkit-mask-image: url("/resources/icons/survey.svg");
}
#nztk-header .cmn-icon.bug {
  mask-image: url("/resources/icons/bug.svg");
  -webkit-mask-image: url("/resources/icons/bug.svg");
}
#nztk-header .cmn-icon.test {
  mask-image: url("/resources/icons/test.svg");
  -webkit-mask-image: url("/resources/icons/test.svg");
}
#nztk-header .cmn-icon.arrow-right {
  mask-image: url("/resources/icons/arrow-right.svg");
  -webkit-mask-image: url("/resources/icons/arrow-right.svg");
}
#nztk-header .cmn-icon.logo-x {
  mask-image: url("/resources/icons/logo-x.svg");
  -webkit-mask-image: url("/resources/icons/logo-x.svg");
}
#nztk-header .cmn-icon.logo-bluesky {
  mask-image: url("/resources/icons/logo-bluesky.svg");
  -webkit-mask-image: url("/resources/icons/logo-bluesky.svg");
}
#nztk-header .dropdown-menu-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#nztk-header .dropdown-menu-list__item:first-child .dropdown-menu-list__item-link {
  border-radius: 4px 4px 0 0;
}
#nztk-header .dropdown-menu-list__item:last-child .dropdown-menu-list__item-link {
  border-radius: 0 0 4px 4px;
}
#nztk-header .dropdown-menu-list__item-link {
  display: flex;
  gap: 6px;
  align-items: center;
  padding: 17px 12px 19px 12px;
  color: var(--text-base);
}
#nztk-header .dropdown-menu-list__item-link:hover {
  background-color: var(--header-bg-hvr);
  text-decoration: none;
}
#nztk-header .dropdown-menu-list__separator {
  height: 0;
  margin: 1px 2px;
  border-top: 1px solid var(--border);
}
#nztk-header .topicpath__list {
  display: flex;
  flex-wrap: wrap;
}
#nztk-header .topicpath__item {
  display: flex;
  height: 20px;
  line-height: 20px;
  font-size: 75%;
  color: var(--text-muted);
}
#nztk-header .topicpath__item:not(:last-child)::after {
  display: block;
  font-size: x-small;
  color: var(--border);
  content: "▶";
  padding: 0 0.5em 0 0.6em;
}
#nztk-header .topicpath__item-link {
  color: var(--text-muted);
}
#nztk-header .topicpath__item-link:hover {
  text-decoration: underline;
}
#nztk-header .global-header__navigation {
  background-color: var(--header-bg);
  border-bottom: 1px solid var(--border);
}
#nztk-header .global-header__topicpath {
  background-color: var(--topicpath-bg);
  border-bottom: 1px solid var(--border);
}
#nztk-header .header-hamburger-menu {
  z-index: 1000;
  position: relative;
}
#nztk-header .header-hamburger-menu.is-open {
  background-color: var(--header-bg-sel);
}
#nztk-header .header-hamburger-menu.is-open .header-hamburger-menu__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  transition: opacity 0.1s ease, visibility 0.1s ease, transform 0.1s ease;
}
@media (hover: hover) and (pointer: fine) {
  #nztk-header .header-hamburger-menu:not(.is-open) .header-hamburger-menu__button:hover {
    background-color: var(--header-bg-hvr);
  }
}
#nztk-header .header-hamburger-menu:not(.is-open) .header-hamburger-menu__dropdown {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 0.1s ease, visibility 0.1s ease, transform 0.1s ease;
}
@media (max-width: 539px) {
  #nztk-header .header-hamburger-menu {
    grid-column: 3;
    grid-row: 1;
  }
}
#nztk-header .header-hamburger-menu__button {
  cursor: pointer;
}
#nztk-header .header-hamburger-menu__button-icon {
  display: block;
  margin: 0 auto;
  padding: calc((var(--row-height) - 20px) / 2) var(--header-menu-hb-side-padding);
  width: 20px;
  height: 20px;
}
#nztk-header .header-hamburger-menu__button-icon-path {
  stroke: var(--text-base);
  stroke-width: 1;
}
#nztk-header .header-hamburger-menu__dropdown {
  display: block;
  position: absolute;
  width: max-content;
  right: var(--header-menu-hb-dropdown-right);
  top: calc(var(--row-height) + var(--header-menu-hb-dropdown-top));
}
#nztk-header .header-hamburger-menu__dropdown--frame {
  background-color: var(--header-bg);
  border: 1px solid var(--border);
  border-radius: 4px;
}
#nztk-header .header-logo {
  width: var(--header-logo-width);
  padding: 0 2px;
  margin: 0;
}
#nztk-header .header-logo__image {
  max-width: 100%;
}
#nztk-header .header-menu-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
#nztk-header .header-menu-list__item {
  user-select: none;
}
#nztk-header .header-menu-list__item.--bold {
  font-family: var(--font-bold);
  font-weight: bold;
}
#nztk-header .header-menu-list__item-link {
  display: block;
  color: var(--text-base);
  line-height: var(--row-height);
  font-size: 15px;
  padding: 0 var(--header-menu-li-side-padding);
}
#nztk-header .header-menu-list__item-link:hover {
  text-decoration: none;
}
@media (hover: hover) {
  #nztk-header .header-menu-list__item-link:hover {
    background-color: var(--header-bg-hvr);
  }
}
#nztk-header .header-menu-list__optional-text {
  display: var(--header-optional-text);
}
#nztk-header .header-navigation {
  max-width: var(--header-max-width);
  margin: 0 auto;
}
#nztk-header .header-navigation__inner {
  padding: 0 var(--header-menu-right-margin) 0 var(--header-menu-left-margin);
  --row-height: 54px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--row-height);
}
#nztk-header .header-topicpath {
  max-width: var(--header-max-width);
  margin: 0 auto;
}
#nztk-header .header-topicpath__inner {
  padding: 2px var(--header-topicpath-side-margin);
}