営業時間：10:00-18:00
定休日：毎週月曜・火曜日
営業等の電話はお断りしております。
お電話での対応は行なっておりませんので、お問い合わせからお願いいたします。
販売価格は、税込み表記となっております。
また、別途配送料が掛かる場合もございます。配送料に関しては商品詳細ページをご確認ください。
支払方法：クレジットカードによる決済がご利用いただけます。
支払時期：商品注文確定時にお支払いが確定いたします。
PAY ID あと払い:
・ コンビニ：ご請求後翌月10日のお支払い：支払い手数料：350円（税込）
・ 口座振替：ご請求後指定口座より引き落とし：支払い手数料：無料
銀行振込決済（ご請求後5営業日以内のお支払い）：
・ 支払い手数料：360円（税込）
代金のお支払い確定後、3日以内に発送いたします。
後払い決済の場合は注文確定後、3日以内に発送いたします。
商品に欠陥がある場合をのぞき、基本的には返品には応じません。
で出力される ページタイトルに「シャタバリとは」を含む場合にスタイルが適用されるよう .mn-shatavari-page クラスを固定ページ構造に付与している */ .mn-shatavari-hero { background: var(--ink); padding: 80px 0 64px; text-align: center; } .mn-shatavari-hero .mn-label { justify-content: center; text-align: center; } .mn-shatavari-hero .mn-title { color: var(--on-dark); text-align: center; margin: 0 auto 16px; } .mn-shatavari-hero .mn-lead { color: var(--on-dark-sub); margin: 0 auto; text-align: center; max-width: 600px; } .mn-shatavari-section { padding: 72px 0; } .mn-shatavari-section + .mn-shatavari-section { border-top: 0.5px solid var(--border); } .mn-shatavari-section.dark { background: var(--ink); border-top: none; } .mn-shatavari-section.dark .mn-title { color: var(--on-dark); } .mn-shatavari-section.dark .mn-lead { color: var(--on-dark-sub); } .mn-benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 48px; } .mn-benefit-card { background: rgba(255,255,255,0.06); border: 0.5px solid rgba(184,147,90,0.22); padding: 32px 24px; } .mn-benefit-card-num { font-family: var(--font-display); font-size: 13px; font-style: italic; color: var(--gold); letter-spacing: 0.2em; margin-bottom: 10px; display: block; } .mn-benefit-card-title { font-family: var(--font-jp); font-size: 17px; font-weight: 500; color: var(--gold-light); margin-bottom: 12px; line-height: 1.6; } .mn-benefit-card-body { font-family: var(--font-jp); font-size: 14px; font-weight: 300; color: var(--on-dark-sub); line-height: 2; } .mn-shatavari-quote { margin: 48px 0 0; padding: 32px 40px; border-left: 3px solid var(--gold); background: rgba(184,147,90,0.05); } .mn-shatavari-quote p { font-family: var(--font-display); font-size: clamp(18px, 1.8vw, 24px); font-style: italic; color: var(--gold-light); line-height: 1.8; letter-spacing: 0.03em; } .mn-shatavari-quote cite { display: block; margin-top: 12px; font-family: var(--font-jp); font-size: 12px; font-style: normal; font-weight: 300; color: var(--on-dark-muted); letter-spacing: 0.1em; } .mn-science-list { list-style: none; margin-top: 40px; display: flex; flex-direction: column; gap: 0; } .mn-science-list li { display: flex; gap: 20px; align-items: flex-start; padding: 22px 0; border-bottom: 0.5px solid var(--border); font-family: var(--font-jp); font-size: 15px; font-weight: 300; color: var(--ink); line-height: 2; } .mn-science-list li strong { font-weight: 500; color: var(--gold); flex-shrink: 0; min-width: 80px; font-style: normal; } .mn-quality-badge { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 40px; } .mn-q-badge { flex: 1; min-width: 200px; background: rgba(255,255,255,0.06); border: 0.5px solid rgba(184,147,90,0.25); padding: 24px 20px; text-align: center; } .mn-q-badge .qb-num { font-family: var(--font-display); font-size: 42px; font-weight: 600; color: var(--gold-light); line-height: 1; display: block; } .mn-q-badge .qb-unit { font-family: var(--font-display); font-size: 18px; font-style: italic; color: var(--gold); } .mn-q-badge .qb-label { font-family: var(--font-jp); font-size: 13px; font-weight: 300; color: var(--on-dark-sub); margin-top: 8px; display: block; line-height: 1.6; } .mn-shatavari-cta { margin-top: 56px; display: flex; gap: 14px; flex-wrap: wrap; } /* ===== FOOTER ===== */ body.shop #mainFooter { background: var(--ink); margin: 0; padding: 60px 0 32px; font-size: 12px; font-weight: 300; } .mn-footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 40px; border-bottom: 0.5px solid rgba(255,255,255,0.07); margin-bottom: 24px; } .mn-footer-brand {} .mn-f-logo-sub { font-family: var(--font-jp); font-size: 12px; font-weight: 400; color: var(--cream); letter-spacing: 0.1em; display: block; margin-bottom: 3px; } .mn-f-logo-en { font-family: var(--font-display); font-size: 20px; font-style: italic; color: var(--gold); letter-spacing: 0.06em; display: block; margin-bottom: 14px; } .mn-f-tagline { font-family: var(--font-jp); font-size: 13px; /* 12→13px */ font-weight: 300; color: var(--on-dark-muted); /* コントラスト改善 */ line-height: 2; } .mn-f-col-title { font-family: var(--font-jp); font-size: 12px; font-weight: 400; color: var(--on-dark); /* より明るく */ letter-spacing: 0.12em; margin-bottom: 16px; display: block; } .mn-f-links { list-style: none; } .mn-f-links li { margin-bottom: 9px; } .mn-f-links a { font-family: var(--font-jp); font-size: 13px; /* 11→13px */ font-weight: 300; color: var(--on-dark-sub); /* コントラスト改善 */ transition: color 0.2s; } .mn-f-links a:hover { color: var(--gold); } body.shop #mainFooter .footerMenu ul { flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; } body.shop #mainFooter .footerMenu ul li { width: auto; margin-bottom: 0; font-size: 12px; /* 10→12px */ color: var(--on-dark-sub); text-align: left; } body.shop #mainFooter .footerMenu a.footerNav { font-family: var(--font-jp); font-size: 12px; /* 10→12px */ font-weight: 300; color: var(--on-dark-sub); /* コントラスト改善 */ letter-spacing: 0.06em; } body.shop #mainFooter .footerMenu a.footerNav:hover { color: var(--gold); } .mn-f-disclaimer { font-family: var(--font-jp); font-size: 11px; /* 10→11px */ font-weight: 300; color: var(--on-dark-muted); } /* ===== フェードインアニメーション ===== */ @keyframes mnFadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } .mn-rv { opacity: 0; animation: mnFadeUp 0.65s ease forwards; } .mn-rv1 { animation-delay: 0.08s; } .mn-rv2 { animation-delay: 0.2s; } .mn-rv3 { animation-delay: 0.34s; } .mn-rv4 { animation-delay: 0.48s; } /* ===== シャタバリとは？（トップページ内セクション）===== */ .mn-shatavari-top { overflow: hidden; } /* ヒーロー帯 */ .mn-shat-hero { background: var(--ink); padding: 80px 0 64px; } /* 名前の由来 */ .mn-shat-origin { background: var(--cream); padding: 80px 0; } .mn-shat-origin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; } .mn-shat-quote-box {} .mn-shat-quote { border-left: 3px solid var(--gold); padding: 28px 32px; background: rgba(184,147,90,0.06); margin: 0; } .mn-shat-quote p { font-family: var(--font-display); font-size: clamp(16px, 1.6vw, 22px); font-style: italic; color: var(--gold); line-height: 1.8; letter-spacing: 0.03em; } .mn-shat-quote cite { display: block; margin-top: 14px; font-family: var(--font-jp); font-size: 12px; font-style: normal; font-weight: 300; color: var(--muted); letter-spacing: 0.1em; } /* 有効成分 */ .mn-shat-compounds { background: var(--ink); padding: 80px 0; } .mn-shat-compound-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; } .mn-shat-compound-card { background: rgba(255,255,255,0.06); border: 0.5px solid rgba(184,147,90,0.2); padding: 28px 24px; } .mn-shat-compound-name { display: block; font-family: var(--font-jp); font-size: 14px; font-weight: 500; color: var(--gold-light); margin-bottom: 12px; letter-spacing: 0.04em; line-height: 1.5; } .mn-shat-compound-body { font-family: var(--font-jp); font-size: 14px; font-weight: 300; color: var(--on-dark-sub); line-height: 2; } /* 品質数値バッジ */ .mn-shat-quality { background: var(--warm-white); padding: 80px 0; border-top: 0.5px solid var(--border); } .mn-shat-badge-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; } .mn-shat-badge { background: var(--ink); padding: 32px 20px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; } .mn-shat-badge-num { font-family: var(--font-display); font-size: 48px; font-weight: 600; color: var(--gold-light); line-height: 1; display: block; } .mn-shat-badge-unit { font-size: 22px; font-style: italic; color: var(--gold); } .mn-shat-badge-label { font-family: var(--font-jp); font-size: 13px; font-weight: 300; color: var(--on-dark-sub); line-height: 1.7; text-align: center; } /* ===== ABOUTページ ===== */ .mn-about-hero { background: var(--ink); padding: 80px 0 64px; } .mn-about-message { background: var(--warm-white); padding: 80px 0; } .mn-about-msg-grid { display: grid; grid-template-columns: 1fr auto; gap: 64px; align-items: center; } .mn-about-msg-quote { font-family: var(--font-display); font-size: clamp(20px, 2vw, 28px); font-style: italic; color: var(--gold); letter-spacing: 0.04em; margin-bottom: 4px; } .mn-about-rep { margin-top: 32px; padding-top: 24px; border-top: 0.5px solid var(--border); } .mn-about-rep-name { display: block; font-family: var(--font-jp); font-size: 13px; font-weight: 300; color: var(--muted); letter-spacing: 0.1em; margin-bottom: 4px; } .mn-about-rep-title { display: block; font-family: var(--font-jp); font-size: 16px; font-weight: 500; color: var(--ink); letter-spacing: 0.08em; } .mn-about-msg-deco { flex-shrink: 0; } .mn-about-deco-circle { width: 200px; height: 200px; border-radius: 50%; border: 0.5px solid var(--gold); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 8px; background: rgba(184,147,90,0.04); } .mn-about-deco-en { font-family: var(--font-display); font-size: 14px; font-style: italic; color: var(--gold); line-height: 1.4; letter-spacing: 0.06em; display: block; } .mn-about-deco-year { font-family: var(--font-display); font-size: 12px; font-style: italic; color: var(--muted); letter-spacing: 0.1em; display: block; } /* ブランド信念 */ .mn-about-beliefs { background: var(--ink); padding: 80px 0; } .mn-about-belief-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; margin-top: 48px; } .mn-about-belief-card { background: rgba(255,255,255,0.05); border: 0.5px solid rgba(184,147,90,0.18); padding: 36px 28px; position: relative; } .mn-about-belief-num { font-family: var(--font-display); font-size: 48px; font-weight: 600; color: rgba(184,147,90,0.14); position: absolute; top: 16px; right: 20px; line-height: 1; } .mn-about-belief-title { font-family: var(--font-jp); font-size: 17px; font-weight: 500; color: var(--gold-light); margin-bottom: 14px; line-height: 1.6; letter-spacing: 0.04em; } .mn-about-belief-body { font-family: var(--font-jp); font-size: 14px; font-weight: 300; color: var(--on-dark-sub); line-height: 2; } /* ブランド数字 */ .mn-about-numbers { background: var(--cream); padding: 60px 0; border-bottom: 0.5px solid var(--border); } .mn-about-num-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; } .mn-about-num-item { text-align: center; padding: 24px 16px; border-right: 0.5px solid var(--border); } .mn-about-num-item:last-child { border-right: none; } .mn-about-num-val { display: block; font-family: var(--font-display); font-size: 44px; font-weight: 600; color: var(--ink); line-height: 1; margin-bottom: 8px; } .mn-about-num-val small { font-size: 20px; font-style: italic; color: var(--gold); } .mn-about-num-label { font-family: var(--font-jp); font-size: 13px; font-weight: 300; color: var(--muted); display: block; letter-spacing: 0.08em; } /* SNSセクション */ .mn-about-sns { background: var(--warm-white); padding: 60px 0 80px; } .mn-about-sns-row { display: flex; justify-content: center; gap: 16px; margin-top: 32px; flex-wrap: wrap; } .mn-about-sns-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; font-family: var(--font-jp); font-size: 14px; font-weight: 400; letter-spacing: 0.1em; text-decoration: none; transition: all 0.22s; border: 0.5px solid var(--border); color: var(--ink); background: var(--cream); } .mn-about-sns-btn:hover { background: var(--ink); color: var(--cream); border-color: var(--ink); } .mn-about-sns-btn svg { flex-shrink: 0; } /* ===== Contactページ ===== */ .mn-contact-notice { background: rgba(184,147,90,0.08); border: 0.5px solid var(--gold); border-left: 3px solid var(--gold); padding: 16px 20px; margin-bottom: 32px; font-family: var(--font-jp); font-size: 14px; font-weight: 300; color: var(--muted); line-height: 1.8; } .mn-contact-notice strong { font-weight: 500; color: var(--ink); } /* BASEが出力するContactページのwrapper調整 */ .mn-page-contact { padding-top: 60px; } .mn-page-contact .main { background: transparent; width: 100%; } .mn-page-contact .inquirySection { max-width: 760px; margin: 0 auto; padding: 48px 0 80px; } .mn-page-contact .inquirySection h1 { font-family: var(--font-jp); font-size: clamp(22px, 2.4vw, 32px); font-weight: 300; color: var(--ink); letter-spacing: 0.05em; text-transform: none; margin-bottom: 12px; } .mn-page-contact .inquirySection p { font-family: var(--font-jp); font-size: 14px; font-weight: 300; color: var(--muted); line-height: 1.8; margin-bottom: 32px; } .mn-page-contact .inquirySection dl dt { font-family: var(--font-jp); font-size: 15px; font-weight: 400; color: var(--ink); margin-bottom: 8px; } .mn-page-contact .inquirySection dl dd { margin-bottom: 24px; } .mn-page-contact .inquirySection dl dd input, .mn-page-contact .inquirySection dl dd textarea { font-family: var(--font-jp); font-size: 15px; border: 0.5px solid var(--border); border-radius: 0; padding: 10px 14px; width: 100%; box-sizing: border-box; background: var(--warm-white); color: var(--ink); transition: border-color 0.2s; } .mn-page-contact .inquirySection dl dd input:focus, .mn-page-contact .inquirySection dl dd textarea:focus { outline: none; border-color: var(--gold); } .mn-page-contact .inquirySection .control-panel input#buttonLeave { background: var(--ink); color: var(--cream); font-family: var(--font-jp); font-size: 14px; font-weight: 400; letter-spacing: 0.14em; padding: 14px 0; width: 100%; border: none; cursor: pointer; transition: background 0.22s; } .mn-page-contact .inquirySection .control-panel input#buttonLeave:hover { background: var(--gold); opacity: 1; } /* ===== レスポンシブ ===== */ @media (max-width: 960px) { .mn-inner { padding: 0 20px; } .mn-hero { grid-template-columns: 1fr; } .mn-hero-left { padding: 56px 20px; } .mn-hero-right { display: none; } .mn-adapto-grid { grid-template-columns: 1fr; } .mn-persona-grid { grid-template-columns: 1fr; } .mn-quality { grid-template-columns: 1fr; } .mn-quality-left, .mn-quality-right { padding: 56px 20px; } body#shopTopPage .itemList { grid-template-columns: 1fr 1fr; } body#shopDetailPage #mainContent .mn-inner { grid-template-columns: 1fr; gap: 28px; } body#shopDetailPage .itemImg { height: auto; } .mn-cta-inner { flex-direction: column; } .mn-stats-grid { grid-template-columns: 1fr 1fr; } .mn-footer-top { grid-template-columns: 1fr 1fr; gap: 24px; } #privacy, #law { width: 92%; padding: 0; } /* シャタバリセクション */ .mn-shat-origin-grid { grid-template-columns: 1fr; gap: 32px; } .mn-shat-compound-grid { grid-template-columns: 1fr; } .mn-shat-badge-row { grid-template-columns: 1fr 1fr; } /* About */ .mn-about-msg-grid { grid-template-columns: 1fr; gap: 32px; } .mn-about-deco-circle { display: none; } .mn-about-belief-grid { grid-template-columns: 1fr; } .mn-about-num-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 540px) { body#shopTopPage .itemList { grid-template-columns: 1fr; } .mn-footer-top { grid-template-columns: 1fr; } .mn-hero-title { font-size: 28px; } .mn-title { font-size: 24px; } .mn-lead { font-size: 14px; } .mn-adapto-card-body { font-size: 14px; } .mn-persona-body { font-size: 14px; } .mn-stats-grid { grid-template-columns: 1fr 1fr; } .mn-stat-num { font-size: 32px; } .mn-stat-label { font-size: 12px; } body.shop #mainFooter .footerMenu ul { flex-wrap: wrap; gap: 8px; } /* シャタバリ */ .mn-shat-badge-row { grid-template-columns: 1fr 1fr; } /* About */ .mn-about-num-grid { grid-template-columns: 1fr 1fr; } .mn-about-sns-row { flex-direction: column; align-items: stretch; } .mn-about-sns-btn { justify-content: center; } }
松下自然食品株式会社
松下嵩枝
〒441-8071
愛知県豊橋市大山町字西大山2-1
営業時間：10:00-18:00
定休日：毎週月曜・火曜日
営業等の電話はお断りしております。
お電話での対応は行なっておりませんので、お問い合わせからお願いいたします。
販売価格は、税込み表記となっております。
また、別途配送料が掛かる場合もございます。配送料に関しては商品詳細ページをご確認ください。
支払方法：クレジットカードによる決済がご利用いただけます。
支払時期：商品注文確定時にお支払いが確定いたします。
PAY ID あと払い:
・ コンビニ：ご請求後翌月10日のお支払い：支払い手数料：350円（税込）
・ 口座振替：ご請求後指定口座より引き落とし：支払い手数料：無料
銀行振込決済（ご請求後5営業日以内のお支払い）：
・ 支払い手数料：360円（税込）
代金のお支払い確定後、3日以内に発送いたします。
後払い決済の場合は注文確定後、3日以内に発送いたします。
商品に欠陥がある場合をのぞき、基本的には返品には応じません。