/* === MENU Section (PC版: 960px以上) === */
/* 注意: functions.phpで既にmedia="screen and (min-width: 960px)"が設定されているため、このファイル内で@mediaは不要 */

/* ========================================
   PC: レイアウト強制指定
======================================== */

/* メインリンク：右に画像、左にテキスト */
#menu .ptlMenu__mainLink {
  display: flex !important;
  flex-direction: row-reverse !important;
}

/* 画像：右側60% */
#menu .ptlMenu__mainImage {
  width: 60% !important;
  order: 1 !important;
}

/* テキスト：左側40% */
#menu .ptlMenu__mainText {
  width: 40% !important;
  order: 2 !important;
}

/* ========================================
   PC: タイトル・ディスクリプション調整
======================================== */

/* メインタイトル */
#menu .ptlMenu__mainTitle {
  font-size: clamp(1.5rem, 2.2vw, 1.85rem);
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: center;
  color: #AC905E;
  font-weight: 500;
}

/* メインディスクリプション */
#menu .ptlMenu__mainDesc {
  text-align: left !important;
  line-height: 1.9;
  font-size: clamp(0.9rem, 1.1vw, 1rem);
  color: #666;
}

/* ========================================
   カード内の透明化
======================================== */

#menu .ptlMenu__mainContent * {
  background: transparent;
}

/* 例外：フレームとタイトル背景はガラス調 */
#menu .ptlMenu__subLink {
  background: rgba(255, 255, 255, 0.25) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

#menu .ptlMenu__subTitle {
  background: rgba(255, 255, 255, 0.95) !important;
}