@charset "UTF-8";

/*
//  2026.6.25〜
//  調整・改修用のCSS
// ============================================= */
:root {
  --color-red: #d7000f;
  --color-yellow: #ffe103;
  --bg-pink: #fadcc7;
  --bg-yellow: #ffeb98;
  --bg-cream: #faeedd;

  --border-color: #ccc;
}


/*
//  サイドバーの中間見出し追加
// --------------------------------------------- */
.p-aside_nav__list .__subtitle {
  --pseudo-size: 5px;

  display: grid;
  grid-template-columns: var(--pseudo-size) 1fr;
  column-gap: 0.5em;
  margin-block: 1.5em 0.5em;
  padding-inline-start: 32px;
  font-size: 15px;
  font-weight: 700;
}
.p-aside_nav__list__box h2 + .__subtitle {
  margin-block-start: 0.5em;
}
.p-aside_nav__list .__subtitle::before {
  content: "";
  display: block;
  background-color: var(--color-red);
  translate: 0 0.35lh;
  width: var(--pseudo-size);
  height: var(--pseudo-size);
}
@media (max-width: 1100px) {
  .p-aside_nav__list .__subtitle {
    margin-block-end: 0.5em;
    font-size: 18px;
  }
  ul.__sub + .__subtitle {
    margin-top: 1em;
  }
}


/*
//  サイドバーのリンクのスタイル調整
// --------------------------------------------- */

/*  ulタグ（サブ）
// --------------------------------------------- */
@media (min-width: 1101px) {
  .p-aside_nav__list__box .__sub {
    border-top: 1px dashed var(--border-color);
  }
}
@media (max-width: 1100px) {
.p-aside_nav__list.__middle {
  margin-block-end: 0.9rem;
}
}

/*  liタグ
// --------------------------------------------- */
@media (min-width: 1101px) {
  .p-aside_nav__list__box .__sub .__sub__box:not(:last-child) {
    border-bottom: 1px dashed var(--border-color);
  }
}

/*  aタグ
// --------------------------------------------- */
.p-aside_nav__list__box .__sub .__sub__box .__sub__box__link {
  line-height: 1.5;
  padding-block: 0.85em 0.75em;
  padding-inline: 48px 2.5em;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}
@media (min-width: 1101px) {
  .p-aside_nav__list__box .__sub .__sub__box .__sub__box__link::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--color-red);
    border-right: 2px solid var(--color-red);
    position: absolute;
    top: calc( 50% - 4px );
    right: 0.95em;
    margin: auto 0;
    transform: rotate(45deg);
  }
}
@media (max-width: 1100px) {
  .p-aside_nav__list__box .__sub .__sub__box .__sub__box__link {
    padding-inline: 48px 2.5em;
  }
}