/* 共通 ここから */
:root {
  --gb-bk: #111;
  --gb-g1: #555;
  --gb-g2: #999;
  --gb-g3: #d9d9d9;
  --gb-g4: #efefef;
  --gb-g5: #f6f6f6;
  --gb-wh: #fff;
  --gb-en: "Helvetica Neue", Arial, sans-serif;
}
body.gb-new {
  background: var(--gb-wh) !important;
  color: var(--gb-bk);
}
body.gb-new a:where(:not([class*="btn"]):not([class*="button"]):not([class*="button"] *)) {
  color: var(--gb-bk);
}

/* 旧パーツ非表示 ここから */
body.gb-new #header-container,
body.gb-new #sp-fixed-bar,
body.gb-new #footer,
body.gb-new .footer-profile-block,
body.gb-new .mobile-menu-buttons,
body.gb-new #mobile-toc-widget-wrap,
body.gb-new #sidebar {
  display: none !important;
}

/* レイアウト ここから */
body.gb-new #content {
  margin-top: 0;
}
body.gb-new .content-in {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
body.gb-new #main,
body.gb-new .main {
  width: 100% !important;
  max-width: 1224px;
  margin: 0 auto !important;
  padding: 40px 32px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 見出し ここから */
.gb-hd {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 28px;
}
.gb-hd .en {
  font-family: var(--gb-en);
  font-size: 26px;
  font-weight: 300;
  letter-spacing: .2em;
  line-height: 1;
}
.gb-hd .ja {
  font-size: 11px;
  color: var(--gb-g2);
  letter-spacing: .12em;
}
.gb-hd .ja::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 1px;
  background: var(--gb-g2);
  vertical-align: middle;
  margin-right: 10px;
}
.gb-hd .more {
  margin-left: auto;
  font-family: var(--gb-en);
  font-size: 11px;
  letter-spacing: .14em;
  border-bottom: 1px solid var(--gb-bk);
  text-decoration: none;
}

/* カード ここから */
body.gb-new .main .entry-cards,
body.gb-new #list.list {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
}
body.gb-new .entry-card-wrap,
body.gb-new .related-entry-card-wrap {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: none !important;
  transform: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
}
body.gb-new .entry-card-wrap:hover,
body.gb-new .related-entry-card-wrap:hover {
  box-shadow: none !important;
  transform: none !important;
  background: none !important;
}
body.gb-new .entry-card-thumb,
body.gb-new .related-entry-card-thumb {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  aspect-ratio: 1;
  background: var(--gb-g4);
  overflow: hidden;
}
body.gb-new .entry-card-thumb img,
body.gb-new .related-entry-card-thumb img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  transition: transform .5s ease;
}
body.gb-new a:hover .entry-card-thumb img,
body.gb-new a:hover .related-entry-card-thumb img,
.gb-thumb:hover img {
  transform: scale(1.05);
}
body.gb-new .entry-card-thumb .cat-label,
body.gb-new .related-entry-card-thumb .cat-label,
body.gb-new .entry-card-snippet,
body.gb-new .related-entry-card-snippet {
  display: none !important;
}
body.gb-new .entry-card-content,
body.gb-new .related-entry-card-content {
  margin: 0 !important;
  padding: 0 !important;
}
body.gb-new .entry-card-title,
body.gb-new .related-entry-card-title {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  padding: 0 !important;
  margin: 10px 0 0 !important;
  color: var(--gb-bk) !important;
}
body.gb-new .entry-card-meta,
body.gb-new .related-entry-card-meta {
  font-size: 10px;
  color: var(--gb-g2);
  letter-spacing: .1em;
  margin-top: 6px;
}

/* サムネ枠 ここから */
.gb-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  background: var(--gb-g4);
  overflow: hidden;
}
.gb-thumb img {
  width: 82%;
  height: 82%;
  object-fit: contain;
  transition: transform .5s ease;
}

/* ヘッダー ここから */
.gb-header {
  position: sticky;
  top: 0;
  z-index: 10001;
  border-bottom: 1px solid var(--gb-g4);
  background: var(--gb-wh);
}
.admin-bar .gb-header {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar .gb-header {
    top: 46px;
  }
}
@media screen and (max-width: 600px) {
  .admin-bar .gb-header {
    top: 0;
  }
}
body.gb-new #container {
  overflow-x: clip;
  overflow-y: visible;
}
html {
  scroll-padding-top: 80px;
}
.gb-header-in {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 32px;
}
.gb-logo {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 1;
  border: none;
  background: none;
}
.gb-logo a {
  display: inline-block;
  color: var(--gb-bk);
}
.gb-logo-svg {
  display: block;
  width: auto;
  height: 15px;
  fill: currentColor;
}
.gb-logo-svg .sub {
  fill: #b5b5b5;
}
.gb-nav ul,
.gb-drawer ul,
.gb-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.gb-nav-list {
  display: flex;
  gap: 26px;
}
.gb-nav-list a {
  font-family: var(--gb-en);
  font-size: 12px;
  letter-spacing: .14em;
  text-decoration: none;
  color: var(--gb-bk);
}
.gb-nav-list a:hover {
  color: var(--gb-g2);
}
.gb-hb {
  display: none;
  position: relative;
  width: 22px;
  height: 12px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  z-index: 10001;
}
.gb-hb span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--gb-bk);
  transition: transform .3s ease, top .3s ease;
}
.gb-hb span:first-child {
  top: 0;
}
.gb-hb span:last-child {
  top: 11px;
}
.gb-drawer-open .gb-hb span:first-child {
  top: 6px;
  transform: rotate(45deg);
}
.gb-drawer-open .gb-hb span:last-child {
  top: 6px;
  transform: rotate(-45deg);
}

/* ドロワー ここから */
.gb-drawer {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .97);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility .3s ease;
}
.gb-drawer-open .gb-drawer {
  opacity: 1;
  visibility: visible;
}
.gb-drawer-open {
  overflow: hidden;
}
.gb-drawer-list {
  text-align: center;
}
.gb-drawer-list li + li {
  margin-top: 28px;
}
.gb-drawer-list a {
  font-family: var(--gb-en);
  font-size: 18px;
  font-weight: 300;
  letter-spacing: .24em;
  text-decoration: none;
  color: var(--gb-bk);
}

/* フッター ここから */
.gb-footer {
  background: var(--gb-bk);
  color: #aaa;
  padding: 48px 32px;
  font-size: 11px;
  letter-spacing: .1em;
}
body.gb-new .gb-footer a {
  color: #aaa;
  text-decoration: none;
}
body.gb-new .gb-footer a:hover {
  color: var(--gb-wh);
}
.gb-footer-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 1160px;
  margin: 0 auto;
}
body.gb-new .gb-footer .gb-logo a {
  color: var(--gb-wh);
}
.gb-footer .gb-logo-svg .sub {
  fill: #666;
}
.gb-footer-list,
.gb-footer-sub {
  display: flex;
  flex-wrap: wrap;
}
.gb-footer-list a {
  font-family: var(--gb-en);
}
.gb-footer-list li + li::before,
.gb-footer-sub li + li::before {
  content: "／";
  margin: 0 .5em;
  color: #555;
}
.gb-footer-btm {
  max-width: 1160px;
  margin: 40px auto 0;
  padding-top: 24px;
  border-top: 1px solid #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.gb-sns {
  display: flex;
  gap: 20px;
}
body.gb-new .gb-sns a {
  display: block;
  width: 22px;
  height: 22px;
  color: #ccc;
}
.gb-sns svg {
  width: 100%;
  height: 100%;
}
.gb-copy {
  margin: 0;
  font-family: var(--gb-en);
  font-size: 10px;
  color: #777;
  letter-spacing: .14em;
}

/* TOP ここから */
.gb-top {
  display: block;
}
.gb-in {
  max-width: 1224px;
  margin: 0 auto;
  padding: 0 32px;
}
.gb-hero {
  padding: 72px 0 64px;
}
.gb-hero .gb-in {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: center;
}
.gb-hero-catch {
  margin: 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .08em;
}
.gb-hero-lead {
  margin: 20px 0 0;
  font-size: 13px;
  line-height: 2.1;
  color: var(--gb-g1);
}
.gb-hero-img {
  aspect-ratio: 4 / 3;
  background: var(--gb-g3);
  overflow: hidden;
}
.gb-hero-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.gb-sec {
  position: relative;
  padding: 64px 0;
  border-top: 1px solid var(--gb-g4);
}
.gb-sec::before {
  content: "";
  position: absolute;
  top: -11px;
  left: 50%;
  width: 22px;
  height: 22px;
  padding: 0 6px;
  box-sizing: content-box;
  transform: translateX(-50%);
  background: var(--gb-wh) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 32 32'%3E%3Cg fill='none' stroke='%23999' stroke-width='1.4'%3E%3Crect x='0' y='0' width='20' height='10'/%3E%3Crect x='20' y='0' width='10' height='20'/%3E%3Crect x='10' y='20' width='20' height='10'/%3E%3Crect x='0' y='10' width='10' height='20'/%3E%3Crect x='10' y='10' width='10' height='10' fill='%23999'/%3E%3C/g%3E%3C/svg%3E") center / 14px no-repeat;
}
.gb-sec[data-ic="desk"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23999%27%20stroke-width%3D%271.3%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%277.5%27%20width%3D%2720%27%20height%3D%272.5%27/%3E%3Cpath%20d%3D%27M4%2010v10M20%2010v10M12%2010v5h8M15%2012.5h2%27/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px;
}
.gb-sec[data-ic="pc"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23999%27%20stroke-width%3D%271.3%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%275%27%20width%3D%2714%27%20height%3D%279.5%27%20rx%3D%271%27/%3E%3Cpath%20d%3D%27M3%2018.5h18M5%2014.5L3%2018.5M19%2014.5l2%204%27/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px;
}
.gb-sec[data-ic="camera"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23999%27%20stroke-width%3D%271.3%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%277%27%20width%3D%2718%27%20height%3D%2712%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M8%207l1.5-2.5h5L16%207%27/%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2713%27%20r%3D%273.5%27/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px;
}
.gb-sec[data-ic="pen"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23999%27%20stroke-width%3D%271.3%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2020l1-4L16%205l3%203L8%2019z%20M14%207l3%203%27/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px;
}
.gb-sec[data-ic="video"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23999%27%20stroke-width%3D%271.3%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272.5%27%20y%3D%277%27%20width%3D%2712.5%27%20height%3D%2710%27%20rx%3D%271.5%27/%3E%3Cpath%20d%3D%27M15%2010.5l6.5-3.5v10L15%2013.5z%27/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px;
}
.gb-sec[data-ic="glasses"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23999%27%20stroke-width%3D%271.3%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%276.5%27%20cy%3D%2714%27%20r%3D%273.5%27/%3E%3Ccircle%20cx%3D%2717.5%27%20cy%3D%2714%27%20r%3D%273.5%27/%3E%3Cpath%20d%3D%27M10%2014h4M3%2013L1.5%209M21%2013l1.5-4%27/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px;
}
.gb-lead {
  font-size: 12px;
  color: var(--gb-g1);
  line-height: 2;
  margin: -12px 0 24px;
}
.gb-grid {
  display: grid;
  gap: 28px;
}
.gb-grid.g3 {
  grid-template-columns: repeat(3, 1fr);
}
.gb-grid.g4 {
  grid-template-columns: repeat(4, 1fr);
}
body.gb-new .gb-card {
  display: block;
  text-decoration: none;
  color: var(--gb-bk);
}
.gb-card:hover .gb-thumb img {
  transform: scale(1.05);
}
.gb-card .t {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.7;
}
.gb-card .d {
  margin: 6px 0 0;
  font-size: 10px;
  color: var(--gb-g2);
  letter-spacing: .1em;
}

/* TOP ITEMS ここから */
.gb-tabs {
  display: flex;
  gap: 18px;
  margin-bottom: 20px;
}
.gb-tabs button {
  padding: 0 0 2px;
  border: none;
  border-bottom: 1px solid transparent;
  background: none;
  font-family: var(--gb-en);
  font-size: 11px;
  letter-spacing: .12em;
  color: var(--gb-g2);
  cursor: pointer;
}
.gb-tabs button.on {
  color: var(--gb-bk);
  border-bottom-color: var(--gb-bk);
}
.gb-tatami-wrap {
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.gb-tatami-wrap.on {
  display: grid;
}
.gb-tatami {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 6px;
  aspect-ratio: 1;
}
body.gb-new .gb-tm {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 10px 8px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--gb-g4);
  text-decoration: none;
  color: var(--gb-g1);
}
.gb-tm img {
  flex: 1 1 0;
  min-height: 0;
  width: 100%;
  object-fit: contain;
  transition: transform .5s ease;
}
.gb-tm:hover img {
  transform: scale(1.05);
}
.gb-tm .n {
  flex: none;
  align-self: stretch;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: .06em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.gb-tm .pk {
  position: absolute;
  top: 8px;
  left: 10px;
  font-family: var(--gb-en);
  font-size: 9px;
  letter-spacing: .14em;
  color: var(--gb-bk);
}
body.gb-new .gb-tm:has(.pk) {
  padding-top: 26px;
}
.gb-tm.e {
  background: var(--gb-g3);
}
.gb-tatami .a { grid-area: 1 / 1 / 2 / 3; }
.gb-tatami .b { grid-area: 1 / 3 / 3 / 4; }
.gb-tatami .c { grid-area: 3 / 2 / 4 / 4; }
.gb-tatami .d { grid-area: 2 / 1 / 4 / 2; }
.gb-tatami .e { grid-area: 2 / 2 / 3 / 3; }
.gb-tatami.r .a { grid-area: 1 / 2 / 2 / 4; }
.gb-tatami.r .b { grid-area: 1 / 1 / 3 / 2; }
.gb-tatami.r .c { grid-area: 3 / 1 / 4 / 3; }
.gb-tatami.r .d { grid-area: 2 / 3 / 4 / 4; }

/* ITEMS一覧 ここから */
.gb-items-page .gb-sec {
  border-top: none;
  padding-top: 56px;
}
.gb-items-page .gb-sec::before {
  display: none;
}
h1.gb-hd {
  margin: 0 0 28px;
  padding: 0;
  border: none;
  background: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.gb-items-page .gb-tatami-wrap {
  grid-template-columns: repeat(3, 1fr);
  gap: 36px 32px;
}
@media screen and (max-width: 600px) {
  .gb-items-page .gb-tatami-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 16px;
  }
}

/* 404 ここから */
.gb-404 .gb-sec {
  border-top: none;
  padding: 96px 0 120px;
}
.gb-404 .gb-sec::before {
  display: none;
}
.gb-404 .gb-btns {
  margin-top: 32px;
}
@media screen and (max-width: 600px) {
  .gb-404 .gb-sec {
    padding: 64px 0 80px;
  }
}

/* TOP MOVIE ここから */
.gb-yt-wrap {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 28px;
}
.gb-yt-sub {
  display: grid;
  gap: 14px;
  align-content: start;
}
.gb-yt,
.gb-yt-wrap iframe {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  padding: 0;
  border: none;
  background: var(--gb-g3);
  overflow: hidden;
  cursor: pointer;
}
.gb-yt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}
.gb-yt:hover img {
  transform: scale(1.05);
}
.gb-yt .pl {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  border-radius: 50%;
  background: rgba(17, 17, 17, .75);
}
.gb-yt .pl::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #fff;
}
.gb-yt-t {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.6;
}
.gb-yt-sub .gb-yt-t {
  font-size: 11px;
}
.gb-sub {
  margin: 14px 0 0;
  text-align: right;
  font-size: 10px;
  letter-spacing: .08em;
}
body.gb-new .gb-sub a {
  color: var(--gb-g2);
  text-decoration: none;
}

/* TOP ABOUT ここから */
.gb-about {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 32px;
  align-items: center;
}
.gb-about-img img {
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
}
.gb-about p {
  margin: 0;
  font-size: 12px;
  line-height: 2;
  color: var(--gb-g1);
}
.gb-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}
body.gb-new .gb-btn {
  display: inline-block;
  padding: 12px 28px;
  background: var(--gb-bk);
  color: var(--gb-wh);
  font-size: 11px;
  letter-spacing: .14em;
  text-decoration: none;
  transition: opacity .3s ease;
}
body.gb-new .gb-btn:hover {
  opacity: .75;
}

/* 記事ページ ここから */
body.gb-new.single #main > .breadcrumb,
body.gb-new.single #main > .pr-label,
body.gb-new.single .article {
  max-width: 1160px;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.gb-new.single #main > .breadcrumb {
  display: block;
  margin-bottom: 0;
  font-size: 10px;
  letter-spacing: .1em;
  color: var(--gb-g2);
}
body.gb-new.single #main > .breadcrumb a,
body.gb-new.single #main > .breadcrumb span {
  color: var(--gb-g2);
  font-size: 10px;
}
body.gb-new.single #main > .breadcrumb .fa {
  display: none;
}
body.gb-new.single #main > .pr-label {
  display: block;
  position: static;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 8px 12px;
  background: var(--gb-g5);
  border: none;
  border-radius: 0;
  color: var(--gb-g1);
  font-size: 10px;
  text-align: left;
}
body.gb-new.single .article-header {
  display: flex;
  flex-direction: column;
  margin-top: 28px;
}
body.gb-new.single .article-header::before {
  order: 0;
  align-self: flex-start;
  font-family: var(--gb-en);
  font-size: 10px;
  letter-spacing: .2em;
  border-bottom: 1px solid var(--gb-bk);
  padding-bottom: 2px;
}
body.gb-new.gb-cat-desk .article-header::before { content: "DESK"; }
body.gb-new.gb-cat-gadget .article-header::before { content: "GADGET"; }
body.gb-new.gb-cat-camera .article-header::before { content: "CAMERA"; }
body.gb-new.single .entry-title {
  order: 1;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  font-size: 26px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  letter-spacing: .04em;
  color: var(--gb-bk) !important;
}
body.gb-new.single .date-tags {
  order: 2;
  margin: 14px 0 0;
  text-align: left;
  font-size: 10px;
  letter-spacing: .1em;
  color: var(--gb-g2);
}
body.gb-new.single .date-tags span,
body.gb-new.single .date-tags .fa {
  color: var(--gb-g2);
  font-size: 10px;
}
body.gb-new.single .eye-catch-wrap {
  order: 3;
  margin: 28px 0 0;
}
body.gb-new.single .eye-catch img {
  width: 100%;
  height: auto;
  border-radius: 0;
}
body.gb-new.single .entry-content {
  margin-top: 40px;
  font-size: 16px;
  line-height: 2;
  color: #222;
}

/* 記事 目次 ここから */
body.gb-new.single .toc {
  display: block;
  width: 100%;
  margin: 0 0 48px;
  padding: 24px 28px;
  border: 1px solid var(--gb-g3) !important;
  border-radius: 0;
  background: var(--gb-wh);
  text-align: left;
  font-size: 13px;
  line-height: 2.1;
}
body.gb-new.single .toc-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 14px;
  padding: 0;
  font-size: 10px;
  letter-spacing: .1em;
  color: var(--gb-g2);
  text-align: left;
}
body.gb-new.single .toc-title::before {
  content: "CONTENTS";
  font-family: var(--gb-en);
  font-size: 11px;
  letter-spacing: .2em;
  color: var(--gb-bk);
}
body.gb-new.single .toc-content {
  text-align: left;
}
body.gb-new.single .toc-list,
body.gb-new.single .toc-list ul,
body.gb-new.single .toc-list ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.gb-new.single .toc-list {
  counter-reset: gbtoc;
}
body.gb-new.single .toc-list > li {
  counter-increment: gbtoc;
}
body.gb-new.single .toc-list > li > a::before {
  content: counter(gbtoc, decimal-leading-zero);
  margin-right: 12px;
  font-size: 10px;
  letter-spacing: .1em;
  color: var(--gb-g2);
}
body.gb-new.single .toc-list li li {
  padding-left: 30px;
  font-size: 12px;
}
body.gb-new.single .toc-list li li a::before {
  content: "— ";
  color: var(--gb-g2);
}
body.gb-new.single .toc a {
  color: var(--gb-bk);
  text-decoration: none;
}
body.gb-new.single .toc li li a {
  color: var(--gb-g1);
}

/* 記事 見出し ここから */
body.gb-new:is(.single, .page) main .entry-content h2 {
  position: relative;
  margin: 64px 0 28px !important;
  padding: 0 0 14px !important;
  border: none !important;
  border-bottom: 1px solid var(--gb-g3) !important;
  border-radius: 0 !important;
  background: none !important;
  color: var(--gb-bk) !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  letter-spacing: .04em;
  text-align: left !important;
}
body.gb-new:is(.single, .page) main .entry-content h2::before {
  content: none !important;
  display: none !important;
}
body.gb-new:is(.single, .page) main .entry-content h2::after {
  content: "" !important;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 48px;
  height: 1px;
  background: var(--gb-bk);
  border: none;
}
body.gb-new:is(.single, .page) main .entry-content h3 {
  margin: 44px 0 20px !important;
  padding: 0 0 0 14px !important;
  border: none !important;
  border-left: 2px solid var(--gb-bk) !important;
  border-radius: 0 !important;
  background: none !important;
  color: var(--gb-bk) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}
body.gb-new:is(.single, .page) main .entry-content h3::before,
body.gb-new:is(.single, .page) main .entry-content h3::after {
  content: none !important;
  display: none !important;
}
body.gb-new:is(.single, .page) main .entry-content h4 {
  margin: 32px 0 14px !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  color: var(--gb-bk) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}
body.gb-new:is(.single, .page) main .entry-content h4::before {
  content: "— " !important;
  position: static !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  color: var(--gb-g2) !important;
  transform: none !important;
}

/* 記事 ボックス ここから */
body.gb-new:is(.single, .page) .entry-content .common-icon-box,
body.gb-new:is(.single, .page) .entry-content .blank-box {
  margin: 0 0 1.6em;
  padding: 20px 24px !important;
  border: none !important;
  border-radius: 0 !important;
  background: var(--gb-g5) !important;
  color: #222 !important;
  font-size: 14px;
  line-height: 1.9;
}
body.gb-new:is(.single, .page) .entry-content .common-icon-box::before {
  display: none !important;
}
body.gb-new:is(.single, .page) .entry-content .wp-block-table table {
  border-collapse: collapse;
}
body.gb-new:is(.single, .page) .entry-content .wp-block-table th,
body.gb-new:is(.single, .page) .entry-content .wp-block-table td {
  border: 1px solid var(--gb-g3) !important;
  padding: 10px 12px;
  font-size: 14px;
}
body.gb-new:is(.single, .page) .entry-content .wp-block-table th,
body.gb-new:is(.single, .page) .entry-content .wp-block-table thead td {
  background: var(--gb-g5) !important;
  color: var(--gb-bk) !important;
  font-weight: 500;
}

/* 記事 ブログカード ここから */
body.gb-new:is(.single, .page) .entry-content .blogcard-wrap {
  position: relative;
  width: 100% !important;
  margin: 0 0 1.6em !important;
  border: 1px solid var(--gb-g3) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--gb-wh) !important;
}
body.gb-new:is(.single, .page) .entry-content .blogcard {
  padding: 14px !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
body.gb-new:is(.single, .page) .entry-content .blogcard-label {
  position: absolute;
  top: -8px;
  left: 14px;
  z-index: 1;
  padding: 0 6px;
  background: var(--gb-wh);
  border-radius: 0;
  color: var(--gb-g1);
  font-size: 9px;
  letter-spacing: .2em;
  line-height: 1.6;
  box-shadow: none;
}
body.gb-new:is(.single, .page) .entry-content .blogcard-label .fa {
  display: none;
}
body.gb-new:is(.single, .page) .entry-content .blogcard-thumbnail {
  width: 120px !important;
  margin: 0 18px 0 0 !important;
  aspect-ratio: 1;
  background: var(--gb-g4);
  display: flex;
  align-items: center;
  justify-content: center;
}
body.gb-new:is(.single, .page) .entry-content .blogcard-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  border-radius: 0;
}
body.gb-new:is(.single, .page) .entry-content .blogcard-title {
  color: var(--gb-bk);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}
body.gb-new:is(.single, .page) .entry-content .blogcard-snippet {
  color: var(--gb-g2);
  font-size: 11px;
  line-height: 1.7;
  margin-top: 6px;
}
body.gb-new:is(.single, .page) .entry-content .blogcard-footer {
  display: none;
}
body.gb-new:is(.single, .page) .next-read-sp-title {
  font-size: 10px;
  font-weight: 400 !important;
  letter-spacing: .2em;
  color: var(--gb-g1);
}

/* 記事 ポチップ ここから */
body.gb-new:is(.single, .page) .pochipp-box {
  border: 1px solid var(--gb-g3) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--gb-wh) !important;
}
body.gb-new:is(.single, .page) .pochipp-box__title,
body.gb-new:is(.single, .page) .pochipp-box__title a {
  color: var(--gb-bk) !important;
  font-weight: 500;
}
body.gb-new:is(.single, .page) .pochipp-box__info {
  color: var(--gb-g2);
}

/* 記事 FAQ ここから */
body.gb-new:is(.single, .page) .rank-math-list-item {
  border-top: 1px solid var(--gb-g4);
}
body.gb-new:is(.single, .page) main .entry-content h3.rank-math-question {
  position: relative;
  margin: 0 !important;
  padding: 16px 0 8px 32px !important;
  border: none !important;
  font-size: 15px !important;
}
body.gb-new:is(.single, .page) main .entry-content h3.rank-math-question::before {
  content: "Q." !important;
  display: block !important;
  position: absolute;
  left: 0;
  top: 16px;
  font-size: 14px;
  letter-spacing: .06em;
}
body.gb-new:is(.single, .page) .rank-math-answer {
  position: relative;
  padding: 0 0 16px 32px;
  color: var(--gb-g1);
  font-size: 14px;
  line-height: 1.9;
}
body.gb-new:is(.single, .page) .rank-math-answer::before {
  content: "A.";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  color: var(--gb-g2);
}
body.gb-new:is(.single, .page) .rank-math-answer p {
  margin: 0;
}

/* 記事下 ここから */
body.gb-new.single .article-footer {
  margin-top: 0;
}
body.gb-new.single .footer-meta {
  display: none;
}
body.gb-new.single .entry-categories-tags a {
  border: 1px solid var(--gb-g3);
  border-radius: 0;
  background: none;
  color: var(--gb-g1);
  font-size: 11px;
}
.gb-share {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 56px 0 0;
  padding-top: 24px;
  border-top: 1px solid var(--gb-g4);
}
.gb-share span {
  margin-right: 4px;
  font-family: var(--gb-en);
  font-size: 10px;
  letter-spacing: .2em;
  color: var(--gb-g1);
}
body.gb-new .gb-share a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--gb-g3);
  border-radius: 50%;
  color: var(--gb-bk);
  font-family: var(--gb-en);
  font-size: 10px;
  text-decoration: none;
  transition: background .3s ease, color .3s ease;
}
body.gb-new .gb-share a:hover {
  background: var(--gb-bk);
  color: var(--gb-wh);
}
.gb-author {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 20px;
  align-items: center;
  margin-top: 40px;
  padding: 24px;
  background: var(--gb-g5);
}
.gb-author img {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
.gb-author b {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 500;
}
.gb-author p {
  margin: 0 !important;
  font-size: 12px;
  line-height: 1.9;
  color: var(--gb-g1);
}

/* 関連記事 ここから */
body.gb-new.single .related-entries {
  margin-top: 64px;
  padding-top: 64px;
  border-top: 1px solid var(--gb-g4);
}
body.gb-new.single .related-entry-heading {
  display: flex;
  align-items: baseline;
  margin: 0 0 28px !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  color: var(--gb-g2) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: .12em;
  text-align: left !important;
}
body.gb-new.single .related-entry-heading::before {
  content: "RELATED";
  margin-right: 16px;
  padding-right: 34px;
  background: linear-gradient(var(--gb-g2), var(--gb-g2)) right center / 24px 1px no-repeat;
  color: var(--gb-bk);
  font-family: var(--gb-en);
  font-size: 26px;
  font-weight: 300;
  letter-spacing: .2em;
  line-height: 1;
}
body.gb-new.single .related-entry-heading::after {
  display: none;
}
body.gb-new.single .related-list {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 28px;
}
body.gb-new.single .related-entry-card {
  display: block;
}
body.gb-new.single .related-entry-card-title {
  font-size: 13px !important;
}
body.gb-new.single .pager-post-navi a {
  border-color: var(--gb-g4) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media screen and (max-width: 600px) {
  body.gb-new.single .entry-title {
    font-size: 20px !important;
  }
  body.gb-new.single .entry-content {
    margin-top: 28px;
    font-size: 15px;
  }
  body.gb-new.single .eye-catch-wrap {
    margin-left: -20px;
    margin-right: -20px;
  }
  body.gb-new.single .toc {
    padding: 20px;
  }
  body.gb-new.single main .entry-content h2 {
    margin-top: 52px !important;
    font-size: 19px !important;
  }
  body.gb-new.single main .entry-content h3 {
    font-size: 16px !important;
  }
  body.gb-new.single .entry-content .blogcard-thumbnail {
    width: 88px !important;
    margin-right: 14px !important;
  }
  body.gb-new.single .entry-content .blogcard-snippet {
    display: none;
  }
  .gb-author {
    grid-template-columns: 60px 1fr;
    padding: 18px;
  }
  .gb-author img {
    width: 60px;
    height: 60px;
  }
  body.gb-new.single .related-entry-heading::before {
    font-size: 22px;
  }
  body.gb-new.single .related-list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  body.gb-new.single .related-entry-card {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 14px;
  }
}

/* タブレット ここから */
@media screen and (max-width: 834px) {
  .gb-tatami-wrap {
    grid-template-columns: 1fr;
    max-width: 560px;
    margin: 0 auto;
  }
  body.gb-new .main .entry-cards,
body.gb-new #list.list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ナビ切替 ここから */
@media screen and (max-width: 1000px) {
  .gb-nav {
    display: none;
  }
  .gb-hb {
    display: block;
  }
}

/* SP ここから */
@media screen and (max-width: 600px) {
  .gb-in {
    padding: 0 20px;
  }
  .gb-hero {
    padding: 32px 0 48px;
  }
  .gb-hero .gb-in {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .gb-hero-img {
    order: -1;
  }
  .gb-hero-catch {
    font-size: 22px;
  }
  .gb-sec {
    padding: 48px 0;
  }
  .gb-grid.g3 {
    grid-template-columns: 1fr;
  }
  .gb-grid.g3 .gb-card {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 14px;
  }
  .gb-grid.g3 .gb-card .t {
    margin-top: 0;
  }
  .gb-grid.g4 {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 62%;
    overflow-x: auto;
    gap: 16px;
  }
  .gb-tatami-wrap {
    grid-template-columns: 1fr;
  }
  .gb-yt-wrap {
    grid-template-columns: 1fr;
  }
  .gb-about {
    grid-template-columns: 80px 1fr;
    gap: 16px;
  }
  .gb-about-img img {
    width: 80px;
    height: 80px;
  }

  .gb-header-in {
    padding: 16px 20px;
  }
  .gb-logo-svg {
    height: 12px;
  }
  body.gb-new #main,
  body.gb-new .main {
    padding: 32px 20px !important;
  }
  .gb-hd {
    flex-wrap: wrap;
    gap: 6px 12px;
  }
  .gb-hd .en {
    font-size: 22px;
  }
  .gb-hd .more {
    order: 3;
    margin-left: 0;
    flex-basis: 100%;
    max-width: max-content;
  }
  body.gb-new .main .entry-cards,
body.gb-new #list.list {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  body.gb-new .main .entry-cards .entry-card,
  body.gb-new #list.list .entry-card {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 14px;
    align-items: start;
  }
  body.gb-new .main .entry-cards .entry-card-title,
  body.gb-new #list.list .entry-card-title {
    margin-top: 0 !important;
  }
  .gb-footer {
    padding: 40px 20px;
  }
  .gb-footer-row {
    flex-direction: column;
    align-items: flex-start;
  }
}