.qrcode-item{box-shadow:0 2px 5px 0 rgba(49,66,108,0.2);height:98px;text-align:center;width:100%}.qrcode-item__header--logo{margin:8px auto 0px}.qrcode-item__body{align-items:center;display:flex;justify-content:space-evenly}.qrcode-item__body--text{text-align:center}.qrcode-item__body--img{align-items:center;border-radius:5px;box-shadow:0 1px 7px -2px rgba(55,65,89,0.7);display:flex;height:52px;justify-content:center;width:52px}.qrcode-item__text--normal{color:#374159;font-size:11px;font-weight:bold;margin:0}.qrcode-item__text--small{color:#374159;font-size:9px;font-weight:500;margin:0}.qrcode-item__img--qr{background:url(../../img/coursebuilder/loading.gif) no-repeat center/100%;cursor:pointer;height:42px;width:42px}#map-header{min-width:1024px;box-shadow:0 2px 5px 0 rgba(55,65,89,0.05);background-color:#fff}#map-header .top-area{display:grid;grid-template-columns:300px 1fr 150px 120px 130px 1fr 50px 150px}#map-header .top-area a{text-decoration:none}#map-header .top-area a:hover{text-decoration:none}#map-header .top-area .logo{margin:17.5px 0px 12.5px 25px}#map-header .top-area .logo img{width:90px}#map-header .top-area .functions{margin:18px 5% 0px 5%;text-align:center}#map-header .top-area .functions.active{border-bottom:1px solid #7fb9f6;padding-bottom:6px}#map-header .top-area .right{text-align:right;margin-left:90%}#map-header .top-area .icon{height:18px;margin-right:8px;float:left}#map-header .top-area .header-text{line-height:0px}#map-header .top-area .relative{position:relative}#map-header .top-area .bell-icon{margin-right:25px;float:right}#map-header .top-area .bell-icon ::after{content:"";position:absolute;top:50%;right:0;border-right:1px solid rgba(55,65,89,0.05);transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);height:40px;pointer-events:none}#map-header .top-area .login-btn{margin:8.5px auto;margin-left:15px;margin-right:30px;width:fit-content}#map-header .top-area .login-btn .title{height:38px;width:105px;border-radius:3px;background-color:#7fb9f6}#map-header .top-area .login-btn span{width:52px;height:20px;line-height:20px;font-size:13px;font-weight:bold;text-align:center;color:#ffffff}#map-header .top-area .ccb-users-btn-area{display:flex}#map-header .top-area .mypage-btn-link{height:20px;line-height:20px;color:#374159;font-size:13px;font-weight:500;letter-spacing:-0.72px;padding:18px 0 17px 18px}#map-header .top-area .mypage-btn-link>img{vertical-align:middle;margin-right:4px;height:20px}#map-header .top-area .mypage-btn-link>span{vertical-align:middle}#map-header .top-area .dropdown-click-area{margin-left:4px;padding:15px 20px 16px 4px;cursor:pointer;display:flex;align-items:center}#map-header .top-area #dd-arrow{height:9px}#map-header .top-area .mouse-over-zone{height:30px;width:190px;position:absolute;z-index:1003;right:10px}#map-header .top-area #dropdown{position:absolute;top:76px;right:10px;width:190px;height:185px;border-radius:3px;background-color:white;filter:drop-shadow(0 2px 5px rgba(49,66,108,0.2));z-index:1003}#map-header .top-area #dropdown::before{content:"";position:absolute;top:-26px;right:0px;border:12px solid transparent;border-bottom:14px solid white}#map-header .top-area #dropdown ul{height:100%;width:100%}#map-header .top-area #dropdown li{height:25%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:13px;font-weight:500;letter-spacing:-0.18px;text-decoration:none;color:#374159;cursor:pointer}#map-header .top-area #dropdown li>a{color:inherit}#map-header .top-area #dropdown li.selected{color:#c3c6ce}#map-header .top-area #dropdown li.ac-hover{background-color:#d9eafc}#map-header .top-area #dropdown li:not(:last-child)::after{content:'';display:inline-block;width:80%;height:1px;background-color:rgba(49,66,108,0.1);transform:translateY(13px);-webkit-transform:translateY(13px);-moz-transform:translateY(13px);-ms-transform:translateY(13px)}#map-header .top-area .icon-height{height:24px}#map-header .top-area #notification{width:15px;height:15px;border-radius:50%;background-color:red;position:absolute;right:19px;top:12px;text-align:center;line-height:14px;color:#ffffff;font-size:8px;font-weight:bold}#map-header .top-area .title{font-size:13px;color:#374159;margin-left:0;display:flex;flex-direction:row;align-items:center;justify-content:center;height:18px}#map-header .top-area hr{height:0;margin:0;padding:0;border:0}#map-header .top-area .under-line{margin:6px 0% 0% 0%;width:100%;height:1px;background-color:#7fb9f6}#map-header .top-area #mypage-icon-img{width:40px;height:40px}#map-header .bottom-area{min-width:1024px;position:relative;z-index:1002}#map-header .bottom-area .bottom-contents{position:absolute;right:20px;top:20px;z-index:1002;height:25px}#map-header .bottom-area .bottom-contents .map-action-btn{border:none;padding:0;font-size:13px;font-weight:bold;color:#00427d;text-align:center;line-height:30px;cursor:pointer}#map-header .bottom-area .bottom-contents .map-action-list{display:none;background-color:white;list-style-type:none;border:1px solid #AAAAAA;margin-left:2px;width:156px}#map-header .bottom-area .bottom-contents .map-action-list.select{display:block}#map-header .bottom-area .bottom-contents .map-action-list li{height:16px;padding:7px 5px;cursor:pointer}#map-header .bottom-area .bottom-contents .map-action-list li:hover{background-color:#eee}#map-header .bottom-area .bottom-contents .map-action-list li a{color:black;text-decoration:none}#map-header .bottom-area .bottom-contents .map-action-list li a:hover{color:black;text-decoration:none}#map-header .bottom-area .bottom-contents .map-action-list li .text{display:block;font-size:13px;line-height:16px}#map-header .bottom-area .bottom-contents .map-action-list li .img-icon_check{margin-top:3px}#map-header .bottom-area .bottom-contents .map-action-list li{background-color:white}#map-header .bottom-area .bottom-contents .map-action-list li .img-icon_check{display:none}#map-header .bottom-area .bottom-contents .map-action-list li.on{background-color:#ebf6ff}#map-header .bottom-area .bottom-contents .map-action-list li.on .img-icon_check{display:block}#map-header .bottom-area .bottom-contents .map-action-list hr{border-color:#E8E8E8}#map-header .bottom-area .bottom-contents #header-map-print,#map-header .bottom-area .bottom-contents #header-map-mail{text-indent:15px}#search-this-area{position:absolute;right:235px;top:20px;font-size:14px;font-weight:500;color:#fff;background:#7fb9f6;z-index:1002;padding:10px;width:200px;box-shadow:0 2px 5px 0 rgba(55,65,89,0.2);border-radius:3px;text-align:center}#search-this-area:hover{text-decoration:none}#header-map-function{margin-right:5px}#header-user-function{margin-right:20px}#global-action-area{width:200px;background:white;box-shadow:0 2px 5px 0 rgba(55,65,89,0.2);border-radius:3px}#global-action-area a{text-decoration:none}#global-action-area .base{position:relative;user-select:none}#global-action-area .vertical-separator{width:1px;height:45px;background-color:#e7edf3}#global-action-area .global-btn{width:33%;height:64px;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center}#global-action-area .global-btn img{width:20px;height:20px}#global-action-area .global-btn span{color:#374159;font-size:12px;margin-top:4px}#global-action-area .global-btn .icon-base{width:30px;height:30px}#global-action-area .global-btn.disabled span{color:#c3c6ce}#global-action-area #undo-btn .icon-base{background:url("../../img/coursebuilder/header/btn_undo_disable.svg") no-repeat center}#global-action-area #undo-btn .icon-base.enabled{background:url("../../img/coursebuilder/header/btn_undo_normal.svg") no-repeat center}#global-action-area #clear-btn .icon-base{background:url("../../img/coursebuilder/header/btn_clear_disable.svg") no-repeat center}#global-action-area #clear-btn .icon-base.enabled{background:url("../../img/coursebuilder/header/btn_clear_normal.svg") no-repeat center}#global-action-area .mode-change-btn[data-mode='auto'] .icon-base{background:url(../../img/coursebuilder/map/button/btn_auto_mode.svg) no-repeat center}#global-action-area .mode-change-btn[data-mode='auto'] .text-value{font-size:12px}#global-action-area .mode-change-btn[data-mode='auto'] .text-value::before{content:""}#global-action-area .mode-change-btn[data-mode='manual'] .icon-base{background:url(../../img/coursebuilder/map/button/btn_manual_mode.svg) no-repeat center}#global-action-area .mode-change-btn[data-mode='manual'] .text-value{font-size:0}#global-action-area .mode-change-btn[data-mode='manual'] .text-value::before{font-size:12px;content:"手動"}#global-action-area .mode-change-btn__text--mode{font-size:10px}#global-action-area #help-btn{width:100%;height:32px;flex-direction:row;text-decoration:none;margin:0 0 3px -2px}#global-action-area #help-btn:hover{color:#4c74af;text-decoration:underline}#global-action-area #help-btn .icon-question{background:url("../../img/coursebuilder/header/btn_help.svg") no-repeat center;background-size:55%;height:100%;width:27px}#global-action-area #help-btn span{color:inherit;font-size:12px;line-height:32px;margin:0}#global-action-area #import-btn{width:100%;height:42px;background-color:#f8fafc;border-radius:0px 0px 3px 3px;flex-direction:row}#global-action-area #import-btn .icon-base{width:18px;height:18px;background:url("../../img/coursebuilder/header/btn_upload.svg") no-repeat center}#global-action-area #import-btn .icon-base.disabled{width:18px;height:18px;background:url("../../img/coursebuilder/header/btn_upload_disable.svg") no-repeat center}#global-action-area #import-btn span{margin:0 0 0 8px;font-size:11px}#global-action-area .export-btn{width:100%;height:48px;background-color:#f8fafc;border-radius:3px;flex-direction:row;box-shadow:0 2px 5px 0 rgba(49,66,108,0.2)}#global-action-area .export-btn .icon-base{width:18px;height:18px;background:url("../../img/coursebuilder/header/btn_export.svg") no-repeat center}#global-action-area .export-btn .icon-base.disabled{width:18px;height:18px;background:url("../../img/coursebuilder/header/btn_export_disable.svg") no-repeat center}#global-action-area .export-btn span{margin:0 0 0 8px;font-size:11px}#global-drop-down{display:none;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background-color:white}#information{position:absolute;top:16px;right:60px;width:400px;height:290px;border-radius:3px;background-color:white;filter:drop-shadow(0 2px 5px rgba(49,66,108,0.2));z-index:1003;margin-top:60px}#information .header{width:100%;height:40px;border-bottom:solid 1px #e7edf3;color:#374159;font-size:13px;font-weight:500}#information .content{width:calc(100% - 40px);height:calc(260px - 70px);padding:15px 20px}#information .content .datetime{font-size:11px;color:#c2c7d3}#information .content .title{font-size:14px;color:#374159;font-weight:700;margin-top:4px}#information .content .image{width:100%;height:134px;margin-top:15px;background:no-repeat center;background-size:cover}#information .footer{width:100%;height:30px;background-color:#f8fafc;border-bottom-left-radius:3px;border-bottom-right-radius:3px;display:flex;justify-content:flex-end}#information .footer a{width:80px;height:100%;font-size:11px;color:#7fb9f6;display:flex;align-items:center;text-decoration:none;user-select:none}#information .footer::before{content:"";position:absolute;top:-26px;right:113px;border:12px solid transparent;border-bottom:14px solid white}.login-dialog-background{position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:1;z-index:1004}.close-button{position:absolute;top:10px;right:10px;width:34px;height:34px;background:url("../../img/coursebuilder/btn_common_close.svg") no-repeat center;background-size:contain}.close-button .close.icon:before,.close-button .close.icon:after{top:6px;height:2px;background-color:white}.login-dialog{height:450px;width:calc(465px * 1.41421356);position:absolute;left:50%;top:50%;z-index:1005;border:0px;border-radius:3px;box-shadow:0 2px 5px 0 rgba(49,66,108,0.2);background-color:#ffffff;transform:translate(-50%, -50%)}.login-dialog .login-grid{display:grid;grid-template-columns:55px 1fr 55px;grid-template-rows:50px 140px 15px 70px 66px auto}.login-dialog .login-grid .title{grid-row:1 / 2;grid-column:2 / 3;font-size:15px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#374159;display:flex;justify-content:center;align-items:center}.login-dialog .login-grid .left-space{grid-row:1 / 8;grid-column:1 / 2}.login-dialog .login-grid .right-space{grid-row:1 / 8;grid-column:4 / 5}.login-dialog .login-grid .icon-text{grid-row:2 / 3;grid-column:2 / 3;border-radius:5px;background-color:#d9eafc}.login-dialog .login-grid .icon{width:100%;margin:0 auto;display:grid;grid-template-columns:23% 1fr}.login-dialog .login-grid .icon .relative{position:relative}.login-dialog .login-grid .icon .relative .icon-center{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:65px}.login-dialog .login-grid .icon .text{margin:19px 25px 19px 0px;font-size:13px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.38;letter-spacing:-0.22px;color:#31426c}.login-dialog .login-grid .small-text{text-align:left;font-size:11px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.36;letter-spacing:-0.15px;color:#31426c;margin-bottom:0px}.login-dialog .login-grid a.no-color-change:link,.login-dialog .login-grid a.no-color-change:visited,.login-dialog .login-grid a.no-color-change:hover,.login-dialog .login-grid a.no-color-change:active{color:#31426c;text-decoration:none}.login-dialog .login-grid .bold{font-weight:bold}.login-dialog .login-grid .under-line{border-bottom:solid 1px #31426c}.login-dialog .login-grid .space{grid-row:3 / 4;grid-column:1 / 4}.login-dialog .login-grid .settings-area{width:100%;height:70px;margin:0 auto;border-left:solid 1px #c2c7d3;border-right:solid 1px #c2c7d3;border-top:solid 1px #c2c7d3;display:grid;grid-template-columns:23% 1fr}.login-dialog .login-grid .settings-area .label-area{background-color:#f8fafc;font-size:12px;font-weight:500;letter-spacing:-0.19px;padding-top:13px;padding-left:15px;text-align:left;color:#374159;height:57px}.login-dialog .login-grid .settings-area .input-area{text-align:center}.login-dialog .login-grid .settings-area .idpw-input{font-size:14px;width:83%;line-height:normal;margin:15px 25px 0px 25px;border-radius:3px;border:solid 1px #c2c7d3;padding:10px;outline:none}@media screen and (-webkit-min-device-pixel-ratio: 0){.login-dialog .login-grid .settings-area ::placeholder{color:#ccc}}.login-dialog .login-grid .settings-area input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #ffffff inset}.login-dialog .login-grid .settings-area .warning{height:25px;margin-left:25px;visibility:hidden;color:red;text-align:left;font-size:11px}.login-dialog .login-grid .id-text{grid-row:4 / 5;grid-column:2 / 3}.login-dialog .login-grid .pw-label{border-bottom:solid 1px #c2c7d3}.login-dialog .login-grid .pw-text{grid-row:5 / 6;grid-column:2 / 3}.login-dialog .login-grid .button{grid-row:6 / 7;grid-column:2 / 3;text-align:center;text-decoration:none}.login-dialog .login-grid .button #login-btn{display:block;margin:20px auto 13px auto;-webkit-appearance:none;-moz-appearance:none;height:45px;line-height:45px;width:160px;border-radius:3px;cursor:pointer;font-size:12px;color:#ffffff;border:none;text-align:center;background-color:#31426c;text-decoration:none}.login-dialog .login-grid .account-regist{font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:-0.16px;text-align:center;color:#31426c;margin-top:8px}.login-dialog .login-grid .account-regist>a{color:#08c;text-decoration:none;cursor:pointer;border-bottom:solid 1px #08c}.login-dialog .login-grid .login-fail{text-align:center;visibility:hidden;color:#e01a4f;font-size:15px;background-color:#FFF2F2;padding:10px 0px 10px 0px;margin:4px 0px 4px 0px}body{margin:0;padding:0;height:100%;width:100%;font-family:"Noto Sans JP",sans-serif}ul{padding:0;margin:0;list-style-type:none}a{text-decoration:none;cursor:pointer}#map-header.fixed{position:fixed;top:0;left:0;width:100%}.scroll{padding-top:55px}.display-none{display:none !important}.flex-center{display:flex;justify-content:center;align-items:center;color:#374159}