/*-----タイトル-----*/---


/* 左寄せ（このページのみ） */
#magazine-intro .container {
  margin: 0;
}

#magazine-intro .page-title__text--main,
#magazine-intro .page-title__text--main2,
#magazine-intro .page-title__text--main3,
#magazine-intro .info-title__text--main,
#magazine-intro .info-lead,
#magazine-intro .info-lead-link {
  text-align: left;
}
#magazine-intro .info-section {
  background: #fff;
  padding: 10px 20px 20px;
  margin-bottom: 49px;
}

#magazine-intro .info-lead {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
  letter-spacing: normal;
  margin: 0 0 5px 10px;
}
.info-lead-title{
  font-size: 27px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 15px;
}
.info-lead-title02{
  font-size: 27px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 10px;
}
#magazine-intro .page-title__space{
   letter-spacing: normal;
}
.order-intro{
  font-size: 80%;
  font-weight: 500; /* 指定の太さ */
}
.order-list{
  margin: 0 0 14px 16px;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 500;
  list-style: none;
}
.order-list li{
  position: relative;
  padding-left: 12px;
}
.order-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: -1px;
}

/* 最下段「弊社FAX（03-5771-4601）」の直下余白を10pxに */
.order-list li:last-child{ margin-bottom: 10px; }
/* 「CHINTAI発行の商品情報」見出しの上余白を21pxに（該当箇所のみ） */
#shutoArea .order-note + div > p.info-lead .under{
  display: inline-block;
}
.order-note{
  font-size: 12px;
  line-height: 1.6;
  font-weight: 500;
  margin: 0 0 30px 26px;
}
/* 注意文の2行目を1インデント */
.order-note__indent{ display: inline-block; margin-left: 1em; }
/* リンクは下線・ブランドカラー */
.order-note__link{ text-decoration: underline; color: #1d2088; }
/* ホバー時も色・下線を維持（グローバルのopacity変更を無効化） */
.order-note__link:hover,
.order-note__link:focus,
.order-note__link:active,
.order-note__link:visited{
  color: #1d2088;
  text-decoration: underline;
  opacity: 1;
}
.under{
  background-repeat: repeat-x;
  background-position: 0 50%;
  background-image: url(images/bg_highlight03.png);
}



/*-----テーブル-----*/

:root { --chintai-blue: #3f44bf; }

.mag-table{
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  border: 2px solid var(--chintai-blue);
}

.mag-table__row{
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr; /* 誌名をさらに広く */
  align-items: stretch; /* セルを行高いっぱいにして縦線の上下隙間を防止 */
}

.mag-table__row + .mag-table__row{
  border-top: 1px solid var(--chintai-blue);
}

.mag-table__cell{
  padding: 10px 12px;
  border-left: 1px solid var(--chintai-blue);
  font-size: 16px;
  font-weight: 600;
  display: flex;            /* テキストをセル内で上下中央に */
  align-items: center;
}

/* 誌名セルは2行構成にする（タイトル＋補足） */
.mag-table__cell[data-label="誌名"]{
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.mag-table__cell[data-label="誌名"] .mag-note-80{
  display: block;
  margin-top: 12px;
  padding-bottom: 3.8px;
}

/* 宮崎版の行だけ上下の余白を圧縮 */
.mag-table__row--compact .mag-table__cell{
  padding: 10px 12px;
}

/* 誌名セル内の補足行を80%に */
.mag-table__cell .mag-note-80{
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

/* テーブル下の注意文 */
.mag-table__note{
  color: #1d2088;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

/* 注意文2行目を1インデント（約1em）右に */
.mag-table__note--indent{
  display: inline-block;
  margin-left: 1em;
}

.mag-table__cell:first-child{ border-left: 0; }
.mag-table__row--head{ font-weight: 700; }

/* スマホ：行ごと縦積み（見出しは非表示、各セルにラベル表示） */
@media (max-width: 600px){
  .mag-table__row--head{ display: none; }
  .mag-table__row{ display: block; }
  .mag-table__cell{
    display: flex;
    gap: 8px;
    border-left: 0;
    border-top: 1px solid var(--chintai-blue);
    padding: 10px 12px;
  }
  .mag-table__cell:first-child{ border-top: 0; }
  .mag-table__cell::before{
    content: attr(data-label);
    font-weight: 700;
    width: 7.5em;
    flex: 0 0 auto;
  }
}