{"title":"トレイルミックス_キノスラテスト","description":"\u003cmeta name=\"robots\" content=\"noindex\"\u003e\n\u003cstyle\u003e\n\/* このCSSは #kmd-trailmix 内だけに適用します。親のrteは変更しません。 *\/\n#kmd-trailmix { display:block; width:100%; max-width:none; margin:0; padding:0; border:0; color:#5d1c0d; font-family:\"Yu Gothic\",YuGothic,\"Hiragino Kaku Gothic ProN\",Meiryo,sans-serif; font-size:16px; font-weight:500; line-height:1.75; text-align:left; letter-spacing:normal; isolation:isolate; }\n#kmd-trailmix *, #kmd-trailmix *::before, #kmd-trailmix *::after { box-sizing:border-box; }\n#kmd-trailmix :is(h2,h3,p,picture,section,article,div) { padding:0; margin:0; border:0; background-color:transparent; letter-spacing:normal; text-transform:none; font-family:inherit; }\n#kmd-trailmix :is(h2,h3) { color:inherit; font-style:normal; font-weight:700; }\n#kmd-trailmix :is(h2,h3)::before, #kmd-trailmix :is(h2,h3)::after { content:none; }\n#kmd-trailmix img { margin:0; padding:0; border:0; border-radius:0; box-shadow:none; float:none; }\n#kmd-trailmix a { border:0; text-decoration:none; }\n#kmd-trailmix button { appearance:none; min-width:0; min-height:0; margin:0; box-shadow:none; border-radius:0; line-height:normal; }\n#kmd-trailmix button::before, #kmd-trailmix button::after { content:none; }\n#kmd-trailmix { --kmd-tm-bg:#fdf3f8;--kmd-tm-ink:#5d1c0d;--kmd-tm-accent:#c05da0 }\n#kmd-trailmix * { box-sizing:border-box }\n#kmd-trailmix { margin:0;color:var(--kmd-tm-ink);font-family:\"Yu Gothic\",YuGothic,\"Hiragino Kaku Gothic ProN\",Meiryo,sans-serif }\n#kmd-trailmix h1,\n#kmd-trailmix h2,\n#kmd-trailmix h3,\n#kmd-trailmix p { margin:0 }\n#kmd-trailmix img { display:block;max-width:100% }\n#kmd-trailmix button,\n#kmd-trailmix a { -webkit-tap-highlight-color:transparent }\n#kmd-trailmix button { font:inherit }\n#kmd-trailmix .kmd-tm-sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0 }\n#kmd-trailmix .kmd-tm-hero { display:block }\n#kmd-trailmix .kmd-tm-hero img { width:100%;height:auto }\n#kmd-trailmix .kmd-tm-content { position:relative;background:var(--kmd-tm-bg);overflow:hidden;padding:105px 0 165px }\n#kmd-trailmix .kmd-tm-intro,\n#kmd-trailmix .kmd-tm-section { position:relative;z-index:1 }\n#kmd-trailmix .kmd-tm-intro { max-width:680px;margin:auto;text-align:center }\n#kmd-trailmix .kmd-tm-intro h2 { font-size:40px;line-height:65px;font-weight:700;white-space:nowrap }\n#kmd-trailmix .kmd-tm-intro-copy { margin-top:36px;font-size:20px;line-height:38px }\n#kmd-trailmix .kmd-tm-intro-copy p+p { margin-top:38px }\n#kmd-trailmix .kmd-tm-orange { color:#f1953f }\n#kmd-trailmix .kmd-tm-green { color:#25b185 }\n#kmd-trailmix .kmd-tm-pink { color:#ea68a5 }\n#kmd-trailmix .kmd-tm-blue { color:#25b8c2 }\n#kmd-trailmix .kmd-tm-purple { color:var(--kmd-tm-accent) }\n#kmd-trailmix .kmd-tm-mobile-break { display:none }\n#kmd-trailmix .kmd-tm-product-link { display:flex;position:relative;align-items:center;justify-content:center;width:400px;height:67px;margin:36px auto 0;border-radius:100px;background:var(--kmd-tm-accent);box-shadow:3px 3px #96517f;color:white;text-decoration:none;font-size:20px;font-weight:700 }\n#kmd-trailmix .kmd-tm-product-link img { position:absolute;right:16px;width:20px;height:20px }\n#kmd-trailmix .kmd-tm-product-link:hover { filter:brightness(1.05) }\n#kmd-trailmix .kmd-tm-section { width:min(1100px,calc(100% - 112px));margin-inline:auto }\n#kmd-trailmix .kmd-tm-reviews { margin-top:108px }\n#kmd-trailmix .kmd-tm-section-title { text-align:center;font-size:40px;font-weight:700;line-height:65px }\n#kmd-trailmix .kmd-tm-section-title span { display:block;font-size:15px;line-height:24px }\n#kmd-trailmix .kmd-tm-carousel { position:relative }\n#kmd-trailmix .kmd-tm-reviews .kmd-tm-carousel { margin-top:38px }\n#kmd-trailmix .kmd-tm-track { display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain }\n#kmd-trailmix .kmd-tm-track::-webkit-scrollbar { display:none }\n#kmd-trailmix .kmd-tm-review-track { gap:57px }\n#kmd-trailmix .kmd-tm-review { position:relative;flex:0 0 328px;min-height:415px;background:url('https:\/\/www.figma.com\/api\/mcp\/asset\/536fc3df-4adb-441a-8acc-2a44fd4293b6.svg') no-repeat top left \/ 328px 368px;scroll-snap-align:start;padding:44px 38px 110px 40px }\n#kmd-trailmix .kmd-tm-review h3 { font-size:20px;line-height:30px;color:var(--kmd-tm-accent);min-height:30px;margin-bottom:14px }\n#kmd-trailmix .kmd-tm-review p { font-size:15px;line-height:30px }\n#kmd-trailmix .kmd-tm-portrait { position:absolute;top:299px;left:186px;width:116px;height:116px }\n#kmd-trailmix .kmd-tm-arrow { position:absolute;z-index:2;top:169px;width:80px;height:80px;border:0;padding:0;background:transparent;cursor:pointer }\n#kmd-trailmix .kmd-tm-arrow img { width:100%;height:100% }\n#kmd-trailmix .kmd-tm-prev { left:-44px }\n#kmd-trailmix .kmd-tm-next { right:-44px }\n#kmd-trailmix .kmd-tm-arrow:disabled { cursor:default }\n#kmd-trailmix .kmd-tm-arrow:focus-visible,\n#kmd-trailmix .kmd-tm-product-link:focus-visible,\n#kmd-trailmix .kmd-tm-track:focus-visible { outline:3px solid var(--kmd-tm-ink);outline-offset:4px }\n#kmd-trailmix .kmd-tm-points { margin-top:153px }\n#kmd-trailmix .kmd-tm-points .kmd-tm-carousel { margin-top:43px }\n#kmd-trailmix .kmd-tm-point-track { gap:50px }\n#kmd-trailmix .kmd-tm-point { flex:0 0 100%;min-width:0;min-height:576px;border-radius:50px;background:#fff;display:flex;align-items:center;gap:51px;padding:63px 72px;scroll-snap-align:start }\n#kmd-trailmix .kmd-tm-point-image { flex:0 0 50.63%;width:50.63%;height:auto;aspect-ratio:484\/450;object-fit:contain }\n#kmd-trailmix .kmd-tm-point-copy { flex:1;min-width:0 }\n#kmd-trailmix .kmd-tm-point h3 { font-size:26px;line-height:40px;margin-bottom:20px }\n#kmd-trailmix .kmd-tm-point p { font-size:18px;line-height:36px }\n#kmd-trailmix .kmd-tm-points .kmd-tm-arrow { top:248px }\n#kmd-trailmix .kmd-tm-decoration { position:absolute;inset:0;pointer-events:none }\n#kmd-trailmix .kmd-tm-deco { position:absolute;height:auto }\n#kmd-trailmix .kmd-tm-d1 { top:109px;left:0;width:min(18.8vw,361px) }\n#kmd-trailmix .kmd-tm-d2 { top:81px;right:0;width:min(20.05vw,385px) }\n#kmd-trailmix .kmd-tm-d3 { top:931px;left:0;width:min(12.19vw,234px) }\n#kmd-trailmix .kmd-tm-d4 { top:1707px;left:0;width:min(11.56vw,222px) }\n#kmd-trailmix .kmd-tm-d5 { top:1356px;right:0;width:min(14.95vw,287px) }\n@media(min-width:768px) and (max-width:1300px) {\n#kmd-trailmix .kmd-tm-intro { max-width:600px }\n#kmd-trailmix .kmd-tm-intro h2 { font-size:34px }\n#kmd-trailmix .kmd-tm-deco { opacity:.7 }\n#kmd-trailmix .kmd-tm-point { padding:50px;gap:35px }\n#kmd-trailmix .kmd-tm-point h3 { font-size:22px }\n#kmd-trailmix .kmd-tm-point p { font-size:16px;line-height:32px }\n#kmd-trailmix .kmd-tm-review-track { gap:32px }\n#kmd-trailmix .kmd-tm-review { flex-basis:calc((100% - 64px)\/3);padding-inline:24px;background-size:100% 368px }\n#kmd-trailmix .kmd-tm-review h3 { font-size:18px }\n#kmd-trailmix .kmd-tm-review p { line-height:27px }\n#kmd-trailmix .kmd-tm-portrait { left:auto;right:20px }\n#kmd-trailmix .kmd-tm-section { width:calc(100% - 100px) }\n}\n@media(max-width:767px) {\n#kmd-trailmix .kmd-tm-content { padding:67px 0 31px;background:var(--kmd-tm-bg) url('https:\/\/www.figma.com\/api\/mcp\/asset\/d54fd3b0-c693-4a3e-a5ba-a91127e6a6df.png') no-repeat center 27px \/ 100% auto }\n#kmd-trailmix .kmd-tm-decoration { display:none }\n#kmd-trailmix .kmd-tm-intro { width:calc(100% - 64px);max-width:400px }\n#kmd-trailmix .kmd-tm-intro h2 { font-size:26px;line-height:44px;white-space:normal }\n#kmd-trailmix .kmd-tm-mobile-break { display:block }\n#kmd-trailmix .kmd-tm-intro-copy { font-size:15px;line-height:28px;margin-top:20px;letter-spacing:0 }\n#kmd-trailmix .kmd-tm-intro-copy p+p { margin-top:28px }\n#kmd-trailmix .kmd-tm-product-link { width:295px;max-width:100%;height:47px;margin-top:20px;font-size:18px }\n#kmd-trailmix .kmd-tm-product-link img { right:25px }\n#kmd-trailmix .kmd-tm-section { width:300px;max-width:calc(100% - 64px) }\n#kmd-trailmix .kmd-tm-reviews { margin-top:77px }\n#kmd-trailmix .kmd-tm-section-title { font-size:28px;line-height:44px;white-space:nowrap }\n#kmd-trailmix .kmd-tm-section-title span { font-size:13px;line-height:24px }\n#kmd-trailmix .kmd-tm-reviews .kmd-tm-carousel { margin-top:16px }\n#kmd-trailmix .kmd-tm-review-track { gap:37px }\n#kmd-trailmix .kmd-tm-review { flex-basis:100%;min-height:377px;padding:32px 34px 90px;background-image:url('https:\/\/www.figma.com\/api\/mcp\/asset\/c5451725-2796-460f-9495-239f4da383e6.svg');background-size:100% 324px }\n#kmd-trailmix .kmd-tm-review h3 { font-size:20px;line-height:27px;height:54px;margin-bottom:9px;display:flex;align-items:center;justify-content:center;text-align:center }\n#kmd-trailmix .kmd-tm-review p { font-size:16px;line-height:28px }\n#kmd-trailmix .kmd-tm-portrait { width:106px;height:106px;top:271px;left:auto;right:26px }\n#kmd-trailmix .kmd-tm-arrow { width:40px;height:40px;top:147px }\n#kmd-trailmix .kmd-tm-prev { left:-17px }\n#kmd-trailmix .kmd-tm-next { right:-17px }\n#kmd-trailmix .kmd-tm-points { margin-top:30px }\n#kmd-trailmix .kmd-tm-points .kmd-tm-carousel { margin-top:20px }\n#kmd-trailmix .kmd-tm-point-track { gap:37px }\n#kmd-trailmix .kmd-tm-point { display:block;min-height:517px;border-radius:30px;padding:33px 32px 28px;background:#fff }\n#kmd-trailmix .kmd-tm-point-image { width:236px;max-width:100%;height:auto;aspect-ratio:236\/219;margin:0 auto 18px }\n#kmd-trailmix .kmd-tm-point h3 { font-size:18px;line-height:27px;margin-bottom:11px;min-height:54px }\n#kmd-trailmix .kmd-tm-point p { font-size:16px;line-height:28px }\n#kmd-trailmix .kmd-tm-points .kmd-tm-arrow { top:195px }\n}\n@media(prefers-reduced-motion:no-preference) {\n#kmd-trailmix .kmd-tm-track { scroll-behavior:smooth }\n}\n\n\n\/* JSが保持されない場合も横スクロールで全カードを閲覧できます。 *\/\n#kmd-trailmix .kmd-tm-arrow { display:none; }\n#kmd-trailmix [data-kmd-tm-ready] \u003e .kmd-tm-arrow { display:block; }\n#kmd-trailmix .kmd-tm-arrow:disabled { opacity:.45; }\n#kmd-trailmix .kmd-tm-product-link:focus-visible { outline:3px solid #5d1c0d !important; }\n#kmd-trailmix .kmd-tm-track { text-align:left; }\n#kmd-trailmix .kmd-tm-portrait { top:auto; bottom:0; }\n#kmd-trailmix .kmd-tm-review { background-size:100% calc(100% - 47px); }\n@media (max-width:767px) {\n  #kmd-trailmix .kmd-tm-review { background-size:100% calc(100% - 53px); }\n}\n@media (min-width:768px) and (max-width:1000px) {\n  #kmd-trailmix .kmd-tm-review { flex-basis:calc((100% - 32px)\/2); }\n}\n@media (max-width:360px) {\n  #kmd-trailmix .kmd-tm-intro { width:calc(100% - 40px); }\n  #kmd-trailmix .kmd-tm-intro h2 { font-size:23px; }\n  #kmd-trailmix .kmd-tm-review { padding-inline:24px; }\n  #kmd-trailmix .kmd-tm-point { padding-inline:24px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv id=\"kmd-trailmix\"\u003e\n\u003cpicture class=\"kmd-tm-hero\"\u003e\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/www.figma.com\/api\/mcp\/asset\/01fcdca7-0e3d-48ee-818a-80a58fef987e.png\"\u003e\u003cimg src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/487c26b8-8b93-4c79-88d5-5732e853a54f.png\" alt=\"やすみがはかどる。小さな没入時間で、やすみはかどる。亀田の柿の種 トレイルミックス\" width=\"1920\" height=\"649\" fetchpriority=\"high\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"kmd-tm-content\"\u003e\n\u003cdiv class=\"kmd-tm-decoration\" aria-hidden=\"true\"\u003e\n\u003cimg class=\"kmd-tm-deco kmd-tm-d1\" src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/1831c384-d029-4faf-9c02-b6f999bf9243.png\" alt=\"\"\u003e\u003cimg class=\"kmd-tm-deco kmd-tm-d2\" src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/409532f3-30c3-4818-ba12-d4013b611e71.png\" alt=\"\"\u003e\u003cimg class=\"kmd-tm-deco kmd-tm-d3\" src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/ecaae9ed-e8cd-462f-b8b4-80f47df43004.png\" alt=\"\"\u003e\u003cimg class=\"kmd-tm-deco kmd-tm-d4\" src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/eb0c9d7d-3a1b-402c-887d-1ab81034c80e.png\" alt=\"\"\u003e\u003cimg class=\"kmd-tm-deco kmd-tm-d5\" src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/173f5a3a-0523-4649-90bd-23a5526f10c5.png\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003csection class=\"kmd-tm-intro\" aria-labelledby=\"kmd-tm-intro-title\"\u003e\n\u003ch2 id=\"kmd-tm-intro-title\"\u003e柿の種×ナッツ\u003cspan class=\"kmd-tm-mobile-break\"\u003e\u003c\/span\u003e×ドライフルーツ\u003cbr\u003e新感覚の贅沢ミックス\u003c\/h2\u003e\n\u003cdiv class=\"kmd-tm-intro-copy\"\u003e\n\u003cp\u003e\u003cstrong class=\"kmd-tm-orange\"\u003e頑張りたい日\u003c\/strong\u003eも\u003cstrong class=\"kmd-tm-green\"\u003eのんびりしたい日\u003c\/strong\u003eも\u003cbr\u003e\u003cstrong class=\"kmd-tm-pink\"\u003e甘い気分の日\u003c\/strong\u003eも、\u003cspan class=\"kmd-tm-mobile-break\"\u003e\u003c\/span\u003e\u003cstrong class=\"kmd-tm-blue\"\u003eしょっぱい気分の日\u003c\/strong\u003eもある\u003c\/p\u003e\n\u003cp\u003eそんな変わりゆく気分に寄り添い\u003cbr\u003e\u003cstrong class=\"kmd-tm-purple\"\u003e1袋で甘いもしょっぱいもヘルシーも\u003cspan class=\"kmd-tm-mobile-break\"\u003e\u003c\/span\u003e叶えてくれるおやつ\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eひとつに決めなくていい、\u003cspan class=\"kmd-tm-mobile-break\"\u003e\u003c\/span\u003eその時の気分で自由に選べる\u003cbr\u003e「つぎどれ食べよ？」\u003cspan class=\"kmd-tm-mobile-break\"\u003e\u003c\/span\u003eそんな自分だけの小さな没入時間で\u003cbr\u003eやすみをはかどらせてくれる\u003cspan class=\"kmd-tm-mobile-break\"\u003e\u003c\/span\u003e亀田の柿の種です。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"kmd-tm-product-link\" href=\"#Collection\"\u003e商品一覧へ\u003cimg src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/c0e95cd3-7562-4aa3-a00a-015e28f882b3.svg\" alt=\"\" width=\"20\" height=\"20\"\u003e\u003c\/a\u003e\n\u003c\/section\u003e\n\u003csection class=\"kmd-tm-reviews kmd-tm-section\" aria-labelledby=\"kmd-tm-review-title\"\u003e\u003ch2 class=\"kmd-tm-section-title\" id=\"kmd-tm-review-title\"\u003eお客さまの声\u003cspan\u003eREVIEW\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"kmd-tm-carousel\" data-kmd-tm-carousel\u003e\n\u003cdiv class=\"kmd-tm-track kmd-tm-review-track\" tabindex=\"0\" role=\"region\" aria-label=\"お客さまの声一覧\"\u003e\n\u003carticle class=\"kmd-tm-review\"\u003e\u003ch3\u003eこれは美味しい！\u003c\/h3\u003e\n\u003cp\u003eひと口食べた瞬間、その美味しさに感動！甘さ、塩気のバランスが絶妙で、ついつい3袋を一気に完食。危うく残りも食べ尽くしそうになりましたが、グッとこらえて同僚にもおすそ分けしました。\u003c\/p\u003e\n\u003cimg class=\"kmd-tm-portrait\" src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/f77dde14-a7e2-48b7-84b1-9a9ac6ecc14e.png\" alt=\"\" width=\"116\" height=\"116\"\u003e\u003c\/article\u003e\u003carticle class=\"kmd-tm-review\"\u003e\u003ch3\u003e絶妙な組み合わせ\u003c\/h3\u003e\n\u003cp\u003e柿の種をいつも美味しく頂いてますがこのミックスは今までと違う楽しみ方がありました。甘いのの後にしょっぱさが欲しくなるところ、この一袋で収まっており丁度良いサイズ！\u003c\/p\u003e\n\u003cimg class=\"kmd-tm-portrait\" src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/3191b49f-a7c4-444b-a3e5-f9d4f1d0f762.png\" alt=\"\" width=\"116\" height=\"116\"\u003e\u003c\/article\u003e\u003carticle class=\"kmd-tm-review\"\u003e\u003ch3\u003eシェアしたくなる美味しさ\u003c\/h3\u003e\n\u003cp\u003e色んなものが入って、手頃な量で小分けしてあるのがいい。早速差し入れで持って行き好評でした。\u003c\/p\u003e\n\u003cimg class=\"kmd-tm-portrait\" src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/0be13a0d-86d6-40c5-9a14-de08ac17aa66.png\" alt=\"\" width=\"116\" height=\"116\"\u003e\u003c\/article\u003e\u003carticle class=\"kmd-tm-review\"\u003e\u003ch3\u003e息抜きにぴったり\u003c\/h3\u003e\n\u003cp\u003e数種類の味がミックスされていて、一袋で甘いもしょっぱいも味わえてお得な気分です。リピート決定です！\u003c\/p\u003e\n\u003cimg class=\"kmd-tm-portrait\" src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/97137f66-3438-45f0-b168-6e2450b3a8e9.png\" alt=\"\" width=\"116\" height=\"116\"\u003e\u003c\/article\u003e\u003carticle class=\"kmd-tm-review\"\u003e\u003ch3\u003eパッケージも中身もおしゃれ\u003c\/h3\u003e\n\u003cp\u003eワインやウイスキーのおともに最高の組み合わせでした！\u003cbr\u003eまた購入したいです！！\u003c\/p\u003e\n\u003cimg class=\"kmd-tm-portrait\" src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/5ce6e779-6e31-49cf-8593-34f519a0a6c0.png\" alt=\"\" width=\"116\" height=\"116\"\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"kmd-tm-arrow kmd-tm-prev\" type=\"button\" aria-label=\"前のレビュー\"\u003e\u003cimg src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/9617cdb0-4f4a-4a1d-a638-f5d4ac89b681.png\" alt=\"\" width=\"80\" height=\"80\"\u003e\u003c\/button\u003e\u003cbutton class=\"kmd-tm-arrow kmd-tm-next\" type=\"button\" aria-label=\"次のレビュー\"\u003e\u003cimg src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/550541a1-d2ca-40ee-a99a-0fb3fdd2b1a2.png\" alt=\"\" width=\"80\" height=\"80\"\u003e\u003c\/button\u003e\u003cspan class=\"kmd-tm-sr-only kmd-tm-status\" aria-live=\"polite\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"kmd-tm-points kmd-tm-section\" aria-labelledby=\"kmd-tm-point-title\"\u003e\u003ch2 class=\"kmd-tm-section-title\" id=\"kmd-tm-point-title\"\u003e美味しさのひみつ\u003cspan\u003ePOINT\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"kmd-tm-carousel\" data-kmd-tm-carousel\u003e\n\u003cdiv class=\"kmd-tm-track kmd-tm-point-track\" tabindex=\"0\" role=\"region\" aria-label=\"美味しさのひみつ一覧\"\u003e\n\u003carticle class=\"kmd-tm-point\"\u003e\u003cimg class=\"kmd-tm-point-image\" src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/d4699cff-1ead-4914-9fe2-bd5a79e84e88.png\" alt=\"柿の種、アーモンド、カシューナッツ、レーズン、チョコの5種ミックス\" width=\"484\" height=\"450\"\u003e\u003cdiv class=\"kmd-tm-point-copy\"\u003e\n\u003ch3\u003e甘いもしょっぱいも楽しめる\u003cbr\u003e5種MIX\u003c\/h3\u003e\n\u003cp\u003e1袋で甘いもしょっぱいもヘルシーも叶えてくれるおやつ。\u003cbr\u003e「つぎどれ食べよ？」\u003cbr\u003eそんな小さな楽しみを詰め込んだトレイルミックスです。\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n\u003carticle class=\"kmd-tm-point\"\u003e\u003cimg class=\"kmd-tm-point-image\" src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/41e041f3-5a84-41b4-9191-156f579d5a6a.png\" alt=\"1袋93kcal。ナッツやドライフルーツを手軽に\" width=\"484\" height=\"450\"\u003e\u003cdiv class=\"kmd-tm-point-copy\"\u003e\n\u003ch3\u003e1袋93kcalの\u003cspan class=\"kmd-tm-mobile-break\"\u003e\u003c\/span\u003eうれしいおやつ\u003c\/h3\u003e\n\u003cp\u003eナッツやドライフルーツに含まれるビタミンEや鉄分を、手軽に取り入れられます。\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"kmd-tm-arrow kmd-tm-prev\" type=\"button\" aria-label=\"前のポイント\"\u003e\u003cimg src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/9617cdb0-4f4a-4a1d-a638-f5d4ac89b681.png\" alt=\"\" width=\"80\" height=\"80\"\u003e\u003c\/button\u003e\u003cbutton class=\"kmd-tm-arrow kmd-tm-next\" type=\"button\" aria-label=\"次のポイント\"\u003e\u003cimg src=\"https:\/\/www.figma.com\/api\/mcp\/asset\/550541a1-d2ca-40ee-a99a-0fb3fdd2b1a2.png\" alt=\"\" width=\"80\" height=\"80\"\u003e\u003c\/button\u003e\u003cspan class=\"kmd-tm-sr-only kmd-tm-status\" aria-live=\"polite\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function () {\n  'use strict';\n  function init() {\n    var root = document.getElementById('kmd-trailmix');\n    if (!root) return;\n    root.querySelectorAll('[data-kmd-tm-carousel]').forEach(function (carousel) {\n      if (carousel.hasAttribute('data-kmd-tm-ready')) return;\n      var track = carousel.querySelector('.kmd-tm-track');\n      var prev = carousel.querySelector('.kmd-tm-prev');\n      var next = carousel.querySelector('.kmd-tm-next');\n      var status = carousel.querySelector('.kmd-tm-status');\n      var timer;\n      function step() {\n        return track.children[0].getBoundingClientRect().width +\n          (parseFloat(getComputedStyle(track).columnGap) || 0);\n      }\n      function update() {\n        prev.disabled = track.scrollLeft \u003c= 1;\n        next.disabled = track.scrollLeft \u003e= track.scrollWidth - track.clientWidth - 1;\n      }\n      function move(direction) {\n        track.scrollBy({left:direction * step(), behavior:\n          window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth'});\n      }\n      prev.addEventListener('click', function () { move(-1); });\n      next.addEventListener('click', function () { move(1); });\n      track.addEventListener('keydown', function (event) {\n        if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n          event.preventDefault();\n          move(event.key === 'ArrowRight' ? 1 : -1);\n        }\n      });\n      track.addEventListener('scroll', function () {\n        update();\n        clearTimeout(timer);\n        timer = setTimeout(function () {\n          status.textContent = (Math.round(track.scrollLeft \/ step()) + 1) +\n            '番目から表示中（全' + track.children.length + '件）';\n        }, 160);\n      }, {passive:true});\n      if (window.ResizeObserver) {\n        new ResizeObserver(update).observe(track);\n      } else {\n        window.addEventListener('resize', update);\n      }\n      carousel.setAttribute('data-kmd-tm-ready', '');\n      update();\n    });\n  }\n  init();\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init, {once:true});\n  }\n})();\n\u003c\/script\u003e","products":[],"url":"https:\/\/www.kameda-netshop.jp\/collections\/trailmix_cnsrtest.oembed","provider":"亀田製菓通販いちば","version":"1.0","type":"link"}