@charset "Shift_JIS";

.gg-pc-header,
.gg-pc-benefits { display: none; }

@media screen and (min-width: 641px) {
  :root {
    --gg-green: #008a4e;
    --gg-green-deep: #006f3e;
    --gg-green-dark: #005d34;
    --gg-green-light: #0aa76b;
    --gg-ink: #111816;
    --gg-text: #2a2f2d;
    --gg-muted: #5f6b66;
    --gg-line: rgba(0, 111, 62, .22);
    --gg-shadow: 0 10px 24px rgba(18, 45, 35, .10);
  }

  html { -webkit-text-size-adjust: 100%; }
  body {
    font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif;
    min-width: 641px;
    margin: 0;
    color: var(--gg-text);
    font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, Arial, sans-serif;
    line-height: 1.65;
    background: #fff;
  }
  body.drawer { padding-top: 0; }
  a { transition: .22s ease; }
  img { max-width: 100%; height: auto; }

  /* Hide original smartphone drawer/header on desktop */
  body > header[role="banner"],
  .drawer-hamburger,
  .drawer-toggle { display: none !important; }

  /* Desktop header built in HTML */
  .gg-pc-header {
    display: block;
    width: 100%;
    background: #fff;
    border-top: 2px solid var(--gg-green-deep);
    border-bottom: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
  }
  .gg-pc-topbar {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 36px;
    border-bottom: 1px solid rgba(0,0,0,.08);
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 600;
    color: #202826;
    background: linear-gradient(180deg,#fff,#fafafa);
  }
  .gg-pc-topbar p { margin: 0; }
  .gg-pc-topbar nav { display: flex; align-items: center; gap: 32px; }
  .gg-pc-topbar a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #202826;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 700;
  }
  .gg-pc-topbar a:hover { color: var(--gg-green-deep); }

  .gg-pc-brand {
    min-height: 124px;
    display: grid;
    grid-template-columns: 320px 1fr auto;
    align-items: center;
    gap: 28px;
    padding: 22px 36px 24px;
    box-sizing: border-box;
    background: #fff;
  }
  .gg-pc-logo {
    display: block;
    color: #111;
    text-decoration: none;
  }
  .gg-pc-logo strong {
    display: block;
    font-size: 28px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: .03em;
    color: #111;
  }
  .gg-pc-logo em {
    display: block;
    margin-top: 8px;
    padding-left: 50px;
    color: var(--gg-green-deep);
    font-style: normal;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .42em;
    font-weight: 900;
  }
  .gg-pc-copy {
    margin: 0;
    padding-left: 28px;
    border-left: 1px solid rgba(0,0,0,.14);
    color: var(--gg-green-deep);
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
  }
  .gg-pc-actions {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .gg-pc-actions a {
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 24px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: .04em;
    box-sizing: border-box;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 6px 12px rgba(0,0,0,.12);
  }
  .gg-login { background: linear-gradient(180deg,#07975e,#006f3e); }
  .gg-register { background: linear-gradient(180deg,#d6222d,#b81824); }
  .gg-cart {
    color: var(--gg-green-deep) !important;
    border: 1px solid var(--gg-green-deep);
    background: #fff !important;
    box-shadow: none !important;
  }
  .gg-cart b {
    min-width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    color: #fff;
    background: var(--gg-green-deep);
    font-size: 15px;
  }
  .gg-pc-actions a:hover { transform: translateY(-1px); filter: brightness(1.04); }

  .gg-pc-mainnav {
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding: 0 64px;
    background: linear-gradient(180deg,#008f50,#006f3e);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 3px 8px rgba(0,0,0,.12);
  }
  .gg-pc-mainnav a {
    min-width: 170px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: .02em;
    border-left: 1px solid rgba(255,255,255,.22);
    text-shadow: 0 1px 1px rgba(0,0,0,.16);
  }
  .gg-pc-mainnav a:last-child { border-right: 1px solid rgba(255,255,255,.22); }
  .gg-pc-mainnav a:hover { background: rgba(255,255,255,.12); }

  /* simple inline SVG masks/icons */
  .gg-i { width: 18px; height: 18px; display: inline-block; background: currentColor; flex: 0 0 auto; }
  .gg-i-guide { clip-path: polygon(15% 7%,85% 18%,85% 90%,15% 78%); }
  .gg-i-faq { border-radius: 50%; clip-path: none; position: relative; }
  .gg-i-shop { clip-path: polygon(12% 36%,50% 8%,88% 36%,82% 90%,18% 90%); }
  .gg-i-buy { clip-path: polygon(14% 12%,86% 12%,78% 88%,22% 88%); }
  .gg-i-home { clip-path: polygon(5% 50%,50% 10%,95% 50%,82% 50%,82% 90%,60% 90%,60% 65%,40% 65%,40% 90%,18% 90%,18% 50%); }
  .gg-i-new { clip-path: polygon(10% 10%,90% 10%,90% 90%,10% 90%); }
  .gg-i-search { border-radius: 50%; clip-path: none; box-shadow: inset 0 0 0 4px currentColor; background: transparent; position: relative; }
  .gg-i-search:after { content:""; position:absolute; width:9px; height:4px; background:currentColor; right:-4px; bottom:0; transform:rotate(45deg); border-radius:3px; }
  .gg-i-box { clip-path: polygon(12% 12%,88% 12%,88% 88%,12% 88%); }
  .gg-i-circle { border-radius:50%; clip-path:none; box-shadow: inset 0 0 0 4px currentColor; background:transparent; }
  .gg-i-doc { clip-path: polygon(18% 8%,78% 8%,90% 22%,90% 92%,18% 92%); }

  /* Main area: match requested reference screenshot */
  #container {
    width: 100%;
    max-width: none;
    margin: 0;
    overflow: visible;
    background: #fff;
    border: 0;
    box-shadow: none;
  }
  #logo,
  #container > center,
  #container > CENTER,
  #globalNavTop,
  #globalNav2,
  .list5,
  #container > br { display: none !important; }

  #wrap {
    width: min(1450px, calc(100% - 86px));
    margin: 0 auto;
    padding: 34px 0 10px;
    background: #fff;
    box-sizing: border-box;
  }
  #wrap h3 {
    position: relative;
    margin: 0;
    padding: 0 0 8px 30px;
    color: #111;
    font-size: 40px;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: .045em;
    text-shadow: none;
  }
  #wrap h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 6px;
    height: 76px;
    border-radius: 999px;
    background: linear-gradient(180deg,#0aa76b,#00723f);
  }
  #wrap h3:after {
    content: "豊富な中古ゴルフクラブをカテゴリから探す";
    display: block;
    margin-top: 8px;
    color: #222;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: .02em;
  }

  #globalNav {
    width: min(1450px, calc(100% - 86px));
    margin: 0 auto;
    padding: 0 0 40px;
    clear: both;
    background: #fff;
    font-size: 0;
  }
  #globalNav:before {
    content: "CLUB CATEGORY";
    display: block;
    margin: 0 0 18px;
    color: var(--gg-green-deep);
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .22em;
  }
  #globalNav ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px 24px;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  #globalNav li,
  #globalNav li:last-child {
    position: relative;
    float: none;
    clear: none;
    width: auto;
    height: 126px;
    overflow: hidden;
    border: 1px solid rgba(0,111,62,.28);
    border-radius: 8px;
    background: linear-gradient(135deg,#fff 0%,#fff 55%,#fbfdfc 100%);
    box-shadow: 0 8px 16px rgba(0,0,0,.08);
    box-sizing: border-box;
  }
  #globalNav li:hover {
    transform: translateY(-3px);
    border-color: rgba(0,111,62,.45);
    box-shadow: 0 13px 24px rgba(0,0,0,.12);
  }
  #globalNav li > a {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: 120px 1fr 42px;
    align-items: center;
    gap: 12px;
    padding: 0 22px 0 12px;
    box-sizing: border-box;
    color: #111;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.45;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    background: transparent;
  }
  #globalNav li > a:before {
    content: "";
    width: 120px;
    height: 116px;
    grid-column: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: drop-shadow(0 12px 9px rgba(0,0,0,.18));
    transform: translateX(-8px);
    transition: transform .22s ease, filter .22s ease;
  }
  #globalNav li:nth-child(1) > a:before { background-image: url("../r_img/category/cat-driver.png"); }
  #globalNav li:nth-child(2) > a:before { background-image: url("../r_img/category/cat-fairway.png"); }
  #globalNav li:nth-child(3) > a:before { background-image: url("../r_img/category/cat-utility.png"); }
  #globalNav li:nth-child(4) > a:before { background-image: url("../r_img/category/cat-iron.png"); }
  #globalNav li:nth-child(5) > a:before { background-image: url("../r_img/category/cat-wedge.png"); }
  #globalNav li:nth-child(6) > a:before { background-image: url("../r_img/category/cat-putter.png"); }
  #globalNav li:nth-child(7) > a:before { background-image: url("../r_img/category/cat-lefty.png"); }
  #globalNav li:nth-child(8) > a:before { background-image: url("../r_img/category/cat-ladies.png"); }
  #globalNav li:nth-child(9) > a:before { background-image: url("../r_img/category/cat-set.png"); }
  #globalNav li:nth-child(10) > a:before { background-image: url("../r_img/category/cat-keyword.png"); }
  #globalNav li:nth-child(11) > a:before { background-image: url("../r_img/category/cat-shaft.png"); }
  #globalNav li > a:after {
    content: "→";
    grid-column: 3;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    border-radius: 999px;
    background: linear-gradient(180deg,#07975e,#006f3e);
    box-shadow: 0 8px 15px rgba(0,111,62,.26), inset 0 1px 0 rgba(255,255,255,.25);
  }
  #globalNav li > a > span,
  #globalNav li > a > span:last-child {
    display: block;
    width: auto;
    grid-column: 2;
    color: #111;
    letter-spacing: .035em;
  }
  #globalNav li > a:hover:before { transform: translateX(-3px) scale(1.04); }
  #globalNav li > a:hover:after { transform: translateX(4px); }

  .gg-pc-benefits {
    width: min(1450px, calc(100% - 86px));
    min-height: 128px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    align-items: center;
    margin: 2px auto 28px;
    padding: 0;
    border-radius: 8px;
    background: linear-gradient(135deg,#f7faf9,#eef5f2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
  }
  .gg-pc-benefits > div {
    min-height: 84px;
    display: grid;
    grid-template-columns: 74px auto;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 24px;
    padding: 0 60px;
    border-left: 1px solid rgba(0,0,0,.16);
    box-sizing: border-box;
  }
  .gg-pc-benefits > div:first-child { border-left: 0; }
  .gg-pc-benefits strong {
    display: block;
    color: #111;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: .04em;
  }
  .gg-pc-benefits small {
    display: block;
    color: #222;
    font-size: 15px;
    line-height: 1.4;
  }
  .gg-benefit-icon {
    grid-row: 1 / span 2;
    width: 60px;
    height: 60px;
    display: block;
    background: linear-gradient(180deg,#0aa76b,#00723f);
  }
  .gg-benefit-truck { clip-path: polygon(4% 36%,56% 36%,56% 76%,4% 76%,4% 36%,60% 36%,76% 50%,94% 50%,94% 76%,86% 76%,86% 68%,76% 68%,76% 76%,32% 76%,32% 68%,22% 68%,22% 76%,4% 76%); }
  .gg-benefit-shield { clip-path: polygon(50% 4%,88% 18%,82% 66%,50% 96%,18% 66%,12% 18%); }
  .gg-benefit-support { border-radius: 50%; clip-path: polygon(52% 0,100% 0,100% 48%,82% 48%,76% 28%,55% 17%,32% 24%,18% 44%,21% 68%,38% 84%,63% 86%,82% 70%,91% 82%,68% 100%,36% 96%,10% 77%,0 46%,11% 19%,36% 3%); }

  footer {
    height: auto;
    margin: 0;
    padding: 24px 16px 30px;
    color: #50615b;
    background: #eef5f2;
    border-top: 1px solid rgba(0,111,62,.12);
    text-align: center;
  }
  #back-top img { width: 52px; height: 52px; }

  @media (max-width: 1180px) {
    .gg-pc-brand { grid-template-columns: 1fr; gap: 14px; }
    .gg-pc-copy { padding-left: 0; border-left: 0; }
    .gg-pc-actions { justify-content: flex-start; }
    .gg-pc-mainnav { padding: 0 20px; overflow-x: auto; justify-content: flex-start; }
    .gg-pc-mainnav a { min-width: 150px; }
    #globalNav ul { grid-template-columns: repeat(3, minmax(0,1fr)); }
  }
}
.feature-item{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  min-height:120px;
}

.feature-item i,
.feature-item .feature-icon,
.feature-item img{
  display:block;
  flex:0 0 auto;
  font-size:42px;
  width:auto;
  height:auto;
}

.feature-item .feature-text{
  text-align:left;
}

.feature-item h3{
  margin:0 0 8px;
  font-size:28px;
  font-weight:700;
}

.feature-item p{
  margin:0;
  line-height:1.6;
}
.gg-pc-benefits .feature-item img{
    width:90px;
    height:90px;
    object-fit:contain;
    flex-shrink:0;
    margin-right:18px;
}
.gg-pc-benefits .feature-item{
    display:flex;
    align-items:center;
    justify-content:center;
}
#globalNav li a span::after,
#globalNav li a span:after{
    content:none !important;
    display:none !important;
}
#globalNav ul li a::after,
#globalNav ul li a span::after {
  content: "\203A" !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: bold !important;
  line-height: 1 !important;
}
#globalNav .club-nav-lead{
  display:block;
  font-size:14px;
  line-height:1.6;
  color:#333;
  margin:0 0 10px;
  letter-spacing:normal;
}