/* 参考画像の枠と、楽天の発行コードを包む外枠。発行コード（a と img）の属性・寸法には触れない。 */
.public-reference{margin:0 0 .6rem;max-width:100%;text-align:left}
/* 枠は白地・5:3。画像は縦横比を保って収め、小さい画像は拡大しない。 */
.public-reference-link{display:flex;width:150px;height:90px;max-width:100%;align-items:center;justify-content:center;background:#fff;border:1px solid #d9e1e7;border-radius:8px;padding:8px;box-sizing:border-box}
.public-reference-link:hover{border-color:var(--nagi-edge,#b9c4cc)}
.public-reference img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.public-reference img[hidden]{display:none}
.public-reference figcaption{margin-top:4px;font-size:max(12px,.75rem);line-height:1.5;color:#52626e;max-width:22rem}
.public-reference small{display:block;font-size:inherit}
.public-reference small a{text-decoration:underline}
/* 詳細ページの先頭に置く参考画像は、一覧より一回り大きい枠にする。 */
:is(.detail-hero,article.article,section.intro,main)>.public-reference>.public-reference-link{width:220px;height:132px;padding:12px}
.reference-failure{display:block}
.reference-failure[hidden]{display:none}
.hd-rakuten-frame[hidden]{display:none}
.hd-rakuten-failure[hidden]{display:none}
/* 楽天の画像リンク：外枠だけを整える。画像は発行された大きさのまま（縮小・拡大しない）。 */
.hd-rakuten-package{margin:.75rem 0;max-width:100%;overflow-x:auto;background:#fff;border:1px solid #d9e1e7;border-radius:10px;padding:10px 12px;box-sizing:border-box}
.hd-rakuten-frame{box-sizing:content-box;width:auto!important;max-width:100%}
.hd-rakuten-package p{font-size:max(13px,.8125rem);line-height:1.5;margin:0}
.hd-official-image{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;align-items:start}
.hd-official-image>figcaption{grid-column:2;grid-row:1;max-width:30em;font-size:max(14px,.875rem);line-height:1.6;color:#16212b}
.hd-official-image>a{grid-column:1;grid-row:1;line-height:0;justify-self:start}
.hd-official-image>a>img{max-width:none}
@media(max-width:600px){
.public-reference-link{width:124px;height:76px;padding:6px}
:is(.detail-hero,article.article,section.intro,main)>.public-reference>.public-reference-link{width:180px;height:108px;padding:10px}
}
@media(max-width:520px){
.hd-official-image{grid-template-columns:minmax(0,1fr)}
.hd-official-image>figcaption,.hd-official-image>a{grid-column:1;grid-row:auto}
}