:root{--卓: #2f8a5a;--卓濃: #236b45;--文字: #1d1d1d;--紙: #fffdf6;--赤: #d93a2b;--青: #2463b8;--金: #e8b923}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#1b3d2b;font-family:"BIZ UDPGothic","Yu Gothic UI","Meiryo",sans-serif;color:var(--文字);overflow:hidden}#舞台{position:fixed;left:0;top:0;width:1280px;height:720px;transform-origin:0 0;background:var(--卓);overflow:hidden}#横にして{display:none;position:fixed;inset:0;z-index:100;background:#1b3d2b;color:#fff;text-align:center;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-size:28px;padding:24px}#横にして .回る{font-size:90px;animation:回る 2s ease-in-out infinite}@keyframes 回る{0%,30%{transform:rotate(0)}60%,100%{transform:rotate(90deg)}}.面{position:absolute;inset:0}.隠{display:none!important}#はじめ,#決まり{background:linear-gradient(#e9f6ee,#cfeadb);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}#はじめ h1{font-size:64px;margin:0;color:#1f6b43;letter-spacing:4px}.小{font-size:22px;margin:0;color:#335}.欄{font-size:26px;display:flex;align-items:center;gap:16px}.欄 input{font-size:26px;padding:6px 12px;width:260px;border:3px solid #1f6b43;border-radius:10px}.選択 button{font-size:24px;padding:8px 18px;margin:0 4px;border:3px solid #1f6b43;background:#fff;border-radius:12px;cursor:pointer}.選択 button.選{background:#1f6b43;color:#fff}.大ボタン{font-size:34px;padding:14px 46px;border:none;border-radius:18px;background:#e85d2c;color:#fff;cursor:pointer;box-shadow:0 5px 0 #a8401d}.LINEボタン{font-size:24px;padding:8px 26px;border:none;border-radius:14px;background:#06c755;color:#fff;cursor:pointer}.やめるボタン{margin-left:auto;font-size:20px;padding:6px 16px;border:2px solid #fff;border-radius:10px;background:transparent;color:#fff;cursor:pointer}#やめる確認{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:50}.確認の箱{background:#fffbf0;border:4px solid #1f6b43;border-radius:20px;padding:30px 50px;text-align:center;font-size:34px}.確認の箱 p{margin:0 0 12px}.確認のボタン{display:flex;gap:30px;justify-content:center;margin-top:18px}#メニュー{position:absolute;right:22px;bottom:14px;width:580px;display:flex;flex-direction:column;gap:8px}#メニュー .メニュー{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;background:rgba(255,251,240,.95);border:3px solid #1f6b43;border-radius:16px;padding:6px 10px 10px}#メニュー .メニュー.有料{border-color:#e85d2c}#メニュー .メニューの題{grid-column:1 / -1;font-size:20px;font-weight:bold;color:#1f6b43}#メニュー .有料 .メニューの題{color:#a8401d}#メニュー button.準備中{color:#555;line-height:1.1}#メニュー button small{font-size:15px;color:#a8401d}#メニュー button{font-size:19px;padding:8px 4px;border:3px solid #1f6b43;border-radius:12px;background:#fff;cursor:pointer}#メニュー button.鍵{color:#888;border-color:#bbb;background:#f1f1f1}#メニュー button.会員とは{border-color:#e85d2c;color:#a8401d}.説明の箱{max-width:700px}#申し込み{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:58}.申し込みの箱{max-width:980px}.申し込みの中{text-align:left;font-size:24px;line-height:1.55;margin:6px 0;padding-left:10px;list-style:none}#メニュー button.申し込み{border-color:#e85d2c;background:#fff3ea;color:#a8401d;font-weight:bold;line-height:1.1}#メニュー button.申し込み small{font-size:14px}#違い{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:55}.違いの箱{background:#fffbf0;border:4px solid #1f6b43;border-radius:22px;padding:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}#違いの絵{height:575px;border-radius:14px}.違いの箱 .大ボタン{padding:6px 46px;font-size:28px}.違いの箱 h2{margin:0 0 10px;font-size:38px;color:#1f6b43}.違いの列{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px;align-items:start;margin-bottom:12px}.違いの列 .カード{display:block;padding:0;border-radius:18px;overflow:hidden;background:#fff;border:4px solid #999;color:#222;font-size:22px;text-align:left}.違いの列 .上{padding:8px 14px;color:#fff;display:flex;justify-content:space-between;align-items:baseline}.違いの列 .名{font-size:26px;font-weight:bold}.違いの列 .値段{font-size:30px;font-weight:bold}.違いの列 ul{list-style:none;margin:0;padding:8px 14px 10px;line-height:1.55}.違いの列 .なし{border-color:#8a8a8a}.違いの列 .なし .上{background:#8a8a8a}.違いの列 .無料{border-color:#06c755}.違いの列 .無料 .上{background:#06c755}.違いの列 .会員{border-color:#e85d2c}.違いの列 .会員 .上{background:#e85d2c}.違いの列 .無料 ul{columns:2;column-gap:10px}.昇級{margin-top:10px;font-size:34px;font-weight:bold;color:#c0392b}#登録{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:60}.登録の欄{justify-content:space-between;margin:10px 0;font-size:26px}.登録の欄 select,.登録の欄 input{font-size:26px;padding:6px 10px;border:3px solid #1f6b43;border-radius:10px;width:290px}.説明の箱 #説明の文{font-size:24px;line-height:1.6;text-align:left;white-space:pre-line}#説明{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:50}#振り返り{background:linear-gradient(#e9f6ee,#cfeadb);display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:12px}#振り返り h2{font-size:32px;color:#1f6b43;margin:0}.振り返りの局{font-size:26px;font-weight:bold;margin:0}#振り返りの手{display:flex;gap:4px}#振り返りの手 .牌.振り返り_捨て{outline:6px solid #c0392b;outline-offset:-2px;transform:translateY(-14px)}#振り返りの手 .牌.振り返り_案{outline:6px solid #1e6fd9;outline-offset:-2px;transform:translateY(-14px)}.振り返りの下{display:flex;align-items:center;gap:16px;background:#fffdf6;border:3px solid #e8b923;border-radius:16px;padding:10px 18px;width:1060px;min-height:150px}.振り返りの下 img{height:140px}#振り返りの文{font-size:24px;line-height:1.5}#振り返りの文 .赤{color:#c0392b}#振り返りの文 .青{color:#1e6fd9}.振り返りのボタン{display:flex;gap:20px}.振り返りのボタン button:disabled{opacity:.4}#ランキング{background:linear-gradient(#e9f6ee,#cfeadb);display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:16px}#ランキング h2{font-size:36px;color:#1f6b43;margin:0}#ランキング select{font-size:24px;padding:4px 8px;border:3px solid #1f6b43;border-radius:10px}#ランキングの中{font-size:22px}#ランキングの中 table{border-collapse:collapse;background:#fff}#ランキングの中 th,#ランキングの中 td{border:2px solid #b9d9c6;padding:3px 14px}#ランキングの中 th{background:#e9f6ee}#ランキングの中 tr.自分 td{background:#fff3c4;font-weight:bold}#ランキングの中 p{margin:6px 0}#成績{background:linear-gradient(#e9f6ee,#cfeadb);display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:20px}#成績 h2{font-size:40px;color:#1f6b43;margin:0}#成績の中{font-size:24px}#成績の中 table{border-collapse:collapse;background:#fff}#成績の中 th,#成績の中 td{border:2px solid #b9d9c6;padding:5px 16px}#成績の中 th{background:#e9f6ee}.中ボタン{font-size:24px;padding:8px 26px;border:3px solid #1f6b43;border-radius:14px;background:#fff;cursor:pointer}#決まり h2{font-size:40px;margin:0}#決まり ul{font-size:25px;line-height:1.7;background:#fff;padding:20px 50px;border-radius:18px;max-width:1060px}.牌{display:inline-block;position:relative;width:var(--w, 44px);height:calc(var(--w, 44px) * 1.36);background:var(--紙);border:2px solid #111;border-radius:6px;margin:0 1px;box-shadow:0 3px 0 #b9b2a0;vertical-align:bottom}.牌 img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;pointer-events:none}.牌.裏{background:linear-gradient(#e0a24a,#c27a24)}.牌.白::after{content:"";position:absolute;inset:16% 18%;border:3px solid #2463b8;border-radius:4px}.牌.横{transform:rotate(90deg);margin:0 calc(var(--w, 44px) * .2)}.牌.ドラ牌{background:#fff3a8}.牌.選べる{cursor:pointer}.牌.選べる:hover{transform:translateY(-14px)}.牌.ツモ牌{margin-left:18px}.牌.おすすめ{outline:5px solid var(--青);outline-offset:2px}.牌.リーチ候補{outline:4px dashed var(--赤);outline-offset:2px}.牌.鳴かれた{opacity:.35}#上の帯{position:absolute;top:0;left:0;right:0;height:52px;background:var(--卓濃);color:#fff;font-size:26px;display:flex;gap:36px;align-items:center;padding:0 22px}#上の帯 .牌{--w: 28px}#卓{position:absolute;top:52px;left:0;right:0;height:470px}.席{position:absolute}.札{font-size:20px;color:#fff;background:rgba(0,0,0,.35);padding:2px 10px;border-radius:8px;display:inline-block}.札 .親{color:var(--金);font-weight:bold}.札.番{outline:3px solid var(--金)}.手.伏せ .牌{--w: 22px}.席1 .手.伏せ .牌,.席3 .手.伏せ .牌{--w: 17px;margin:0}.鳴き .牌{--w: 30px}.河{display:grid;grid-template-columns:repeat(6,auto);gap:2px;justify-content:start}.河 .牌{--w: 30px}.席1{right:14px;top:70px;width:300px}.席2{left:50%;transform:translateX(-50%);top:6px;width:560px;text-align:center}.席3{left:14px;top:70px;width:300px}.席2 .河{justify-content:center}.席0{left:50%;transform:translateX(-50%);bottom:4px;width:560px}.席0 .河{justify-content:center}#中央{position:absolute;left:50%;top:175px;transform:translateX(-50%);width:300px;height:120px;background:#173f2a;color:#fff;border-radius:14px;font-size:20px;display:grid;grid-template-columns:1fr 1fr;align-content:center;padding:6px 14px;gap:2px 10px}#中央 .親{color:var(--金)}#自分{position:absolute;left:0;right:0;top:522px;height:110px;display:flex;justify-content:center;align-items:flex-end;gap:22px}.自分の手 .牌{--w: 62px}body.小さい牌 .自分の手 .牌{--w: 52px}#鳴き0 .牌{--w: 44px}#案内{position:absolute;left:20px;right:360px;bottom:10px;height:74px;background:var(--紙);border:3px solid #1f6b43;border-radius:14px;font-size:25px;display:flex;align-items:center;padding:0 18px;line-height:1.3}#案内 b{color:var(--赤)}#ボタン列{position:absolute;right:16px;bottom:10px;width:330px;height:74px;display:flex;justify-content:space-between;align-items:center}#ボタン列 button{font-size:28px;padding:10px 18px;border:none;border-radius:14px;cursor:pointer;color:#fff;font-weight:bold}.はい{background:var(--赤);box-shadow:0 4px 0 #8f2419}.いいえ{background:#6b6b6b;box-shadow:0 4px 0 #3b3b3b}.ふつう{background:var(--青);box-shadow:0 4px 0 #173f78}#結果{background:rgba(10,30,20,.92);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}#結果の中{font-size:28px;text-align:center;max-width:1180px}#結果の中 h2{font-size:46px;margin:0 0 10px;color:var(--金)}#結果の中 .役{font-size:30px;margin:6px 0}#結果の中 .全員{display:grid;grid-template-columns:160px 1fr 140px;gap:6px 14px;align-items:center;text-align:left;font-size:22px;margin-top:12px}#結果の中 .全員 .牌{--w: 30px}#結果の中 .増{color:#7fe08a}#結果の中 .減{color:#ff8f80}#先生{position:absolute;right:14px;top:300px;width:350px;height:214px;background:rgba(255,253,246,.96);border:3px solid #e8b923;border-radius:14px;padding:6px 10px;overflow:hidden}#先生 .題{font-size:20px;font-weight:bold;color:#8a5a00}#ルミ先生の絵{position:absolute;right:366px;top:392px;height:130px;pointer-events:none}#先生.隠+#ルミ先生の絵{display:none}.札 .顔{height:40px;vertical-align:middle;margin-right:6px;border-radius:50%;background:#fffbf0}#先生 .ひとこと{font-size:16px;line-height:1.35;padding:3px 0;border-top:1px dashed #d8c99a;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#先生 .ひとこと.新{color:#1d1d1d;font-size:19px;white-space:normal}#先生 .ひとこと b{color:#c0392b}#はじめ{background:linear-gradient(90deg,rgba(255,251,240,.97) 0%,rgba(255,251,240,.93) 52%,rgba(255,251,240,0) 72%),url(../img/はじめの絵.jpg) center / cover no-repeat;align-items:flex-start;padding-left:70px}#はじめ h1{color:#2f7d4f;text-shadow:0 3px 0 #fff}#はじめ{gap:7px}#はじめ .選択 button{padding-top:4px;padding-bottom:4px}#決まり{background:linear-gradient(#fffbf0,#f3ecd6)}#舞台{background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 26px),repeating-linear-gradient(-45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 26px),radial-gradient(ellipse at 50% 45%,#5fb57a 0%,#469a63 55%,#357e4f 100%)}#上の帯{background:linear-gradient(#a8743f,#8a5a2b);box-shadow:0 3px 0 #6b4320}#中央{background:rgba(20,60,38,.85);border:3px solid #c99a55}#グループ{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:49}.グループの箱{max-width:1100px;max-height:680px;overflow-y:auto;padding:22px 40px}#グループの中{font-size:24px;text-align:left}#グループの中 .行{display:flex;align-items:center;gap:14px;justify-content:space-between;border:3px solid #b9d9c6;border-radius:14px;background:#fff;padding:8px 14px;margin:8px 0}#グループの中 .行 b{font-size:28px}#グループの中 .合言葉{color:#a8401d;font-size:22px}#グループの中 .合言葉 b{font-size:30px;letter-spacing:4px}#グループの中 .入れる所{display:flex;align-items:center;gap:14px;margin:12px 0;flex-wrap:wrap}#グループの中 input{font-size:28px;padding:6px 12px;width:300px;border:3px solid #1f6b43;border-radius:10px}#グループの中 table{border-collapse:collapse;background:#fff;margin:6px auto}#グループの中 th,#グループの中 td{border:2px solid #b9d9c6;padding:4px 14px;text-align:center}#グループの中 th{background:#e9f6ee}#グループの中 tr.自分 td{background:#fff3c4;font-weight:bold}#グループの中 .見出し{color:#1f6b43;font-weight:bold;margin:14px 0 2px}#グループの状態{color:#c0392b;min-height:1.3em;white-space:pre-line}.小さい字のボタン{margin-top:10px;font-size:16px;background:none;border:none;color:#6a7f73;text-decoration:underline;cursor:pointer}.顔の欄{font-size:20px;text-align:left;margin:6px 0}#登録_顔 .組{display:flex;align-items:center;gap:6px;margin:4px 0;flex-wrap:wrap}#登録_顔 .組>span{width:52px;font-size:18px;color:#1f6b43;font-weight:bold}#登録_顔 button{padding:2px;border:3px solid transparent;border-radius:12px;background:#fff;cursor:pointer}#登録_顔 button img{width:56px;height:56px;display:block;border-radius:8px}#登録_顔 button.今{border-color:#e85d2c;background:#fff3ea}.中ボタン.小さめ{font-size:18px;padding:4px 14px;margin-left:6px}#登録_画像{width:56px;height:56px;border-radius:8px;border:3px solid #e85d2c;vertical-align:middle;margin-left:8px}.画像の注意{font-size:15px;color:#555;line-height:1.4;margin-top:2px}#質問{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:57}.質問の箱{max-width:900px;padding:18px 36px}.質問の行{font-size:22px;text-align:left;margin:6px 0;display:flex;gap:18px;flex-wrap:wrap;align-items:center}.質問の行 input[type=radio]{transform:scale(1.6);margin-right:6px}#質問の文{width:100%;height:180px;font-size:22px;padding:8px 12px;border:3px solid #1f6b43;border-radius:10px;box-sizing:border-box}#質問の連絡先{font-size:20px;padding:4px 10px;width:420px;border:3px solid #1f6b43;border-radius:10px}#質問の状態{color:#c0392b;min-height:1.3em;white-space:pre-line}#登録 .確認の箱{max-height:700px;overflow-y:auto;padding:14px 40px;box-sizing:border-box}#登録 .確認の箱>p:first-child{margin-bottom:4px}#登録_顔 button img{width:46px;height:46px}#登録 .確認のボタン{margin-top:8px}#全画面の案内{position:absolute;right:20px;top:14px;z-index:45;font-size:22px;padding:8px 18px;border:3px solid #1f6b43;border-radius:14px;background:#fff;color:#1f6b43;font-weight:bold;box-shadow:0 3px 0 #1f6b43;cursor:pointer}.見えない{display:none!important}body.スマホ .自分の手 .牌{--w: 78px}body.スマホ #鳴き0 .牌{--w: 50px}body.スマホ .河 .牌{--w: 34px}body.スマホ .札{font-size:24px}body.スマホ #先生 .ひとこと.新{font-size:22px}body.スマホ #案内{font-size:26px}body.スマホ.対局中 #舞台{height:520px}body.スマホ.対局中 #上の帯{height:44px;font-size:22px;gap:24px}body.スマホ.対局中 #卓{top:44px;height:300px}body.スマホ.対局中 .席2 .手.伏せ,body.スマホ.対局中 .席1 .手.伏せ,body.スマホ.対局中 .席3 .手.伏せ{display:none}body.スマホ.対局中 .席1,body.スマホ.対局中 .席3{top:4px}body.スマホ.対局中 .席2{top:2px}body.スマホ.対局中 .河 .牌{--w: 30px}body.スマホ.対局中 #中央{display:none}body.スマホ.対局中 #自分{top:344px;height:112px}body.スマホ.対局中 #先生,body.スマホ.対局中 #ルミ先生の絵{display:none}body.スマホ.対局中 #案内{top:458px;bottom:auto;height:58px;right:360px;font-size:21px;line-height:1.25}body.スマホ.対局中 #ボタン列{top:458px;bottom:auto;height:58px}body.スマホ.対局中 #案内 .先生の声{color:#8a5a00;font-weight:bold}#はじめ{justify-content:flex-start;padding-top:14px;gap:6px}#はじめ h1{font-size:54px;line-height:1.1}#はじめ .概要{font-size:21px;line-height:1.4;color:#213}#はじめ .概要 p{margin:0}#はじめ .概要 ul{margin:2px 0 0;padding-left:26px}#はじめ .概要 b{color:#1f6b43}#はじめ .まとまり{background:rgba(255,255,255,.75);border:3px solid #1f6b43;border-radius:14px;padding:4px 16px 8px;display:flex;flex-direction:column;gap:6px;width:640px;box-sizing:border-box}#はじめ .まとまりの題{font-size:22px;font-weight:bold;color:#fff;background:#1f6b43;border-radius:8px;padding:0 12px;align-self:flex-start}#はじめ .まとまり .欄{font-size:22px;gap:10px}#はじめ .まとまり .欄 input{font-size:22px;width:170px}#はじめ .利用 .大ボタン{font-size:28px;padding:8px 26px}#はじめ .まとまり p{margin:0}#はじめ .オプション .選択 button{font-size:19px;padding:3px 12px}#はじめ .下の案内{margin:0}#メニュー .メニューの大題{font-size:22px;font-weight:bold;color:#fff;background:#1f6b43;border-radius:8px;padding:0 12px;align-self:flex-start}#設定の窓{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:56}.設定の箱{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:18px 36px}.設定の箱>p{align-self:center}.設定の箱 .欄{font-size:26px}.設定の箱 .確認のボタン{align-self:center}#設定のまとめ{font-size:22px;color:#213}#はじめ .利用 .欄 label{white-space:nowrap}#はじめ .利用 .大ボタン{white-space:nowrap;font-size:32px;padding:10px 34px}#はじめ .まとまり{width:600px}#はじめ .利用 #始める{align-self:stretch;font-size:34px;padding:8px 0}#設定を変える{white-space:nowrap}#設定のまとめ{font-size:20px;white-space:nowrap}.設定の箱{gap:6px;padding:14px 34px;max-width:1100px}.設定の箱>p{margin:0}.設定の箱 .設定の前書き{align-self:center;font-size:20px;color:#555}.設定の箱 .項目{border-top:2px dashed #cfe3d6;padding-top:4px;width:100%}.設定の箱 .欄{font-size:24px}.設定の箱 .選択 button{font-size:21px;padding:4px 14px}.設定の箱 .項目の説明{font-size:17px;color:#444;margin:2px 0 0 4px}.設定の箱 .項目,.設定の箱 .項目の説明{text-align:left}#会員の案内{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:54}#会員の案内_文,#会員の案内の文{font-size:24px;line-height:1.6;white-space:pre-line;text-align:left}#会員の案内_無料{font-size:20px}#はじめ{background:radial-gradient(circle at 92% 8%,rgba(255,226,120,.35),rgba(255,226,120,0) 30%),url(../img/はじめの絵.jpg) right -40px top -30px / auto 260px no-repeat,#F7F3E8;padding:20px 0 0 40px;gap:8px}#はじめ h1{font-size:56px;color:#2F7A4B;text-shadow:none;letter-spacing:3px}#はじめ .概要{font-size:22px;color:#2B2B2B}#はじめ .概要 ul{list-style:none;padding-left:4px;font-size:19px;line-height:30px}#はじめ .概要 li::before{content:"●";color:#2F7A4B;margin-right:8px;font-size:14px;vertical-align:2px}#はじめ .概要 b{color:#2F7A4B}#はじめ .まとまり{width:610px;background:#FFFDF8;border:2px solid #2F7A4B;border-radius:20px;padding:14px 24px 16px;margin-top:10px;position:relative;gap:10px}#はじめ .まとまりの題{position:absolute;left:16px;top:-18px;font-size:22px;padding:2px 14px;background:#2F7A4B;border-radius:12px}#はじめ .まとまり .欄{font-size:20px;margin-top:8px}#はじめ .まとまり .欄 input{font-size:26px;width:180px;height:48px;box-sizing:border-box;border:2px solid #2F7A4B;border-radius:12px}#はじめ .利用 #始める{font-size:30px;height:70px;padding:0;background:#F0642B;box-shadow:0 4px 0 #C94D1C;border-radius:16px;font-weight:bold}#はじめ .利用 .LINEボタン{font-size:20px;height:54px;padding:0 26px;border-radius:14px}#はじめ .利用 p.小{font-size:18px;color:#4B5563;line-height:24px}#はじめ .下の案内{font-size:16px;margin-top:4px}#はじめ .下の案内 a{color:#1E5BB8}#メニュー{left:680px;right:auto;top:186px;bottom:auto;width:560px;gap:22px}#メニュー .メニューの大題{position:absolute;left:14px;top:-18px;z-index:1;font-size:22px;padding:2px 14px;border-radius:12px;background:#2F7A4B}#メニュー .メニュー{background:#FFFDF8;border:2px solid #2F7A4B;border-radius:20px;padding:14px 12px 12px;gap:12px}#メニュー .メニュー.無料{padding-top:22px}#メニュー .メニューの題{font-size:21px;color:#2F7A4B}#メニュー button{font-size:18px;height:70px;padding:4px 6px;border:2px solid #2F7A4B;border-radius:16px;background:#fff;color:#2B2B2B;font-weight:600;position:relative;line-height:1.25}#メニュー .メニュー.有料{background:#FFF8EE;border-color:#C98A2E}#メニュー .有料 .メニューの題{color:#A85F12;display:flex;align-items:center;gap:12px}#メニュー .無料の札{font-size:16px;color:#fff;background:#F0642B;border-radius:10px;padding:1px 10px}#メニュー .有料 button{background:#FFF6E7;border-color:#C98A2E;color:#5A3B12}#メニュー .有料 button.申し込み{background:#F0642B;border-color:#C94D1C;color:#fff;box-shadow:0 3px 0 #C94D1C}#メニュー .有料 button.申し込み small{color:#fff}#メニュー .有料 button.会員とは{background:#fff}body:not(.楽々会員) #メニュー button.会員の機能::after{content:"🔒 会員";position:absolute;right:6px;top:-10px;font-size:13px;color:#fff;background:#C98A2E;border-radius:8px;padding:0 6px;line-height:20px}.設定の箱{border-radius:24px;border:3px solid #2F7A4B;background:#FFFDF8;padding:18px 40px}.設定の箱>p:first-child{font-size:34px}.設定の箱 .設定の前書き{font-size:20px;color:#5F6B66}.設定の箱 .項目{border-top:1px solid #e3ecdf;padding:6px 0 2px}.設定の箱 .欄{font-size:22px}.設定の箱 .欄>.選択{margin-left:auto}.設定の箱 .選択 button{font-size:21px;height:44px;padding:0 18px;border-radius:12px}.設定の箱 .項目の説明{font-size:16px;color:#5F6B66}#設定ではじめる{background:#F0642B;box-shadow:0 4px 0 #C94D1C;border-radius:16px;font-size:28px;padding:10px 70px}#会員の案内 .確認の箱{border-radius:24px;background:#FFFDF8;padding:22px 40px;max-width:700px}#会員の案内_題,#会員の案内の題{font-size:30px}#会員の案内の文{font-size:21px;line-height:34px}#会員の案内の文 b{color:#F0642B}#会員の案内_申し込む{background:#F0642B;box-shadow:0 4px 0 #C94D1C;border-radius:16px;font-size:26px}#会員の案内_無料{color:#1E5BB8;font-size:18px}.設定の箱 .項目の説明{display:none}#設定の説明{font-size:18px;color:#5F6B66;min-height:1.5em;align-self:center;margin:4px 0 0}#はじめ{background:#F7F3E8}#はじめ::before{content:"";position:absolute;right:0;top:0;width:330px;height:190px;background:url(../img/はじめの絵.jpg) right -30px top -20px / auto 250px no-repeat;-webkit-mask-image:radial-gradient(ellipse 85% 95% at 100% 0%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 85% 95% at 100% 0%,#000 55%,transparent 100%);opacity:.9;pointer-events:none}#メニュー .有料 button{font-size:17px}#メニュー button.申し込み small{font-size:13px}#はじめ::before{width:300px;height:180px;right:24px;top:4px;background:url(../img/トップの3人.png) center bottom / contain no-repeat;-webkit-mask-image:none;mask-image:none;opacity:1}#はじめ .端末の案内{font-size:19px;color:#2B2B2B;margin:6px 0 0}#はじめ .端末の案内{max-width:610px;line-height:1.4}:root{--卓: #2f8a5a;--卓濃: #236b45;--文字: #1d1d1d;--紙: #fffdf6;--赤: #d93a2b;--青: #2463b8;--金: #e8b923}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#1b3d2b;font-family:"BIZ UDPGothic","Yu Gothic UI","Meiryo",sans-serif;color:var(--文字);overflow:hidden}#舞台{position:fixed;left:0;top:0;width:1280px;height:720px;transform-origin:0 0;background:var(--卓);overflow:hidden}#横にして{display:none;position:fixed;inset:0;z-index:100;background:#1b3d2b;color:#fff;text-align:center;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-size:28px;padding:24px}#横にして .回る{font-size:90px;animation:回る 2s ease-in-out infinite}@keyframes 回る{0%,30%{transform:rotate(0)}60%,100%{transform:rotate(90deg)}}.面{position:absolute;inset:0}.隠{display:none!important}#はじめ,#決まり{background:linear-gradient(#e9f6ee,#cfeadb);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}#はじめ h1{font-size:64px;margin:0;color:#1f6b43;letter-spacing:4px}.小{font-size:22px;margin:0;color:#335}.欄{font-size:26px;display:flex;align-items:center;gap:16px}.欄 input{font-size:26px;padding:6px 12px;width:260px;border:3px solid #1f6b43;border-radius:10px}.選択 button{font-size:24px;padding:8px 18px;margin:0 4px;border:3px solid #1f6b43;background:#fff;border-radius:12px;cursor:pointer}.選択 button.選{background:#1f6b43;color:#fff}.大ボタン{font-size:34px;padding:14px 46px;border:none;border-radius:18px;background:#e85d2c;color:#fff;cursor:pointer;box-shadow:0 5px 0 #a8401d}.LINEボタン{font-size:24px;padding:8px 26px;border:none;border-radius:14px;background:#06c755;color:#fff;cursor:pointer}.やめるボタン{margin-left:auto;font-size:20px;padding:6px 16px;border:2px solid #fff;border-radius:10px;background:transparent;color:#fff;cursor:pointer}#やめる確認{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:50}.確認の箱{background:#fffbf0;border:4px solid #1f6b43;border-radius:20px;padding:30px 50px;text-align:center;font-size:34px}.確認の箱 p{margin:0 0 12px}.確認のボタン{display:flex;gap:30px;justify-content:center;margin-top:18px}#メニュー{position:absolute;right:22px;bottom:14px;width:580px;display:flex;flex-direction:column;gap:8px}#メニュー .メニュー{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;background:rgba(255,251,240,.95);border:3px solid #1f6b43;border-radius:16px;padding:6px 10px 10px}#メニュー .メニュー.有料{border-color:#e85d2c}#メニュー .メニューの題{grid-column:1 / -1;font-size:20px;font-weight:bold;color:#1f6b43}#メニュー .有料 .メニューの題{color:#a8401d}#メニュー button.準備中{color:#555;line-height:1.1}#メニュー button small{font-size:15px;color:#a8401d}#メニュー button{font-size:19px;padding:8px 4px;border:3px solid #1f6b43;border-radius:12px;background:#fff;cursor:pointer}#メニュー button.鍵{color:#888;border-color:#bbb;background:#f1f1f1}#メニュー button.会員とは{border-color:#e85d2c;color:#a8401d}.説明の箱{max-width:700px}#申し込み{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:58}.申し込みの箱{max-width:980px}.申し込みの中{text-align:left;font-size:24px;line-height:1.55;margin:6px 0;padding-left:10px;list-style:none}#メニュー button.申し込み{border-color:#e85d2c;background:#fff3ea;color:#a8401d;font-weight:bold;line-height:1.1}#メニュー button.申し込み small{font-size:14px}#違い{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:55}.違いの箱{background:#fffbf0;border:4px solid #1f6b43;border-radius:22px;padding:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}#違いの絵{height:575px;border-radius:14px}.違いの箱 .大ボタン{padding:6px 46px;font-size:28px}.違いの箱 h2{margin:0 0 10px;font-size:38px;color:#1f6b43}.違いの列{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px;align-items:start;margin-bottom:12px}.違いの列 .カード{display:block;padding:0;border-radius:18px;overflow:hidden;background:#fff;border:4px solid #999;color:#222;font-size:22px;text-align:left}.違いの列 .上{padding:8px 14px;color:#fff;display:flex;justify-content:space-between;align-items:baseline}.違いの列 .名{font-size:26px;font-weight:bold}.違いの列 .値段{font-size:30px;font-weight:bold}.違いの列 ul{list-style:none;margin:0;padding:8px 14px 10px;line-height:1.55}.違いの列 .なし{border-color:#8a8a8a}.違いの列 .なし .上{background:#8a8a8a}.違いの列 .無料{border-color:#06c755}.違いの列 .無料 .上{background:#06c755}.違いの列 .会員{border-color:#e85d2c}.違いの列 .会員 .上{background:#e85d2c}.違いの列 .無料 ul{columns:2;column-gap:10px}.昇級{margin-top:10px;font-size:34px;font-weight:bold;color:#c0392b}#登録{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:60}.登録の欄{justify-content:space-between;margin:10px 0;font-size:26px}.登録の欄 select,.登録の欄 input{font-size:26px;padding:6px 10px;border:3px solid #1f6b43;border-radius:10px;width:290px}.説明の箱 #説明の文{font-size:24px;line-height:1.6;text-align:left;white-space:pre-line}#説明{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:50}#振り返り{background:linear-gradient(#e9f6ee,#cfeadb);display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:12px}#振り返り h2{font-size:32px;color:#1f6b43;margin:0}.振り返りの局{font-size:26px;font-weight:bold;margin:0}#振り返りの手{display:flex;gap:4px}#振り返りの手 .牌.振り返り_捨て{outline:6px solid #c0392b;outline-offset:-2px;transform:translateY(-14px)}#振り返りの手 .牌.振り返り_案{outline:6px solid #1e6fd9;outline-offset:-2px;transform:translateY(-14px)}.振り返りの下{display:flex;align-items:center;gap:16px;background:#fffdf6;border:3px solid #e8b923;border-radius:16px;padding:10px 18px;width:1060px;min-height:150px}.振り返りの下 img{height:140px}#振り返りの文{font-size:24px;line-height:1.5}#振り返りの文 .赤{color:#c0392b}#振り返りの文 .青{color:#1e6fd9}.振り返りのボタン{display:flex;gap:20px}.振り返りのボタン button:disabled{opacity:.4}#ランキング{background:linear-gradient(#e9f6ee,#cfeadb);display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:16px}#ランキング h2{font-size:36px;color:#1f6b43;margin:0}#ランキング select{font-size:24px;padding:4px 8px;border:3px solid #1f6b43;border-radius:10px}#ランキングの中{font-size:22px}#ランキングの中 table{border-collapse:collapse;background:#fff}#ランキングの中 th,#ランキングの中 td{border:2px solid #b9d9c6;padding:3px 14px}#ランキングの中 th{background:#e9f6ee}#ランキングの中 tr.自分 td{background:#fff3c4;font-weight:bold}#ランキングの中 p{margin:6px 0}#成績{background:linear-gradient(#e9f6ee,#cfeadb);display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:20px}#成績 h2{font-size:40px;color:#1f6b43;margin:0}#成績の中{font-size:24px}#成績の中 table{border-collapse:collapse;background:#fff}#成績の中 th,#成績の中 td{border:2px solid #b9d9c6;padding:5px 16px}#成績の中 th{background:#e9f6ee}.中ボタン{font-size:24px;padding:8px 26px;border:3px solid #1f6b43;border-radius:14px;background:#fff;cursor:pointer}#決まり h2{font-size:40px;margin:0}#決まり ul{font-size:25px;line-height:1.7;background:#fff;padding:20px 50px;border-radius:18px;max-width:1060px}.牌{display:inline-block;position:relative;width:var(--w, 44px);height:calc(var(--w, 44px) * 1.36);background:var(--紙);border:2px solid #111;border-radius:6px;margin:0 1px;box-shadow:0 3px 0 #b9b2a0;vertical-align:bottom}.牌 img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;pointer-events:none}.牌.裏{background:linear-gradient(#e0a24a,#c27a24)}.牌.白::after{content:"";position:absolute;inset:16% 18%;border:3px solid #2463b8;border-radius:4px}.牌.横{transform:rotate(90deg);margin:0 calc(var(--w, 44px) * .2)}.牌.ドラ牌{background:#fff3a8}.牌.選べる{cursor:pointer}.牌.選べる:hover{transform:translateY(-14px)}.牌.ツモ牌{margin-left:18px}.牌.おすすめ{outline:5px solid var(--青);outline-offset:2px}.牌.リーチ候補{outline:4px dashed var(--赤);outline-offset:2px}.牌.鳴かれた{opacity:.35}#上の帯{position:absolute;top:0;left:0;right:0;height:52px;background:var(--卓濃);color:#fff;font-size:26px;display:flex;gap:36px;align-items:center;padding:0 22px}#上の帯 .牌{--w: 28px}#卓{position:absolute;top:52px;left:0;right:0;height:470px}.席{position:absolute}.札{font-size:20px;color:#fff;background:rgba(0,0,0,.35);padding:2px 10px;border-radius:8px;display:inline-block}.札 .親{color:var(--金);font-weight:bold}.札.番{outline:3px solid var(--金)}.手.伏せ .牌{--w: 22px}.席1 .手.伏せ .牌,.席3 .手.伏せ .牌{--w: 17px;margin:0}.鳴き .牌{--w: 30px}.河{display:grid;grid-template-columns:repeat(6,auto);gap:2px;justify-content:start}.河 .牌{--w: 30px}.席1{right:14px;top:70px;width:300px}.席2{left:50%;transform:translateX(-50%);top:6px;width:560px;text-align:center}.席3{left:14px;top:70px;width:300px}.席2 .河{justify-content:center}.席0{left:50%;transform:translateX(-50%);bottom:4px;width:560px}.席0 .河{justify-content:center}#中央{position:absolute;left:50%;top:175px;transform:translateX(-50%);width:300px;height:120px;background:#173f2a;color:#fff;border-radius:14px;font-size:20px;display:grid;grid-template-columns:1fr 1fr;align-content:center;padding:6px 14px;gap:2px 10px}#中央 .親{color:var(--金)}#自分{position:absolute;left:0;right:0;top:522px;height:110px;display:flex;justify-content:center;align-items:flex-end;gap:22px}.自分の手 .牌{--w: 62px}body.小さい牌 .自分の手 .牌{--w: 52px}#鳴き0 .牌{--w: 44px}#案内{position:absolute;left:20px;right:360px;bottom:10px;height:74px;background:var(--紙);border:3px solid #1f6b43;border-radius:14px;font-size:25px;display:flex;align-items:center;padding:0 18px;line-height:1.3}#案内 b{color:var(--赤)}#ボタン列{position:absolute;right:16px;bottom:10px;width:330px;height:74px;display:flex;justify-content:space-between;align-items:center}#ボタン列 button{font-size:28px;padding:10px 18px;border:none;border-radius:14px;cursor:pointer;color:#fff;font-weight:bold}.はい{background:var(--赤);box-shadow:0 4px 0 #8f2419}.いいえ{background:#6b6b6b;box-shadow:0 4px 0 #3b3b3b}.ふつう{background:var(--青);box-shadow:0 4px 0 #173f78}#結果{background:rgba(10,30,20,.92);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}#結果の中{font-size:28px;text-align:center;max-width:1180px}#結果の中 h2{font-size:46px;margin:0 0 10px;color:var(--金)}#結果の中 .役{font-size:30px;margin:6px 0}#結果の中 .全員{display:grid;grid-template-columns:160px 1fr 140px;gap:6px 14px;align-items:center;text-align:left;font-size:22px;margin-top:12px}#結果の中 .全員 .牌{--w: 30px}#結果の中 .増{color:#7fe08a}#結果の中 .減{color:#ff8f80}#先生{position:absolute;right:14px;top:300px;width:350px;height:214px;background:rgba(255,253,246,.96);border:3px solid #e8b923;border-radius:14px;padding:6px 10px;overflow:hidden}#先生 .題{font-size:20px;font-weight:bold;color:#8a5a00}#ルミ先生の絵{position:absolute;right:366px;top:392px;height:130px;pointer-events:none}#先生.隠+#ルミ先生の絵{display:none}.札 .顔{height:40px;vertical-align:middle;margin-right:6px;border-radius:50%;background:#fffbf0}#先生 .ひとこと{font-size:16px;line-height:1.35;padding:3px 0;border-top:1px dashed #d8c99a;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#先生 .ひとこと.新{color:#1d1d1d;font-size:19px;white-space:normal}#先生 .ひとこと b{color:#c0392b}#はじめ{background:linear-gradient(90deg,rgba(255,251,240,.97) 0%,rgba(255,251,240,.93) 52%,rgba(255,251,240,0) 72%),url(../img/はじめの絵.jpg) center / cover no-repeat;align-items:flex-start;padding-left:70px}#はじめ h1{color:#2f7d4f;text-shadow:0 3px 0 #fff}#はじめ{gap:7px}#はじめ .選択 button{padding-top:4px;padding-bottom:4px}#決まり{background:linear-gradient(#fffbf0,#f3ecd6)}#舞台{background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 26px),repeating-linear-gradient(-45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 26px),radial-gradient(ellipse at 50% 45%,#5fb57a 0%,#469a63 55%,#357e4f 100%)}#上の帯{background:linear-gradient(#a8743f,#8a5a2b);box-shadow:0 3px 0 #6b4320}#中央{background:rgba(20,60,38,.85);border:3px solid #c99a55}#グループ{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:49}.グループの箱{max-width:1100px;max-height:680px;overflow-y:auto;padding:22px 40px}#グループの中{font-size:24px;text-align:left}#グループの中 .行{display:flex;align-items:center;gap:14px;justify-content:space-between;border:3px solid #b9d9c6;border-radius:14px;background:#fff;padding:8px 14px;margin:8px 0}#グループの中 .行 b{font-size:28px}#グループの中 .合言葉{color:#a8401d;font-size:22px}#グループの中 .合言葉 b{font-size:30px;letter-spacing:4px}#グループの中 .入れる所{display:flex;align-items:center;gap:14px;margin:12px 0;flex-wrap:wrap}#グループの中 input{font-size:28px;padding:6px 12px;width:300px;border:3px solid #1f6b43;border-radius:10px}#グループの中 table{border-collapse:collapse;background:#fff;margin:6px auto}#グループの中 th,#グループの中 td{border:2px solid #b9d9c6;padding:4px 14px;text-align:center}#グループの中 th{background:#e9f6ee}#グループの中 tr.自分 td{background:#fff3c4;font-weight:bold}#グループの中 .見出し{color:#1f6b43;font-weight:bold;margin:14px 0 2px}#グループの状態{color:#c0392b;min-height:1.3em;white-space:pre-line}.小さい字のボタン{margin-top:10px;font-size:16px;background:none;border:none;color:#6a7f73;text-decoration:underline;cursor:pointer}.顔の欄{font-size:20px;text-align:left;margin:6px 0}#登録_顔 .組{display:flex;align-items:center;gap:6px;margin:4px 0;flex-wrap:wrap}#登録_顔 .組>span{width:52px;font-size:18px;color:#1f6b43;font-weight:bold}#登録_顔 button{padding:2px;border:3px solid transparent;border-radius:12px;background:#fff;cursor:pointer}#登録_顔 button img{width:56px;height:56px;display:block;border-radius:8px}#登録_顔 button.今{border-color:#e85d2c;background:#fff3ea}.中ボタン.小さめ{font-size:18px;padding:4px 14px;margin-left:6px}#登録_画像{width:56px;height:56px;border-radius:8px;border:3px solid #e85d2c;vertical-align:middle;margin-left:8px}.画像の注意{font-size:15px;color:#555;line-height:1.4;margin-top:2px}#質問{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:57}.質問の箱{max-width:900px;padding:18px 36px}.質問の行{font-size:22px;text-align:left;margin:6px 0;display:flex;gap:18px;flex-wrap:wrap;align-items:center}.質問の行 input[type=radio]{transform:scale(1.6);margin-right:6px}#質問の文{width:100%;height:180px;font-size:22px;padding:8px 12px;border:3px solid #1f6b43;border-radius:10px;box-sizing:border-box}#質問の連絡先{font-size:20px;padding:4px 10px;width:420px;border:3px solid #1f6b43;border-radius:10px}#質問の状態{color:#c0392b;min-height:1.3em;white-space:pre-line}#登録 .確認の箱{max-height:700px;overflow-y:auto;padding:14px 40px;box-sizing:border-box}#登録 .確認の箱>p:first-child{margin-bottom:4px}#登録_顔 button img{width:46px;height:46px}#登録 .確認のボタン{margin-top:8px}#全画面の案内{position:absolute;right:20px;top:14px;z-index:45;font-size:22px;padding:8px 18px;border:3px solid #1f6b43;border-radius:14px;background:#fff;color:#1f6b43;font-weight:bold;box-shadow:0 3px 0 #1f6b43;cursor:pointer}.見えない{display:none!important}body.スマホ .自分の手 .牌{--w: 78px}body.スマホ #鳴き0 .牌{--w: 50px}body.スマホ .河 .牌{--w: 34px}body.スマホ .札{font-size:24px}body.スマホ #先生 .ひとこと.新{font-size:22px}body.スマホ #案内{font-size:26px}body.スマホ.対局中 #舞台{height:520px}body.スマホ.対局中 #上の帯{height:44px;font-size:22px;gap:24px}body.スマホ.対局中 #卓{top:44px;height:300px}body.スマホ.対局中 .席2 .手.伏せ,body.スマホ.対局中 .席1 .手.伏せ,body.スマホ.対局中 .席3 .手.伏せ{display:none}body.スマホ.対局中 .席1,body.スマホ.対局中 .席3{top:4px}body.スマホ.対局中 .席2{top:2px}body.スマホ.対局中 .河 .牌{--w: 30px}body.スマホ.対局中 #中央{display:none}body.スマホ.対局中 #自分{top:344px;height:112px}body.スマホ.対局中 #先生,body.スマホ.対局中 #ルミ先生の絵{display:none}body.スマホ.対局中 #案内{top:458px;bottom:auto;height:58px;right:360px;font-size:21px;line-height:1.25}body.スマホ.対局中 #ボタン列{top:458px;bottom:auto;height:58px}body.スマホ.対局中 #案内 .先生の声{color:#8a5a00;font-weight:bold}#はじめ{justify-content:flex-start;padding-top:14px;gap:6px}#はじめ h1{font-size:54px;line-height:1.1}#はじめ .概要{font-size:21px;line-height:1.4;color:#213}#はじめ .概要 p{margin:0}#はじめ .概要 ul{margin:2px 0 0;padding-left:26px}#はじめ .概要 b{color:#1f6b43}#はじめ .まとまり{background:rgba(255,255,255,.75);border:3px solid #1f6b43;border-radius:14px;padding:4px 16px 8px;display:flex;flex-direction:column;gap:6px;width:640px;box-sizing:border-box}#はじめ .まとまりの題{font-size:22px;font-weight:bold;color:#fff;background:#1f6b43;border-radius:8px;padding:0 12px;align-self:flex-start}#はじめ .まとまり .欄{font-size:22px;gap:10px}#はじめ .まとまり .欄 input{font-size:22px;width:170px}#はじめ .利用 .大ボタン{font-size:28px;padding:8px 26px}#はじめ .まとまり p{margin:0}#はじめ .オプション .選択 button{font-size:19px;padding:3px 12px}#はじめ .下の案内{margin:0}#メニュー .メニューの大題{font-size:22px;font-weight:bold;color:#fff;background:#1f6b43;border-radius:8px;padding:0 12px;align-self:flex-start}#設定の窓{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:56}.設定の箱{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:18px 36px}.設定の箱>p{align-self:center}.設定の箱 .欄{font-size:26px}.設定の箱 .確認のボタン{align-self:center}#設定のまとめ{font-size:22px;color:#213}#はじめ .利用 .欄 label{white-space:nowrap}#はじめ .利用 .大ボタン{white-space:nowrap;font-size:32px;padding:10px 34px}#はじめ .まとまり{width:600px}#はじめ .利用 #始める{align-self:stretch;font-size:34px;padding:8px 0}#設定を変える{white-space:nowrap}#設定のまとめ{font-size:20px;white-space:nowrap}.設定の箱{gap:6px;padding:14px 34px;max-width:1100px}.設定の箱>p{margin:0}.設定の箱 .設定の前書き{align-self:center;font-size:20px;color:#555}.設定の箱 .項目{border-top:2px dashed #cfe3d6;padding-top:4px;width:100%}.設定の箱 .欄{font-size:24px}.設定の箱 .選択 button{font-size:21px;padding:4px 14px}.設定の箱 .項目の説明{font-size:17px;color:#444;margin:2px 0 0 4px}.設定の箱 .項目,.設定の箱 .項目の説明{text-align:left}#会員の案内{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:54}#会員の案内_文,#会員の案内の文{font-size:24px;line-height:1.6;white-space:pre-line;text-align:left}#会員の案内_無料{font-size:20px}#はじめ{background:radial-gradient(circle at 92% 8%,rgba(255,226,120,.35),rgba(255,226,120,0) 30%),url(../img/はじめの絵.jpg) right -40px top -30px / auto 260px no-repeat,#F7F3E8;padding:20px 0 0 40px;gap:8px}#はじめ h1{font-size:56px;color:#2F7A4B;text-shadow:none;letter-spacing:3px}#はじめ .概要{font-size:22px;color:#2B2B2B}#はじめ .概要 ul{list-style:none;padding-left:4px;font-size:19px;line-height:30px}#はじめ .概要 li::before{content:"●";color:#2F7A4B;margin-right:8px;font-size:14px;vertical-align:2px}#はじめ .概要 b{color:#2F7A4B}#はじめ .まとまり{width:610px;background:#FFFDF8;border:2px solid #2F7A4B;border-radius:20px;padding:14px 24px 16px;margin-top:10px;position:relative;gap:10px}#はじめ .まとまりの題{position:absolute;left:16px;top:-18px;font-size:22px;padding:2px 14px;background:#2F7A4B;border-radius:12px}#はじめ .まとまり .欄{font-size:20px;margin-top:8px}#はじめ .まとまり .欄 input{font-size:26px;width:180px;height:48px;box-sizing:border-box;border:2px solid #2F7A4B;border-radius:12px}#はじめ .利用 #始める{font-size:30px;height:70px;padding:0;background:#F0642B;box-shadow:0 4px 0 #C94D1C;border-radius:16px;font-weight:bold}#はじめ .利用 .LINEボタン{font-size:20px;height:54px;padding:0 26px;border-radius:14px}#はじめ .利用 p.小{font-size:18px;color:#4B5563;line-height:24px}#はじめ .下の案内{font-size:16px;margin-top:4px}#はじめ .下の案内 a{color:#1E5BB8}#メニュー{left:680px;right:auto;top:186px;bottom:auto;width:560px;gap:22px}#メニュー .メニューの大題{position:absolute;left:14px;top:-18px;z-index:1;font-size:22px;padding:2px 14px;border-radius:12px;background:#2F7A4B}#メニュー .メニュー{background:#FFFDF8;border:2px solid #2F7A4B;border-radius:20px;padding:14px 12px 12px;gap:12px}#メニュー .メニュー.無料{padding-top:22px}#メニュー .メニューの題{font-size:21px;color:#2F7A4B}#メニュー button{font-size:18px;height:70px;padding:4px 6px;border:2px solid #2F7A4B;border-radius:16px;background:#fff;color:#2B2B2B;font-weight:600;position:relative;line-height:1.25}#メニュー .メニュー.有料{background:#FFF8EE;border-color:#C98A2E}#メニュー .有料 .メニューの題{color:#A85F12;display:flex;align-items:center;gap:12px}#メニュー .無料の札{font-size:16px;color:#fff;background:#F0642B;border-radius:10px;padding:1px 10px}#メニュー .有料 button{background:#FFF6E7;border-color:#C98A2E;color:#5A3B12}#メニュー .有料 button.申し込み{background:#F0642B;border-color:#C94D1C;color:#fff;box-shadow:0 3px 0 #C94D1C}#メニュー .有料 button.申し込み small{color:#fff}#メニュー .有料 button.会員とは{background:#fff}body:not(.楽々会員) #メニュー button.会員の機能::after{content:"🔒 会員";position:absolute;right:6px;top:-10px;font-size:13px;color:#fff;background:#C98A2E;border-radius:8px;padding:0 6px;line-height:20px}.設定の箱{border-radius:24px;border:3px solid #2F7A4B;background:#FFFDF8;padding:18px 40px}.設定の箱>p:first-child{font-size:34px}.設定の箱 .設定の前書き{font-size:20px;color:#5F6B66}.設定の箱 .項目{border-top:1px solid #e3ecdf;padding:6px 0 2px}.設定の箱 .欄{font-size:22px}.設定の箱 .欄>.選択{margin-left:auto}.設定の箱 .選択 button{font-size:21px;height:44px;padding:0 18px;border-radius:12px}.設定の箱 .項目の説明{font-size:16px;color:#5F6B66}#設定ではじめる{background:#F0642B;box-shadow:0 4px 0 #C94D1C;border-radius:16px;font-size:28px;padding:10px 70px}#会員の案内 .確認の箱{border-radius:24px;background:#FFFDF8;padding:22px 40px;max-width:700px}#会員の案内_題,#会員の案内の題{font-size:30px}#会員の案内の文{font-size:21px;line-height:34px}#会員の案内の文 b{color:#F0642B}#会員の案内_申し込む{background:#F0642B;box-shadow:0 4px 0 #C94D1C;border-radius:16px;font-size:26px}#会員の案内_無料{color:#1E5BB8;font-size:18px}.設定の箱 .項目の説明{display:none}#設定の説明{font-size:18px;color:#5F6B66;min-height:1.5em;align-self:center;margin:4px 0 0}#はじめ{background:#F7F3E8}#はじめ::before{content:"";position:absolute;right:0;top:0;width:330px;height:190px;background:url(../img/はじめの絵.jpg) right -30px top -20px / auto 250px no-repeat;-webkit-mask-image:radial-gradient(ellipse 85% 95% at 100% 0%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 85% 95% at 100% 0%,#000 55%,transparent 100%);opacity:.9;pointer-events:none}#メニュー .有料 button{font-size:17px}#メニュー button.申し込み small{font-size:13px}#はじめ::before{width:300px;height:180px;right:24px;top:4px;background:url(../img/トップの3人.png) center bottom / contain no-repeat;-webkit-mask-image:none;mask-image:none;opacity:1}#はじめ .端末の案内{font-size:19px;color:#2B2B2B;margin:6px 0 0}#はじめ .端末の案内{max-width:610px;line-height:1.4}#予定{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:49}.予定の箱{max-width:1150px;width:1150px;max-height:690px;overflow-y:auto;padding:18px 34px;box-sizing:border-box}.予定の箱>p:first-child{margin:0}.予定の前書き{text-align:left;font-size:21px;line-height:1.5;margin:6px 0}.予定の色{display:flex;gap:10px;justify-content:center;font-size:20px;margin:4px 0 6px}.数{border-radius:10px;padding:4px 12px;font-weight:bold;white-space:nowrap;font-size:22px}.数.無し{background:#e4e4e4;color:#555}.数.少し{background:#ffe58a;color:#5a4200}.数.多い{background:#2e8b57;color:#fff}#予定の表{text-align:left;font-size:22px}#予定の表 .会{display:flex;align-items:center;gap:12px;background:#fff;border:3px solid #b9d9c6;border-radius:14px;padding:8px 12px;margin:7px 0}#予定の表 .会.今{border-color:#f26a2e;background:#fff6ef}#予定の表 .会の文{flex:1;line-height:1.35}#予定の表 .会の文 b{font-size:25px}#予定の表 .始まった{color:#c0392b;font-weight:bold}#予定の表 .会のボタン{display:flex;gap:8px}#予定の表 .会のボタン button{font-size:21px;padding:6px 14px;white-space:nowrap}#予定の表 button.入る{background:#f26a2e;color:#fff;border-color:#f26a2e}#予定の表 button.参加中{background:#1f6b43;color:#fff}#予定の表 button.消す{border-color:#c0392b;color:#c0392b}#会を立てる欄{text-align:left;font-size:22px;background:#e9f6ee;border-radius:14px;padding:6px 14px;margin:8px 0}#会を立てる欄 .見出し{color:#1f6b43;font-weight:bold}#会を立てる欄 .立てる行{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:4px 0}#会を立てる欄 select{font-size:21px;padding:4px 8px;border:3px solid #1f6b43;border-radius:10px}.友だちの案内{font-size:18px;margin:4px 0}.対局会の知らせ{display:flex;align-items:center;gap:6px;width:100%;margin:6px 0 0;font-size:19px;padding:4px 10px;white-space:nowrap;border:3px solid #1f6b43;border-radius:12px;background:#e9f6ee;color:#1f6b43;cursor:pointer;text-align:left}.対局会の知らせ b{margin-left:auto}.対局会の知らせ.今{background:#fff1e6;border-color:#f26a2e;color:#a8401d;font-weight:bold}#準備{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:50}#準備の人{font-size:26px;text-align:left;margin:10px 0}#準備の人 .準備の行{display:flex;justify-content:space-between;gap:30px;border-bottom:2px solid #b9d9c6;padding:6px 4px}#準備の人 .準備の行.自分{font-weight:bold;color:#1f6b43}#準備OK:disabled{opacity:.75}.対局会の知らせ.今{font-size:22px;padding:3px 12px;animation:知らせの点滅 1.6s ease-in-out infinite}.対局会の知らせ small{font-size:17px;font-weight:normal}.対局会の知らせ.今 b{font-size:23px}@keyframes 知らせの点滅{50%{background:#ffd9bf}}.Value #予定{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:49}.予定の箱{max-width:1150px;width:1150px;max-height:690px;overflow-y:auto;padding:18px 34px;box-sizing:border-box}.予定の箱>p:first-child{margin:0}.予定の前書き{text-align:left;font-size:21px;line-height:1.5;margin:6px 0}.予定の色{display:flex;gap:10px;justify-content:center;font-size:20px;margin:4px 0 6px}.数{border-radius:10px;padding:4px 12px;font-weight:bold;white-space:nowrap;font-size:22px}.数.無し{background:#e4e4e4;color:#555}.数.少し{background:#ffe58a;color:#5a4200}.数.多い{background:#2e8b57;color:#fff}#予定の表{text-align:left;font-size:22px}#予定の表 .会{display:flex;align-items:center;gap:12px;background:#fff;border:3px solid #b9d9c6;border-radius:14px;padding:8px 12px;margin:7px 0}#予定の表 .会.今{border-color:#f26a2e;background:#fff6ef}#予定の表 .会の文{flex:1;line-height:1.35}#予定の表 .会の文 b{font-size:25px}#予定の表 .始まった{color:#c0392b;font-weight:bold}#予定の表 .会のボタン{display:flex;gap:8px}#予定の表 .会のボタン button{font-size:21px;padding:6px 14px;white-space:nowrap}#予定の表 button.入る{background:#f26a2e;color:#fff;border-color:#f26a2e}#予定の表 button.参加中{background:#1f6b43;color:#fff}#予定の表 button.消す{border-color:#c0392b;color:#c0392b}#会を立てる欄{text-align:left;font-size:22px;background:#e9f6ee;border-radius:14px;padding:6px 14px;margin:8px 0}#会を立てる欄 .見出し{color:#1f6b43;font-weight:bold}#会を立てる欄 .立てる行{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:4px 0}#会を立てる欄 select{font-size:21px;padding:4px 8px;border:3px solid #1f6b43;border-radius:10px}.友だちの案内{font-size:18px;margin:4px 0}.対局会の知らせ{display:flex;align-items:center;gap:6px;width:100%;margin:6px 0 0;font-size:19px;padding:4px 10px;white-space:nowrap;border:3px solid #1f6b43;border-radius:12px;background:#e9f6ee;color:#1f6b43;cursor:pointer;text-align:left}.対局会の知らせ b{margin-left:auto}.対局会の知らせ.今{background:#fff1e6;border-color:#f26a2e;color:#a8401d;font-weight:bold}#準備{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:50}#準備の人{font-size:26px;text-align:left;margin:10px 0}#準備の人 .準備の行{display:flex;justify-content:space-between;gap:30px;border-bottom:2px solid #b9d9c6;padding:6px 4px}#準備の人 .準備の行.自分{font-weight:bold;color:#1f6b43}#準備OK:disabled{opacity:.75}.対局会の知らせ.今{font-size:22px;padding:3px 12px;animation:知らせの点滅 1.6s ease-in-out infinite}.対局会の知らせ small{font-size:17px;font-weight:normal}.対局会の知らせ.今 b{font-size:23px}@keyframes 知らせの点滅{50%{background:#ffd9bf}}#対戦希望の知らせ{position:absolute;left:50%;top:52px;transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:10px;background:#fff1e6;border:3px solid #f26a2e;border-radius:14px;padding:6px 12px;font-size:21px;color:#a8401d;font-weight:bold;box-shadow:0 4px 12px rgba(0,0,0,.25);white-space:nowrap}#対戦希望の知らせ.隠{display:none}#対戦希望の知らせ button{font-size:19px;padding:4px 12px}#対戦希望_行く{background:#f26a2e;color:#fff;border-color:#f26a2e}#予定の表 .種別{display:inline-block;margin-left:8px;font-size:18px;font-weight:bold;border-radius:8px;padding:1px 8px;vertical-align:2px}#予定の表 .種別.初心者{background:#dff1ff;color:#1b5e8a}#予定の表 .種別.女性だけ{background:#ffe1ee;color:#a3245b}#参加の窓{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:52}.参加の箱{max-width:900px}#参加の候補{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0}#参加の候補 button{font-size:21px;padding:6px 12px}#参加の候補 button.今{background:#1f6b43;color:#fff}#参加の一言{font-size:24px;padding:8px 12px;width:92%;border:3px solid #1f6b43;border-radius:10px}#参加の問題{color:#c0392b;min-height:1.2em}#予定の表 .一言の列{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:18px;color:#335;margin-top:2px}#予定の表 .届いたお願い{font-size:19px;background:#fff3c4;border-radius:10px;padding:4px 8px;margin-top:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}#予定の表 .届いたお願い button{font-size:18px;padding:3px 10px}#予定の表 button.お願い{border-color:#a3245b;color:#a3245b}#予定の表 .お願い中{color:#a3245b;white-space:nowrap}#離席中{position:absolute;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:48}#離れる{margin-right:10px}.小さい通報{font-size:15px;padding:1px 8px;margin-left:6px;border:2px solid #999;border-radius:8px;background:#fff;color:#666;cursor:pointer}.通報の欄{margin-top:14px;font-size:20px;border-top:2px dashed #ccc;padding-top:8px}.通報の欄 .通報の人{display:inline-block;margin:4px 14px 0 0}.試験の案内{color:#8a5a00;margin:4px 0 0}.会員の印{display:inline-block;margin-left:6px;font-size:0.7em;font-weight:bold;color:#fff;background:#c98a1b;border-radius:6px;padding:0 6px;vertical-align:2px}.詐欺の注意{color:#a8401d;margin:4px 0 0}#話の窓{position:absolute;left:16px;top:300px;width:400px;z-index:46;background:rgba(255,251,240,.97);border:3px solid #1f6b43;border-radius:14px;padding:8px 10px;font-size:18px;box-shadow:0 4px 12px rgba(0,0,0,.25)}#話の窓.隠{display:none}.話の頭{display:flex;justify-content:space-between;align-items:center}#話の列{height:150px;overflow-y:auto;background:#fff;border-radius:8px;padding:4px 6px;margin:4px 0}#話の列 .話.自分{color:#1f6b43}#話の決まり{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}#話の決まり button{font-size:16px;padding:2px 8px}#話の入力の行{display:flex;gap:4px}#話の入力{flex:1;font-size:18px;padding:4px 8px;border:2px solid #1f6b43;border-radius:8px}#話の入力の行 button{font-size:17px;padding:2px 10px}#話す.新しい{background:#f26a2e;color:#fff}#友達{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:49}#友達の一覧{font-size:22px;text-align:left}#友達の一覧 .行{display:flex;align-items:center;justify-content:space-between;gap:10px;border:3px solid #b9d9c6;border-radius:12px;background:#fff;padding:6px 12px;margin:6px 0}#友達の設定{text-align:left;margin-top:8px}#誘いの知らせ{position:absolute;left:50%;top:100px;transform:translateX(-50%);z-index:55;display:flex;align-items:center;gap:10px;background:#fff8e1;border:3px solid #1f6b43;border-radius:14px;padding:8px 14px;font-size:22px;font-weight:bold;color:#1f6b43;box-shadow:0 4px 12px rgba(0,0,0,.25);white-space:nowrap}#誘いの知らせ.隠{display:none}.終わりの行{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.終わりの行 button{font-size:19px;padding:4px 12px}.来週の誘い{background:#e9f6ee;border-radius:10px;padding:6px 10px;margin:6px 0}h1 .試験の案内{display:inline-block;margin-left:18px;font-size:15px;line-height:1.35;font-weight:normal;color:#8a5a00;vertical-align:middle}.詐欺の注意{font-size:15px;max-width:610px;white-space:nowrap}.詐欺の注意{margin:2px 0 0!important;line-height:1.3}.端末の案内{margin:4px 0 2px!important;line-height:1.35}.下の案内{margin:2px 0 0!important}#手0 .引いた{transform:translateY(-12px);box-shadow:0 0 0 4px #f2b705,0 6px 10px rgba(0,0,0,.3)}#手0 .牌.おすすめ{position:relative}#手0 .牌.おすすめ::before{content:"おすすめ";position:absolute;top:-32px;left:50%;transform:translateX(-50%);background:var(--青);color:#fff;font-size:17px;font-weight:bold;line-height:1.4;padding:1px 7px;border-radius:7px;white-space:nowrap;pointer-events:none;z-index:3}#予定の表 .種別.友達だけ{background:#ffe9cc;color:#8a4b00}.対局会の知らせ.今{font-size:20px!important;padding:3px 8px!important}.対局会の知らせ.今 b{font-size:20px!important}.対局会の知らせ small{font-size:15px!important}#予定の暦{margin:4px 0 6px}.暦の頭,.暦の目{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.暦の頭 span{font-size:17px;font-weight:bold;color:#1f6b43}.暦の頭 .日曜{color:#c0392b}.暦の頭 .土曜{color:#1b5e8a}.暦の目 .目{font-size:16px;padding:2px 0;border:2px solid #b9d9c6;border-radius:8px;background:#fff;line-height:1.2;cursor:pointer}.暦の目 .目 b{display:block;font-size:18px}.暦の目 .目 small{color:#555}.暦の目 .目.外{background:transparent;border-color:transparent;color:#bbb;cursor:default;padding-top:8px}.暦の目 .目.今日{border-color:#f26a2e}.暦の目 .目.選{background:#1f6b43;color:#fff;border-color:#1f6b43}.暦の目 .目.選 small{color:#e6f4ea}.暦の下{margin:6px 0 2px;font-size:19px;text-align:left}.暦の下 button{font-size:18px;padding:2px 10px}.予定の箱{max-height:700px!important}.予定の前書き{font-size:18px!important;line-height:1.4!important;margin:2px 0!important}.予定の色{margin:2px 0!important;font-size:17px!important}.予定の色 .数{font-size:17px}#予定の表{max-height:250px;overflow-y:auto;padding-right:4px}.予定の箱{padding:12px 30px!important}.予定の箱>p:first-child{font-size:30px}.会員の案内_中身{text-align:left;font-size:21px;line-height:1.55}.会員の案内_中身 ol{margin:6px 0 4px 1.2em;padding:0}.会員の案内_中身 li{margin:2px 0}.会員の案内_料金{margin-top:10px;font-size:18px;background:#fff3c4;border-radius:10px;padding:6px 10px;text-align:left}#会員の案内 .確認の箱{max-width:860px!important}.会員の案内_中身,.会員の案内_料金{white-space:normal}.席2 .河{grid-template-columns:repeat(12,auto)}#中央{top:200px}#先生{top:334px;height:180px}.席2 .河 .牌{--w: 42px}.席1 .河 .牌,.席3 .河 .牌{--w: 40px}.席1 .河,.席3 .河{gap:3px}#先生{top:356px;height:158px}#中央{top:208px}#ボタン列 button.しない{font-size:30px;padding:12px 44px;background:#1f6b43;color:#fff;border:4px solid #1f6b43;border-radius:14px;font-weight:bold;box-shadow:0 4px 0 #134a2e}#ボタン列 button.おすすめ{position:relative;outline:5px solid var(--青);outline-offset:2px}#ボタン列 button.おすすめ::before{content:"おすすめ";position:absolute;top:-34px;left:50%;transform:translateX(-50%);background:var(--青);color:#fff;font-size:17px;font-weight:bold;padding:1px 8px;border-radius:7px;white-space:nowrap}#ボタン列{width:360px;right:10px;gap:10px}#ボタン列 button{white-space:nowrap}#ボタン列 button.しない{font-size:30px;padding:8px 30px}#ボタン列 button.ふつう{font-size:24px;padding:10px 16px}.機械の印{display:inline-block;margin-left:6px;font-size:0.75em;font-weight:bold;color:#fff;background:#5b6b7a;border-radius:6px;padding:0 6px;vertical-align:2px}#結果の中 .自分の行{background:rgba(242,183,5,.25);border-radius:6px}#結果の中 .名の欄.自分の行,#結果の中 .役.自分の行{color:#ffd54a;font-weight:bold}#結果の中 .名の欄 small{font-size:0.7em;margin-left:4px}.ルミの一言{display:flex;align-items:center;gap:12px;margin:12px auto 0;max-width:760px;background:rgba(255,253,246,.96);color:#1d1d1d;border:3px solid #e8b923;border-radius:14px;padding:6px 14px;text-align:left;font-size:22px;line-height:1.45}.ルミの一言 img{height:72px}.ルミの一言 b{color:#8a5a00;font-size:18px}#ボタン列{width:auto;min-width:330px;justify-content:flex-end}#登録を変える,#ログアウト{white-space:nowrap;font-size:20px;padding:6px 12px}#ログインの状態{font-size:17px}#入力_名前[readonly]{cursor:pointer;background:#f3faf6}#ボタン列.中央{left:50%;right:auto;bottom:auto;top:318px;transform:translateX(-50%);width:auto;min-width:0;height:auto;z-index:30;background:rgba(255,253,246,.97);border:4px solid #1f6b43;border-radius:18px;padding:40px 26px 16px;gap:18px;box-shadow:0 6px 18px rgba(0,0,0,.35);justify-content:center}#ボタン列.中央>div{display:flex;gap:14px}#ボタン列.中央 button.しない{font-size:34px;padding:10px 40px}#ボタン列.中央 button.ふつう{font-size:28px;padding:12px 22px}#ボタン列.中央{flex-wrap:wrap;padding-top:12px}#ボタン列 .鳴きの題{width:100%;text-align:center;font-size:24px;color:#1d1d1d;margin-bottom:34px}#ボタン列 .鳴きの題 b{color:#c0392b}#ボタン列:not(.中央) .鳴きの題{display:none}#ボタン列.中央{max-width:560px}#ボタン列 .鳴きの題{font-size:22px}#結果の中 .名の欄{white-space:nowrap;line-height:1.15}#結果の中 .名の欄 small{display:block;font-size:0.65em;margin:0}#はじめ .利用 .始めるの行{display:flex;gap:12px;align-self:stretch}#はじめ .利用 .始めるの行 #始める{flex:1 1 auto;align-self:auto}#人と打つ{flex:0 0 auto;height:70px;padding:0 18px;font-size:24px;font-weight:bold;white-space:nowrap;border:3px solid #1f6b43;border-radius:16px;background:#fff;color:#1f6b43;box-shadow:0 4px 0 #1f6b43;cursor:pointer}#人と打つ{background:#1f6b43;color:#fff;border-color:#1f6b43;box-shadow:0 4px 0 #134a2d;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}#人と打つ small{font-size:17px;font-weight:normal;opacity:.95}#人と打つ.今 small{background:#fff3b0;color:#7a4a00;border-radius:8px;padding:0 6px;font-weight:bold}#対戦希望_すぐ{background:#1f6b43;color:#fff;border:2px solid #1f6b43;font-weight:bold}#一時停止中{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:60}#一時停止中.隠{display:none}#次への秒{margin:8px 0 0;font-size:20px;color:#fff;text-align:center}#一時停止中{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:60}#一時停止中.隠{display:none}#次への秒{margin:8px 0 0;font-size:20px;color:#fff;text-align:center}#人と打つ:not(.今){background:#eceff1;color:#455a64;border-color:#90a4ae;box-shadow:0 4px 0 #90a4ae}#人と打つ:not(.今) small{font-size:15px}#結果 .名の欄.あがった行{color:#ffd54a}#結果 .あがった行{outline:3px solid #ffb300;outline-offset:1px;background:rgba(255,179,0,.18);border-radius:6px}#結果 .振り込んだ行{background:rgba(229,57,53,.16);border-radius:6px}.あがり札{display:inline-block;background:#ffb300;color:#3b2600;font-size:17px;font-weight:bold;border-radius:8px;padding:0 6px;margin-right:6px}.振り込み札{display:inline-block;background:#e53935;color:#fff;font-size:15px;border-radius:8px;padding:0 6px;margin-right:6px}#結果 .点の解説{font-size:21px;color:#ffe9a8;margin:4px 0}#結果 .役の解説{font-size:18px;color:#e8f5e9;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-bottom:6px}#結果 .役の解説 b{color:#fff}#看板{display:none;position:fixed;right:10px;bottom:6px;z-index:40;font-weight:bold;pointer-events:none;transform:scale(.72);transform-origin:right bottom}body.対局中 #看板,body.結果中 #看板{display:block}body.スマホ #看板{bottom:4px;right:6px}#はじめ h1{line-height:1}.看板の字{display:inline-flex;gap:5px;background:url(../img/看板の波線.svg) 0 0 / 100% 100% no-repeat;padding:11px 15px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25));font-size:39px;line-height:1.1;letter-spacing:0;vertical-align:middle}.看板の字 span{display:inline-block;color:#fff;border-radius:8px;padding:1px 5px;box-shadow:0 2px 5px rgba(0,0,0,.25)}#はじめ h1 .看板の字+.試験の案内{margin-left:14px}.看板の字 span:nth-child(1){background:#d62d20}.看板の字 span:nth-child(2){background:#e06a00}.看板の字 span:nth-child(3){background:#b88a00}.看板の字 span:nth-child(4){background:#1f8a3a}.看板の字 span:nth-child(5){background:#0a8db0}.看板の字 span:nth-child(6){background:#1f4fd1}.看板の字 span:nth-child(7){background:#7a3db8}.看板の字 span:nth-child(8){background:#d11f78}#結果の中 .名の欄 .あがり札,#結果の中 .名の欄 .振り込み札{display:block;width:max-content;margin:0 0 2px}body:not(.スマホ) .席{left:0;top:0;width:1280px;height:470px;transform:none;pointer-events:none;text-align:left}body:not(.スマホ) .席>*{pointer-events:auto}body:not(.スマホ) .席 .札{position:absolute;white-space:nowrap}body:not(.スマホ) .席3 .札{left:14px;top:6px}body:not(.スマホ) .席2 .札{right:872px;top:2px}body:not(.スマホ) .席1 .札{right:14px;top:6px}body:not(.スマホ) .伏せの列{position:absolute;display:flex;align-items:flex-end;white-space:nowrap;transform-origin:0 0}body:not(.スマホ) .伏せの列 .手.伏せ .牌{--w: 26px;margin:0 1px}body:not(.スマホ) .伏せの列 .鳴き .牌{--w: 28px}body:not(.スマホ) .席2 .伏せの列{left:640px;top:22px;transform:rotate(180deg) translate(-50%,-50%)}body:not(.スマホ) .席3 .伏せの列{left:36px;top:272px;transform:rotate(90deg) translate(-50%,-50%)}body:not(.スマホ) .席1 .伏せの列{left:1244px;top:272px;transform:rotate(-90deg) translate(-50%,-50%)}body:not(.スマホ) .席 .河{position:absolute;width:226px;display:grid;grid-template-columns:repeat(6,36px);grid-auto-rows:49px;gap:2px;justify-content:start;align-content:start;transform-origin:0 0}body:not(.スマホ) .席 .河 .牌{--w: 36px;margin:0}body:not(.スマホ) .席 .河 .牌.横{margin:0}body:not(.スマホ) .席0 .河{left:527px;top:327px}body:not(.スマホ) .席2 .河{left:753px;top:193px;transform:rotate(180deg)}body:not(.スマホ) .席3 .河{left:498px;top:147px;transform:rotate(90deg)}body:not(.スマホ) .席1 .河{left:782px;top:373px;transform:rotate(-90deg)}body:not(.スマホ) #中央{left:500px;top:195px;transform:none;width:280px;height:130px;padding:0;display:block;font-size:19px;line-height:1.2}body:not(.スマホ) #中央 .局{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:20px;color:#fde9a8;white-space:nowrap}body:not(.スマホ) #中央 .辺{position:absolute;white-space:nowrap;text-align:center}body:not(.スマホ) #中央 .辺 i{font-style:normal;margin-right:6px}body:not(.スマホ) #中央 .辺0{left:50%;bottom:4px;transform:translateX(-50%)}body:not(.スマホ) #中央 .辺2{left:50%;top:4px;transform:translateX(-50%)}body:not(.スマホ) #中央 .辺1,body:not(.スマホ) #中央 .辺3{top:50%;transform:translateY(-50%)}body:not(.スマホ) #中央 .辺1{right:6px}body:not(.スマホ) #中央 .辺3{left:6px}body:not(.スマホ) #中央 .辺1 i,body:not(.スマホ) #中央 .辺3 i{display:block;margin:0}body:not(.スマホ) #中央 .親{color:var(--金);font-weight:bold}body:not(.スマホ) #先生{right:66px;top:118px;width:272px;height:236px}body:not(.スマホ) #ルミ先生の絵{right:120px;top:362px;height:150px}body.スマホ.対局中 #ボタン列.中央{top:96px;bottom:auto;height:auto;left:50%;right:auto;transform:translateX(-50%)}body.スマホ.対局中 #看板{display:none}body.スマホ.対局中 .席1 .河 .牌,body.スマホ.対局中 .席2 .河 .牌,body.スマホ.対局中 .席3 .河 .牌{--w: 42px}body.スマホ.対局中 #先生{display:block;left:748px;right:auto;top:212px;width:214px;height:112px;padding:4px 8px}body.スマホ.対局中 #先生.隠{display:none}body.スマホ.対局中 #先生 .題{font-size:17px}body.スマホ.対局中 #先生 .ひとこと{display:none}body.スマホ.対局中 #先生 .ひとこと.新{display:block;font-size:19px;line-height:1.3;border-top:none}body.スマホ.対局中 .席1 .河 .牌,body.スマホ.対局中 .席2 .河 .牌,body.スマホ.対局中 .席3 .河 .牌{--w: 48px;margin:0}body.スマホ.対局中 .席1 .河,body.スマホ.対局中 .席2 .河,body.スマホ.対局中 .席3 .河{gap:2px}body.スマホ.対局中 .席2{width:600px}body.スマホ.対局中 #先生{top:230px;height:88px}body.スマホ.対局中 .席2{left:322px;transform:none;width:404px}body.スマホ.対局中 .席2 .河{grid-template-columns:repeat(8,auto);justify-content:start}body.スマホ.対局中 #先生{left:728px;top:90px;width:228px;height:130px}body.スマホ.対局中 .席0{transform:translateX(calc(-50% + 180px))}body.対局中:not(.スマホ) #看板{top:56px;bottom:auto;left:850px;right:auto;transform:scale(.55);transform-origin:left top}#先生の案内{font-size:19px;font-weight:bold;line-height:1.35;color:#1d1d1d;background:#fff3cd;border:2px solid #e8b923;border-radius:8px;padding:3px 8px;margin:3px 0 4px}#先生の案内 b{color:var(--赤)}#先生の案内:empty{display:none}#先生:not(.隠)~#案内{display:none}body.スマホ.対局中 #先生{height:160px}body.スマホ.対局中 #先生の案内{font-size:17px;padding:2px 6px;margin:2px 0 3px}body.スマホ.対局中 .席0 .河 .牌,body.スマホ.対局中 .席1 .河 .牌,body.スマホ.対局中 .席2 .河 .牌,body.スマホ.対局中 .席3 .河 .牌{--w: 42px;margin:0}body.スマホ.対局中 .席0 .河{gap:2px;grid-template-columns:repeat(6,auto);justify-content:start}body.スマホ.対局中 .席0{left:684px;transform:none;width:270px}body.スマホ.対局中 .席2{width:356px}body.スマホ.対局中 #先生{left:688px;top:90px;width:268px;height:136px}body.スマホ.対局中.先生あり #卓{height:362px}body.スマホ.対局中.先生あり #自分{top:410px}body.スマホ.対局中.先生あり #ボタン列:not(.中央){top:348px;bottom:auto;left:16px;right:auto;justify-content:flex-start}body.スマホ.結果中 #舞台{height:520px}body.スマホ #結果{justify-content:flex-start;padding-top:6px;gap:0}body.スマホ #結果の中{max-width:1260px;font-size:26px}body.スマホ #結果の中 h2{font-size:40px;margin:0 0 2px}body.スマホ #結果の中 .役{font-size:28px;margin:2px 0}body.スマホ #結果 .点の解説{font-size:22px;margin:2px 0}body.スマホ #結果 .役の解説{font-size:19px;margin-bottom:2px}body.スマホ #結果の中 .全員{grid-template-columns:170px auto 150px;justify-content:center;gap:4px 12px;font-size:26px;margin-top:4px}body.スマホ #結果の中 .全員 .牌{--w: 40px}body.スマホ #結果の中 .ルミの一言{margin:6px 0 0 30px;max-width:900px;font-size:22px;padding:4px 12px}body.スマホ #結果の中 .ルミの一言 img{height:60px}body.スマホ #次へ{position:absolute;right:30px;bottom:16px;font-size:34px;padding:14px 44px}body.スマホ #次への秒{position:absolute;right:30px;bottom:96px;font-size:18px;margin:0}body.スマホ.対局中 .札{font-size:21px;white-space:nowrap}body.スマホ.結果中 #看板{display:none}body.スマホ #結果の中 h2{font-size:34px}body.スマホ #結果の中 .役{font-size:24px;margin:0;line-height:1.25}body.スマホ #結果 .点の解説{font-size:20px;margin:0}body.スマホ #結果 .役の解説{font-size:18px;margin:0}body.スマホ #結果の中 .全員{gap:3px 12px;margin-top:2px}body.スマホ #結果の中 .全員 .牌{--w: 36px}body.スマホ #結果の中 .ルミの一言{margin:4px 0 0 30px;max-width:860px;font-size:20px;line-height:1.35}body.スマホ #結果の中 .ルミの一言 img{height:48px}.待つ時間の行{display:flex;align-items:center;gap:8px;font-size:20px;color:#234;margin:2px 0 0}.待つ時間の行 button{font-size:19px;padding:3px 14px;border:2px solid #2463b8;border-radius:10px;background:#fff;color:#2463b8;cursor:pointer;font-weight:bold}.待つ時間の行 button.選{background:#2463b8;color:#fff}.待つ時間の行 .小さい説明{font-size:16px;color:#555;margin-left:6px}.待つ時間の行{white-space:nowrap;gap:6px}.待つ時間の行 button{white-space:nowrap;padding:2px 10px}.待つ時間の行 .小さい説明{white-space:normal;font-size:15px;line-height:1.25}.牌.白::after{content:none}#自分の札{position:absolute;left:66px;top:562px;z-index:5}body.スマホ #自分の札{display:none}@keyframes 番の点滅{0%,100%{background:#f2b705;color:#1d1d1d}50%{background:rgba(0,0,0,.35);color:#fff}}.札.番{outline:3px solid #f2b705;animation:番の点滅 1.2s ease-in-out infinite}.札.番 .親{color:#8a1f00}.牌.リーチ牌{box-shadow:0 0 0 4px #e53935,0 3px 0 #b9b2a0}#自分の札{left:215px;top:504px}body:not(.スマホ) .席3 .札{top:48px}.夜8時の行{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;font-size:19px;color:#1f5fa8;margin:6px 0 2px}.夜8時の行 label{color:#234;font-size:18px;cursor:pointer}.夜8時の行 input{width:20px;height:20px;vertical-align:middle}.夜8時の行 .小さい説明{font-size:15px;color:#c33}#メニュー button.動画の入口{color:#c00;font-weight:bold}#はじめ{justify-content:center;gap:22px;padding-top:0}#はじめ h1{font-size:72px}#はじめ .概要{font-size:26px;line-height:1.6}#はじめ #始める.入口{font-size:44px;padding:18px 64px;border-radius:22px;white-space:nowrap}#はじめ .対局会の知らせ{font-size:22px}#はじめ .下の案内{position:absolute;left:40px;bottom:12px;font-size:15px;color:#555}#はじめ .下の案内 .詐欺の注意{color:#a33;margin-left:10px}#はじめ .右上{position:absolute;top:14px;right:22px;display:flex;gap:10px;z-index:3}#はじめ .右上 button{font-size:20px;padding:6px 16px;border-radius:10px;cursor:pointer}#はじめ .右上 .LINEボタン.小さめ{font-size:18px;padding:6px 14px}#はじめ .右上 .メニューを開く{background:#fff;color:#1f6b43;border:3px solid #1f6b43;font-weight:bold}#メニューの窓{position:absolute;inset:0;background:rgba(40,40,40,.35);z-index:20;display:flex;justify-content:flex-end}#メニューの窓.隠{display:none}#メニューの窓 .メニューの窓の中{background:#fffbf0;width:640px;max-width:100%;height:100%;overflow-y:auto;box-sizing:border-box;padding:14px 18px 20px;display:flex;flex-direction:column;gap:8px;box-shadow:-4px 0 14px rgba(0,0,0,.2)}#メニューの窓 .メニューを閉じる{align-self:flex-end;font-size:20px}#メニューの窓 p{margin:0}#メニューの窓 .試験の案内_中{font-size:14px;color:#666}#メニューの窓 #メニュー{position:static;width:auto}#メニューの窓 .メニュー.対局 .待つ時間の行,#メニューの窓 .メニュー.対局 .夜8時の行,#メニューの窓 .メニュー.対局 .名前の欄{grid-column:1 / -1}#メニューの窓 .名前の欄{font-size:19px;gap:8px;display:flex;align-items:center}#メニューの窓 .名前の欄 input{font-size:20px;width:160px}#メニュー .待つ時間の行 button{font-size:18px;padding:2px 10px;border:2px solid #2463b8;border-radius:10px;background:#fff;color:#2463b8;font-weight:bold}#メニュー .待つ時間の行 button.選{background:#2463b8;color:#fff}#メニューの窓 .メニューの大題{display:none}#はじめ::before{display:none}#はじめ{align-items:center;padding-left:0}#はじめ .入口の並び{display:flex;align-items:center;justify-content:center;gap:30px;width:100%;box-sizing:border-box;padding:0 50px}#はじめ .トップの絵{width:430px;height:auto;flex:none}#はじめ .入口の右{display:flex;flex-direction:column;align-items:flex-start;gap:18px}#はじめ .入口の右 h1{font-size:60px;margin:0}#はじめ .入口の右 .概要{font-size:21px;line-height:1.6}#メニューの窓 .下の案内{position:static;font-size:15px;color:#555}#メニューの窓 .下の案内 .詐欺の注意{color:#a33;display:block;margin:2px 0 0}#はじめ .入口の並び{gap:34px;padding:40px 30px 0}#はじめ .トップの絵{width:560px}#はじめ .入口の右{gap:22px}#はじめ .入口の右 h1{font-size:74px}#はじめ .入口の右 .概要{font-size:27px;line-height:1.55}#はじめ .入口の右 .概要 p+p{margin-top:8px}#はじめ #始める.入口{font-size:52px;padding:22px 56px}#はじめ .入口の右 h1 .看板の字{font-size:52px;gap:6px;padding:13px 18px}#はじめ{justify-content:flex-start}#はじめ .入口の並び{flex-direction:column;justify-content:flex-start;align-items:center;gap:0;padding:34px 0 0;height:100%}#はじめ .入口の右{align-items:center;gap:16px;text-align:center}#はじめ .入口の右 h1 .看板の字{font-size:66px;gap:8px;padding:16px 24px}#はじめ .入口の右 .概要{font-size:25px;line-height:1.5}#はじめ .入口の右 .概要 br{display:none}#はじめ .入口の右 .概要 p+p{margin-top:0}#はじめ #始める.入口{font-size:54px;padding:18px 80px;margin-top:6px}#はじめ .トップの絵{order:2;width:400px;margin-top:auto}#はじめ .入口の右 h1 .看板の字{font-size:58px}#はじめ .トップの絵{width:530px}#はじめ .入口の並び{padding-top:40px}#手0 .牌.ツモの牌.右{margin-left:22px}#手0 .牌.ツモの牌.左{margin-right:22px}#はじめ .右上 .改良のお知らせ{background:#fff;color:#c0392b;border:3px solid #c0392b;font-weight:bold}#はじめ .右上 .改良のお知らせ.新しい{animation:改良の点滅 1.1s ease-in-out infinite;background:#fff3cd}@keyframes 改良の点滅{0%,100%{box-shadow:0 0 0 0 rgba(192,57,43,.0);transform:scale(1)}50%{box-shadow:0 0 0 8px rgba(192,57,43,.35);transform:scale(1.06)}}#改良{position:absolute;inset:0;z-index:30;background:rgba(40,40,40,.35);display:flex;align-items:center;justify-content:center}#改良.隠{display:none}.改良の箱{max-width:900px}#改良の中{text-align:left;font-size:24px;line-height:1.6;padding-left:28px;max-height:420px;overflow-y:auto}#改良の中 .改良の日{color:#1f6b43;font-weight:bold;font-size:20px}#はじめ .入口の並び{padding-top:66px}#結果 #改良のお知らせ_結果{position:absolute;top:14px;right:22px;z-index:3;font-size:20px;padding:6px 16px;border-radius:10px;background:#fff;color:#c0392b;border:3px solid #c0392b;font-weight:bold;cursor:pointer}#結果 #改良のお知らせ_結果.隠{display:none}#結果 #改良のお知らせ_結果.新しい{animation:改良の点滅 1.1s ease-in-out infinite;background:#fff3cd}#はじめ #予約を開く.予約の入口{font-size:30px;font-weight:bold;padding:8px 40px;border:4px solid #1f6b43;border-radius:18px;background:#fff;color:#1f6b43;cursor:pointer;box-shadow:0 4px 0 #b9d9c6;margin-top:-4px}#予約{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:48}#予約.隠{display:none}.予約の箱{width:1200px;max-width:1200px;max-height:704px;overflow-y:auto;padding:10px 26px 12px;box-sizing:border-box;text-align:left;font-size:24px}.予約の頭{display:flex;align-items:center;justify-content:space-between}.予約の頭 .予約の題{margin:0;font-size:34px;font-weight:bold;color:#1f6b43}.予約の頭 #予約を閉じる{font-size:22px;padding:4px 18px}.予約の前書き{font-size:22px;line-height:1.45;margin:4px 0 6px!important}#予約の案内{background:#fff3cd;border:2px solid #e0b84a;border-radius:12px;padding:6px 12px;font-size:21px;line-height:1.5;margin:0 0 6px}#予約の案内 .LINEボタン{font-size:20px;padding:4px 16px;margin-left:10px}#予約の案内 a{font-weight:bold;color:#1a7f37;margin-left:8px}.予約の切替{display:flex;align-items:center;gap:10px;margin:0 0 6px}.予約の切替>button,.予約の週 button{font-size:22px;padding:5px 18px;border:3px solid #1f6b43;border-radius:12px;background:#fff;color:#1f6b43;font-weight:bold;cursor:pointer}.予約の切替>button.選{background:#1f6b43;color:#fff}.予約の週{margin-left:auto;display:flex;gap:8px}.予約の週.隠{display:none}.予約の週 button:disabled{opacity:.35;cursor:default}.予約の表{width:100%;border-collapse:separate;border-spacing:6px 4px}.予約の表 th{font-size:22px;color:#333;white-space:nowrap;text-align:center}.予約の表 tr:first-child th{font-size:23px;color:#1f6b43}.予約の表 th small{display:block;font-size:16px;font-weight:normal;color:#666}.予約の表 tr th:first-child{text-align:left;width:170px}.予約の表 th.日曜{color:#c0392b}.予約の表 th.土曜{color:#2463b8}.予約の表 td{padding:0}.予約の表 .枠{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:48px;box-sizing:border-box;border:3px solid #1f6b43;border-radius:12px;background:#fff;color:#1f6b43;cursor:pointer;font-size:23px}.予約の表 .枠 small{font-size:18px;color:#555;font-weight:bold}.予約の表 .枠.人成立 small{color:#d35400}.予約の表 .枠.人そろった{background:#fff6d6}.予約の表 .枠.人そろった small{color:#c0392b}.予約の表 .枠.参加中{background:#1f6b43;color:#fff}.予約の表 .枠.参加中 small{color:#fff}.予約の表 .枠.休み{background:#eee;color:#777;border-color:#aaa}.予約の表 .枠.入れる{background:#f26a2e;color:#fff;border-color:#f26a2e;animation:予約の点滅 1.4s ease-in-out infinite}@keyframes 予約の点滅{50%{box-shadow:0 0 0 6px rgba(242,106,46,.35)}}.予約の表 .枠.入れる small{color:#fff}.予約の表 .枠.終わり{border:3px dashed #ccc;color:#999;cursor:default;font-size:19px}#予約の状態{min-height:30px;margin:4px 0 0!important;font-size:22px;color:#a8401d;font-weight:bold}#予約のくり返し.隠{display:none}#くり返しの今{font-size:22px;margin:2px 0 8px;line-height:1.8}.くり返しの札 .小さい通報{font-size:20px;padding:2px 14px;border:2px solid #c0392b;color:#c0392b;background:#fff;border-radius:10px;font-weight:bold}.くり返しの札{display:inline-flex;align-items:center;gap:8px;background:#eef7f1;border:2px solid #1f6b43;border-radius:10px;padding:0 4px 0 10px;margin:0 8px 0 4px}.くり返しの行{display:flex;align-items:center;gap:10px;margin:6px 0;flex-wrap:wrap}.くり返しの番{font-size:28px;color:#1f6b43;font-weight:bold}.くり返しの名{font-size:22px;margin-right:4px}.くり返しの行 button:not(.大ボタン){font-size:24px;padding:4px 18px;border:3px solid #2463b8;border-radius:12px;background:#fff;color:#2463b8;font-weight:bold;cursor:pointer;margin:2px}.くり返しの行 button small{font-size:17px;font-weight:normal}.くり返しの行 button.選{background:#2463b8;color:#fff}.くり返しの行 button.日曜{color:#c0392b;border-color:#c0392b}.くり返しの行 button.日曜.選{background:#c0392b;color:#fff}#くり返し_日 .日の並び{display:inline-flex;flex-wrap:wrap;width:930px;gap:2px}#くり返し_日 button{width:54px;padding:2px 0;font-size:21px}#くり返し_曜日.隠,#くり返し_日.隠{display:none}#くり返し_登録{font-size:28px;padding:8px 34px}.くり返しの文{font-size:22px;font-weight:bold;color:#1f6b43}.くり返しの説明{font-size:19px!important;color:#555;line-height:1.5;margin:6px 0 0!important}#予約の確認{position:absolute;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:2}#予約の確認.隠{display:none}#予約の確認 .確認の箱{max-width:760px}#予約の確認_題{font-weight:bold;color:#1f6b43}#予約の確認_文{font-size:25px;line-height:1.6;white-space:pre-line;text-align:left}.予約の段{font-size:23px;font-weight:bold;color:#1f6b43;margin:4px 0 4px}.予約の段 small{font-size:18px;font-weight:normal;color:#555;margin-left:8px}#予約の日々{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}#予約の日々 .日{display:flex;flex-direction:column;align-items:center;justify-content:center;height:54px;border:3px solid #1f6b43;border-radius:12px;background:#fff;color:#1f6b43;cursor:pointer;padding:0}#予約の日々 .日 b{font-size:21px}#予約の日々 .日 small{font-size:16px;color:#555;font-weight:bold}#予約の日々 .日.日曜 b{color:#c0392b}#予約の日々 .日.土曜 b{color:#2463b8}#予約の日々 .日.選{background:#1f6b43}#予約の日々 .日.選 b,#予約の日々 .日.選 small{color:#fff}.待っている時間{background:#fff3e0;border:3px solid #f0a35e;border-radius:14px;padding:6px 8px;display:flex;flex-direction:column;gap:6px}.待っているの題{font-size:21px;font-weight:bold;color:#a8401d}.枠.大{display:flex;align-items:center;gap:14px;width:100%;min-height:54px;border:3px solid #e85d2c;border-radius:12px;background:#fff;color:#333;cursor:pointer;padding:2px 12px;text-align:left}.枠.大 .枠の時{display:flex;flex-direction:column;min-width:150px}.枠.大 .枠の時 b{font-size:26px;color:#1f6b43}.枠.大 .枠の時 small{font-size:17px;color:#555}.枠.大 .枠の文{flex:1;font-size:23px;font-weight:bold}.枠.大 .枠の文 em{font-style:normal;font-size:19px;color:#d35400;margin-left:12px}.枠.大.人そろった .枠の文 em{color:#c0392b}.枠.大 .枠の押す{font-size:24px;font-weight:bold;background:#e85d2c;color:#fff;border-radius:10px;padding:6px 22px;white-space:nowrap}.枠.大.参加中{border-color:#1f6b43;background:#eef7f1}.枠.大.参加中 .枠の押す{background:#1f6b43}.枠.大.休み{border-color:#aaa;background:#f2f2f2}.枠.大.休み .枠の押す{background:#888}.枠.大.入れる{border-color:#f26a2e;animation:予約の点滅 1.4s ease-in-out infinite}.枠.大.入れる .枠の押す{background:#f26a2e}.予約のまだ{font-size:21px!important;color:#555;margin:2px 0 4px!important}.ほかの時間の題{font-size:20px;font-weight:bold;color:#555;margin:6px 0 3px}.ほかの時間{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.枠.小{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border:3px solid #1f6b43;border-radius:12px;background:#fff;color:#1f6b43;cursor:pointer;padding:0 4px}.枠.小 b{font-size:22px}.枠.小 small{font-size:16px;color:#666}#くり返し_時 .時の並び{display:inline-flex;flex-wrap:wrap;width:980px;gap:2px}#くり返し_時 .時の並び button{width:106px;padding:2px 0;font-size:20px;display:inline-flex;flex-direction:column;align-items:center;line-height:1.15}#くり返し_時 .時の並び button small{font-size:14px}.ほかの時間{grid-template-columns:repeat(9,1fr)}.枠.小{flex-direction:column;gap:0;height:52px;line-height:1.1}.枠.大{min-height:48px;padding:0 12px}.枠.大 .枠の押す{padding:4px 20px}#くり返し_時 .時の並び button{width:100px}.待っている時間.二列{display:grid;grid-template-columns:1fr 1fr}.待っている時間.二列 .待っているの題{grid-column:1 / -1}.待っている時間.二列 .枠.大{gap:8px;padding:2px 8px}.待っている時間.二列 .枠.大 .枠の時{min-width:100px}.待っている時間.二列 .枠.大 .枠の時 b{font-size:23px}.待っている時間.二列 .枠.大 .枠の文{font-size:19px;line-height:1.25}.待っている時間.二列 .枠.大 .枠の文 em{display:block;margin:0;font-size:17px}.待っている時間.二列 .枠.大 .枠の押す{font-size:21px;padding:4px 12px}#予約の日々 .日{height:48px}.予約の段{margin:2px 0}#くり返し_日 .日の並び{width:970px}#くり返し_日 button{width:52px}.くり返しの行{margin:3px 0}#予約の日々 .日{height:50px;line-height:1.15}#予約の日々 .日 b{font-size:19px}#予約の日々 .日 small{font-size:14px}#メニュー .友だちの入口{display:flex;align-items:center;justify-content:center;gap:16px;font-size:30px;font-weight:bold;color:#2463b8;border:4px solid #2463b8;border-radius:16px;background:#f1f6ff;padding:10px 8px}#メニュー .友だちの入口 small{font-size:17px;color:#2463b8;font-weight:normal}#友達{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:49}#友達.隠{display:none!important}.友だちの箱{width:1100px;max-width:1240px;max-height:704px;overflow-y:auto;box-sizing:border-box;padding:12px 28px 14px;text-align:left;font-size:26px;background:#fffdf6}.友だちの頭{display:flex;align-items:center;gap:16px;margin-bottom:6px}.友だちの頭 .中ボタン{font-size:24px;padding:6px 20px}.友だちの頭 #友達を閉じる{margin-left:auto}.友だちの題{margin:0!important;font-size:38px;font-weight:bold;color:#2463b8}#自分の紹介.自分の行{background:#f1f6ff;border:3px solid #9dbbe6;border-radius:16px;padding:10px 16px;display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center}#自分の紹介 .自分の名{font-size:30px;font-weight:bold}#自分の紹介 .自分の名 small{font-size:20px;font-weight:normal;color:#555}#自分の紹介>div:not(.自分の名){grid-column:1}#自分の紹介 #紹介を書く_押す{grid-column:2;grid-row:1 / span 3;font-size:26px;padding:10px 22px;border-color:#2463b8;color:#2463b8;font-weight:bold}.紹介のひとこと{font-size:26px;color:#1d1d1d}.紹介の項目{font-size:21px;color:#444;line-height:1.5}.紹介の無し{font-size:21px;color:#666}.友だちの数{font-size:22px;font-weight:bold;color:#555;margin:10px 0 4px}#友達の一覧{display:flex;flex-direction:column;gap:8px}.友だちの行{display:flex;align-items:center;gap:16px;width:100%;min-height:70px;border:3px solid #b9c9e0;border-radius:16px;background:#fff;padding:6px 18px;cursor:pointer;text-align:left;font-family:inherit}.友だちの行 .友だちの名{font-size:30px;font-weight:bold;color:#1d1d1d;min-width:230px}.友だちの行 .友だちの一言{flex:1;font-size:21px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.友だちの行 .友だちの印{font-size:21px;font-weight:bold;color:#1f6b43;white-space:nowrap}.友だちの行.新しい{border-color:#e85d2c;background:#fff6ee}.友だちの行.新しい .友だちの印{color:#d93a2b}.友だちの行 .友だちの矢{font-size:40px;color:#999}.友だちのまだ{font-size:24px;color:#444;line-height:1.6;background:#fff;border:2px dashed #b9c9e0;border-radius:14px;padding:12px 18px}.友だちの守り{font-size:20px!important;color:#a33;margin:10px 0 4px!important}#友達の設定{font-size:20px;color:#444}#友達の設定 input{width:22px;height:22px;vertical-align:middle}#友達の状態,.友だちの状態{min-height:30px;margin:6px 0 0!important;font-size:23px;font-weight:bold;color:#a8401d;white-space:pre-line}.友だちの重ね{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25);z-index:2}#友だちの確認{z-index:3}#友だちの確認 .確認の箱{max-width:780px;background:#fffdf6}#友だちの確認_題{font-weight:bold;color:#1d1d1d}#友だちの確認_文{font-size:25px;line-height:1.6;white-space:pre-line;text-align:left}.人の名{font-size:46px;font-weight:bold;text-align:center;margin:6px 0}.人の名 small{font-size:28px;font-weight:normal;margin-left:4px}.紹介の欄{background:#fff;border:2px solid #ddd;border-radius:14px;padding:10px 18px;text-align:center;min-height:60px}.五つのボタン{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0 6px}.五つのボタン button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:140px;font-size:26px;font-weight:bold;color:#1d1d1d;background:#fff;border:3px solid #2463b8;border-radius:18px;cursor:pointer;font-family:inherit}.五つのボタン button span{font-size:54px;line-height:1}.五つのボタン button.気をつける{border-color:#c0392b;color:#c0392b;background:#fff8f7}#友だちの人_外す{display:block;margin:6px auto 0;font-size:19px;color:#666;background:none;border:none;text-decoration:underline;cursor:pointer}.トークの箱{display:flex;flex-direction:column;height:704px;padding-bottom:8px}.トークの名{margin:0!important;font-size:32px;font-weight:bold;flex:1}.通報のボタン{border-color:#c0392b!important;color:#c0392b}#トークの列{flex:1;overflow-y:auto;background:#eef3f8;border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;min-height:140px}.話の行{display:flex;align-items:flex-end;gap:8px}.話の行.自分{flex-direction:row-reverse}.ふきだし{max-width:70%;font-size:26px;line-height:1.45;background:#fff;border:2px solid #cfd8e3;border-radius:18px;padding:8px 16px;word-break:break-all}.話の行.自分 .ふきだし{background:#dcecff;border-color:#9dbbe6}.ふきだし.スタンプ{font-size:34px;background:transparent!important;border:none!important;padding:0 6px}.話の時{font-size:16px;color:#777;white-space:nowrap}.誘いのカード{max-width:78%;background:#fff6d6;border:3px solid #e0b84a;border-radius:16px;padding:10px 16px;font-size:24px;line-height:1.5}.誘いのカード small{display:block;font-size:18px;color:#555}.誘いのカード .中ボタン{margin-top:6px;font-weight:bold}.トークの下{flex:none}.トークの段{font-size:19px;font-weight:bold;color:#555;margin:6px 0 2px}.トークの並び{display:flex;flex-wrap:wrap;gap:6px}.トークの札{font-size:22px;padding:6px 14px;border:3px solid #1f6b43;border-radius:12px;background:#fff;color:#1f6b43;cursor:pointer;font-family:inherit}.トークの札.スタンプ{border-color:#e0b84a;color:#6b4e00;background:#fffaf0}#トークの入力の行{display:flex;gap:10px;margin-top:8px}#トークの入力{flex:1;font-size:26px;padding:6px 12px;border:3px solid #9dbbe6;border-radius:12px}#トークの送る{font-size:26px;padding:6px 30px}#一緒にの日々{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}#一緒にの日々 .日{display:flex;flex-direction:column;align-items:center;justify-content:center;height:64px;border:3px solid #1f6b43;border-radius:12px;background:#fff;color:#1f6b43;cursor:pointer;font-family:inherit}#一緒にの日々 .日 b{font-size:23px}#一緒にの日々 .日 small{font-size:16px;color:#555;font-weight:bold}#一緒にの日々 .日.日曜 b{color:#c0392b}#一緒にの日々 .日.土曜 b{color:#2463b8}#一緒にの日々 .日.選{background:#1f6b43}#一緒にの日々 .日.選 b,#一緒にの日々 .日.選 small{color:#fff}#一緒にの時間{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}#一緒にの時間 .時{display:flex;flex-direction:column;align-items:center;justify-content:center;height:64px;border:3px solid #2463b8;border-radius:12px;background:#fff;color:#2463b8;cursor:pointer;font-family:inherit;line-height:1.15}#一緒にの時間 .時 b{font-size:22px}#一緒にの時間 .時 small{font-size:16px;color:#555}#一緒にの時間 .時.人がいる{background:#fff3e0;border-color:#e85d2c;color:#a8401d}#一緒にの時間 .時.選{background:#2463b8;color:#fff;border-color:#2463b8}#一緒にの時間 .時.選 small{color:#fff}.一緒にの文{font-size:25px!important;line-height:1.55;white-space:pre-line;min-height:78px;margin:10px 0 4px!important;font-weight:bold;color:#1d1d1d}#一緒に_誘う:disabled{opacity:.45;cursor:default}.紹介の前書き{font-size:22px!important;color:#444;margin:0 0 6px!important}.紹介の行{display:flex;align-items:center;gap:14px;margin:6px 0;flex-wrap:wrap}.紹介の名{font-size:25px;font-weight:bold;color:#1f6b43;width:190px}.紹介の名 small{display:block;font-size:16px;color:#666;font-weight:normal}.紹介の選び{display:flex;flex-wrap:wrap;gap:6px;flex:1}.紹介の選び button{font-size:24px;padding:6px 18px;border:3px solid #2463b8;border-radius:12px;background:#fff;color:#2463b8;font-weight:bold;cursor:pointer;font-family:inherit}.紹介の選び button.選{background:#2463b8;color:#fff}#紹介_ひとこと{flex:1;font-size:26px;padding:6px 12px;border:3px solid #9dbbe6;border-radius:12px}.紹介の注意{font-size:21px!important;color:#a33;margin:4px 0!important;font-weight:bold}#準備の人 .準備の紹介{font-size:19px;color:#555;padding:0 4px 6px 20px;border-bottom:2px solid #b9d9c6;margin-top:-2px}.友だち追加の説明{font-size:16px;color:#2463b8;margin-left:10px}#人と打つ同意{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:60}#人と打つ同意.隠{display:none!important}.同意の箱{width:900px;max-height:704px;overflow-y:auto;box-sizing:border-box;padding:16px 34px;background:#fffdf6;text-align:left;font-size:24px}.同意の題{font-size:34px;font-weight:bold;color:#1f6b43;text-align:center;margin:0 0 6px!important}.同意の大事{font-size:40px;font-weight:bold;color:#c0392b;text-align:center;background:#fff1ef;border:4px solid #c0392b;border-radius:16px;padding:10px;line-height:1.35;margin:4px 0 8px!important}.同意の小{font-size:23px;color:#a33;text-align:center;line-height:1.5;margin:0 0 6px!important}.同意の中{font-size:22px;line-height:1.5;margin:4px 0 6px;padding-left:1.2em}.同意の問い{font-size:26px;font-weight:bold;text-align:center;margin:6px 0!important}.同意の規約{text-align:center;font-size:21px;margin:8px 0 0!important}.同意の規約 a{color:#2463b8}.通報の欄>.小{color:#f3f3f3;font-size:20px}.通報の欄 .友だち追加の説明{color:#ffe08a;font-size:19px}.通報の欄 .通報の人{color:#fff;font-size:26px;font-weight:bold;margin:6px 18px 0 0}.通報の欄 .通報の人 .小さい通報{font-size:22px;padding:6px 14px;border-width:3px;border-radius:12px;font-weight:bold;color:#444}.通報の欄 .通報の人 .小さい通報.また{color:#fff;background:#2463b8;border-color:#2463b8}.通報の欄 .通報の人 .小さい通報.また:disabled{background:#eef4ff;color:#2463b8}#声の帯{position:absolute;left:14px;bottom:6px;height:78px;display:flex;gap:8px;align-items:stretch;z-index:30}.声のボタン{font-size:26px;font-weight:bold;padding:2px 10px;border:3px solid #1f6b43;border-radius:16px;background:#fffdf6;color:#1f3a2b;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;box-shadow:0 4px 0 rgba(0,0,0,.25);white-space:nowrap;box-sizing:border-box}.声のボタン .大字{display:flex;align-items:center;justify-content:center;white-space:nowrap}.声のボタン small{font-size:20px;font-weight:bold;color:#555;margin-top:3px;white-space:nowrap}.声のボタン small.隠{display:none}.声のボタン.話すボタン{width:250px;background:#2e8b57;color:#fff;border-color:#1f6b43;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none}.声のボタン.話すボタン small{color:#fffbe0}.声のボタン.話すボタン.話している{background:#d93a1f;border-color:#8f2410;animation:話す光 1s ease-in-out infinite}@keyframes 話す光{0%,100%{box-shadow:0 0 0 4px rgba(255,213,74,.9)}50%{box-shadow:0 0 0 12px rgba(255,213,74,.35)}}.声のボタン.話すボタン.もうすぐ small{font-size:22px;color:#fff36b;animation:もうすぐ .5s steps(2) infinite}@keyframes もうすぐ{50%{opacity:.35}}.波{display:inline-flex;align-items:center;gap:3px;height:28px;margin-right:8px}.波 i{display:block;width:5px;height:calc(30% + var(--大, .35) * 70%);background:#fff;border-radius:3px;animation:波 .5s ease-in-out infinite alternate}.波 i:nth-child(2){animation-delay:.1s}.波 i:nth-child(3){animation-delay:.2s}.波 i:nth-child(4){animation-delay:.3s}.波 i:nth-child(5){animation-delay:.4s}@keyframes 波{from{transform:scaleY(.45)}to{transform:scaleY(1)}}.声のボタン.話すボタン:disabled{background:#9aa59f;border-color:#7d8781}.声のボタン.会員のボタン{width:250px;background:#fff3c4;border-color:#c99a00;color:#6b4a00}#声_聞く{width:192px}#声_聞く.聞いている{background:#fff3c4;border-color:#c99a00}#声_聞く.消音{background:#e9ecea;border-color:#7d8781;color:#5b625e}.声のボタン.設定のボタン{width:92px;padding:0}.声のボタン.設定のボタン .絵{font-size:30px;line-height:1}.声のボタン.設定のボタン small{color:#1f3a2b;margin-top:2px}#声_使う{width:300px;background:#fff3c4;border-color:#c99a00}#声_使う.呼ぶ{animation:呼ぶ 1.6s ease-in-out infinite}@keyframes 呼ぶ{0%,100%{box-shadow:0 4px 0 rgba(0,0,0,.25),0 0 0 0 rgba(255,213,74,.0)}50%{box-shadow:0 4px 0 rgba(0,0,0,.25),0 0 0 10px rgba(255,213,74,.85)}}body.声あり:not(.先生あり) #案内{left:676px}#声の状態{position:absolute;left:50%;top:104px;transform:translateX(-50%);max-width:760px;z-index:31;background:#fffdf6;color:#1f3a2b;border:3px solid #1f6b43;border-radius:12px;padding:6px 14px;font-size:21px;line-height:1.35;box-shadow:0 3px 10px rgba(0,0,0,.25)}#声の注意{position:absolute;left:50%;top:64px;transform:translateX(-50%);z-index:55;background:#fff1ef;color:#b3261e;border:5px solid #c0392b;border-radius:18px;padding:12px 28px;font-size:32px;font-weight:bold;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.35)}.札.声の人{cursor:pointer}.札.声の人::after{content:"🔊";display:inline-block;margin-left:8px;padding:0 8px;background:#fffdf6;border:2px solid #ffd54a;border-radius:10px;line-height:1.3;box-shadow:0 2px 0 rgba(0,0,0,.35)}.札.声の人.消した{opacity:.8}.札.声の人.消した::after{content:"🔇"}.札.話し中{outline:4px solid #ffd54a;box-shadow:0 0 14px 4px rgba(255,213,74,.9)}.札.話し中::after{content:"🔊";display:inline-block;margin-left:6px;animation:鳴る .4s ease-in-out infinite alternate}@keyframes 鳴る{from{transform:scale(1)}to{transform:scale(1.4)}}#声の人の窓{position:absolute;left:50%;top:130px;transform:translateX(-50%);z-index:58;background:#fffdf6;border:4px solid #1f6b43;border-radius:18px;padding:14px 28px 18px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 6px 18px rgba(0,0,0,.35)}#声の人の窓.隠{display:none}#声の人の窓 p{margin:0;font-size:30px;font-weight:bold;color:#1f3a2b;white-space:nowrap}#声の人の窓 .大ボタン{font-size:30px;padding:12px 34px;white-space:nowrap}#声の人の窓 .大ボタン.戻す{background:#2e8b57;box-shadow:0 5px 0 #1f6b43}#声の人の窓 .中ボタン{white-space:nowrap;font-size:28px;padding:10px 40px}.顔の窓{position:absolute;width:140px;height:105px;z-index:20;background:#fffdf6;border:4px solid #fff;border-radius:14px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.35)}#顔1,#顔2,#顔3{cursor:pointer}.顔の窓 img{width:100%;height:100%;object-fit:cover;display:block}.顔の窓.写真なし img{display:none}.顔の窓 .顔の名{position:absolute;left:0;right:0;bottom:0;background:rgba(255,253,246,.92);color:#1f3a2b;font-size:20px;font-weight:bold;text-align:center;padding:1px 4px;white-space:nowrap;overflow:hidden}.顔の窓.写真なし .顔の名{top:0;display:flex;align-items:center;justify-content:center;font-size:22px;background:#eef6f0}.顔の窓.話し中{border-color:#ffd54a;box-shadow:0 0 16px 5px rgba(255,213,74,.95)}.顔の窓 .顔をかくす{display:none;position:absolute;top:4px;right:4px;z-index:2;font-size:15px;font-weight:bold;padding:2px 8px;border-radius:8px;border:2px solid #1f6b43;background:rgba(255,253,246,.95);color:#1f3a2b;cursor:pointer}.顔の窓.顔あり .顔をかくす,.顔の窓.かくした .顔をかくす{display:block}#顔2{left:190px;top:100px}#顔3{left:64px;top:214px}#顔0{left:16px;top:520px;width:150px;height:112px}#顔1{right:14px;top:522px}.顔のボタン{position:absolute;left:5px;right:5px;top:5px;font-size:20px;font-weight:bold;padding:4px 2px;border:3px solid #1f6b43;border-radius:12px;background:#fff;color:#1f3a2b;cursor:pointer;white-space:nowrap;display:flex;flex-direction:column;align-items:center;line-height:1.15}.顔のボタン .絵{font-size:26px;line-height:1.1}.顔のボタン.見せている{top:auto;bottom:28px;flex-direction:row;justify-content:center;gap:2px;font-size:19px;padding:2px;background:rgba(255,255,255,.88)}.顔のボタン.見せている .絵{font-size:19px}#顔の元{position:absolute;width:2px;height:2px;opacity:0;pointer-events:none;left:0;top:0}#声の窓{position:absolute;left:16px;top:64px;width:640px;max-height:560px;overflow-y:auto;z-index:47;background:#fffdf6;border:4px solid #1f6b43;border-radius:16px;padding:10px 16px;font-size:21px;color:#1f3a2b;box-shadow:0 6px 18px rgba(0,0,0,.3);box-sizing:border-box}#声の窓.隠{display:none}#声の窓 .話の頭 .中ボタン{white-space:nowrap}.声の段{font-weight:bold;color:#1f6b43;margin:12px 0 4px;font-size:22px;border-bottom:2px solid #cfe3d6}.声の選び{display:block;margin:4px 0;font-size:22px}.声の選び label{display:block;margin:2px 0;padding:8px 6px;border-radius:10px;cursor:pointer}label.声の選び{padding:8px 6px;border-radius:10px;cursor:pointer}.声の選び label:has(input:checked){background:#fff3c4}.声の選び input{transform:scale(1.6);margin-right:12px}.声の人{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0;font-size:22px}.声の人 .消した印{color:#b3261e;font-size:20px;white-space:nowrap}.声の人 .中ボタン{font-size:20px;padding:8px 14px;white-space:nowrap}.声の人 .中ボタン.消している{background:#eaf6ee;border-color:#1f6b43;color:#1f6b43}.声の下のボタン{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.声の下のボタン .中ボタン{font-size:20px;white-space:nowrap}.声の守り{color:#b3261e;font-weight:bold;font-size:20px;margin:10px 0 0}#声の同意,#顔の注意{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:60}#声の同意.隠,#顔の注意.隠{display:none!important}.声の同意の文{font-size:24px;line-height:1.5;background:#fffbe6;border:3px solid #e8b923;border-radius:14px;padding:8px 14px;margin:4px 0 6px!important}.顔の注意の大{font-size:40px;font-weight:bold;color:#b3261e;background:#fff1ef;border:4px solid #c0392b;border-radius:16px;padding:10px}.顔の注意_節約{font-size:26px;font-weight:bold;color:#6b4a00;background:#fff3c4;border:3px solid #c99a00;border-radius:14px;padding:8px 12px}#顔の注意 .確認のボタン button{white-space:nowrap}#声の同意 .声の同意の箱{width:1010px;max-height:704px;padding:10px 28px 12px;display:flex;flex-direction:column;overflow:hidden}#声の同意 .同意の題{font-size:30px;margin-bottom:2px!important;text-align:center;font-weight:bold;color:#1f6b43}.声の核心{font-size:34px;font-weight:bold;color:#b3261e;background:#fff1ef;border:4px solid #c0392b;border-radius:16px;padding:4px 12px;margin:4px 0 8px!important;text-align:center;white-space:nowrap}.声の同意の上{display:flex;gap:22px;align-items:center;flex:0 0 auto}.声の絵の行{list-style:none;margin:0;padding:0;flex:1;font-size:26px;font-weight:bold;color:#1f3a2b}.声の絵の行 li{display:flex;align-items:center;gap:12px;padding:3px 0;border-bottom:2px dashed #e3d9b8;white-space:nowrap}.声の絵の行 .絵{font-size:34px;width:50px;text-align:center;flex:0 0 50px}.声の同意の押す{width:400px;display:flex;flex-direction:column;align-items:stretch}#声の同意 .同意の問い{font-size:22px;margin:0 0 6px!important;text-align:center}.声の同意の押す .確認のボタン{flex-direction:column;gap:10px;margin-top:0}#声の同意 .声の同意の押す .大ボタン{font-size:34px;padding:14px 10px;white-space:nowrap}#声の同意 .声の同意の押す .中ボタン{font-size:24px;padding:8px 10px;white-space:nowrap}#声の同意_状態{text-align:center;min-height:0}.声の同意の詳しく{flex:1 1 auto;min-height:0;overflow-y:auto;margin-top:10px;border-top:3px solid #cfe3d6;padding:6px 8px 0 0}#声の同意 .同意の大事{font-size:30px;padding:4px 10px;margin:2px 0 4px!important}#声の同意 .同意の小{font-size:20px;margin:0 0 4px!important}#声の同意 .声の同意の文{font-size:21px;line-height:1.45;padding:6px 12px}#声の同意 .同意の中{font-size:20px;line-height:1.45;margin:2px 0 4px}#声の同意 .同意の規約{font-size:20px;margin:4px 0 0!important}body.スマホ.対局中 #声の帯{top:332px;bottom:auto;height:82px;left:4px;gap:4px}body.スマホ.対局中 .声のボタン{font-size:24px;padding:2px 4px;border-radius:12px;box-shadow:0 3px 0 rgba(0,0,0,.25)}body.スマホ.対局中 .声のボタン small{font-size:19px}body.スマホ.対局中 .声のボタン.話すボタン.もうすぐ small{font-size:19px}body.スマホ.対局中 .声のボタン.話すボタン,body.スマホ.対局中 .声のボタン.会員のボタン{width:214px}body.スマホ.対局中 #声_聞く{width:172px}body.スマホ.対局中 .顔のボタン2{width:104px;padding:0}body.スマホ.対局中 .顔のボタン2 small{font-size:19px;color:#1f3a2b}body.スマホ.対局中 .顔のボタン2.見せている{background:#fff3c4;border-color:#c99a00}body.スマホ.対局中 .声のボタン.設定のボタン{width:82px;padding:0}body.スマホ.対局中 #声_使い方{width:78px}body.スマホ.対局中 #声_使う{width:330px}body.スマホ.対局中.声あり #案内{left:20px}body.スマホ.対局中 #声の状態{top:96px;font-size:22px}body.スマホ.対局中 #声の注意{top:96px;font-size:30px}body.スマホ.対局中 #声の人の窓{top:70px}body.スマホ #顔の窓々{display:none!important}.札.顔つき::before{content:"";display:inline-block;width:64px;height:48px;margin:-4px 8px -4px -6px;vertical-align:middle;border-radius:8px;border:2px solid #fff;background:var(--顔) center / cover no-repeat}.札.顔つき img.顔{display:none}body:not(.スマホ) .札.顔つき::before{display:none}body:not(.スマホ) .札.顔つき img.顔{display:inline}body.スマホ.対局中 #声の窓{top:48px;max-height:410px;width:680px}body.スマホ #声の同意 .声の同意の箱{width:1200px;max-height:512px;padding:6px 24px 8px}body.スマホ #声の同意 .同意の題{font-size:26px}body.スマホ #声の同意 .声の核心{font-size:32px;margin:2px 0 6px!important;padding:2px 12px}body.スマホ #声の同意 .声の絵の行{font-size:26px}body.スマホ #声の同意 .声の絵の行 li{padding:1px 0}body.スマホ #声の同意 .声の絵の行 .絵{font-size:30px}body.スマホ #声の同意 .声の同意の押す{width:470px}body.スマホ #声の同意 .同意の問い{font-size:22px}body.スマホ #声の同意 .声の同意の押す .大ボタン{font-size:36px;padding:10px}body.スマホ #声の同意 .同意の大事{font-size:28px}body.スマホ #声の同意 .同意の大事 br{display:none}body.スマホ #声の同意 .声の同意の文{font-size:22px}body.スマホ #声の同意 .同意の中{columns:2;column-gap:28px;font-size:21px}body.スマホ #声の同意 .同意の中 li{break-inside:avoid}#上の帯 .やめるボタン{white-space:nowrap;flex-shrink:0;padding:6px 12px}#上の帯{gap:18px;padding:0 14px}body.スマホ.対局中 #上の帯{gap:12px;padding:0 8px}#声の使い方{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:61}#声の使い方.隠{display:none!important}.使い方の箱{width:1200px;max-height:704px;overflow-y:auto;box-sizing:border-box;background:#fffdf6;border:4px solid #1f6b43;border-radius:20px;padding:10px 22px 16px;color:#1f3a2b}.使い方の頭{display:flex;align-items:center;justify-content:space-between;font-size:32px;color:#1f6b43;margin-bottom:8px}.使い方の頭 .大ボタン{font-size:28px;padding:8px 28px;white-space:nowrap}.使い方の並び{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.使い方{background:#fff;border:3px solid #cfe3d6;border-radius:16px;padding:8px 12px;display:flex;flex-direction:column;align-items:center;text-align:center}.使い方 p{margin:0;font-size:21px;line-height:1.4}.使い方 p.使い方の題{font-size:26px;font-weight:bold;color:#1f6b43;margin-bottom:6px;white-space:nowrap}.使い方 ul{margin:0;padding:0 0 0 1.1em;text-align:left;font-size:21px;line-height:1.4}.使い方 ul li{margin:2px 0;white-space:nowrap}.見本{font-size:24px;font-weight:bold;border-radius:14px;padding:8px 18px;margin-bottom:8px;white-space:nowrap;border:3px solid #1f6b43;box-shadow:0 3px 0 rgba(0,0,0,.25);pointer-events:none}.見本_話す{background:#2e8b57;color:#fff}.見本_聞く{background:#fff3c4;border-color:#c99a00}.見本_札{background:rgba(0,0,0,.55);color:#fff;border:none;font-size:22px;padding:4px 14px;border-radius:8px;box-shadow:none}.見本_顔{background:#fff}.見本_時間{background:#2e8b57;color:#fffbe0;font-size:21px}body.スマホ #声の使い方 .使い方の箱{max-height:512px;padding:6px 18px 10px}body.スマホ #声の使い方 .使い方の頭{font-size:28px;margin-bottom:4px}body.スマホ #声の使い方 .使い方{padding:4px 10px}body.スマホ #声の使い方 .使い方 p.使い方の題{font-size:24px;margin-bottom:2px}body.スマホ #声の使い方 .見本{margin-bottom:4px;padding:4px 14px}body.スマホ #声の使い方 .使い方 p,body.スマホ #声の使い方 .使い方 ul{font-size:21px;line-height:1.3}.声のボタン.会員のボタン.案内なし{background:#e9ecea;border-color:#9aa59f;color:#3d4540;box-shadow:none;cursor:default}.声のボタン.会員のボタン.案内なし small{color:#3d4540}body.スマホ.対局中 .席1 .札{width:max-content;transform:translateX(calc(300px - 100%))}#声の同意,#顔の注意,#声の案内{position:absolute;inset:0;background:rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;z-index:60}#声の案内.隠{display:none!important}.声の確認の箱{background:#fffdf6;border:4px solid #1f6b43;border-radius:20px;padding:18px 30px 12px;max-width:1180px;max-height:690px;overflow-y:auto;box-sizing:border-box;text-align:center;color:#1f3a2b;box-shadow:0 8px 24px rgba(0,0,0,.35)}.声の要点{font-size:32px;font-weight:bold;margin:0 0 16px!important;white-space:nowrap}.声の確認のボタン{display:flex;gap:24px;justify-content:center}.声の確認のボタン .大ボタン{font-size:32px;padding:14px 36px;min-width:260px;white-space:nowrap}.声の確認のボタン .大ボタン.いいえ{background:#fff;color:#1f3a2b;border:3px solid #1f6b43;box-shadow:0 5px 0 #1f6b43}.説明を見る{display:inline-block;margin-top:14px;font-size:22px;padding:6px 22px;border:2px solid #7d8781;border-radius:12px;background:#fff;color:#3d4540;cursor:pointer;white-space:nowrap}.説明を見る.隠{display:none}.声の説明{text-align:left;margin-top:10px;border-top:3px solid #cfe3d6;padding-top:8px;font-size:21px;line-height:1.45}.声の説明.隠{display:none}#声の案内_くわしく{white-space:pre-line;font-size:22px}#声の同意 .声の説明.声の同意の詳しく{overflow:visible;flex:none;margin-top:10px;padding:8px 0 0}#声の同意 .声の説明 .同意の題{font-size:26px;text-align:left}#声の同意 .声の説明 .同意の大事{font-size:24px}.声の説明 .声の絵の行{font-size:24px;margin:4px 0 8px}.声の禁止の1行{color:#b3261e;font-weight:bold;font-size:24px;margin:6px 0!important}#声の同意_状態:empty{display:none}#顔の注意 .声の説明 .顔の注意の大{font-size:26px;padding:6px 10px}.声のくわしく{margin-top:8px;border-top:2px solid #cfe3d6;padding-top:6px}.声のくわしく.隠{display:none}body.スマホ .声の確認の箱{max-height:506px;padding:12px 24px 8px}body.スマホ .声の要点{font-size:32px;margin-bottom:12px!important}body.スマホ .声の確認のボタン .大ボタン{font-size:34px;padding:12px 36px}body.スマホ .説明を見る{font-size:24px;margin-top:10px}#友だちの確認_説明{margin-top:14px}.声の確認の箱 .声の説明{max-height:360px;overflow-y:auto;padding-right:8px}body.スマホ .声の確認の箱 .声の説明{max-height:230px}body.スマホ .声の確認の箱 .声の説明,body.スマホ .声の確認の箱 .声の説明 .小,body.スマホ #声の同意 .声の説明 .同意の中{font-size:22px}#友だちの確認 .確認の箱{max-width:1000px}body.スマホ.対局中 .席 .札{width:max-content}body.スマホ.対局中 .札.声の人::after{margin-left:4px;padding:0 4px;font-size:.85em}#声の使い方 .使い方 p{font-size:28px;font-weight:bold;line-height:1.3;margin:8px 0 0}#声の使い方 .見本{font-size:24px}#声の使い方 .使い方の頭 b{font-size:28px}.見本_困る{background:#fff;border:2px solid #b3261e;color:#b3261e;border-radius:10px;padding:4px 12px;display:inline-block}.声のボタン .大字{font-size:26px}.声のボタン small{font-size:18px}#声の窓{font-size:24px}#声の窓 .話の頭 b{font-size:26px}#声の窓 .声の選び{font-size:24px}#声の窓 .声の選び input{width:28px;height:28px;vertical-align:middle}#声の窓 .中ボタン,#声の窓 .大ボタン{font-size:22px}#声の窓 #声の窓_人{font-size:24px}.声の確認 .声の要点{font-size:30px}.声の確認 .大ボタン{font-size:28px}.説明を見る{font-size:20px}#杯の賞{text-align:center;margin:6px 0 10px}.杯の賞の行{font-size:26px;font-weight:bold;margin:4px 0}.杯の大字{font-size:24px;font-weight:bold;text-align:center}.杯の表 td,.杯の表 th{font-size:22px}#杯の説明{text-align:left;font-size:18px}.杯の入口{display:block;margin:10px auto 0;font-size:32px;font-weight:bold;padding:8px 36px;border:4px solid #b8860b;border-radius:18px;cursor:pointer;background:linear-gradient(#fff3b0,#f4c430);color:#5a3d00;box-shadow:0 5px 0 #b8860b;animation:杯の光 2.4s ease-in-out infinite}.杯の入口 small{display:block;font-size:20px;font-weight:bold;color:#7a4f00}.杯の入口.隠{display:none}@keyframes 杯の光{0%,100%{box-shadow:0 5px 0 #b8860b}50%{box-shadow:0 5px 0 #b8860b,0 0 18px 4px rgba(244,196,48,.8)}}@media(prefers-reduced-motion:reduce){.杯の入口{animation:none}}.杯の手順{font-size:24px;font-weight:bold;margin:8px 0 0;color:#1f6b43}.杯の手順_小{font-size:20px;margin:2px 0 6px}body.杯の対局 #舞台{background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 26px),repeating-linear-gradient(-45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 26px),radial-gradient(ellipse at 50% 45%,#5db3ad 0%,#3f978f 55%,#2d7770 100%)}#杯の対局の札{display:none;position:fixed;left:50%;top:100px;transform:translateX(-50%);z-index:41;pointer-events:none;font-size:22px;font-weight:bold;color:#5a3d00;background:linear-gradient(#fff3b0,#f4c430);border:3px solid #b8860b;border-radius:14px;padding:2px 16px;box-shadow:0 3px 6px rgba(0,0,0,.25)}body.杯の対局 #杯の対局の札{display:block}#杯の対局の札{font-size:32px;padding:4px 26px;border:4px solid #d32f2f;border-radius:18px;color:#7a1f00;background:linear-gradient(#fff6c2,#ffcf33);box-shadow:0 4px 0 #a61f1f,0 0 0 3px #fff inset;animation:杯の札の光 2s ease-in-out infinite}@keyframes 杯の札の光{0%,100%{box-shadow:0 4px 0 #a61f1f,0 0 0 3px #fff inset}50%{box-shadow:0 4px 0 #a61f1f,0 0 0 3px #fff inset,0 0 22px 6px rgba(255,207,51,.95)}}@media(prefers-reduced-motion:reduce){#杯の対局の札{animation:none}}#杯の対局の札{left:auto;right:14px;top:auto;bottom:16px;transform:none;font-size:30px;line-height:1.25;text-align:center;padding:8px 18px;white-space:normal;width:170px}#杯の対局の札{width:auto;white-space:nowrap;font-size:28px;padding:6px 14px}body.スマホ #杯の対局の札{bottom:120px}#結果{justify-content:safe center;overflow-y:auto}#結果 #次へ{position:sticky;bottom:10px;z-index:5;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.5)}.杯の入口.参加中{border-color:#d32f2f;box-shadow:0 5px 0 #a61f1f}.杯の入口.参加中 small{font-size:22px;color:#7a1f00}#はじめ .おしゃべりの売り{position:absolute;left:36px;top:12px;z-index:3;font-size:44px;font-weight:900;color:#d32f2f;letter-spacing:2px;text-shadow:0 2px 0 #fff,0 0 6px #fff;pointer-events:none}#はじめ .入口の横並び{display:flex;gap:18px;align-items:stretch;justify-content:center;flex-wrap:nowrap}#はじめ .入口の横並び #予約を開く.予約の入口{margin-top:0}.待ちの今{font-size:32px!important;font-weight:bold;color:#1f3a2b;margin:4px 0 8px!important;line-height:1.3}.待ちの主の行{display:flex;align-items:center;gap:14px;margin:0 0 8px}.待ちの主の行 .大ボタン.待ちの主{font-size:34px;padding:12px 40px;white-space:nowrap}.待ちの主の行 .大ボタン.待ちの主.入る{animation:予約の点滅 1.4s ease-in-out infinite}.待ちの主の行 #待ち_説明を見る{margin-left:auto;font-size:22px;padding:6px 18px}.待ちの主の行 #待ち_ほか{font-size:22px;padding:6px 16px;white-space:nowrap}#予約の案内.待ちの間{display:none!important}.待ちのまだ{font-size:23px!important;color:#555;margin:6px 0!important}.待ちの行{display:flex;align-items:center;gap:14px;border:3px solid #b9d9c6;border-radius:12px;background:#fff;padding:6px 12px;margin:0 0 6px;font-size:24px}.待ちの行.重なる{border-color:#2e8b57;background:#eef9f1}.待ちの行.いま{border-color:#f26a2e;background:#fff6ee}.待ちの行.自分{background:#f4f4f4;border-color:#ccc}.待ちの行 .待ちの名{min-width:190px;font-size:26px;font-weight:bold;color:#1f6b43;text-align:left}.待ちの行 .待ちの名.名を押す{background:transparent;border:none;border-bottom:3px dotted #1f6b43;cursor:pointer;padding:0 4px;font-family:inherit}.待ちの行 .待ちの時{min-width:260px;font-size:26px;font-weight:bold}.待ちの行 .待ちの様子{flex:1;font-size:22px;font-weight:bold;color:#2e6b45}.待ちの行.いま .待ちの様子{color:#c0541f}.待ちの行 .待ちの予定{font-size:22px;font-weight:bold;color:#1f6b43;white-space:nowrap}.待ちの行 .中ボタン{font-size:22px;padding:4px 18px;white-space:nowrap}.待ちの一緒{font-size:26px;font-weight:bold;padding:8px 26px;border:none;border-radius:14px;background:#e85d2c;color:#fff;cursor:pointer;box-shadow:0 4px 0 #a8401d;white-space:nowrap}.待ちの一緒.入る{animation:予約の点滅 1.4s ease-in-out infinite}#待ち_時間,#待ち_紹介,#待ち_説明{position:absolute;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:3}#待ち_時間.隠,#待ち_紹介.隠,#待ち_説明.隠,#待ち合わせ.隠{display:none!important}.待ち時間の箱{max-width:1000px;padding:16px 30px}.待ち時間の題{font-weight:bold;color:#1f6b43}.待ち時間の行{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0}.待ち時間の行 .中ボタン{font-size:24px;padding:8px 14px;white-space:nowrap}.待ち時間の名{font-size:26px;font-weight:bold;color:#555;min-width:70px;text-align:right}.待ち時間の字{display:inline-block;min-width:220px;font-size:44px;color:#1f3a2b;text-align:center}#待ち時間_日{font-size:32px;min-width:300px}.待ち時間の文{font-size:28px!important;font-weight:bold;color:#c0541f}.待ち時間の状態{font-size:22px!important;color:#a8401d;font-weight:bold;min-height:26px}#待ち時間_決める{font-size:36px}#待ち_紹介 .確認の箱{max-width:820px}#待ち_紹介_題{font-weight:bold;color:#1f6b43}#待ち_紹介_中{font-size:24px;text-align:left;margin:0 0 12px}.待ちの説明{font-size:24px;text-align:left;line-height:1.6;margin:0 0 12px}#待ち部屋{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:52}#待ち部屋.隠{display:none!important}.待ち部屋の箱{max-width:1000px;min-width:720px;padding:18px 34px}#待ち部屋_人{font-size:26px;text-align:left;margin:8px 0}.部屋の行{display:flex;justify-content:space-between;gap:30px;border-bottom:2px solid #b9d9c6;padding:6px 4px}.部屋の行.自分{color:#1f6b43;font-weight:bold}.部屋の残り{font-size:22px;color:#555;margin-top:6px}.待ち部屋の問い{font-size:34px!important;font-weight:bold;color:#c0541f}#待ち部屋_始める{font-size:36px}#待ち部屋_始める:disabled{opacity:.8;font-size:26px}#待ち部屋 .中ボタン{font-size:26px;padding:10px 24px;white-space:nowrap}#上の帯 #やめる.人の卓{font-size:22px;font-weight:bold;padding:6px 12px;background:#fff;color:#a8401d;border-color:#fff}#やめる_一言{display:flex;flex-direction:column;gap:10px;align-items:center;margin:4px 0 14px}#やめる_一言.隠{display:none!important}.やめる_一言の題{font-size:26px!important;font-weight:bold;color:#1f6b43;margin:0!important}#やめる_一言 .大ボタン{font-size:30px;padding:8px 30px;min-width:460px}#やめる_はい.送らない{background:#fff;color:#333;border:3px solid #888;box-shadow:none;font-size:24px;padding:8px 24px}.初心の印{margin-left:4px;font-size:1.1em}body.スマホ .待ちの今{font-size:42px!important}body.スマホ .待ちの主の行 .大ボタン.待ちの主{font-size:44px;padding:12px 40px}body.スマホ .待ちの主の行 #待ち_説明を見る,body.スマホ .待ちの主の行 #待ち_ほか{font-size:30px;padding:8px 20px}body.スマホ .待ちの行{font-size:32px;padding:8px 12px}body.スマホ .待ちの行 .待ちの名{font-size:34px;min-width:230px}body.スマホ .待ちの行 .待ちの時{font-size:34px;min-width:330px}body.スマホ .待ちの行 .待ちの様子,body.スマホ .待ちの行 .待ちの予定{font-size:28px}body.スマホ .待ちの一緒{font-size:34px;padding:10px 28px}body.スマホ .待ちの行 .中ボタン{font-size:28px}body.スマホ .待ちのまだ,body.スマホ #待ち合わせ .予約の段{font-size:30px!important}body.スマホ .待ち時間の箱{max-width:1240px;padding:10px 24px}body.スマホ .待ち時間の題{font-size:38px;margin-bottom:0!important}body.スマホ .待ち時間の行{margin:4px 0}body.スマホ .待ち時間の行 .中ボタン{font-size:32px;padding:10px 16px}body.スマホ .待ち時間の名{font-size:34px}body.スマホ .待ち時間の字{font-size:60px;min-width:250px}body.スマホ #待ち時間_日{font-size:40px;min-width:330px}body.スマホ .待ち時間の文{font-size:36px!important;margin:0!important}body.スマホ #待ち時間_決める{font-size:44px}body.スマホ #待ち時間_もどる{font-size:32px}body.スマホ #待ち部屋_人{font-size:34px}body.スマホ .部屋の残り{font-size:30px}body.スマホ #待ち部屋_人 .準備の紹介{font-size:28px}body.スマホ .待ち部屋の問い{font-size:44px!important}body.スマホ .待ち部屋の箱 .待ちの今{font-size:44px!important}body.スマホ #待ち部屋_始める{font-size:46px}body.スマホ #待ち部屋 .中ボタン{font-size:34px}body.スマホ .待ちの説明{font-size:32px}body.スマホ #待ち_紹介_中{font-size:32px}body.スマホ #やめる_一言 .大ボタン{font-size:40px;min-width:600px}body.スマホ .やめる_一言の題{font-size:34px!important}body.スマホ #やめる_はい.送らない{font-size:32px}#はじめ #予約を開く.予約の入口.予約あり{background:#d32f2f;color:#fff;border-color:#a61f1f;box-shadow:0 4px 0 #8e1a1a;line-height:1.2}#はじめ #予約を開く.予約の入口.予約あり small{display:block;font-size:24px;font-weight:bold;color:#fff}.人と打つの今{margin:4px 0 10px;padding:10px 14px;border:3px solid #1f6b43;border-radius:16px;background:#fff}.人と打つの今 .今の行{font-size:30px;font-weight:bold;margin:0 0 6px}.人と打つの今 .今の行.いる{color:#1f6b43}.人と打つの今 .今の行.いない{color:#555}.人と打つの今 .今のボタン{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0}.人と打つの今 .今のボタン .大ボタン{font-size:26px;padding:8px 22px}.人と打つの今 .今のボタン .中ボタン{font-size:22px}.人と打つの今 .今の小題{font-size:22px;font-weight:bold;color:#7a4f00;margin:8px 0 4px}.人と打つの今 .次の行{display:flex;gap:16px;align-items:center;width:100%;text-align:left;font-size:24px;padding:6px 12px;margin:4px 0;border:2px solid #e6c98f;border-radius:12px;background:#fffaf0;cursor:pointer}.人と打つの今 .次の行 b{color:#d32f2f;white-space:nowrap}#相手を選ぶ{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:49}#相手を選ぶ.隠{display:none}.相手を選ぶ箱{text-align:center;padding:22px 30px}.相手の題{font-size:40px;font-weight:bold;margin:0 0 16px;color:#1f6b43}.相手の並び{display:flex;gap:26px;justify-content:center}.相手のボタン{width:440px;min-height:230px;font-size:44px;font-weight:bold;border-radius:24px;cursor:pointer;padding:18px;line-height:1.3}.相手のボタン small{display:block;font-size:26px;font-weight:bold;margin-top:14px}.相手のボタン.人{background:#fff;color:#1f6b43;border:6px solid #1f6b43;box-shadow:0 6px 0 #b9d9c6}.相手のボタン.人.今{background:#1f6b43;color:#fff;border-color:#14502f;box-shadow:0 6px 0 #0d3a22}.相手のボタン.機械{background:#e8742c;color:#fff;border:6px solid #c45a17;box-shadow:0 6px 0 #9c4510}.人と打つの今 .今のボタン .大ボタン small{display:block;font-size:20px}#待つ_はい{background:#1f6b45;color:#fff}#待ちの札{position:fixed;left:calc(10px + env(safe-area-inset-left,0px));top:calc(10px + env(safe-area-inset-top,0px));z-index:900;display:flex;gap:6px;align-items:stretch;background:#fffbe8;border:3px solid #1f6b45;border-radius:12px;padding:6px;box-shadow:0 3px 10px rgba(0,0,0,.25);max-width:calc(100vw - 20px)}#待ちの札.隠,#知らせ.隠{display:none}#待ちの札 button{font-size:20px;border-radius:9px;padding:6px 12px;cursor:pointer}#待ちの札_開く{background:#fff;border:2px solid #1f6b45;color:#1d2a22}#待ちの札_やめる{background:#e0612f;border:none;color:#fff;white-space:nowrap}#知らせ{position:fixed;left:50%;transform:translateX(-50%);top:calc(14px + env(safe-area-inset-top,0px));z-index:950;width:min(520px,calc(100vw - 24px));background:#fffbe8;border:4px solid #1f6b45;border-radius:16px;padding:14px 18px;box-shadow:0 6px 24px rgba(0,0,0,.35);text-align:center;color:#1d2a22}#知らせの題{font-size:28px;font-weight:bold;color:#1f6b45;margin:0 0 6px}#知らせの文{font-size:21px;margin:0 0 10px}.知らせのボタン{display:flex;gap:14px;justify-content:center}.知らせのボタン button{font-size:24px;border-radius:10px;padding:8px 22px;cursor:pointer;border:2px solid #1f6b45;background:#fff;color:#1d2a22}#知らせ_打つ{background:#1f6b45;color:#fff}.今打てるの段{display:flex;align-items:center;gap:18px;margin:4px 0 8px;padding:8px 14px;background:#fff6ee;border:3px solid #f0a35e;border-radius:16px}.今打てるのボタン{flex:0 0 auto;min-width:380px;font-size:36px;font-weight:bold;padding:8px 26px;border:4px solid #e85d2c;border-radius:16px;background:#e85d2c;color:#fff;box-shadow:0 5px 0 #a8401d;cursor:pointer;line-height:1.15}.今打てるのボタン small{display:block;font-size:21px;font-weight:bold}.今打てるのボタン.待機中{background:#fff;color:#a8401d;box-shadow:0 5px 0 #f0c3a6}.待つ時間の段{flex:1;min-width:0}.待つ時間の名{display:block;font-size:22px;font-weight:bold;color:#7a4f00;margin:0 0 4px}#待つ時間_並び{display:flex;gap:8px}#待つ時間_並び button{flex:1;font-size:28px;font-weight:bold;padding:8px 0;border:3px solid #e85d2c;border-radius:12px;background:#fff;color:#a8401d;cursor:pointer;white-space:nowrap}#待つ時間_並び button.選{background:#e85d2c;color:#fff}.今打てるの文{font-size:19px!important;margin:6px 0 0!important;color:#555;line-height:1.35}.予約の入力{display:flex;gap:22px;align-items:flex-start;padding:8px 14px;border:3px solid #1f6b43;border-radius:16px;background:#fff;margin:0 0 8px}.予約の暦の側{flex:0 0 520px}.暦の曜,.暦の日々{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.暦の曜 span{text-align:center;font-size:18px;font-weight:bold;color:#555}.暦の曜 .日曜{color:#c0392b}.暦の曜 .土曜{color:#2463b8}.暦の日{height:60px;border:3px solid #b9d9c6;border-radius:12px;background:#fff;color:#1d2a22;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;line-height:1.1;font-family:inherit}.暦の日 b{font-size:26px}.暦の日 small{font-size:15px;font-weight:bold;color:#555;white-space:nowrap}.暦の日.日曜 b{color:#c0392b}.暦の日.土曜 b{color:#2463b8}.暦の日.ほか{background:#dff3e4;border-color:#2e8b57}.暦の日.自分{background:#d32f2f;border-color:#a61f1f}.暦の日.自分 b,.暦の日.自分 small{color:#fff}.暦の日.選{outline:5px solid #f26a2e;outline-offset:1px}.暦の色{font-size:17px;color:#555;margin-top:6px}.暦の色 .色{display:inline-block;width:18px;height:18px;border-radius:4px;vertical-align:-3px;margin-right:4px;box-sizing:border-box}.暦の色 .色.自分{background:#d32f2f}.暦の色 .色.ほか{background:#dff3e4;border:2px solid #2e8b57}.予約の時刻{flex:1;min-width:0}.予約の日の字{font-size:30px;color:#1f3a2b;margin:2px 0 4px}.予約の日の字 .日の名{margin-left:10px;color:#1f6b43;font-weight:bold}.予約の日の字 .長さ{margin-left:16px;font-size:22px;color:#c0541f;font-weight:bold}.時刻の行{display:flex;align-items:center;gap:8px;margin:6px 0}.時刻の名{font-size:28px;font-weight:bold;color:#1f6b43;min-width:124px}.時刻の選び{font-size:40px;font-weight:bold;min-width:112px;height:64px;padding:0 6px;border:3px solid #1f6b43;border-radius:12px;background:#fff;color:#1d2a22;cursor:pointer;font-family:inherit}.時刻の単位{font-size:28px;font-weight:bold;color:#333}.予約_次の日{font-size:22px;color:#c0541f;font-weight:bold;white-space:nowrap}.目安の文{font-size:22px!important;color:#2e6b45;margin:2px 0 8px!important;font-weight:bold}.大ボタン.予約するボタン{font-size:34px;padding:10px 40px}.予約_この日{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px;font-size:22px}.この日の題{font-weight:bold;color:#1f6b43}.この日のまだ{color:#555}.この日の帯{padding:3px 12px;border-radius:10px;font-weight:bold;white-space:nowrap}.この日の帯.自分{background:#d32f2f;color:#fff}.この日の帯.ほか{background:#dff3e4;color:#1f5132;border:2px solid #2e8b57}.予約の行{display:flex;align-items:center;gap:14px;border:3px solid #b9d9c6;border-radius:12px;padding:6px 12px;margin:0 0 6px;font-size:24px;background:#fff}.予約の行.自分{background:#ffe5e2;border-color:#d32f2f}.予約の行.ほか{background:#eef9f1;border-color:#2e8b57}.予約の行.いま{border-color:#f26a2e;border-width:4px}.予約の行 .予約の時{min-width:280px;font-size:26px;font-weight:bold}.予約の行 .予約の様子{flex:1;font-size:22px;font-weight:bold;color:#2e6b45}.予約の行 .予約の名{min-width:170px;font-size:26px;font-weight:bold;color:#1f6b43;text-align:left}.予約の行 .予約の名.名を押す{background:transparent;border:none;border-bottom:3px dotted #1f6b43;cursor:pointer;padding:0 4px;font-family:inherit}.予約の行 .中ボタン{font-size:22px;padding:4px 18px;white-space:nowrap}.予約の一緒,.予約の入る{font-size:26px;font-weight:bold;padding:6px 24px;border:none;border-radius:14px;background:#e85d2c;color:#fff;cursor:pointer;box-shadow:0 4px 0 #a8401d;white-space:nowrap;font-family:inherit}.予約の入る{animation:予約の点滅 1.4s ease-in-out infinite}#予約の一覧 .予約の段{margin:8px 0 4px}#待機の札{position:fixed;left:10px;top:10px;z-index:900;display:flex;gap:6px;align-items:stretch;background:#fff6ee;border:3px solid #e85d2c;border-radius:12px;padding:6px;box-shadow:0 3px 10px rgba(0,0,0,.25);max-width:760px}#待機の札.隠,#待機の確かめ.隠{display:none}#待機の札 button{font-size:22px;font-weight:bold;border-radius:9px;padding:6px 14px;cursor:pointer;font-family:inherit}#待機の札_開く{background:#fff;border:2px solid #e85d2c;color:#1d2a22;text-align:left}#待機の札_やめる{background:#e0612f;border:none;color:#fff;white-space:nowrap}#待機の確かめ{position:fixed;left:10px;top:74px;z-index:940;background:#fffbe8;border:4px solid #e85d2c;border-radius:14px;padding:8px 14px 12px;box-shadow:0 6px 20px rgba(0,0,0,.3);color:#1d2a22}.待機の確かめの題{font-size:28px;font-weight:bold;color:#a8401d;margin:0}.待機の確かめの文{font-size:20px;margin:2px 0 8px}.待機の確かめのボタン{display:flex;gap:8px}.待機の確かめのボタン button{font-size:26px;font-weight:bold;min-width:86px;padding:8px 6px;border:3px solid #1f6b45;border-radius:10px;background:#fff;color:#1f6b45;cursor:pointer;font-family:inherit;white-space:nowrap}.待機の確かめのボタン button.やめる{background:#e0612f;border-color:#e0612f;color:#fff;min-width:100px}body.スマホ .今打てるのボタン{font-size:44px;min-width:420px}body.スマホ .今打てるのボタン small{font-size:26px}body.スマホ .待つ時間の名{font-size:28px}body.スマホ #待つ時間_並び button{font-size:36px;padding:10px 0}body.スマホ .今打てるの文{font-size:24px!important}body.スマホ .予約の暦の側{flex-basis:540px}body.スマホ .暦の日{height:72px}body.スマホ .暦の日 b{font-size:32px}body.スマホ .暦の日 small{font-size:19px}body.スマホ .暦の曜 span{font-size:24px}body.スマホ .暦の色{font-size:22px}body.スマホ .予約の日の字{font-size:36px}body.スマホ .予約の日の字 .長さ{font-size:28px}body.スマホ .時刻の名{font-size:34px;min-width:150px}body.スマホ .時刻の単位{font-size:34px}body.スマホ .時刻の選び{font-size:50px;min-width:128px;height:80px}body.スマホ .予約_次の日{font-size:26px}body.スマホ .目安の文{font-size:28px!important}body.スマホ .大ボタン.予約するボタン{font-size:42px}body.スマホ #予約の状態{font-size:28px}body.スマホ .予約_この日{font-size:28px}body.スマホ .予約の行{font-size:30px}body.スマホ .予約の行 .予約の時{font-size:32px;min-width:330px}body.スマホ .予約の行 .予約の名{font-size:32px}body.スマホ .予約の行 .予約の様子{font-size:28px}body.スマホ .予約の行 .中ボタン{font-size:28px}body.スマホ .予約の一緒,body.スマホ .予約の入る{font-size:32px}body.スマホ #予約の一覧 .予約の段,body.スマホ .予約の暦の側 .予約の段{font-size:30px}body.スマホ .予約のまだ{font-size:28px!important}body.スマホ .人と打つの今 .今の行{font-size:36px}body.スマホ .人と打つの今 .今の小題{font-size:28px}body.スマホ .人と打つの今 .次の行{font-size:30px}body.スマホ .人と打つの今 .今のボタン .大ボタン{font-size:34px}body.スマホ .人と打つの今 .今のボタン .大ボタン small{font-size:24px}body.スマホ #予約の案内{font-size:26px}body.スマホ #待機の札 button{font-size:30px;padding:8px 16px}body.スマホ #待機の確かめ{top:90px}body.スマホ .待機の確かめの題{font-size:36px}body.スマホ .待機の確かめの文{font-size:26px}body.スマホ .待機の確かめのボタン button{font-size:34px;min-width:104px;padding:10px 6px}body.スマホ #知らせ{width:640px}body.スマホ #知らせの題{font-size:34px}body.スマホ #知らせの文{font-size:26px}body.スマホ .知らせのボタン button{font-size:32px;padding:10px 26px}.切替ボタン{font-weight:900;color:#fff;background:#2e8b57;border:4px solid #1f6b43;border-radius:18px;box-shadow:0 5px 0 #1f6b43;cursor:pointer;white-space:nowrap;letter-spacing:1px}.切替ボタン.入{background:#d93a1f;border-color:#8f2410;box-shadow:0 5px 0 #8f2410}.切替ボタン:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.35)}#はじめ .入口の横並び{align-items:center}#はじめ .始める箱{display:flex;flex-direction:column;gap:10px;width:760px;padding:10px;box-sizing:border-box;background:#fff4e6;border:5px solid #e8742c;border-radius:26px;box-shadow:0 6px 0 #c94d1c}#はじめ .始める箱 .杯の入口{width:100%;margin:0;font-size:34px;padding:2px 0;line-height:1.25}#はじめ .始める箱 .杯の入口 small{display:inline;font-size:24px;margin-left:18px}#はじめ .始める箱_切替{display:flex;gap:12px}#はじめ .始める箱_切替 .切替ボタン{flex:1 1 0;height:64px;font-size:36px;padding:0}#はじめ .始める箱 #始める.入口{width:100%;margin:0;font-size:54px;padding:8px 0;box-shadow:0 5px 0 #9c4510}#はじめ .入口の横並び #予約を開く.予約の入口{padding:14px 16px;font-size:28px;white-space:nowrap}#声の帯 .切替ボタン{font-size:30px;padding:0 16px;border-width:3px;box-shadow:0 4px 0 rgba(0,0,0,.3)}#声の帯 #声_モード{width:250px}#声の帯 #声_顔2{width:270px}#声の帯 .切替ボタン:not(.入){animation:呼ぶ 1.6s ease-in-out infinite}body.スマホ.対局中 #声の帯 .切替ボタン{font-size:28px;padding:0 8px;border-radius:12px}body.スマホ.対局中 #声の帯 #声_モード{width:214px}body.スマホ.対局中 #声の帯 #声_顔2{width:236px}.丸ボタン{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;background:none;border:none;padding:0 2px;cursor:pointer;min-width:112px}.丸ボタン .丸{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;background:#fff;border:3px solid #1f6b43;box-shadow:0 3px 0 rgba(0,0,0,.3)}.丸ボタン .丸の字{font-size:19px;font-weight:bold;color:#fff;background:rgba(20,50,35,.82);border-radius:8px;padding:0 6px;white-space:nowrap;line-height:1.3}.丸ボタン.話している .丸{box-shadow:0 3px 0 rgba(0,0,0,.3),0 0 0 calc(var(--大, 0) * 9px) rgba(46,139,87,.55)}.丸ボタン.止めている .丸{background:#5b625e;border-color:#3d4540}.丸ボタン:disabled{cursor:default;opacity:.85}.声の残り{align-self:center;font-size:20px;font-weight:bold;color:#fff;background:rgba(20,50,35,.82);border-radius:10px;padding:4px 10px;white-space:nowrap}body.スマホ.対局中 .丸ボタン{min-width:100px}body.スマホ.対局中 .丸ボタン .丸{width:52px;height:52px;font-size:28px}body.スマホ.対局中 .丸ボタン .丸の字{font-size:18px}body.スマホ.対局中 .声の残り{font-size:18px;padding:2px 6px}.顔の窓.写真なし.絵あり{background:#eef6f0 var(--絵) center 6px / auto 68% no-repeat}.顔の窓.写真なし.絵あり .顔の名{top:auto;height:auto;background:rgba(255,253,246,.9);font-size:18px}#顔の大{position:absolute;inset:0;z-index:60;background:rgba(0,0,0,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer}#顔の大 img{width:640px;height:480px;object-fit:cover;border:6px solid #fff;border-radius:20px;background:#eef6f0}#顔の大 img:not([src]){visibility:hidden}#顔の大_名{font-size:34px;font-weight:bold;color:#fff}body.スマホ #顔の大 img{width:480px;height:360px}.見本_開始{background:#2e8b57;color:#fff}.予約の続き{position:sticky;bottom:-12px;display:block;width:calc(100% + 52px);margin:6px -26px -12px;padding:8px 0 10px;font-size:24px;font-weight:bold;color:#fff;background:rgba(31,107,67,.94);border:none;border-radius:0 0 14px 14px;cursor:pointer;text-align:center;z-index:3;font-family:inherit}.予約の続き.隠{display:none}body:has(#予約:not(.隠)) #待機の札,body:has(#予約:not(.隠)) #待ちの札{display:none!important}#予約の状態.予約の状態{position:sticky;top:-10px;z-index:3;margin:4px 0 8px!important;padding:8px 16px;min-height:0;font-size:24px;line-height:1.5;color:#7a2e10;background:#fff3cd;border:3px solid #e0b84a;border-radius:14px;box-shadow:0 3px 8px rgba(0,0,0,.15)}#予約の状態.予約の状態:empty{display:none}body.スマホ #予約の状態.予約の状態{font-size:28px}body.スマホ .予約の続き{font-size:30px}.予約の目次{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}.予約の目次.隠{display:none}.予約の目次 button{font-size:23px;font-weight:bold;padding:6px 11px;border-radius:14px;border:3px solid #1f6b43;background:#fff;color:#1f6b43;cursor:pointer;white-space:nowrap;font-family:inherit;box-shadow:0 3px 0 #b9d9c6}.予約の目次 button.いる{background:#1f6b43;color:#fff}body.スマホ .予約の目次 button{font-size:28px}#隅の札々{position:fixed;left:calc(10px + env(safe-area-inset-left,0px));top:calc(10px + env(safe-area-inset-top,0px));z-index:900;display:flex;flex-direction:column;gap:6px;align-items:flex-start;pointer-events:none}#隅の札々>div{position:static!important;pointer-events:auto}#部屋の札,#誘いの札{display:flex;gap:6px;align-items:stretch;background:#fff6ee;border:3px solid #e85d2c;border-radius:12px;padding:6px;box-shadow:0 3px 10px rgba(0,0,0,.25);max-width:760px}#部屋の札.隠,#誘いの札.隠{display:none}#部屋の札 button,#誘いの札 button{font-size:22px;font-weight:bold;border-radius:9px;padding:6px 14px;cursor:pointer;font-family:inherit}#部屋の札_開く,#誘いの札_開く{background:#fff;border:2px solid #e85d2c;color:#1d2a22;text-align:left}#部屋の札_やめる{background:#e0612f;border:none;color:#fff;white-space:nowrap}body.スマホ #部屋の札 button,body.スマホ #誘いの札 button{font-size:30px;padding:8px 16px}body:has(#待ち部屋:not(.隠)) #部屋の札{display:none!important}.了解ボタン{background:#1f6b43!important;color:#fff!important;border-color:#14502f!important;font-weight:bold}.予約の頭 #予約を閉じる.了解ボタン{font-size:28px;padding:6px 40px}.待機の確かめのボタン button.了解{background:#1f6b45;color:#fff;min-width:100px}#違い.画面いっぱい{position:fixed;z-index:9000;align-items:flex-start;overflow-y:auto;padding:8px}#違い.画面いっぱい .違いの箱{width:100%;box-sizing:border-box}#違い.画面いっぱい #違いの絵{width:100%;height:auto}#違い.画面いっぱい .違いの箱>div{font-size:16px!important}#違い.画面いっぱい .大ボタン{font-size:22px}#残り10分{display:flex;gap:10px;align-items:center;background:#fffbe6;border:3px solid #d9a400;border-radius:12px;padding:6px 8px 6px 14px;box-shadow:0 3px 10px rgba(0,0,0,.25);max-width:760px;font-size:22px;font-weight:bold;color:#4a3400}#残り10分.隠{display:none}#残り10分 .大ボタン{font-size:26px;padding:6px 30px;white-space:nowrap;box-shadow:0 3px 0 #a8401d}body.スマホ #残り10分{font-size:28px}body.スマホ #残り10分 .大ボタン{font-size:32px}#時間切れの案内{display:flex;flex-direction:column;align-items:center;gap:10px;margin:6px 0 12px}#時間切れの案内.隠,#時間切れの案内 .隠{display:none}#時間切れの案内 p{font-size:22px;margin:0;text-align:left}#時間切れの案内 .中ボタン,#時間切れの案内 .LINEボタン{font-size:26px;font-weight:bold}#お知らせ12月{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:55}#お知らせ12月.隠,#お知らせ12月 .隠{display:none}#お知らせ12月 .お知らせ12月の文{font-size:28px;line-height:1.6;text-align:left;margin:0 0 12px}#お知らせ12月 .LINEボタン{font-size:30px;font-weight:bold;padding:12px 30px}#楽々の申し込み{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:54}#楽々の申し込み.隠{display:none}.申込の箱{width:1060px;max-height:700px;overflow-y:auto;box-sizing:border-box;padding:18px 36px;background:#FFFDF8}.申込の題{font-size:36px;font-weight:bold;color:#1f6b43;margin:0 0 10px!important}.申込の今{font-size:26px;margin:0 0 8px!important}.申込の札{display:block;width:100%;margin:0 0 14px;padding:16px 20px;font-size:40px;font-weight:bold;font-family:inherit;color:#1d2a22;background:#fff;border:4px solid #e85d2c;border-radius:18px;box-shadow:0 5px 0 #a8401d;cursor:pointer}.申込の札:active{transform:translateY(3px);box-shadow:0 2px 0 #a8401d}.申込の札.小さめ{font-size:36px;padding:14px 10px;margin:0}.申込の並び{display:flex;gap:14px;margin:0 0 14px}.申込の並び .申込の札{flex:1}.申込の映像{display:block;font-size:22px;font-weight:normal;color:#5a4a00;margin-top:6px}.申込の映像だけ{font-size:24px;color:#5a4a00;margin:0 0 10px!important}.申込の選んだ{font-size:34px;font-weight:bold;margin:0 0 10px!important}.申込の内容{font-size:40px;font-weight:bold;line-height:1.5;margin:0 0 12px!important}.申込の了解{font-size:40px;padding:14px 90px;margin:4px 0 8px}.申込の注{font-size:24px;font-weight:bold;color:#8a2a12;text-align:left;background:#fff4ec;border:2px solid #e8b9a4;border-radius:12px;padding:8px 14px;margin:4px 0 6px}.申込の状態{font-size:24px;color:#c0392b;min-height:1.2em;margin:2px 0!important}.申込の下{display:flex;gap:18px;justify-content:center}.申込の下 .中ボタン{font-size:30px;padding:8px 34px;font-weight:bold}#申込_変更{font-size:24px;margin-bottom:10px}#違い{z-index:60}#違い:not(.画面いっぱい) .違いの箱{display:grid;grid-template-columns:auto 300px;grid-template-rows:1fr auto;align-items:center;column-gap:14px}#違い:not(.画面いっぱい) picture{grid-row:1 / 3}#違い:not(.画面いっぱい) #違いの絵{height:660px}#違い:not(.画面いっぱい) .違いの箱>div{font-size:22px!important;text-align:left}#はじめ .おしゃべりの売り .おしゃべりの条件{font-size:30px;letter-spacing:0}#アカウントを消す窓{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:56}#アカウントを消す窓.隠{display:none}#アカウントを消す窓 .確認の箱{max-width:none;width:1040px;box-sizing:border-box;padding:30px 36px}#メニューの窓 .欄{flex-wrap:wrap}#メニューの窓 #ログインの状態{flex-basis:100%}#アカウントを消す_題{font-size:40px;font-weight:bold;color:#1f6b43;margin:0 0 16px}#アカウントを消す_文{font-size:32px;line-height:1.5;margin:0 0 12px;color:#222;white-space:pre-line}#アカウントを消す{white-space:nowrap}#アカウントを消す_問題{font-size:30px;line-height:1.5;margin:0 0 12px;color:#b3261e;font-weight:bold}#アカウントを消す_問題:empty{display:none}#アカウントを消す窓 .確認のボタン{display:flex;gap:28px;justify-content:center;flex-wrap:wrap}#アカウントを消す_やめる{font-size:34px;padding:12px 46px}#アカウントを消す_消す:disabled,#アカウントを消す_予約:disabled{opacity:.7;cursor:wait}#アカウントを消す_文{text-align:left}#はじめ .おしゃべりの売り{font-size:30px;letter-spacing:1px;top:6px;left:28px;line-height:1.15}#はじめ .おしゃべりの売り .おしゃべりの条件{display:block;font-size:19px}