Hashtag One Key ring
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@600;700;900&display=swap'); .krg * { box-sizing: border-box; margin: 0; padding: 0; } .krg { font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', 'Yu Gothic', sans-serif; font-weight: 500; color: #d4d4d0; background: #080808; width: 100%; overflow: hidden; line-height: 1.8; } /* ── HERO ── */ .krg-hero { position: relative; background: #080808; padding: 56px 40px 60px; overflow: hidden; min-height: 400px; display: flex; flex-direction: column; justify-content: flex-end; } .krg-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(to right, #111111, #cc1f1f, #f0c800, #111111); } .krg-glow { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse 50% 50% at 80% 30%, rgba(204,31,31,.10) 0%, transparent 55%), radial-gradient(ellipse 40% 40% at 20% 70%, rgba(240,200,0,.07) 0%, transparent 50%); } .krg-badge { position: absolute; top: 24px; right: 40px; border: 1px solid #2a2a2a !important; padding: 6px 14px; font-family: 'Barlow Condensed', Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 3px; color: #666666; text-transform: uppercase; background: none; } .krg-tag { font-family: 'Barlow Condensed', Arial, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 4px; color: #666666; text-transform: uppercase; margin-bottom: 12px; position: relative; z-index: 1; } .krg-h-title { font-family: 'Bebas Neue', Arial, sans-serif !important; font-size: clamp(44px, 10vw, 90px) !important; line-height: 0.9 !important; letter-spacing: 2px !important; color: #f0f0ec !important; margin: 0 0 4px !important; padding: 0 !important; border: none !important; background: none !important; position: relative; z-index: 1; } .krg-h-sub { font-family: 'Barlow Condensed', Arial, sans-serif; font-size: clamp(12px, 2.5vw, 18px); font-weight: 700; letter-spacing: 5px; color: #555555; text-transform: uppercase; margin: 10px 0 20px; position: relative; z-index: 1; } .krg-hero-copy { font-size: 14px; font-weight: 500; color: #cccccc; line-height: 2.0; position: relative; z-index: 1; } .krg-hero-copy strong { color: #ffffff; } .krg-logo-wrap { display: flex; align-items: flex-end; gap: 20px; flex-wrap: nowrap; position: relative; z-index: 1; margin-bottom: 6px; } .krg-logo-img { width: 48px; height: auto; opacity: 0.75; flex-shrink: 0; margin-bottom: 6px; } /* ── CATCH ── */ .krg-catch { background: #111111; padding: 40px 40px 32px; border-top: 1px solid #1e1e1e; position: relative; } .krg-catch-main { font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', 'Yu Gothic', sans-serif !important; font-size: clamp(22px, 4.5vw, 38px) !important; font-weight: 900 !important; color: #f0f0ec !important; line-height: 1.4 !important; margin: 0 0 14px !important; padding: 0 !important; border: none !important; background: none !important; white-space: nowrap; } .krg-catch-sub { font-size: 14px; font-weight: 500; color: #666666; line-height: 1.9; } .krg-catch-logo { position: absolute; right: 28px; bottom: 20px; width: 52px; height: auto; opacity: 0.10; pointer-events: none; } /* ── LAYOUT ── */ .krg-sec { background: #080808; padding: 48px 40px; } .krg-sec-alt { background: #0e0e0e; padding: 48px 40px; } .krg-div { padding: 0 40px; border-top: 1px solid #1e1e1e; } .krg-lbl { font-family: 'Barlow Condensed', Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 5px; color: #555555; text-transform: uppercase; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; } .krg-lbl::after { content:''; width:28px; height:1px; background:#2a2a2a; display:inline-block; } .krg-ttl { font-family: 'Bebas Neue', Arial, sans-serif !important; font-size: clamp(30px, 5vw, 46px) !important; letter-spacing: 2px !important; color: #f0f0ec !important; margin: 0 0 28px !important; padding: 0 !important; border: none !important; background: none !important; line-height: 1.1 !important; } /* ── 3色カラーカード ── */ .krg-color-grid { display: flex; flex-direction: column; gap: 1px; background: #1e1e1e; border: 1px solid #1e1e1e; } .krg-color-card { display: flex; align-items: stretch; } .krg-color-bar { width: 6px; flex-shrink: 0; } .krg-color-body { padding: 24px 28px; flex: 1; } .krg-color-name { font-family: 'Bebas Neue', Arial, sans-serif !important; font-size: 28px !important; letter-spacing: 3px !important; margin: 0 0 6px !important; padding: 0 !important; border: none !important; background: none !important; line-height: 1 !important; } .krg-color-tag { display: inline-block; font-family: 'Barlow Condensed', Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 3px 10px; margin-bottom: 10px; color: #ffffff; } .krg-color-desc { font-size: 13px; font-weight: 500; color: #aaaaaa; line-height: 1.8; } /* BLACK */ .krg-bk { background: #0a0a0a; } .krg-bk .krg-color-bar { background: #ffffff; } .krg-bk .krg-color-name { color: #f0f0ec !important; } .krg-bk .krg-color-tag { background: #333333; } /* RED */ .krg-rd { background: #120000; } .krg-rd .krg-color-bar { background: #cc1f1f; } .krg-rd .krg-color-name { color: #cc1f1f !important; } .krg-rd .krg-color-tag { background: #cc1f1f; } /* YELLOW */ .krg-yw { background: #100e00; } .krg-yw .krg-color-bar { background: #f0c800; } .krg-yw .krg-color-name { color: #f0c800 !important; } .krg-yw .krg-color-tag { background: #806800; } /* ── FEATURES ── */ .krg-feat-list { display: flex; flex-direction: column; gap: 1px; background: #1e1e1e; border: 1px solid #1e1e1e; } .krg-fb { background: #080808; padding: 22px 24px; display: flex; gap: 16px; align-items: flex-start; } .krg-fnum { font-family: 'Bebas Neue', Arial, sans-serif; font-size: 32px; color: #222222; line-height: 1; flex-shrink: 0; width: 36px; } .krg-fbody { flex: 1; } .krg-ftit { font-size: 15px !important; font-weight: 700 !important; color: #f0f0ec !important; margin: 0 0 6px !important; padding: 0 !important; border: none !important; background: none !important; line-height: 1.4 !important; } .krg-ftxt { font-size: 13px; font-weight: 500; color: #aaaaaa; line-height: 1.85; } /* ── ギフトボックス ── */ .krg-gift-box { background: #111111; border: 1px solid #2a2a2a; border-left: 4px solid #cc1f1f; padding: 24px 28px; } .krg-gift-title { font-family: 'Bebas Neue', Arial, sans-serif !important; font-size: 18px !important; letter-spacing: 2px !important; color: #cc1f1f !important; margin: 0 0 10px !important; padding: 0 !important; border: none !important; background: none !important; } .krg-gift-body { font-size: 13px; font-weight: 500; color: #aaaaaa; line-height: 1.9; } .krg-gift-body strong { color: #f0f0ec; font-weight: 700; } /* ── SPEC TABLE ── */ .krg-tbl, .krg-tbl thead, .krg-tbl tbody, .krg-tbl tfoot, .krg-tbl tr, .krg-tbl th, .krg-tbl td { border: none !important; border-collapse: collapse; background: none; } .krg-tbl { width: 100%; border-collapse: collapse !important; } .krg-tbl tr { border-bottom: 1px solid #1e1e1e !important; } .krg-tbl tr:first-child { border-top: 1px solid #1e1e1e !important; } .krg-tbl td { padding: 13px 8px !important; font-size: 14px !important; vertical-align: middle !important; } .krg-tbl td:first-child { font-family: 'Barlow Condensed', Arial, sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 2px !important; color: #555555 !important; text-transform: uppercase !important; width: 100px !important; } .krg-tbl td:last-child { color: #f0f0ec !important; font-weight: 600 !important; } /* ── TARGET ── */ .krg-tgt { list-style: none; padding: 0; margin: 0; } .krg-tgt li { padding: 14px 0; border-bottom: 1px solid #1e1e1e !important; border-top: none !important; border-left: none !important; border-right: none !important; font-size: 14px; font-weight: 600; color: #f0f0ec; display: flex; align-items: flex-start; gap: 12px; line-height: 1.6; background: none; } .krg-tgt li:first-child { border-top: 1px solid #1e1e1e !important; } .krg-tgt li::before { content:'✓'; color:#666666; font-weight:700; flex-shrink:0; } /* ── CAUTION ── */ .krg-caut { list-style: none; padding: 24px 28px; margin: 0; border: 1px solid #1e1e1e !important; background: #0a0a0a; display: flex; flex-direction: column; gap: 10px; } .krg-caut li { font-size: 13px; font-weight: 500; color: #888888; padding-left: 16px; position: relative; line-height: 1.75; border: none !important; background: none; } .krg-caut li::before { content:'!'; position:absolute; left:0; color:#444444; font-weight:700; } /* ── FAQ ── */ .krg-fi { border-bottom: 1px solid #1e1e1e !important; border-top: none !important; border-left: none !important; border-right: none !important; background: none; } .krg-fi:first-child { border-top: 1px solid #1e1e1e !important; } .krg-fq { width:100%; background: none !important; border: none !important; outline:none; color: #f0f0ec !important; font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', Arial, sans-serif; font-size: 14px !important; font-weight: 600 !important; text-align:left; padding: 18px 32px 18px 0 !important; cursor:pointer; position:relative; display:flex; align-items:center; gap:10px; line-height: 1.5; } .krg-fql { font-family: 'Bebas Neue', Arial, sans-serif; font-size: 18px; color: #555555; flex-shrink:0; } .krg-fic { position:absolute; right:0; top:50%; transform:translateY(-50%); font-size: 20px; color: #333333; transition: transform .25s; line-height: 1; font-weight: 300; } .krg-fi.krg-op .krg-fic { transform:translateY(-50%) rotate(45deg); color: #f0f0ec; } .krg-fa { display:none; padding: 0 0 18px 28px !important; font-size: 13px; font-weight: 500; color: #888888; line-height: 1.9; border: none !important; background: none; } .krg-fi.krg-op .krg-fa { display:block; } /* ── CLOSING ── */ .krg-closing { padding: 48px 40px; background: #111111; border-top: 1px solid #1e1e1e; position: relative; overflow: hidden; } .krg-closing::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(to right, #111111, #cc1f1f, #f0c800, #111111); } .krg-closing-line { width: 32px; height: 2px; background: #ffffff; margin: 0 0 22px; position: relative; z-index: 1; } .krg-closing-h { font-family: 'Bebas Neue', Arial, sans-serif !important; font-size: clamp(26px, 4.5vw, 40px) !important; letter-spacing: 3px !important; line-height: 1.15 !important; margin: 0 0 18px !important; color: #f0f0ec !important; border: none !important; background: none !important; position: relative; z-index: 1; white-space: nowrap; } .krg-closing-body { font-size: 14px; line-height: 2.0; color: #666666; margin: 0; position: relative; z-index: 1; } .krg-closing-body strong { color: #f0f0ec; font-weight: 700; } .krg-closing-cta { color: #ffffff !important; font-weight: 900 !important; font-size: 15px; border-bottom: 2px solid rgba(255,255,255,0.3); } /* ── MARQUEE ── */ .krg-mq { border-top: 1px solid #1e1e1e; background: #080808; padding: 28px 0; overflow:hidden; } .krg-mq-t { font-family: 'Bebas Neue', Arial, sans-serif; font-size: clamp(28px, 4vw, 44px); letter-spacing: 4px; color: #141414; white-space: nowrap; display: inline-block; animation: krgmq 22s linear infinite; } @keyframes krgmq { from { transform:translateX(0); } to { transform:translateX(-50%); } } @media (max-width: 600px) { .krg-hero { padding: 48px 20px 48px; } .krg-badge { right: 20px; } .krg-catch { padding: 32px 20px 24px; } .krg-catch-main { white-space: normal !important; } .krg-sec, .krg-sec-alt { padding: 36px 20px; } .krg-div { padding: 0 20px; } .krg-closing { padding: 36px 20px; } .krg-closing-h { white-space: normal !important; } } Hashtag One Japan — Goods Original Key Ring — ENDBOSS Model KEY RING Miniature ENDBOSS Glove — 3 Colors 最強の相棒をいつもそばに。 ENDBOSSを忠実に再現した、ミニチュアグローブキーホルダー。 見るたびにピッチでの闘志を呼び起こしてくれる、あなたの最強の相棒。 最強の相棒をいつもそばに。 ハッシュタグワンを象徴するベストセラーモデル「ENDBOSS」が、オリジナルキーホルダーとして登場。ディテールまで忠実に再現した立体デザインは、まさに"ミニチュアグローブ"。 30% OFF グローブと一緒に買うと30%OFF +αで、Hashtag Oneを持ち歩く。グローブ購入ページからセット追加できます。 Color Line Up 3色展開 BLACK シックな定番色 どんなバッグ・リュックにも合わせやすい定番のブラック。Hashtag Oneのシグネチャーカラーとして最も人気のカラーウェイ。 RED 闘志を灯す赤 見るたびに闘争心に火をつける情熱の赤。ENDBOSSの持つ威圧感と力強さを最も体現したカラー。 YELLOW 存在感を放つ黄 バッグに付けた瞬間、一目でわかる圧倒的な存在感。GKらしい個性と目立つ鮮やかさを両立したカラー。 Features 3つの特徴 01 ENDBOSSを忠実に再現した本格ミニチュア仕様 ハッシュタグワンを象徴するベストセラーモデル「ENDBOSS」を細部まで忠実に再現。細かなデザインや質感にこだわった立体成形で、ファン心を刺激する仕上がり。グローブを知る人が見れば一目でわかるクオリティだ。 02 キーチェーン仕様でどこにでも装着可能 キーチェーン仕様で、バッグ・リュック・ポーチ・キーケースなどに簡単に装着。毎日のトレーニングバッグに付ければ、ピッチへ向かうたびに「今日もやるしかない」という気持ちを呼び起こしてくれる。 03 チームメンバーへのギフトとしても最高の一品 仲間への贈り物、試合後の記念品、部活の卒業記念など、GKにまつわるあらゆるシーンで喜ばれるギフトに。3色展開なので、チームメンバーそれぞれ違うカラーを選ぶのも楽しい。 GIFT IDEA こんなシーンで喜ばれます: 試合後の記念品 / 誕生日・クリスマスプレゼント / 部活・クラブの卒部記念 / チームメンバーへのお揃いギフト Spec スペック Model ENDBOSS(エンドボス)ミニチュアグローブ型 Material シリコン(本体)/ 合金(金具部分) Size 約 8cm × 6cm(本体) Color ブラック / レッド / イエロー(全3色) Type キーチェーン仕様(バッグ・リュック・キーケースに装着可) For こんな方に Hashtag Oneが好きで、日常にもブランドを感じたいGKファン 毎日のトレーニングバッグに付けてモチベーションを上げたい チームメンバーや仲間へのプレゼントを探している 試合・大会・卒部記念の贈り物として GKグローブコレクターの新しいコレクションアイテムとして Notice ご注意 強い摩擦や衝撃により、塗装や素材が劣化する場合があります。取り扱いにはご注意ください。 高温多湿な場所での保管はお控えください。シリコン素材の変形・変色の原因になります。 お子様が誤って口に入れないよう、小さなお子様の手の届かない場所で保管してください。 商品の色はモニターの設定により実物と異なって見える場合があります。 FAQ よくある質問 Q3色まとめて購入できますか?+ はい、各カラーを個別にカートに入れてまとめてご購入いただけます。チームメンバーへのプレゼントや、コレクションとして3色揃えるのもおすすめです。 Qプレゼント用にラッピングはできますか?+ 現在ラッピングサービスは行っておりません。ギフト用としてお使いの場合は、SNS DMまたはお問い合わせページからご相談ください。 Qグローブと一緒に購入できますか?+ はい、グローブと同時にご購入いただけます。まとめてカートに入れてご注文ください。GKグローブとセットでご使用いただくと、より一体感のあるコーディネートが楽しめます。 Q素材はどんなものですか?+ 本体はシリコン素材、金具部分は合金を使用しています。シリコンは弾力性があり軽量で、高い再現性を持つ素材です。ただし強い摩擦や衝撃により劣化する場合がありますのでお取り扱いにはご注意ください。 最強の相棒をいつもそばに。 ENDBOSSの圧倒的な存在感を、あなたの日常へ。 バッグに付けるたびに、ピッチでの闘志がよみがえる。 今すぐカートに入れて、あなただけの最強の相棒を手に入れてほしい。 HASHTAG ONE KEY RING ENDBOSS MODEL BLACK / RED / YELLOW 最強の相棒を、いつもそばに。 HASHTAG ONE KEY RING ENDBOSS MODEL BLACK / RED / YELLOW 最強の相棒を、いつもそばに。 function krgT(b){ var i=b.parentElement; var o=i.classList.contains('krg-op'); document.querySelectorAll('.krg-fi').forEach(function(x){x.classList.remove('krg-op');}); if(!o){i.classList.add('krg-op');} }
More you might like
Related
Hashtag Split-Ring-Keychain With Crystal Accents Gold-Tone
Related
Cool Sunglasses Emoji Blowing Kiss HASHTAG Split-Ring-Keycha
Related
Hand HASHTAG OK Split-Ring-Keychain W/ Trigger-Snap Gold-Ton
Related