body{
  background: var(--ntg2-bg);
}
#body_wrap{
  background: var(--ntg2-bg);
  color: var(--ntg2-text);
}
#body_wrap :focus-visible{
  outline: 2px solid var(--ntg2-teal);
  outline-offset: 2px;
}
#body_wrap .l-content{
  margin-bottom: 72px;
  padding-top: 28px;
}
#body_wrap .l-mainContent{
  background: transparent;
  box-shadow: none;
}
@media (min-width: 960px){
#body_wrap{
    --swl-sidebar_width: var(--ntg2-side-w);
    --swl-sidebar_margin: var(--ntg2-col-gap);
  }
#body_wrap:not(.-sidebar-off) #content > #main_content{
    margin-left: auto;
  }
}
@media (max-width: 959px){
#body_wrap .l-content{
    padding-top: 20px;
  }
#body_wrap #sidebar{
    margin-top: 56px;
  }
}
#body_wrap .l-header.ntg2-header{
  position: sticky;
  top: var(--swl-adminbarH, 0px);
  z-index: 1000;
  background: var(--ntg2-bg);
  border-bottom: 1px solid var(--ntg2-line);
  box-shadow: none;
  color: var(--ntg2-text);
}
#body_wrap .ntg2-header__bar{
  display: flex;
  align-items: center;
  gap: 12px;
  height: var(--ntg2-header-h);
  min-height: 0;
  color: var(--ntg2-text);
}
#body_wrap .ntg2-header__logo{
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  margin-right: auto;
  padding: 0;
}
#body_wrap .c-headLogo{
  display: flex;
  align-items: center;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: 1;
}
#body_wrap .nettoge-logo__link{
  display: inline-flex;
  align-items: center;
  color: var(--ntg2-text);
  text-decoration: none;
}
#body_wrap .nettoge-logo{
  display: flex;
  align-items: center;
  gap: 6px;
}
#body_wrap .nettoge-logo__illust,
#body_wrap .nettoge-logo__illust-img{
  display: block;
  width: 34px;
  height: 34px;
}
#body_wrap .nettoge-logo__body{
  display: flex;
  align-items: center;
  gap: 12px;
}
#body_wrap .nettoge-logo__word{
  color: var(--ntg2-text);
  font-size: 23px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1;
  white-space: nowrap;
}
#body_wrap .nettoge-logo__tld{
  color: var(--ntg2-accent);
}
#body_wrap .nettoge-logo__sub{
  width: 13em;
  max-width: 13em;
  padding-left: 12px;
  border-left: 1px solid var(--ntg2-line);
  color: var(--ntg2-muted);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.14em;
  line-height: 1.4;
  text-transform: uppercase;
}
#body_wrap .ntg2-header__search{
  flex: 0 1 280px;
  min-width: 180px;
}
#body_wrap .ntg2-search{
  display: flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  margin: 0;
  padding: 0 14px;
  background: var(--ntg2-paper);
  border: 1px solid var(--ntg2-line);
  border-radius: 19px;
  color: var(--ntg2-muted);
}
#body_wrap .ntg2-search:focus-within{
  border-color: var(--ntg2-teal);
}
#body_wrap .ntg2-search__icon{
  flex: none;
}
#body_wrap .ntg2-search__input{
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--ntg2-text);
  font: inherit;
  font-size: 13px;
  outline: 0;
}
#body_wrap .ntg2-search__input::placeholder{
  color: var(--ntg2-muted);
}
#body_wrap .ntg2-search__input::-webkit-search-cancel-button{
  cursor: pointer;
}
#body_wrap .l-header__themeBtn,
#body_wrap .l-header__customBtn,
#body_wrap .l-header__menuBtn{
  flex: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent;
}
#body_wrap .ntg2-header .c-iconBtn{
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 1px solid var(--ntg2-line);
  border-radius: 50%;
  box-shadow: none;
  color: var(--ntg2-text);
  cursor: pointer;
}
#body_wrap .ntg2-header .c-iconBtn:hover{
  border-color: var(--ntg2-teal);
  color: var(--ntg2-teal);
}
#body_wrap .ntg2-header .c-iconBtn__icon{
  margin: 0;
  font-size: 16px;
  line-height: 1;
}
#body_wrap .ntg2-gnav{
  position: relative;
  z-index: 999;
  display: block;
  /* 右端のカードのサブメニュー（PC）が画面の右へ数 px はみ出す。横のはみ出しはページ全体では html で切るようにした
     （2026-09-24。body で切ると CLS の数え方がおかしくなる）ので、ナビの中のはみ出しはナビで切る。縦（下に開くサブメニュー）は切らない */
  overflow-x: clip;
  padding: 0;
  background: var(--ntg2-bg);
  border-bottom: 1px solid var(--ntg2-line);
  box-shadow: none;
}
#body_wrap .ntg2-gnav__in{
  display: block;
  max-width: calc(var(--container_size, 1200px) + var(--swl-pad_container, 0px) * 2);
  height: auto;
  margin: 0 auto;
  padding: 0 calc(var(--swl-pad_container, 0px) - 12px);
  background: transparent;
}
#body_wrap .ntg2-gnav .c-gnav{
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
}
#body_wrap .ntg2-gnav .c-gnav::after{
  content: none;
}
#body_wrap .ntg2-gnav .c-gnav > .menu-item{
  order: 0;
  height: auto;
}
#body_wrap .ntg2-gnav .c-gnav > .menu-item > a{
  display: block;
  height: auto;
  padding: 11px 12px 9px;
  background: transparent;
  border-bottom: 2px solid transparent;
  color: var(--ntg2-sub);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
}
#body_wrap .ntg2-gnav .c-gnav > .menu-item > a::after,
#body_wrap .ntg2-gnav .c-gnav > .menu-item > a::before{
  content: none;
}
#body_wrap .ntg2-gnav .c-gnav > .menu-item > a .ttl{
  font-size: inherit;
  line-height: inherit;
}
#body_wrap .ntg2-gnav .c-gnav .desc,
#body_wrap .ntg2-gnav .c-gnav .c-smallNavTitle{
  display: none;
}
#body_wrap .ntg2-gnav .c-gnav > .menu-item > a:hover,
#body_wrap .ntg2-gnav .c-gnav > .menu-item:focus-within > a{
  border-bottom-color: var(--ntg2-teal);
  color: var(--ntg2-text);
}
#body_wrap .ntg2-gnav .c-gnav > .menu-item.ntg2-is-current > a,
#body_wrap .ntg2-gnav .c-gnav > .menu-item.-current > a,
#body_wrap .ntg2-gnav .c-gnav > .menu-item.current-menu-item > a{
  border-bottom-color: var(--ntg2-accent);
  color: var(--ntg2-text);
}
#body_wrap .ntg2-gnav .c-gnav{
  gap: 0;
  padding: 10px 0 10px var(--ntg2-g-overlap);
}
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard{
  --g-accent: var(--ntg2-g-default);
  position: relative;
  z-index: 1;
  flex: 1 1 0;
  min-width: 0;
  max-width: var(--ntg2-g-width-max);
  margin-left: calc(var(--ntg2-g-overlap) * -1);
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.28));
  transition: flex-grow 0.55s cubic-bezier(0.34, 1.56, 0.64, 1), max-width 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard.ntg2-is-current{
  z-index: 3;
}
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard:hover,
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard:focus-within{
  z-index: 5;
}
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard > a{
  position: relative;
  display: block;
  width: 100%;
  height: var(--ntg2-g-height);
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: #16181c;
  border: 0;
  clip-path: polygon(var(--ntg2-g-slant) 0, 100% 0, calc(100% - var(--ntg2-g-slant)) 100%, 0 100%);
  color: #ffffff;
}
#body_wrap .ntg2-gcard__art{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(10, 12, 16, 0.2) 0%, rgba(10, 12, 16, 0.62) 100%),
    var(--ntg2-img, none) var(--ntg2-img-pos, center 30%) / cover no-repeat;
  filter: saturate(0.8) brightness(0.86);
  transform: scale(1.02);
  transition: filter 0.3s ease, transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard > a::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: var(--g-accent);
  opacity: 0.35;
  transition: opacity 0.2s ease;
}
#body_wrap .ntg2-gcard__logo{
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: auto;
  max-width: min(var(--ntg2-g-logo-w), 100% - var(--ntg2-g-slant) * 2 - 4px);
  height: auto;
  max-height: var(--ntg2-g-logo-h);
  margin: auto;
  object-fit: contain;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.75));
  transition: transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard > a .ttl{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard--text > a .ttl{
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0 calc(var(--ntg2-g-slant) + 6px);
  overflow: hidden;
  clip: auto;
  color: #f3ead6;
  font-family: Georgia, "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
  white-space: nowrap;
  transition: transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard:hover,
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard:focus-within{
  flex-grow: var(--ntg2-g-grow-open);
  max-width: var(--ntg2-g-width-max-open);
}
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard:hover .ntg2-gcard__art,
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard > a:focus-visible .ntg2-gcard__art{
  filter: saturate(1.05) brightness(1);
  transform: scale(1.08);
}
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard:hover .ntg2-gcard__logo,
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard > a:focus-visible .ntg2-gcard__logo,
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard--text:hover > a .ttl,
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard--text > a:focus-visible .ttl{
  transform: scale(var(--ntg2-g-logo-zoom));
}
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard:hover > a::after,
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard.ntg2-is-current > a::after{
  opacity: 1;
}
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard.ntg2-is-current:not(:hover){
  flex-grow: var(--ntg2-g-grow-current);
}
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard.ntg2-is-current .ntg2-gcard__art{
  filter: saturate(1) brightness(0.95);
}
#body_wrap .ntg2-gcard--bg3{ --g-accent: var(--ntg2-g-bg3); }
#body_wrap .ntg2-gcard--ff14{ --g-accent: var(--ntg2-g-ff14); }
#body_wrap .ntg2-gcard--sz{ --g-accent: var(--ntg2-g-sz); }
#body_wrap .ntg2-gcard--nms{ --g-accent: var(--ntg2-g-nms); }
#body_wrap .ntg2-gcard--arc{ --g-accent: var(--ntg2-g-arc); }
#body_wrap .ntg2-gcard--tes{ --g-accent: var(--ntg2-g-tes); }
#body_wrap .ntg2-gcard--s2{ --g-accent: var(--ntg2-g-s2); }
#body_wrap .ntg2-gcard--pz{ --g-accent: var(--ntg2-g-pz); }
#body_wrap .ntg2-gcard--fallout{ --g-accent: var(--ntg2-g-fallout); }
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard > .sub-menu{
  left: var(--ntg2-g-slant);
  margin-top: 4px;
}
#body_wrap .ntg2-gnav .c-gnav > .ntg-menu-site{
  display: none;
}
@media (max-width: 1099px){
#body_wrap .ntg2-gnav__in{
    overflow-x: auto;
    scrollbar-width: none;
  }
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard,
  #body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard:hover,
  #body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard:focus-within,
  #body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard.ntg2-is-current,
  #body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard.ntg2-is-current:not(:hover){
    flex: 1 0 var(--ntg2-g-width);
    max-width: none;
  }
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard{
    transition: flex-basis 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard:hover,
  #body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard:focus-within{
    flex-basis: var(--ntg2-g-width-open);
  }
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard.ntg2-is-current:not(:hover){
    flex-basis: calc(var(--ntg2-g-width) + 20px);
  }
#body_wrap .ntg2-gnav{
    --ntg2-g-width: 120px;
    --ntg2-g-width-open: 176px;
    --ntg2-g-slant: 14px;
    --ntg2-g-overlap: 18px;
    --ntg2-g-logo-w: calc(var(--ntg2-g-width) - var(--ntg2-g-slant) * 2 - 4px);
  }
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard > a{
    width: 100%;
  }
#body_wrap .ntg2-gnav__in::-webkit-scrollbar{
    display: none;
  }
#body_wrap .ntg2-gnav .c-gnav .sub-menu{
    display: none;
  }
}
#body_wrap .ntg2-gnav .c-gnav .sub-menu{
  min-width: 14em;
  width: auto;
  padding: 6px 0;
  background: var(--ntg2-surface);
  border: 1px solid var(--ntg2-line);
  border-radius: var(--ntg2-radius);
  box-shadow: var(--ntg2-shadow-float);
  color: var(--ntg2-text);
  z-index: 1001;
}
#body_wrap .ntg2-gnav .c-gnav > .menu-item > .sub-menu{
  left: 0;
  transform: none;
}
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard:nth-last-child(1 of .ntg2-gcard) > .sub-menu{
  left: auto;
  right: var(--ntg2-g-slant);
}
#body_wrap .ntg2-gnav .c-gnav .sub-menu a{
  padding: 8px 14px;
  color: var(--ntg2-text);
  font-size: 13px;
  white-space: nowrap;
}
#body_wrap .ntg2-gnav .c-gnav .sub-menu a:hover{
  background: var(--ntg2-paper);
  color: var(--ntg2-teal);
}
#body_wrap .ntg2-gnav .c-gnav .sub-menu .ttl{
  font-size: inherit;
}
@media (max-width: 959px){
#body_wrap .ntg2-gnav .l-header__gnav{
    display: block;
  }
#body_wrap .ntg2-gnav__in{
    overflow-x: auto;
    padding: 0 6px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
#body_wrap .ntg2-gnav__in::-webkit-scrollbar{
    display: none;
  }
#body_wrap .ntg2-gnav .c-gnav > .menu-item > a{
    min-height: 40px;
    padding: 0 10px;
    font-size: 13px;
  }
#body_wrap .ntg2-gnav{
    --ntg2-g-width: 104px;
    --ntg2-g-width-open: 140px;
    --ntg2-g-height: 50px;
    --ntg2-g-logo-h: 30px;
    --ntg2-g-slant: 12px;
    --ntg2-g-overlap: 14px;
  }
#body_wrap .ntg2-gnav .c-gnav{
    padding: 8px 8px 8px var(--ntg2-g-overlap);
  }
#body_wrap .ntg2-gnav .c-gnav .sub-menu,
  #body_wrap .ntg2-gnav .c-gnav > .ntg-menu-site{
    display: none;
  }
}
#body_wrap .ntg2-gnav__arrow{
  position: absolute;
  top: 50%;
  z-index: 5;
  display: none;
  place-items: center;
  width: 32px;
  height: 32px;
  margin: -16px 0 0;
  padding: 0;
  background: var(--ntg2-surface);
  border: 1px solid var(--ntg2-line-2);
  border-radius: 50%;
  box-shadow: var(--ntg2-shadow-float);
  color: var(--ntg2-text);
  cursor: pointer;
}
#body_wrap .ntg2-gnav__arrow:hover,
#body_wrap .ntg2-gnav__arrow:focus-visible{
  border-color: var(--ntg2-teal);
  color: var(--ntg2-teal);
}
#body_wrap .ntg2-gnav__arrow--prev{
  left: 6px;
}
#body_wrap .ntg2-gnav__arrow--next{
  right: 6px;
}
#body_wrap .ntg2-gnav.has-overflow .ntg2-gnav__arrow{
  display: grid;
}
#body_wrap .ntg2-gnav.has-overflow.is-at-start .ntg2-gnav__arrow--prev,
#body_wrap .ntg2-gnav.has-overflow.is-at-end .ntg2-gnav__arrow--next{
  display: none;
}
@media (max-width: 599px){
#body_wrap .ntg2-gnav__arrow{
    width: 28px;
    height: 28px;
    margin-top: -14px;
  }
#body_wrap .ntg2-gnav__arrow svg{
    width: 16px;
    height: 16px;
  }
#body_wrap .ntg2-gnav__arrow--prev{
    left: 4px;
  }
#body_wrap .ntg2-gnav__arrow--next{
    right: 4px;
  }
}
@media (hover: hover) and (pointer: fine){
#body_wrap .ntg2-gnav.has-overflow .ntg2-gnav__in{
    cursor: grab;
    user-select: none;
  }
#body_wrap .ntg2-gnav.is-dragging .ntg2-gnav__in{
    cursor: grabbing;
  }
#body_wrap .ntg2-gnav.is-dragging .c-gnav > .menu-item{
    pointer-events: none;
  }
}
#body_wrap .ntg2-gnav.ntg2-no-anim .c-gnav > .ntg2-gcard,
#body_wrap .ntg2-gnav.ntg2-no-anim .c-gnav > .ntg2-gcard > a,
#body_wrap .ntg2-gnav.ntg2-no-anim .ntg2-gcard__art,
#body_wrap .ntg2-gnav.ntg2-no-anim .ntg2-gcard__logo,
#body_wrap .ntg2-gnav.ntg2-no-anim .c-gnav > .ntg2-gcard--text > a .ttl{
  transition: none;
}
@media (prefers-reduced-motion: reduce){
#body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard,
  #body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard > a,
  #body_wrap .ntg2-gcard__art,
  #body_wrap .ntg2-gcard__logo,
  #body_wrap .ntg2-gnav .c-gnav > .ntg2-gcard--text > a .ttl{
    transition: none;
  }
}
#body_wrap .p-spMenu{
  z-index: 1002;
  color: var(--ntg2-text);
}
#body_wrap .p-spMenu__inner::before{
  background: var(--ntg2-bg);
  opacity: 1;
}
#body_wrap .p-spMenu__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--ntg2-line);
}
#body_wrap .p-spMenu__title{
  margin: 0;
  padding: 0;
  color: var(--ntg2-text);
  font-size: 14px;
  font-weight: 700;
  text-align: left;
}
#body_wrap .p-spMenu__title::before,
#body_wrap .p-spMenu__title::after{
  content: none;
}
#body_wrap .p-spMenu__closeBtn .c-iconBtn{
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--ntg2-line);
  border-radius: 50%;
  color: var(--ntg2-text);
}
#body_wrap .p-spMenu__body{
  padding: 8px 16px 24px;
}
#body_wrap .c-spnav{
  margin: 0;
  padding: 0;
  list-style: none;
}
#body_wrap .c-spnav a{
  display: block;
  padding: 12px 4px;
  border-bottom: 1px solid var(--ntg2-line);
  color: var(--ntg2-text);
  font-size: 15px;
  text-decoration: none;
}
#body_wrap .c-spnav a:hover{
  color: var(--ntg2-teal);
}
#body_wrap .c-spnav .sub-menu a{
  padding-left: 18px;
  color: var(--ntg2-sub);
  font-size: 14px;
}
#body_wrap .c-spnav .desc,
#body_wrap .c-spnav .c-smallNavTitle{
  display: none;
}
#body_wrap .p-spMenu__overlay{
  background: #000;
  opacity: 0.45;
}
#body_wrap .l-header__spActions{
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
@media (max-width: 959px){
#body_wrap .ntg2-header__bar{
    height: var(--ntg2-header-h-sp);
    gap: 8px;
    padding-right: 12px;
    padding-left: 14px;
  }
#body_wrap .nettoge-logo__illust,
  #body_wrap .nettoge-logo__illust-img{
    width: 30px;
    height: 30px;
  }
#body_wrap .nettoge-logo__word{
    font-size: 20px;
  }
#body_wrap .nettoge-logo__sub{
    display: none;
  }
#body_wrap .ntg2-header .c-iconBtn{
    width: 36px;
    height: 36px;
  }
#body_wrap .ntg2-header__logo{
    transition: opacity 0.2s ease;
  }
html[data-sp-search="opened"] #body_wrap .ntg2-header__logo{
    flex: 0 0 0;
    width: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
  }
html[data-sp-search="opened"] #body_wrap .l-header__spActions{
    flex: 1 1 auto;
  }
#body_wrap .nettoge-sp-inline-search{
    display: none;
    flex: 1 1 auto;
    min-width: 0;
  }
#body_wrap .nettoge-sp-inline-search.is-opened{
    display: flex;
  }
#body_wrap .nettoge-sp-inline-search__form{
    display: flex;
    width: 100%;
    height: 38px;
    margin: 0;
  }
#body_wrap .nettoge-sp-inline-search__input{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 14px;
    background: var(--ntg2-paper);
    border: 1px solid var(--ntg2-line);
    border-radius: 19px;
    color: var(--ntg2-text);
    font-size: 14px;
  }
#body_wrap .nettoge-sp-inline-search__input:focus{
    border-color: var(--ntg2-teal);
    outline: 0;
  }
}
#body_wrap .c-searchForm:not(.nettoge-sp-inline-search__form):not(.nettoge-sidebar-search__form){
  display: flex;
  align-items: stretch;
  max-width: 520px;
  height: 44px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  background: var(--ntg2-paper);
  border: 1px solid var(--ntg2-line);
  border-radius: 22px;
}
#body_wrap .c-searchForm:not(.nettoge-sp-inline-search__form):not(.nettoge-sidebar-search__form):focus-within{
  border-color: var(--ntg2-teal);
}
#body_wrap .c-searchForm:not(.nettoge-sp-inline-search__form):not(.nettoge-sidebar-search__form) .c-searchForm__s{
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  padding: 0 18px;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--ntg2-text);
  font-size: 14px;
}
#body_wrap .c-searchForm:not(.nettoge-sp-inline-search__form):not(.nettoge-sidebar-search__form) .c-searchForm__submit{
  /* 虫眼鏡（::before、SWELL が absolute で left:50%）をボタンの中に置くため relative。static だとフォームのまん中（入力欄の上）に出ていた（2026-09-26） */
  position: relative;
  flex: none;
  width: 48px;
  height: 100%;
  background: transparent;
  border: 0;
  color: var(--ntg2-sub);
}
#body_wrap .c-searchForm:not(.nettoge-sp-inline-search__form):not(.nettoge-sidebar-search__form) .c-searchForm__submit::before{
  color: inherit;
}
#body_wrap .c-searchForm:not(.nettoge-sp-inline-search__form):not(.nettoge-sidebar-search__form) .c-searchForm__submit:hover{
  color: var(--ntg2-teal);
}
#body_wrap .nettoge-theme-toggle{
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  background: transparent;
  border: 1px solid var(--ntg2-line);
  border-radius: 50%;
  box-shadow: none;
  color: var(--ntg2-text);
  cursor: pointer;
}
#body_wrap .nettoge-theme-toggle:hover{
  border-color: var(--ntg2-teal);
  color: var(--ntg2-teal);
}
#body_wrap .nettoge-theme-toggle__track{
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
#body_wrap .nettoge-theme-toggle__thumb{
  display: none;
}
#body_wrap .nettoge-theme-toggle__icon{
  position: absolute;
  inset: 0;
  place-items: center;
  width: 18px;
  height: 18px;
  opacity: 1;
  transform: none;
  color: inherit;
}
#body_wrap .nettoge-theme-toggle__icon svg{
  display: block;
  width: 18px;
  height: 18px;
}
#body_wrap .nettoge-theme-toggle__icon--dark{
  display: var(--ntg2-show-in-light);
}
#body_wrap .nettoge-theme-toggle__icon--light{
  display: var(--ntg2-show-in-dark);
}
@media (max-width: 959px){
#body_wrap .nettoge-theme-toggle{
    width: 36px;
    height: 36px;
  }
}
#body_wrap .p-breadcrumb{
  margin: 0 0 10px;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
#body_wrap .p-breadcrumb__list{
  flex-wrap: wrap;
  gap: 4px 8px;
  overflow: visible;
  color: var(--ntg2-muted);
  font-size: 12px;
}
#body_wrap .p-breadcrumb__item{
  gap: 8px;
}
#body_wrap .p-breadcrumb__item::after{
  content: "›";
  color: var(--ntg2-muted);
  opacity: 0.6;
  border: 0;
  width: auto;
  height: auto;
  transform: none;
}
#body_wrap .p-breadcrumb__item:last-child::after{
  content: none;
}
#body_wrap .p-breadcrumb__text{
  color: var(--ntg2-muted);
}
#body_wrap .p-breadcrumb__text:hover span{
  color: var(--ntg2-teal);
  opacity: 1;
}
#body_wrap .p-breadcrumb__text .__home::before{
  content: none;
}
#body_wrap.single .p-breadcrumb__item:last-child{
  display: none;
}
#body_wrap.single .p-breadcrumb__item:nth-last-child(2)::after{
  content: none;
}
#body_wrap .p-postList.-type-list{
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--ntg2-line);
}
#body_wrap .-type-list .p-postList__thumb,
#body_wrap .-type-list .p-postList__body{
  width: auto;
}
#body_wrap .-type-list .p-postList__thumb{
  margin: 0;
  overflow: hidden;
  border-radius: var(--ntg2-radius-sm);
  box-shadow: none;
}
#body_wrap .-type-list .p-postList__body{
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0;
}
#body_wrap .-type-list .p-postList__title{
  order: 2;
  margin: 2px 0 6px;
  color: var(--ntg2-text);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.55;
}
#body_wrap .p-postList .c-postTimes__posted::before,
#body_wrap .p-postList .c-postTimes__modified::before,
#body_wrap .p-postList .p-postList__cat::before{
  content: none;
}
#body_wrap .-type-list .p-postList__body::before{
  content: none;
}
@media (max-width: 599px){
#body_wrap .-type-list .p-postList__title{
    margin: 0 0 2px;
    font-size: 14px;
  }
}
#body_wrap .c-pagination{
  gap: 6px;
  margin: 32px 0 0;
  font-size: 14px;
}
#body_wrap .c-pagination .page-numbers{
  display: inline-grid;
  place-items: center;
  min-width: 36px;
  height: 36px;
  margin: 0;
  padding: 0 10px;
  background: transparent;
  border: 1px solid var(--ntg2-line);
  border-radius: 18px;
  box-shadow: none;
  color: var(--ntg2-text);
  text-decoration: none;
}
#body_wrap .c-pagination a.page-numbers:hover{
  border-color: var(--ntg2-teal);
  color: var(--ntg2-teal);
}
#body_wrap .c-pagination .page-numbers.current{
  background: var(--ntg2-text);
  border-color: var(--ntg2-text);
  color: var(--ntg2-bg);
}
#body_wrap .c-pagination .page-numbers.dots{
  border-color: transparent;
}
#body_wrap #sidebar{
  color: var(--ntg2-text);
  font-size: 14px;
}
#body_wrap #sidebar .c-widget{
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#body_wrap #sidebar .c-widget + .c-widget,
#body_wrap #sidebar .c-widget + .nettoge-game-sidemenu,
#body_wrap #sidebar .nettoge-game-sidemenu + .c-widget{
  margin-top: 34px;
}
#body_wrap #sidebar .c-widget__title,
#body_wrap #fix_sidebar .c-widget__title{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  color: var(--ntg2-text);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
}
#body_wrap #sidebar .c-widget__title::before,
#body_wrap #fix_sidebar .c-widget__title::before{
  content: "";
  position: static;
  display: block;
  flex: none;
  width: 3px;
  height: 13px;
  background: var(--ntg2-accent);
  transform: none;
}
#body_wrap #sidebar .c-widget__title::after,
#body_wrap #fix_sidebar .c-widget__title::after{
  content: none;
}
#body_wrap #sidebar .widget-title-icon{
  display: none;
}
#body_wrap #sidebar .c-widget__title-meta{
  margin-left: auto;
  color: var(--ntg2-muted);
  font-family: inherit;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0;
}
#body_wrap #sidebar .widget_search{
  display: none;
}
#body_wrap.single #sidebar .widget_swell_prof_widget{
  display: none;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .nettoge-cas-guide-menu,
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .nettoge-cas-guide-menu .textwidget{
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .nettoge-cas-guide-menu > .c-widget__title{
  display: none;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu{
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu__brand{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 72px;
  margin: 0 0 4px;
  padding: 0 14px;
  overflow: hidden;
  background:
    var(--ntg2-plate-overlay),
    var(--ntg-sidemenu-hero, none) var(--ntg2-plate-img-pos) / cover no-repeat,
    var(--ntg2-plate-base);
  border: 1px solid var(--ntg2-plate-border);
  border-radius: var(--ntg2-radius);
  box-shadow: none;
  color: var(--ntg2-plate-fg);
  text-decoration: none;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu__brand:hover{
  border-color: var(--ntg2-teal);
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu__brand::before,
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu__brand::after{
  content: none;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu__logo{
  display: block;
  width: auto;
  max-width: 150px;
  height: 30px;
  margin: 0;
  object-fit: contain;
  object-position: left center;
  filter: none;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu__tag{
  margin-left: auto;
  padding: 0;
  background: none;
  border: 0;
  color: var(--ntg2-plate-fg);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  text-shadow: none;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu__tag::after{
  content: " ›";
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu h5{
  margin: 14px 0 2px;
  padding: 0;
  background: none;
  border: 0;
  color: var(--ntg2-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu h5::before,
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu h5::after{
  content: none;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu ul{
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
  border: 0;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu li{
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu li::before{
  content: none;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu li > a{
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-height: 0;
  margin: 0;
  padding: 3px 0 3px 12px;
  background: none;
  border: 0;
  border-left: 2px solid var(--ntg2-line);
  border-radius: 0;
  box-shadow: none;
  color: var(--ntg2-link);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  text-decoration: none;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu li > a::before,
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu li > a::after{
  content: none;
}
#body_wrap #sidebar .nettoge-guide-menu__label{
  min-width: 0;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu li > a .nettoge-guide-menu__label{
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu li > a:hover{
  border-left-color: var(--ntg2-teal);
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu li > a.is-visited{
  color: var(--ntg2-link-visited);
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu li > a:visited{
  color: var(--ntg2-link-visited);
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu li > a:hover .nettoge-guide-menu__label{
  text-decoration-thickness: 2px;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu li > a.is-current,
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu li > a[aria-current="page"],
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu li > a.is-current.is-visited,
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu li > a.is-current:visited{
  border-left-color: var(--ntg2-accent);
  color: var(--ntg2-text);
  font-weight: 700;
}
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu li > a:is(.is-current, [aria-current="page"]) .nettoge-guide-menu__label{
  text-decoration: none;
}
@media (max-width: 959px){
#body_wrap #sidebar .ntg-sidemenu{
    column-count: 3;
    column-gap: 32px;
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
  }
#body_wrap #sidebar .ntg-sidemenu__brand{
    column-span: all;
  }
#body_wrap #sidebar .ntg-sidemenu h5{
    break-after: avoid;
  }
#body_wrap #sidebar .ntg-sidemenu ul{
    break-inside: avoid;
  }
}
@media (max-width: 599px){
#body_wrap #sidebar .ntg-sidemenu{
    column-count: 2;
    column-gap: 22px;
  }
}
#body_wrap #sidebar .nettoge-guide-menu__badge{
  flex: none;
  align-self: center;
  margin-left: 0;
  padding: 4px 6px;
  background: var(--ntg2-teal-bg);
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  color: var(--ntg2-teal);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}
#body_wrap #sidebar .wp-block-latest-comments{
  margin: 0;
  padding: 0;
}
#body_wrap #sidebar .wp-block-latest-comments__comment{
  margin: 0;
  padding: 8px 0;
  border-bottom: 1px solid var(--ntg2-line);
  background: none;
  line-height: 1.55;
}
#body_wrap #sidebar .wp-block-latest-comments__comment::before{
  content: none;
}
#body_wrap #sidebar .wp-block-latest-comments__comment article,
#body_wrap #sidebar .wp-block-latest-comments__comment-meta{
  margin: 0;
  padding: 0;
  color: var(--ntg2-muted);
  font-family: inherit;
  font-size: 11px;
}
#body_wrap #sidebar .wp-block-latest-comments__comment-link{
  display: block;
  margin-bottom: 2px;
  color: var(--ntg2-text);
  font-size: 13px;
  text-decoration: none;
}
#body_wrap #sidebar .wp-block-latest-comments__comment-link:hover{
  color: var(--ntg2-teal);
}
#body_wrap #sidebar .wp-block-latest-comments__comment-author{
  color: var(--ntg2-muted);
  text-decoration: none;
}
#body_wrap #sidebar .widget_categories ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
#body_wrap #sidebar .widget_categories li{
  display: block;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}
#body_wrap #sidebar .widget_categories li::before{
  content: none;
}
#body_wrap #sidebar .widget_categories .nettoge-cat-link,
#body_wrap #sidebar .widget_categories li > a{
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 0;
  padding: 6px 30px 6px 0;
  background: none;
  border: 0;
  border-bottom: 1px solid var(--ntg2-line);
  border-radius: 0;
  box-shadow: none;
  color: var(--ntg2-text);
  font-size: 13px;
  text-decoration: none;
}
#body_wrap #sidebar .widget_categories .nettoge-cat-link::before,
#body_wrap #sidebar .widget_categories li > a::before{
  content: none;
}
#body_wrap #sidebar .widget_categories .nettoge-cat-link:hover{
  color: var(--ntg2-teal);
}
#body_wrap #sidebar .widget_categories .cat-name{
  flex: 1 1 auto;
  min-width: 0;
}
#body_wrap #sidebar .widget_categories .cat-post-count{
  flex: none;
  margin-left: auto;
  color: var(--ntg2-muted);
  font-family: inherit;
  font-size: 12px;
}
#body_wrap #sidebar .widget_categories .c-submenuToggleBtn{
  position: absolute;
  top: 50%;
  right: 0;
  width: 28px;
  height: 28px;
  margin: -14px 0 0;
  background: none;
  border: 0;
  border-radius: 50%;
  color: var(--ntg2-muted);
  transform: none;
}
#body_wrap #sidebar .widget_categories .c-submenuToggleBtn::after{
  content: none;
}
#body_wrap #sidebar .widget_categories .c-submenuToggleBtn:hover{
  background: var(--ntg2-paper);
  color: var(--ntg2-teal);
}
#body_wrap #sidebar .widget_categories .children .nettoge-cat-link{
  padding-left: 14px;
  color: var(--ntg2-sub);
  font-size: 12.5px;
}
#body_wrap #sidebar .p-profileBox{
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-areas:
    "icon name"
    "icon job"
    "text text"
    "links links";
  column-gap: 12px;
  align-items: center;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: var(--ntg2-text);
  text-align: left;
}
#body_wrap #sidebar .p-profileBox__icon{
  grid-area: icon;
  width: 48px;
  height: 48px;
  margin: 0;
  text-align: left;
}
#body_wrap #sidebar .p-profileBox__iconImg{
  width: 48px;
  height: 48px;
  background: var(--ntg2-paper);
  border: 1px solid var(--ntg2-line);
  border-radius: 50%;
  box-shadow: none;
}
#body_wrap #sidebar .p-profileBox__name{
  grid-area: name;
  align-self: end;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
}
#body_wrap #sidebar .p-profileBox__job{
  grid-area: job;
  align-self: start;
  margin: 0;
  padding: 0;
  color: var(--ntg2-muted);
  font-size: 11px;
  line-height: 1.5;
  text-align: left;
}
#body_wrap #sidebar .p-profileBox__text{
  grid-area: text;
  margin: 10px 0 0;
  padding: 0;
  color: var(--ntg2-sub);
  font-size: 12.5px;
  line-height: 1.7;
  text-align: left;
}
#body_wrap #sidebar .p-profileBox__iconList{
  grid-area: links;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-start;
  margin: 8px 0 0;
  padding: 0;
}
#body_wrap #sidebar .p-profileBox__iconList .c-iconList__item{
  margin: 0;
}
#body_wrap #sidebar .p-profileBox__iconList .c-iconList__link{
  box-sizing: border-box;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 1px solid var(--ntg2-line);
  border-radius: 50%;
  box-shadow: none;
  color: var(--ntg2-text);
  font-size: 13px;
  line-height: 1;
}
#body_wrap #sidebar .p-profileBox__iconList .c-iconList__link:hover{
  border-color: var(--ntg2-teal);
  color: var(--ntg2-teal);
}
#body_wrap #sidebar .p-profileBox__iconList .c-iconList__icon{
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  font-size: 13px;
  line-height: 1;
}
#body_wrap #fix_sidebar{
  top: calc(var(--swl-adminbarH, 0px) + var(--ntg2-header-h) + 20px);
}
#body_wrap #fix_sidebar .c-widget{
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
#body_wrap #fix_sidebar .widget_swell_index{
  max-height: calc(100vh - var(--swl-adminbarH, 0px) - var(--ntg2-header-h) - 48px);
  overflow-y: auto;
  scrollbar-width: thin;
}
#body_wrap #fix_sidebar .widget_swell_index .c-widget__title{
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 0 0 8px;
  background: var(--ntg2-bg);
}
#body_wrap #fix_sidebar .p-toc{
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
#body_wrap #fix_sidebar .p-toc__ttl{
  display: none;
}
#body_wrap #fix_sidebar .p-toc__list,
#body_wrap #fix_sidebar .p-toc__childList{
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}
#body_wrap #fix_sidebar .p-toc__list{
  counter-reset: ntg2-stoc;
}
#body_wrap #fix_sidebar .p-toc__list > li{
  counter-increment: ntg2-stoc;
}
#body_wrap #fix_sidebar .p-toc__list li{
  margin: 0;
  padding: 0;
  border: 0;
}
#body_wrap #fix_sidebar .p-toc__list li::before,
#body_wrap #fix_sidebar .p-toc__list li::after{
  content: none;
}
#body_wrap #fix_sidebar .p-toc__link{
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 5px 0 5px 12px;
  border-left: 2px solid var(--ntg2-line);
  color: var(--ntg2-text);
  font-size: 13px;
  line-height: 1.55;
  text-decoration: none;
}
#body_wrap #fix_sidebar .p-toc__list > li > .p-toc__link::before{
  content: counter(ntg2-stoc, decimal-leading-zero);
  flex: none;
  min-width: 1.5em;
  color: var(--ntg2-muted);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}
#body_wrap #fix_sidebar .p-toc__childList .p-toc__link{
  padding: 3px 0 3px 42px;
  color: var(--ntg2-sub);
  font-size: 12px;
  line-height: 1.5;
}
#body_wrap #fix_sidebar .p-toc__childList .p-toc__link::before{
  content: "";
  position: absolute;
  top: calc(3px + 0.75em);
  left: 30px;
  width: 6px;
  height: 1px;
  background: var(--ntg2-line-2);
}
#body_wrap #fix_sidebar .p-toc__link:hover{
  color: var(--ntg2-teal);
  opacity: 1;
}
#body_wrap #fix_sidebar .p-toc__link.is-now{
  border-left-color: var(--ntg2-teal);
  color: var(--ntg2-text);
  font-weight: 700;
}
#body_wrap #fix_sidebar .p-toc__expandBtn{
  display: none;
}
#body_wrap .l-footer.ntg2-footer{
  margin: 0;
  padding: 0;
  background: var(--ntg2-paper);
  border-top: 1px solid var(--ntg2-line);
  color: var(--ntg2-sub);
}
#body_wrap .ntg2-footer__in{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 28px;
  padding-top: 28px;
  padding-bottom: 28px;
  font-size: 13px;
}
#body_wrap .ntg2-footer__logo .nettoge-logo__illust,
#body_wrap .ntg2-footer__logo .nettoge-logo__illust-img{
  width: 26px;
  height: 26px;
}
#body_wrap .ntg2-footer__logo .nettoge-logo__word{
  font-size: 18px;
}
#body_wrap .ntg2-footer__logo .nettoge-logo__sub{
  display: none;
}
#body_wrap .ntg2-footer__nav{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
}
#body_wrap .ntg2-footer__nav a{
  color: var(--ntg2-sub);
  text-decoration: none;
}
#body_wrap .ntg2-footer__nav a:hover{
  color: var(--ntg2-teal);
}
#body_wrap .ntg2-footer__copy{
  flex: 1 1 100%;
  margin: 0;
  padding: 0;
  color: var(--ntg2-muted);
  font-size: 12px;
  line-height: 1.7;
  text-align: left;
}
#body_wrap .c-fixBtn{
  width: 44px;
  height: 44px;
  background: var(--ntg2-surface);
  border: 1px solid var(--ntg2-line-2);
  border-radius: 50%;
  box-shadow: var(--ntg2-shadow-float);
  color: var(--ntg2-text);
}
#body_wrap .c-fixBtn:hover{
  background: var(--ntg2-surface);
  border-color: var(--ntg2-teal);
  color: var(--ntg2-teal);
}
#body_wrap .c-fixBtn__label{
  display: none;
}
#body_wrap .c-fixBtn__icon{
  margin: 0;
  font-size: 16px;
}
#body_wrap #pagetop[data-has-text="1"] .c-fixBtn__icon{
  transform: none;
}
#body_wrap .ntg2-secHead{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin: 0 0 16px;
}
#body_wrap .ntg2-secH{
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0;
  padding: 0 0 0 12px;
  background: none;
  border: 0;
  border-left: 4px solid var(--ntg2-accent);
  border-radius: 0;
  color: var(--ntg2-text);
  font-size: var(--ntg2-sec-h-size);
  font-weight: 700;
  line-height: 1.4;
}
#body_wrap .ntg2-secH::before,
#body_wrap .ntg2-secH::after{
  content: none;
}
#body_wrap .ntg2-secH small{
  color: var(--ntg2-muted);
  font-size: 12px;
  font-weight: 400;
}
#body_wrap .ntg2-secHead__link{
  color: var(--ntg2-teal);
  font-size: 13px;
  text-decoration: none;
}
#body_wrap .ntg2-secHead__link:hover{
  text-decoration: underline;
}
#body_wrap .ntg2-thumb{
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: var(--ntg2-paper);
}
#body_wrap .ntg2-thumb__img{
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
#body_wrap .ntg2-miniList{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#body_wrap .ntg2-miniList__item{
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--ntg2-line);
}
#body_wrap .ntg2-miniList__item::before{
  content: none;
}
#body_wrap .ntg2-miniList__link{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  color: var(--ntg2-text);
  text-decoration: none;
}
#body_wrap .ntg2-miniList__link .ntg2-thumb{
  flex: none;
  width: 96px;
  border-radius: 3px;
}
#body_wrap .ntg2-miniList__title{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.55;
}
#body_wrap .ntg2-miniList__link:hover .ntg2-miniList__title{
  color: var(--ntg2-teal);
}
#body_wrap .ntg2-chip,
#body_wrap .c-categoryList__link,
#body_wrap .c-tagList__link{
  display: inline-block;
  padding: 0 8px;
  background: transparent;
  border: 1px solid var(--ntg2-line);
  border-radius: 3px;
  box-shadow: none;
  color: var(--ntg2-sub);
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}
#body_wrap .ntg2-chip:hover,
#body_wrap .c-categoryList__link:hover,
#body_wrap .c-tagList__link:hover{
  border-color: var(--ntg2-teal);
  color: var(--ntg2-teal);
}
#body_wrap .c-categoryList__link::before,
#body_wrap .c-tagList__link::before{
  content: none;
}
@media (max-width: 599px){
#body_wrap .ntg2-miniList{
    grid-template-columns: minmax(0, 1fr);
  }
}
#body_wrap .c-nettogeHubLink{
  max-width: none;
  margin: 18px 0 0;
}
#body_wrap .c-nettogeHubLink__anchor{
  gap: 18px;
  min-height: 76px;
  padding: 0 20px;
  overflow: hidden;
  background:
    var(--ntg2-plate-overlay),
    var(--nettoge-hub-link-image, none) var(--ntg2-plate-img-pos) / var(--ntg2-plate-img-size) no-repeat,
    var(--ntg2-plate-base);
  border: 1px solid var(--ntg2-plate-border);
  border-radius: var(--ntg2-radius);
  box-shadow: none;
  color: var(--ntg2-plate-fg);
  text-decoration: none;
  transition: border-color 0.15s ease;
}
#body_wrap .c-nettogeHubLink__anchor:hover,
#body_wrap .c-nettogeHubLink__anchor:focus-visible{
  border-color: var(--ntg2-teal);
  filter: none;
}
#body_wrap #body_wrap .c-nettogeHubLink__logo img,
#body_wrap .c-nettogeHubLink__logo img{
  width: auto;
  height: 34px;
  max-width: min(200px, 40vw);
  max-height: 34px;
  filter: none;
}
#body_wrap .ntg2-logo-on-dark,
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu__logo.ntg2-logo-on-dark{
  display: var(--ntg2-logo-on-dark);
}
#body_wrap .ntg2-logo-on-light,
:is(#body_wrap #sidebar, #nettoge-mobile-hub, #ntg-app-guide) .ntg-sidemenu__logo.ntg2-logo-on-light{
  display: var(--ntg2-logo-on-light);
}
#body_wrap .c-nettogeHubLink__game{
  color: var(--ntg2-plate-fg);
  font-size: 16px;
}
#body_wrap .c-nettogeHubLink__label,
#body_wrap .c-nettogeHubLink.has-logo .c-nettogeHubLink__label{
  color: var(--ntg2-plate-fg);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
}
#body_wrap .c-nettogeHubLink__anchor::after{
  margin-left: auto;
  color: var(--ntg2-plate-fg);
  font-size: 22px;
  opacity: 0.7;
}
@media (max-width: 599px){
#body_wrap .c-nettogeHubLink__anchor{
    gap: 12px;
    min-height: 62px;
    padding: 0 14px;
  }
#body_wrap .c-nettogeHubLink__logo img,
  #body_wrap .c-nettogeHubLink__logo img.ntg2-logo-light{
    height: 26px;
    max-height: 26px;
  }
#body_wrap .c-nettogeHubLink__label,
  #body_wrap .c-nettogeHubLink.has-logo .c-nettogeHubLink__label{
    font-size: 13px;
  }
}
@media (max-width: 959px){
.nettoge-mobile-dock .nettoge-mobile-toc__handle,
  .nettoge-mobile-dock .nettoge-mobile-hub__handle{
    touch-action: none;
  }
.nettoge-mobile-dock.is-dragging .nettoge-mobile-toc__handle,
  .nettoge-mobile-dock.is-dragging .nettoge-mobile-hub__handle{
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
  }
}
.nettoge-mobile-dock,
.nettoge-mobile-toc{
  display: none;
}
@media (max-width: 959px){
.nettoge-mobile-dock{
    position: fixed;
    /* --ntg-dock-offset: 来訪者がドラッグで動かした分（floating-header.js の enableDockDrag が localStorage から入れる。2026-09-27） */
    top: calc(env(safe-area-inset-top, 0px) + var(--swl-adminbarH, 0px) + var(--ntg2-header-h-sp) + 72px + var(--ntg-dock-offset, 0px));
    right: 0;
    z-index: 998;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    pointer-events: none;
  }
.nettoge-mobile-toc{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: var(--ntg2-text);
    pointer-events: none;
  }
.nettoge-mobile-toc.is-empty{
    display: none;
  }
.nettoge-mobile-toc__panel{
    position: absolute;
    top: 0;
    right: calc(100% + 8px);
    width: 256px;
    max-width: calc(100vw - 56px);
    max-height: min(62vh, 460px);
    padding: 12px 12px 10px;
    overflow: hidden;
    background: var(--ntg2-surface);
    border: 1px solid var(--ntg2-line-2);
    border-radius: var(--ntg2-radius);
    box-shadow: var(--ntg2-shadow-float);
    opacity: 0;
    pointer-events: none;
    transform: translateX(10px);
    transition: transform 0.14s ease-out, opacity 0.14s ease-out;
  }
.nettoge-mobile-toc.is-open .nettoge-mobile-toc__panel{
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }
.nettoge-mobile-toc__header{
    margin: 0 0 6px;
    padding: 0 0 6px 10px;
    border-bottom: 1px solid var(--ntg2-line);
    border-left: 3px solid var(--ntg2-accent);
    color: var(--ntg2-text);
    font-size: 13px;
    font-weight: 700;
  }
.nettoge-mobile-toc__list{
    display: grid;
    gap: 0;
    max-height: calc(min(62vh, 460px) - 3rem);
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none;
    scrollbar-width: thin;
  }
.nettoge-mobile-toc__item{
    margin: 0;
  }
.nettoge-mobile-toc__item.is-h3{
    margin-left: 14px;
  }
.nettoge-mobile-toc__link{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 7px 6px 7px 10px;
    border-left: 2px solid var(--ntg2-line);
    color: var(--ntg2-sub);
    font-size: 13px;
    line-height: 1.45;
    text-decoration: none;
  }
.nettoge-mobile-toc__item.is-h3 .nettoge-mobile-toc__link{
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
  }
.nettoge-mobile-toc__link.is-active{
    background: var(--ntg2-paper);
    border-left-color: var(--ntg2-teal);
    color: var(--ntg2-text);
    font-weight: 700;
  }
.nettoge-mobile-toc__number{
    flex: none;
    min-width: 1.6em;
    padding: 0;
    background: none;
    color: var(--ntg2-muted);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    line-height: 1.7;
  }
.nettoge-mobile-toc__text{
    min-width: 0;
    overflow-wrap: anywhere;
  }
.nettoge-mobile-toc__handle,
  .nettoge-mobile-hub__handle{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    width: 32px;
    padding: 9px 0 8px;
    /* 地を透かす（文字はそのまま）。開いている間は透かさない。2026-09-26 依頼主「透明度が低い」で 76% → 40%、枠と影も薄く */
    background: color-mix(in srgb, var(--ntg2-surface) 40%, transparent);
    border: 1px solid color-mix(in srgb, var(--ntg2-line-2) 60%, transparent);
    border-right: 0;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    color: var(--ntg2-text);
    /* 地が透けても字が読めるよう、字のまわりに地の色の縁 */
    text-shadow: 0 0 2px var(--ntg2-surface), 0 0 4px var(--ntg2-surface);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.1;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 0.14s ease-out;
  }
.nettoge-mobile-toc.is-open .nettoge-mobile-toc__handle,
  .nettoge-mobile-hub.is-open .nettoge-mobile-hub__handle{
    background: var(--ntg2-surface);
  }
.nettoge-mobile-dock.has-hub .nettoge-mobile-toc:not(.is-empty) .nettoge-mobile-toc__handle{
    border-radius: 8px 0 0 0;
  }
.nettoge-mobile-dock.has-hub .nettoge-mobile-toc:not(.is-empty) + .nettoge-mobile-hub .nettoge-mobile-hub__handle{
    border-top-color: var(--ntg2-line);
    border-radius: 0 0 0 8px;
  }
.nettoge-mobile-toc__handle::after,
  .nettoge-mobile-hub__handle::after{
    content: "";
    width: 6px;
    height: 6px;
    margin-top: 4px;
    border-top: 2px solid var(--ntg2-teal);
    border-right: 2px solid var(--ntg2-teal);
    transform: scaleX(-1) rotate(45deg);
    transition: transform 0.14s ease-out;
  }
.nettoge-mobile-toc.is-open .nettoge-mobile-toc__handle::after,
  .nettoge-mobile-hub.is-open .nettoge-mobile-hub__handle::after{
    transform: scaleX(-1) rotate(225deg);
  }
}
.nettoge-mobile-hub{
  display: none;
}
@media (max-width: 959px){
.nettoge-mobile-hub{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: var(--ntg2-text);
    pointer-events: none;
  }
.nettoge-mobile-hub.is-empty{
    display: none;
  }
.nettoge-mobile-hub__panel{
    position: absolute;
    top: 0;
    right: calc(100% + 8px);
    width: 256px;
    max-width: calc(100vw - 56px);
    max-height: min(62vh, 460px);
    padding: 12px 12px 10px;
    overflow: hidden;
    background: var(--ntg2-surface);
    border: 1px solid var(--ntg2-line-2);
    border-radius: var(--ntg2-radius);
    box-shadow: var(--ntg2-shadow-float);
    opacity: 0;
    pointer-events: none;
    transform: translateX(10px);
    transition: transform 0.14s ease-out, opacity 0.14s ease-out;
  }
.nettoge-mobile-hub.is-open .nettoge-mobile-hub__panel{
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }
.nettoge-mobile-hub__body{
    max-height: calc(min(62vh, 460px) - 3rem);
    overflow: auto;
    scrollbar-width: thin;
  }
}
.ntg-spoil{
  display: inline-block;
  min-width: 0;
  max-width: 100%;
}
.ntg-spoil__mask{
  display: inline-block;
  width: calc(var(--ntg-spoil-n, 8) * 0.85em);
  max-width: 100%;
  height: 0.9em;
  vertical-align: -0.1em;
  border-radius: 2px;
  background: repeating-linear-gradient(-45deg, var(--ntg2-line-2) 0 4px, var(--ntg2-line) 4px 8px);
}
.ntg-spoil-open{
  animation: ntg-spoil-open 0.8s ease-out both;
}
@keyframes ntg-spoil-open{
  from {
    opacity: 0;
    filter: blur(3px);
  }

  to {
    opacity: 1;
    filter: none;
  }
}
#body_wrap .is-ntg-spoil-tag:not(.is-ntg-spoil-open){
  display: none;
}
@media (prefers-reduced-motion: reduce){
.ntg-spoil-open{
    animation: none;
  }
}
