styles.744593d2.css

html{font-size:16px}body{font-family:Roboto,Noto,Helvetica,Arial,sans-serif}svg{width:1.5rem;height:1.5rem}.close-dialog{position:absolute;top:.25rem;left:.25rem}#login-dialog{max-width:28.125rem}#login-dialog header{height:9.375rem}#login-dialog .close-dialog{position:absolute;top:.25rem;left:.25rem}#login-dialog #login-form,#login-dialog #register-form{padding:.9375rem 2.5rem 3.125rem}#login-dialog #get-code{position:absolute;right:-6.875rem;top:2.125rem}#login-dialog .email-code{overflow:visible;margin-right:6.875rem}#search-dialog{top:0!important;width:100%!important;height:100%!important;max-height:none;max-width:none}#search-dialog .mdui-textfield{position:absolute;left:0;right:0;top:25%;width:60%}#drawer-footer{position:absolute;width:100%;bottom:0;left:0}#drawer-footer .mdui-typo{margin:0 auto;padding:0 0 1.25rem 1.875rem}main#test-page>.title{text-align:center;margin:2.5rem 0}main#home-page,main#mark-page{padding:.9375rem 0}main#home-page #showWord,main#mark-page #showWord{overflow:auto;padding:2.1875rem}main#home-page #showWord>.mdui-row .mdui-row,main#mark-page #showWord>.mdui-row .mdui-row{display:flex;align-items:center}main#home-page #showWord .mdui-row,main#mark-page #showWord .mdui-row{font-size:1rem}main#home-page #showWord .mdui-row .mdui-col-xs-12,main#mark-page #showWord .mdui-row .mdui-col-xs-12{box-sizing:border-box}main#home-page #showWord .mdui-row .mdui-col-xs-12 .s:first-child,main#mark-page #showWord .mdui-row .mdui-col-xs-12 .s:first-child{margin-bottom:.625rem}main#home-page #showWord .mdui-row .mdui-col-xs-12 .s:first-child > div:nth-child(1),main#mark-page #showWord .mdui-row .mdui-col-xs-12 .s:first-child > div:nth-child(1){padding-right:.625rem}main#home-page #showWord .mdui-row .mdui-col-xs-12 .s:first-child > div:nth-child(2),main#mark-page #showWord .mdui-row .mdui-col-xs-12 .s:first-child > div:nth-child(2){padding-left:.625rem}main#home-page #showWord .mdui-row .mdui-col-xs-12 .s:nth-child(2),main#mark-page #showWord .mdui-row .mdui-col-xs-12 .s:nth-child(2){margin-top:.625rem}main#home-page #showWord .stroke-order img,main#mark-page #showWord .stroke-order img{margin-top:.3125rem;max-width:100%;border:.0625rem solid rgba(0,0,0,.3);box-sizing:border-box;max-height:5.625rem}main#home-page #showWord .other,main#home-page #showWord .skill,main#home-page #showWord .stroke-order,main#mark-page #showWord .other,main#mark-page #showWord .skill,main#mark-page #showWord .stroke-order{margin-bottom:.625rem}main#home-page #showWord .other button,main#home-page #showWord .skill button,main#home-page #showWord .stroke-order button,main#mark-page #showWord .other button,main#mark-page #showWord .skill button,main#mark-page #showWord .stroke-order button{margin-right:.3125rem}main#home-page #showWord .other span,main#home-page #showWord .skill span,main#home-page #showWord .stroke-order span,main#mark-page #showWord .other span,main#mark-page #showWord .skill span,main#mark-page #showWord .stroke-order span{display:block}@media (max-width:760px) and (min-width:600px){main#home-page #showWord .other button,main#mark-page #showWord .other button{display:block;margin-bottom:.3125rem}}main#home-page #showWord .text,main#mark-page #showWord .text{z-index:1;font-family:Noto Sans Japanese;border:.125rem dashed #888;display:flex}main#home-page #showWord .text canvas#pad,main#home-page #showWord .text canvas#pad2,main#mark-page #showWord .text canvas#pad,main#mark-page #showWord .text canvas#pad2{z-index:1;position:absolute;left:0;top:0;width:calc(100% - .75rem);height:100%}main#home-page #showWord .text:after,main#mark-page #showWord .text:after{content:"";position:absolute;top:50%;left:.125rem;width:calc(100% - .75rem);border-bottom:.125rem dashed #888}main#home-page #showWord .text:before,main#mark-page #showWord .text:before{content:"";position:absolute;top:0;left:50%;height:100%;border-right:.125rem dashed #888}main#home-page #showWord .text svg,main#mark-page #showWord .text svg{width:100%;height:100%;z-index:1}main#home-page .word-card,main#mark-page .word-card{padding:.9375rem;font-size:0}main#home-page .word-card .mdui-card-menu,main#mark-page .word-card .mdui-card-menu{z-index:2}main#home-page .word-card .mdui-card-media,main#mark-page .word-card .mdui-card-media{display:flex}main#home-page .word-card .mdui-card-media .text,main#mark-page .word-card .mdui-card-media .text{z-index:1;font-family:Noto Sans Japanese;border:.125rem dashed #888;display:flex}main#home-page .word-card .mdui-card-media .text:after,main#mark-page .word-card .mdui-card-media .text:after{content:"";position:absolute;top:50%;left:0;width:100%;border-bottom:.125rem dashed #888}main#home-page .word-card .mdui-card-media .text:before,main#mark-page .word-card .mdui-card-media .text:before{content:"";position:absolute;top:0;left:50%;height:100%;border-right:.125rem dashed #888}main#home-page .word-card .mdui-card-media .text svg,main#mark-page .word-card .mdui-card-media .text svg{width:100%;height:100%;z-index:1}main#home-page .word-card .mdui-card-actions.border,main#mark-page .word-card .mdui-card-actions.border{border-bottom:.125rem solid #03a9f4}main#home-page .word-card .mdui-card-actions.border2,main#mark-page .word-card .mdui-card-actions.border2{border-bottom:.125rem solid #e040fb}main#home-page .word-card .mdui-card-actions .ac-l,main#mark-page .word-card .mdui-card-actions .ac-l{font-size:.875rem;text-align:center;box-sizing:border-box;padding:.4375rem 0}main#home-page .word-card .mdui-card-actions .r,main#mark-page .word-card .mdui-card-actions .r{position:absolute;display:flex;align-items:center;height:3.75rem;right:0}main#home-page .word-card .mdui-card-actions .r button,main#mark-page .word-card .mdui-card-actions .r button{margin:0 auto}main#about-page{padding-top:5rem;padding-bottom:1.875rem}main#about-page .title{margin-bottom:1.25rem}main#about-page img{border:.0625rem solid #e8e8e8}main#mark-page{padding-bottom:1.875rem}main#mark-page .title{margin:1.25rem 0}main#mark-page .word-card{padding:0}main#inOrderHira-page,main#inOrderKata-page{padding-top:5rem;padding-bottom:1.875rem}main#inOrderHira-page .row,main#inOrderKata-page .row{margin:0 auto}main#inOrderHira-page .mdui-col,main#inOrderKata-page .mdui-col{padding:.625rem .3125rem;margin:0 auto}main#inOrderHira-page>.title,main#inOrderKata-page>.title{margin-bottom:1.25rem}main#inOrderHira-page .ttbox,main#inOrderKata-page .ttbox{width:100%}main#inOrderHira-page .card,main#inOrderKata-page .card{box-sizing:border-box}main#inOrderHira-page .card.no-drop,main#inOrderKata-page .card.no-drop{pointer-events:none}main#inOrderHira-page .card span,main#inOrderKata-page .card span{line-height:5rem}main#pronunciation-page,main#syllabaryPronunciation-page{padding-top:5rem;padding-bottom:1.875rem}main#pronunciation-page>.title,main#syllabaryPronunciation-page>.title{margin-bottom:1.25rem}main#pronunciation-page .ttbox,main#syllabaryPronunciation-page .ttbox{width:100%}main#pronunciation-page .cr,main#syllabaryPronunciation-page .cr{border-radius:50%;width:12.5rem;height:12.5rem;margin:0 auto;margin-top:3.125rem}main#pronunciation-page .cr svg,main#syllabaryPronunciation-page .cr svg{width:80%;height:80%}main#pronunciation-page .word .card,main#syllabaryPronunciation-page .word .card{line-height:3.125rem;margin:.625rem}main#pronunciation-page .word .card.no-drop,main#syllabaryPronunciation-page .word .card.no-drop{pointer-events:none}@media (max-width:350px){main#home-page .word-card .mdui-card-actions .r button:nth-child(2) i,main#mark-page .word-card .mdui-card-actions .r button:nth-child(2) i{font-size:.9375rem}main#inOrderHira-page .title,main#inOrderKata-page .title,main#pronunciation-page .title,main#syllabaryPronunciation-page .title{font-size:1.125rem!important}main#pronunciation-page .cr,main#syllabaryPronunciation-page .cr{width:9.375rem;height:9.375rem}main#pronunciation-page .word .tt,main#syllabaryPronunciation-page .word .tt{margin-top:0!important}}@media (max-width:599px){.mdui-hidden-xs-invisible{visibility:hidden}#login-dialog{top:0!important;width:100%!important;height:100%!important;max-height:none;max-width:none}#search-dialog .mdui-textfield{width:90%}main#home-page #showWord,main#mark-page #showWord{position:fixed!important;left:0!important;top:0;width:100%!important;height:100%;max-height:none!important;padding-top:3.4375rem!important}main#home-page #showWord .t:first-child,main#mark-page #showWord .t:first-child{padding-bottom:1.875rem!important;margin-bottom:2.5rem;border-bottom:.0625rem solid #919191}main#home-page #showWord>.mdui-row .mdui-row,main#mark-page #showWord>.mdui-row .mdui-row{display:block!important}main#home-page #showWord div,main#mark-page #showWord div{padding:0!important}main#home-page #showWord .mdui-row .mdui-row::nth-child(1),main#mark-page #showWord .mdui-row .mdui-row::nth-child(1){border-bottom:.0625rem solid #888}main#home-page>div>.mdui-col,main#mark-page>div>.mdui-col{margin-bottom:.625rem}main#home-page .word-card,main#mark-page .word-card{padding:0;border:.0625rem solid #b3b3b3}main#home-page .word-card [mdui-dialog],main#mark-page .word-card [mdui-dialog]{border-bottom:.0625rem solid #b3b3b3}main#home-page .word-card [mdui-dialog] .text,main#mark-page .word-card [mdui-dialog] .text{border:none!important}main#home-page .word-card [mdui-dialog] .text:after,main#home-page .word-card [mdui-dialog] .text:before,main#mark-page .word-card [mdui-dialog] .text:after,main#mark-page .word-card [mdui-dialog] .text:before{display:none}main#home-page .word-card .mdui-card-actions,main#mark-page .word-card .mdui-card-actions{border-bottom:none!important}main#home-page .word-card .mdui-card-actions .ac-l,main#mark-page .word-card .mdui-card-actions .ac-l{width:50%;display:inline-block}main#home-page .word-card .mdui-card-actions .r,main#mark-page .word-card .mdui-card-actions .r{position:relative;display:block;height:auto}main#home-page .word-card .mdui-card-actions .r button:nth-child(2),main#mark-page .word-card .mdui-card-actions .r button:nth-child(2){width:100%;min-width:auto}main#inOrderHira-page .title,main#inOrderKata-page .title,main#pronunciation-page .title,main#syllabaryPronunciation-page .title{font-size:1.5625rem}main#inOrderHira-page .fraction,main#inOrderKata-page .fraction,main#pronunciation-page .fraction,main#syllabaryPronunciation-page .fraction{margin-left:0!important;margin-top:.3125rem}main#pronunciation-page .word .tt,main#syllabaryPronunciation-page .word .tt{width:100%}main#test-page .mdui-panel-item-title{width:auto}}