ORPHEUS KANATA
/* ========================================================= ORPHEUS KANATA Luxury Product Page ========================================================= */ .kanata-page { --kanata -black: #111111; --kanata-text: #2d2b29; --kanata-sub: #6f6a63; --kanata-gold: #b89b5e; --kanata-brown: #8b6b3f; --kanata-ivory: #faf8f4; --kanata-line: #e5ded0; --kanata-white: #ffffff; max-width: 1200px; margin: 0 auto; color: var(--kanata-text); font-family: inherit; line-height: 1.8; box-sizing: border-box; } .kanata-page *, .kanata-page *::before, .kanata-page *::after { box-sizing: border-box; } .kanata-page p, .kanata-page h1, .kanata-page h2, .kanata-page h3 { margin-top: 0; } .kanata-page a { color: inherit; } /* ========================================================= Hero ========================================================= */ .kanata-hero { background: var(--kanata-black); color: var(--kanata-white); padding: clamp(65px, 9vw, 115px) 30px; margin: 0 0 90px; text-align: center; border-radius: 8px; } .kanata-hero-label { color: var(--kanata-gold); font-size: 11px; letter-spacing: 4px; margin: 0 0 22px; } .kanata-hero-title { color: #ffffff; font-size: clamp(28px, 4.5vw, 46px); font-weight: 400; line-height: 1.55; letter-spacing: 0.04em; margin: 0 0 25px; } .kanata-hero-lead { color: #e1ded8; font-size: clamp(14px, 1.8vw, 18px); letter-spacing: 0.08em; line-height: 1.9; margin: 0; } /* ========================================================= Common Section ========================================================= */ .kanata-section { margin: 0 0 100px; padding: 0 30px; } .kanata-section-heading { text-align: center; margin-bottom: 42px; } .kanata-section-label { color: var(--kanata-gold); font-size: 10px; letter-spacing: 3px; line-height: 1.5; margin: 0 0 12px; } .kanata-section-title { color: var(--kanata-text); font-size: clamp(23px, 3.2vw, 34px); font-weight: 400; line-height: 1.6; letter-spacing: 0.04em; margin: 0; } /* ========================================================= Story ========================================================= */ .kanata-story { max-width: 820px; margin-left: auto; margin-right: auto; text-align: center; } .kanata-story-text { color: var(--kanata-sub); font-size: clamp(14px, 1.7vw, 16px); line-height: 2.3; letter-spacing: 0.03em; margin: 0; } /* ========================================================= THE VALUE OF KANATA ========================================================= */ .kanata-value-section { margin: 0 0 110px; padding: 0 30px; } .kanata-value-heading { text-align: center; margin-bottom: 48px; } .kanata-value-label { color: var(--kanata-gold); font-size: 10px; letter-spacing: 3px; line-height: 1.5; margin: 0 0 13px; } .kanata-value-title-main { color: var(--kanata-text); font-size: clamp(25px, 3.5vw, 38px); font-weight: 400; line-height: 1.5; letter-spacing: 0.04em; margin: 0; } /* ========================================================= Value Cards 01 / 02 / 03 縦並び ========================================================= */ .kanata-value-grid { display: flex; flex-direction: column; gap: 20px; max-width: 900px; margin: 0 auto; } .kanata-value-card { display: grid; grid-template-columns: 70px 1fr; column-gap: 35px; align-items: start; background: #ffffff; border: 1px solid var(--kanata-line); border-radius: 10px; padding: 35px 42px 38px; min-width: 0; } .kanata-value-number { color: var(--kanata-gold); font-size: 13px; letter-spacing: 2px; line-height: 1.5; margin: 2px 0 0; } .kanata-value-card-title { color: var(--kanata-text); font-size: 20px; font-weight: 400; line-height: 1.7; letter-spacing: 0.02em; margin: 0 0 12px; word-break: normal; } .kanata-value-card-text { color: var(--kanata-sub); font-size: 13px; font-weight: 400; line-height: 2.1; margin: 0; word-break: normal; } /* ========================================================= Movie ========================================================= */ .kanata-movie { background: var(--kanata-black); color: #ffffff; padding: clamp(55px, 7vw, 85px) 25px; margin: 0 0 100px; text-align: center; border-radius: 8px; } .kanata-movie .kanata-section-label { color: var(--kanata-gold); } .kanata-movie-title { color: #ffffff; font-size: clamp(23px, 3.5vw, 32px); font-weight: 400; line-height: 1.5; margin: 0 0 12px; } .kanata-movie-copy { color: #d8d5cf; font-size: 13px; line-height: 1.8; margin: 0 0 32px; } .kanata-video-wrap { max-width: 850px; margin: 0 auto; } .kanata-video-wrap video { display: block; width: 100%; height: auto; border-radius: 6px; } /* ========================================================= Product Information ========================================================= */ .kanata-product { text-align: center; } .kanata-price-box { border-top: 1px solid var(--kanata-line); border-bottom: 1px solid var(--kanata-line); padding: 48px 20px; margin: 0 auto 40px; } .kanata-price-label { color: var(--kanata-gold); font-size: 10px; letter-spacing: 3px; line-height: 1.5; margin: 0 0 14px; } .kanata-price { color: var(--kanata-text); font-size: clamp(36px, 6vw, 54px); font-weight: 400; letter-spacing: 0.02em; line-height: 1.2; margin: 0 0 10px; } .kanata-tax { color: var(--kanata-sub); font-size: 11px; letter-spacing: 2px; line-height: 1.5; margin: 0; } .kanata-product-info-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; max-width: 950px; margin: 0 auto; } .kanata-info-item { background: var(--kanata-ivory); border: 1px solid var(--kanata-line); border-radius: 8px; padding: 23px 15px; } .kanata-info-item-title { color: var(--kanata-text); font-size: 13px; line-height: 1.7; margin: 0; } /* ========================================================= Showroom CTA ========================================================= */ .kanata-showroom { background: var(--kanata-ivory); padding: clamp(60px, 8vw, 85px) 30px; margin: 0 0 100px; text-align: center; border-top: 1px solid var(--kanata-line); border-bottom: 1px solid var(--kanata-line); } .kanata-showroom-title { color: var(--kanata-text); font-size: clamp(23px, 3.5vw, 34px); font-weight: 400; line-height: 1.6; margin: 0 0 22px; } .kanata-showroom-text { max-width: 650px; margin: 0 auto 32px; color: var(--kanata-sub); font-size: 13px; line-height: 2.1; } .kanata-button { display: inline-block; background: var(--kanata-brown); color: #ffffff !important; text-decoration: none !important; padding: 14px 32px; border-radius: 5px; font-size: 12px; letter-spacing: 0.08em; line-height: 1.5; transition: opacity 0.3s ease; } .kanata-button:hover { opacity: 0.85; } /* ========================================================= Discover KANATA ========================================================= */ .kanata-discover { background: var(--kanata-black); color: #ffffff; padding: clamp(60px, 8vw, 85px) 30px; margin: 0 0 100px; text-align: center; border-radius: 8px; } .kanata-discover .kanata-section-label { color: var(--kanata-gold); } .kanata-discover-title { color: #ffffff; font-size: clamp(23px, 3.5vw, 34px); font-weight: 400; line-height: 1.5; margin: 0 0 18px; } .kanata-discover-text { color: #d8d5cf; max-width: 650px; margin: 0 auto 32px; font-size: 13px; line-height: 2; } .kanata-discover .kanata-button { background: transparent; border: 1px solid var(--kanata-gold); color: #ffffff !important; } /* ========================================================= Specifications ========================================================= */ .kanata-spec-table { width: 100%; max-width: 850px; margin: 0 auto; border-collapse: collapse; border-top: 1px solid var(--kanata-line); } .kanata-spec-table th, .kanata-spec-table td { padding: 18px 22px; border-bottom: 1px solid var(--kanata-line); text-align: left; font-size: 13px; line-height: 1.8; } .kanata-spec-table th { width: 35%; color: var(--kanata-text); font-weight: 400; background: var(--kanata-ivory); } .kanata-spec-table td { color: var(--kanata-sub); background: #ffffff; } /* ========================================================= FAQ ========================================================= */ .kanata-faq { max-width: 850px; margin: 0 auto; } .kanata-faq details { border-top: 1px solid var(--kanata-line); } .kanata-faq details:last-child { border-bottom: 1px solid var(--kanata-line); } .kanata-faq summary { position: relative; cursor: pointer; list-style: none; padding: 20px 45px 20px 5px; font-size: 13px; line-height: 1.8; color: var(--kanata-text); } .kanata-faq summary::-webkit-details-marker { display: none; } .kanata-faq summary::after { content: "+"; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); color: var(--kanata-gold); font-size: 20px; font-weight: 300; } .kanata-faq details[open] summary::after { content: "−"; } .kanata-faq-answer { padding: 0 45px 23px 5px; color: var(--kanata-sub); font-size: 13px; line-height: 2; } /* ========================================================= Tablet ========================================================= */ @media screen and (max-width: 900px) { .kanata-value-grid { max-width: 760px; gap: 16px; } .kanata-value-card { grid-template-columns: 55px 1fr; column-gap: 25px; padding: 30px 30px 32px; } .kanata-value-card-title { font-size: 18px; } .kanata-value-card-text { font-size: 12px; } .kanata-product-info-grid { grid-template-columns: repeat(2, 1fr); } } /* ========================================================= Mobile ========================================================= */ @media screen and (max-width: 600px) { .kanata-page { width: 100%; } /* Hero */ .kanata-hero, .kanata-movie, .kanata-discover { border-radius: 0; } .kanata-hero { padding: 58px 20px; margin-bottom: 65px; } .kanata-hero-label { font-size: 10px; letter-spacing: 3px; margin-bottom: 18px; } .kanata-hero-title { font-size: 26px; line-height: 1.65; margin-bottom: 22px; } .kanata-hero-lead { font-size: 13px; line-height: 1.9; } /* Common */ .kanata-section { padding: 0 20px; margin-bottom: 75px; } .kanata-section-heading { margin-bottom: 30px; } .kanata-section-label { font-size: 9px; letter-spacing: 2.5px; } .kanata-section-title { font-size: 23px; line-height: 1.65; } /* Story */ .kanata-story-text { font-size: 13px; line-height: 2.2; text-align: left; } /* ======================================================= Value Section スマホも縦並び ======================================================= */ .kanata-value-section { padding: 0 20px; margin-bottom: 80px; } .kanata-value-heading { margin-bottom: 35px; } .kanata-value-label { font-size: 9px; letter-spacing: 2.5px; } .kanata-value-title-main { font-size: 24px; line-height: 1.6; } .kanata-value-grid { display: flex; flex-direction: column; gap: 14px; width: 100%; padding: 0; margin: 0; overflow: visible; } .kanata-value-card { display: grid; grid-template-columns: 40px 1fr; column-gap: 18px; width: 100%; min-width: 0; padding: 25px 22px 27px; border-radius: 8px; } .kanata-value-number { font-size: 10px; letter-spacing: 1.5px; margin: 2px 0 0; } .kanata-value-card-title { font-size: 16px; line-height: 1.7; margin-bottom: 12px; } .kanata-value-card-text { font-size: 12px; line-height: 2; } /* Movie */ .kanata-movie { padding: 58px 15px; margin-bottom: 75px; } .kanata-movie-title { font-size: 23px; } .kanata-movie-copy { font-size: 12px; margin-bottom: 28px; } /* Product */ .kanata-price-box { padding: 42px 15px; margin-bottom: 35px; } .kanata-price { font-size: 38px; } .kanata-product-info-grid { grid-template-columns: 1fr 1fr; gap: 8px; } .kanata-info-item { padding: 19px 10px; } .kanata-info-item-title { font-size: 11px; } /* Showroom */ .kanata-showroom { padding: 58px 20px; margin-bottom: 75px; } .kanata-showroom-title { font-size: 23px; } .kanata-showroom-text { text-align: left; font-size: 12px; } /* Discover */ .kanata-discover { padding: 58px 20px; margin-bottom: 75px; } .kanata-discover-title { font-size: 23px; } .kanata-discover-text { font-size: 12px; } /* Specifications */ .kanata-spec-table th, .kanata-spec-table td { padding: 15px 11px; font-size: 12px; } .kanata-spec-table th { width: 38%; } /* FAQ */ .kanata-faq summary { padding-left: 0; font-size: 12px; } .kanata-faq-answer { padding-left: 0; padding-right: 30px; font-size: 12px; } .kanata-button { width: 100%; max-width: 300px; padding: 14px 20px; font-size: 11px; } } ORPHEUS KANATA 時を超えて響く、新しいオルゴールのかたち 自動演奏だからこそ楽しめる、豊かな音楽体験 STORY カリヨンからKANATAへ。 中世ヨーロッパで「オルゴールの起源」ともいわれるカリヨンの音色から約600年。その歴史を受け継ぎながら、日本の技術と美意識によって生まれた、新しいオルゴールです。 THE VALUE OF KANATA 音楽を、暮らしの中へ。 01 本物の櫛歯が奏でる、豊かな音色 一音一音が重なり合い、豊かな響きを生み出すオルゴール。 音楽を聴く時間そのものを、日々の暮らしの中でゆっくりと楽しめます。 02 150曲を楽しむ、音楽との暮らし その日の気分や過ごす時間に合わせて、さまざまな音楽を楽しむ。 150曲のレパートリーが、日常に音楽のある豊かな時間を届けます。 03 空間を彩る、美しい佇まい 音楽を奏でる時間だけでなく、そこに佇む姿もまた楽しみのひとつ。 暮らしの空間に置くことで、日々の時間を静かに彩ります。 MOVIE 演奏動画 実際の音色をお聴きください。 PRODUCT INFORMATION ORPHEUS KANATA PRICE ¥1,870,000 TAX INCLUDED 40弁オルゴール 150曲収録 専用共鳴台付 受注生産納期：約1.5ヶ月 EXPERIENCE KANATA 実際の音色を、ショールームで。 ORPHEUS KANATAは、京都・ニデックオルゴールショールームで実際にご試聴いただけます。音色や佇まいをご体感いただき、ご購入前のご相談も承っております。 ショールームで試聴する DISCOVER KANATA KANATAを、もっと深く。 KANATAに込められた想いや開発ストーリーについてご紹介します。 KANATAをもっと知る → SPECIFICATIONS 商品スペック 商品名 ORPHEUS KANATA オルゴール 40弁オルゴール 収録曲 150曲 付属品 専用共鳴台付 生産方式 受注生産 納期 約1.5ヶ月 価格 ¥1,870,000（税込） FAQ よくあるご質問 納期について 受注生産のため、納期は約1.5ヶ月です。 ショールームについて ORPHEUS KANATAは、京都・ニデックオルゴールショールームで実際にご試聴いただけます。 音色や佇まいをご体感いただき、ご購入前のご相談も承っております。