/* 既存additions.cssの商品の規則を無改変で継続。来歴はdocs/lism-migration.md。 */
.pochipp-box[data-btn-style=dflt] .-amazon>.pochipp-box__btn{color:#222!important}
.pochipp-box[data-btn-style=dflt] :is(.-yahoo,.-custom)>.pochipp-box__btn{color:#111!important}
.pochipp-inline__btnwrap>a.pochipp-inline__btn{color:#111}
.pochipp-box .pochipp-box__review span{color:#487d84!important}
.pochipp-box:not(:has(>.pochipp-box__image))::before{content:"";grid-area:areaImg;align-self:stretch;box-sizing:border-box;min-height:96px;background:var(--color_gray);border:1px solid var(--color_border);border-radius:4px}
.pochipp-box:not(:has(>.pochipp-box__image))::after{content:"";grid-area:areaImg;place-self:center;width:40px;height:40px;background:#707070;background:color-mix(in srgb,var(--color_text) 70%,#fff);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 20.5 7.4v9.2L12 21.2 3.5 16.6V7.4z'/%3E%3Cpath d='M3.5 7.4 12 12l8.5-4.6M12 12v9.2M7.75 5.1l8.5 4.6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 20.5 7.4v9.2L12 21.2 3.5 16.6V7.4z'/%3E%3Cpath d='M3.5 7.4 12 12l8.5-4.6M12 12v9.2M7.75 5.1l8.5 4.6'/%3E%3C/svg%3E") center/contain no-repeat}
@media screen and (max-width:599px){.pochipp-box[data-lyt-mb=vrtcl]:not(:has(>.pochipp-box__image))::before{display:block;width:120px;height:96px;margin:0 auto 16px}.pochipp-box[data-lyt-mb=vrtcl]:not(:has(>.pochipp-box__image))::after{position:absolute;top:52px;left:50%;margin-left:-20px}}
@media screen and (max-width:360px){.pochipp-box[data-lyt-mb=vrtcl]:not(:has(>.pochipp-box__image))::after{top:44px}}

/* 旧tokens.cssを読まず、疑似ポチップが参照する色だけLismへ接続する。 */
:root { --color_text:var(--text); --color_gray:var(--base-2); --color_border:var(--divider); }

/* 表の中の商品のボタンは、スマホの幅で左右の余白と外側の間隔を詰め、店の名前を語の途中で折らない（2026-11-02 利用者の回答）。
   site.cssが表の中のリンクに付ける折り返しより強い。境目はtable-layout.cssと同じ。余白の量と測った記録はdocs/lism-migration.md。 */
@media (max-width:600px){.c--content td .pochipp-inline__btnwrap{margin-inline:0}.c--content td .pochipp-inline__btnwrap>a.pochipp-inline__btn{overflow-wrap:normal;padding-inline:.5em}}