{"product_id":"tamtam-children","title":"やさしさを届ける応援の一冊","description":"\u003cstyle type=\"text\/css\"\u003e\n.add-masyu-nakawata-lp,\n.add-masyu-nakawata-lp-top {\n    width: calc(100% + 34px);\n    margin: 44px -17px 0px;\n    position: relative;\n    bottom: 0;\n}\n.add-masyu-nakawata-lp img,\n.add-masyu-nakawata-lp source,\n.add-masyu-nakawata-lp-top img,\n.add-masyu-nakawata-lp-top source {\n    width: 100%;\n}\n@media screen and (max-width: 768px){\n.add-masyu-nakawata-lp,\n.add-masyu-nakawata-lp-top {\n    margin: 34px -17px 0px;\n    position: relative;\n    bottom: 0;\n}\n}\n\/*定期購入*\/\n.sengine-subscription-buy-button {\n    height: 90px !important;\n    width: 90% !important;\n    margin: 0 auto 18px !important;\n}\nlabel:not(.variant__button-label):not(.text-label) {\n    font-size: 15px !important;\n    font-weight: bold !重要;\n}\n.sengine-subscription-buy-button a, .sengine-subscription-buy-button label {\n    font-size: 15px !important;\n    font-weight: bold;\n}\n.sengine-subscription-buy-button svg {\n    width: 19% !important;\n    height: auto;\n    margin-bottom: 4px !important;\n}\n.sengine-subscription-buy-button .active {\n    border-color: #f4cc20 !important;\n    color: #000000 !important;\n    background: rgb(255 252 211) !important;\n}\n.sengine-subscription-buy-button-onetime.active svg * {\n    stroke: #000 !important;\n}\n.sengine-subscription-buy-button svg .sengine-subscription-buy-button-repeat.active svg *, {\n    fill: #000 !important;\n}\n.sengine-subscription-plans.active {\n    display: block;\n    margin: 0 auto 18px !important;\n    width: 90% !important;\n}\n.sengine-subscription-plans .sengine-price {\n    color: #000 !important;\n    font-size: 17px !important;\n}\n\n\/*footerページ内繊維*\/\n\/* footer バナー全体 *\/\n.add-footer-btn {\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n  background-image: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/back_423a3be8-1443-4599-b132-7675de11c80c.jpg?v=1764811622\");\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  padding: 40px 0;\n}\n\n\/* 背景の上に重ねるコンテンツ *\/\n.add-footer-btn \u003e div {\n  width: 100%;\n  padding: 32px 16px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: flex-start;\n  box-sizing: border-box;\n}\n\n\/* セクションタイトル *\/\n.add-footer-btn \u003e div \u003e p {\n  flex: 0 0 100%;\n  text-align: center;\n  font-size: 22px;\n  font-weight: 700;\n  margin: 0 0 16px;\n}\n\n\/* 各リンクカード全体 *\/\n.add-footer-btn \u003e div \u003e a {\n  flex: 1 1 260px;\n  max-width: 360px;\n  margin: 0 12px 33px;\n  text-decoration: none;\n  color: #000;\n  background: #fff;\n  border-radius: 12px;\n  padding: 16px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 4px 14px rgba(0,0,0,0.12);\n}\n\n\/* カード内：画像 *\/\n.add-footer-btn \u003e div \u003e a img {\n  width: 100%;\n  display: block;\n  border-radius: 8px;\n}\n\n\/* 画像下テキスト *\/\n.add-footer-btn \u003e div \u003e a p {\n  font-size: 15px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n\/* ▼ スマホ：縦並びに *\/\n@media (max-width: 767px) {\n  .add-footer-btn \u003e div {\n    padding: 24px 35px;\n  }\n\n  .add-footer-btn \u003e div \u003e a {\n    max-width: none;\n    margin: 0 0 16px;\n  }\n\n  .add-footer-btn \u003e div \u003e a:last-of-type {\n    margin-bottom: 0;\n  }\n}\n\n\/***************スライダー****************\/\n\/* ===== 全体ラッパー ===== *\/\n.people-marquee {\n  padding: 30px 0 0;\n  overflow-x: hidden;\n  overflow-y: visible;\n  width: 96%;\n  margin: 0 auto;\n}\n\n\/* ===== 行ごと ===== *\/\n.people-marquee__row {\n  position: relative;\n  --speed: 40s;\n  margin-bottom: 32px;\n}\n.people-marquee__row:last-child {\n  margin-bottom: 0;\n}\n\n\/* 横スクロールトラック（セットを横並び） *\/\n.people-marquee__track {\n  display: flex;              \/* inline-flex → flex に変更 *\/\n  width: max-content;         \/* 中身の幅にフィットさせる *\/\n  animation: people-marquee var(--speed) linear infinite;\n  will-change: transform;\n}\n\n\/* 1周分のカードを包むセット *\/\n.people-marquee__set {\n  display: inline-flex;\n  gap: 14px;             \n  margin:0 7px;\n}\n\n\/* 2段目を逆方向に *\/\n.people-marquee__row--reverse .people-marquee__track {\n  animation-direction: reverse;\n}\n\n\/* ===== カード ===== *\/\n.people-card {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  background: #ffffff;\n  flex: 0 0 auto;\n}\n\n\/* 高さだけ統一、幅は画像の比率のまま可変 *\/\n.people-card__thumb {\n  height: 170px;\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 6px 6px #ececec;\n  border-radius: 10px;\n}\n\n\/* 画像は「縮小のみ」。拡大禁止・歪みなし *\/\n.people-card__thumb img {\n  height: 100%;\n  width: auto;\n  object-fit: contain;\n  border-radius: 10px;\n}\n\n\/* アンバランスな上下ずらし（1段目） *\/\n.people-marquee__row:nth-child(1) .people-marquee__set .people-card:nth-child(2n) {\n  margin-top: 20px;\n}\n.people-marquee__row:nth-child(1) .people-marquee__set .people-card:nth-child(3n) {\n  margin-top: -22px;\n}\n\n\/* アンバランスな上下ずらし（2段目） *\/\n.people-marquee__row:nth-child(2) .people-marquee__set .people-card:nth-child(2n) {\n  margin-top: -11px;\n}\n.people-marquee__row:nth-child(2) .people-marquee__set .people-card:nth-child(5n) {\n  margin-top: 13px;\n}\n\n\/* 3,4段目用（必要なら） *\/\n.people-marquee__row:nth-child(3) .people-marquee__set .people-card:nth-child(2n) {\n  margin-top: 20px;\n}\n.people-marquee__row:nth-child(3) .people-marquee__set .people-card:nth-child(3n) {\n  margin-top: -22px;\n}\n.people-marquee__row:nth-child(4) .people-marquee__set .people-card:nth-child(2n) {\n  margin-top: -11px;\n}\n.people-marquee__row:nth-child(4) .people-marquee__set .people-card:nth-child(5n) {\n  margin-top: 13px;\n}\n\n\/* アニメーション（GPU向けに translate3d で） *\/\n@keyframes people-marquee {\n  0%   { transform: translate3d(0, 0, 0); }\n  100% { transform: translate3d(-50%, 0, 0); }\n}\n\n\/* SP 調整 *\/\n@media (max-width: 767px) {\n  .people-marquee {\n    padding: 40px 0 0;\n    margin: 0px -17px 0px !important;\n    width: calc(100% + 34px);\n  }\n  .people-marquee__set {\n    gap: 18px;\n  }\n  .people-card {\n    width: 122px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"add-masyu-nakawata-lp-top\"\u003e\u003cpicture\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/00_3804d016-2b41-43c9-8169-a9ba3a2a5409.jpg?v=1790494969\" alt=\"\" loading=\"lazy\" decoding=\"auto\"\u003e \u003c\/picture\u003e\u003c\/div\u003e\n\u003c!-- スライダー --\u003e\n\u003csection class=\"people-marquee\"\u003e\u003c!-- 1段目 --\u003e\n\u003cdiv class=\"people-marquee__row\" data-speed=\"60\"\u003e\n\u003cdiv class=\"people-marquee__track\"\u003e\n\u003c!-- セット1 --\u003e\n\u003cdiv class=\"people-marquee__set\"\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_011.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_002.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_010.jpg?v=1764827023\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_003.jpg?v=1764827023\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_007.jpg?v=1764827023\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_004.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_014.jpg?v=1764827023\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- セット2（複製） --\u003e\n\u003cdiv class=\"people-marquee__set\"\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_011.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_002.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_010.jpg?v=1764827023\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_003.jpg?v=1764827023\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_007.jpg?v=1764827023\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_004.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_014.jpg?v=1764827023\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2段目 --\u003e\n\u003cdiv class=\"people-marquee__row people-marquee__row--reverse\" data-speed=\"90\"\u003e\n\u003cdiv class=\"people-marquee__track\"\u003e\n\u003c!-- セット1 --\u003e\n\u003cdiv class=\"people-marquee__set\"\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_013.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_009.jpg?v=1764827023\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_005.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_006.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_008.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_012.jpg?v=1764827023\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_001.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- セット2（複製） --\u003e\n\u003cdiv class=\"people-marquee__set\"\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_013.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_009.jpg?v=1764827023\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_005.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_006.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_008.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_012.jpg?v=1764827023\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"people-card\"\u003e\n\u003cdiv class=\"people-card__thumb\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/c_001.jpg?v=1764827024\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- スライダーEND --\u003e\n\u003cdiv class=\"add-masyu-nakawata-lp\"\u003e\n\u003cpicture\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/LP001-001.jpg?v=1764827588\" alt=\"\" loading=\"lazy\" decoding=\"auto\"\u003e \u003c\/picture\u003e \u003c!-- 動画リンク --\u003e \u003cpicture\u003e \u003c\/picture\u003e\u003ca href=\"#\" class=\"video-modal-link\" data-video-src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c4c67f151fbd45b1ad44a17336e29fe6.mp4\" data-cover=\"1\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/LP001-vido_1fa87f45-f713-4160-aec4-f4d9cd501805.jpg?v=1765248731\" alt=\"\" loading=\"lazy\" decoding=\"auto\"\u003e \u003c\/a\u003e\u003cpicture\u003e \u003c\/picture\u003e \u003cpicture\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/LP001-002.jpg?v=1764827588\" alt=\"\" loading=\"lazy\" decoding=\"auto\"\u003e \u003c\/picture\u003e \u003c!-- たまさんちの本とは --\u003e \u003cpicture\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/20260927__LP002_01.jpg?v=1790493815\" alt=\"\" loading=\"lazy\" decoding=\"auto\"\u003e \u003c\/picture\u003e \u003cpicture\u003e \u003c\/picture\u003e \u003ca href=\"https:\/\/www.instagram.com\/tamtam__111\/\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/20260927__LP002_02.jpg?v=1790493813\" alt=\"\" class=\"parallax-in\"\u003e \u003c\/a\u003e \u003cpicture\u003e \u003c\/picture\u003e \u003cpicture\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/20260927__LP002_03.jpg?v=1790493814\" alt=\"\" loading=\"lazy\" decoding=\"auto\"\u003e \u003c\/picture\u003e \u003cpicture\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/20260927__LP002_04.jpg?v=1790493813\" alt=\"\" loading=\"lazy\" decoding=\"auto\"\u003e \u003c\/picture\u003e \u003c!--  --\u003e \u003cpicture\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/20260927LP003.jpg?v=1790496803\" alt=\"\" loading=\"lazy\" decoding=\"auto\"\u003e \u003c\/picture\u003e \u003cpicture\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/20260927_-_-__LP005-003_2.jpg?v=1790496803\" alt=\"\" loading=\"lazy\" decoding=\"auto\"\u003e \u003c\/picture\u003e \u003cpicture\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/20260927__LP_02-2_01.jpg?v=1790494406\" alt=\"\" loading=\"lazy\" decoding=\"auto\"\u003e \u003c\/picture\u003e \u003ca href=\"https:\/\/www.instagram.com\/tamtam__111\/\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/20260927__LP_02-2_02.jpg?v=1790494405\" alt=\"\" class=\"parallax-in\"\u003e \u003c\/a\u003e\n\u003cdiv class=\"add-footer-btn\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eもっと広めたい、やさしさの輪\u003c\/p\u003e\n\u003ca href=\"https:\/\/ichirin.store\/pages\/kindness-project\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/0dda593190b79153ad406985702652a3.jpg?v=1764811622\" alt=\"\" loading=\"lazy\" decoding=\"auto\"\u003e\n\u003cp\u003e全国へ“やさしさの循環”を届けています。1冊の本から生まれる思いやりが、次の誰かのやさしさへ。\u003c\/p\u003e\n\u003c\/a\u003e\u003ca href=\"https:\/\/ichirin.store\/products\/tamtam-book\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/01_1_a8124da0-ffe9-4065-9edb-bc80f4d08e61.jpg?v=1764811622\" alt=\"\" loading=\"lazy\" decoding=\"auto\"\u003e\n\u003cp\u003eあなたや大切な人の心をあたためる、たまさんの本。日常に小さな優しさを届けます。\u003c\/p\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ▼ モーダル（ページ末尾でOK） --\u003e\n\u003cdiv class=\"video-modal\" id=\"videoModal\"\u003e\n\u003cdiv class=\"video-modal__overlay\" data-close-modal=\"\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"video-modal__dialog\" role=\"dialog\"\u003e\n\u003cbutton type=\"button\" class=\"video-modal__close\" data-close-modal=\"\"\u003e×\u003c\/button\u003e\n\u003cdiv class=\"video-modal__body\" id=\"videoModalBody\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.wash-link {\n  display: inline-block;\n  width: 100%;\n  text-align: left;\n  border-bottom: 1px solid #e2e2e2;\n  padding: 0 0 13px;\n  margin: 14px 0 15px 0;\n}\n.wash-link \u003e a {\n  display: inline-flex;\n  align-items: center;\n  gap: .5rem;\n  border-radius: 9999px;\n  line-height: 1;\n  font-size: 14px;\n  text-align: center;\n  padding-right: 20px;\n  margin-bottom: 19px;\n  text-decoration: underline !important;\n  box-shadow: var(--review-shadow) !important;\n  color: #0066c0 !important;\n}\n\/* --- Modal base --- *\/\n\/* モーダルの枠だけ。中身の aspect-ratio は固定しない *\/\n.video-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999;}\n.video-modal.is-active{display:flex;}\n.video-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);}\n.video-modal__dialog{\n  position:relative; z-index:1; background:#000; border-radius:12px;\n  \/* JSで width\/height を都度上書きするので固定幅は付けない *\/\n  max-width: 92vw; max-height: 90vh; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.4);\n}\n.video-modal__body{width:100%; height:100%; background:#000;}\n.video-modal__body video{width:100%; height:100%; display:block; object-fit:cover;} \/* ← cover がポイント *\/\n.video-modal__close{position:absolute; top:8px; right:8px; width:36px;height:36px;border:0;border-radius:50%;\n  background:rgba(255,255,255,.15); color:#fff; font-size:22px; line-height:36px; cursor:pointer;}\nbody.modal-open{overflow:hidden;}\n.video-modal__close{\n      position: absolute;\n    top: 36px;\n    right: 16px;\n    width: 40px;\n    height: 40px;\n    border: 0;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, .55);\n    color: #fff;\n    font-size: 30px;\n    line-height: 0px;\n    cursor: pointer;\n    z-index: 10;\n}\n\/* PCではモーダル全体を縮小（比率はそのまま） *\/\n@media (min-width: 1024px){\n  .video-modal__dialog{\n    transform: scale(.65);          \/* お好みで .75～.9 くらいに調整 *\/\n    transform-origin: center center;\n  }\n}\n\n\u003c\/style\u003e\n\u003cp\u003e\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function(){\n  const modal = document.getElementById('videoModal');\n  const body  = document.getElementById('videoModalBody');\n  const dialog= modal.querySelector('.video-modal__dialog');\n\n  function sizeDialogToVideo(v){\n    const vw = window.innerWidth  * 0.92; \/\/ 左右8%の余白\n    const vh = window.innerHeight * 0.86; \/\/ 上下7%＋ヘッダー余白\n    const videoW = v.videoWidth || 9;     \/\/ 未取得時は縦動画を想定\n    const videoH = v.videoHeight|| 16;\n    const r = videoW \/ videoH;            \/\/ 動画のアスペクト比\n\n    \/\/ 画面内で最大化（contain）\n    \/\/ 高さ基準で置いて、幅がはみ出したら幅基準に切替\n    let h = vh;\n    let w = h * r;\n    if (w \u003e vw){ w = vw; h = w \/ r; }\n\n    dialog.style.width  = Math.round(w) + 'px';\n    dialog.style.height = Math.round(h) + 'px';\n  }\n\n  function openModal(src, cover=false){\n    body.innerHTML = '';\n    const v = document.createElement('video');\n    v.src = src;\n    v.controls = true;\n    v.playsInline = true;\n    v.setAttribute('playsinline','');\n    v.setAttribute('webkit-playsinline','');\n    v.preload = 'metadata';\n\n    \/\/ contain=全体表示（黒帯あり得る） \/ cover=クロップしてでも埋める\n    v.style.width = '100%';\n    v.style.height= '100%';\n    v.style.objectFit = cover ? 'cover' : 'contain';\n    body.appendChild(v);\n\n    \/\/ 一旦表示→サイズ計算\n    modal.classList.add('is-active');\n    document.body.classList.add('modal-open');\n\n    \/\/ メタデータ取得後に正しい比率で枠サイズ調整\n    const resize = () =\u003e sizeDialogToVideo(v);\n    v.addEventListener('loadedmetadata', resize, { once:true });\n    window.addEventListener('resize', resize);\n\n    \/\/ 任意：ユーザー操作直後なら再生トライ（自動再生ではない）\n    v.play?.().catch(()=\u003e{});\n\n    \/\/ 閉じる時にイベント掃除\n    function cleanup(){\n      window.removeEventListener('resize', resize);\n    }\n    modal.addEventListener('close-cleanup', cleanup, { once:true });\n  }\n\n  function closeModal(){\n    const v = body.querySelector('video');\n    if (v){ try{ v.pause(); }catch(e){} v.removeAttribute('src'); v.load(); }\n    body.innerHTML = '';\n    modal.classList.remove('is-active');\n    document.body.classList.remove('modal-open');\n    modal.dispatchEvent(new Event('close-cleanup'));\n  }\n\n  \/\/ リンクで開く（coverモードにしたければ data-cover=\"1\" を付与）\n  document.addEventListener('click', function(e){\n    const a = e.target.closest('.video-modal-link');\n    if(!a) return;\n    e.preventDefault();\n    const src = a.getAttribute('data-video-src');\n    const cover = a.getAttribute('data-cover') === '1';\n    if (src) openModal(src, cover);\n  });\n\n  modal.addEventListener('click', function(e){\n    if (e.target.hasAttribute('data-close-modal')) closeModal();\n  });\n  document.addEventListener('keydown', function(e){\n    if (e.key === 'Escape' \u0026\u0026 modal.classList.contains('is-active')) closeModal();\n  });\n});\n\u003c\/script\u003e \u003cscript\u003e\n\/**\n * data-speed 属性から --speed を上書き\n *\/\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.people-marquee__row').forEach(function (row) {\n    var speed = row.getAttribute('data-speed');\n    if (speed) {\n      row.style.setProperty('--speed', speed + 's');\n    }\n  });\n});\n\u003c\/script\u003e\u003c\/p\u003e","brand":"ichirin　素敵な暮らしの雑貨店","offers":[{"title":"1冊","offer_id":47413458108554,"sku":null,"price":1540.0,"currency_code":"JPY","in_stock":false},{"title":"1セット（4冊）","offer_id":47360741212298,"sku":null,"price":6160.0,"currency_code":"JPY","in_stock":true},{"title":"3セット（12冊）","offer_id":47413451554954,"sku":null,"price":18480.0,"currency_code":"JPY","in_stock":true},{"title":"10セット（40冊）","offer_id":47413451587722,"sku":null,"price":61600.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0377\/6931\/4442\/files\/01_f289f2d0-4342-4ed4-ad29-4eb634795d55.jpg?v=1790494831","url":"https:\/\/ichirin.store\/products\/tamtam-children","provider":"イチリンペット","version":"1.0","type":"link"}