@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&family=Inter:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap";@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:url(/fonts/montserrat-v25-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:url(/fonts/montserrat-v25-latin-700.woff2) format("woff2")}:root{font-family:Inter,BIZ UDPGothic,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro,Hiragino Sans,"M PLUS Rounded 1c",Meiryo,Verdana,"sans-serif",Avenir,Helvetica,Arial!important;font-weight:400!important;font-size:16px;line-height:24px;font-weight:400;max-width:100%;color-scheme:light;color:#ffffffde;background-color:#ecf7fd;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-y:scroll;overflow-x:hidden}:root::-webkit-scrollbar{width:10px;background:#fff}:root::-webkit-scrollbar-corner,:root::-webkit-scrollbar-thumb,:root::-webkit-scrollbar-track{border-radius:5px;width:8px}:root::-webkit-scrollbar-corner,:root::-webkit-scrollbar-track{background-color:#a1a1a11a;box-shadow:inset 0 0 1px #a1a1a133}:root::-webkit-scrollbar-thumb{background-color:#c8c8c8}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#eff4f7}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0 auto;padding:0}.App{opacity:0;margin:auto;width:1200px;padding-bottom:18vh;position:relative;overflow-x:hidden}@media screen and (max-width: 1200px){.App{width:100%}}.logo{height:6em;padding:1.5em;will-change:filter}a,span,button{font-weight:400;font-family:Inter,BIZ UDPGothic,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro,Hiragino Sans,"M PLUS Rounded 1c",Meiryo,Verdana,"sans-serif",Avenir,Helvetica,Arial!important}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.text{overflow:hidden;text-overflow:ellipsis}.d-none{display:none!important}.v-hidden{visibility:hidden!important}@media screen and (max-width: 1200px){.d-none-sp{display:none}}#backBtn{transition:opacity 225ms ease-in-out}.btnWrapper{display:flex;justify-content:center}.btnWrapper a:nth-of-type(1):has(button.Mui-disabled){pointer-events:none}.btnWrapper a:nth-of-type(1) button.Mui-disabled{background-color:#1976d2!important}.btnWrapper a:nth-of-type(2):has(button.Mui-disabled){pointer-events:none}.btnWrapper a:nth-of-type(2) button.Mui-disabled{background-color:#ffa862!important}.btnWrapper a:nth-of-type(3):has(button.Mui-disabled){pointer-events:none}.btnWrapper a:nth-of-type(3) button.Mui-disabled{background-color:#40d5b1!important}#siteTitle{transition:opacity 225ms ease-in-out;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,0px 2px 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff}@media screen and (max-width: 1200px){#siteTitle{margin:3.5vh auto}}@media screen and (max-width: 480px){#siteTitle{margin:5vh auto}}.selectnone{cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}button{transition:opacity 225ms ease-in-out}#searchForm{margin-bottom:0}@media screen and (max-width: 480px){#searchForm form{margin-bottom:12px}}#searchForm #textField-label+div{color:#00000080}#searchForm #textField{background:#fff}#searchForm #textField+fieldset{border-color:#0000003b}#searchForm #textField+button+fieldset{border-color:#0000003b}#searchForm #textField-label{color:#0006}#searchForm .MuiFormControl-root #textField-label.Mui-focused{color:#4caee0}#searchForm .MuiFormControl-root #textField-label+.Mui-focused>.MuiOutlinedInput-notchedOutline{border-color:#4caee0}table{margin:0 auto;width:1200px;opacity:0;perspective:1000;transition:opacity .25s ease-in-out;table-layout:auto;border-spacing:4px}@media screen and (max-width: 1200px){table{width:90%;padding:0 1vw;padding:1vw;border-spacing:8px}}@media screen and (max-width: 480px){table{width:100%;border-spacing:12px;padding:1% 0 0}}thead{border-radius:10px}td,th{border-radius:10px;border:2px solid #fff;color:#000}tr{width:100%}th{background-color:#addae3;color:#fff;height:48px;cursor:default}td{min-height:60px;background-color:#fff}td.thumb{width:284px;height:159.75px;padding:3px 4px;display:flex}@media screen and (max-width: 1200px){td.thumb{height:auto;min-width:29vw;padding:.5vw}}@media screen and (max-width: 1024px){td.thumb{display:none}}td.thumb img{border-radius:10px;max-width:100%;height:100%;display:inline-block;vertical-align:middle;transition:opacity 225ms ease-in-out;width:284px}@media screen and (max-width: 1200px){td.thumb img{width:29vw}}td.title{max-width:644px;padding:1.5%}td.title a{letter-spacing:.145em}td.title span{letter-spacing:.1em;white-space:pre-wrap}td.title .article-domain>span{letter-spacing:.05em}@media screen and (min-width: 1200px){td.title{width:644px}}@media screen and (max-width: 1200px){td.title{width:100%;padding:2.5%}td.title>div{justify-content:flex-start}td.title .contentBox{flex-grow:1}td.title div:nth-child(2){margin-top:6px}}@media screen and (max-width: 480px){td.title{padding:3%}td.title div:nth-child(2){margin-top:12px}}@media screen and (min-width: 789px) and (max-width: 1200px){td.title a{font-size:1.1rem}}@media screen and (min-width: 481px) and (max-width: 768px){td.title a{font-size:1.1rem}}td.title .react-share__ShareButton svg{transform:translateY(-1px);border-radius:4px}td.title .hatena-bookmark-button img{transform:translateY(4px)}td.title .hatena-bookmark-button:after{content:" ";font-size:.5em}@media screen and (max-width: 480px){td.title .contentBox{max-width:92vw}}td.category{width:120px;text-align:center;color:#6d6c6c}@media screen and (max-width: 1200px){td.category{min-width:10vw;max-width:10vw}}td.createdAt{width:120px;text-align:center;color:#6d6c6c}@media screen and (max-width: 1200px){td.createdAt{min-width:8vw;max-width:8vw}}#recoTable td.url{width:150px}td.score{min-width:90px;text-align:center;color:#6d6c6c}@media screen and (max-width: 1200px){td.score{min-width:120px;max-width:150px}}td.url{width:236px;text-align:center;font-size:.9375rem}@media screen and (max-width: 1200px){td.url{min-width:10vw;max-width:12vw}}.App .host-tab{display:none}@media screen and (max-width: 1200px){.App .host-tab{display:flex}}.recoArticle{margin-bottom:10vw}#ad{transition:opacity 1s ease-in-out;display:none}@media screen and (max-width: 1200px){.App .btnsSecond{margin:0 auto 24px}}@media screen and (max-width: 480px){.App .btnsSecond{margin:0 auto 12px}}.App .btns{width:1186px;justify-content:flex-end;padding:0 4px;margin:12px auto;position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:8px}@media screen and (max-width: 1200px){.App .btns{gap:24px;display:flex;flex-direction:column;padding:0;margin:24px auto 0;justify-content:center;width:90%}.App .btns .pagination{grid-row-start:3}.App .btns.btnsSecond .pagination{grid-row-start:1;margin:0 auto 12px!important}.App .btns.btnsSecond .sortBtns{order:3}}@media screen and (max-width: 480px){.App .btns{gap:12px;margin:12px auto 0;width:100%}.App .btns.btnsSecond{margin:0 auto}}@media screen and (max-width: 1200px){.App .btns{grid-template-columns:1fr;grid-template-rows:0 1fr 1fr}.App .btns:has(.rankingBtns){grid-template-rows:1fr 1fr 1fr}}.App .btns .rankingBtns{justify-self:start;top:10px;right:0;opacity:1;transition:opacity 225ms ease-in-out}@media screen and (max-width: 1200px){.App .btns .rankingBtns{height:42px}.App .btns .rankingBtns>button{width:114px}}@media screen and (max-width: 480px){.App .btns .rankingBtns{margin-bottom:12px}}@media screen and (max-width: 1200px){.App .btns .rankingBtns:nth-child(1){order:2}}@media screen and (max-width: 1200px){.App .btns .rankingBtns:nth-child(2){margin:12px auto 0;order:2}}.App .btns .sortBtns{justify-self:end;top:10px;right:0;opacity:1;transition:opacity 225ms ease-in-out}@media screen and (max-width: 1200px){.App .btns .sortBtns{height:42px}.App .btns .sortBtns>button{width:114px}}@media screen and (max-width: 480px){.App .btns .sortBtns{margin-bottom:12px}}@media screen and (max-width: 1200px){.App .btns .sortBtns:nth-child(2){margin:12px auto 0}}.App .btns .pagination{justify-self:center;display:flex;justify-content:center;padding-left:0;flex-grow:1;transition:opacity 225ms ease-in-out;opacity:0}@media screen and (max-width: 1200px){.App .btns .pagination:nth-child(2){margin:auto;order:3}}@media screen and (max-width: 1200px){.App .btns .pagination.paginationSecond{order:1!important}}.App .btns .pagination>li{margin:0 20px;cursor:pointer;list-style:none}@media screen and (max-width: 480px){.App .btns .pagination>li{margin:0 12px}}.App .btns .pagination>li>a{-webkit-user-select:none;-ms-user-select:none;user-select:none;color:#4caee0;position:relative;font-size:1.2rem;width:9px;height:9px;outline:none;z-index:100}.App .btns .pagination>li>a:before{content:"";display:block;position:absolute;top:50%;left:50%;width:48px;height:48px;border-radius:50%;transform:translate(-50%,-50%);z-index:-100}@media screen and (max-width: 480px){.App .btns .pagination>li>a:before{width:30px;height:30px}}.App .btns .pagination>li>a:hover:before{background-color:#e1e1e1}.App .btns .pagination>li.active{cursor:default}.App .btns .pagination>li.active>a:before{background-color:#e1e1e1}.App .btns .pagination__previous>a,.App .btns .pagination__next>a{font-size:.7rem}.App .btns .pagination__disabled{display:block;opacity:0}.App .btns .pagination__disabled>a{cursor:default}.url button{text-transform:lowercase}.pagination-box{display:flex;align-items:center;justify-content:center;gap:12px}.pagination-box .pagination-arrow{height:48px;display:block;opacity:.7}.pagination-box .pagination-arrow.disabled{pointer-events:none;opacity:.3}img,.hatenaShareCount{-webkit-user-select:none!important;user-select:none!important}