@charset "UTF-8";html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0;color:inherit}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}html{font-size:62.5%}body{font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,ヒラギノ角ゴ ProN W3,Arial,メイリオ,Meiryo,sans-serif;color:#333;background:#f0f0f0}button:hover{opacity:.8}.header{display:flex;align-items:center;height:76px;padding:20px;border-bottom:1px solid #ccc;background:#fff}.header-logo{display:block;width:220px;height:auto}.create-room{padding:100px;text-align:center}.create-room-btn{display:inline-block;height:44px;line-height:44px;margin:auto;padding:0 30px;border-radius:6px;background:#00b744;color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:.05em}.pagination{display:flex;position:absolute;top:25px;margin-left:50%;transform:translateX(-50%)}.pagination .page-num{display:inline-block;margin:0 10px;width:50px;height:26px;text-align:center;border:2px solid #ccc;font-size:14px;line-height:24px;letter-spacing:.1em}.pagination .next-page-btn,.pagination .prev-page-btn{position:relative;width:26px;height:26px;line-height:26px;border-radius:4px;background:url(/image/arrow-icon.svg) no-repeat #666 50%/14px}.pagination .next-page-btn{transform:scaleX(-1)}.board{position:relative;margin:40px;min-height:calc(100vh - 160px);border:1px solid #ccc;background:#fff}.sticky{height:calc(100vh - 160px)}.create-baloon-btn{position:absolute;right:30px;bottom:30px;width:60px;height:60px;color:transparent;background:url(/image/create-icon.svg) no-repeat 50%/cover;z-index:1}.zoom-bar{position:absolute;top:20px;right:20px;display:flex;width:120px;height:40px;line-height:40px;padding:0 40px;border:1px solid #ccc;border-radius:6px;background:#fff;z-index:1}.zoomin-btn,.zoomout-btn{width:40px;height:40px;position:absolute;top:0;font-size:0}.zoomin-btn{left:0;background:url(/image/zoomin-icon.svg) no-repeat 50%/20px}.zoomout-btn{right:0;background:url(/image/zoomout-icon.svg) no-repeat 50%/20px}.ReactModal__Content{width:80%;height:80vh;max-width:600px;max-height:400px;margin:auto;-moz-filter:drop-shadow(0 3px 5px rgba(0,0,0,.2));-ms-filter:drop-shadow(0 3px 5px rgba(0,0,0,.2));filter:drop-shadow(0 3px 5px rgba(0,0,0,.2));overflow:visible!important;padding:40px!important;transition:.1s linear;border:none!important;text-align:center}.ReactModal__Overlay.ReactModal__Overlay--after-open{background-color:rgba(60,60,60,.75)!important;transition:.1s linear}.modal-text{font-size:1.8rem;margin-bottom:10px}.modal-form{height:calc(100% - 37px)}.modal-textarea{width:100%;height:calc(100% - 64px);padding:15px;border-radius:8px;background:#eee;margin-bottom:20px}.modal-close-btn{position:absolute;top:-10px;right:-10px;color:transparent;width:40px;height:40px;background:url(/image/close-icon.svg) no-repeat 50%/cover;z-index:5}.modal-submit-btn{display:inline-block;height:44px;line-height:44px;margin:auto;padding:0 30px;border-radius:6px;background:#00b744;color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:.05em}.balloon{width:250px;height:160px;position:relative;padding:15px 10px 10px;border-radius:10px;-moz-filter:drop-shadow(0 3px 5px rgba(0,0,0,.2));-ms-filter:drop-shadow(0 3px 5px rgba(0,0,0,.2));filter:drop-shadow(0 3px 5px rgba(0,0,0,.2));background:#ffcd00}.balloon:before{content:"";position:absolute;bottom:-28px;right:40px;width:0;height:0;border-color:#ffcd00 #ffcd00 transparent transparent;border-style:solid;border-width:15px}.balloon-text{height:calc(100% - 40px);overflow:scroll;line-height:1.3;margin-bottom:10px;font-size:1.6rem;font-weight:700}.balloon-footer{display:flex;align-items:center}.balloon-footer .edit-btn{margin-right:6px;font-size:0;width:26px;height:26px;background:url(/image/edit-icon.svg) no-repeat 50%/cover}.balloon-footer .good-btn{margin-right:2px;font-size:0;width:26px;height:26px;background:url(/image/good-icon.svg) no-repeat 50%/cover}.balloon-footer .good-count{display:inline-block;font-size:1.2rem}.balloon-footer .name-icon{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:auto;height:26px;line-height:26px;padding-left:26px;background:url(/image/name-icon.svg) no-repeat 0/contain;font-size:1.2rem}.balloon .close-btn{position:absolute;top:-10px;right:-5px;color:transparent;width:25px;height:25px;background:url(/image/close-icon.svg) no-repeat 50%/cover}