{"product_id":"gb-whatever-studio-paper60e-gh60-case","title":"【GB】Whatever Studio PAPER 60e Case","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003ePAPER 60e\u003c\/title\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Shippori+Mincho:wght@500;700\u0026amp;family=Zen+Kaku+Gothic+New:wght@400;500;700;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n  :root{\n    --paper:#F6F2EA;\n    --paper-2:#EFE9DD;\n    --ink:#17181A;\n    --ink-soft:#4A4D50;\n    --line:#D9D2C2;\n    --accent:#33635F;      \/* 深い青緑：ガラス\/PCの透明感を想起させるアクセント *\/\n    --accent-soft:#CFE0DC;\n    --warn:#A8452E;\n  }\n  *{box-sizing:border-box;}\n  html,body{margin:0;padding:0;}\n  body{\n    background:var(--paper);\n    color:var(--ink);\n    font-family:'Zen Kaku Gothic New', sans-serif;\n    background-image:\n      radial-gradient(circle at 1px 1px, rgba(0,0,0,0.035) 1px, transparent 0);\n    background-size:14px 14px;\n  }\n  h1,h2,.serif{font-family:'Shippori Mincho', serif;}\n\n  \/* ===== ツールバー ===== *\/\n  .toolbar{\n    position:sticky; top:0; z-index:50;\n    background:var(--ink); color:var(--paper);\n    padding:12px 20px;\n    display:flex; align-items:center; justify-content:space-between; gap:16px;\n    flex-wrap:wrap;\n    box-shadow:0 2px 12px rgba(0,0,0,0.15);\n  }\n  .toolbar-title{font-size:14px; letter-spacing:.08em; font-weight:700; opacity:.9; display:flex; align-items:center; gap:8px;}\n  .toolbar-title .dot{width:7px;height:7px;border-radius:50%;background:var(--accent-soft);}\n  .toolbar-actions{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}\n\n  .switch{display:flex; align-items:center; gap:8px; font-size:13px; cursor:pointer; user-select:none;}\n  .switch input{display:none;}\n  .switch .track{width:38px;height:22px;border-radius:99px;background:#54585c;position:relative;transition:.2s;flex:0 0 auto;}\n  .switch .track::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s;}\n  .switch input:checked + .track{background:var(--accent);}\n  .switch input:checked + .track::after{transform:translateX(16px);}\n\n  .btn{\n    font-family:inherit; font-size:13px; font-weight:700; letter-spacing:.02em;\n    background:transparent; color:var(--paper); border:1px solid rgba(255,255,255,0.35);\n    padding:7px 14px; border-radius:99px; cursor:pointer; transition:.15s;\n    white-space:nowrap;\n  }\n  .btn:hover{background:rgba(255,255,255,0.12);}\n  .btn.primary{background:var(--accent); border-color:var(--accent); color:#fff;}\n  .btn.primary:hover{background:#3d766f;}\n  .btn.small{padding:4px 10px; font-size:12px;}\n\n  .tip{\n    max-width:1120px; margin:16px auto 0; padding:12px 18px;\n    background:var(--accent-soft); border:1px solid #b7d1cb; border-radius:10px;\n    font-size:13px; color:#204a45; display:flex; justify-content:space-between; gap:12px; align-items:center;\n  }\n  .tip button{background:none;border:none;color:#204a45;font-weight:700;cursor:pointer;font-size:16px;line-height:1;}\n\n  \/* ===== キャンバス共通 ===== *\/\n  #canvas{max-width:1120px; margin:0 auto; padding:0 20px 100px;}\n  .block{position:relative; padding:64px 0; border-bottom:1px solid var(--line);}\n  .block:last-of-type{border-bottom:none;}\n\n  .block-toolbar{\n    display:none; flex-wrap:wrap; align-items:center; gap:10px;\n    background:#fff; border:1px solid var(--line); border-radius:10px;\n    padding:8px 12px; margin-bottom:18px; font-size:12px; color:var(--ink-soft);\n  }\n  body.editing .block-toolbar{display:flex;}\n  .block-toolbar .grp{display:flex; align-items:center; gap:6px;}\n  .block-toolbar button{\n    border:1px solid var(--line); background:var(--paper); border-radius:6px;\n    width:26px;height:26px; cursor:pointer; font-size:13px; line-height:1; color:var(--ink);\n  }\n  .block-toolbar button:hover{background:var(--accent-soft); border-color:#b7d1cb;}\n  .block-toolbar button.danger:hover{background:#f3ddd7; border-color:#e0b3a4; color:var(--warn);}\n  .block-toolbar input[type=range]{width:110px; accent-color:var(--accent);}\n  .block-toolbar .btn-text{\n    border:1px solid var(--line); background:var(--paper); border-radius:6px;\n    padding:4px 10px; cursor:pointer; font-size:12px; color:var(--ink); font-weight:700;\n  }\n  .block-toolbar .btn-text:hover{background:var(--accent-soft);}\n  .block-toolbar .btn-text.ghost{background:transparent; color:var(--ink-soft); font-weight:500;}\n  .block-toolbar .btn-text.ghost:hover{background:var(--paper-2); color:var(--ink);}\n\n  .eyebrow{\n    font-size:12px; font-weight:700; letter-spacing:.16em; color:var(--accent);\n    margin:0 0 10px;\n  }\n  .block-title{font-size:clamp(22px,3vw,32px); font-weight:700; line-height:1.5; margin:0 0 16px;}\n  .block-body{font-size:15px; line-height:1.95; color:var(--ink-soft); margin:0; white-space:pre-line;}\n\n  [contenteditable=\"true\"]{outline:none; cursor:text; border-radius:4px;}\n  body.editing [contenteditable=\"true\"]:hover{background:rgba(51,99,95,0.06);}\n  body.editing [contenteditable=\"true\"]:focus{background:rgba(51,99,95,0.09); box-shadow:0 0 0 2px var(--accent-soft);}\n\n  \/* ===== 画像 ===== *\/\n  .img-wrap{\n    position:relative; border-radius:14px; overflow:hidden;\n    background-color:var(--paper-2); background-size:cover; background-position:center;\n    background-repeat:no-repeat;\n    border:1px solid var(--line);\n  }\n  .img-wrap img{display:block; width:100%; height:100%; object-fit:cover;}\n  .copy.full{max-width:720px;}\n\n  \/* ===== ヒーロー ===== *\/\n  .hero{padding-top:36px;}\n  .hero .img-wrap{width:100%; height:52vh; min-height:320px; border-radius:18px; margin-bottom:34px;}\n  .hero-copy{max-width:760px;}\n  .hero-copy .block-title{font-size:clamp(26px,4vw,42px);}\n  .hero-copy .block-body{font-size:16px;}\n\n  \/* ===== 2カラム（画像＋テキスト） ===== *\/\n  .split-grid{display:flex; gap:48px; align-items:center;}\n  .split-grid \u003e .img-wrap{height:340px;}\n  .split-grid \u003e .copy{flex:1 1 auto; min-width:0;}\n\n  .items{display:flex; gap:16px; margin-top:26px; flex-wrap:wrap;}\n  .item-card{\n    flex:1 1 220px; background:#fff; border:1px solid var(--line); border-radius:12px; padding:16px 18px;\n  }\n  .item-label{font-size:13px; font-weight:700; color:var(--accent); margin:0 0 6px;}\n  .item-text{font-size:13.5px; line-height:1.8; color:var(--ink-soft); margin:0;}\n\n  @media(max-width:760px){\n    .split-grid{flex-direction:column;}\n    .split-grid \u003e .img-wrap{flex-basis:100% !important; width:100%; order:0 !important;}\n    .split-grid \u003e .copy{order:1 !important; width:100%;}\n    .hero .img-wrap{height:40vh;}\n  }\n\n  \/* ===== 追加ボタン ===== *\/\n  .add-block-wrap{display:none; justify-content:center; padding:40px 0 10px;}\n  body.editing .add-block-wrap{display:flex;}\n  .add-block{\n    border:1.5px dashed var(--line); background:transparent; color:var(--ink-soft);\n    padding:14px 26px; border-radius:99px; font-weight:700; font-size:13px; cursor:pointer;\n  }\n  .add-block:hover{border-color:var(--accent); color:var(--accent); background:var(--accent-soft);}\n\n  #file-input{display:none;}\n\u003c\/style\u003e\n\n\n\u003cdiv id=\"canvas\"\u003e\n    \u003csection class=\"block hero\" data-id=\"hero\"\u003e\n      \n  \n      \n      \u003cdiv class=\"hero-copy\"\u003e\n        \u003cp class=\"eyebrow\" data-id=\"hero\" data-field=\"eyebrow\"\u003ePAPER 60e\u003c\/p\u003e\n        \u003ch1 class=\"block-title serif\" data-id=\"hero\" data-field=\"title\"\u003e透明感と重厚感、相反する二つの美しさを一台に\u003c\/h1\u003e\n        \u003cp class=\"block-body\" data-id=\"hero\" data-field=\"body\"\u003e素材とカタチ、その両方に妥協しないカスタムキーボードへ\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n    \u003csection class=\"block\" data-id=\"b1\"\u003e\n      \n  \n      \u003cdiv class=\"split-grid\"\u003e\n    \u003cdiv class=\"copy \" style=\"flex-basis:50%;\"\u003e\n      \u003cp class=\"eyebrow\" data-id=\"b1\" data-field=\"eyebrow\"\u003eSIDE PANEL\u003c\/p\u003e\n      \u003ch2 class=\"block-title serif\" data-id=\"b1\" data-field=\"title\"\u003eハイクリア PC サイドパネル\u003c\/h2\u003e\n      \u003cp class=\"block-body\" data-id=\"b1\" data-field=\"body\"\u003eサイドパネルには、高い透明度を誇るPC素材を採用。金型による本格的な射出成形により、精密な光学クオリティを実現。机上に置くだけでインテリアの一部となる存在感を放ちます。\u003c\/p\u003e\n      \n    \u003c\/div\u003e\n\u003cdiv class=\"img-wrap\" data-role=\"image\" style=\"flex-basis:50%;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0793\/5334\/8319\/files\/DSC03751.jpg?v=1787819500\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/section\u003e\n    \u003csection class=\"block\" data-id=\"b2\"\u003e\n      \n  \n      \u003cdiv class=\"split-grid\"\u003e\n\u003cdiv class=\"img-wrap\" data-role=\"image\" style=\"flex-basis:50%;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0793\/5334\/8319\/files\/DSC03654_1.jpg?v=1787819500\" alt=\"\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"copy \" style=\"flex-basis:50%;\"\u003e\n      \u003cp class=\"eyebrow\" data-id=\"b2\" data-field=\"eyebrow\"\u003eWEIGHT\u003c\/p\u003e\n      \u003ch2 class=\"block-title serif\" data-id=\"b2\" data-field=\"title\"\u003e超白鋼化ガラス × アルマイトアルミの積層ウェイト\u003c\/h2\u003e\n      \u003cp class=\"block-body\" data-id=\"b2\" data-field=\"body\"\u003e背面には超白鋼化ガラスとアルマイト処理を施したアルミニウム合金を重ねたウェイトプレートを搭載。ガラスの透明感と、アルマイトならではのマットな金属光沢、これらの積層が生み出すコントラストは、キーボードに「物としての質量」と佇まいの美しさを同時に与えます。\u003c\/p\u003e\n      \n    \u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/section\u003e\n    \u003csection class=\"block\" data-id=\"b3\"\u003e\n      \n  \n      \u003cdiv class=\"split-grid\"\u003e\n    \u003cdiv class=\"copy \" style=\"flex-basis:50%;\"\u003e\n      \u003cp class=\"eyebrow\" data-id=\"b3\" data-field=\"eyebrow\"\u003eSTRUCTURE\u003c\/p\u003e\n      \u003ch2 class=\"block-title serif\" data-id=\"b3\" data-field=\"title\"\u003e「触れて、外して、また組む」を楽しむ構造\u003c\/h2\u003e\n      \u003cp class=\"block-body\" data-id=\"b3\" data-field=\"body\"\u003e工具いらずのボールキャッチ機構により、トップケースをワンタッチで着脱可能。分解・清掃・カスタマイズへのハードルを大きく下げます。さらにシリコン製のガスケットストリップを介してプレートをフローティングマウント。底打ち時の衝撃を優しく吸収し、指先に伝わる感触をまろやかにチューニングしています。\u003c\/p\u003e\n      \n    \u003c\/div\u003e\n\u003cdiv class=\"img-wrap\" data-role=\"image\" style=\"flex-basis:50%;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0793\/5334\/8319\/files\/DSC03777.jpg?v=1787819499\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/section\u003e\n    \u003csection class=\"block\" data-id=\"b4\"\u003e\n      \n  \n      \u003cdiv class=\"split-grid\"\u003e\n    \u003cdiv class=\"copy full\" style=\"\"\u003e\n      \u003cp class=\"eyebrow\" data-id=\"b4\" data-field=\"eyebrow\"\u003eTYPING FEEL\u003c\/p\u003e\n      \u003ch2 class=\"block-title serif\" data-id=\"b4\" data-field=\"title\"\u003e\u003ch2 class=\"block-title serif\" data-id=\"b4\" data-field=\"title\" style=\"background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; box-shadow: rgb(207, 224, 220) 0px 0px 0px 2px;\"\u003e磁気とメカニカル、それぞれに適したタイピング体験\u003c\/h2\u003e\u003c\/h2\u003e\n      \u003cp class=\"block-body\" data-id=\"b4\" data-field=\"body\"\u003e磁気スイッチは、PCBの検出構造がわずかな硬さ・柔らかさの違いにも敏感に反応し、そのわずかな差が入力精度を左右します。そこでPAPER 60eでは、あえてスリットを設けないFR4ポジショニングプレートとシリコンスリーブを組み合わせ、精度を最優先した設計に。結果として打鍵感は、やや硬めのしっかりとした手応えのある方向にチューニングされています。\u003c\/p\u003e\n      \u003cdiv class=\"items\"\u003e\n    \u003cdiv class=\"item-card\"\u003e\n      \u003cp class=\"item-label\" data-id=\"b4\" data-item=\"0\" data-field=\"label\"\u003e磁気スイッチ\u003c\/p\u003e\n      \u003cp class=\"item-text\" data-id=\"b4\" data-item=\"0\" data-field=\"text\"\u003e高精度な検出性能を支える、安定感のあるタイピングフィール。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"item-card\"\u003e\n      \u003cp class=\"item-label\" data-id=\"b4\" data-item=\"1\" data-field=\"label\"\u003eメカニカルスイッチ\u003c\/p\u003e\n      \u003cp class=\"item-text\" data-id=\"b4\" data-item=\"1\" data-field=\"text\"\u003e引き締まった、小気味よいクリスプな打鍵音と感触。\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"Whatever Studio","offers":[{"title":"Silver","offer_id":51196406464735,"sku":null,"price":28000.0,"currency_code":"JPY","in_stock":true},{"title":"Black","offer_id":51196406497503,"sku":null,"price":28000.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0793\/5334\/8319\/files\/paper60e_b5c86be9-d55a-4bc0-8bb5-f9f1c1c23a94.png?v=1787244046","url":"https:\/\/kbdlegacy.jp\/products\/gb-whatever-studio-paper60e-gh60-case","provider":"KBDLegacy","version":"1.0","type":"link"}