Rudolf Fürst（ルドルフ・フュルスト）特集

About

ルドルフ・フュルスト醸造所 特集 :root { /* カラー定義 */ --color-accent: #FF7474; --color-bg-window: #eff2f4; --color-btn-bg: #404040; --color-btn-text: #FFF; --color-text-main: #222222; --color-text-muted: #666666; --color-bg-main: #FFFFFF; /* フォント定義: 英語はRoboto Slab、日本語は游ゴシックを優先 */ --font-family-base: 'Roboto Slab', "Yu Gothic", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif; } /* リセット & ベーススタイル */ * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: var(--font-family-base); color: var(--color-text-main); background-color: var(--color-bg-window); line-height: 1.8; -webkit-font-smoothing: antialiased; } img { max-width: 100%; height: auto; vertical-align: bottom; } a { text-decoration: none; color: inherit; transition: opacity 0.3s ease; } a:hover { opacity: 0.7; } /* コンテナ */ .feature-container { max-width: 1200px; margin: 0 auto; background-color: var(--color-bg-main); padding-bottom: 80px; box-shadow: 0 0 20px rgba(0,0,0,0.05); } /* セクション共通 */ .section-inner { padding: 80px 40px; max-width: 1000px; margin: 0 auto; } @media (max-width: 768px) { .section-inner { padding: 50px 20px; } } .section-title { font-size: 32px; font-weight: 700; text-align: center; margin-bottom: 50px; letter-spacing: 0.05em; line-height: 1.4; } .text-accent { color: var(--color-accent); font-weight: bold; } /* ヒーローエリア */ .hero { position: relative; width: 100%; height: 70vh; min-height: 500px; background-color: #333; overflow: hidden; } .hero img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; } .hero-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; width: 90%; z-index: 2; } .hero-text h1 { font-family: 'Roboto Slab', serif; font-size: 48px; margin-bottom: 15px; letter-spacing: 0.1em; } .hero-text p { font-size: 18px; letter-spacing: 0.2em; font-weight: 500; } /* イントロダクション */ .intro { text-align: center; font-size: 16px; background-color: #f9f9f9; border-bottom: 1px solid #