/* 3.8.13 responsive home edition. Smartphone news rows, weather spacing, and
   drawer ranking readability are refined; tablet and desktop remain unchanged. */

@media (max-width: 1099px) {
#body_wrap.home.matsusai-responsive-v389 {
  --matsusai-v389-navy: #0d2b47;
  --matsusai-v389-navy-soft: #284d68;
  --matsusai-v389-ink: #172534;
  --matsusai-v389-muted: #687783;
  --matsusai-v389-ground: #f3f6f8;
  --matsusai-v389-line: #dce4e9;
  --matsusai-v389-line-strong: #cfd9e0;
  --matsusai-v389-coral: #df5637;
  --matsusai-v389-mustard: #9a650c;
  background: #fff;
  color: var(--matsusai-v389-ink);
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

#body_wrap.home.matsusai-responsive-v389 #header {
  border-top: 0 !important;
  border-bottom: 1px solid var(--matsusai-v389-line-strong) !important;
  background: #fff !important;
  box-shadow: none !important;
}

#body_wrap.home.matsusai-responsive-v389 .matsusai-desktop-status-heading {
  display: none !important;
}

#body_wrap.home.matsusai-responsive-v389 .matsusai-desktop-news-heading {
  display: flex !important;
  align-items: flex-end;
  border-bottom: 2px solid var(--matsusai-v389-navy);
  background: #fff;
}

#body_wrap.home.matsusai-responsive-v389 .matsusai-desktop-news-heading span {
  display: none !important;
}

#body_wrap.home.matsusai-responsive-v389 .matsusai-desktop-news-heading h2 {
  margin: 0;
  color: var(--matsusai-v389-navy);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .01em;
}

#body_wrap.home.matsusai-responsive-v389 .matsusai-desktop-news-heading h2 small {
  margin-left: 7px;
  color: #73818b;
  font-weight: 700;
  vertical-align: .2em;
}

#body_wrap.home.matsusai-responsive-v389 .matsusai-promotion-band,
#body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__promotion {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

#body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item,
#body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:first-of-type,
#body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:nth-of-type(2) {
  background: #fff !important;
  color: var(--matsusai-v389-ink) !important;
  box-shadow: none !important;
}

#body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item h3,
#body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:first-of-type h3,
#body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:nth-of-type(2) h3 {
  color: var(--matsusai-v389-ink) !important;
}

#body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item time,
#body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:first-of-type time,
#body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item small,
#body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:first-of-type small {
  color: var(--matsusai-v389-muted) !important;
}

#body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item time b {
  background: var(--matsusai-v389-coral);
}

#body_wrap.home.matsusai-responsive-v389 .matsusai-flash__arrow,
#body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:first-of-type .matsusai-flash__arrow {
  width: 24px;
  height: 24px;
  border: 0 !important;
  border-radius: 50%;
  background: #eef3f6 !important;
  color: #526b7d !important;
  font-size: 0 !important;
  transform: none !important;
}

#body_wrap.home.matsusai-responsive-v389 .matsusai-flash__arrow::before {
  content: "›";
  font-family: Arial, "Helvetica Neue", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1;
  transform: translateY(-1px);
}

#body_wrap.home.matsusai-responsive-v389 .p-homeContent .c-postThumb__cat {
  display: none !important;
}

#body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox__text {
  display: block !important;
  overflow: visible !important;
  color: #455866;
  text-align: left;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: unset !important;
}

#body_wrap.home.matsusai-responsive-v389 #footer {
  margin-top: 0 !important;
  border-top: 3px solid #1b4c70;
  background: var(--matsusai-v389-navy);
  color: #fff;
}

#body_wrap.home.matsusai-responsive-v389 #footer .l-footer__inner,
#body_wrap.home.matsusai-responsive-v389 #footer .l-footer__foot {
  padding: 0 !important;
  background: transparent !important;
}

#body_wrap.home.matsusai-responsive-v389 #footer .l-footer__nav a {
  color: rgba(255, 255, 255, .84);
  font-weight: 650;
  text-decoration: none;
}

#body_wrap.home.matsusai-responsive-v389 #footer .copyright {
  color: rgba(255, 255, 255, .62);
  font-family: Arial, "Helvetica Neue", sans-serif;
}
}

/* Smartphone: retain the compact newsroom hierarchy and widen the actual
   headline rows to the parent content edge. */
@media (max-width: 600px) {
  #body_wrap.home.matsusai-responsive-v389 #header {
    min-height: 52px;
  }

  #body_wrap.home.matsusai-responsive-v389 #header .l-header__bar {
    display: none !important;
  }

  #body_wrap.home.matsusai-responsive-v389 #header .l-header__inner {
    width: 100%;
    height: 52px;
    min-height: 52px;
    padding: 0 52px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    background: #fff !important;
    box-sizing: border-box;
  }

  #body_wrap.home.matsusai-responsive-v389 #header .l-header__logo {
    width: min(150px, 46vw);
    height: 52px;
    max-width: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
  }

  #body_wrap.home.matsusai-responsive-v389 #header .c-headLogo,
  #body_wrap.home.matsusai-responsive-v389 #header .c-headLogo__link {
    width: 100%;
    height: 52px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #body_wrap.home.matsusai-responsive-v389 #header .c-headLogo__img {
    width: auto;
    max-width: 100%;
    max-height: 28px;
    margin: 0 auto;
  }

  #body_wrap.home.matsusai-responsive-v389 #header .l-header__menuBtn,
  #body_wrap.home.matsusai-responsive-v389 #header .l-header__customBtn {
    width: 52px;
    height: 52px;
    min-width: 52px;
    min-height: 52px;
    margin: 0;
    position: absolute;
    z-index: 3;
    top: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: var(--matsusai-v389-navy);
  }

  #body_wrap.home.matsusai-responsive-v389 #header .l-header__menuBtn { left: 0; }
  #body_wrap.home.matsusai-responsive-v389 #header .l-header__customBtn { right: 0; }

  #body_wrap.home.matsusai-responsive-v389 #header .l-header__menuBtn > *,
  #body_wrap.home.matsusai-responsive-v389 #header .l-header__customBtn > * {
    min-width: 44px;
    min-height: 44px;
  }

  #body_wrap.home.matsusai-responsive-v389 #content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    background: #fff;
  }

  #body_wrap.home.matsusai-responsive-v389 .w-frontTop .c-widget,
  #body_wrap.home.matsusai-responsive-v389 .w-frontTop .widget_text {
    margin-bottom: 0;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0 !important;
    color: var(--matsusai-v389-ink);
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions {
    left: 50%;
    width: 100vw;
    width: 100dvw;
    max-width: 100vw;
    margin: -28px 0 0 -50vw;
    margin-left: -50dvw;
    padding: 3px 10px 0;
    gap: 0;
    border: 0;
    background: var(--matsusai-v389-ground);
    color: var(--matsusai-v389-ink);
    overflow: hidden;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__weather,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__roads,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__weather::after,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__roads::after {
    display: none !important;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__weather {
    min-height: 60px;
    grid-template-columns: 35px minmax(0, 1fr);
    border-bottom: 1px solid var(--matsusai-v389-line);
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__title {
    padding: 1px;
    border: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__title span {
    display: block !important;
    color: var(--matsusai-v389-navy) !important;
    font-size: 9.6px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .015em;
    visibility: visible !important;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__days {
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__day {
    min-width: 0;
    min-height: 59px;
    padding: 3px 4px;
    grid-template-columns: 45px minmax(0, 1fr) 29px;
    grid-template-rows: 25px 22px;
    column-gap: 3px;
    align-content: center;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__day + .matsusai-conditions__day {
    border-left: 1px solid var(--matsusai-v389-line);
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__day > div:first-child {
    grid-column: 1;
    grid-row: 1 / 3;
    flex-direction: column;
    justify-content: center;
    gap: 1px;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__day > div:first-child strong {
    color: #526776;
    font-size: 7.8px;
    font-weight: 800;
    line-height: 1.1;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__day > div:first-child span {
    width: 42px;
    min-width: 42px;
    justify-content: center;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
    font-size: 20px;
    line-height: 1;
    letter-spacing: -.18em;
    white-space: nowrap;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__day p {
    grid-column: 2;
    grid-row: 1;
    color: #273b4b;
    font-size: 9.6px;
    font-weight: 750;
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__temps {
    grid-column: 2 / 4;
    grid-row: 2;
    justify-content: flex-start;
    gap: 2px;
    color: #677783;
    font-size: 6.4px;
    line-height: 22px;
    white-space: nowrap;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__temps b {
    margin-left: 0;
    font-size: 10.2px;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__precip {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    align-self: center;
    min-width: 29px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #587188;
    font-size: 6.3px;
    line-height: 1;
    white-space: nowrap;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__precip span {
    display: block;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__precip b {
    margin: 1px 0 0;
    color: var(--matsusai-v389-navy);
    font-size: 9.2px;
    line-height: 1;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__roads {
    padding: 0;
    grid-template-columns: minmax(0, 1fr);
    border-bottom: 1px solid var(--matsusai-v389-line);
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__road-status {
    min-height: 36px;
    padding: 0;
    grid-column: 1;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__alert {
    min-height: 38px;
    padding: 3px 2px;
    grid-template-columns: 53px minmax(0, 1fr) 14px;
    gap: 6px;
    border-bottom: 1px solid #e1e7eb;
    color: var(--matsusai-v389-ink);
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__road-status > .matsusai-conditions__alert:last-child {
    border-bottom: 0 !important;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__alert b {
    min-height: 21px;
    padding: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: #fff0cf;
    color: var(--matsusai-v389-mustard);
    font-size: 8.2px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__alert--warning b {
    background: #ffebe7;
    color: #b74835;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__alert span {
    color: #263a49;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.38;
    -webkit-line-clamp: 2;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__alert i {
    color: #758694;
    font-size: 10px;
    text-align: right;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__clear {
    min-height: 36px;
    margin: 0;
    padding: 4px 2px;
    color: #405463;
    font-size: 10.8px;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index {
    min-height: 66px;
    padding: 5px 2px 4px;
    grid-template-columns: minmax(0, 1fr) 42px 72px;
    grid-template-areas:
      "heading value numbers"
      "flow flow meta"
      "source source source";
    gap: 2px 6px;
    color: var(--matsusai-v389-ink);
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__heading strong {
    color: var(--matsusai-v389-navy);
    font-size: 10.4px;
    font-weight: 800;
    line-height: 1.25;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__value { justify-self: end; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__value b { font-size: 22px; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__value span { color: #71808c; font-size: 8px; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__flow { gap: 6px; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__meter { height: 6px; background: #d9e1e6; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__flow strong { font-size: 8.8px; }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__numbers {
    align-items: flex-end;
    color: #6c7983;
    font-size: 6.8px;
    line-height: 1.2;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__numbers strong { color: #405260; font-size: 7.2px; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__numbers b { font-size: 12.5px; }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__meta {
    align-items: flex-end;
    color: #6d7d88;
    font-size: 6.8px;
    line-height: 1.25;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__camera-link {
    min-height: 17px;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    color: #355e7b;
    font-size: 7.8px;
    font-weight: 800;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__source {
    color: #77858f;
    font-size: 6.2px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-promotion-band {
    left: 50%;
    width: 100vw;
    width: 100dvw;
    max-width: 100vw;
    margin: 0 0 0 -50vw;
    margin-left: -50dvw;
    background: #fff;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__promotion {
    min-height: 22px;
    margin: 0;
    padding: 5px 12px 3px;
    color: #687681;
    font-size: 8px;
    line-height: 1.4;
    text-align: right;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-desktop-news-heading {
    min-height: 43px;
    padding: 7px 2px;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-desktop-news-heading h2 { font-size: 19px; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-desktop-news-heading h2 small { font-size: 9px; }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__list {
    border: 0;
    background: #fff;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:first-of-type,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:nth-of-type(2) {
    min-height: 112px;
    padding: 0 2px;
    grid-template-columns: 65px minmax(0, 1fr) 25px;
    border-bottom: 1px solid var(--matsusai-v389-line);
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item time {
    padding-left: 7px;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    font-size: 10.5px;
    font-weight: 400;
    line-height: 1.25;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item time .matsusai-flash__date {
    order: 2;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item time b {
    margin: 0 0 4px;
    padding: 2px 6px;
    order: 1;
    border-radius: 2px;
    font-size: 8px;
    line-height: 1.3;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item a {
    min-height: 100%;
    padding: 11px 0 11px 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item h3,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:first-of-type h3,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:nth-of-type(2) h3 {
    color: #17201c !important;
    font-size: 14.7px;
    font-weight: 700;
    line-height: 1.65;
    letter-spacing: 0;
    -webkit-line-clamp: 3;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item small {
    margin-top: 4px;
    font-size: 10.5px;
    font-weight: 400;
    line-height: 1.35;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item time,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:first-of-type time {
    color: #687783 !important;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item small,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:first-of-type small {
    color: #75818a !important;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__ad {
    min-height: 0;
    margin: 16px 0;
    padding: 10px 0;
    background: #fff;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__pagination {
    margin-top: 22px;
    grid-template-columns: 62px minmax(0, 1fr) 62px;
    gap: 5px;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__pagination a,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__pagination > span {
    min-height: 44px;
    padding: 0 6px;
    border-color: #d4dde3;
    color: #334755;
    font-size: 11px;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__pagination a[aria-current="page"] {
    border-color: var(--matsusai-v389-navy);
    background: var(--matsusai-v389-navy);
    color: #fff;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent {
    left: 50%;
    width: 100vw !important;
    width: 100dvw !important;
    max-width: none !important;
    margin: 28px 0 0 -50vw !important;
    margin-left: -50dvw !important;
    padding: 25px 16px 30px !important;
    position: relative;
    border: 0;
    background: var(--matsusai-v389-ground);
    box-shadow: none;
    box-sizing: border-box;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent::before {
    content: "マツサイの注目記事";
    margin: 0 0 15px;
    padding: 0 0 9px;
    display: block;
    border-bottom: 2px solid var(--matsusai-v389-navy);
    color: var(--matsusai-v389-navy);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.3;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList {
    margin: 0 !important;
    padding: 0;
    display: block !important;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:first-child {
    margin-bottom: 8px !important;
    overflow: hidden;
    border-bottom: 1px solid var(--matsusai-v389-line);
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:first-child .p-postList__link { display: block; }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:first-child .p-postList__thumb {
    overflow: hidden;
    border-radius: 6px;
    background: #dfe6ea;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:first-child .c-postThumb__figure {
    height: auto !important;
    aspect-ratio: 16 / 9;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:first-child .p-postList__body { padding: 11px 1px 17px; }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:first-child .p-postList__title {
    margin: 0;
    color: var(--matsusai-v389-ink);
    font-size: 18.5px;
    font-weight: 800;
    line-height: 1.52;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:nth-child(n+2) .p-postList__link {
    min-height: 109px;
    padding: 12px 0;
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--matsusai-v389-line);
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:nth-child(n+2) .p-postList__thumb {
    width: 128px;
    height: 85px;
    overflow: hidden;
    border-radius: 4px;
    background: #dfe6ea;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:nth-child(n+2) .c-postThumb__figure {
    width: 100%;
    height: 85px !important;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .c-postThumb__img {
    width: 100%;
    height: 100% !important;
    display: block;
    object-fit: cover;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:nth-child(n+2) .p-postList__body { min-width: 0; padding: 0; }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:nth-child(n+2) .p-postList__title {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #213443;
    font-size: 14.5px;
    font-weight: 750;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__meta {
    margin-top: 0;
    padding-top: 5px;
    color: #75838d;
    font-size: 9.5px;
  }

  #body_wrap.home.matsusai-responsive-v389 .w-frontBottom {
    margin: 0;
    padding: 0;
    background: #fff;
  }

  #body_wrap.home.matsusai-responsive-v389 .w-frontBottom > .c-widget { margin-bottom: 0; }

  #body_wrap.home.matsusai-responsive-v389 #block-2 {
    padding: 27px 16px 24px;
    background: #fff;
    counter-reset: matsusai-v389-rank;
  }

  #body_wrap.home.matsusai-responsive-v389 #block-2 h2 {
    margin: 0 0 10px;
    padding: 0 0 9px;
    border-bottom: 2px solid var(--matsusai-v389-navy);
    color: var(--matsusai-v389-navy);
    font-size: 18.5px;
    font-weight: 800;
  }

  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-list { margin: 0; padding: 0; list-style: none; }

  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-list > li {
    min-height: 92px;
    margin: 0;
    padding: 9px 0;
    position: relative;
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--matsusai-v389-line);
    counter-increment: matsusai-v389-rank;
  }

  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-list > li::before {
    content: counter(matsusai-v389-rank);
    width: 27px;
    height: 27px;
    position: absolute;
    z-index: 2;
    top: 13px;
    left: 4px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .88);
    border-radius: 50%;
    background: var(--matsusai-v389-navy);
    color: #fff;
    box-shadow: 0 1px 5px rgba(13, 43, 71, .2);
    font-size: 10.5px;
    font-weight: 800;
  }

  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-list > li:nth-child(1)::before { background: #bf8b16; }
  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-list > li:nth-child(2)::before { background: #7c8994; }
  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-list > li:nth-child(3)::before { background: #a4653d; }

  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-list > li > a:first-of-type {
    width: 118px;
    height: 74px;
    grid-column: 1;
  }

  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-thumbnail {
    width: 118px !important;
    height: 74px !important;
    margin: 0 !important;
    float: none !important;
    display: block;
    border-radius: 3px;
    object-fit: cover;
  }

  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-post-title {
    min-width: 0;
    grid-column: 2;
    color: #263947;
    font-size: 13.2px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
  }

  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-excerpt,
  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-meta,
  #body_wrap.home.matsusai-responsive-v389 #block-2 .post-stats { display: none; }

  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 {
    margin: 0 !important;
    padding: 12px 0 16px;
    background: #fff;
  }

  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox {
    min-height: 0;
    margin: 0 !important;
    padding: 18px 16px 19px;
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr);
    grid-template-areas:
      "icon name"
      "text text"
      "social social";
    align-items: start;
    gap: 7px 12px;
    overflow: hidden;
    border: 1px solid var(--matsusai-v389-line-strong);
    border-radius: 16px;
    background: var(--matsusai-v389-ground);
    color: var(--matsusai-v389-ink);
    box-shadow: 0 7px 22px rgba(13, 43, 71, .07);
  }

  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox::before,
  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox__bg { display: none !important; }

  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox__icon,
  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox__iconImg {
    width: 62px;
    height: 62px;
    margin: 0;
    position: static !important;
    grid-area: icon;
    border-radius: 50%;
    object-fit: cover;
    transform: none !important;
  }

  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox__name {
    margin: 0;
    grid-area: name;
    align-self: center;
    color: var(--matsusai-v389-navy);
    font-size: 15.5px;
    font-weight: 800;
    text-align: left;
  }

  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox__text {
    margin: 3px 0 0;
    padding: 0;
    grid-area: text;
    font-size: 11.5px;
    line-height: 1.7;
  }

  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox__iconList {
    margin: 3px 0 0;
    padding: 0;
    position: static;
    grid-area: social;
    justify-content: flex-start;
    gap: 6px;
  }

  #body_wrap.home.matsusai-responsive-v389 #footer .l-footer__foot > .l-container {
    padding: 15px 14px calc(16px + env(safe-area-inset-bottom)) !important;
  }

  #body_wrap.home.matsusai-responsive-v389 #footer .l-footer__nav {
    margin: 0 0 9px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
  }

  #body_wrap.home.matsusai-responsive-v389 #footer .l-footer__nav li { border: 0; }

  #body_wrap.home.matsusai-responsive-v389 #footer .l-footer__nav a {
    min-height: 34px;
    padding: 6px 5px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .13);
    font-size: 9.5px;
    line-height: 1.35;
  }

  #body_wrap.home.matsusai-responsive-v389 #footer .copyright {
    width: 100%;
    margin: 0 auto;
    font-size: 8.8px;
    text-align: center !important;
  }

  #body_wrap.home.matsusai-responsive-v389 #fix_bottom_menu {
    min-height: 60px;
    border-top: 1px solid #ced8df;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 -5px 20px rgba(13, 43, 71, .09);
  }
}

/* Tablet: one coherent life-information panel, a two-column live feed and
   content modules that use the wider screen without inheriting PC chrome. */
@media (min-width: 601px) and (max-width: 1099px) {
  #body_wrap.home.matsusai-responsive-v389 #header {
    min-height: 70px !important;
  }

  #body_wrap.home.matsusai-responsive-v389 #header .l-header__bar,
  #body_wrap.home.matsusai-responsive-v389 #gnav { display: none !important; }

  #body_wrap.home.matsusai-responsive-v389 #header .l-header__inner {
    width: 100%;
    height: 69px !important;
    min-height: 69px !important;
    padding: 0 70px !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff !important;
  }

  #body_wrap.home.matsusai-responsive-v389 #header .l-header__logo {
    width: min(190px, 32vw) !important;
    height: 69px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0;
    left: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%) !important;
  }

  #body_wrap.home.matsusai-responsive-v389 #header .c-headLogo,
  #body_wrap.home.matsusai-responsive-v389 #header .c-headLogo__link {
    width: 100%;
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #body_wrap.home.matsusai-responsive-v389 #header .c-headLogo__img { width: auto; max-height: 34px; }

  #body_wrap.home.matsusai-responsive-v389 #header .l-header__menuBtn,
  #body_wrap.home.matsusai-responsive-v389 #header .l-header__customBtn {
    width: 64px;
    height: 69px;
    min-width: 64px;
    min-height: 69px;
    position: absolute;
    top: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: var(--matsusai-v389-navy);
  }

  #body_wrap.home.matsusai-responsive-v389 #header .l-header__menuBtn { left: 0; }
  #body_wrap.home.matsusai-responsive-v389 #header .l-header__customBtn { right: 0; }

  #body_wrap.home.matsusai-responsive-v389 #content {
    width: 100% !important;
    max-width: 1050px !important;
    margin: 0 auto !important;
    padding: 18px clamp(22px, 4vw, 34px) 42px !important;
    display: block !important;
    box-sizing: border-box;
  }

  #body_wrap.home.matsusai-responsive-v389 #main_content,
  #body_wrap.home.matsusai-responsive-v389 #main_content > .l-mainContent__inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  #body_wrap.home.matsusai-responsive-v389 #sidebar { display: none !important; }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions {
    width: 100%;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--matsusai-v389-line-strong);
    border-radius: 10px;
    background: #fff;
    color: var(--matsusai-v389-ink);
    box-shadow: 0 8px 25px rgba(13, 43, 71, .045);
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__weather,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__roads,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index {
    min-width: 0;
    border: 0;
    border-radius: 0;
    background: #fff;
    color: var(--matsusai-v389-ink);
    box-shadow: none;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__weather {
    min-height: 116px;
    grid-template-columns: 52px minmax(0, 1fr);
    border-right: 1px solid var(--matsusai-v389-line);
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__title {
    padding: 6px 4px;
    border: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__title span {
    display: block !important;
    color: var(--matsusai-v389-navy) !important;
    font-size: 10px;
    font-weight: 800;
    visibility: visible !important;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__days { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__day {
    padding: 8px 6px;
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-rows: 25px 30px 22px;
    column-gap: 5px;
    align-content: center;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__day + .matsusai-conditions__day { border-left: 1px solid var(--matsusai-v389-line); }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__day > div:first-child {
    grid-column: 1;
    grid-row: 1 / 4;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__day > div:first-child strong { color: #526776; font-size: 8px; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__day > div:first-child span { min-width: 38px; justify-content: center; font-size: 27px; }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__day p {
    grid-column: 2;
    grid-row: 1;
    color: #273b4b;
    font-size: 9.5px;
    font-weight: 750;
    text-overflow: ellipsis;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__temps {
    grid-column: 2;
    grid-row: 2;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
    color: #677783;
    font-size: 6.7px;
    line-height: 1.4;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__temps b { font-size: 11px; }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__precip {
    grid-column: 2;
    grid-row: 3;
    justify-self: start;
    color: #587188;
    font-size: 7.5px;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__precip b { color: var(--matsusai-v389-navy); font-size: 9px; }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__roads {
    min-height: 116px;
    padding: 1px 10px;
    grid-template-columns: minmax(0, 1fr);
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__road-status { padding: 0; }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__alert {
    min-height: 38px;
    padding: 4px 0;
    grid-template-columns: 57px minmax(0, 1fr) 14px;
    gap: 7px;
    border-bottom: 1px solid #e5eaed;
    color: var(--matsusai-v389-ink);
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__road-status > .matsusai-conditions__alert:last-child { border-bottom: 0; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__alert b { color: var(--matsusai-v389-mustard); font-size: 8.5px; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__alert span { color: #263a49; font-size: 10.5px; font-weight: 700; line-height: 1.4; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__alert i { color: #758694; }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index {
    grid-column: 1 / -1;
    min-height: 68px;
    padding: 8px 12px 6px;
    grid-template-columns: minmax(180px, 1fr) 54px minmax(150px, .8fr) 105px auto;
    grid-template-areas:
      "heading value flow numbers meta"
      "source source source source source";
    gap: 4px 10px;
    border-top: 1px solid var(--matsusai-v389-line);
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__heading strong { color: var(--matsusai-v389-navy); font-size: 11.5px; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__value b { font-size: 25px; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__value span,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__numbers,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__meta { color: #71808c; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__meter { background: #d9e1e6; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__source { color: #77858f; font-size: 6.8px; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__source a,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index__camera-link { color: #355e7b; }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-promotion-band { margin: 0; background: #fff; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-conditions__promotion { margin: 0; padding: 6px 2px 4px; color: #687681; font-size: 8.5px; text-align: right; }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-desktop-news-heading {
    min-height: 60px;
    padding: 18px 2px 10px;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-desktop-news-heading h2 { font-size: 21px; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-desktop-news-heading h2 small { font-size: 9px; }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    background: #fff;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:first-of-type,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:nth-of-type(2) {
    min-width: 0;
    min-height: 112px;
    padding: 0 10px;
    grid-template-columns: 68px minmax(0, 1fr) 24px;
    border-bottom: 1px solid var(--matsusai-v389-line);
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:nth-of-type(odd) { border-right: 1px solid var(--matsusai-v389-line); }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item a { padding: 11px 0; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item time { font-size: 9.5px; }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item h3,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:first-of-type h3,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:nth-of-type(2) h3 {
    font-size: 14px;
    font-weight: 750;
    line-height: 1.5;
    -webkit-line-clamp: 3;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item small { margin-top: 4px; font-size: 9px; }
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__ad--list { grid-column: 1 / -1; }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent {
    width: 100% !important;
    max-width: none !important;
    margin: 34px 0 0 !important;
    padding: 28px !important;
    border: 0;
    background: var(--matsusai-v389-ground);
    box-shadow: none;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent::before {
    content: "マツサイの注目記事";
    margin: 0 0 20px;
    padding: 0 0 10px;
    display: block;
    border-bottom: 2px solid var(--matsusai-v389-navy);
    color: var(--matsusai-v389-navy);
    font-size: 21px;
    font-weight: 800;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList {
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 20px;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid var(--matsusai-v389-line);
    border-radius: 7px;
    background: #fff;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:first-child { grid-column: 1 / -1; }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:first-child .p-postList__link {
    min-height: 220px;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(220px, .8fr);
    align-items: stretch;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:first-child .p-postList__thumb,
  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:first-child .c-postThumb__figure { height: 220px !important; }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:first-child .p-postList__body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:first-child .p-postList__title { font-size: 20px; line-height: 1.55; }

  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:nth-child(n+2) .p-postList__link { display: block; }
  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:nth-child(n+2) .p-postList__thumb,
  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:nth-child(n+2) .c-postThumb__figure { height: auto !important; aspect-ratio: 16 / 9; }
  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .c-postThumb__img { width: 100%; height: 100% !important; object-fit: cover; }
  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__item:nth-child(n+2) .p-postList__body { padding: 13px 14px 15px; }
  #body_wrap.home.matsusai-responsive-v389 .p-homeContent .p-postList__title { color: #213443; font-size: 14.5px; font-weight: 750; line-height: 1.5; }

  #body_wrap.home.matsusai-responsive-v389 .w-frontBottom { width: 100%; margin: 0; }

  #body_wrap.home.matsusai-responsive-v389 #block-2 {
    margin: 0 !important;
    padding: 30px 0 26px;
    counter-reset: matsusai-v389-tablet-rank;
  }

  #body_wrap.home.matsusai-responsive-v389 #block-2 h2 {
    margin: 0 0 14px;
    padding: 0 0 10px;
    border-bottom: 2px solid var(--matsusai-v389-navy);
    color: var(--matsusai-v389-navy);
    font-size: 20px;
    font-weight: 800;
  }

  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-list {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
  }

  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-list > li {
    min-height: 94px;
    margin: 0;
    padding: 10px 0;
    position: relative;
    display: grid;
    grid-template-columns: 124px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--matsusai-v389-line);
    counter-increment: matsusai-v389-tablet-rank;
  }

  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-list > li::before {
    content: counter(matsusai-v389-tablet-rank);
    width: 28px;
    height: 28px;
    position: absolute;
    z-index: 2;
    top: 14px;
    left: 5px;
    display: grid;
    place-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
    background: var(--matsusai-v389-navy);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
  }

  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-list > li:nth-child(1)::before { background: #bf8b16; }
  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-list > li:nth-child(2)::before { background: #7c8994; }
  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-list > li:nth-child(3)::before { background: #a4653d; }
  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-thumbnail { width: 124px !important; height: 76px !important; margin: 0 !important; float: none !important; border-radius: 4px; object-fit: cover; }
  #body_wrap.home.matsusai-responsive-v389 #block-2 .wpp-post-title { color: #263947; font-size: 13px; font-weight: 700; line-height: 1.5; text-decoration: none; }

  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 {
    margin: 0 !important;
    padding: 24px 0;
    background: var(--matsusai-v389-ground);
  }

  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox {
    min-height: 0;
    margin: 0 !important;
    padding: 22px 26px;
    display: grid !important;
    grid-template-columns: 82px 110px minmax(0, 1fr) auto;
    grid-template-areas: "icon name text social";
    align-items: center;
    gap: 18px;
    border: 0;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
  }

  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox::before,
  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox__bg { display: none !important; }
  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox__icon,
  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox__iconImg { width: 78px; height: 78px; margin: 0; position: static !important; grid-area: icon; border-radius: 50%; object-fit: cover; transform: none !important; }
  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox__name { margin: 0; grid-area: name; color: var(--matsusai-v389-navy); font-size: 16px; font-weight: 800; text-align: left; }
  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox__text { margin: 0; grid-area: text; font-size: 12px; line-height: 1.75; }
  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox__iconList { margin: 0; padding: 0; position: static; grid-area: social; }

  #body_wrap.home.matsusai-responsive-v389 #footer .l-footer__foot > .l-container {
    padding: 20px clamp(24px, 5vw, 54px) !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  #body_wrap.home.matsusai-responsive-v389 #footer .l-footer__nav {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0 18px;
  }

  #body_wrap.home.matsusai-responsive-v389 #footer .l-footer__nav a { min-height: 30px; padding: 6px 2px; font-size: 10px; }
  #body_wrap.home.matsusai-responsive-v389 #footer .copyright { margin: 0; font-size: 9px; }
}

/* Desktop: preserve the approved centered header and two-column live feed,
   but use the current newsroom typography, flat information plane and compact
   profile/footer rather than the pre-3.8 smartphone-independent skin. */
/* Kept inert for one release so rollback intent is explicit: every active
   desktop declaration comes from the 3.8.8 front-page and header layers. */

@media (min-width: 601px) and (max-width: 760px) {
  #body_wrap.home.matsusai-responsive-v389 .matsusai-traffic-index {
    grid-template-columns: minmax(150px, 1fr) 48px minmax(100px, .75fr) 88px auto;
    gap: 4px 7px;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:first-of-type,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:nth-of-type(2) {
    padding: 0 7px;
    grid-template-columns: 61px minmax(0, 1fr) 22px;
  }

  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item h3,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:first-of-type h3,
  #body_wrap.home.matsusai-responsive-v389 .matsusai-flash__item:nth-of-type(2) h3 { font-size: 14.7px; }

  #body_wrap.home.matsusai-responsive-v389 #swell_prof_widget-2 .p-profileBox {
    grid-template-columns: 76px 95px minmax(0, 1fr);
    grid-template-areas:
      "icon name text"
      "icon social text";
  }
}