body{background-color:#f9f9f9;font-family:Century Gothic,'Helvetica Neue',Helvetica,Arial,Meiryo,sans-serif;color:#213657;margin:0}.header{width:100vw;height:25px;border-bottom:solid 1px #d6eaf2;background-color:#eff4f4}.main{display:block;width:100vw;min-height:150vw;box-sizing:border-box}.footer{position:fixed;bottom:0;display:flex;width:100vw;background-color:#f0f3eb;box-shadow:2px 0 5px #aaa;padding-top:3px;padding-bottom:3px}.attention-portrait{margin-top:20px}.gameinfo{text-align:center;width:100%;color:#2f7495;font-size:medium}.endbutton{position:fixed;right:2px;top:2px;width:1.6em;height:1.6em;border-radius:50%;padding:0;border:transparent;cursor:pointer;background-color:#667f99;box-shadow:0 2px 2px #5b543d;z-index:2}.endbutton span{width:24px;height:4px;background:#efefdb;display:inline-block;position:absolute;right:5%;top:50%;border-radius:20px}.endbutton span:nth-child(1){transform:rotate(45deg) translate(-1px,-1px)}.endbutton span:nth-child(2){transform:rotate(-45deg) translate(1px,-1px)}.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}.flex-frame,.profile-flex-frame{display:flex}.flex-center{justify-content:center}.flex-end{justify-content:flex-end}.flex-around{justify-content:space-around}.non-visible{visibility:hidden}.non-display{display:none}.text-right{text-align:right}.text-left{text-align:left}.valid-error ul{padding:5px}.valid-error li{list-style:none}.profileStone{display:inline-block;margin-left:3px;margin-top:-3px;position:relative;width:1em;height:1.05em;border-radius:50%;box-shadow:0 1px 1px #aaa;vertical-align:middle}#stoneW{background:#fcfcec}#stoneB{background:#333}@keyframes slideIn{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes popup{0%{transform:translate(-5px,0) scale(.8);opacity:0}100%{transform:translate(0,0) scale(1)}80%,100%{opacity:1}}@keyframes teban-animtion{0%{transform:rotateX(0)}100%{transform:rotateX(360deg)}}@keyframes slideDown{from{opacity:1;transform:translateY(3px)}to{opacity:0;transform:translateY(0)}}@keyframes displayAnime{from{opacity:0}to{opacity:1}}@keyframes tonext{75%{left:0}95%{left:100%}98%{left:100%}99%{left:0}}@keyframes tostart{75%{left:0}95%{left:-300%}98%{left:-300%}99%{left:0}}@keyframes snap{96%{scroll-snap-align:center}97%{scroll-snap-align:none}99%{scroll-snap-align:none}100%{scroll-snap-align:center}}.copy{font-size:small;text-align:center;width:100%}.loginheader{display:block;box-shadow:1px 0 3px #333;height:2em;background-color:#4b4e57;color:#e8ebf3}.loginheader h1{font-size:medium;padding:.4em 1em}.logoff-btn-area{position:fixed;right:0;top:0;font-size:x-large;margin-top:-3px}.logoff-btn-area .btn-exit{color:#e8ebf3;border:none;background-color:inherit}.header_bar{background-color:#c9e8e8}.header_bar h1{font-size:medium;padding:5px}.loginForm{width:90%;text-align:center;margin:0 auto}.loginForm h1{padding-top:10px}.loginForm .loginFormInner{background-image:linear-gradient(to bottom right,#f4f3ef 0%,#d1e0e0 100%);border:solid 10px #f4f3ef;border-radius:10px;box-shadow:2px 0 5px #aaa;padding:10px 0;max-height:85vh;height:1000px}.loginForm .loginFormInner select,.loginForm .loginFormInner input[type=text]{max-width:8em}.loginForm .loginFormInner #selectName{width:10em;max-width:10em}.loginForm p{line-height:150%}.loginForm label{font-weight:normal}.loginForm .form-btn-area{padding:1em 0 .5em 0}.loginForm .form-btn-area input{margin-right:20px}.loginForm #cancelNG{display:none}.loginForm .modal-content-login{background-color:#f8f9fa;box-shadow:none}.loginForm .modal-content-login .alert-light{border:none!important}.loginForm .modal-content-login .alert-light div,.loginForm .modal-content-login .alert-light ul{text-align:left}.loginForm .modal-content-login .alert-danger{text-align:left;box-shadow:none}.loginForm .modal-list{font-size:medium;text-align:left;list-style:none}.loginForm .modal-list-style{padding-right:.8em;color:#517a51}.loginForm .modal-list li{padding-left:.5em}.loginForm .profile-level{padding:3px;color:#517a51}.loginForm .wrapper{width:100%;margin:20px auto;display:flex;flex-wrap:wrap;max-width:500px}.loginForm div.profile-panel{width:100%;padding:0 2em}.loginForm div.profile-panel img{width:110px;padding:5px;background-color:#f9f9f9;box-shadow:0 3px 10px -4px rgba(0,0,0,.8);border:solid 1px #eee;padding:6px;margin-bottom:1em}.loginForm .modal-name{font-size:x-large;padding-bottom:.1em;color:#385572}.loginForm .modal-head{color:#1e4747;background-color:#d1e0e0;border-bottom:1px solid teal;font-size:large;border-top-left-radius:5px;border-top-right-radius:5px;padding:5px;margin:-5px -5px 20px -5px}.loginForm .carousel{margin:20px auto;position:relative;padding-top:75%;perspective:100px;height:310px}.loginForm .carousel *{box-sizing:border-box}.loginForm .carousel *::-webkit-scrollbar{width:0}.loginForm .carousel *::-webkit-scrollbar-track{background:transparent}.loginForm .carousel *::-webkit-scrollbar-thumb{background:transparent;border:none}.loginForm .carousel *{-ms-overflow-style:none}.loginForm .carousel ol,.loginForm .carousel li{list-style:none;margin:0;padding:0}.loginForm .carousel__viewport{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory}.loginForm .carousel__slide{position:relative;flex:0 0 100%;width:100%}.loginForm .carousel__slide:before{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-40%,70px);color:#fff;font-size:2em}.loginForm .carousel__snapper{position:absolute;top:0;left:0;width:100%;height:100%;scroll-snap-align:center}.loginForm .carousel::before,.loginForm .carousel::after,.loginForm .carousel__prev,.loginForm .carousel__next{position:absolute;top:0;margin-top:37.5%;width:3rem;height:3rem;transform:translateY(-50%);border-radius:50%;font-size:0;outline:0}.loginForm .carousel::before,.loginForm .carousel__prev{left:-.5rem}.loginForm .carousel::after,.loginForm .carousel__next{right:-.5rem}.loginForm .carousel::before,.loginForm .carousel::after{content:'';z-index:1;background-color:#fff;background-size:1.5rem 1.5rem;background-repeat:no-repeat;background-position:center center;color:#333;font-size:2.5rem;line-height:4rem;text-align:center;pointer-events:none;opacity:.5}.loginForm .carousel::before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20viewBox%3D%220%200%20192%20512%22%3E%3Cpath%20d%3D%22M192%20127.338v257.324c0%2017.818-21.543%2026.741-34.142%2014.142L29.196%20270.142c-7.81-7.81-7.81-20.474%200-28.284l128.662-128.662c12.599-12.6%2034.142-3.676%2034.142%2014.142z%22%2F%3E%3C%2Fsvg%3E)}.loginForm .carousel::after{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20viewBox%3D%220%200%20192%20512%22%3E%3Cpath%20d%3D%22M0%20384.662V127.338c0-17.818%2021.543-26.741%2034.142-14.142l128.662%20128.662c7.81%207.81%207.81%2020.474%200%2028.284L34.142%20398.804C21.543%20411.404%200%20402.48%200%20384.662z%22%2F%3E%3C%2Fsvg%3E)}.loginfooter{background-color:#e7eff3}.loginfooter #warningBtn{color:#842029}.loginfooter .btn>a{text-decoration:none;color:inherit}.radio-group{column-gap:0;margin-bottom:.5rem;display:flex}.radio-area .profileStone{margin-left:-5px}.radio-area input[type=radio]{display:none}.radio-area label{display:block;cursor:pointer;padding:5px 0;border:2px solid #ccc;border-radius:5px;background-color:#efefef;transition:.5s;color:#666;opacity:.4;width:80px}.radio-area label.radio-robot{padding:1px 0 2px 0}.radio-area label.click-mode{font-weight:600;padding:5px 15px;font-size:medium}.radio-area .radio-title{margin-bottom:.5rem;margin-left:-3px;font-weight:bold;font-size:large}.radio-area .radio-info{color:#666}.radio-area input[type=radio]:checked+label{border:2px solid #84c9e0;background-color:#d6e5f4;color:#000;opacity:1}.non-radio input[type=radio]{display:none}.settingCheckBox{width:40px}.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}.proverb{background-color:#f8f4e6;width:100%;max-width:300px;height:180px;margin:30px auto;box-shadow:gainsboro 2px 2px 2px;border-radius:5px;line-height:200%;border:solid 5px #fbdac8}.proverb-main{background-image:url(/Images_V/Robot/proverbIcon.png);background-repeat:no-repeat;background-position:1px 1px;width:100%;height:140px;padding:0 1em;display:table}.proverb-msg{vertical-align:middle;display:table-cell;color:#a75756;font-size:large;padding-left:1em;padding-top:2.5em}.btn{padding:.3em .8em;cursor:pointer;text-decoration:none;transition:.3s ease-in-out;font-weight:600;border-radius:60px;border:1px solid;line-height:100%;font-size:medium}.btn:hover{box-shadow:none;transform:translateY(2px)}.btn:active{box-shadow:none;transform:translateY(2px)}.btn-login{background-color:#ddd;border:none;padding:5px 15px;font-size:xx-small;border-bottom:1px solid #aaa;width:8em}.btn-login i{font-size:medium}.btn-setting{border:none;padding:5px 10px;font-size:xx-small;border-bottom:1px solid #aaa;color:#144251;background-color:#ddd;box-shadow:0 2px 0 #70adc1}.btn-setting i{font-size:medium}.btn-gray{color:#333}.btn-gray-w{color:#144251;width:5em;margin-left:10px;position:absolute;right:5px;bottom:3px}.btn-beige{background-color:#f9c89b;box-shadow:0 2px 0 #d6995b;border-color:#d6995b;color:#59544b}.btn-blue{background-color:#a3e0f4;box-shadow:0 2px 0 #3d7a8e;color:#2d5b6b;border-color:#3d7a8e}.btn-yellow{background-color:inherit;color:#736444;border:none;padding-left:15px}.btn-green{background-color:#c0e5ed;box-shadow:0 2px 0 #70adc1;color:#144251;border-color:#84adad}.btn-pale{background-color:#ddd;box-shadow:0 2px 0 #aaa;color:#59544b;border-color:#ddd}#login{font-size:large}.profile{width:calc(50vw);padding:5px 5px 5px 0;color:#144251;box-shadow:0 2px 2px #d6eaf2;background-image:linear-gradient(140deg,#dff2f8 0%,#dee5ec 100%);border-top:outset 3px #dee5ec;z-index:1}.IsTurn{border-top:outset 3px #75d1ef}.teban-triangle-shadow{filter:drop-shadow(0 1px 1px #efefef)}.teban-triangle{background-color:#75d1ef;width:16px;height:20px;clip-path:polygon(25% 25%,25% 75%,80% 50%);animation:teban-animtion 5s ease-out infinite;opacity:1;margin-top:0}.profile-text{padding-left:5px;font-size:medium}.profile-info-detail{width:calc(50vw);display:flex;align-items:flex-end}.profile-name-area{margin-left:-10px}.profile-name{color:#203450;font-size:large}.profile-name img{width:1em;vertical-align:middle;padding-right:.3em}.profile-text-style{padding:0 3px}.profile-text-style-clock{padding:0 5px 0 10px}.profile-item,.profile-clock{border-radius:1rem;padding-right:10px}.profile-clock{margin-bottom:5px;background-color:#c0e5ed;width:40vw;max-width:150px}.profile-clock .extime-total{font-size:small;color:#668c99}.profile-text-remain{position:fixed;right:10px;display:none;color:#5580aa;background-color:#fff;border-radius:.7em;padding:0 10px;opacity:.9}.time-remain-5min .profile-clock{background-color:#eaeaad}.time-remain-3min .profile-clock{background-color:#f9dbd1;color:#a32828}.profile-text-expand{margin-left:-2em;margin-top:-5px;color:#fff;background-color:#d65b5b;border-radius:1em;padding:2px 5px;animation:popup 1s ease 0s 1 normal;display:none}.profile-item{background-color:#667f99;color:#fff}.profile-item-name{background-color:#c0e5ed;box-shadow:0 1px 3px #517a7a;color:#144251;border-radius:1em;padding:2px 5px;margin-left:-2px;margin-right:5px}.goban{width:95vw;height:99.75vw;margin:0 auto;background-repeat:no-repeat;box-shadow:0 2px 5px #aaa}#goban_tray_0_CV{width:100vw;height:105vw}.modal__button-wrap{position:absolute;right:.3em;top:.3em;display:inline-flex}.modal{transition:visibility .5s linear,opacity .5s linear}.modal-content{position:relative;margin-left:auto;margin-right:auto;background-color:#fdf1d9;box-shadow:inset 0 0 5px #ccba88,0 2px 5px #5b543d;border-radius:5px;display:block;height:auto}.modal-body{padding:5px}.modal-name{font-size:large;padding-bottom:1em}.modal_inner{color:#333;text-align:center}.modal_title{position:relative;top:0;width:100%;color:#1e4747;background-color:#d1e0e0;border-bottom:1px solid teal;font-size:medium;text-align:center;border-top-left-radius:5px;border-top-right-radius:5px;display:none}.modal__buttons{text-align:center;margin-top:.5em;margin-bottom:.5em}.modal__buttons .btn{width:4.5em;height:2em;padding:.3em .5em;border-radius:30px;border:1px solid;line-height:100%;font-size:medium}.endgame-modal{position:fixed;top:0}.endgame-modal img{width:1.3em;margin:-.4em 5px 0 5px}.countdown{position:fixed;left:0;top:3px;border-width:2px;border-top:solid;border-bottom:solid;border-right:solid;border-color:#70c1c1;border-top-right-radius:15px;border-bottom-right-radius:15px;box-shadow:0 2px 3px #666,0 0 2px #2d6b6b inset;width:130px;height:80px;background-color:#edf4f7;z-index:10;text-align:center;animation:slideIn 1s ease 0s 1 normal}#countDownGuide{display:none}#countDownMsg{font-size:small;padding-top:1em}#countDownNum{font-size:xx-large;font-weight:600;color:#146ebe;text-shadow:0 1px 5px lightyellow,0 2px;margin-top:-10px}.alert-danger{border-color:#f9b59e;background-color:#f0e5da;box-shadow:0 2px 3px #666,0 0 2px #996679 inset}.alert-danger #countDownMsg{color:#a32828}.alert-danger #countDownNum{color:#ea4747}.alert-Area{position:fixed;width:90%;left:5%;top:35px;z-index:9;text-align:center;margin:0 auto}.alert-Area .toast-body{font-size:medium}#MessageToast{animation:popup .8s cubic-bezier(.25,1,.5,1) forwards;margin:0 auto}.bg-danger{background-color:#ffd8cc!important;box-shadow:0 2px 2px #aaa,2px 2px 1px white inset}.text-white{color:#992600!important}.guide-Game{display:none;animation:popup .8s cubic-bezier(.25,1,.5,1) forwards;background-color:#c7fefd;box-shadow:0 2px 2px #999,2px 2px 1px white inset;color:#002b55;border:1px solid #7295b8}#judgeStep{display:none;background-color:#fdf1d9;box-shadow:inset 0 0 5px #ccba88,0 2px 5px #5b543d;border-radius:5px;color:#333;height:auto;padding:10px;vertical-align:middle;margin-top:-20px}#judgeStep div{margin-bottom:10px}#judgeStep img{width:1.3em;margin:-.4em 5px 0 5px}#judgeStep p{line-height:100%;font-size:small;margin-bottom:0}.item5{width:calc(20%);text-align:center}#deathEnd,#dameEnd,#sekiEnd,#deathIn,#dameIn,#move-back,#sekiIn,#colorChange,#clear-judge{display:none}.kifuTitle{padding-top:10px;text-align:center;color:#144251}.kifuListTable{text-align:center}.kifuListTable caption{caption-side:top;text-align:center}.kifuListTable thead{background-color:#ddd;color:#333}.kifuListTable .wide-col{display:none}@media screen and (min-height:700px)and (min-width:700px){.btn{font-size:large;padding:.5em .8em}.btn-login i{font-size:x-large}.btn-beige,.btn-green{width:6em}.modal-dialog{margin:.5rem auto!important}#countDownMsg{font-size:medium}.countdown{width:150px;height:90px}.loginheader{height:3em}.loginheader h1{font-size:large;padding:.75em 1em}.loginheader .logoff-btn-area{top:.35em}}@media screen and (min-width:501px){.kifuListTable .wide-col{display:table-cell}}@media screen and (min-height:501px){.loginForm .loginFormInner{padding-top:1em}.attention-portrait{margin-top:100px}.btn{margin-bottom:.5em}}@media screen and (min-height:701px){.loginForm .loginFormInner{padding-top:2em;font-size:large}.loginForm .loginFormInner div{padding-bottom:.5em}}@media screen and (min-width:400px){.radio-area label.click-mode{width:5em}}@media screen and (max-height:500px){.loginForm{margin-top:-12px}.loginForm .loginFormInner{padding:0;max-height:84vh;border:solid 5px #f4f3ef}.loginForm .loginFormInner .radio-group{margin-bottom:3px}.loginForm .loginFormInner .form-btn-area{padding:.3em 0 .5em 0}}@media screen and (max-width:350px){.profile-text{font-size:small}.modal_title{font-size:small}.modal_inner{font-size:small}.modal__buttons .btn{font-size:small}#ruleArea h1,#warningArea h1{font-size:large}.radio-area label.click-mode{width:4em}}@media screen and (max-width:300px){.profileStone{font-size:small;margin-top:-6px}.profile-name{font-size:small}.profile-item-name{font-size:x-small}.profile-text{padding:1px}.btn{font-size:x-small}.btn-login{width:6.5em;padding:5px 1px}.radio-info{font-size:small}.radio-area label.click-mode{padding:5px 10px;width:3.5em}.loginForm{width:98%}.loginForm .loginFormInner{border:solid 2px #f4f3ef}}@media(orientation:landscape)and (max-height:699px){.loginForm .loginFormInner{padding:0;max-height:150vh}.goban{height:90vh;width:85.7vh;margin:0}.profile-flex-frame{display:inline}.profile{width:calc(33.333333333vw)}.profile-text{font-size:small}.landscape-flex{display:flex}.footer{background-color:inherit;box-shadow:none}.footer .item5{width:calc(12%);text-align:center}.game-footer{margin-left:40%}.form-select-lg,.form-control-lg{font-size:medium!important}.attention-portrait{display:none}.login-view{margin-bottom:20px}}@media(orientation:landscape)and (min-height:700px){.goban{height:calc(75vh);width:calc(71.428571429vh)}.attention-landscape{display:none}}@media(orientation:portrait){.attention-landscape{display:none}}