@import"//fast.fonts.net/t/1.css?apiType=css&projectid=8073e688-ac06-46eb-bc02-31c3cc2161f5";.organizations-confirm_agreement{background:#fdfbf2;height:auto;padding:0}.organizations-confirm_agreement .agreement_heading{margin-bottom:1em}.organizations-confirm_agreement .agreement_paragraph{margin-bottom:1em}*{margin:0;padding:0}html{height:100%}.clearfix:after{clear:both;content:" ";display:block}@font-face{font-family:"Sassoon Sans US W01 Medium";src:url("/data/fonts/8ac76ca4-dda8-43cd-994f-26b0e53e654e.eot");src:url("/data/fonts/8ac76ca4-dda8-43cd-994f-26b0e53e654e.eot") format("eot"),url("/data/fonts/77b01f5f-4ded-4711-8ec0-781c546c779d.woff2") format("woff2"),url("/data/fonts/86c99707-3e09-4be6-a650-376f82b68cb2.woff") format("woff"),url("/data/fonts/0e9c933c-16b5-4882-821d-854c8228b8c7.ttf") format("truetype"),url("/data/fonts/50af0429-bbfc-4b82-812c-8beb5790abdf.svg") format("svg")}@font-face{font-family:"metro-sentenceregular";src:url("/data/fonts/metro-sentence-webfont.woff2") format("woff2"),url("/data/fonts/metro-sentence-webfont.woff") format("woff");font-weight:normal;font-style:normal}body{box-sizing:border-box;font-family:Arial,Helvetica," sans-serif";height:100%;padding:15px;width:100%}a{text-decoration:none}.schoolfont{font-family:Sassoon Sans US W01 Medium;letter-spacing:-0.5px}.users__sessions-new,.users__sessions-create,.users__passwords-edit,.users__sessions-update,.users-edit_password,.users-update_password,.users-edit_email,.users-update_email,.users__passwords-new,.users__passwords-create{background:#fdfbf2;height:auto;padding:0}.users__sessions-new fieldset,.users__sessions-create fieldset,.users__passwords-edit fieldset,.users__sessions-update fieldset,.users-edit_password fieldset,.users-update_password fieldset,.users-edit_email fieldset,.users-update_email fieldset,.users__passwords-new fieldset,.users__passwords-create fieldset{border:none}.users__sessions-new ol li,.users__sessions-create ol li,.users__passwords-edit ol li,.users__sessions-update ol li,.users-edit_password ol li,.users-update_password ol li,.users-edit_email ol li,.users-update_email ol li,.users__passwords-new ol li,.users__passwords-create ol li{list-style-type:none}.users__sessions-new input,.users__sessions-create input,.users__passwords-edit input,.users__sessions-update input,.users-edit_password input,.users-update_password input,.users-edit_email input,.users-update_email input,.users__passwords-new input,.users__passwords-create input{box-sizing:border-box}.panel{background-color:#fff;border:1px solid #e7e2d9;border-radius:5px;box-sizing:border-box;padding:20px;box-shadow:0 2px 2px #ddd}.panel--sign-in{margin:10% auto 10px;max-width:400px;text-align:center;width:70%}@media screen and (max-width: 768px){.panel--sign-in{width:95%}}.panel__inner{margin:0 auto;width:90%}.panel__logo{margin-bottom:20px}.panel__logo img{height:auto;max-width:400px;width:80%}.panel__sso-login-text{color:#5b5b5b;font-size:13px;margin-top:45px}.panel__btn--sso{margin-top:20px;height:44px;width:100%;border:1px solid #747775;background-color:#fff;border-radius:4px;cursor:pointer}.panel__btn--sso:hover{box-shadow:0 1px 4px rgba(0,0,0,.3019607843)}.panel__btn--sso-inner{height:40px;display:flex;align-items:center;justify-content:center}.panel__btn--sso-svg{width:18px;margin-right:12px}.panel__btn--sso-text{font-size:14px;color:#5b5b5b;font-weight:700}.school-name{font-size:18px;font-weight:normal}.panel__school-name{margin-bottom:20px}.panel__form-row{margin-bottom:20px;text-align:left}.text-input{border-bottom:1px solid #cdc7b3;border-left:0;border-right:0;border-top:0;padding:10px;width:100%}#loading{margin-left:auto;margin-right:auto;padding-top:50px;width:44px}.home{background-image:url("/images/common/bg_top.png")}.home .btn-menu{background:url("/images/common/btn_hamburger_gray.png");background-size:cover;left:30px;top:30px}.container--home{background-color:#fdfbf2;border-radius:10px;height:auto;margin-bottom:15px;min-height:100%;width:100%}.container--home__inner h1{margin:0 auto 60px;padding-top:40px;text-align:center}.home-logo{height:auto;max-width:400px;width:90%}.contents-list{padding:0 20px;text-align:center;width:auto}.contents-list li{display:inline-block;width:25%}@media screen and (max-width: 768px){.contents-list li{width:50%}}.btn-contents{background-color:silver;background-position:center center;background-repeat:no-repeat;background-size:auto 75%;border-radius:5px;box-sizing:border-box;display:block;height:28%;margin:5px auto;min-height:200px;position:relative;width:98%;box-shadow:0 2px 2px #aaa}.btn-contents:hover{opacity:.8}.btn-contents:active{box-shadow:1px 0 3px 3px rgba(68,68,68,.5) inset;opacity:1}.btn-contents--red{background-color:#cf111b;background-image:url("/images/common/content_illust.png")}.btn-contents--orange{background-color:#ec6c00;background-image:url("/images/common/content_illust_orange.png")}.btn-contents--yellow{background-color:#fccf00;background-image:url("/images/common/content_illust_yellow.png")}.btn-contents--green{background-color:#00993e;background-image:url("/images/common/content_illust_green.png")}.btn-contents--blue{background-color:#0075c1;background-image:url("/images/common/content_illust_blue.png")}.btn-contents--indigo{background-color:#182987;background-image:url("/images/common/content_illust_indigo.png")}.btn-contents--violet{background-color:#7f1083;background-image:url("/images/common/content_illust_violet.png")}.btn-contents--lock{background-image:url("/images/common/icon_lock.png");background-position:center 40%;background-size:auto;box-shadow:none}.btn-contents--lock .contents-list__title{color:#999}.btn-logout{background-image:url("/images/common/btn_logout_gray.png");background-position:center center;background-repeat:no-repeat;background-size:contain;border-radius:18px;box-sizing:border-box;display:block;font-size:64px;height:1em;position:absolute;right:60px;top:50px;width:1em}.btn-logout:hover{opacity:.8}.btn-logout:active{box-shadow:1px 0 3px 3px rgba(68,68,68,.5) inset;opacity:1}.btn-logout--white{background-image:url("/images/common/btn_logout_white.png")}.contents-list__title{bottom:10px;color:#fff;font-size:22px;left:0;position:absolute;text-align:center;width:100%}.material-select{height:100%;width:100%}.logo{height:auto;max-width:95%;max-height:144px}.materials{margin:0 auto;width:98%}.materials__item{background:url("/images/common/contents_top_itembg.png") no-repeat center center;background-size:contain;box-sizing:border-box;float:left;margin:2% 1%;padding:20px;text-align:center;width:23%}@media screen and (max-width: 768px){.materials__item{margin:1.5%;width:30.3%}}.materials__item__contents{background-color:#fff;border-radius:10px;box-sizing:border-box;display:block;font-size:18px;height:180px;margin:0 auto;max-width:180px;overflow:hidden;padding:10px;position:relative;width:100%;box-shadow:0 2px 2px rgba(0,0,0,.4)}.materials__item__contents h1{color:#e0363f;font-size:20px;line-height:1.3;text-align:center}.card{background-position:center;background-repeat:no-repeat;background-size:contain;height:75%;margin:0 auto;text-align:center;width:75%}.contents-header{left:0;position:fixed;top:0;width:100%}.contents-header__title{color:#fff;display:block;font-size:26px;line-height:2;margin:0;padding:0;text-align:center;width:100%}.material-top{background-color:#fdfbf2;border-radius:10px;position:fixed;top:54px;left:16px;right:16px;bottom:50px}.controller{bottom:-50px;position:absolute;right:20px;z-index:2}.word-icons{box-sizing:border-box;position:absolute;left:10px;right:0;top:10px;bottom:10px}.word-icons.active{background:rgba(244,81,81,.4);box-shadow:0 0 4px red inset;border-radius:5px}.word-icons__item{box-sizing:border-box;padding:5px}.image-icons__item{position:absolute}.word-icon{background-color:#fff;background-position:center;background-size:cover;background-repeat:no-repeat;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;display:block;overflow:hidden;position:relative;width:100%;height:100%;box-shadow:0 2px 2px #cbc4b9}.word-icon.active:before{opacity:.2;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px}.word-icon.dummy{border:none !important;box-shadow:none !important}.word-icon.disabled{opacity:.2;border:none !important;background-color:silver !important;box-shadow:none !important}.word-icon:active{box-shadow:1px 1px 2px 1px rgba(68,68,68,.7) inset}.word-icon p{bottom:8%;left:0;margin:0;padding-left:2%;padding-right:2%;white-space:nowrap;position:absolute;right:0;text-align:center;transform-origin:left bottom;line-height:1.05em}.word-icon p span{color:#e0363f;text-shadow:0 0 4px #fff,0 0 6px #fff,0 0 8px #fff}.word-icon-image{background-position:center;background-repeat:no-repeat;background-size:contain;bottom:30%;left:4px;position:absolute;right:4px;top:4px}.enlarged-word-icon{background-position:center;background-repeat:no-repeat;background-size:contain;border:1px solid #ddd;border-radius:20px;bottom:0;display:block;height:50%;left:0;margin:auto;position:absolute;right:0;top:0;width:80%}.enlarged-word-icon .word-icon-image{bottom:20%}.enlarged-word-icon p{bottom:8%;left:0;margin:0;padding-left:2%;padding-right:2%;white-space:nowrap;position:absolute;right:0;text-align:center;transform-origin:left bottom;line-height:1.05em}.enlarged-word-icon p span{color:#e0363f;text-shadow:0 0 4px #fff,0 0 6px #fff,0 0 8px #fff}span.fillin{color:#db0042}.phrase [style*=color] span.fillin{color:inherit}span.fillin:before{content:"( "}span.fillin:after{content:" )"}.sentences{border-radius:8px;position:absolute;left:5px;right:15px;top:15px;bottom:15px;overflow:auto}.sentence{background-color:#e7e2ce;border-bottom:1px solid #ccc;cursor:pointer;font-family:metro-sentenceregular;position:relative}.sentence:last-child{border-bottom:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.sentence:nth-child(even){background-color:#f3efde}.sentence:active{background-color:#fabe2d;box-shadow:0 0 2px 2px rgba(68,68,68,.4) inset}.sentence.active{background-color:#fad741}.sentence .phrase{border-bottom:1px solid silver;font-size:18px;margin-left:40px;padding:10px 0;line-height:1.25}.sentence .phrase:last-child{border-bottom:none}.sentence__number{background-color:#4f3b3c;border-radius:14px;color:#fff;font-size:12px;font-weight:bold;height:14px;left:8px;line-height:1.4;padding:6px;position:absolute;text-align:center;top:10px;width:14px}.controller__group ul{display:inline-block;list-style:none;margin-left:20px}.controller__group ul li{float:left;margin-left:10px}.btn{display:inline-block;line-height:1;vertical-align:center}.btn-back{background:url("/images/common/btn_back.png");background-size:cover;border:0;display:inline-block;height:32px;left:52px;position:fixed;top:10px;width:32px}.btn-menu{background:url("/images/common/btn_hamburger.png");background-size:cover;border:0;display:inline-block;height:22px;left:20px;position:fixed;top:15px;width:22px;cursor:pointer}.btn-controll{border-radius:25px;height:40px;padding-top:20px;position:relative;text-align:center;width:60px}.btn-controll:active{box-shadow:1px 1px 2px 1px rgba(68,68,68,.7) inset}.controller .btn-controll{box-shadow:0 5px 5px rgba(0,0,0,.4)}.btn-speed{background-color:#8aeece;color:#fff;font-size:24px;text-shadow:1px 1px 3px #12ac7b}.btn-speed:not(:first-child){margin-left:5px}.btn-speed.active{background-color:#36e0aa}.btn-play-normal{background-color:#8bd112}.btn-play-normal img{height:auto;width:18px}.btn-play-reverse{background-color:#8bd112}.btn-play-reverse img{height:auto;width:18px}.btn-play-shuffle{background-color:#f4cf04}.btn-play-shuffle img{height:auto;width:22px}.btn-metronome{background-color:#cfcbbd;height:45px;padding-top:15px}.btn-metronome.metronome-on{background-color:#41dee0;transition-property:background-color;transition-duration:.6s;transition-timing-function:ease-out}.btn-metronome.metronome-on .status-text{background-color:#ff861a;transition-property:background-color;transition-duration:.6s;transition-timing-function:ease-out}.btn-metronome img{width:30px;height:auto}.btn-metronome .status-text{background-color:#837568}.btn-word{background-color:#cfcbbd;color:#fff;font-size:18px;line-height:1.2}.btn-word.active{background-color:#41dee0;transition-property:background-color;transition-duration:.6s;transition-timing-function:ease-out}.btn-word.active .status-text{background-color:#ff861a;transition-property:background-color;transition-duration:.6s;transition-timing-function:ease-out}.btn-word .status-text{background-color:#837568}.btn-close{background:#999;border-radius:25px;color:#fff;font-size:44px;height:1em;line-height:1;padding:10px;position:absolute;right:20px;text-align:center;bottom:30px;vertical-align:middle;width:1em}.btn-close:hover{background-color:#fdb2b6}.btn-close:active{box-shadow:1px 1px 2px 1px rgba(68,68,68,.7) inset}.btn-pause{background:url("/images/common/btn_pause.png");background-size:cover;display:inline-block;position:absolute;height:64px;width:64px;margin:auto;bottom:30px;right:180px;border:0}.btn-pause:hover{opacity:.5}.btn-pause:active{border-radius:27px;box-shadow:1px 1px 2px 1px rgba(68,68,68,.7) inset}.btn-pause.is-invisible{display:none}.btn-resume{background:url("/images/common/btn_resume.png");background-size:cover;display:inline-block;position:absolute;height:64px;width:64px;bottom:30px;right:180px;border:0}.btn-resume:hover{opacity:.5}.btn-resume:active{border-radius:27px;box-shadow:1px 1px 2px 1px rgba(68,68,68,.7) inset}.btn-resume.is-invisible{display:none}.btn-zoomin{background:url("/images/common/btn_zoomin.png");background-size:cover;display:inline-block;position:absolute;height:64px;width:64px;bottom:30px;right:100px;border:0}.btn-zoomin:hover{opacity:.5}.btn-zoomin:active{border-radius:27px;box-shadow:1px 1px 2px 1px rgba(68,68,68,.7) inset}.btn-zoomin.is-invisible{display:none}.btn-zoomout{background:url("/images/common/btn_zoomout.png");background-size:cover;display:inline-block;position:absolute;height:64px;width:64px;bottom:30px;right:100px;border:0}.btn-zoomout:hover{opacity:.5}.btn-zoomout:active{border-radius:27px;box-shadow:1px 1px 2px 1px rgba(68,68,68,.7) inset}.btn-zoomout.is-invisible{display:none}.btn--full{width:100%}.btn--submit{background-color:#c9db00;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:15px 0;box-shadow:0 2px 2px #75685a}.btn--submit:hover{background-color:#fec518;transition-property:background-color;transition-duration:.6s;transition-timing-function:ease-out}.btn-password{margin:20px auto;max-width:400px;width:70%}.btn-password a{color:#333;text-decoration:none}.btn-password a:hover{color:#fdb2b6}@media screen and (max-width: 768px){.btn-password{width:95%}}.status-text{color:#fff;font-size:12px;padding:5px 8px;border-radius:10px;position:absolute;right:-5px;bottom:-5px}.icon{border-radius:50%;font-size:12px;line-height:1;padding:8px 13px;text-align:center}.icon--alert{background-color:#db0042;color:#fff;font-weight:bold}.m-b-20{margin-bottom:20px}.m-b-30{margin-bottom:30px}.m-t-20{margin-top:20px}.m-t-30{margin-top:30px}.countdown{background-color:#c9db00;bottom:0;color:#fff;font-size:300px;height:100%;left:0;line-height:90vh;position:fixed;right:0;text-align:center;top:0;width:100%;z-index:3}.slideshow{box-sizing:border-box;height:100%;left:0;padding:15px;position:fixed;top:0;width:100%;z-index:3}.slideshow__contents{background-color:#fff;border-radius:10px;position:absolute;overflow:hidden;left:8px;top:8px;right:8px;bottom:8px}.slideshow-item{background-position:center;background-repeat:no-repeat;background-size:contain;height:47%;margin:0 27.5%;position:absolute;top:3%;transition:height .5s,width .5s,margin .5s,top .5s;width:45%}.phrases{bottom:0;left:-50%;margin-left:auto;margin-right:auto;position:absolute;right:-50%;top:50vh;z-index:2;opacity:1;transition:opacity .5s,top .5s}.phrases p{color:red;font-size:6vh;letter-spacing:-1.5;line-height:1.3;margin:0;padding:0;text-align:center}.slideshow-item.is-zoomin{height:100%;width:100%;margin:0 0%;top:0%}.slideshow-item.is-zoomin>.phrases{opacity:0;top:70vh}@media screen and (max-width: 768px){.phrases{top:50vh}.phrases p{font-size:4vh}}[data-layout]{position:absolute}[data-layout][data-layout-fixed]{position:fixed}[data-layout][data-layout-float]{display:inline-block;float:left;position:relative}.loading{background-color:#fdfbf2;border-radius:5px;box-sizing:border-box;display:table;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:1}.loading-animation{display:table-cell;vertical-align:middle}.cssload-fond{margin:auto;position:relative;width:44px}.cssload-container-general{animation:cssload-animball_two 2.35s infinite;-ms-animation:cssload-animball_two 2.35s infinite;-webkit-animation:cssload-animball_two 2.35s infinite;-moz-animation:cssload-animball_two 2.35s infinite;height:44px;width:44px}.cssload-internal{height:44px;position:absolute;width:44px}.cssload-ballcolor{border-radius:50%;height:20px;width:20px}.cssload-ball_1,.cssload-ball_2,.cssload-ball_3,.cssload-ball_4{animation:cssload-animball_one 2.35s infinite ease;-ms-animation:cssload-animball_one 2.35s infinite ease;-webkit-animation:cssload-animball_one 2.35s infinite ease;-moz-animation:cssload-animball_one 2.35s infinite ease;position:absolute}.cssload-ball_1{background-color:#cb2025;left:0;top:0}.cssload-ball_2{background-color:#f8b334;left:24px;top:0}.cssload-ball_3{background-color:#00a096;left:0;top:24px}.cssload-ball_4{background-color:#97bf0d;left:24px;top:24px}@keyframes cssload-animball_one{0%{position:absolute}50%{top:12px;left:12px;position:absolute;opacity:.5}100%{position:absolute}}@-ms-keyframes cssload-animball_one{0%{position:absolute}50%{top:12px;left:12px;position:absolute;opacity:.5}100%{position:absolute}}@-webkit-keyframes cssload-animball_one{0%{position:absolute}50%{top:12px;left:12px;position:absolute;opacity:.5}100%{position:absolute}}@-moz-keyframes cssload-animball_one{0%{position:absolute}50%{top:12px;left:12px;position:absolute;opacity:.5}100%{position:absolute}}@keyframes cssload-animball_two{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(360deg) scale(1.3)}100%{transform:rotate(720deg) scale(1)}}@-ms-keyframes cssload-animball_two{0%{-ms-transform:rotate(0deg) scale(1)}50%{-ms-transform:rotate(360deg) scale(1.3)}100%{-ms-transform:rotate(720deg) scale(1)}}@-webkit-keyframes cssload-animball_two{0%{-webkit-transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(360deg) scale(1.3)}100%{-webkit-transform:rotate(720deg) scale(1)}}@-moz-keyframes cssload-animball_two{0%{-moz-transform:rotate(0deg) scale(1)}50%{-moz-transform:rotate(360deg) scale(1.3)}100%{-moz-transform:rotate(720deg) scale(1)}}[v-cloak]{display:none}.gnav{background-color:#4a4542;left:0;height:100%;position:fixed;top:0;z-index:4;overflow:scroll}.gnav ul li{list-style-type:none}.gnav__item{border-bottom:1px solid #67615d;display:block;color:#fff;line-height:2.5;overflow:hidden;padding:4px 8px;text-decoration:none}.gnav__item:hover{background-color:#72665f}.gnav__item.gnav__item--material{font-size:14px;line-height:2.8}.gnav__item--close{padding:15px 10px}.gnav__item--logout{background-color:#332e2c}.gnav__heading{border-bottom:1px solid;border-left:5px solid;color:#fff;display:block;padding:20px 10px;text-decoration:none}.navicon--close{background:url("/images/common/sidebar_icon_close.png");background-repeat:no-repeat;background-size:contain;display:block;height:16px;width:15px}.navicon--home{background:url("/images/common/sidebar_icon_home.png");background-repeat:no-repeat;background-size:contain;display:block;float:left;height:20px;margin:10px 10px 0 0;width:20px}.navicon--mail{background:url("/images/common/sidebar_icon_mail.png");background-repeat:no-repeat;background-size:contain;display:block;float:left;height:24px;margin:10px 10px 0 0;width:24px}.navicon--password{background:url("/images/common/sidebar_icon_password.png");background-repeat:no-repeat;background-size:contain;display:block;float:left;height:24px;margin:5px 10px 0 0;width:24px}.navicon--logout{background:url("/images/common/sidebar_icon_logout.png");background-repeat:no-repeat;background-size:contain;display:block;float:left;height:30px;margin:6px 10px 0 0;width:30px}.navicon{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:20px;display:block;float:left;height:30px;margin-right:10px;width:30px}.message{border-radius:5px;margin-bottom:10px;padding:15px;text-align:center}.message--alert{background-color:#fcd0d2;border:1px solid #db0042;color:#db0042}.message--success{background-color:#ccf4de;border:1px solid #38d37d;color:#38d37d}.message--notice{background-color:#fcf1d7;border:1px solid #fabe2d;color:#fabe2d}.copyright{font-size:10px}.copyright--index{text-align:center;padding:10px 0}.copyright--materials{color:#fff;padding:10px 0;text-align:center}.copyright--contents{bottom:-50px;color:#fff;height:20px;left:0px;min-width:240px;padding:10px 0;position:absolute;width:40%}a{cursor:pointer}.disable-click-cover{height:100%;left:0;position:absolute;top:0;width:100%}