@-ms-viewport{width:auto !important;}html{overflow-y:scroll}body,input{font-family:'Helvetica Neue',Helvetica,Arial,Meiryo,sans-serif;font-size:medium}body{text-align:center;line-height:140%;background-color:#f9f9f9;color:#333}hr{margin:5px}.warning{color:#b12323}header{display:block}.header_bar{top:0;left:0;width:100%;height:5px;padding:.2em;z-index:0;position:fixed}.header_bar div{color:#4682b4;text-align:left;padding-left:.5em;letter-spacing:.1em;font-size:medium;font-weight:bold;margin-top:-2px}.header_bar a{text-decoration:none}.header_bar a:link,.header_bar a:visited,.header_bar a:active{color:#4682b4}.header_bar a:hover{color:#ff6347;text-decoration:underline}.header_bar ul{text-align:right;margin-top:-25px}.header_bar ul li{display:inline;margin-left:1em;font-size:small}footer{position:fixed;width:100%;bottom:0;margin:0;padding:1em;background-color:#5580aa}footer li{padding-left:1em}@media only screen and (max-width:575px){footer{font-size:small}}main{display:block;margin-bottom:150px}.maincontent{z-index:1}.gamemain{margin-top:-20px}.strong{background-color:#ffdab9}.highlight{background-color:#fceded}.bgcolor-nomal{background-color:#fff}.font-large{font-size:large}.font-xlarge{font-size:x-large}.margin-top{margin-top:.5em}.margin_bottom{margin-bottom:30px}.font-larger{font-size:larger}h1,h2{color:#5580aa}input[type="text"],input[type="number"],input[type="password"]{width:10em}#loginForm .validation-summary-errors li{list-style:none}.registForm{margin:10px auto;text-align:left;padding:20px;background-color:#e2f1f1;border-top:1px solid #23b1b1;border-bottom:1px solid #23b1b1}.registForm label{text-align:right}.registMsg{margin:10px auto;padding:20px;padding-top:1em;padding-bottom:1em}.registMsg p{line-height:100%}.nextInfo{padding-top:50px}.nextInfo i{color:#ff6347}@media only screen and (max-width:767px){.container{padding-top:20px}}body{padding-top:20px}input.refbtn[type=button]{width:2rem;height:2rem}.headarea{width:100%}.header_bar div{justify-content:space-between}.header_bar .headerlink{font-size:small;font-weight:normal}.header_bar #remain{font-weight:normal;color:#634c35}.infotext{color:#5580aa}.validation-summary-errors li{list-style:none}.leaderID{font-size:xx-large}.showMember ol{counter-reset:item;list-style-type:none;padding-left:0}.showMember li{text-indent:-1.3em;padding-left:1.3em;text-align:left}.showMember li:before{counter-increment:item;content:counter(item) '.';padding-right:.5em;font-weight:bold;color:#5580aa;font-size:large}.membertable{width:100%;height:460px;overflow:scroll;padding:5px 15px 10px 5px;margin:20px 5px}#memberArea .member-sample{padding:.3em .8em;margin:1px;text-align:left;line-height:1;border:solid 1px #d6d8d9;border-radius:5px;display:inline-block}#memberArea input[name="memberName"]{display:none}#memberArea label.namebox{width:40%;margin:1px;padding:.5em 2em;text-align:left;line-height:1;border-width:1px;border-style:solid;border-radius:5px}#memberArea .member-normal{border-color:#aaa;background-color:#f0f0f0}#memberArea .member-normal:hover{background-color:#bfbfbf;color:#fff;cursor:pointer;border-color:#999}#memberArea .member-entry{color:#4682b4;background-color:#d1ecf1;border-color:#478d8d}#memberArea .member-entry:hover{background-color:#bfbfbf;color:#fff;cursor:pointer;border-color:#999}#memberArea .member-play{color:#8b4513;background-color:#ffefd5;border-color:#b89572}#memberArea .member-play:hover{background-color:#bfbfbf;color:#fff;cursor:pointer;border-color:#999}#memberArea .member-over{color:#fff;background-color:#999;border-color:#999}#memberArea input[type="radio"]:checked+.namebox{color:#721c24;background-color:#f8d7da;border-color:#c78d8d}#memberArea input[type="radio"]:checked+.namebox:before{content:'あなた';font-size:x-small;background-color:#4682b4;padding:.2em 1em .2em 1em;color:#fff;border-radius:1em;margin-right:10px}#memberArea .leader:before{content:'リーダー';font-size:x-small;background-color:#f08080;padding:0 1em 0 1em;color:#fff;border-radius:1em;margin-right:10px}.memberListArea{border:dotted 1px #d6d8d9}@media screen and (max-height:900px){.membertable{height:350px}}@media screen and (max-height:800px){.membertable{height:300px}}@media screen and (max-height:700px){.membertable{height:200px}}@media screen and (max-width:479px){.showMember .alert{padding:5px}.showMember ol{padding-left:20px}#memberArea label.namebox{width:80%}}@media print{main{margin-bottom:20px}}#leaderSelect{display:none}#leaderSelLabel{padding:5px;cursor:pointer}#leaderSelLabel:before{padding:6px 10px;content:'リーダー';border-radius:6px 0 0 6px;background:linear-gradient(to bottom,#f0f0f0 0%,#ddd 100%);box-shadow:0 0 3px 0 rgba(0,0,0,.1) inset;color:#aaa}#leaderSelLabel:after{padding:6px 10px;content:'メンバー';border-radius:0 6px 6px 0;background:#396;box-shadow:0 0 3px 0 rgba(0,0,0,.1) inset;color:#fff}#leaderSelect+#leaderSelLabel:hover:before{opacity:.5}#leaderSelect:checked+#leaderSelLabel:hover:after{opacity:.5}#leaderSelect:checked+#leaderSelLabel:before{background:#f08080;color:#fff;opacity:1}#leaderSelect:checked+#leaderSelLabel:after{background:linear-gradient(to bottom,#f0f0f0 0%,#ddd 100%);color:#aaa}#enterWait{display:none}#loginLeader{display:none}#loginLeader:before{content:'リーダー';font-size:small;background-color:#f08080;padding:.3em 1em .3em 1em;color:#fff;border-radius:1em;margin-right:10px}#fp_rule{margin:0 auto;background:#eee;border-radius:5px;max-width:600px;color:#423a1f}.imagePreview{width:100%;min-height:100px;background-position:center center;background-size:cover}.imagePreview #image{max-width:100%;margin:0 auto}.imagePreview #sgftable{display:none}.printModalArea{width:100%;min-height:100px;background-position:center center;background-size:cover}.printModalArea #image{max-width:100%;margin:0 auto}input[type=button]#backBranch{width:5.5em}.PlayerOrigin{display:none;padding:0}.PlayerOrigin .moveStone{margin-right:0}#PlayerOriginB{justify-content:flex-end}#PlayerOriginW{justify-content:flex-start}@media screen and (min-width:1200px)and (max-width:1400px){.PlayerOrigin span{font-size:small}}@media screen and (max-width:1199px){#PlayerOriginB,#PlayerOriginW{justify-content:center}}.noSgfList{padding:2em}.kifu-head{background-color:#5580aa;color:#fff}.kifuListTable{width:auto;border-spacing:0;margin:auto}.kifuListTable .FP,.kifuListTable .YB{padding:3px 5px;border-radius:50%;color:#fff;font-size:small}.kifuListTable .FP{background-color:#478d8d}.kifuListTable .YB{background-color:#725538}.indexInfo{max-width:600px;margin:20px auto 1em;padding:20px;border-radius:5px}.indexInfo p{text-align:left}.indexInfo h1{font-size:x-large;text-align:center;padding-bottom:1em}.infoRule{background-color:#e6e6fa}.warningRule{background-color:#f1e2e2}.warningRule h1{color:#b12323}.non-radio input[type=radio]{display:none}.settingCheckBox{width:40px;margin:0 auto}.settingCheckBox label{position:relative;display:block;width:40px;height:20px;box-sizing:border-box;padding:4px;border-radius:30px;background-color:#ebebeb}.settingCheckBox label::after{display:inline-block;content:"";width:100%;text-align:left;color:#666;box-sizing:border-box;padding:1px 8px 0}.settingCheckBox label>span{position:absolute;right:3px;top:2.5px;display:block;width:14px;height:14px;line-height:20px;border-radius:50%;text-align:center;letter-spacing:normal;background-color:#666;cursor:pointer;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out}.settingCheckBox input[type="checkbox"]{display:none}.settingCheckBox input[type="checkbox"]:checked+label{background-color:#3598db}.settingCheckBox input[type="checkbox"]:checked+label::after{content:"";text-align:right;color:#666}.settingCheckBox input[type="checkbox"]:checked+label>span{right:22px;background-color:#f4faff}.infoArea,.branch,.messsageArea,.peerClose{border-radius:5px;border:1px solid silver;padding:10px;position:relative;margin:0 auto}.infoArea,.messsageArea{background-color:#fff}.branch{background-color:#ffdab9}#memberList,#labelInput,#labelArea,#colorArea{text-align:left;padding-left:15px;position:relative;z-index:11}h3.matchTitle{font-size:larger;font-weight:bold;margin:0 0 5px 0;text-align:center}h3.menuTitle{font-size:medium;font-weight:bold;margin:0 0 5px 0;text-align:center}#freeMsgArea{z-index:12;display:none}#fixMsgArea h3,#freeMsgArea h3,#rcvMessage h3{font-size:smaller;margin:0 0 5px 0;text-align:center;color:#666}#rcvMessage h3{margin-top:.2em}.guide,.guide_left{margin:0 auto 1px auto;padding:5px;position:relative}.guide{text-align:center}.guide_left{text-align:left}.guideMsg{visibility:hidden;padding:10px 5px}#RosuSelect:disabled,#HandiSelect:disabled,#KomiSelect:disabled,#BlackSelect:disabled,#WhiteSelect:disabled{color:#333;opacity:1;border:none;-webkit-appearance:none;-moz-appearance:none}#BlackSelect:disabled,#WhiteSelect:disabled{font-weight:bold}#replayArea{display:none}label{font-weight:normal}#memberName{padding-left:5px}#memberName label{padding-left:5px}#memberList input[type="radio"]:checked+label{font-weight:bold;color:#b12323}#memberList input[type="radio"]:disabled{display:none}.turnGoban{width:110px;margin:0 auto}.turnGoban label{position:relative;display:block;width:100%;height:30px;box-sizing:border-box;padding:4px;border-radius:30px;background-color:#ebebeb}.turnGoban label::after{display:inline-block;content:"盤面反転";width:100%;text-align:left;color:#666;box-sizing:border-box;padding:1px 8px 0}.turnGoban label>span{position:absolute;right:5px;top:5px;display:block;width:20px;height:20px;font-size:14px;line-height:20px;border-radius:50%;text-align:center;letter-spacing:normal;background-color:#1aba9a;cursor:pointer;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out}.turnGoban input[type="checkbox"]{display:none}.turnGoban input[type="checkbox"]:checked+label{background-color:#1aba9a}.turnGoban input[type="checkbox"]:checked+label::after{content:"反転中";text-align:right;color:#fff}.turnGoban input[type="checkbox"]:checked+label>span{right:84px;background-color:#f4faff}input[type=button].invisibleFB{display:none}#moveNo{display:none}#moveNo:checked+#moveNoLabel{background-color:#f0ad4e;color:#000}.moveStone{width:1em;height:1em;margin-right:5px}.addLabel{font-weight:bold;margin-bottom:0}#labelArea{display:none;font-size:large}#labelArea input,#colorArea input{display:none}#labelArea label{display:block;float:left;width:2.5em;margin:1px;padding:.5em;text-align:center;line-height:1;border-radius:3px;background-color:#f0f0f0;-webkit-box-shadow:1px 1px 1px 0 #bfbfbf;box-shadow:1px 1px 1px 0 #bfbfbf}#colorArea label{display:block;float:left;width:4em;margin:1px;padding:.5em;text-align:center;line-height:1;border-radius:3px;background-color:#f0f0f0;-webkit-box-shadow:1px 1px 1px 0 #bfbfbf;box-shadow:1px 1px 1px 0 #bfbfbf}#colorArea input:disabled+label{color:#afafaf}#labelArea input[type="radio"]:checked+.switch-on{background-color:#ffffd5}.square,.circle,.triangle{font-family:Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif}.square{color:green}.circle{color:#fc0}.triangle{color:#1e90ff}.numeric1{color:#ff1493}.numeric2{color:#1e90ff}.alphabet{color:#156a15}.resultTable{display:none}.resultTable th{text-align:center;background-color:#f0f0f0}.resultTable .resultSum{background-color:#fff4ea}.resultTable .parts{display:table-cell;vertical-align:middle}.resultTable .parts:nth-child(1){text-align:right;width:2em}.resultTable .parts:nth-child(2){text-align:left}#passConfirm,#judgeResult,#judgeStep{display:none;border-radius:5px;border:1px solid #ff8000;background-color:#fff4ea}.judgeTitle{font-weight:bold;color:#ff8000}@media only screen and (max-width:575px){.resultArea{display:none}}#rcvMessage{display:none}#rcvMessage #rcvMsgTitle{color:#476a8d}#rcvMessage.messsageArea{display:block;text-align:left;padding:0}#rcvMessage.messsageArea p{border-radius:5px;padding:.25em .5em;margin:0;font-size:smaller;animation:gradation 2s}@keyframes gradation{0%{background-color:#fff4ea}100%{background-color:#fff}}#freeMsgArea textarea{width:95%}#fixedMsgList{text-align:left;font-size:small}#fixedMsgList label{margin-bottom:.3em}#fixedMsgList ul{margin:1px 0;padding:0}#fixedMsgList li{border-radius:10px;padding:1px;list-style-type:none}#fixedMsgList li:hover{background-color:#fff4ea}input[type=button]#fixedMessage,input[type=button]#enterMessage{letter-spacing:0;text-indent:0;white-space:normal;width:8em}.toastParent{position:fixed;top:10px;left:40%;z-index:0}#branchToast div{color:#fff}.buttonArea .btn{margin:3px 0;z-index:3}.branchBox{border:none;height:200px;padding:0;overflow:auto}@media only screen and (max-width:1139px){.resultTable .caption{font-size:small}}@media only screen and (max-width:850px),(max-height:650px){.infoArea,.guide,.branch{font-size:small;padding:5px}h3.matchTitle,h3.menuTitle{margin:0;font-size:small}.resultTable{font-size:small}}@media only screen and (max-width:575px){input{line-height:40%}.buttonCtrl{bottom:0;right:0;position:fixed}.branchBox{margin-bottom:130px}#labelArea{font-size:small}}@media only screen and (max-width:575px),(max-height:590px){.branchBox{height:120px}}@media only screen and (max-width:479px),(max-height:390px){h3.matchTitle,h3.menuTitle{font-size:small}}@media only screen and (max-width:479px){body{font-size:smaller}.header_bar{width:100%;height:20px;padding:.2em}.header_bar h1{font-size:medium}.header_bar ul li{font-size:x-small}.toastParent{left:30%}}@media print{body{width:210mm;min-width:210mm!important}header{display:none}.col-lg-7,.col-md-6,col-sm-12,.d-print-block{width:210mm;flex:0 0 100%;max-width:80%}.col-lg-3,.col-md-4,.d-print-none{width:0%;height:0%;display:none}.col-lg-3,.col-md-2{width:0%;height:0%;display:none}}.topMargin{margin-top:20px}.bottomMargin{margin-bottom:20px}.goban{top:0;left:0;position:relative;margin:0;padding:0;height:1000px;height:97vh}#goban_tray_0_CV{background-size:contain;position:relative;width:100%;height:100%;top:0;left:0;box-shadow:0 2px 3px 0 gray;margin:0;padding:0;z-index:10}@media only screen and (max-width:767px){.goban{height:500px;height:100vw}}@media only screen and (max-width:767px)and (max-height:750px){.goban{max-height:760px}}@media only screen and (max-width:767px)and (max-height:550px){.goban{max-height:300px}}@media only screen and (max-width:767px)and (max-height:450px){.goban{max-height:250px}}@media only screen and (max-width:500px){.goban{max-height:500px}}@media only screen and (max-width:400px){.goban{max-height:400px}}