パインアメ

MamiGo Verified independent store

→

#pdm-4902435012718 { --acc: #6a421b; --acc-dark: #543415; --acc-light: #f0ece8; --acc-mid: #a58d76; } #pdm-4902435012718, #pdm-4902435012718 * { box-sizing:border-box; } #pdm-49024 35012718 { font-family:'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; color:#333; max-width:780px; margin:0 auto; line-height:1.75; font-size:14px; } #pdm-4902435012718 img { max-width:100%; } #pdm-4902435012718 .pdm-card { position:relative; background:#fff; border-radius:12px; padding:28px 24px; margin-bottom:20px; box-shadow:none; } #pdm-4902435012718 .pdm-card::after { content:""; position:absolute; inset:0; border:1px solid color-mix(in srgb,var(--acc) 22%,white); border-radius:inherit; pointer-events:none; } #pdm-4902435012718 .pdm-title { position:relative; font-size:18px; line-height:1.5; font-weight:900; color:var(--acc-dark); margin:0 0 18px; padding:0 0 10px 14px; border-bottom:1px solid color-mix(in srgb,var(--acc) 32%,white); } #pdm-4902435012718 .pdm-title::before { content:""; position:absolute; top:2px; bottom:12px; left:0; width:4px; border-radius:2px; background:var(--acc); } #pdm-4902435012718 .pdm-p { font-size:14px; color:#444; line-height:1.9; margin:0 0 12px; } #pdm-4902435012718 .pdm-p:last-child { margin-bottom:0; } #pdm-4902435012718 .pdm-note { font-size:12px; color:#888; margin:0 0 10px; } /* hero: 2톤 그라데이션 텍스트 블록 + 하단 배너 이미지 */ #pdm-4902435012718 .pdm-hero { border-radius:12px; overflow:hidden; margin-bottom:20px; box-shadow:none; } #pdm-4902435012718 .pdm-hero-text { background:linear-gradient(135deg, var(--acc-dark) 0%, var(--acc) 100%); padding:28px 32px 32px; } #pdm-4902435012718 .pdm-hero-badges, #pdm-4902435012718 .pdm-hero-pills { display:flex; flex-wrap:wrap; gap:8px; } #pdm-4902435012718 .pdm-hero-badges { margin-bottom:14px; } #pdm-4902435012718 .pdm-badge { background:rgba(255,255,255,0.18); color:#fff; border:1px solid rgba(255,255,255,0.35); border-radius:20px; padding:4px 12px; font-size:11px; font-weight:700; } #pdm-4902435012718 .pdm-pill { background:rgba(255,255,255,0.14); color:#fff; border:1px solid rgba(255,255,255,0.28); border-radius:20px; padding:5px 13px; font-size:11px; font-weight:700; } #pdm-4902435012718 .pdm-hero-title { color:#fff; font-size:clamp(22px,4vw,34px); font-weight:900; line-height:1.35; margin:0 0 10px; text-shadow:0 1px 4px rgba(0,0,0,0.25); } #pdm-4902435012718 .pdm-hero-tagline { color:rgba(255,255,255,0.93); font-size:13px; line-height:1.75; margin:0 0 18px; } /* 通常の商品説明と同じ順序: 小さい商品名 → 大きいキャッチコピー → 補助タグ */ #pdm-4902435012718 .pdm-hero.is-common-format .pdm-hero-title { font-size:13px; line-height:1.55; font-weight:700; margin:0 0 12px; text-shadow:none; } #pdm-4902435012718 .pdm-hero.is-common-format .pdm-hero-tagline { color:#fff; font-size:clamp(22px,3.8vw,31px); font-weight:900; line-height:1.45; margin:0 0 14px; text-shadow:0 1px 4px rgba(0,0,0,0.25); } #pdm-4902435012718 .pdm-hero-img img { width:100%; height:auto; display:block; object-fit:cover; } /* 이미지+텍스트 나란히 / 배너 / 스트립 */ #pdm-4902435012718 .pdm-row { display:flex; gap:20px; align-items:flex-start; } #pdm-4902435012718 .pdm-row-img { width:44%; flex-shrink:0; border-radius:10px; overflow:hidden; } #pdm-4902435012718 .pdm-row-img img { width:100%; display:block; } #pdm-4902435012718 .pdm-row-text { flex:1; min-width:0; } @media(max-width:520px){ #pdm-4902435012718 .pdm-row { flex-direction:column; } #pdm-4902435012718 .pdm-row-img { width:100%; } } #pdm-4902435012718 .pdm-banner { border-radius:10px; overflow:hidden; margin-top:14px; } #pdm-4902435012718 .pdm-banner img { width:100%; display:block; } #pdm-4902435012718 .pdm-strip { display:grid; gap:8px; margin-top:14px; } #pdm-4902435012718 .pdm-strip.is-2 { grid-template-columns:repeat(2,1fr); } #pdm-4902435012718 .pdm-strip.is-3 { grid-template-columns:repeat(3,1fr); } #pdm-4902435012718 .pdm-strip img { width:100%; height:100%; border-radius:8px; object-fit:cover; display:block; } @media(max-width:480px){ #pdm-4902435012718 .pdm-strip.is-3 { grid-template-columns:repeat(2,1fr); } } /* for_whom */ #pdm-4902435012718 .pdm-whom-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; } #pdm-4902435012718 .pdm-whom-item { display:flex; gap:12px; padding:8px 0; } #pdm-4902435012718 .pdm-whom-icon { font-size:26px; line-height:1.2; flex-shrink:0; color:var(--acc-dark); } #pdm-4902435012718 .pdm-whom-text { flex:1; min-width:0; } #pdm-4902435012718 .pdm-whom-text strong { display:block; font-size:13px; font-weight:800; color:var(--acc-dark); margin-bottom:6px; } #pdm-4902435012718 .pdm-whom-text span { display:block; font-size:13px; color:#555; } /* feature_grid: 번호 구분선 행 + 이미지 나란히 + 추가 이미지 스트립 */ #pdm-4902435012718 .pdm-feat-row { display:flex; gap:16px; padding:20px 0; border-bottom:1px solid var(--acc-light); } #pdm-4902435012718 .pdm-feat-row:last-child { border-bottom:none; padding-bottom:0; } #pdm-4902435012718 .pdm-feat-num { display:flex; align-items:center; justify-content:center; width:36px; height:36px; flex-shrink:0; background:var(--acc); color:#fff; border-radius:50%; font-size:15px; font-weight:900; } #pdm-4902435012718 .pdm-feat-body { flex:1; min-width:0; } #pdm-4902435012718 .pdm-feat-title { font-size:15px; font-weight:800; color:var(--acc-dark); margin:4px 0 10px; } #pdm-4902435012718 .pdm-feat-main { display:flex; gap:14px; align-items:flex-start; } #pdm-4902435012718 .pdm-feat-img { width:38%; flex-shrink:0; } #pdm-4902435012718 .pdm-feat-img img { width:100%; border-radius:8px; object-fit:cover; display:block; } #pdm-4902435012718 .pdm-feat-text { flex:1; min-width:0; font-size:13px; color:#555; line-height:1.75; } @media(max-width:480px){ #pdm-4902435012718 .pdm-feat-main { flex-direction:column; } #pdm-4902435012718 .pdm-feat-img { width:100%; } } #pdm-4902435012718 .pdm-feat-note { font-size:11px; color:#888; margin:8px 0 0; } /* steps */ #pdm-4902435012718 .pdm-step { display:flex; gap:14px; align-items:flex-start; padding:14px 0; border-bottom:1px dashed var(--acc-light); } #pdm-4902435012718 .pdm-step:last-child { border-bottom:none; padding-bottom:0; } #pdm-4902435012718 .pdm-step-num { display:flex; align-items:center; justify-content:center; width:30px; height:30px; flex-shrink:0; background:var(--acc); color:#fff; border-radius:50%; font-size:13px; font-weight:900; } #pdm-4902435012718 .pdm-step-body { flex:1; min-width:0; } #pdm-4902435012718 .pdm-step-title { font-size:14px; font-weight:800; color:var(--acc-dark); margin-bottom:4px; } #pdm-4902435012718 .pdm-step-icon { font-size:17px; margin-right:6px; } #pdm-4902435012718 .pdm-step-desc { font-size:13px; color:#555; } /* voice */ #pdm-4902435012718 .pdm-voice-grid { display:grid; gap:12px; } #pdm-4902435012718 .pdm-voice-grid.is-1 { grid-template-columns:1fr; } #pdm-4902435012718 .pdm-voice-grid.is-2 { grid-template-columns:repeat(2,1fr); } #pdm-4902435012718 .pdm-voice-grid.is-3 { grid-template-columns:repeat(3,1fr); } @media(max-width:560px){ #pdm-4902435012718 .pdm-voice-grid.is-2, #pdm-4902435012718 .pdm-voice-grid.is-3 { grid-template-columns:1fr; } } #pdm-4902435012718 .pdm-voice { background:var(--acc-light); border-left:3px solid var(--acc); border-radius:0 10px 10px 0; padding:14px 16px; } #pdm-4902435012718 .pdm-voice-rating { color:#f0a500; font-size:13px; letter-spacing:.08em; } #pdm-4902435012718 .pdm-voice-text { font-size:13px; color:#444; line-height:1.75; margin:4px 0; } #pdm-4902435012718 .pdm-voice-meta { font-size:11px; color:#777; text-align:right; } /* sustain */ #pdm-4902435012718 .pdm-sustain-item { display:flex; gap:14px; align-items:center; background:var(--acc-light); border-radius:10px; padding:16px; margin-bottom:10px; } #pdm-4902435012718 .pdm-sustain-item:last-child { margin-bottom:0; } #pdm-4902435012718 .pdm-sustain-img { width:80px; flex-shrink:0; border-radius:8px; overflow:hidden; } #pdm-4902435012718 .pdm-sustain-img img { width:100%; display:block; } #pdm-4902435012718 .pdm-sustain-icon { font-size:28px; flex-shrink:0; } #pdm-4902435012718 .pdm-sustain-text { font-size:13px; color:#444; } /* scene_gallery: 캡션 오버레이 사진 그리드 4열 → 560px 미만 2열 */ #pdm-4902435012718 .pdm-scene-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; } @media(max-width:560px){ #pdm-4902435012718 .pdm-scene-grid { grid-template-columns:repeat(2,1fr); } } #pdm-4902435012718 .pdm-scene { border-radius:10px; overflow:hidden; position:relative; } #pdm-4902435012718 .pdm-scene img { width:100%; height:120px; object-fit:cover; display:block; } #pdm-4902435012718 .pdm-scene-label { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(to top, rgba(0,0,0,0.78), transparent); color:#fff; font-size:12px; font-weight:800; text-align:center; padding:16px 4px 6px; } /* qa */ #pdm-4902435012718 .pdm-qa-item { padding:14px 0; border-bottom:1px solid var(--acc-light); } #pdm-4902435012718 .pdm-qa-item:last-child { border-bottom:none; padding-bottom:0; } #pdm-4902435012718 .pdm-qa-q, #pdm-4902435012718 .pdm-qa-a { display:flex; gap:8px; align-items:flex-start; font-size:13px; margin:0 0 6px; } #pdm-4902435012718 .pdm-qa-q { font-weight:800; color:var(--acc-dark); } #pdm-4902435012718 .pdm-qa-a { color:#555; margin-bottom:0; } #pdm-4902435012718 .pdm-qa-badge { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; flex-shrink:0; border-radius:50%; font-size:11px; font-weight:900; color:#fff; } #pdm-4902435012718 .pdm-qa-badge.is-q { background:var(--acc); } #pdm-4902435012718 .pdm-qa-badge.is-a { background:var(--acc-mid); } /* timeline */ #pdm-4902435012718 .pdm-tl-item { display:flex; gap:14px; padding:10px 0 10px 16px; border-left:2px solid var(--acc-light); } #pdm-4902435012718 .pdm-tl-year { width:84px; flex-shrink:0; font-size:13px; font-weight:900; color:var(--acc); } #pdm-4902435012718 .pdm-tl-text { font-size:13px; color:#555; } @media(max-width:480px){ #pdm-4902435012718 .pdm-tl-item { flex-direction:column; gap:2px; } #pdm-4902435012718 .pdm-tl-year { width:auto; } } /* table / ingredients / dosage */ #pdm-4902435012718 .pdm-table-wrap { overflow-x:auto; } #pdm-4902435012718 .pdm-table { width:100%; border-collapse:collapse; font-size:13px; } #pdm-4902435012718 .pdm-table th { background-color:var(--acc-light); color:var(--acc-dark); border-bottom:1px solid var(--acc-mid); font-weight:700; text-align:left; padding:10px 12px; white-space:nowrap; } #pdm-4902435012718 .pdm-table td { border-bottom:1px solid var(--acc-light); padding:10px 12px; color:#444; } #pdm-4902435012718 .pdm-dosage-note { background:var(--acc-light); border-radius:8px; padding:12px 14px; margin-top:12px; font-size:13px; color:#444; } /* warnings / storage: 따뜻한 노란 주의 박스 */ #pdm-4902435012718 .pdm-caution { background:#fff8e1; border-left:4px solid #f59e0b; border-radius:0 10px 10px 0; padding:20px 22px; margin-bottom:20px; } #pdm-4902435012718 .pdm-caution-title { font-size:14px; font-weight:900; color:#92400e; margin:0 0 10px; } #pdm-4902435012718 .pdm-caution-list { margin:0; padding-left:18px; list-style-type:disc; } #pdm-4902435012718 .pdm-caution-list li { font-size:13px; color:#5b4200; line-height:1.7; margin-bottom:6px; } #pdm-4902435012718 .pdm-caution-list li:last-child { margin-bottom:0; } product-tabs .product-tabs__panel--description:has(#pdm-4902435012718) { --pdm-action:#543415; --pdm-action-light:#f0ece8; } product-tabs .product-tabs__panel--description:has(#pdm-4902435012718) > .product-tabs__more-button { min-height:54px; padding:14px 20px; border:2px solid var(--pdm-action); border-radius:8px; background:var(--pdm-action); color:#fff; font-size:16px; font-weight:700; } product-tabs .product-tabs__panel--description:has(#pdm-4902435012718).is-expanded > .product-tabs__more-button { background:var(--pdm-action-light); color:var(--pdm-action); } product-tabs .product-tabs__panel--description:has(#pdm-4902435012718) > .product-tabs__more-button:hover { background:var(--pdm-action); border-color:var(--pdm-action); color:#fff; } product-tabs .product-tabs__panel--description:has(#pdm-4902435012718) > .product-tabs__more-button:focus-visible { outline:3px solid var(--pdm-action); outline-offset:3px; } product-tabs .product-tabs__panel--description:has(#pdm-4902435012718).is-collapsible:not(.is-expanded) > .product-tabs__collapsible-content::after { height:48px; } キャンディ パインアメ 輪切りのパイナップルをイメージしたキャンディ 甘酸っぱくてジューシーな味わい 甘酸っぱくてジューシーな味わいが特徴のキャンディです。昭和26年より幅広い世代に愛され続けています。 パイナップルを思わせる形 輪切りのパイナップルをイメージした真ん中の穴がトレードマークです。 原材料名 砂糖（国内製造）、水飴、パイナップル果汁、脱脂粉乳／酸味料、香料、着色料（紅花黄、モナスカス） 栄養成分表示 1粒（4.7g）当たり 成分 含有量 エネルギー 18.5kcal 炭水化物 4.6g たんぱく質 0g 食塩相当量 0g 脂質 0g Show more