@charset "UTF-8";html{height:100%}body{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:calilicon;src:url(/components/web-library-selector/assets/calilicon.eot?os2424);src:url(/components/web-library-selector/assets/calilicon.eot?#iefixos2424) format("embedded-opentype"),url(/components/web-library-selector/assets/calilicon.woff?os2424) format("woff"),url(/components/web-library-selector/assets/calilicon.ttf?os2424) format("truetype"),url(/components/web-library-selector/assets/calilicon.svg?os2424#calilicon) format("svg");font-weight:400;font-style:normal}[class^=calil-],[class*=" calil-"],.calil-icon,.library>div .library_icon:after,.library>div .library_icon:before,.library.active:after,.library.active:before,#app .complete:after,#app .pref_libraries .groups div,#app .prefs .pref .pref_icon:before,#app .prefs .pref .pref_icon:after,#app .prefs .pref:before,#app .selected:after,#app .selected:before{font-family:calilicon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.calil-mail:before{content:"\f46f"}.calil-docomoid:before{content:"\f11d"}.calil-mixi:before{content:"\f12b"}.calil-yahoo:before{content:"\f13d"}.calil-facebook:before{content:"\f645e"}.calil-twitter:before{content:"\f555"}.calil-google:before{content:"\e600"}.calil-info:before{content:"\e601"}.calil-roboto-4:before{content:"\f603"}.calil-roboto-3:before{content:"\f604"}.calil-roboto-2:before{content:"\f605"}.calil-roboto-1:before{content:"\f606"}.calil-roboto-0:before{content:"\f607"}.calil-roboto-9:before{content:"\f608"}.calil-roboto-8:before{content:"\f609"}.calil-roboto-7:before{content:"\f60a"}.calil-roboto-6:before{content:"\f60b"}.calil-roboto-5:before{content:"\f60c"}.calil-roboto-c:before{content:"\f60d"}.calil-roboto-b:before{content:"\f60e"}.calil-roboto-a:before{content:"\f60f"}.calil-roboto-k:before{content:"\f610"}.calil-roboto-m:before{content:"\f611"}.calil-gps-03:before{content:"\f612"}.calil-gps-02:before{content:"\f613"}.calil-gps-01:before{content:"\f614"}.calil-circle:before{content:"\f615"}.calil-confirm:before{content:"\f616"}.calil-special:before{content:"\f617"}.calil-search:before{content:"\f618"}.calil-small:before{content:"\f619"}.calil-bm2:before{content:"\f61a"}.calil-medium:before{content:"\f61b"}.calil-logo:before{content:"\f61c"}.calil-map-ja:before{content:"\f61d"}.calil-school:before,#app .pref_libraries .groups .other:before{content:"\f61e"}.calil-community:before,#app .pref_libraries .groups .public:before{content:"\f61f"}.calil-star:before,#app .pref_libraries .groups .all:before{content:"\f620"}.calil-next:before,#app .prefs .pref:before{content:"\f621"}.calil-back:before{content:"\f622"}.calil-arrow:before{content:"\f623"}.calil-lib:before{content:"\f624"}.calil-other:before{content:"\f625"}.calil-hokkaido:before{content:"\f626"}.calil-aomori:before{content:"\f627"}.calil-iwate:before{content:"\f628"}.calil-miyagi:before{content:"\f629"}.calil-akita:before{content:"\f62a"}.calil-yamagata:before{content:"\f62b"}.calil-fukushima:before{content:"\f62c"}.calil-ibaraki:before{content:"\f62d"}.calil-tochigi:before{content:"\f62e"}.calil-gunma:before{content:"\f62f"}.calil-saitama:before{content:"\f630"}.calil-chiba:before{content:"\f631"}.calil-tokyo:before{content:"\f632"}.calil-kanagawa:before{content:"\f633"}.calil-niigata:before{content:"\f634"}.calil-toyama:before{content:"\f635"}.calil-ishikawa:before{content:"\f636"}.calil-fukui:before{content:"\f637"}.calil-yamanashi:before{content:"\f638"}.calil-nagano:before{content:"\f639"}.calil-gifu:before{content:"\f63a"}.calil-shizuoka:before{content:"\f63b"}.calil-aichi:before{content:"\f63c"}.calil-mie:before{content:"\f63d"}.calil-shiga:before{content:"\f63e"}.calil-kyoto:before{content:"\f63f"}.calil-osaka:before{content:"\f640"}.calil-hyogo:before{content:"\f641"}.calil-nara:before{content:"\f642"}.calil-wakayama:before{content:"\f643"}.calil-tottori:before{content:"\f644"}.calil-shimane:before{content:"\f645"}.calil-okayama:before{content:"\f646"}.calil-hiroshima:before{content:"\f647"}.calil-yamaguchi:before{content:"\f648"}.calil-tokushima:before{content:"\f649"}.calil-kagawa:before{content:"\f64a"}.calil-ehime:before{content:"\f64b"}.calil-kochi:before{content:"\f64c"}.calil-fukuoka:before{content:"\f64d"}.calil-saga:before{content:"\f64e"}.calil-nagasaki:before{content:"\f64f"}.calil-kumamoto:before{content:"\f650"}.calil-oita:before{content:"\f651"}.calil-miyazaki:before{content:"\f652"}.calil-kagoshima:before{content:"\f653"}.calil-okinawa:before{content:"\f654"}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app{position:relative;height:100%;background-color:#00b8ee;font-size:90%;color:#515151;max-width:100%!important;margin:0;padding:0;font-family:\30d2\30e9\30ae\30ce\89d2\30b4  Pro W3,Hiragino Kaku Gothic Pro,\30e1\30a4\30ea\30aa,Meiryo,\ff2d\ff33  \ff30\30b4\30b7\30c3\30af,sans-serif;font-style:normal;font-weight:400;text-size-adjust:none;-webkit-font-smoothing:antialiased;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#app .items,#app .library,#app .prefs .pref{min-height:38px;background-color:#fff;border-bottom:1px solid #e5e5e5;padding:9px 10px 6px;text-size-adjust:none}#app .header{display:flex;justify-content:space-between;align-items:center;color:#fff;height:44px;background-color:#00b8ee;padding:8px}#app .header a{color:#fff;text-decoration:none}#app .header a .calil-back{cursor:pointer;display:block;font-size:21px;line-height:33px;height:30px;position:relative;z-index:1000}#app .header a .calil-back:hover:before,#app .header a .calil-back:active:before{color:#eee}#app .header h1{display:block;font-size:17px;font-weight:400;text-align:center;line-height:33px;margin:0}#app .header .skip{cursor:pointer;color:#fff;display:block;font-size:14px;line-height:19px;height:18px;padding:5px;border:1px solid #ffffff;border-radius:5px}#app .header .skip:hover,#app .header .skip:active{color:#eee;border:1px solid #EEEEEE}#app .header .OK{cursor:pointer;color:#fff;display:block;padding:10px}#app .header .OK:hover,#app .header .OK:active{color:#eee}#app .header .sort,#app .header .sortComplete{cursor:pointer;color:#fff;display:block;padding:10px}#app .header .sort:hover,#app .header .sort:active,#app .header .sortComplete:hover,#app .header .sortComplete:active{color:#eee}#app .tabs{text-align:center}#app .tabs .tab{cursor:pointer;display:inline-block;width:50%;margin:0;padding:5px 0;color:#e5e5e5;background:#00B8EE;font-size:14px;font-weight:700}#app .tabs .tab:hover,#app .tabs .tab:active{color:#ddd!important}#app .tabs .tab.active{color:#fff}#app .near_libraries{background:#ffffff}#app .more{text-align:center;background-color:#fff;padding:0 0 100px}#app .more .search_more{cursor:pointer;color:#4db9ee;font-size:18px;font-weight:700;margin-bottom:16px}#app .more .search_more:hover,#app .more .search_more:active{color:#3e98c5}#app .more .search_more .tap{cursor:pointer;font-size:15px;font-weight:700;color:#919191}#app .more .search_more .tap:hover,#app .more .search_more .tap:active{color:#888}#app .notselected,#app .selected{padding:0 8px 10px;border-bottom:1px solid #F9F9F9;background:#F6F6F6;height:22px}#app .notselected:hover,#app .notselected:active,#app .selected:hover,#app .selected:active{background:#EEEEEE}#app .notselected{color:gray;font-size:12px;font-weight:700;text-align:center;line-height:21px;padding:5px 8px}#app .selected{position:relative;cursor:pointer;padding:0 8px 10px}#app .selected:before{content:"\f615";color:#8fd40a;font-size:20px;position:absolute;top:6px;left:8px}#app .selected:after{content:"\f616";font-size:12px;color:#fff;position:absolute;left:12px;top:11px}#app .selected .selected_libraries{display:inline-block;color:gray;font-size:12px;font-weight:700;line-height:33px;white-space:nowrap;width:82%;overflow:hidden;position:relative;left:25px;text-overflow:ellipsis}#app .selected .selected_libraries .lib{display:inline-block}#app .selected_library{position:absolute;top:0;width:100%;height:100%;background-color:#fff;z-index:10000}#app .selected_library .OK{cursor:pointer}#app .selected_library .libraries{background:#ffffff}#app .search{position:relative;background-color:#fff;padding:8px;border-bottom:1px solid #D9D9D9}#app .search.hide{display:none}#app .search input{width:16em;font-size:16px;margin:0;padding:0 16px;width:100%;height:32px;border:none;background-color:#e5e5e5;box-sizing:border-box;border-radius:50px}#app .search input::-webkit-search-decoration,#app .search input::-webkit-search-cancel-button,#app .search input::-webkit-search-results-button,#app .search input::-webkit-search-results-decoration{-webkit-appearance:none}#app .search .calil-search{cursor:pointer;position:absolute;right:22px;top:14px;color:#7b7b7b;font-size:20px}#app .search .calil-search:hover,#app .search .calil-search:active{opacity:.8}#app .search .close{cursor:pointer;position:absolute;right:20px;top:13px;display:flex;justify-content:center;align-items:center;width:22px;height:22px;padding-bottom:4px;background-image:url(/components/web-library-selector/assets/close.svg);background-repeat:no-repeat;background-size:22px 22px}#app .search .close:hover,#app .search .close:active{opacity:.8}#app .search_libraries{height:calc(100vh - 60px);background:#ffffff}#app .prefs{position:relative;background:#ffffff;padding:0 0 48px}#app .prefs .pref{position:relative;cursor:pointer}#app .prefs .pref:hover,#app .prefs .pref:active{background:#EEEEEE}#app .prefs .pref:before{position:absolute;top:17px;right:6px;color:#b6b6b6;font-size:16px}#app .prefs .pref .pref_icon{position:relative;display:block;float:left;margin-right:10px}#app .prefs .pref .pref_icon:after{content:"\f615";color:#cecbc6;font-size:36px}#app .prefs .pref .pref_icon:before{color:#fff;font-size:17px;position:absolute;left:10px;top:10px}#app .prefs .pref .pref_name{display:block;font-size:14px;font-weight:700;color:gray}#app .prefs .pref .pref_comment{display:block;font-size:13px;line-height:13px;color:gray}#app .pref_libraries{width:100%;position:absolute;background:#ffffff;top:0;z-index:1000}#app .pref_libraries .header .pref_name{color:#fff;display:block;font-size:17px;font-weight:400;line-height:45px;-webkit-text-stroke:.1px;-webkit-font-smoothing:antialiased}#app .pref_libraries .header .OK{cursor:pointer;color:#fff;display:block;font-size:16px;font-weight:700}#app .pref_libraries .groups div{cursor:pointer;display:inline-block;text-align:center;width:33.3333333333%;color:#fff;font-size:12px;font-weight:700;padding:20px 0}#app .pref_libraries .groups div:hover,#app .pref_libraries .groups div:active{filter:contrast(110%)}#app .pref_libraries .groups .public{color:#ccf1fc;background:#4EB8EF}#app .pref_libraries .groups .public:before{font-size:28px;margin-bottom:8px;display:block}#app .pref_libraries .groups .other{color:#e8f6cc;background:#8ED40B}#app .pref_libraries .groups .other:before{font-size:28px;margin-bottom:8px;display:block}#app .pref_libraries .groups .all{color:#fef2d4;background:#F7BD32}#app .pref_libraries .groups .all:before{font-size:28px;margin-bottom:8px;display:block}#app .pref_libraries .groups .prefFukidashi{border:8px solid transparent;border-bottom-color:#f6f6f6;border-top-width:0;content:"";display:block;position:absolute;top:100px;left:0;width:0;transition:left .3s ease-in-out}#app .pref_libraries .groups .prefFukidashi.public_view{left:calc(16.6666666667% - 7px)}#app .pref_libraries .groups .prefFukidashi.other_view{left:calc(50% - 7px)}#app .pref_libraries .groups .prefFukidashi.all_view{left:calc(83.3333333333% - 7px)}#app .pref_libraries .libraries{background-color:#fff;min-height:100vh}#app .gps{padding-top:10vh}#app .gps .calil-gps{font-size:140px;width:140px;height:140px;margin:0 auto 20px;position:relative}#app .gps .calil-gps .calil-gps-01{position:absolute;color:#fff;font-size:57px;left:43px;top:43px}#app .gps .calil-gps .calil-gps-03{position:absolute;left:0;color:#fff}#app .gps .calil-gps .calil-gps-02{position:absolute;left:0;color:#fcd931;animation:rotate 1s linear infinite}#app .gps .status{color:#fff;text-align:center}#app .gps .status>h2{font-size:17px}#app .gps .status>div{line-height:115%;margin-left:1rem}#app .gps .status>div .icon{margin-right:9px;position:absolute}#app .gps .status>div .icon .calil-confirm{font-size:12px;color:#fff;position:relative;left:-40px;top:-5px}#app .gps .status>div .icon .calil-circle{position:relative;left:-24px;top:-2px;font-size:20px;color:#8fd40a}#app .gps .status>div .text{font-size:12px;font-weight:700;display:inline-block}#app .gps .cloud{position:absolute;bottom:0;left:0;right:0;margin-top:100px;height:56px;background:url(/components/web-library-selector/assets/cloud.png);background-repeat:repeat-x;background-position:center bottom;background-size:804px 56px}#app .complete{color:#fff;font-size:14px;font-weight:700;line-height:48px;width:100%;text-align:center;background-color:#c7e68a;position:fixed;bottom:0;z-index:10000001;padding-bottom:env(safe-area-inset-bottom)}#app .complete:hover,#app .complete:active{background-color:#001dd7!important}#app .complete.active{cursor:pointer;background-color:#152fd8}#app .complete:after{content:"\f623";float:right;font-size:22px;line-height:48px;margin-right:8px}.fukidashi{border:8px solid transparent;border-bottom-color:#f6f6f6;border-top-width:0;content:"";display:block;position:relative;top:0;left:0;width:0;transition:left .3s ease-in-out}.near_view .fukidashi{left:calc(25% - 8px)}.pref_view .fukidashi,.search_view .fukidashi{left:calc(75% - 8px)}.prefLibraries_view .fukidashi{display:none}.libraries{padding:0 0 48px;z-index:1000000;height:calc(100% - 60px);overflow:auto}.library{position:relative;cursor:pointer;z-index:10000001!important}.library:hover,.library:active{background-color:#eee!important}.library:before{content:"";position:absolute;top:14px;right:8px;width:20px;height:20px;padding:2px;border:1px solid #CCCCD1;border-radius:30px}.library.active:before{content:"\f615";color:#8fd40a;font-size:20.5px}.library.active:after{content:"\f616";color:#fff;font-size:10px;position:absolute;top:22px;right:16px}.library.sort{box-sizing:content-box!important;background-image:url(/components/web-library-selector/assets/sort.svg);background-repeat:no-repeat;background-position:calc(100% - 10px) center;background-size:24px 24px}.library.sort:before{content:none}.library>div{position:relative}.library>div .library_icon{float:left;margin-right:10px}.library>div .library_icon:before{color:#fff;font-size:17px;position:absolute;left:10px;top:9px}.library>div .library_icon:after{content:"\f615";color:#cecbc6;font-size:36px}.library .library_name{display:block;font-size:14px;font-weight:700;color:gray}.library .library_comment{display:block;font-size:13px;line-height:13px;color:gray}