/* HOTNEWS Content Blocks — 記事内の共通パーツ（吹き出し＋Check画像／Amazonリンク）。テーマに依存しない */

/* ---- Amazonで詳細をみる（商品画像の代わりに「？」アイコン） ---- */
.hn-amz{
  display:inline-flex;align-items:center;gap:.65em;max-width:100%;box-sizing:border-box;
  padding:.55em .95em .55em .6em;border:1px solid #ddd;border-radius:999px;background:#fff;
  color:#c45500;font-weight:700;line-height:1.3;text-decoration:none;
}
.hn-amz:hover{background:#fff8ef;border-color:#f90;text-decoration:none}
.hn-amz__q{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:2.1em;height:2.1em;border:2px solid #f90;border-radius:50%;box-sizing:border-box;
  color:#f90;font-weight:700;font-size:1em;line-height:1;
}
.hn-amz__label{min-width:0;overflow-wrap:anywhere}

/* ---- 吹き出し ＋ Check画像（.osusume-item-fukidashi-box） ---- */
.osusume-item-fukidashi-box{
  display:flex;flex-direction:column;align-items:center;box-sizing:border-box;
  width:100%;max-width:100%;margin:1.6em auto;text-align:center;
}
.osusume-item-fukidashi-box *{box-sizing:border-box}
.osusume-item-fukidashi-box>p,
.osusume-item-fukidashi-box>div{
  position:relative;display:block;width:min(100%,420px);margin:0 auto 34px;padding:16px 18px;
  background:#fff;border:3px solid #555;border-radius:10px;color:#555;font-size:1em;line-height:1.5;
}
/* 吹き出しのしっぽ（下向き） */
.osusume-item-fukidashi-box>p:before,
.osusume-item-fukidashi-box>div:before{
  content:"";position:absolute;bottom:-23px;left:50%;margin-left:-13px;
  border:11px solid transparent;border-top:12px solid #fff;z-index:2;
}
.osusume-item-fukidashi-box>p:after,
.osusume-item-fukidashi-box>div:after{
  content:"";position:absolute;bottom:-31px;left:50%;margin-left:-16px;
  border:14px solid transparent;border-top:14px solid #555;z-index:1;
}
/* 吹き出し内のAmazonリンクは枠なしで中央に */
.osusume-item-fukidashi-box>p .hn-amz,
.osusume-item-fukidashi-box>div .hn-amz{border:0;background:transparent;padding:.2em .4em;justify-content:center}
.osusume-item-fukidashi-box>p .hn-amz:hover,
.osusume-item-fukidashi-box>div .hn-amz:hover{background:transparent;text-decoration:underline}
.osusume-item-fukidashi-box>p>span,
.osusume-item-fukidashi-box>div>span{font-size:.75em;color:#888}
/* Check画像：画面幅に応じて 96〜160px */
.osusume-item-fukidashi-box>span{display:block;line-height:0;margin:0}
.osusume-item-fukidashi-box>span img{display:block;width:clamp(96px,28vw,160px);max-width:100%;height:auto;margin:0 auto}

@media (max-width:480px){
  .osusume-item-fukidashi-box>p,.osusume-item-fukidashi-box>div{padding:12px 10px;font-size:.95em}
  .hn-amz{padding:.5em .8em .5em .5em}
}

/* ---- 注意書き（古い記事）：画像は小さく、テキストの左側に回り込む ---- */
.hn-notice{
  display:flow-root;box-sizing:border-box;margin:0 0 1.5em;padding:.8em 1em;
  border:1px solid #e7c872;border-radius:6px;background:#fffbea;color:#6b5314;
}
.hn-notice img{
  float:left;width:44px;height:auto;margin:.1em .9em .2em 0;
}
.hn-notice p{margin:0;padding:0;font-size:.95em;line-height:1.7}
@media (max-width:480px){
  .hn-notice{padding:.7em .8em}
  .hn-notice img{width:36px;margin-right:.7em}
}