/* ========================================
 * menu-pc.css
 * PCメニュー
 * ======================================== */

/* メニュー大枠 */
.menu-wrap { width: var(--widt-1); display: flex; justify-content: space-between; align-items: center; margin: 10px auto var(--padd-2); padding: var(--padd-2); background-color: var(--colr-2); border-radius: var(--radi-1); }

/* カテゴリ */
.menu-cate { display: flex; gap: var(--padd-2); }

/* カテゴリアイテム */
.menu-item { color: var(--colr-2); font-weight: var(--fwgt-1); text-decoration: none; background-color: var(--colr-1); border-radius: var(--radi-1); padding: var(--padd-3); }

/* カテゴリアイテムホバー */
.menu-item:hover { background-color: var(--colr-3); }

/* ツール */
.menu-tool { display: flex; align-items: center; gap: var(--padd-2); }

/* RSS・X共通 */
.menu-rss, .menu-x { display: flex; justify-content: center; align-items: center; background-color: var(--colr-1); border-radius: 50%; width: 38px; height: 38px; flex-shrink: 0; text-decoration: none; }

/* RSS・Xホバー */
.menu-rss:hover, .menu-x:hover { background-color: var(--colr-3); }

/* RSSアイコン */
.menu-rss img { width: 20px; height: 20px; display: block; }

/* Xアイコン */
.menu-x img { width: 26px; height: 26px; display: block; }

/* 検索フォーム全体 */
.menu-serc-form { display: flex; align-items: center; width: 220px; height: 38px; background-color: var(--colr-1); border-radius: var(--radi-1); position: relative; }

/* 検索入力欄 */
.menu-serc { width: 100%; height: 100%; border: none; background: transparent; padding: 0 45px 0 15px; color: var(--colr-2); outline: none; caret-color: var(--colr-2); }

/* 検索入力選択時 */
.menu-serc::selection { background: var(--colr-3); color: var(--colr-2); }

/* 検索入力欄フォーカス時 */
.menu-serc:focus { background-color: var(--colr-1); box-shadow: none; border-radius: var(--radi-1); }

/* オートフィル */
.menu-serc:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px var(--colr-1) inset; -webkit-text-fill-color: var(--colr-2); border-radius: var(--radi-1); }

/* 検索ボタン */
.menu-serc-btn { position: absolute; right: 4px; width: 30px; height: 30px; background: none; border: none; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; }

/* 検索ボタンアイコン */
.menu-serc-btn img { width: 18px; height: 18px; display: block; }