/* Department parents only. No home/news/worlds template changes. */
.iinekore-shop-page main.iik-page-main{max-width:1180px!important;width:calc(100% - 32px)!important;margin-inline:auto!important;padding-inline:0!important}
.iinekore-shop-page .entry-content,.iinekore-shop-page .iikw-worlds{width:100%!important;max-width:1180px!important;margin-inline:auto!important;padding-inline:0!important}
.iinekore-shop-page .iikw-teenie{display:block!important;padding:16px 0!important;border:0!important;box-shadow:none!important;background:#fff!important;margin-inline:0!important}
.iinekore-shop-page .iikw-teenie-copy{padding-inline:8px}
.iinekore-shop-page .iikw-visual{width:100%!important;max-width:1120px!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;margin:16px auto!important;min-width:0!important}
.iinekore-shop-page .iikw-youtube-wrap{width:100%!important;max-width:none!important;aspect-ratio:16/9!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden}
.iinekore-shop-page .iikw-youtube-wrap iframe{display:block!important;position:static!important;width:100%!important;height:100%!important;aspect-ratio:16/9!important;border:0!important}
.iinekore-shop-page .iikw-video-notice,.iinekore-shop-page .iikw-note{font-size:12px!important;line-height:1.6!important}
.iinekore-shop-page .iik-logo{font-size:clamp(21px,2.2vw,30px)!important;line-height:1.35!important}
.ii-unified{width:100%;max-width:1180px;margin:16px auto 36px;color:#332e33;scroll-margin-top:12px}
.ii-unified *{box-sizing:border-box}
.ii-disclosure{font-size:12px;color:#6b6268}
.ii-filters{display:grid;grid-template-columns:2fr 1.3fr 1.3fr auto;gap:10px;align-items:end;padding:16px;background:#fff5f8;border:1px solid #edd4df;border-radius:12px}
.ii-filters label{display:grid;gap:5px;font-size:13px;font-weight:700;min-width:0}
.ii-filters input,.ii-filters select{width:100%;min-width:0;height:44px;font:inherit;background:#fff;color:#332e33;border:1px solid #b9aab0;border-radius:7px;padding:8px}
.ii-filters button,.ii-buy{min-height:44px;border:0;border-radius:7px;padding:10px 14px;background:#aa2865;color:#fff!important;font-size:14px;font-weight:700;text-align:center;text-decoration:none!important}
.ii-filters>a{font-size:12px;color:#87335c}
.ii-count{font-size:14px;font-weight:700;margin:18px 0 10px}
.ii-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.ii-card{min-width:0;padding:8px;border:1px solid #eadce3;border-radius:10px;background:#fff;overflow:hidden}
.ii-shop{font-size:11px!important;line-height:1.4!important;color:#6f6269!important;margin:0 0 6px!important}
.ii-photo{display:flex;width:100%;height:232px;align-items:center;justify-content:center;background:#fff;border:0!important;padding:0!important}
.ii-photo img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important}
.ii-title{font-size:14px!important;line-height:1.55!important;margin:9px 0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.65em}
.ii-price{font-size:13px!important;line-height:1.45!important;margin:3px 0 10px!important;color:#42343c}
.ii-price strong{font-size:16px;font-weight:800;color:#9e2455}
.ii-price small{display:block;color:#706771;font-size:11px;line-height:1.6}
.ii-buy{display:flex;align-items:center;justify-content:center}
.ii-original{max-width:100%}
.ii-original[data-asp-provider="moshimo_rakuten"]{font-size:13px;overflow-wrap:anywhere}
.ii-original[data-asp-provider="rakuten"],.ii-original[data-asp-provider="amazon"]{overflow-x:auto;overflow-y:visible}
.ii-original[data-asp-provider="moshimo_rakuten"] table{width:100%!important;max-width:100%!important;border:0!important;margin:0!important}
.ii-original[data-asp-provider="moshimo_rakuten"] td{width:auto!important;padding:4px!important;border:0!important}
.ii-original[data-asp-provider="moshimo_rakuten"] img:not([width="1"]){max-width:100%!important;max-height:232px;object-fit:contain!important;height:auto!important;border:0!important}
.ii-original[data-format="text"]>a{display:flex;min-height:44px;align-items:center;justify-content:center;background:#aa2865;color:white!important;border-radius:7px;padding:8px;text-decoration:none!important}
.ii-original img[width="1"]{width:1px!important;height:1px!important;min-width:1px!important;max-width:1px!important;max-height:1px!important;display:inline!important}
.ii-alternatives{border-top:1px solid #eadce3;margin-top:12px;padding-top:10px;font-size:13px}
.ii-alternatives summary{cursor:pointer;min-height:36px;font-weight:700;color:#8e2856}
.ii-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0}
.ii-pagination a,.ii-pagination strong{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid #c78da7;border-radius:7px;padding:6px 10px;text-decoration:none;color:#8c2858}
.ii-pagination strong{background:#aa2865;color:#fff}
@media(max-width:1050px) and (min-width:701px){.ii-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ii-photo{height:220px}}
@media(max-width:700px){
.iinekore-shop-page main.iik-page-main{width:calc(100% - 12px)!important;max-width:none!important}
.iinekore-shop-page .entry-content>section{padding-inline:0!important;margin-inline:0!important;max-width:100%!important}
.iinekore-shop-page .iikw-teenie{padding:8px 0!important}
.iinekore-shop-page .iikw-visual{margin:12px 0!important}
.iinekore-shop-page .iik-site-header{padding-inline:10px!important}
.iinekore-shop-page .wp-block-post-title{font-size:24px!important;padding-inline:4px}
.ii-filters{grid-template-columns:1fr 1fr;gap:8px;padding:10px}
.ii-filters label:first-child{grid-column:1/-1}
.ii-filters button{width:100%}.ii-filters>a{align-self:center}
.ii-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ii-card{padding:5px;border-radius:8px}
.ii-photo{height:clamp(150px,43vw,180px)}
.ii-title{font-size:13px!important;line-height:1.5!important;min-height:4.5em}
.ii-shop{font-size:10px!important}.ii-buy{font-size:12px;padding:10px 6px}
.ii-original[data-asp-provider="moshimo_rakuten"] img:not([width="1"]){max-height:180px}
/* A8 official table creative: preserve the issued HTML and tracking pixel;
   stack image/title on narrow two-column mobile cards instead of squeezing them. */
.ii-original[data-asp-provider="moshimo_rakuten"] table,.ii-original[data-asp-provider="moshimo_rakuten"] table tbody,.ii-original[data-asp-provider="moshimo_rakuten"] table tr,.ii-original[data-asp-provider="moshimo_rakuten"] table td{display:block!important;width:100%!important}
.ii-original[data-asp-provider="moshimo_rakuten"] table td{padding:2px 0!important;text-align:center!important}
.ii-original[data-asp-provider="moshimo_rakuten"] table a{display:inline-block;max-width:100%}
}

.iinekore-shop-page .iikw-teenie{width:100%!important;max-width:none!important}

/* PC商品棚：元画像と成果タグを保持して画像を枠内で大きく表示。 */
@media (min-width:701px) {
.ii-card{display:flex;flex-direction:column;padding:7px}
.ii-photo{height:260px;overflow:hidden}
.ii-photo img{transform:scale(1.10)}
.ii-original[data-asp-provider="moshimo_rakuten"] > a{display:block;font-size:0;line-height:0;text-decoration:none}
.ii-original[data-asp-provider="moshimo_rakuten"] > a > br{display:none}
.ii-original[data-asp-provider="moshimo_rakuten"] > a > img:not([width="1"]){display:block;width:100%!important;max-height:260px;object-fit:contain!important;margin:0 auto!important;transform:scale(1.08)}
.ii-card > .ii-buy{margin-top:auto;width:100%}
.ii-card > .ii-original + .ii-buy{margin-top:12px}
}

/* PC版：各行の左・中央・右カードの高さと購入ボタン位置を統一。 */
@media (min-width:701px) {
  .ii-grid{align-items:stretch}
  .ii-card{height:100%;min-height:0}
  /* 元の楽天広告HTMLは変更せず、Yahoo同様に画像を商品名より上へ表示。 */
  .ii-card:has(> .ii-original[data-marketplace="rakuten"]) > .ii-shop{order:0}
  .ii-card:has(> .ii-original[data-marketplace="rakuten"]) > .ii-original{order:1}
  .ii-card:has(> .ii-original[data-marketplace="rakuten"]) > .ii-title{order:2}
  .ii-card:has(> .ii-original[data-marketplace="rakuten"]) > .ii-buy{order:3}
  .ii-card:has(> .ii-original[data-marketplace="rakuten"]) > .ii-alternatives{order:4}
  .ii-original[data-asp-provider="moshimo_rakuten"] > a{min-height:260px;display:flex;align-items:center;justify-content:center}
  .ii-card > .ii-original[data-marketplace="amazon"]{margin-bottom:12px}
  .ii-card > .ii-original + .ii-buy{margin-top:auto}
  /* 関連購入先のあるカードと無いカードで、ボタンの下に同じ高さを確保。 */
  .ii-card > .ii-alternatives{flex-shrink:0;min-height:59px}
  .ii-card:not(:has(> .ii-alternatives))::after{content:"";display:block;flex:0 0 59px}
}


/* Parent quick genre buttons v2: fill the tile with readable type and icons.
   PC five columns; smartphone two columns. Same ii_group filter and links. */
.ii-unified .ii-quick-groups{
 margin:9px 0 14px;
 padding:9px;
 border:1px solid #e9cedc;
 border-radius:15px;
 background:#fffbfd;
}
.ii-unified .ii-quick-heading{
 margin:0 0 8px;
 color:#87335c;
 font-size:clamp(15px,1.4vw,17px);
 font-weight:850;
 line-height:1.35;
 letter-spacing:.01em;
}
.ii-unified .ii-quick-grid{
 display:grid;
 grid-template-columns:repeat(5,minmax(0,1fr));
 gap:8px;
 align-items:stretch;
}
.ii-unified .ii-quick-button{
 --quick-bg:#ffedf6;
 --quick-edge:#e7b1d0;
 --quick-ink:#8b285b;
 box-sizing:border-box;
 display:flex;
 min-width:0;
 min-height:72px;
 padding:8px 9px;
 flex-direction:row;
 justify-content:center;
 align-items:center;
 gap:9px;
 border:2px solid var(--quick-edge);
 border-radius:13px;
 background:var(--quick-bg);
 color:var(--quick-ink)!important;
 text-align:left;
 text-decoration:none!important;
 box-shadow:0 2px 0 rgba(100,55,79,.08);
 transition:transform .14s ease,box-shadow .14s ease;
}
.ii-unified .ii-quick-button:hover{
 transform:translateY(-2px);
 box-shadow:0 4px 9px rgba(100,55,79,.12);
}
.ii-unified .ii-quick-button:focus-visible{
 outline:3px solid #ad4b80;
 outline-offset:3px;
}
.ii-unified .ii-quick-button.is-active{
 border-color:#a32d6d;
 box-shadow:inset 0 0 0 1px #a32d6d,0 2px 0 rgba(100,55,79,.1);
}
.ii-unified .ii-quick-button .ii-quick-icon{
 box-sizing:border-box;
 display:grid;
 place-items:center;
 flex:0 0 40px;
 width:40px;
 height:40px;
 border-radius:11px;
 background:rgba(255,255,255,.60);
 font-size:32px;
 line-height:1;
}
.ii-unified .ii-quick-button .ii-quick-name{
 display:block;
 min-width:0;
 font-size:clamp(16px,1.5vw,19px);
 font-weight:900;
 line-height:1.3;
 overflow-wrap:anywhere;
}
.ii-unified .ii-quick-button .ii-quick-name-second{display:block}
.ii-unified .ii-quick-toys{
 --quick-bg:#e9f5ff;--quick-edge:#b6d9ee;--quick-ink:#286585;
}
.ii-unified .ii-quick-stationery{
 --quick-bg:#fff2db;--quick-edge:#f1d396;--quick-ink:#81552a;
}
.ii-unified .ii-quick-apparel{
 --quick-bg:#e9f8e9;--quick-edge:#b7dfbc;--quick-ink:#357042;
}
.ii-unified .ii-quick-keyrings{
 --quick-bg:#f0eaff;--quick-edge:#cdbcec;--quick-ink:#694b91;
}
.ii-unified .ii-quick-clear{
 display:inline-block;
 margin:9px 2px 0;
 padding:5px;
 color:#87335c;
 font-size:14px;
 font-weight:800;
 text-underline-offset:3px;
}
@media (max-width:1000px) and (min-width:701px){
 .ii-unified .ii-quick-button{padding:8px 5px;gap:6px}
 .ii-unified .ii-quick-button .ii-quick-icon{
  flex-basis:34px;width:34px;height:34px;font-size:27px;
 }
 .ii-unified .ii-quick-button .ii-quick-name{
  font-size:clamp(14px,1.65vw,17px);
 }
}
@media (max-width:700px){
 .ii-unified .ii-quick-groups{padding:8px;margin:9px 0 13px}
 .ii-unified .ii-quick-heading{font-size:15px;margin-bottom:7px}
 .ii-unified .ii-quick-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
 }
 .ii-unified .ii-quick-button{
  flex-direction:column;
  min-height:76px;
  padding:7px 5px;
  gap:3px;
  text-align:center;
  border-radius:12px;
 }
 .ii-unified .ii-quick-button .ii-quick-icon{
  flex:0 0 32px;
  width:34px;height:32px;
  font-size:28px;
  border-radius:9px;
 }
 .ii-unified .ii-quick-button .ii-quick-name{
  font-size:clamp(14px,3.9vw,16px);
  line-height:1.25;
  text-align:center;
 }
 .ii-unified .ii-quick-keyrings{
  grid-column:1/-1;
  width:calc((100% - 7px)/2);
  justify-self:center;
 }
}
@media (prefers-reduced-motion:reduce){
 .ii-unified .ii-quick-button{transition:none}
 .ii-unified .ii-quick-button:hover{transform:none}
}

/* 2026-11-06 PC quick genre typography v3: larger labels, mobile unchanged. */
@media (min-width:1001px){
 .ii-unified .ii-quick-heading{
  font-size:clamp(20px,1.95vw,23px);
  line-height:1.3;
 }
 .ii-unified .ii-quick-button{
  min-height:82px;
 }
 .ii-unified .ii-quick-button .ii-quick-name{
  font-size:clamp(19px,1.85vw,22px);
  line-height:1.28;
 }
}
@media (min-width:701px) and (max-width:1000px){
 .ii-unified .ii-quick-heading{
  font-size:20px;
  line-height:1.3;
 }
 .ii-unified .ii-quick-button .ii-quick-name{
  font-size:clamp(17px,1.8vw,19px);
  line-height:1.28;
 }
}


/* 2026-11-07 product-bound purchase actions v5: no cross-card ambiguity. */
/* Keep the issued Amazon/Yahoo/Rakuten creative HTML, prices and hrefs unchanged.
   Only align actionable destinations inside their OWN product card. */
.ii-unified .ii-card{display:flex;flex-direction:column;position:relative;isolation:isolate}
.ii-unified .ii-card > .ii-shop{order:0}
.ii-unified .ii-card > .ii-photo,
.ii-unified .ii-card > .ii-original{order:1}
.ii-unified .ii-card > .ii-title{order:2}
.ii-unified .ii-card > .ii-price{order:3}
.ii-unified .ii-card > .ii-original-hint{order:4}
.ii-unified .ii-card > .ii-shop-actions,
.ii-unified .ii-card > .ii-amazon-crossmall{order:5}
.ii-unified .ii-card > .ii-buy{order:6}
.ii-unified .ii-card > .ii-alternatives{order:7;margin-top:10px!important}
.ii-unified .ii-card > .ii-shop-actions{
 display:flex;flex-direction:column;gap:6px;align-items:stretch;
 width:100%;max-width:100%;margin:10px 0 0!important;padding:9px!important;
 border:1px solid #e4e5ea;border-radius:9px;background:#fafbfc
}
/* Graceful fallback when older live PHP emits Amazon as a direct card child. */
.ii-unified .ii-card > .ii-amazon-crossmall::before{
 content:"この商品の購入先";display:block;margin:0 0 7px;
 text-align:center;font-size:12px;font-weight:700;color:#616572
}
.ii-unified .ii-shop-actions__heading{
 display:block;font-size:12px!important;line-height:1.45!important;
 margin:0 0 2px!important;padding:0!important;color:#616572!important;
 font-weight:700;text-align:center
}
.ii-unified .ii-shop-actions > .ii-amazon-crossmall,
.ii-unified .ii-card > .ii-amazon-crossmall{
 margin:0!important;padding:0!important;border:0!important;width:100%;clear:none
}
.ii-unified .ii-shop-actions .ii-amazon-crossmall-note{display:none!important}
.ii-unified .ii-shop-actions > .ii-buy,
.ii-unified .ii-shop-actions .ii-amazon-crossmall-button,
.ii-unified .ii-card > .ii-buy,
.ii-unified .ii-card > .ii-amazon-crossmall .ii-amazon-crossmall-button{
 display:flex!important;align-items:center;justify-content:center;
 box-sizing:border-box;width:100%;min-height:44px!important;
 margin:0!important;padding:9px 5px!important;border:1px solid #d5dae1!important;
 border-radius:8px!important;background:#f2f4f7!important;color:#303843!important;
 font-size:clamp(12px,2.8vw,14px)!important;line-height:1.35!important;
 text-decoration:none!important;font-weight:700!important;box-shadow:none!important
}
.ii-unified .ii-shop-actions > .ii-buy:hover,
.ii-unified .ii-shop-actions .ii-amazon-crossmall-button:hover{
 background:#e3e8ef!important;color:#202630!important
}
/* Rakuten's button is rendered INSIDE the original issued image anchor.
   No duplicate/extracted A8 or Moshimo href is created. */
.ii-unified .ii-card > .ii-original[data-marketplace="rakuten"] a:has(img:not([width="1"]))::after{
 content:"楽天で見る";
 display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;
 width:100%;max-width:100%;min-height:44px!important;
 margin:8px 0 0!important;padding:9px 5px!important;
 border:1px solid #d5dae1!important;border-radius:8px!important;
 background:#f2f4f7!important;color:#303843!important;
 font-size:clamp(12px,2.8vw,14px)!important;line-height:1.35!important;
 font-weight:700!important;text-align:center!important;text-decoration:none!important
}
.ii-unified .ii-card > .ii-original[data-marketplace="rakuten"] a:has(img:not([width="1"])):hover::after{background:#e3e8ef!important}
.ii-unified .ii-card > .ii-original[data-marketplace="rakuten"][data-asp-provider="moshimo_rakuten"] > a:has(img:not([width="1"])){
 display:flex!important;flex-direction:column!important;align-items:center!important;
 width:100%;max-width:100%;gap:4px;text-decoration:none!important
}
.ii-unified .ii-card:has(> .ii-original[data-marketplace="rakuten"]) > .ii-original-hint{display:none}
.ii-unified .ii-alternatives .ii-amazon-crossmall{display:none!important}
@media(max-width:700px){
 .ii-unified .ii-card > .ii-shop-actions{padding:6px!important;gap:5px}
 .ii-unified .ii-shop-actions__heading{font-size:11px!important}
 .ii-unified .ii-shop-actions > .ii-buy,
 .ii-unified .ii-shop-actions .ii-amazon-crossmall-button,
 .ii-unified .ii-card > .ii-original[data-marketplace="rakuten"] a:has(img:not([width="1"]))::after{font-size:12px!important}
}


/* 2026-11-07 purchase buttons v6: visible stores, no overlapping dropdown. */
/* Existing official creatives, item URLs, prices, and tracking stay unchanged. */
.ii-unified .ii-card{
 display:flex!important;flex-direction:column!important;
 position:relative!important;isolation:isolate;overflow:hidden
}
.ii-unified .ii-card > .ii-shop{order:0}
.ii-unified .ii-card > .ii-photo,
.ii-unified .ii-card > .ii-original{order:1}
.ii-unified .ii-card > .ii-title{order:2}
.ii-unified .ii-card > .ii-price{order:3}
.ii-unified .ii-card > .ii-original-hint{order:4}
.ii-unified .ii-card > .ii-shop-actions,
.ii-unified .ii-card > .ii-amazon-crossmall{order:5}
.ii-unified .ii-card > .ii-buy{order:6}
.ii-unified .ii-card > .ii-direct-stores,
.ii-unified .ii-card > .ii-alternatives{
 order:7;position:relative!important;z-index:0;flex-shrink:0;
 width:100%;height:auto;min-height:0!important;max-height:none;
 margin:10px 0 0!important;padding:8px 0 0!important;clear:both
}
/* Prior live PHP may still emit a details element while the PHP release rolls out. */
.ii-unified .ii-card > .ii-alternatives{
 display:block!important;border-top:1px solid #e7e3e9!important
}
.ii-unified .ii-card > .ii-alternatives > summary{
 position:relative!important;display:list-item!important;float:none!important;
 margin:0!important;padding:8px 4px!important;line-height:1.5!important;
 background:#fff!important;z-index:0;min-height:0!important
}
.ii-unified .ii-card:not(:has(> .ii-alternatives))::after{
 content:none!important;display:none!important
}
.ii-unified .ii-card > .ii-shop-actions{
 position:relative!important;z-index:0;float:none!important;
 display:flex!important;flex-direction:column!important;
 gap:6px!important;min-height:0!important;max-height:none!important;
 height:auto!important;overflow:visible!important;margin:10px 0 0!important;
 padding:7px!important
}
.ii-unified .ii-shop-actions > .ii-buy,
.ii-unified .ii-shop-actions .ii-amazon-crossmall-button,
.ii-unified .ii-direct-stores__button{
 display:flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;width:100%!important;min-height:44px!important;
 margin:0!important;padding:9px 5px!important;border:1px solid #d5dae1!important;
 border-radius:8px!important;background:#f2f4f7!important;color:#303843!important;
 font-size:12px!important;line-height:1.4!important;font-weight:700!important;
 text-align:center!important;text-decoration:none!important;
 position:relative!important;float:none!important;white-space:normal!important
}
.ii-unified .ii-direct-stores{
 display:flex!important;flex-direction:column!important;gap:6px!important;
 border-top:1px solid #e4e5ea!important
}
.ii-unified .ii-direct-stores__offer{
 padding:6px!important;border:1px solid #e4e5ea!important;border-radius:8px;
 background:#fafbfc;min-width:0
}
.ii-unified .ii-direct-stores__offer > .ii-price{
 margin:4px 2px 0!important;font-size:11px!important
}
.ii-unified .ii-direct-stores__offer > .ii-price strong{font-size:12px!important}
.ii-unified .ii-direct-stores__offer--original .ii-shop{
 font-size:11px!important;margin:0 0 4px!important
}
.ii-unified .ii-direct-stores__offer--original .ii-title{
 min-height:0!important;margin:4px 0!important;font-size:12px!important
}
.ii-unified .ii-direct-stores__offer--original .ii-original-hint{display:none!important}
.ii-unified .ii-direct-stores__offer--original .ii-original img:not([width="1"]){
 max-height:115px!important;height:auto!important;object-fit:contain
}
/* The button is part of the originally issued Rakuten image anchor, including
   nested A8 table creatives; do not split or re-issue its affiliate URL. */
.ii-unified .ii-card .ii-original[data-marketplace="rakuten"] a:has(img:not([width="1"]))::after{
 content:"楽天で見る"!important;display:flex!important;
 align-items:center!important;justify-content:center!important;
 width:100%!important;max-width:100%!important;min-height:44px!important;
 height:auto!important;max-height:none!important;box-sizing:border-box!important;
 margin:8px 0 0!important;padding:9px 5px!important;
 border:1px solid #d5dae1!important;border-radius:8px!important;
 background:#f2f4f7!important;color:#303843!important;
 font-size:13px!important;line-height:1.45!important;font-weight:700!important;
 text-align:center!important;text-decoration:none!important;
 white-space:normal!important;overflow:visible!important;visibility:visible!important;
 opacity:1!important;position:relative!important;float:none!important
}
.ii-unified .ii-card .ii-original[data-marketplace="rakuten"][data-asp-provider="moshimo_rakuten"] > a:has(img:not([width="1"])){
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 width:100%!important;max-width:100%!important;min-height:0!important;
 height:auto!important;overflow:visible!important
}
.ii-unified .ii-card .ii-original[data-marketplace="rakuten"][data-asp-provider="rakuten"] table a:has(img:not([width="1"])){
 display:inline-flex!important;flex-direction:column!important;
 align-items:stretch!important;max-width:100%!important;
 height:auto!important;overflow:visible!important
}
.ii-unified .ii-card .ii-original[data-marketplace="rakuten"] a:has(img:not([width="1"])):hover::after{
 background:#e3e8ef!important
}
@media(max-width:700px){
 .ii-unified .ii-card > .ii-shop-actions{padding:5px!important;gap:5px!important}
 .ii-unified .ii-card .ii-original[data-marketplace="rakuten"] a:has(img:not([width="1"]))::after{
  font-size:12px!important
 }
}


/* 2026-11-07 Yahoo multi-store chooser v8: lightweight native modal. */
/* The dialog is in the browser top layer; it never changes the product grid. */
.ii-unified .ii-yahoo-dialog:not([open]){display:none!important}
.ii-unified .ii-yahoo-dialog[open]{
 display:block!important;position:fixed!important;
 box-sizing:border-box!important;inset:0!important;
 width:min(92vw,410px)!important;max-width:410px!important;
 max-height:min(78vh,650px)!important;height:auto!important;
 margin:auto!important;padding:14px!important;
 overflow-y:auto!important;overflow-x:hidden!important;
 border:1px solid #ddd9e1!important;border-radius:14px!important;
 background:rgba(255,255,255,.97)!important;color:#30313b!important;
 box-shadow:0 14px 50px rgba(16,16,28,.25)!important;
 z-index:2147483000!important;isolation:isolate
}
.ii-unified .ii-yahoo-dialog::backdrop{
 background:rgba(26,30,39,.45)!important;
 backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)
}
.ii-unified .ii-yahoo-dialog__head{
 display:flex;align-items:center;justify-content:space-between;gap:8px
}
.ii-unified .ii-yahoo-dialog__head h3{
 font-size:16px!important;font-weight:800!important;
 margin:0!important;line-height:1.35!important;color:#383341!important
}
.ii-unified .ii-yahoo-dialog__close{
 display:grid!important;place-items:center!important;flex:0 0 38px;
 width:38px!important;height:38px!important;margin:0!important;
 background:#f0f1f5!important;border:1px solid #dedfe5!important;
 border-radius:50%!important;color:#303640!important;font-size:24px!important;
 line-height:1!important;cursor:pointer
}
.ii-unified .ii-yahoo-dialog__help,
.ii-unified .ii-yahoo-dialog__foot{
 margin:9px 0!important;font-size:12px!important;
 line-height:1.45!important;color:#6c6872!important
}
.ii-unified .ii-yahoo-dialog__grid{
 display:grid!important;grid-template-columns:repeat(auto-fit,minmax(94px,1fr))!important;
 gap:8px!important;margin:10px 0!important;max-width:100%
}
.ii-unified .ii-yahoo-dialog__store{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 box-sizing:border-box!important;gap:5px!important;min-width:0!important;
 margin:0!important;padding:7px!important;border:1px solid #e2dee6!important;
 border-radius:9px!important;background:#fff!important;text-decoration:none!important;
 color:#323843!important;overflow:hidden!important
}
.ii-unified .ii-yahoo-dialog__store:hover,
.ii-unified .ii-yahoo-dialog__store:focus-visible{
 background:#f6f4f8!important;border-color:#b3aabc!important
}
.ii-unified .ii-yahoo-dialog__store img{
 display:block!important;width:100%!important;height:95px!important;
 max-width:100%!important;object-fit:contain!important;
 background:#fff!important;border:0!important;margin:0!important
}
.ii-unified .ii-yahoo-dialog__store-name{
 font-size:12px!important;font-weight:800!important;line-height:1.4!important;
 text-align:center!important;color:#44424d!important
}
.ii-unified .ii-yahoo-dialog__price{width:100%!important;text-align:center!important}
.ii-unified .ii-yahoo-dialog__price .ii-price{
 margin:0!important;font-size:10px!important;line-height:1.35!important;
 text-align:center!important;overflow-wrap:anywhere!important
}
.ii-unified .ii-yahoo-dialog__price .ii-price strong{
 display:block!important;font-size:14px!important;color:#9e2455!important
}
.ii-unified .ii-yahoo-dialog__price .ii-price small{
 font-size:10px!important;line-height:1.3!important
}
/* Yahoo's owning card always shows one button, even if it opens a chooser. */
.ii-unified .ii-shop-actions .ii-yahoo-open,
.ii-unified .ii-direct-stores .ii-yahoo-open{
 cursor:pointer!important;appearance:none;box-sizing:border-box!important;
 width:100%!important;min-height:44px!important;
 background:#f2f4f7!important;border:1px solid #d5dae1!important;
 border-radius:8px!important;color:#303843!important;font-weight:700!important;
 font-size:12px!important;line-height:1.4!important
}
@media(max-width:700px){
 .ii-unified .ii-yahoo-dialog[open]{padding:12px!important;width:min(94vw,385px)!important}
 .ii-unified .ii-yahoo-dialog__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
 .ii-unified .ii-yahoo-dialog__store{padding:5px!important}
 .ii-unified .ii-yahoo-dialog__store img{height:80px!important}
}


/* 2026-11-08 storefront containment v9: Yahoo dialog fallback and native merchant creatives. */
/* Global fallback: a dialog reparented by a malformed third-party creative
   still must not spill Yahoo seller images into the product listing. */
dialog.ii-yahoo-dialog:not([open]){display:none!important}
dialog.ii-yahoo-dialog[open]{
 display:block!important;position:fixed!important;inset:0!important;
 box-sizing:border-box!important;width:min(92vw,400px)!important;
 max-width:400px!important;max-height:min(78dvh,620px)!important;
 height:auto!important;margin:auto!important;padding:12px!important;
 overflow-y:auto!important;overflow-x:hidden!important;
 border:1px solid #d8d3dd!important;border-radius:14px!important;
 background:rgba(255,255,255,.97)!important;
 color:#30313b!important;z-index:2147483000!important;
 box-shadow:0 16px 45px rgba(17,20,31,.3)!important
}
dialog.ii-yahoo-dialog::backdrop{
 background:rgba(25,25,40,.52)!important
}
dialog.ii-yahoo-dialog[open] .ii-yahoo-dialog__grid{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:6px!important;max-width:100%!important;margin:10px 0!important
}
dialog.ii-yahoo-dialog[open] .ii-yahoo-dialog__store{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 min-width:0!important;max-width:100%!important;padding:5px!important;
 overflow:hidden!important;box-sizing:border-box!important
}
dialog.ii-yahoo-dialog[open] .ii-yahoo-dialog__store img{
 display:block!important;width:100%!important;height:84px!important;
 max-height:84px!important;object-fit:contain!important
}
dialog.ii-yahoo-dialog[open] .ii-yahoo-dialog__store-name{
 font-size:12px!important;line-height:1.4!important;text-align:center!important
}
dialog.ii-yahoo-dialog[open] .ii-yahoo-dialog__price,
dialog.ii-yahoo-dialog[open] .ii-yahoo-dialog__price .ii-price{
 max-width:100%!important;min-width:0!important;
 font-size:11px!important;line-height:1.35!important;overflow-wrap:anywhere!important
}
/* Contain native A8/Moshimo alternate-store creatives WITHOUT altering
   their original image, tracking pixel, destination or issued text. */
.ii-unified .ii-card .ii-direct-stores__offer--original{
 box-sizing:border-box!important;max-height:290px!important;
 max-width:100%!important;overflow-y:auto!important;overflow-x:auto!important;
 scrollbar-width:thin
}
.ii-unified .ii-card .ii-direct-stores__offer--original .ii-original{
 max-width:100%!important;min-width:0!important
}
.ii-unified .ii-grid>.ii-card{
 min-width:0!important;max-width:100%!important
}
@media(max-width:700px){
 .ii-unified .ii-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important
 }
 dialog.ii-yahoo-dialog[open]{width:min(94vw,385px)!important}
 .ii-unified .ii-card .ii-direct-stores__offer--original{max-height:230px!important}
}
@media(min-width:1051px){
 .ii-unified .ii-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}


/* 2026-11-08 native Amazon purchase affordance v11 (original A8 links untouched). */
/* A8 Amazon HTML is a native 170px table with two separate provider-issued
   anchors. Visually label ONLY its existing clickable product-image anchor;
   do not extract hrefs, copy images or add an independent tracked link. */
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"]
 table a:has(> img:not([width="1"])){
 display:flex!important;flex-direction:column!important;align-items:center!important;
 max-width:100%!important;box-sizing:border-box!important;
 text-decoration:none!important;white-space:normal!important
}
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"]
 table a:has(> img:not([width="1"]))::after{
 content:"Amazonで見る"!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;position:relative!important;
 width:100%!important;min-height:44px!important;max-width:100%!important;
 margin:7px 0 0!important;padding:8px 5px!important;
 border:1px solid #d9b568!important;border-radius:8px!important;
 color:#47331a!important;background:#fff1d2!important;
 font-size:12px!important;font-weight:700!important;line-height:1.4!important;
 text-align:center!important;visibility:visible!important;opacity:1!important
}
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"] + .ii-original-hint{
 display:none!important
}
/* Distinguish the product-owned cross-mall Amazon text button from Yahoo.
   These are separate, already validated destination URLs in the same card. */
.ii-unified .ii-card > .ii-shop-actions .ii-amazon-crossmall-button{
 border-color:#d9b568!important;color:#47331a!important;
 background:#fff1d2!important
}
.ii-unified .ii-card > .ii-shop-actions > .ii-buy,
.ii-unified .ii-card .ii-direct-stores__offer--yahoo > .ii-buy{
 border-color:#ddacc2!important;color:#862b53!important;
 background:#fff0f6!important
}


/* 2026-11-08 mobile product shelf v12: phone-safe two columns and clear original-link CTAs. */
/* Rebalance product cards; never alter issued ASP hrefs, tracking pixels or
   creative HTML. Amazon's 170px A8 image stays at native resolution. */
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"]{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 overflow-x:auto!important;overflow-y:visible!important;
}
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table{
 margin-left:auto!important;margin-right:auto!important;
 max-width:100%!important;box-sizing:border-box!important;
}
.ii-unified .ii-card .ii-original[data-marketplace="rakuten"] a:has(img:not([width="1"]))::after{
 content:"楽天で見る"!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;max-width:100%!important;min-height:44px!important;
 padding:9px 5px!important;margin:8px 0 0!important;
 box-sizing:border-box!important;white-space:normal!important;
 border:1px solid #dca0bd!important;border-radius:8px!important;
 background:#fff0f6!important;color:#872449!important;
 font-size:13px!important;line-height:1.4!important;font-weight:800!important;
 text-align:center!important;visibility:visible!important;opacity:1!important;
}
.ii-unified .ii-card .ii-direct-stores__offer--original{
 max-height:none!important;overflow-y:visible!important;
}
/* Desktop-site mode on a phone often exposes a 980px layout viewport.
   Use a coarse primary pointer as well as the viewport width so that
   narrow physical touch devices do not collapse into tiny three-across ads. */
@media (max-width:700px), (pointer:coarse) and (max-width:1100px), (max-device-width:700px){
 .iinekore-shop-page .ii-unified .ii-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;align-items:start!important;
 }
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  min-width:0!important;width:100%!important;max-width:100%!important;
  min-height:0!important;height:auto!important;align-self:start!important;
  padding:7px!important;margin:0!important;overflow:hidden!important;
 }
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card::after{
  content:none!important;display:none!important;
 }
 .iinekore-shop-page .ii-unified .ii-card > .ii-photo{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-height:0!important;height:clamp(165px,44vw,205px)!important;
  max-width:100%!important;margin:0!important;padding:0!important;
 }
 .iinekore-shop-page .ii-unified .ii-card > .ii-photo img{
  display:block!important;width:100%!important;height:100%!important;
  max-width:100%!important;object-fit:contain!important;transform:none!important;
 }
 .iinekore-shop-page .ii-unified .ii-card > .ii-title{
  min-height:0!important;margin:7px 0!important;
  font-size:13px!important;line-height:1.45!important;
  display:-webkit-box!important;-webkit-line-clamp:4!important;
  -webkit-box-orient:vertical!important;overflow:hidden!important;
 }
 .iinekore-shop-page .ii-unified .ii-card > .ii-shop-actions{
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  margin:8px 0 0!important;padding:0!important;
 }
 .iinekore-shop-page .ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"]{
  justify-content:center!important;align-items:center!important;
 }
 .iinekore-shop-page .ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table{
  margin-inline:auto!important;max-width:100%!important;
 }
 .iinekore-shop-page .ii-unified .ii-card > .ii-original[data-marketplace="rakuten"] img:not([width="1"]){
  max-width:100%!important;height:auto!important;object-fit:contain!important;
 }
 .iinekore-shop-page .ii-unified .ii-card .ii-direct-stores__offer--original{
  max-height:none!important;overflow-y:visible!important;max-width:100%!important;
 }
 .iinekore-shop-page .ii-unified .ii-card .ii-direct-stores__offer--original .ii-original img:not([width="1"]){
  max-height:125px!important;width:auto!important;max-width:100%!important;
 }
 .iinekore-shop-page .ii-unified .ii-card .ii-original[data-marketplace="rakuten"] a:has(img:not([width="1"]))::after{
  min-height:44px!important;padding:9px 4px!important;font-size:12px!important;
 }
}

/* 2026-11-08 compact merchant dialogs and masonry v13: no duplicate ad stacks or dead row gaps. */
/* A second mall's intact official ad is presented only on demand.
   This does not extract tracking hrefs or replace the original creative. */
.ii-unified .ii-card .ii-merchant-open{
 display:flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;min-width:0!important;width:100%!important;
 min-height:44px!important;margin:0!important;padding:9px 5px!important;
 border:1px solid #d9b568!important;border-radius:8px!important;
 color:#47331a!important;background:#fff1d2!important;
 font-size:12px!important;line-height:1.4!important;font-weight:700!important;
 appearance:none!important;cursor:pointer!important;text-align:center!important
}
.ii-unified .ii-card .ii-merchant-open--rakuten{
 color:#872449!important;background:#fff0f6!important;border-color:#dca0bd!important
}
dialog.ii-merchant-dialog:not([open]){display:none!important}
dialog.ii-merchant-dialog[open]{
 display:block!important;position:fixed!important;inset:0!important;
 box-sizing:border-box!important;margin:auto!important;padding:14px!important;
 width:min(92vw,430px)!important;max-width:430px!important;
 max-height:min(80dvh,680px)!important;height:auto!important;
 overflow-x:hidden!important;overflow-y:auto!important;
 border:1px solid #d8d3dd!important;border-radius:14px!important;
 background:rgba(255,255,255,.98)!important;color:#30313b!important;
 box-shadow:0 16px 45px rgba(17,20,31,.3)!important;z-index:2147483000!important
}
dialog.ii-merchant-dialog::backdrop{background:rgba(25,25,40,.52)!important}
dialog.ii-merchant-dialog[open] .ii-merchant-dialog__head{
 display:flex!important;justify-content:space-between!important;
 align-items:center!important;gap:8px!important
}
dialog.ii-merchant-dialog[open] .ii-merchant-dialog__head h3{
 font-size:16px!important;line-height:1.4!important;margin:0!important
}
dialog.ii-merchant-dialog[open] .ii-merchant-dialog__close{
 display:grid!important;place-items:center!important;
 width:40px!important;height:40px!important;flex:0 0 40px!important;
 appearance:none!important;border:1px solid #dcdde2!important;
 border-radius:50%!important;color:#313542!important;background:#f2f2f4!important;
 font-size:24px!important;line-height:1!important;cursor:pointer!important
}
dialog.ii-merchant-dialog[open] .ii-merchant-dialog__help{
 margin:10px 0!important;font-size:12px!important;line-height:1.5!important
}
dialog.ii-merchant-dialog[open] .ii-merchant-dialog__creative{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 box-sizing:border-box!important;max-width:100%!important;
 overflow-x:auto!important;overflow-y:visible!important
}
dialog.ii-merchant-dialog[open] .ii-merchant-dialog__creative .ii-original{
 max-width:100%!important;overflow-x:auto!important
}
dialog.ii-merchant-dialog[open] .ii-merchant-dialog__creative .ii-original > table{
 max-width:100%!important;margin-inline:auto!important
}
dialog.ii-merchant-dialog[open] .ii-merchant-dialog__creative .ii-title{
 font-size:13px!important;line-height:1.4!important;max-width:100%!important;
 overflow-wrap:anywhere!important
}
/* Amazon's original ad includes its own complete product name. Hide only
   our own duplicated title; the issued affiliate ad itself is untouched. */
.ii-unified .ii-card:has(> .ii-original[data-marketplace="amazon"]) > .ii-title{
 display:none!important
}
/* Grid rows reserve the maximum height of Amazon's original ad. Progressive
   JS uses measured, independently stacked columns on touch layouts instead.
   Without JS, the prior two-column grid remains usable. */
@media (max-width:700px), (pointer:coarse) and (max-width:1100px), (max-device-width:700px){
 .iinekore-shop-page .ii-unified .ii-grid.ii-masonry-active{
  position:relative!important;display:block!important;min-height:100px!important;
  width:100%!important;box-sizing:border-box!important;overflow:visible!important
 }
 .iinekore-shop-page .ii-unified .ii-grid.ii-masonry-active > .ii-card{
  position:absolute!important;display:flex!important;flex-direction:column!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;box-sizing:border-box!important;
  align-self:start!important;transform:none!important;float:none!important
 }
}

/* 2026-11-08 Amazon native ad readability v14: short text and clear card separation. */
/* Preserve the entire original A8-issued image, destination, text and price
   markup. The text remains an accessible link; only its visual wrapping
   is reduced to stop a 170px native ad dominating a two-column card. */
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"]{
 align-self:stretch!important;box-sizing:border-box!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;
 min-width:0!important;max-width:100%!important;width:100%!important;
 overflow:visible!important;margin:0 auto!important
}
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table{
 box-sizing:border-box!important;width:min(100%,170px)!important;
 max-width:100%!important;margin:0 auto!important;
 table-layout:fixed!important;border:0!important;border-collapse:collapse!important;
 background:#fff!important
}
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table td{
 box-sizing:border-box!important;max-width:100%!important;
 padding:5px!important;overflow-wrap:anywhere!important;
 border:0!important;vertical-align:top!important
}
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table td img{
 display:block!important;max-width:100%!important;height:auto!important;
 max-height:185px!important;object-fit:contain!important;margin:0 auto!important
}
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table td p{
 box-sizing:border-box!important;margin:4px 0!important;
 font-size:11px!important;line-height:1.35!important;
 overflow-wrap:anywhere!important
}
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table td p > a{
 display:-webkit-box!important;-webkit-box-orient:vertical!important;
 -webkit-line-clamp:3!important;line-clamp:3!important;
 overflow:hidden!important;max-height:4.05em!important;
 color:#8e3057!important;text-decoration:underline!important;
 font-size:11px!important;line-height:1.35!important
}
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table td p[style*="color:#cc0000"]{
 margin:4px 0!important;font-size:10px!important;line-height:1.25!important
}
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table td p[style*="color:#cc0000"] span{
 font-size:9px!important;line-height:1.2!important
}
/* One item = one bordered card, regardless of seller and row height.
   The gap remains visible even when the next card is a different mall. */
.iinekore-shop-page .ii-unified .ii-grid > .ii-card{
 position:relative;isolation:isolate;
 border:1px solid #e6d5df!important;border-radius:11px!important;
 background:#fff!important;
 box-shadow:0 2px 6px rgba(75,40,65,.07)!important;
 padding:8px!important;
}
.iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-original[data-marketplace="amazon"]{
 border-top:1px solid #f1e6ed!important;
 padding-top:6px!important
}
@media (max-width:700px), (pointer:coarse) and (max-width:1100px), (max-device-width:700px){
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card{
  border:1px solid #e6d5df!important;border-radius:11px!important;
  padding:7px!important
 }
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-original[data-marketplace="amazon"] > table{
  width:min(100%,170px)!important
 }
}

/* 2026-11-08 Amazon wider official creative v15: reduce narrow text columns without changing ad HTML. */
/* A8's publisher-issued Amazon creative is a 170px HTML table with a
   140px image column. Keep its original anchor, image, title, price and
   1x1 tracking pixel, but use the available width inside the product card.
   Narrow screens continue to clamp everything to card width. */
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table{
 width:min(100%,242px)!important;min-width:0!important;max-width:100%!important;
 table-layout:fixed!important;margin:0 auto!important
}
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table td{
 width:100%!important;min-width:0!important;max-width:100%!important;
 padding:5px 7px!important;text-align:left!important
}
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table td > a:has(> img:not([width="1"])){
 width:100%!important;max-width:100%!important;min-width:0!important;
 align-items:center!important
}
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table td > a > img:not([width="1"]){
 display:block!important;width:min(100%,190px)!important;
 max-width:100%!important;height:auto!important;max-height:190px!important;
 object-fit:contain!important;margin:0 auto!important
}
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table td p > a{
 font-size:12px!important;line-height:1.4!important;
 -webkit-line-clamp:3!important;line-clamp:3!important;
 max-height:4.2em!important;overflow:hidden!important;
 overflow-wrap:anywhere!important
}
.ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table td p[style*="color:#cc0000"]{
 font-size:11px!important;margin:5px 0 0!important;
 line-height:1.35!important
}
/* Prevent compressed ASP text from being mistaken for the next card. */
.iinekore-shop-page .ii-unified .ii-grid > .ii-card{
 outline:1px solid rgba(185,122,153,.14)!important;
 outline-offset:-1px!important
}
@media (max-width:700px), (pointer:coarse) and (max-width:1100px), (max-device-width:700px){
 .iinekore-shop-page .ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table{
  width:min(100%,242px)!important
 }
 .iinekore-shop-page .ii-unified .ii-card > .ii-original[data-marketplace="amazon"][data-asp-provider="amazon"] > table td > a > img:not([width="1"]){
  width:min(100%,190px)!important;max-height:190px!important
 }
}

/* 2026-11-08 PC three-column merchandising v16 and Rakuten title before CTA. */
/* Desktop: a 13-15 inch laptop should show readable products in three
   columns, not a dense four-column thumbnail gallery. Keep phone desktop
   emulation at two columns via the existing touch-pointer override. */
@media (min-width:701px) and (pointer:fine), (min-width:1101px){
 .iinekore-shop-page .ii-unified .ii-grid:not(.ii-masonry-active){
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;align-items:start!important
 }
 .iinekore-shop-page .ii-unified .ii-grid:not(.ii-masonry-active) > .ii-card{
  height:auto!important;min-height:0!important;align-self:start!important;
  padding:10px!important
 }
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-photo{
  height:clamp(238px,23vw,290px)!important;max-height:290px!important;
  flex:0 0 auto!important
 }
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-photo img{
  width:100%!important;height:100%!important;
  max-width:100%!important;object-fit:contain!important;transform:none!important
 }
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-original[data-marketplace="rakuten"][data-asp-provider="moshimo_rakuten"] > a > img:not([width="1"]){
  height:clamp(238px,23vw,290px)!important;max-height:290px!important;
  width:100%!important;max-width:100%!important;
  object-fit:contain!important;transform:none!important
 }
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-title{
  font-size:15px!important;line-height:1.5!important;
  -webkit-line-clamp:3!important;min-height:0!important
 }
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-shop{
  font-size:12px!important
 }
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card .ii-buy,
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card .ii-amazon-crossmall-button,
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card .ii-merchant-open{
  font-size:14px!important;line-height:1.45!important;min-height:44px!important
 }
}
/* The original Moshimo Rakuten advertisement wraps both its image and
   a generated CTA in ONE official affiliate anchor. Move only its generated
   ::after label visually below our product title; the intact native image
   link remains the clickable owner of the button and the tracker is intact.
   In a local Chromium interaction test the repositioned CTA still clicks
   its original anchor. */
.iinekore-shop-page .ii-unified .ii-grid > .ii-card:has(> .ii-original[data-marketplace="rakuten"][data-asp-provider="moshimo_rakuten"][data-format="image"]){
 position:relative!important;padding-bottom:63px!important
}
.iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-original[data-marketplace="rakuten"][data-asp-provider="moshimo_rakuten"][data-format="image"] > a:has(> img:not([width="1"])){
 position:static!important
}
.iinekore-shop-page .ii-unified .ii-grid > .ii-card:has(> .ii-original[data-marketplace="rakuten"][data-asp-provider="moshimo_rakuten"][data-format="image"])
 .ii-original[data-marketplace="rakuten"][data-asp-provider="moshimo_rakuten"] > a:has(> img:not([width="1"]))::after{
 content:"楽天で見る"!important;
 position:absolute!important;bottom:8px!important;left:8px!important;right:8px!important;
 width:auto!important;max-width:none!important;height:44px!important;
 min-height:44px!important;max-height:44px!important;
 margin:0!important;padding:9px 5px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 z-index:1!important;box-sizing:border-box!important
}

/* 2026-11-08 mobile masonry Rakuten placement v17: preserve absolute cards with title-first CTA. */
/* v16 title-first Rakuten rule needs position:relative for the native ad
   pseudo-button's containing block. In the v13 measured mobile columns,
   however, EVERY card must remain position:absolute so JS can place it
   correctly. An absolutely positioned card is also a containing block.
   This narrowly-scoped selector wins over v16 without changing affiliate
   markup, link targets, or desktop layout. */
@media (max-width:700px), (pointer:coarse) and (max-width:1100px), (max-device-width:700px){
 .iinekore-shop-page .ii-unified .ii-grid.ii-masonry-active >
 .ii-card:has(> .ii-original[data-marketplace="rakuten"][data-asp-provider="moshimo_rakuten"][data-format="image"]){
  position:absolute!important
 }
}

/* 2026-11-08 verified-price visibility and store selector CTA v18. */
/* Price is an observed amount only; missing data is a useful textual state.
   Keep each Yahoo store's price directly above its OWN official VC link CTA. */
.iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-price{
 order:3!important;display:block!important;
 margin:6px 0 8px!important;min-height:22px!important;
 font-size:13px!important;line-height:1.45!important;color:#42343c!important
}
.iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-price strong{
 font-size:17px!important;line-height:1.35!important;color:#a22b62!important
}
.iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-price--unavailable,
.iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-price--stale{
 font-size:12px!important;color:#665e65!important
}
.ii-unified .ii-yahoo-dialog__store .ii-yahoo-dialog__price{
 width:100%!important;margin:5px 0 6px!important;
 text-align:center!important;min-height:30px!important
}
.ii-unified .ii-yahoo-dialog__store .ii-yahoo-dialog__price .ii-price{
 margin:0!important;line-height:1.4!important;font-size:11px!important
}
.ii-unified .ii-yahoo-dialog__store .ii-yahoo-dialog__price .ii-price strong{
 font-size:15px!important;display:block!important;color:#a22b62!important
}
.ii-unified .ii-yahoo-dialog__store-cta{
 margin-top:auto!important;display:flex!important;align-items:center!important;
 justify-content:center!important;width:100%!important;min-height:38px!important;
 padding:6px 3px!important;box-sizing:border-box!important;
 border:1px solid #d9b8c6!important;border-radius:7px!important;
 background:#fdf0f5!important;color:#923d63!important;
 text-align:center!important;font-size:12px!important;font-weight:750!important
}
@media(max-width:700px){
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-price{
  font-size:11px!important;line-height:1.4!important;min-height:20px!important;
 }
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-price strong{
  font-size:14px!important
 }
 .ii-unified .ii-yahoo-dialog__store-cta{font-size:11px!important;padding:6px 2px!important}
}

/* 2026-11-08 dated historical Yahoo reference price v19: never a live quote. */
.iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-price--historical{
 display:block!important;order:3!important;
 margin:6px 0 8px!important;padding:5px 6px!important;
 border:1px solid #eee1e8!important;border-radius:7px!important;
 background:#fdf9fb!important;font-size:12px!important;
 line-height:1.45!important;color:#615965!important
}
.iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-price--historical strong{
 font-size:16px!important;font-weight:800!important;color:#9a3464!important
}
.iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-price--historical small,
.ii-unified .ii-yahoo-dialog__price .ii-price--historical small{
 display:block!important;line-height:1.4!important;font-size:10px!important;color:#645a62!important
}
.ii-unified .ii-yahoo-dialog__price .ii-price--historical strong{
 display:block!important;font-size:15px!important;color:#9a3464!important
}
@media(max-width:700px){
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-price--historical{
  padding:4px!important;font-size:11px!important
 }
 .iinekore-shop-page .ii-unified .ii-grid > .ii-card > .ii-price--historical strong{font-size:14px!important}
}

/* 2026-11-10 LinkShare native creative v20: original 128px image and issued markup untouched. */
/* LinkShare forbids altering official banner/image sizes. Prior generic
   Rakuten pseudo-CTAs and image/table styling apply to other ASPs, not
   to its official 300px-wide, 128px image + text creative.
   Keep the publisher-issued table completely intact in a horizontally
   scrollable card on narrow screens. Show the native image/text links. */
.iinekore-shop-page .ii-unified .ii-card .ii-original[data-marketplace="rakuten"][data-asp-provider="linkshare_rakuten"]{
 display:block!important;
 max-width:100%!important;
 width:100%!important;
 overflow-x:auto!important;
 overflow-y:visible!important;
 min-width:0!important
}
.iinekore-shop-page .ii-unified .ii-card .ii-original[data-marketplace="rakuten"][data-asp-provider="linkshare_rakuten"] a:has(img:not([width="1"]))::after{
 content:none!important;
 display:none!important
}
.iinekore-shop-page .ii-unified .ii-card > .ii-original[data-marketplace="rakuten"][data-asp-provider="linkshare_rakuten"] + .ii-original-hint{
 display:block!important;
 font-size:11px!important;
 text-align:center!important
}
/* A different merchant's image may be shown only as that merchant's own
   independently licensed affiliate image; do not borrow Yahoo images for a
   standalone LinkShare creative, and do not scale LinkShare 128px to 200px. */

/* Keyword-only Yahoo complement: counts precede licensed product images. */
.ii-unified .ii-search-fallback{margin:18px 0 22px}
.ii-unified .ii-search-fallback__counts{display:flex;flex-wrap:wrap;gap:9px 20px;font-size:15px;font-weight:700;margin:0 0 16px}
.ii-unified .ii-search-fallback__counts span{display:inline-block;padding:8px 12px;background:#fff3f8;border:1px solid #f0d7e3;border-radius:8px}
.ii-unified .ii-search-fallback__counts strong{font-size:19px;color:#97305f}
.ii-unified .ii-search-fallback__seller{font-size:12px;color:#6d6268;margin:0 0 10px}
.ii-unified .ii-search-fallback__local{margin:12px 0 25px;font-size:14px}
.ii-unified .ii-search-fallback__local a{color:#923560;text-decoration:underline}
@media(max-width:650px){
 .ii-unified .ii-search-fallback__counts{font-size:14px;gap:8px}
 .ii-unified .ii-search-fallback__counts span{flex:1 1 125px;min-width:0}
 .ii-unified .ii-search-fallback__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ii-unified .ii-search-fallback__grid .ii-photo{height:174px}
}

/* Product-only global search & character shop shared footer, 2026-11-12 */
.ii-top-product-search{box-sizing:border-box;max-width:1180px;margin:10px auto 22px;padding:18px 20px;background:#fff5f9;border:1px solid #efd9e3;border-radius:14px;width:calc(100% - 32px)}
.ii-top-product-search h2{font-size:19px;line-height:1.5;margin:0 0 10px;font-weight:800;color:#662d47}
.ii-unified .ii-combined-search{margin:25px 0 12px;padding:18px;background:#fff5f9;border:1px solid #efd9e3;border-radius:12px}
.ii-unified .ii-combined-search h3{font-size:18px;line-height:1.5;font-weight:800;margin:0 0 10px;color:#662d47}
.ii-products-search-form{display:flex;gap:10px;align-items:stretch;width:100%;box-sizing:border-box}
.ii-products-search-form label{display:block;flex:1 1 auto;min-width:0;margin:0}
.ii-products-search-form input[type=search]{display:block;box-sizing:border-box;min-height:46px;padding:10px 14px;background:#fff;border:1px solid #c4a6b6;border-radius:9px;width:100%;font-size:16px;color:#352d34}
.ii-products-search-form button{flex:0 0 auto;min-width:90px;min-height:46px;padding:9px 15px;border:0;border-radius:9px;background:#aa2865;color:#fff;font-weight:800;font-size:15px;cursor:pointer}
.ii-native-search{margin:20px auto 35px!important;max-width:1180px;width:calc(100% - 32px);box-sizing:border-box}
.ii-native-search > h1{font-size:clamp(21px,3vw,29px);margin:0 0 18px;color:#412a37}
.ii-native-search > .ii-products-search-form{margin:0 0 18px}
.ii-native-search .ii-search-fallback__grid{margin-top:15px}
@media(max-width:650px){
 .ii-top-product-search{padding:13px 12px}
 .ii-top-product-search h2{font-size:17px}
 .ii-native-search{width:calc(100% - 22px)}
 .ii-products-search-form{gap:6px}
 .ii-products-search-form button{min-width:77px;padding:10px}
 .ii-unified .ii-combined-search{padding:13px}
}

/* 2026-11-12 product-only search archive: suppress legacy news controls */
/* Applied on native WordPress search archives only. Keep the site logo,
   actual product search and original Yahoo! JAPAN attribution visible. */
body.search .iik-site-header .iik-header-search,
body.search .iik-site-header .iik-category-nav,
body.search #wp--skip-link--target > h1.wp-block-query-title,
body.search #wp--skip-link--target > form.ii-products-search-form,
body.search #wp--skip-link--target > div.wp-block-group.alignwide:last-child:has(> h2.wp-block-heading) {
  display: none !important;
}
body.search #ii-sitewide-products {
  margin-top: 0 !important;
}
body.search #ii-sitewide-products > h1 {
  font-size: clamp(22px, 5vw, 32px);
  line-height: 1.45;
  margin: 0 0 18px;
}

/* 2026-11-12 homepage keep one search field only */
/* The existing site header search remains the single entry point. */
.ii-top-product-search {
  display: none !important;
}