@charset "UTF-8";
/*==================================================

** earthquake
==================================================*/
#earthquakeDetail .phtbox {
  margin-top: 48px;
  gap: 0 24px; }
  #earthquakeDetail .phtbox .pht {
    width: 200px; }
#earthquakeDetail .earthquake-tbl {
  margin-top: 64px; }
  #earthquakeDetail .earthquake-tbl .bg-rd {
    background: #df2b22; }
  #earthquakeDetail .earthquake-tbl .bg-rd-l {
    background: #fceae9; }
  #earthquakeDetail .earthquake-tbl .bg-bl {
    background: #043160; }
  #earthquakeDetail .earthquake-tbl .size-s {
    width: 14.4%;
    color: #fff;
    font-size: 2.0rem; }
  #earthquakeDetail .earthquake-tbl .size-m {
    width: 22.3%; }
  #earthquakeDetail .earthquake-tbl .size-l {
    width: 60.3%; }
  #earthquakeDetail .earthquake-tbl .fz-l {
    font-size: min(1.78vw, 2rem); }
  #earthquakeDetail .earthquake-tbl .bd-gy {
    border: 1px solid #ddd; }
  #earthquakeDetail .earthquake-tbl + .earthquake-tbl {
    margin-top: 16px; }
#earthquakeDetail .earthquake-box {
  gap: 16px 0; }
  #earthquakeDetail .earthquake-box dt {
    font-weight: 700; }
  #earthquakeDetail .earthquake-box sup {
    font-size: 1.0rem;
    line-height: 1; }
  #earthquakeDetail .earthquake-box > dt, #earthquakeDetail .earthquake-box dd {
    border-radius: 8px; }
  #earthquakeDetail .earthquake-box > dt {
    line-height: 48px;
    text-align: center; }
    #earthquakeDetail .earthquake-box > dt span {
      position: relative; }
    #earthquakeDetail .earthquake-box > dt sup {
      position: absolute;
      top: 0;
      right: -1.5em; }
  #earthquakeDetail .earthquake-box > dd {
    flex-grow: 1; }
#earthquakeDetail .earthquake-list {
  width: 48.8%;
  border-radius: 8px; }
  #earthquakeDetail .earthquake-list dt {
    background: #f5f0e1;
    text-align: center;
    padding-block: 8px; }
  #earthquakeDetail .earthquake-list dd {
    padding: 20px;
    flex-grow: 1; }
    #earthquakeDetail .earthquake-list dd ul li:before {
      content: "・";
      color: #282e32; }
    #earthquakeDetail .earthquake-list dd sup {
      color: #df2b22; }
#earthquakeDetail .note-list li {
  font-size: 1.4rem;
  padding-left: 30px; }
  #earthquakeDetail .note-list li:before {
    content: "※" counter(number);
    font: normal normal 500 1.4rem/1.6 "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
    color: #282e32; }
  #earthquakeDetail .note-list li.rd {
    color: #df2b22; }
    #earthquakeDetail .note-list li.rd:before {
      color: #df2b22; }
#earthquakeDetail .excerpt-txt {
  margin-top: 32px;
  text-align: right;
  font-size: 1.2rem; }

@media screen and (min-width: 961px) {
  #earthquakeDetail .earthquake-box dt.none {
    display: none; } }
@media screen and (max-width: 960px) {
  #earthquakeDetail .earthquake-tbl {
    gap: 16px 0; }
    #earthquakeDetail .earthquake-tbl .size-s {
      width: 100%; }
    #earthquakeDetail .earthquake-tbl .size-m {
      width: 100%; }
    #earthquakeDetail .earthquake-tbl .size-l {
      width: 100%; }
    #earthquakeDetail .earthquake-tbl .fz-l {
      font-size: 2.0rem; }
    #earthquakeDetail .earthquake-tbl + .earthquake-tbl {
      margin-top: 32px; }
  #earthquakeDetail .earthquake-box {
    gap: 8px 0; }
    #earthquakeDetail .earthquake-box > dt {
      line-height: 48px; }
    #earthquakeDetail .earthquake-box > dd {
      gap: 8px 0; }
    #earthquakeDetail .earthquake-box.box1 dd {
      padding-block: 8px; }
    #earthquakeDetail .earthquake-box.box3 dd {
      padding: 20px; }
  #earthquakeDetail .earthquake-list {
    width: 100%; } }
@media screen and (max-width: 767px) {
  #earthquakeDetail .phtbox {
    gap: 0 6.8%; }
    #earthquakeDetail .phtbox .pht {
      width: 28.8%;
      max-width: 104px; } }