/* ========================================
 * float-pc.css
 * PCフローティングボタン
 * ======================================== */

/* ========================================
 * フローティング大枠
 * ======================================== */

/* 大枠（サイドバー左端に固定・初期非表示） */
.float-wrap { position: fixed; top: 85%; transform: translateY(-50%); left: calc(50% + 230px); display: flex; flex-direction: column; opacity: 0; pointer-events: none; transition: opacity 0.3s; z-index: 100; }

/* スクロール後に表示 */
.float-wrap.float-show { opacity: 1; pointer-events: auto; }

/* アイコン共通 */
.float-icon { width: 18px; height: 18px; filter: brightness(0) invert(1); }

/* ========================================
 * ボタン共通
 * ======================================== */

/* ボタン共通 */
.float-btn { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: var(--colr-1); color: var(--colr-2); font-weight: var(--fwgt-1); border: 5px solid var(--colr-2); border-radius: 50%; cursor: pointer; text-decoration: none; }
.float-btn + .float-btn { margin-top: -3px; }

/* ボタンホバー */
.float-btn:hover { background-color: var(--colr-3); }

/* 非活性ボタン */
.float-disab { opacity: 0.4; cursor: default; }
.float-disab:hover { background-color: var(--colr-1); }

/* ========================================
 * コメントアイコン
 * ======================================== */

/* コメントアイコン */
.float-cmnt-icon { width: 18px; height: 18px; filter: brightness(0) invert(1); }