/* =========================================================
   Rosanica Home V3 — Mobile Editorial Lists
   注目記事 / 新着記事を、独自分析と同系統の横長ミニマルUIへ
   PCには影響しません。
========================================================= */

@media screen and (max-width: 768px) {

  /* -------------------------------------------------------
     共通：新着・注目の一覧を縦型編集リストへ
  ------------------------------------------------------- */
  .rosanica-home-v3 .rosanica-home-v3__latest-list,
  .rosanica-home-v3 .rosanica-home-v3__featured-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* -------------------------------------------------------
     新着記事：外側リンク
  ------------------------------------------------------- */
  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__card-link {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111111 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  /* 新着カード本体：独自分析と同じ“誌面の1行”へ */
  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__card {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 2px !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__card-link:first-child .rosanica-home-v3__card {
    padding-top: 4px !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__card-link:last-child .rosanica-home-v3__card {
    border-bottom: 0 !important;
  }

  /* 新着画像 */
  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__thumb {
    display: block !important;
    grid-column: 1 !important;
    flex: none !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 70px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 5px !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__thumb img,
  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__thumb .no-image,
  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__no-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 5px !important;
  }

  /* 新着タイトル領域 */
  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__card-content {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 4px 0 0 !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__card-title,
  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__card-title-text {
    margin: 0 !important;
    padding: 0 !important;
    color: #111111 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.38 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-decoration-line: underline !important;
    text-decoration-color: #3d91ad !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 3px !important;
    text-decoration-skip-ink: none !important;
    -webkit-text-decoration-skip: none !important;
  }

  /* -------------------------------------------------------
     注目記事：旧 featured-item 構造にも対応
  ------------------------------------------------------- */
  .rosanica-home-v3 .rosanica-home-v3__featured-panel {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__featured-item {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px 2px !important;
    color: #111111 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transform: none !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__featured-item:first-child {
    padding-top: 4px !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__featured-item:last-child {
    border-bottom: 0 !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__featured-thumb {
    display: block !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 70px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 5px !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__featured-thumb img,
  .rosanica-home-v3 .rosanica-home-v3__featured-no-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 5px !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__featured-item-title {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 4px 0 0 !important;
    color: #111111 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.38 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-decoration-line: underline !important;
    text-decoration-color: #3d91ad !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 3px !important;
    text-decoration-skip-ink: none !important;
    -webkit-text-decoration-skip: none !important;
  }

  /* -------------------------------------------------------
     注目記事が新着と共通カードHTMLを使う現行版にも対応
  ------------------------------------------------------- */
  .rosanica-home-v3 .rosanica-home-v3__featured .rosanica-home-v3__card-link {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__featured .rosanica-home-v3__card {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 2px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__featured .rosanica-home-v3__thumb {
    flex: none !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 70px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 5px !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__featured .rosanica-home-v3__card-content {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 4px 0 0 !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__featured .rosanica-home-v3__card-title,
  .rosanica-home-v3 .rosanica-home-v3__featured .rosanica-home-v3__card-title-text {
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.38 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-decoration-line: underline !important;
    text-decoration-color: #3d91ad !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 3px !important;
  }

  /* 注目・新着には独自分析の「分析を読む」は表示しない */
  .rosanica-home-v3__latest .rosanica-home-v3__analysis-more,
  .rosanica-home-v3__featured .rosanica-home-v3__analysis-more,
  .rosanica-home-v3__latest .rosanica-home-v3__analysis-label,
  .rosanica-home-v3__featured .rosanica-home-v3__analysis-label {
    display: none !important;
  }
}

/* =========================================================
   v1.0.1
   スマホ：青下線を細く / ABOUT上下罫線を除去
========================================================= */

@media screen and (max-width: 768px) {

  /* 注目・新着・独自分析：青いタイトル下線を1pxへ */
  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__card-title,
  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__card-title-text,
  .rosanica-home-v3 .rosanica-home-v3__featured .rosanica-home-v3__card-title,
  .rosanica-home-v3 .rosanica-home-v3__featured .rosanica-home-v3__card-title-text,
  .rosanica-home-v3 .rosanica-home-v3__featured-item-title,
  .rosanica-home-v3 .rosanica-home-v3__analysis-title,
  .rosanica-home-v3 .rosanica-home-v3__analysis-title * {
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
  }

  /* ABOUT：スマホだけ上下の区切り線を完全に除去 */
  .rosanica-home-v3 .rosanica-home-v3__about,
  .rosanica-home-v3 .rosanica-home-v3__about-section,
  .rosanica-home-v3 section[class*="__about"],
  .rosanica-home-v3 [class*="__about-wrap"],
  .rosanica-home-v3 [class*="__about-inner"] {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__about::before,
  .rosanica-home-v3 .rosanica-home-v3__about::after,
  .rosanica-home-v3 .rosanica-home-v3__about-section::before,
  .rosanica-home-v3 .rosanica-home-v3__about-section::after,
  .rosanica-home-v3 section[class*="__about"]::before,
  .rosanica-home-v3 section[class*="__about"]::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
  }
}

/* =========================================================
   v1.0.2
   スマホ：注目 / 新着のタイトル行ボックスを完全統一
   ---------------------------------------------------------
   新着は h3 > span、注目は h3 直書きというHTML差があるため、
   line-height と下線は親タイトル要素だけで管理する。
========================================================= */

@media screen and (max-width: 768px) {

  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__card-title,
  .rosanica-home-v3 .rosanica-home-v3__featured .rosanica-home-v3__card-title,
  .rosanica-home-v3 .rosanica-home-v3__featured-item-title {
    display: block !important;
    margin: 0 !important;
    padding: 0 4px 0 0 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.38 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-color: #3d91ad !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    text-decoration-skip-ink: none !important;
    -webkit-text-decoration-skip: none !important;
  }

  /* 新着側だけ存在する内側spanはタイポグラフィを親から継承。
     span自身には下線を持たせず、二重描画を防ぐ。 */
  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__card-title-text,
  .rosanica-home-v3 .rosanica-home-v3__featured .rosanica-home-v3__card-title-text {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    word-spacing: inherit !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
  }
}

/* =========================================================
   v1.0.3
   スマホ：注目記事・新着記事タイトルの行間を1.45に統一
========================================================= */

@media screen and (max-width: 768px) {
  .rosanica-home-v3 .rosanica-home-v3__featured .rosanica-home-v3__featured-item-title,
  .rosanica-home-v3 .rosanica-home-v3__featured .rosanica-home-v3__card-title,
  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__card-title {
    line-height: 1.45 !important;
  }

  .rosanica-home-v3 .rosanica-home-v3__featured .rosanica-home-v3__featured-item-title *,
  .rosanica-home-v3 .rosanica-home-v3__featured .rosanica-home-v3__card-title *,
  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__card-title *,
  .rosanica-home-v3 .rosanica-home-v3__latest .rosanica-home-v3__card-title-text {
    line-height: inherit !important;
  }
}

/* =========================================================
   v1.0.4
   スマホ：編集軸セクションの導入文を中央揃え
========================================================= */

@media screen and (max-width: 768px) {
  .rosanica-home-v3 .rosanica-home-v3__principles > .rosanica-home-v3__section-lead,
  .rosanica-home-v3 .rosanica-home-v3__principles > p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* =========================================================
   v1.0.5
   スマホ：注目記事・新着記事・独自分析の導入文を指定位置で強制改行
========================================================= */

/* PCでは追加したbrを無効化 */
.rosanica-home-v3__mobile-lead-break {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .rosanica-home-v3__mobile-lead-break {
    display: initial !important;
  }
}