/** Shopify CDN: Minification failed

Line 12:4 Unexpected "*"
Line 21:55 Unexpected "#489ef0"
Line 24:51 Unexpected ".208で踏んだのと同じ罠）"

**/
/* ============================================================
   BONSAI カスタム: お知らせ（TOP）／意思決定ログ No.221

   旧サイト default.css の「/*ショップからのお知らせ*/」ブロックを移植したもの。
   **値は旧サイトのまま**。独自の調整を混ぜないこと（No.205 と同じ方針）。

   旧サイトの該当規則:
     .news h2::before        { content:"Information"; display:block; font-size:27px; margin-bottom:12px }
     .news .news-contents    { overflow:hidden; padding:5px 0 0 }
     dl.news-box             { font-size:85%; color:#333; padding:10px 0; border-bottom:1px dotted #000 }
     dl.news-box:first-child { border-top:1px dotted #B9B9B9 }
     .news-box dd            { line-height:145% }
     .news-box dd > span     { display:inline-block; padding-bottom:20px; font-weight:bold; color:#000 }
     .news-box dd a          { color:#2675c1 }   hover #489ef0
     #main-column .news-contents dd { font-size:13px }

   🔴 Rise標準の打ち消しが2つ要る（No.208で踏んだのと同じ罠）:
     base.css `.rte img` … 全画像に枠線・角丸・影を付けてくる
     base.css `.rte a`   … 下線と色をテーマ配色にしてくる
   ============================================================ */

.bonsai-news__title {
  margin: 0 0 12px;
}

/* 旧サイトは h2 の上に「Information」を出していた */
.bonsai-news__title[data-eyebrow]::before {
  content: attr(data-eyebrow);
  display: block;
  font-size: 2.7rem;
  line-height: 1.2;
  margin-bottom: 12px;
  font-weight: 400;
}

.bonsai-news__contents {
  overflow: hidden;
  padding: 5px 0 0;
}

/* 1段組。カードにも枠にもしない＝旧サイトは点線で区切るだけ */
.bonsai-news__box {
  margin: 0;
  padding: 10px 0;
  color: #333;
  border-bottom: 1px dotted #000;
}

.bonsai-news__box:first-child {
  border-top: 1px dotted #b9b9b9;
}

.bonsai-news__box dd {
  margin: 0;
  line-height: 145%;
  font-size: 1.3rem;
}

.bonsai-news__heading {
  display: inline-block;
  padding-bottom: 20px;
  font-weight: bold;
  color: #000;
  font-size: 1.5rem;
}

.bonsai-news__heading a {
  color: inherit;
  text-decoration: none;
}

.bonsai-news__heading a:hover {
  text-decoration: underline;
}

.bonsai-news__heading time {
  display: inline-block;
  margin-left: 1rem;
  font-weight: 400;
  font-size: 1.2rem;
  color: #666;
}

/* 本文（記事の全文）。旧サイトの見え方に合わせる */
.bonsai-news__body {
  font-size: 1.3rem;
  line-height: 145%;
}

.bonsai-news__body a {
  color: #2675c1;
  text-decoration: none;
}

.bonsai-news__body a:hover {
  color: #489ef0;
  text-decoration: underline;
}

/* 🔴 Rise標準 base.css の `.rte img` が枠線・角丸・影を付けてくるので打ち消す。
   旧サイトの商品画像には枠が無い（No.208で全ブランドページを直したのと同じ件） */
.bonsai-news__body img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  max-width: 100%;
  height: auto;
}

/* 旧サイトのHTMLは align="right" で画像を回り込ませている */
.bonsai-news__body img[align='right'] {
  float: right;
  margin: 0 0 10px 15px;
}

.bonsai-news__body img[align='left'] {
  float: left;
  margin: 0 15px 10px 0;
}

.bonsai-news__more {
  display: inline-block;
  margin-top: 15px;
  font-size: 1.3rem;
}

/* SPは回り込みを解除して縦に積む（狭い幅で文字が数文字ずつになるのを防ぐ） */
@media screen and (max-width: 749px) {
  .bonsai-news__body img[align='right'],
  .bonsai-news__body img[align='left'] {
    float: none;
    display: block;
    margin: 10px auto;
  }

  .bonsai-news__title[data-eyebrow]::before {
    font-size: 2.2rem;
  }
}