body{font-family:"Meiryo UI","Lucida Grande",Arial,"MS PGothic",Helvetica,sans-serif;margin:0}header{max-height:100px;min-height:54px;background-color:#fff;padding:0 28px 0 28px;position:fixed;top:0;left:0;right:0;z-index:10;font:18px "Meiryo UI","Lucida Grande",Helvetica,Arial,sans-serif;display:-webkit-flex;display:flex;flex-wrap:nowrap;justify-content:space-between;align-content:center;align-items:center}header .header-area-logo{flex:0 0 auto}header .header-area-menu{flex:1 1 auto;display:-webkit-flex;display:flex;flex-wrap:wrap;align-content:center;align-items:center}.header-area-logo .logo{display:flex;margin:0 24px 0 4px;object-fit:contain;width:auto;height:42px;background-color:rgba(255,255,255,0)}.header-area-logo .icon{display:flex;margin:0 8px 0 8px;object-fit:contain;width:auto;height:42px;background-color:rgba(255,255,255,0)}.header-area-menu .menu-unit{flex:0 0 auto;display:-webkit-flex;display:flex;flex-wrap:nowrap;justify-content:center;align-content:center;align-items:center;padding:0 8px 0 8px}header .header-area-account{flex:1 1 auto;display:-webkit-flex;display:flex;flex-wrap:wrap;overflow:hidden;justify-content:flex-end;align-content:center;align-items:center}.header-area-account a{text-decoration:none;color:#393f43}.header-area-account .user-ico{display:flex;width:40px;height:40px;border-radius:50px;background-color:#e0e0e0}.header-area-account .user-name{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#393f43;padding:0 16px 0 8px;max-width:200px}.user-name:hover{color:#2196f3}header .menu{font-size:18px;text-overflow:ellipsis;white-space:nowrap;color:#393f43;background-color:#fff;border:0 solid #e0e0e0;cursor:pointer;border-radius:20px;text-align:center;padding:4px 8px 4px 8px;position:relative}.menu a{text-decoration:none;color:#393f43}.menu.selected a{text-decoration:none;color:#2196f3}.menu.selected{border:1px solid #2196f3}.menu:hover{background-color:#f0f0f0}.menu a:hover{color:#2196f3}.menu .popup-menu{z-index:11;display:none;position:absolute;top:30px;left:8px;box-shadow:0 4px 15px rgba(0,0,0,.5);border:0 solid #000;border-radius:4px;background-color:#fff;padding:8px 0 8px 0}.menu:hover .popup-menu{display:block}.popup-menu .popup-menu-item{font-size:18px;color:#393f43;display:-webkit-flex;display:flex;flex-wrap:nowrap;justify-content:flex-start;padding:8px 16px 8px 16px}.popup-menu-item a{text-decoration:none;color:#393f43}.popup-menu-item:hover{color:#2196f3;background-color:#f0f0f0}.popup-menu-item a:hover{color:#2196f3}header .menu-unit.mobile-only{display:none}div.progress-layer{display:-webkit-flex;display:flex;position:fixed;top:0;left:0;right:0;bottom:0;z-index:12;background-color:rgba(48,48,48,.75);align-items:center;justify-content:center;animation:fadeIn 1s ease 0s 1 normal}div.dialog-layer{display:-webkit-flex;display:flex;position:fixed;top:0;left:0;right:0;bottom:0;padding:54px 0 0 280px;z-index:12;background-color:rgba(48,48,48,.5);align-items:center;justify-content:center;animation:fadeIn 1s ease 0s 1 normal}.dialog-layer.no-animation{animation:initial}main{background-color:#e0e0e0;z-index:1;margin:54px 0 0 0;width:100%;height:-moz-available;height:-webkit-fill-available;overflow-x:hidden}div.main-overlap{z-index:9;position:fixed;top:0;left:0;right:0;bottom:0;padding:0;margin:54px 0 0 0;background-color:#e0e0e0}main div.error-area{background-color:#e0e0e0;position:fixed;top:0;left:0;right:0;bottom:0;padding:54px 0 0 0}.basic-button{text-align:center;font-size:18px;color:#fff;background-color:#e0e0e0;padding:4px 8px 4px 8px;margin:2px 8px 2px 8px;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer}.basic-button.blue{background-color:#2196f3;border:1px solid #2196f3;color:#fff}.basic-button.blue a{text-decoration:none;color:#fff;font-size:18px}.basic-button.white{background-color:#fff;border:1px solid #2196f3;color:#2196f3}.basic-button.white a{text-decoration:none;color:#2196f3;font-size:18px}.item{flex:1 1 auto;width:100%;height:auto;padding:0;margin:6px 0 12px 0}.item .item-head{width:100%;display:-webkit-flex;display:flex;flex-wrap:nowrap;overflow:hidden;justify-content:flex-start;align-content:flex-start;align-items:center;padding:4px 0 4px 0;border-bottom:1px solid #d3d3d3}.item-head .item-head-ico{width:24px}.item-head .item-head-text{font-size:18px;color:#393f43;margin:0 12px 0 0}.item-head .item-head-button{width:24px;height:24px;background-color:#2196f3;border:0 solid #2196f3;border-radius:2px;padding:2px 2px 2px 2px;margin:0 4px 0 4px;font-size:18px;text-align:center;color:#fff;cursor:pointer}.item-head-button.left{border-top-left-radius:50%;border-top-right-radius:0;border-bottom-left-radius:50%;border-bottom-right-radius:0}.item-head-button.right{border-top-left-radius:0;border-top-right-radius:50%;border-bottom-left-radius:0;border-bottom-right-radius:50%}.item-head-button.white{background-color:#fff;border:1px solid #2196f3;color:#2196f3}.item-head .item-head-select{width:200px;height:36px;font-size:18px;color:#000;border:1px solid gray;border-radius:4px;padding:4px 8px 4px 8px}.item-head-button.nomal{width:auto;height:24px;background-color:#2196f3;border:0 solid #2196f3;border-radius:12px;padding:6px 16px 2px 16px;margin:0 4px 0 4px;font-size:16px;color:#fff;cursor:pointer}.item-head-button input{display:none}.event-img{width:100%;object-fit:cover}.item-head-button.disable{background-color:#d3d3d3;cursor:default}.item-head-button:hover{background-color:#00f}.item-head-button.disable:hover{background-color:#d3d3d3}.item .item-body{width:100%;display:-webkit-flex;display:flex;flex-wrap:nowrap;overflow:hidden;justify-content:center;align-content:flex-start;align-items:center;padding:4px 0 4px 0}.item-body.left{justify-content:flex-start}.item-body.right{justify-content:flex-end}.item-body.vertical{flex-wrap:wrap}.item-body.hidden{display:none}.item-body .item-body-ico{width:24px}.item-body .item-val-textbox{width:100%;height:24px;font-size:18px;color:#000;border:1px solid gray;border-radius:4px;padding:4px 8px 4px 8px}.item-val-textbox.readonly{color:#a9a9a9;background-color:#eee}.item-val-textbox.half{width:50%}.item-val-textbox.length32{width:480px}.item-val-textbox.length64{width:960px}.item-val-textbox.length3{width:54px}.item-val-textbox.length5{width:90px}.item-val-textbox.right{text-align:right}.item .item-val-radio{font-size:18px;color:#000;padding:4px 12px 4px 12px}.item-val-radio>input[type=radio]{-webkit-transform:scale(2);transform:scale(2);margin-right:.5em}.item .item-val-datetime{width:100%;height:24px;font-size:18px;color:#000;border:1px solid gray;border-radius:4px;padding:4px 8px 4px 8px}.item-val-datetime.short{width:160px}.item-body .item-val-numbox{width:50%;height:24px;text-align:right;font-size:18px;color:#000;border:1px solid gray;border-radius:4px;padding:4px 8px 4px 8px}.item-val-numbox.length3{width:54px}.item-body .item-val-label{font-size:18px;color:#393f43;margin:auto 0 auto 0;padding:0 8px 0 8px}.item-val-label.small{font-size:14px;color:#393f43}.item-val-label.length3{width:54px}.item-val-label.length5{width:90px}.item-val-label.length10{width:180px}.item-val-label.length16{width:210px}.item-body .member-list{width:100%}.item-body .member-list-item{display:-webkit-flex;display:flex;flex-wrap:nowrap;overflow:hidden;justify-content:center;width:100%}.item-body .item-val-ico{width:28px;height:28px;padding:4px 4px 4px 4px}.item-val-ico.small{width:16px;height:16px;padding:4px 4px 4px 4px}.item-body .item-val-memberbox{width:100%;height:24px;font-size:16px;color:#000;border:1px solid gray;border-radius:4px;padding:4px 16px 4px 16px}.item-val-memberbox.hide{display:none}.item-val-memberbox.disable{border:1px solid #d3d3d3}.item-val-memberbox.error{border:1px solid red}.item .item-val-textbox-multi{width:100%;font-size:16px;color:#000;border:1px solid gray;border-radius:4px;resize:vertical;vertical-align:middle;padding:8px 8px 8px 8px}.item-body .item-val-select{width:100%;height:36px;font-size:18px;color:#000;border:1px solid gray;border-radius:4px;padding:4px 8px 4px 8px}.item-val-select.readonly{color:#a9a9a9;background-color:#eee}.item-val-select.nomal{width:480px}.item-val-select.short{width:160px}.item-body .genre-list{width:100%;display:-webkit-flex;display:flex;flex-wrap:wrap;overflow:hidden;justify-content:flex-start;align-content:flex-start;align-items:center;padding:4px 4px 4px 4px}.genre-list .genre-list-item{display:-webkit-flex;display:flex;flex-wrap:nowrap;overflow:hidden;justify-content:center;align-content:flex-start;align-items:center;margin:4px 4px 4px 4px}.item-body .item-button{width:24px;height:24px;background-color:#2196f3;border:0 solid #2196f3;border-radius:2px;padding:2px 2px 2px 2px;margin:0 4px 0 4px;font-size:18px;text-align:center;color:#fff;cursor:pointer}.item-button.nomal{width:auto;height:24px;background-color:#2196f3;border:0 solid #2196f3;border-radius:12px;padding:6px 16px 2px 16px;margin:0 4px 0 4px;font-size:16px;color:#fff;cursor:pointer}.item-button.white{background-color:#fff;border:1px solid #2196f3;color:#2196f3}.item-body table{border-collapse:collapse;width:100%;text-align:center;table-layout:auto;font-size:18px;line-height:22.3px;word-wrap:break-word}.item-body th{padding:4px 4px;border:2px solid #fff;background-color:#006cbd;color:#fff}.item-body td{padding:4px 4px;border:2px solid #fff;background-color:#eee;color:#000}.item-body table.head-green th{background-color:#008a80}.item-body table.head-blue th{background-color:#006cbd}.item-body table.head-kon th{background-color:#004f8a}.item-body th.no-border{border-style:none}.item-body th.bg-white{background-color:#fff!important}.item-body th.bg-blue{background-color:#006cbd!important}.item-body th.bg-green{background-color:#008a80!important}.item-body th.bg-kon{background-color:#004f8a!important}.item-body th.bg-grey{background-color:#d3d3d3!important}.item-body td.no-border{border-style:none}.item-body td.no-top-border{border-top-style:none}.item-body td.no-left-border{border-left-style:none}.item-body td.no-right-border{border-right-style:none}.item-body td.no-bottom-border{border-bottom-style:none}.item-body td.invalid{color:red}.item-body table .cel-button{width:24px;height:24px;background-color:#fff;border:1px solid #2196f3;color:#2196f3;border-radius:2px;padding:2px 2px 2px 2px;margin:0 4px 0 4px;font-size:18px;text-align:center;cursor:pointer}.cel-button.length2{width:64px!important}.cel-button.bg-blue{background-color:#2196f3!important;color:#fff!important}.cel-button.bg-red{background-color:red!important;color:#fff!important}.footer-fixed-btn{position:fixed;z-index:10;bottom:36px;right:48px;width:200px;height:200px;font:22px "Meiryo UI","Lucida Grande",Helvetica,Arial,sans-serif;box-shadow:0 4px 15px rgba(0,0,0,.3);border-radius:50%}.footer-fixed-btn:hover{transform:translateY(-8px);transition:all .5s}.footer-fixed-btn .fixed-btn-contents{position:relative}.fixed-btn-contents img.background{width:200px;height:200px}.fixed-btn-contents .content-item{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.content-item .content-item-text{width:100%;text-align:center;font-size:38px;font-weight:bolder;color:#fff;padding:4px 4px 4px 4px}footer{height:54px;width:100%;background-color:#fff;position:fixed;bottom:0;left:0;right:0;z-index:10;font:14px "Meiryo UI","Lucida Grande",Helvetica,Arial,sans-serif}footer.tall{height:80px}footer.none{height:0}footer .ope-area{width:100%;height:100%;display:-webkit-flex;display:flex;flex-wrap:nowrap;justify-content:center;align-content:center;align-items:center}footer .ope-area .button-box{padding:4px 4px;margin:0 16px;text-align:center;cursor:pointer}footer .ope-area .label{text-align:center}footer .ope-area .dammy{height:100%;margin:0 auto}.button-box .button-ico{height:48px;width:48px}.button-box .button-label{font-size:14px;color:grey;text-align:center;padding:0 2px}footer .ope-area button-box:hover .button-label{color:#2196f3}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.blinking{-webkit-animation:blink 1s ease-in-out infinite alternate;-moz-animation:blink 1s ease-in-out infinite alternate;animation:blink 1s ease-in-out infinite alternate}@-webkit-keyframes blink{0%{opacity:0}100%{opacity:1}}@-moz-keyframes blink{0%{opacity:0}100%{opacity:1}}@keyframes blink{0%{opacity:0}100%{opacity:1}}.auto-scroll{animation:flowing 15s linear infinite}@keyframes flowing{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}@media screen and (max-width:1023px){div.dialog-layer{padding:54px 0 0 0}.item-val-select.nomal{width:auto}.footer-fixed-btn{width:160px;height:160px}.fixed-btn-contents img.background{width:160px;height:160px}.content-item .content-item-text{font-size:28px}}@media screen and (max-width:743px){header .menu.pc-only{display:none}header .menu-unit.pc-only{display:none}header .menu-unit.mobile-only{display:flex}.header-area-account .user-name{display:none}.item-val-textbox.length32{width:100%}.item-val-textbox.length64{width:100%}.footer-fixed-btn{bottom:24px;right:24px;width:100px;height:100px}.fixed-btn-contents img.background{width:100px;height:100px}.content-item .content-item-text{font-size:24px}}@media screen and (max-width:400px){header .menu-unit.mobile-only{display:none}}