/* 共通 ここから */
: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: 16.7px;
  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="news"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%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%205h13v14H5.5A1.5%201.5%200%200%201%204%2017.5z%20M17%209h3v8.5a1.5%201.5%200%200%201-3%200%20M7%208.5h7%20M7%2011.5h7%20M7%2014.5h4%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%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; }

/* NEWS一覧 ここから */
.gb-pager {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 48px;
  font-family: var(--gb-en);
  font-size: 12px;
  letter-spacing: .12em;
}
.gb-pager .page-numbers {
  min-width: 32px;
  padding: 6px 8px;
  text-align: center;
  text-decoration: none;
  color: var(--gb-g2);
  border-bottom: 1px solid transparent;
}
.gb-pager .page-numbers.current {
  color: var(--gb-bk);
  border-bottom-color: var(--gb-bk);
}

/* 子カテゴリーボタン ここから */
body.gb-new .category-page-content .child-btn-area {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  position: relative;
  margin: 0 0 40px !important;
  padding-top: 24px !important;
}
body.gb-new .category-page-content .child-btn-area a {
  white-space: nowrap;
}
body.gb-new .category-page-content .child-btn-area::before {
  content: "CHILD CATEGORY";
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 32px;
  background: linear-gradient(var(--gb-g3), var(--gb-g3)) left center / 22px 1px no-repeat;
  font-family: var(--gb-en);
  font-size: 10px;
  line-height: 1;
  letter-spacing: .24em;
  color: var(--gb-g2);
}
body.gb-new .category-page-content .child-btn-area br {
  display: none;
}
body.gb-new .category-page-content .child-btn-area a {
  flex: none !important;
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 9px 16px !important;
  border: 1px solid var(--gb-g3) !important;
  border-radius: 0 !important;
  background: var(--gb-wh) !important;
  box-shadow: none !important;
  color: var(--gb-bk) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: .08em !important;
  text-decoration: none !important;
  transform: none !important;
  transition: background .3s ease, color .3s ease, border-color .3s ease !important;
}
body.gb-new .category-page-content .child-btn-area a:hover {
  border-color: var(--gb-bk) !important;
  background: var(--gb-bk) !important;
  color: var(--gb-wh) !important;
}
@media screen and (max-width: 834px) {
  body.gb-new .category-page-content .child-btn-area {
    flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 600px) {
  body.gb-new .category-page-content .child-btn-area {
    gap: 6px !important;
    margin-bottom: 32px !important;
  }
  body.gb-new .category-page-content .child-btn-area a {
    padding: 8px 12px !important;
    font-size: 11px !important;
  }
}

/* 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: 13.3px;
  }
  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;
  }
}

/* 記事パーツ ここから */
body.gb-new:is(.single, .page) .entry-content .gb-bc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 1.6em}
body.gb-new:is(.single, .page) .entry-content .blogcard-wrap{display:block;width:100% !important;max-width:100% !important;margin:0 0 1.6em !important;padding:0 !important;border:1px solid var(--gb-g3) !important;border-radius:0 !important;background:var(--gb-wh) !important;box-shadow:none !important;color:var(--gb-bk);text-decoration:none;transition:background .25s,border-color .25s}
body.gb-new:is(.single, .page) .entry-content .gb-bc-grid .blogcard-wrap{margin:0 !important}
body.gb-new:is(.single, .page) .entry-content .blogcard{position:relative;display:flex !important;align-items:center;gap:14px;min-height:0 !important;margin:0 !important;padding:12px 46px 12px 12px !important;border:0 !important;background:none !important}
body.gb-new:is(.single, .page) .entry-content .blogcard::after{content:"→";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-family:var(--gb-en);font-size:18px;font-weight:300;color:var(--gb-g2);transition:transform .25s,color .25s}
body.gb-new:is(.single, .page) .entry-content .blogcard-thumbnail{flex:0 0 76px;width:76px !important;height:76px;margin:0 !important;float:none !important;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--gb-g4)}
body.gb-new:is(.single, .page) .entry-content .blogcard-thumbnail img{width:100% !important;height:100% !important;object-fit:contain;transition:transform .5s ease}
body.gb-new:is(.single, .page) .entry-content .blogcard-content{flex:1;min-width:0;margin:0 !important;max-height:none !important;overflow:visible}
body.gb-new:is(.single, .page) .entry-content .blogcard-title{display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0 !important;font-size:13px !important;font-weight:600;line-height:1.6 !important;color:var(--gb-bk)}
body.gb-new:is(.single, .page) .entry-content .blogcard-snippet,body.gb-new:is(.single, .page) .entry-content .blogcard-footer,body.gb-new:is(.single, .page) .entry-content .blogcard-label{display:none !important}
body.gb-new:is(.single, .page) .entry-content .gb-bc-lb{display:block;font-family:var(--gb-en);font-size:9px;letter-spacing:.22em;line-height:1.4;color:var(--gb-g2)}
body.gb-new:is(.single, .page) .entry-content .gb-bc-dt{display:block;font-family:var(--gb-en);font-size:10px;letter-spacing:.1em;line-height:1.4;color:var(--gb-g2)}
body.gb-new:is(.single, .page) .entry-content .blogcard-wrap:hover{background:var(--gb-bk) !important;border-color:var(--gb-bk) !important}
body.gb-new:is(.single, .page) .entry-content .blogcard-wrap:hover .blogcard-title{color:var(--gb-wh)}
body.gb-new:is(.single, .page) .entry-content .blogcard-wrap:hover .gb-bc-lb,body.gb-new:is(.single, .page) .entry-content .blogcard-wrap:hover .gb-bc-dt,body.gb-new:is(.single, .page) .entry-content .blogcard-wrap:hover .blogcard::after{color:#bbb}
body.gb-new:is(.single, .page) .entry-content .blogcard-wrap:hover .blogcard::after{transform:translate(4px,-50%)}
body.gb-new:is(.single, .page) .entry-content .blogcard-wrap:hover .blogcard-thumbnail img{transform:scale(1.06)}
body.gb-new:is(.single, .page) .entry-content h2.gb-rl-h::before{content:"RELATED";display:block;margin-bottom:6px;font-family:var(--gb-en);font-size:11px;font-weight:400;letter-spacing:.24em;color:var(--gb-g2)}

body.gb-new:is(.single, .page) .entry-content .toc{padding:22px 26px 14px !important}
body.gb-new:is(.single, .page) .entry-content .toc-title{display:flex !important;align-items:baseline;gap:14px;margin:0 0 6px !important;padding:0 0 12px !important;border-bottom:1px solid var(--gb-bk);font-size:0 !important;cursor:pointer}
body.gb-new:is(.single, .page) .entry-content .toc-title::before{content:"CONTENTS" !important;font-family:var(--gb-en);font-size:20px !important;font-weight:300;letter-spacing:.24em !important;line-height:1;color:var(--gb-bk)}
body.gb-new:is(.single, .page) .entry-content .toc-title::after{content:"タップで移動";font-size:11px;letter-spacing:.1em;color:var(--gb-g2)}
body.gb-new:is(.single, .page) .entry-content .toc-list > li{border-bottom:1px solid var(--gb-g4)}
body.gb-new:is(.single, .page) .entry-content .toc-list > li:last-child{border-bottom:0}
body.gb-new:is(.single, .page) .entry-content .toc-list > li > a{display:flex;align-items:baseline;gap:16px;padding:10px 0;font-size:15px;line-height:1.6}
body.gb-new:is(.single, .page) .entry-content .toc-list > li > a::before{flex:0 0 2em;margin:0 !important;font-family:var(--gb-en);font-size:14px !important;font-weight:300;letter-spacing:.1em;color:var(--gb-g2)}
body.gb-new:is(.single, .page) .entry-content .toc-list li ul{margin:-4px 0 10px 3em !important;padding:0 0 0 14px !important;border-left:1px solid var(--gb-g3)}
body.gb-new:is(.single, .page) .entry-content .toc-list li li{padding:0 !important;border:0}
body.gb-new:is(.single, .page) .entry-content .toc-list li li a{display:block;padding:3px 0;font-size:13px;line-height:1.7}
body.gb-new:is(.single, .page) .entry-content .toc-list li li a::before{content:none !important}
body.gb-new:is(.single, .page) .entry-content .toc a:hover{text-decoration:underline}
body.gb-new:is(.single, .page) .entry-content .gb-toc-back{display:block;margin:-.4em 0 0;text-align:right;font-family:var(--gb-en);font-size:10px;letter-spacing:.2em;color:var(--gb-g2);text-decoration:none}
body.gb-new:is(.single, .page) .entry-content .gb-toc-back:hover{color:var(--gb-bk)}

body.gb-new:is(.single, .page) .entry-content .gb-au{display:flex;align-items:center;gap:14px;margin:0 0 28px;padding:14px 16px;border:1px solid var(--gb-g3)}
body.gb-new:is(.single, .page) .entry-content .gb-au__img{flex:0 0 48px;width:48px;height:48px;margin:0;border-radius:50%;object-fit:cover}
body.gb-new:is(.single, .page) .entry-content .gb-au__bd{flex:1;min-width:0}
body.gb-new:is(.single, .page) .entry-content .gb-au__lb{font-family:var(--gb-en);font-size:10px;letter-spacing:.2em;line-height:1.4;color:var(--gb-g2)}
body.gb-new:is(.single, .page) .entry-content .gb-au__nm{font-size:15px;font-weight:600;line-height:1.5}
body.gb-new:is(.single, .page) .entry-content .gb-au__ds{font-size:12px;line-height:1.7;color:var(--gb-g1)}
body.gb-new:is(.single, .page) .entry-content .gb-au__lk{flex:0 0 auto;font-family:var(--gb-en);font-size:11px;letter-spacing:.14em;color:var(--gb-bk);text-decoration:none;border-bottom:1px solid var(--gb-bk)}

body.gb-new:is(.single, .page) .entry-content p.is-style-gb-point{position:relative;margin:36px 0;padding:22px 22px 18px;border:1px solid var(--gb-bk);font-size:15px;line-height:1.9}
body.gb-new:is(.single, .page) .entry-content p.is-style-gb-point::before{content:"POINT";position:absolute;top:-8px;left:16px;padding:0 8px;background:var(--gb-wh);font-family:var(--gb-en);font-size:10px;letter-spacing:.22em;line-height:16px}
body.gb-new:is(.single, .page) .entry-content p.is-style-gb-note{margin:36px 0;padding:16px 20px;border-left:2px solid var(--gb-bk);background:var(--gb-g5);font-size:15px;line-height:1.9}
body.gb-new:is(.single, .page) .entry-content p.is-style-gb-note::before{content:"NOTE";display:block;margin-bottom:4px;font-family:var(--gb-en);font-size:10px;letter-spacing:.22em;line-height:1.4;color:var(--gb-g2)}
body.gb-new:is(.single, .page) .entry-content p.is-style-gb-pr{position:relative;margin:24px 0;padding:10px 14px 10px 56px;border:1px solid var(--gb-g3);font-size:12px;line-height:1.8;color:var(--gb-g1)}
body.gb-new:is(.single, .page) .entry-content p.is-style-gb-pr::before{content:"PR";position:absolute;left:14px;top:12px;padding:0 6px;border:1px solid var(--gb-g2);font-family:var(--gb-en);font-size:10px;letter-spacing:.2em;line-height:16px;color:var(--gb-g2)}
body.gb-new:is(.single, .page) .entry-content ul.is-style-gb-check{position:relative;margin:36px 0 !important;padding:38px 4px 10px !important;border-top:1px solid var(--gb-bk);border-bottom:1px solid var(--gb-g3);list-style:none !important}
body.gb-new:is(.single, .page) .entry-content ul.is-style-gb-check::before{content:"CHECK";position:absolute;top:12px;left:4px;font-family:var(--gb-en);font-size:10px;letter-spacing:.22em;line-height:1.4}
body.gb-new:is(.single, .page) .entry-content ul.is-style-gb-check li{position:relative;margin:0 !important;padding:4px 0 4px 28px !important;list-style:none !important}
body.gb-new:is(.single, .page) .entry-content ul.is-style-gb-check li::before{content:"" !important;position:absolute;left:2px;top:13px;width:12px;height:12px;margin:0;border:1px solid var(--gb-bk);border-radius:0;background:none}
body.gb-new:is(.single, .page) .entry-content ul.is-style-gb-check li::after{content:"";position:absolute;left:6px;top:14px;width:4px;height:8px;border:solid var(--gb-bk);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}

@media (max-width: 600px) {
  body.gb-new:is(.single, .page) .entry-content .gb-bc-grid{grid-template-columns:1fr}
  body.gb-new:is(.single, .page) .entry-content .toc{padding:18px 18px 10px !important}
  body.gb-new:is(.single, .page) .entry-content .toc-list li ul{margin-left:2.4em !important}
  body.gb-new:is(.single, .page) .entry-content .gb-au{flex-wrap:wrap}
  body.gb-new:is(.single, .page) .entry-content .gb-au__lk{margin-left:62px}
}

/* 記事 動画 ここから */
body.gb-new:is(.single, .page) .entry-content .wp-block-embed-youtube{width:80%;margin:32px auto}
body.gb-new:is(.single, .page) .entry-content .wp-block-embed-youtube .wp-block-embed__wrapper{height:auto}
body.gb-new:is(.single, .page) .entry-content .wp-block-embed-youtube .wp-block-embed__wrapper::before{display:none}
body.gb-new:is(.single, .page) .entry-content .wp-block-embed-youtube .video-container{width:100% !important;max-width:100% !important;margin:0 !important}
body.gb-new:is(.single, .page) .entry-content .wp-block-embed-youtube .video{position:relative;width:100% !important;max-width:100% !important;height:auto !important;padding:0 !important;aspect-ratio:16 / 9}
body.gb-new:is(.single, .page) .entry-content .wp-block-embed-youtube iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important}
@media (max-width: 1023px) {
  body.gb-new:is(.single, .page) .entry-content .wp-block-embed-youtube{width:100%}
}

/* TOP ITEMS ベント ここから */
.gb-top .gb-tatami-wrap.on{display:block;max-width:none;margin:0}
.gb-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:210px;gap:10px;grid-template-areas:"a a b c" "a a d e" "f g h h" "i j h h"}
.gb-bento .t1{grid-area:a}.gb-bento .t2{grid-area:b}.gb-bento .t3{grid-area:c}.gb-bento .t4{grid-area:d}.gb-bento .t5{grid-area:e}
.gb-bento .t6{grid-area:f}.gb-bento .t7{grid-area:g}.gb-bento .t8{grid-area:h}.gb-bento .t9{grid-area:i}.gb-bento .t10{grid-area:j}
.gb-bt{position:relative;display:block;overflow:hidden;background:var(--gb-g4);color:var(--gb-wh);text-decoration:none}
.gb-bt img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .7s ease}
.gb-bt:hover img{transform:scale(1.05)}
.gb-bt .cap{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:40px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.62));font-size:12px;line-height:1.6;color:var(--gb-wh)}
.gb-bt .cap small{display:block;margin-bottom:2px;font-family:var(--gb-en);font-size:9px;letter-spacing:.2em;opacity:.75}
.gb-bento .t1 .cap,.gb-bento .t8 .cap{padding:60px 20px 18px;font-size:15px}
.gb-bento .pk{position:absolute;top:12px;left:12px;z-index:2;margin:0;padding:2px 8px;background:var(--gb-wh);color:var(--gb-bk);font-family:var(--gb-en);font-size:9px;line-height:16px;letter-spacing:.2em}
@media screen and (max-width: 834px){
  .gb-bento{grid-auto-rows:170px;gap:8px}
}
@media screen and (max-width: 600px){
  .gb-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px;gap:6px;grid-template-areas:"a a" "a a" "b c" "d d" "e f" "g h" "g i" "j j"}
  .gb-bt .cap{padding:30px 10px 8px;font-size:11px}
  .gb-bento .t1 .cap,.gb-bento .t8 .cap{padding:40px 12px 10px;font-size:13px}
}