/* =========================================================
   COUPON 中ページ 中身（1920基準）
   白背景/ヘッダー色/3カラム枠/タイトル/レスポンシブ/黒バー(.cp_bar)は common.css に集約。
   ここは COUPON 固有のクーポン画像・表のみ。
   ========================================================= */
.cp_item{margin-bottom:80px;}
.cp_item:last-child{margin-bottom:0;}
.cp_item[id]{scroll-margin-top:120px;}

.cp_img{
  display:block;
  width:448px;
  max-width:100%;
  height:auto;
  margin:64px auto 0;
}
.cp_table{
  width:100%;
  margin:64px 0 0;
}
.cp_row{
  display:flex;
  align-items:center;
  border-bottom:1px solid #000;
  min-height:88px;
  padding:24px 0;
}
.cp_row:last-child{
  border-bottom:none;
}
.cp_row dt{
  width:144px;
  flex-shrink:0;
  text-align:center;
  font-family:'Zen Kaku Gothic New',sans-serif;
  font-weight:700;
  font-size:16px;
  letter-spacing:0;
  color:var(--c-about-label);/* ore=オレンジ(トップABOUT dtと同じトークン。default/whiは黒) */
}
.cp_row dd{
  padding-left:40px;
  font-family:'Zen Kaku Gothic New',sans-serif;
  font-weight:700;
  font-size:16px;
  letter-spacing:0;
  color:#000;
}

@media (max-width:768px){
  .cp_row{
    flex-direction:column;
    align-items:stretch;
    padding:16px 0;
  }
  .cp_row dt{
    width:auto;
    text-align:left;
  }
  .cp_row dd{
    padding-left:0;
    margin-top:16px;
    text-align:right;
  }
  .cp_row dd.cp_msg{
    text-align:left;
  }
}