@charset "UTF-8";.navbar-wrapper{width:100%;background-color:#fff;border-bottom:1px solid hsla(0,0%,82%,.422722);box-shadow:0 1px 7px rgba(0,0,0,.07);position:fixed;top:0;z-index:100;left:0;right:0}.navbar-wrapper .navbar{height:52px;width:100%;display:flex;align-items:center;padding:0 16px}.navbar-wrapper .navbar__logo{width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:10px}.navbar-wrapper .navbar__logo img{height:42px;width:42px}.navbar-wrapper .navbar__search_bar{flex:1;height:36px;margin:0 10px}.navbar-wrapper .navbar__search_bar .ui.input{width:100%}.navbar-wrapper .navbar__search_bar .ui.input input{border-radius:4px;border:1px solid #ddd}.navbar-wrapper .navbar__search_bar .ui.input input:focus{border-color:#fe4e4e}.navbar-wrapper .navbar__user{display:flex;align-items:center;gap:15px;margin-left:10px}.navbar-wrapper .navbar .desktop-auth-area{display:flex;align-items:center;gap:10px}.navbar-wrapper .tab-header-area{background:#fff;padding:0;position:relative;border-bottom:1px solid #eee;height:40px}.navbar-wrapper .tab-header-inner{height:100%;display:flex;align-items:center;padding:0 16px}.navbar-wrapper .tab-header-inner .nav-arrow{color:#666;cursor:pointer;padding:0 5px;display:flex;align-items:center}.navbar-wrapper .tab-header-inner .nav-arrow:hover{color:#fe4e4e}.navbar-wrapper .tab-header-inner>div{height:100%;display:flex;align-items:center;gap:24px;margin:0 10px}.navbar-wrapper .tab-header-inner .item{height:100%;display:flex;align-items:center;padding:0 5px;font-size:15px;color:#333;cursor:pointer;position:relative;white-space:nowrap}.navbar-wrapper .tab-header-inner .item:hover{color:#fe4e4e}.navbar-wrapper .tab-header-inner .active{color:#fe4e4e;font-weight:500}.navbar-wrapper .tab-header-inner .active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#fe4e4e}.side-drawer{position:fixed;width:240px;max-width:70%;height:100%;left:0;top:0;overflow:hidden;z-index:10000;background-color:#fff;visibility:hidden;transform:translateX(-100%);box-sizing:border-box;transition:transform .3s ease-out;box-shadow:1px 0 10px 5px rgba(34,36,38,.08)}.side-drawer-menu{height:100%;width:100%!important}.logout-button{background-color:#ff2a2a!important;border-radius:0!important}.lgin-button,.logout-button{position:absolute!important;bottom:0;color:#fff!important;width:100%}.lgin-button{background-color:#4f6df1!important}.item:last-child,.lgin-button,.ui.vertical.menu>.item:first-child{border-radius:none!important}.ui.menu.side-drawer-menu{border:none;border-radius:0!important;overflow-x:auto}@media (min-width:768px){.side-drawer{display:none}}.side-drawer-open{transform:translateX(0);visibility:visible;display:block}.side-drawer-close{transform:translateX(-100%);visibility:visible;display:block}.backdrop{width:100%;height:100%;position:fixed;z-index:10000;left:0;background:rgba(4,4,4,.0784313725);top:0}.image{position:relative;vertical-align:middle;max-width:100%;background-color:transparent;display:block}.image--avatar{width:40px;height:40px;border-radius:50%}.image--centered{margin-right:auto;margin-left:auto}.result_type_switch{position:relative;display:flex;align-items:center;margin-left:30px;margin-right:10px}.result_type_switch__arrow{display:flex;align-items:center;justify-content:center;color:#9e9e9e;cursor:pointer;padding:15px;border-radius:20px;transition:.3s ease-in-out}.result_type_switch__arrow:hover{background:#e2e2e2;border-radius:20px}.result_type_switch__type{margin:0 10px;font-style:normal;font-size:14px;min-width:100px;font-weight:500;text-align:center;cursor:pointer;padding:3px 5px;border-radius:5px;transition:.3s ease-in-out}.result_type_switch__type:hover{background:#e2e2e2;border-radius:5px}.result_type_switch__menu{position:absolute;right:50%;transform:translateX(50%);width:140px;border-radius:10px;border:1px solid #d8d8d8;margin-top:20px;box-shadow:0 1px 6px rgba(0,0,0,.07);z-index:2000;background-color:#fff}.result_type_switch__menu--show{display:block}.result_type_switch__menu--hide{display:none}.result_type_switch__menu:after,.result_type_switch__menu:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.result_type_switch__menu:after{border-color:hsla(0,0%,100%,0) hsla(0,0%,100%,0) #fff;border-width:8px;margin-left:-8px}.result_type_switch__menu:before{border-color:hsla(0,0%,84.7%,0) hsla(0,0%,84.7%,0) #d8d8d8;border-width:9px;margin-left:-9px}.result_type_switch__item{font-style:normal;font-size:14px;line-height:21px;cursor:pointer;transition:.3s ease-in-out;text-align:center}.result_type_switch__item:hover{background:#ececec}.result_type_switch__item .content{padding:5px}.result_type_switch__item:not(:last-child){border-bottom:.5px solid #e0e0e0}.hand-writing-area{min-height:230px;min-width:200px;position:relative;overflow:hidden;width:50vw}@media (max-width:768px){.hand-writing-area{width:80vw}}.margin-btm{margin-top:49px}.hand-writing-area-wrapper{display:flex;position:absolute;width:100%;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);border-top:0 solid rgba(0,0,0,.08);border-radius:0 0 10px 10px;box-shadow:0 0 10px 0 rgba(0,0,0,.08);z-index:1}.draw-kanji-result{overflow:auto;white-space:nowrap;flex-grow:1;background:#fff}.draw-kanji-result span:last-child{border-right:none}.draw-kanji-top-bar{position:absolute;top:0;width:100%;display:flex;flex-direction:row;justify-items:flex-start}.writing-button-area{height:49px;margin-left:auto;background-color:#f0f0f0;display:flex;flex-direction:column;padding-left:3px;justify-content:space-around}.writing-button-area .button{background-color:#f5f5f5!important;background-image:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);border:1px solid rgba(0,0,0,.1)!important}.writing-button-area>div{display:flex}.writing-option-button{margin-left:3px!important}.writing-option-button:active{background-image:-webkit-linear-gradient(top,#cacaca,#a3a3a3)}.canvas-draw-kanji{border-top:.5px solid #ebebeb;border-bottom:.5px solid #ebebeb;z-index:999}.hand-writing-placeholder{font-size:20px}.draw-kanji-suggest,.hand-writing-placeholder{display:inline-block;position:relative;white-space:nowrap;line-height:49px}.draw-kanji-suggest{padding:0 14px;border-right:1px solid #ccc;color:#222;cursor:pointer;font-size:24px;background-color:#fff}.draw-kanji-suggest:hover{background-color:#dcdcdc}@media (max-width:768px){.draw-kanji-suggest{line-height:24px;width:30px;padding:0 5px;font-size:18px}.writing-button-area{height:32px}.writing-button-area>div{height:24px}.writing-button-area .button{height:24px!important}.writing-button-area .button i{font-size:1rem!important;line-height:.2rem}.draw-kanji-result{min-height:41px}.margin-btm{margin-top:32px}}.radical-area-wrapper{position:absolute;border:1px solid #ebebeb;border-top:0 solid #ebebeb;border-radius:0 0 10px 10px;box-shadow:0 0 10px 0 rgba(0,0,0,.08);overflow:hidden;background:#fff;z-index:21}.radical-area .viewing_all{max-height:250px!important;overflow:auto!important}.radical-area .viewing_normal{max-height:74px;overflow:hidden}.radical-area .show_more{line-height:1;text-align:right;font-size:14px;cursor:pointer;margin:0 10px 5px 0}.radical-area .results{position:relative}.radical-area .results .showing_results::-webkit-scrollbar{width:3px}.radical-area .results .showing_results::-webkit-scrollbar-track{background:transparent;border:4px solid transparent;background-clip:content-box}.radical-area .results .showing_results::-webkit-scrollbar-thumb{background:#fe4e4e;border-radius:50px}.radical-area .results .result-label{color:#525252;background:none;min-width:32px;line-height:36px;font-weight:700;font-size:20px;padding:0 5px}.radical-area .results .result,.radical-area .results .result-label{display:inline-block;border-radius:2px;text-align:center;margin:1px;height:36px;width:36px}.radical-area .results .result{background-color:#eaeaea;font-size:24px;padding:2px 4px;line-height:1.4;cursor:pointer}.radical-area .results .list{margin-bottom:10px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:flex-start;width:auto}.radical-area .overflowing{margin-bottom:10px}.radical_table{background:-webkit-repeating-linear-gradient(top,#fff,#fff 32px,#edf9ff 0,#edf9ff 64px);background:repeating-linear-gradient(180deg,#fff,#fff 32px,#edf9ff 0,#edf9ff 64px);background-color:#efefef;border-top:1px solid rgba(34,36,38,.15)!important;list-style:none;text-align:center;margin:0;z-index:777;max-height:240px;overflow-y:scroll;overflow-wrap:break-word;position:relative}.radical_table::-webkit-scrollbar{width:3px}.radical_table::-webkit-scrollbar-track{background:transparent;border:4px solid transparent;background-clip:content-box}.radical_table::-webkit-scrollbar-thumb{background:#fe4e4e;border-radius:50px}.radical_table .number{font-size:14px;width:24px;height:24px;line-height:24px;margin:4px;color:#ccc;background-color:#333;font-weight:700;border-radius:2px;z-index:100;float:left}.radical_table .selected{border:2px solid rgba(0,0,0,.4);background-color:rgba(255,255,0,.2);border-radius:50%}.radical_table .not-available{pointer-events:none;opacity:.4}.radical_table .radical{font-size:22px;width:32px;height:32px;line-height:30px;cursor:pointer;color:#333;z-index:100;border:2px solid transparent;float:left}.radical_table .radical:hover{background-color:rgba(0,0,0,.2)}.radical_table .reset_radicals{position:fixed;float:left;height:30px;background:#ff2a2a;width:30px;text-align:center;margin:0;padding:5px;cursor:pointer;color:#fff}.overlay-jdict{z-index:1000;background:hsla(0,0%,56.1%,.54)}.overlay-jdict,.overlay-jdict .overlay__inner{left:0;top:0;width:100%;height:100%;position:absolute}.overlay-jdict .overlay__content{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.overlay-jdict .spinner{width:75px;height:75px;display:inline-block;animation:spin .7s linear infinite;border-radius:100%;border:2px solid hsla(0,0%,100%,.05);border-top-color:#fff}@keyframes spin{to{transform:rotate(1turn)}}.suggest-result-box{position:relative;display:flex}.item .suggest-result-box,.result-box{position:absolute;width:100%}.result-box{max-height:300px;overflow-y:hidden;background:#fff;display:flex;flex-direction:column;list-style-type:none;margin:0;z-index:9;padding:0 0 2px;border:1px solid rgba(0,0,0,.08);border-top:0 solid rgba(0,0,0,.08);border-radius:0 0 10px 10px;box-shadow:0 0 10px 0 rgba(0,0,0,.08)}.result-box div:last-child:after{content:"";display:block;border-bottom:none}.result-box-top-divider{border-top:1px solid #e8eaed;margin:0 20px;padding-bottom:4px}.result-box--description{font-size:1rem;padding:5px 10px;display:flex;border-bottom:1px solid #e8eaed;line-height:1em}.result-box--description a:hover{cursor:pointer}.result-box--description .left{align-self:flex-start}.result-box--description .right{margin-left:auto}.result-box .results{overflow:auto}.result-box .results--empty{font-size:1rem;text-align:center}.result-box .results::-webkit-scrollbar{width:3px}.result-box .results::-webkit-scrollbar-track{background:transparent;border:4px solid transparent;background-clip:content-box}.result-box .results::-webkit-scrollbar-thumb{background:#fe4e4e;border-radius:50px}.result-box .result{cursor:pointer;display:block;overflow:hidden;font-size:1em;padding:10px 10px 0;color:rgba(0,0,0,.87);line-height:1.33;text-align:left}.result-box .result:after{content:"";display:block;border-bottom:1px solid rgba(34,36,38,.1)}.result-box .active{background-color:#e4e5e6}.result-box .results>:first-child{border-radius:.28571429rem .28571429rem 0 0}.result-box .result-item{font-size:1rem}.result-box .result-type{float:right;font-weight:400!important;background-color:grey;color:#fff;padding:5px;border-radius:4px}.input-methods{color:#666;z-index:10000}.input-methods .input-method-button{width:46px;text-align:center;margin:0 2px;border-bottom:3px solid transparent}.input-methods .input-method-button .title{line-height:.8em}.input-methods .input-method-button .input-icon{font-size:30px;font-weight:100;height:44px;width:44px;padding:5px;color:#333;border-radius:10px;background-color:#f8f9fa;border:1px solid #dfe1e5;cursor:pointer}.input-methods .input-method-button .input-icon:hover{box-shadow:0 1px 1px rgba(0,0,0,.1);border:1px solid #dadce0}.input-methods .input-method-button .input-icon:focus{border:1px solid #4d90fe}.input-methods .input-method-button--left{float:left;margin-left:0!important}.input-methods .input-method-button--right{float:right;margin-right:0!important}.input-methods .input-method-button.dict-type-filter{min-height:44px;border:1px solid #c3c3c3;border-radius:10px;padding:0!important;margin:0 0 3px 3px!important;transition:.3s ease-in-out}.input-methods .input-method-button.dict-type-filter:hover{background-color:#f1f3f4}.input-methods .input-method-button.dict-type-filter .title{margin-top:5px;font-size:10px}.input-methods .input-method-button.dict-type-filter .icon{height:22px}.input-methods .icon{display:block;margin:0 auto;width:28px;height:30px}.input-methods .input-radical-icon:after{content:"部"}.input-methods h4{font-size:11px;color:#666;margin:2px 0 0}.input-methods .active{border-bottom:2px solid #ff2a2a!important}.filter-button{display:none}.input-methods-mobile{position:fixed;bottom:1rem;left:1rem;background-color:hsla(0,0%,98.4%,.44);border:1px solid #ababab;padding:2px;border-radius:10px}@media (max-width:768px){.input-methods{position:fixed;bottom:1.3rem;right:.5rem;background-color:hsla(0,0%,100%,.831372549);border:1px solid #e2e2e2;border-radius:10px;display:flex;padding:3px 3px 0}.input-method-button{float:none!important}.input-methods-mobile{right:1rem;left:auto}.filter-button{display:block!important}}.search-filter-list{display:block;position:absolute;margin-top:-24px;margin-left:10px}.filter-item{border-radius:8px 8px 0 0;border:1px solid #c7c7c7;font-size:1rem;padding:5px;margin:1px;display:inline;cursor:pointer;z-index:3;background-color:#f8f9fa;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f8f9fa));background-image:-webkit-linear-gradient(top,#f5f5f5,#f8f9fa);background-image:-moz-linear-gradient(top,#f5f5f5,#f8f9fa);background-image:-ms-linear-gradient(top,#f5f5f5,#f8f9fa);background-image:-o-linear-gradient(top,#f5f5f5,#f8f9fa);background-image:linear-gradient(top,#f5f5f5,#f8f9fa);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#f5f5f5",EndColorStr="#f8f9fa")}.filter-item:hover{background-color:#f8f8f8;background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:linear-gradient(top,#f8f8f8,#f1f1f1);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#f8f8f8",EndColorStr="#f1f1f1");box-shadow:0 1px 1px rgba(0,0,0,.1)}.filter-item:focus,.filter-item:hover{border:1px solid #ff2a2a}.filter-item:active{background-image:-webkit-gradient(linear,left top,left bottom,from(#e6e6e6),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#e6e6e6,#e6e6e6);background-image:-moz-linear-gradient(top,#e6e6e6,#e6e6e6);background-image:-ms-linear-gradient(top,#e6e6e6,#e6e6e6);background-image:-o-linear-gradient(top,#e6e6e6,#e6e6e6);background-image:linear-gradient(top,#e6e6e6,#e6e6e6)}.filter-item-active{border:1px solid #ff2a2a;background-color:#f6f6f6;background-image:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f6f6f6,#f1f1f1);background-image:-moz-linear-gradient(top,#f6f6f6,#f1f1f1);background-image:-ms-linear-gradient(top,#f6f6f6,#f1f1f1);background-image:-o-linear-gradient(top,#f6f6f6,#f1f1f1);background-image:linear-gradient(top,#f6f6f6,#f1f1f1);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#f6f6f6",EndColorStr="#f1f1f1");box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.search-bar-wrapper{width:50vw;margin:auto;position:relative}@media (max-width:768px){.search-bar-wrapper{width:85vw;z-index:10}}.homepage-only{margin:30px auto auto}.input-method-area{position:relative;display:flex;z-index:999}.item .input-method-area{position:absolute}.homepage-search-bar{display:flex;z-index:3;height:44px;margin:0 auto}.search-wrapper{padding:7px 15px;width:100%;display:flex;flex-direction:row;color:rgba(0,0,0,.87);border:1px solid #dfe1e5;box-shadow:none;border-radius:10px;z-index:10;background:#fff}.search-wrapper:focus-within,.search-wrapper:hover{box-shadow:0 1px 11px 0 rgba(0,0,0,.08);border-color:rgba(0,0,0,.08)}.search-wrapper input{font-size:1.1rem;line-height:1.1rem;background-color:transparent;border:none;word-wrap:break-word;outline:none;display:flex;flex:1;overflow:hidden!important;-webkit-tap-highlight-color:transparent}.search-wrapper .icon-close,.search-wrapper .icon-search{color:#888;cursor:pointer}.search-wrapper .icon-close{font-size:1.2rem;margin-right:10px}.search-wrapper .icon-search{font-size:1.2rem;margin-right:-5px!important}.search-wrapper .loading-icon{margin-top:4px;animation:icon-loading 1s linear infinite!important}.show-result{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 1px 11px 0 rgba(0,0,0,.08);border-color:rgba(0,0,0,.08)}.item .search-bar-wrapper .icon-search{line-height:1.7em!important;cursor:pointer}.item .search-bar-wrapper .loading-icon{margin-top:8px;animation:icon-loading 1s linear infinite!important}.item .homepage-search-bar input{margin-top:3px}.advance_search{position:absolute;bottom:-30px;display:flex;font-size:14px;font-weight:400;background:#f8f9fa;border:1px solid #dfe1e5;border-radius:0 0 10px 10px;margin-left:10px;padding:4px 6px 0}.advance_search__content{margin-left:1rem}.advance_search__title{white-space:nowrap}.advance_search__radio+.advance_search__radio{margin-left:1rem}@media (max-width:768px){.advance_search__radio+.advance_search__radio{margin-left:1rem!important}}.advance_search_dropdown{color:#5f6368}.advance_search_dropdown,.advance_search_dropdown__wrapper{display:flex;flex-direction:row;margin-right:8px;line-height:1.1rem;cursor:pointer}.advance_search_dropdown__wrapper{position:relative}.advance_search_dropdown__text{display:flex;flex-direction:column;justify-content:center;font-weight:500;font-size:14px}.advance_search_dropdown__icon{margin-top:3px;margin-left:5px;font-size:14px}.dropdown_component{position:relative}.dropdown_component__list{display:flex;flex-direction:column}.dropdown_component__item{margin:0;padding:8px 0 8px 5px}.dropdown_component__item label{font-size:14px;color:#717171;padding:0 25px;white-space:nowrap;overflow:hidden}.dropdown_component__item:not(:last-child){border-bottom:.5px solid #dbdbdb}.dropdown_component__content{display:none;position:absolute;background-color:#fff;top:25px;right:-12px;margin-top:14px;padding:5px;border-radius:10px;border:1px solid #d8d8d8;box-shadow:0 1px 6px rgba(0,0,0,.07)}.dropdown_component__content:after,.dropdown_component__content:before{bottom:100%;left:80%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.dropdown_component__content:after{border-color:hsla(0,0%,100%,0) hsla(0,0%,100%,0) #fff;border-width:8px;margin-left:-8px}.dropdown_component__content:before{border-color:hsla(0,0%,84.7%,0) hsla(0,0%,84.7%,0) #d8d8d8;border-width:9px;margin-left:-9px}.dropdown_component__content--show{display:block}.dropdown_component__content--hide{display:none}.logo-main{box-sizing:border-box;border-radius:5px;text-align:center}.logo-main,.logo-main img{height:100%}.footer-layout{position:relative;margin-top:20px;background-color:#f2f2f2;border-top:1px solid #e4e4e4;z-index:2}.footer-content{display:flex;flex-direction:row;justify-content:flex-start}.footer-content>div{line-height:30px;font-size:.9rem}.footer-content span{vertical-align:middle;padding:0 10px;cursor:pointer;color:#70757a}.footer-content span:hover{text-decoration:underline}.footer-content span a{color:#70757a}.footer-content img{vertical-align:middle}.footer-content-center{flex-grow:1;text-align:center}.footer-content .desktop-only span{border-right:1px solid #9c9c9c}.footer-content .desktop-only span:last-child{border-right:none}@media (max-width:768px){.footer-content .desktop-only{display:none}}.main-layout{min-height:100vh;position:relative;display:flex;flex-direction:column}.main-layout .main-content{min-height:calc(100vh - 88px)}.application_menu{position:relative;margin-right:19px;line-height:0}.application_menu__icon{height:28px;width:28px;padding:2px;color:#9e9e9e;transition:.2s;border-radius:14px}.application_menu__icon:hover{background:rgba(222,235,255,.6);color:#0052cc}.application_menu__icon:active{background:rgba(184,212,253,.6);color:#0052cc}.application_menu__list{display:grid;padding:8px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);grid-gap:10px}.application_menu__item{display:flex;flex-direction:column;justify-content:center;cursor:pointer;padding:8px;border-radius:5px;transition:.3s ease-in-out}.application_menu__item:hover{background:#ececec}.application_menu__item img{width:42px;height:42px;border-radius:5px}.application_menu__item span{display:block;margin-top:10px;font-size:14px;line-height:16px;color:#333;text-align:center}.user-popup-info{position:relative}.user-popup-info__avatar{width:40px;height:40px;border-radius:50%;border:1px solid #dedede;cursor:pointer}.user-popup-info__menu{position:absolute;right:0;width:140px;border-radius:10px;background:#fff;border:1px solid #dfe1e5;margin-top:15px;box-shadow:0 1px 6px rgba(0,0,0,.07);z-index:99}.user-popup-info__menu:after,.user-popup-info__menu:before{bottom:100%;left:85%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.user-popup-info__menu:after{border-color:hsla(0,0%,100%,0) hsla(0,0%,100%,0) #d8d8d8;border-width:8px;margin-left:-8px}.user-popup-info__menu:before{border-color:hsla(0,0%,84.7%,0) hsla(0,0%,84.7%,0) #d8d8d8;border-width:9px;margin-left:-9px}.user-popup-info__menu--show{display:block}.user-popup-info__menu--hide{display:none}.user-popup-info__item{font-style:normal;font-size:1rem;cursor:pointer;transition:.3s ease-in-out;text-align:center;padding:2px 0}.user-popup-info__item:hover{background-color:#f4f3f1}.user-popup-info__item--first{font-weight:500;font-size:16px;background-color:#eee;border-top-left-radius:9px;border-top-right-radius:9px;padding:4px 0}.user-popup-info__item:not(:last-child){border-bottom:.5px solid #dbdbdb}.user-popup-info__item:last-child{border-bottom-left-radius:9px;border-bottom-right-radius:9px}.login-button{margin-right:5px;padding:7px!important}@media (max-width:768px){.login-button{display:none!important}}.hover_menu{position:relative}.hover_menu__content{z-index:999;display:none;position:absolute;right:-18px;background-color:#fff;margin-top:5px;padding:5px;border-radius:10px;border:1px solid #d8d8d8;box-shadow:0 1px 6px rgba(0,0,0,.07)}.hover_menu__content:after,.hover_menu__content:before{bottom:100%;left:80%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.hover_menu__content:after{border-color:hsla(0,0%,100%,0) hsla(0,0%,100%,0) #fff;border-width:8px;margin-left:-8px}.hover_menu__content:before{border-color:hsla(0,0%,84.7%,0) hsla(0,0%,84.7%,0) #d8d8d8;border-width:9px;margin-left:-9px}.hover_menu__content--show{display:block}.hover_menu__content--hide{display:none}.drawer-toggle{width:40px;height:100%;justify-content:space-around;align-items:center;color:#9e9e9e;cursor:pointer}.drawer-toggle i{font-size:1.5rem}@media (min-width:768px){.drawer-toggle{display:none}}.example-detail{margin-top:7rem;margin-bottom:60px}.example-detail-option{position:absolute;top:10px;right:10px;display:flex}.example-detail-option img{width:25px;height:25px}.example-detail-option img+img{margin-left:6px}.example-detail .example-content{position:relative;padding:10px 1rem;background:#fff;border-radius:10px;border:1px solid #e1e5e5;margin-bottom:10px}.example-detail .example-item{padding-top:30px}.error-page{height:100vh}.error-page .dialog{padding-top:200px}.error-page .logo{margin:0 auto 40px;padding-top:9px;cursor:pointer}.error-page .logo img{margin:auto}.error-page .error-message{text-align:center}.error-page h1{font-size:100%;line-height:1.5em}.error-page p{font-size:80%}.example-item{padding:0;margin:0 0 20px;border-bottom:1px solid #ddd;cursor:pointer}.example-item .example-content{color:#ff2a2a;font-size:17px}.example-item .example-mean{font-size:16px}.example-item:last-child{border:none!important}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:hsla(0,0%,100%,.9);display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;-moz-animation:react-confirm-alert-fadeIn .5s .2s forwards;-o-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards}.react-confirm-alert-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 20px 75px rgba(0,0,0,.13);color:#666}.react-confirm-alert-svg{position:absolute;top:0;left:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{margin:0;font-size:16px}.react-confirm-alert-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{outline:none;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}.contribute_item{display:flex}.contribute_item.mbt-20{margin-bottom:20px}.contribute_item:not(:first-child){margin-top:10px}.contribute_item__avatar{margin:.2rem 0 0}.contribute_item__avatar img{width:2.5rem;height:2.5rem;border-radius:50%!important;border:1px solid #dedede!important}.contribute_item__content_wrapper{flex:1;margin-left:10px}.contribute_item__content{position:relative;background-color:#f1f1f1;border-radius:10px;padding:10px;line-height:16px}.contribute_item__author{display:inline;font-size:1rem;color:rgba(0,0,0,.87);font-weight:600;color:#385898}.contribute_item__text{display:inline;white-space:pre-line;margin:.25rem .5rem .5rem;font-size:1rem;word-wrap:break-word;color:rgba(28,30,33,.7490196078);line-height:1.3}.contribute_item__text .bold{color:rgba(28,30,33,.7490196078);margin:0 1px;text-decoration:underline}.contribute_item__text .bold:hover{color:#000}.contribute_item__votes{height:22px;position:absolute;right:5px;bottom:-11px;display:flex;font-size:11px;vertical-align:middle;background:#fff;border-radius:10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);color:#8d949e;font-weight:400;padding:2.5px 5px}.contribute_item__votes__upvote{margin-right:5px;padding-left:6px;cursor:pointer}.contribute_item__votes__downvote{cursor:pointer}.contribute_item__votes--active i,.contribute_item__votes__downvote:hover,.contribute_item__votes__upvote:hover{color:#7bbaf9}.contribute_item__actions{display:flex;font-size:.875rem;padding-left:8px}.contribute_item__source{justify-self:flex-end;margin-left:auto;margin-right:6rem;font-style:italic}.contribute_item__action,.contribute_item__source{transition:all .1s;background-color:transparent;color:rgba(0,0,0,.4)}.contribute_item__action{cursor:pointer;margin:0 .75rem 0 0}.contribute_item__action--active{color:#2078f4;font-weight:700}.contribute-textform>textarea{height:auto!important}.ui.comments{max-width:none}.pagination-contribute{margin:10px 0 0;display:flex;justify-content:start}.contribute_section__header{display:flex;align-items:center;margin-bottom:10px}.contribute_section__loader{display:flex;align-items:center;justify-content:center;padding:1.5rem 0;width:100%}.contribute_section__title{border-left:3px solid #7bbaf9;margin-left:-1rem;padding-left:1rem}.contribute_section__pagination{margin-left:auto}.pagination{display:flex;align-items:center}.pagination__item{color:#3b3b3b;font-weight:300;font-size:12px;text-align:justify;background-color:#f2f4f8;border-radius:7px;padding:0 10px;cursor:pointer}.pagination__item+.pagination__item{margin-left:4px}.pagination__item--active{background-color:#7bbaf9;color:#fff}.contribute_form{display:flex;align-items:center;min-height:38px;margin-top:20px}.contribute_form__author{width:2.5rem;height:auto;margin:.2em 0 0;align-self:flex-start}.contribute_form__text{flex:1;font-size:1rem;margin:0 10px;width:50px;border-radius:7px;outline:none;padding:5px 6px;resize:none;user-select:text;white-space:pre-wrap;overflow-wrap:break-word;background-color:#f2f3f5;border:1px solid #ccd0d5;line-height:1.4;align-self:stretch;cursor:text}.contribute_form__text:focus{border-color:#7bbaf9}.contribute_form [contenteditable=true]:empty:before{content:attr(placeholder);color:rgba(0,0,0,.4);display:block}.contribute_form__submit{align-self:flex-end;background-color:#7bbaf9;padding:5px 15px 5px 20px;height:38px;border:none;cursor:pointer;border-radius:10px;display:flex;justify-content:center;align-items:center}.contribute_form__submit .sbmt-icon{width:20px;height:auto}.dots-circle-spinner{display:inline-block;height:1em;width:1em;line-height:1;vertical-align:middle;border-radius:1em;transition:all .15s linear 0s;transform:scale(0);opacity:0;box-shadow:2em 0 0 0,1.41421356em 1.41421356em 0 -.4375em,0 2em 0 -.375em,-1.41421356em 1.41421356em 0 -.3125em,-2em 0 0 -.25em,-1.41421356em -1.41421356em 0 -.1875em,0 -2em 0 -.125em,1.41421356em -1.41421356em 0 -.0625em;font-size:1.5em}.dots-circle-spinner.loading{transform:scale(.25);opacity:1;animation:dots-circle-rotation 1s linear .15s infinite normal forwards running}@keyframes dots-circle-rotation{to{box-shadow:2em 0 0 0,1.41421356em 1.41421356em 0 -.4375em,0 2em 0 -.375em,-1.41421356em 1.41421356em 0 -.3125em,-2em 0 0 -.25em,-1.41421356em -1.41421356em 0 -.1875em,0 -2em 0 -.125em,1.41421356em -1.41421356em 0 -.0625em}87.5%{box-shadow:2em 0 0 -.4375em,1.41421356em 1.41421356em 0 -.375em,0 2em 0 -.3125em,-1.41421356em 1.41421356em 0 -.25em,-2em 0 0 -.1875em,-1.41421356em -1.41421356em 0 -.125em,0 -2em 0 -.0625em,1.41421356em -1.41421356em 0 0}75%{box-shadow:2em 0 0 -.375em,1.41421356em 1.41421356em 0 -.3125em,0 2em 0 -.25em,-1.41421356em 1.41421356em 0 -.1875em,-2em 0 0 -.125em,-1.41421356em -1.41421356em 0 -.0625em,0 -2em 0 0,1.41421356em -1.41421356em 0 -.4375em}62.5%{box-shadow:2em 0 0 -.3125em,1.41421356em 1.41421356em 0 -.25em,0 2em 0 -.1875em,-1.41421356em 1.41421356em 0 -.125em,-2em 0 0 -.0625em,-1.41421356em -1.41421356em 0 0,0 -2em 0 -.4375em,1.41421356em -1.41421356em 0 -.375em}50%{box-shadow:2em 0 0 -.25em,1.41421356em 1.41421356em 0 -.1875em,0 2em 0 -.125em,-1.41421356em 1.41421356em 0 -.0625em,-2em 0 0 0,-1.41421356em -1.41421356em 0 -.4375em,0 -2em 0 -.375em,1.41421356em -1.41421356em 0 -.3125em}37.5%{box-shadow:2em 0 0 -.1875em,1.41421356em 1.41421356em 0 -.125em,0 2em 0 -.0625em,-1.41421356em 1.41421356em 0 0,-2em 0 0 -.4375em,-1.41421356em -1.41421356em 0 -.375em,0 -2em 0 -.3125em,1.41421356em -1.41421356em 0 -.25em}25%{box-shadow:2em 0 0 -.125em,1.41421356em 1.41421356em 0 -.0625em,0 2em 0 0,-1.41421356em 1.41421356em 0 -.4375em,-2em 0 0 -.375em,-1.41421356em -1.41421356em 0 -.3125em,0 -2em 0 -.25em,1.41421356em -1.41421356em 0 -.1875em}12.5%{box-shadow:2em 0 0 -.0625em,1.41421356em 1.41421356em 0 0,0 2em 0 -.4375em,-1.41421356em 1.41421356em 0 -.375em,-2em 0 0 -.3125em,-1.41421356em -1.41421356em 0 -.25em,0 -2em 0 -.1875em,1.41421356em -1.41421356em 0 -.125em}0%{box-shadow:2em 0 0 0,1.41421356em 1.41421356em 0 -.4375em,0 2em 0 -.375em,-1.41421356em 1.41421356em 0 -.3125em,-2em 0 0 -.25em,-1.41421356em -1.41421356em 0 -.1875em,0 -2em 0 -.125em,1.41421356em -1.41421356em 0 -.0625em}}.rodal-mask{top:0;left:0;width:100%;height:100%;z-index:10000!important}.rodal-dialog{z-index:10001!important}.note-detail{background:none;padding:0;border-width:0;border-spacing:0;margin:15px 0 20px;border-bottom:1px solid #ddd}.note-detail-content{padding-top:5px;font-size:1.1rem;white-space:pre-line}.kanji_light{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ddd;cursor:pointer;transition:.3s ease-in-out}.kanji_light:hover{background-color:#ddd}.kanji_light .kanji-detail-link{margin-left:auto}.kanji_light .kanji-detail-link i{vertical-align:middle}.kanji_light_content{display:flex;flex-direction:row;justify-items:flex-start}.kanji_light .info{color:#666;font-size:10px;margin-bottom:5px}.kanji_light .literal_block{float:left;width:60px;text-align:center}.kanji_light .character{font-family:Source Han Sans,源ノ角ゴシック,Hiragino Sans,HiraKakuProN-W3,Hiragino Kaku Gothic ProN W3,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Noto Sans,Noto Sans CJK JP,メイリオ,Meiryo,游ゴシック,YuGothic,ＭＳ Ｐゴシック,MS PGothic,ＭＳ ゴシック,MS Gothic,sans-serif;font-weight:400;line-height:1;text-decoration:none}.kanji_light .kanji_link{color:inherit;font-size:35px;display:block;text-decoration:none;cursor:pointer}.kanji_light .sense{font-size:18px;margin-bottom:10px}.kanji_light .meanings{font-size:16px;line-height:1.6;margin:0 0 2px 20px}.kanji_light .readings{margin-left:18px;font-size:16px}.kanji_light_block{margin:0;padding:0;background:#fff;border-radius:10px;border:1px solid #e1e5e5}.kanji_light_block .title{padding:10px;border-bottom:1px solid #e1e5e5;margin:0}.kanji_light_block .kanji_light:last-child{border-bottom:none}.kanji_light_block .kanji_light:last-child:hover{border-radius:0 0 10px 10px}.result_list_mobile-wrapper{height:70px;overflow:hidden}.result_list_mobile{display:flex;align-items:center;max-width:100%}.result_list_mobile__prev{font-size:14px;border-right:2px solid #e1e5e5;align-self:stretch;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;padding:0 7px;border-top-left-radius:10px;border-bottom-left-radius:10px;background-color:#d0d2d6;box-shadow:0 1px 8px 0 rgba(0,0,0,.0588235294)}.result_list_mobile__list{display:flex;list-style:none;overflow-x:scroll}.result_list_mobile__next{font-size:14px;border-left:2px solid #e1e5e5;align-self:stretch;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;padding:0 7px;border-top-right-radius:10px;border-bottom-right-radius:10px;background-color:#d0d2d6;box-shadow:0 1px 8px 0 rgba(0,0,0,.0588235294)}.result_list_mobile__next:hover,.result_list_mobile__prev:hover{background-color:#d8d8d8}.result_list_mobile ul{margin:0;padding:0 0 4px}.result_item_mobile{background-color:#fff;padding:8px 13px;margin:0 2px;position:relative;cursor:pointer;min-width:160px;min-height:70px;box-shadow:0 1px 8px 0 rgba(0,0,0,.0588235294)}.result_item_mobile.active{background-color:#f1f3f4;border:2px solid #d4d4d4}.result_item_mobile p{display:inline}.result_item_mobile__concept{font-size:17px;line-height:30px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result_item_mobile__meaning{font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result_item_mobile__level{position:absolute;top:5px;right:5px;font-size:12px;padding:0 6px;border-radius:8px;background-color:#f47d7d;color:#fff;text-transform:uppercase}