/* 役割: 末尾回遊のページ差分・写真ナビ。
 * 利用ページ: Appeal（日英）。
 * 関係する棚: メニュー・日英・フッター・共通土台。
 * 注意: 元の詳細度・!important・条件分岐を保持。生成位置はplacement.jsonの最終旧ブロック。
 */
#appeal-related-20261010 {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 32px;
  margin: 0 0 60px;
  padding: 0
}
#appeal-related-20261010 a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 150px;
  padding: 24px 42px 24px 0;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  color: #fff;
  text-decoration: none;
  transition: border-color .2s
}
#appeal-related-20261010 .related-en {
  font: 400 clamp(32px,3.2vw,46px)/1.2 Valky,serif
}
#appeal-related-20261010 .related-label {
  margin-top: 16px;
  font-size: 14px;
  letter-spacing: .08em;
  color: #aaa
}
#appeal-related-20261010 .related-arrow {
  position: absolute;
  right: 8px;
  top: 50%;
  font-size: 17px;
  transform: translateY(-50%);
  transition: transform .2s
}
#appeal-related-20261010 a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 6px;
  border-color: #fff
}
@media (hover:hover) {
  #appeal-related-20261010 a:hover {
    border-color: #fff
  }
  #appeal-related-20261010 a:hover .related-arrow {
    transform: translate(5px,-50%)
  }
}
@media (max-width:767px) {
  #appeal-related-20261010 {
    grid-template-columns: 1fr;
    gap: 0;
    margin-bottom: 50px
  }
  #appeal-related-20261010 a {
    min-height: 120px;
    padding: 22px 42px 22px 0
  }
  #appeal-related-20261010 a+a {
    border-top: 0
  }
  #appeal-related-20261010 .related-en {
    font-size: 34px
  }
  #appeal-related-20261010 .related-label {
    margin-top: 10px;
    font-size: 13px
  }
}