/* 山梨英和ロバートソンこども園追加用スタイル */

/* ブロック：カード型パーツ */

@media screen and (min-width: 769px) {
  .bl_linkCardList.add_column4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .bl_linkCardList.add_column4 .bl_linkCard_link {
    gap: 3px 3.7894736842%;
    padding-block: 12px;
    padding-left: 2.5263157895%;
  }
}

@media screen and (max-width: 768px) {
  .bl_linkCardList.add_column4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .bl_linkCardList.add_column4 .bl_linkCard + .bl_linkCard {
    border-left: none;
  }

  .bl_linkCardList.add_column4 .bl_linkCard:not(:nth-child(2n + 1)) {
    border-left: 1px solid var(--color-contrast);
  }

  .bl_linkCardList.add_column4 .bl_linkCard:nth-child(n + 3) {
    border-top: 1px solid var(--color-contrast);
  }
}

.bl_linkCardList.add_column4 .bl_linkCard_link::after {
    display: none;  
    right: 3.3157894737%;
    width: 14px;
}

/* トップMV：リンクカード ホバー時カラー反転 */
.bl_linkCard,
.bl_linkCard_label {
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

@media (any-hover: hover) {
  .bl_linkCard:has(.bl_linkCard_link:hover),
  .bl_linkCard:has(.bl_linkCard_link:focus-visible) {
    color: var(--color-main);
    background-color: var(--color-contrast);
    border-left-color: var(--color-main);
    border-top-color: var(--color-main);
  }

  .bl_linkCard:has(.bl_linkCard_link:hover) .bl_linkCard_label,
  .bl_linkCard:has(.bl_linkCard_link:focus-visible) .bl_linkCard_label {
    color: var(--color-contrast);
    background-color: var(--color-main);
  }
}

/* 情報公開 ボタン 4園対応 */
#disclosure .el_btnList {
  grid-template-columns: repeat(auto-fill, minmax(204px, 1fr));
}

/* お問い合わせ：電話番号 4園対応（769px以上は2列2行で統一） */
@media screen and (min-width: 769px) {
  .un_contact_box_body {
    grid-template-columns: repeat(2, 1fr);
    padding-inline: 0;
  }

  .un_contact_box_body > div {
    padding-block: 13px 19px;
    border: none;
  }

  .un_contact_box_body > div:not(:nth-child(2n + 1)) {
    border-left: 1px solid var(--color-separate-dark);
  }

  .un_contact_box_body > div:nth-child(n + 3) {
    border-top: 1px solid var(--color-separate-dark);
  }
}