html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,main,dl,dt,dd,ol,ul,li,input,textarea,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box;min-height:0;min-width:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}img{max-width:100%;vertical-align:top;height:auto}html{word-wrap:break-word;overflow-wrap:break-word}body{font-family:"Noto Sans JP","メイリオ","Meiryo",sans-serif;line-height:1.4;display:grid;grid-template-areas:"areaHeader areaHeader" "areaNav areaMain" "areaNav areaFooter";grid-template-rows:64px auto auto;grid-template-columns:240px auto}@media(max-width: 768px){body{grid-template-areas:"areaHeader" "areaMain" "areaFooter";grid-template-rows:auto;grid-template-columns:auto}}body.fixed{overflow-y:hidden}body.fixed #overlay{display:block}header{grid-area:areaHeader}footer{grid-area:areaFooter}#snav{grid-area:areaNav}main{grid-area:areaMain;padding:32px 16px}article{width:100%;margin:0 auto;max-width:1120px}section{width:100%;margin:0 auto;max-width:1120px;margin:64px auto}header{border-bottom:1px solid rgb(233.2,233.2,233.2);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;background:#fff;position:sticky;top:0;z-index:10}@media(max-width: 768px){header{display:block;height:64px}}#logo{width:240px;height:100%;max-width:320px;text-align:center}@media(max-width: 768px){#logo{width:36%;margin:0 auto}}#logo a{display:inline-block;height:100%;padding:8px}#logo img{height:100%}#menubtn{width:48px;height:48px;position:fixed;left:8px;top:8px;border:1px solid #5697b8;border-radius:6px;display:none}@media(max-width: 768px){#menubtn{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-items:center}}#menubtn span{display:block;width:64%;height:2px;background:#5697b8;position:relative}#menubtn span::before,#menubtn span::after{content:"";display:block;width:100%;height:2px;background:#5697b8;position:absolute;left:0}#menubtn span::before{top:-8px}#menubtn span::after{bottom:-8px}.searchbtn{height:100%;padding:8px 32px;width:480px}@media(max-width: 768px){.searchbtn{width:48px;height:48px;padding:0;position:fixed;right:8px;top:8px}}.searchbtn a{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-items:center;border:1px solid #5697b8;border-radius:6px;background:url(/img/layout/header/img01.webp) no-repeat left/contain rgb(238.1,244.6,247.9);height:100%;line-height:1}@media(max-width: 768px){.searchbtn a{background:none;position:relative}.searchbtn a::before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;padding-right:.3em;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-40%, -50%);font-size:1.5rem}.searchbtn a span{display:none}}.searchbtn a:hover{background-color:#fff}#searchbox{padding:16px 32px 32px;width:90%;max-width:640px;display:none}#searchbox label{display:block}#searchbox .input_text{position:relative}#searchbox .input_text::before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;padding-right:.3em;line-height:1;font-size:1.125rem;color:hsl(0,0%,69.2235294118%);position:absolute;top:50%;left:8px;transform:translateY(-40%)}#searchbox input[type=text],#searchbox select{font-size:1rem;outline:none;border:1px solid #5697b8;border-radius:6px}#searchbox input[type=text]{padding:12px 32px;background:rgb(238.1,244.6,247.9);width:100%}#searchbox input[type=text]:focus{background:#fff}#searchbox select{padding:12px;background:rgb(238.1,244.6,247.9);display:block;width:100%;margin:16px 0}#searchbox select:focus{background:#fff}#snav{height:calc(100vh - 64px);border-right:1px solid rgb(233.2,233.2,233.2);position:sticky;top:64px;overflow-y:auto;background:#fff}@media(max-width: 768px){#snav{position:fixed;left:0;transform:translateX(-110%);transition:all .2s ease-in-out;width:60%;z-index:9}#snav.open{transform:translateX(0)}}#snav li{margin:4px auto;padding:0 8px;position:relative}#snav li.home a::before{content:""}#snav li.mypage a::before{content:""}#snav li.active::before{content:"";display:block;height:100%;width:6px;background:#5697b8;border-radius:6px;position:absolute;top:0;left:0}#snav a{display:block;padding:12px 16px;font-size:1rem;border-radius:6px;color:#252525}#snav a:hover{background:rgb(233.2,233.2,233.2)}#snav a::before{font-family:"Font Awesome 5 Free";font-weight:900;padding-right:.3em;line-height:1;font-size:1.5rem;display:inline-block;width:1.2em;text-align:center;color:#5697b8}#snav dt{font-size:.875rem;margin:16px 16px 8px;padding:0 4px 4px;color:#5697b8;border-bottom:1px dashed #5697b8}#snav dd a{padding:8px 16px}#snav .login{margin-top:32px;padding:0 16px}#snav .login a{display:block;background:#5697b8;color:#fff;border-radius:6px;text-align:center}#snav .login a:hover{background:rgb(140.08,184.28,206.72)}#copy{text-align:center;font-size:.875rem;margin-top:32px}#overlay{width:100%;height:100vh;background:rgba(37,37,37,.8);position:fixed;top:0;left:0;z-index:8;display:none}a{text-decoration:none;transition:all .2s ease-in-out;color:#5697b8}a:hover{color:#e73a18}small,.small{font-size:.86em}.center{text-align:center}em,.bold{font-weight:bold}p{line-height:1.6;max-width:1056px;margin:0 auto;padding:16px 0;width:100%}.bnr{text-align:center;padding:16px 0}.title-line{font-weight:bold;color:#5697b8;border-bottom:2px solid #5697b8;padding:4px;font-size:1.375rem}.title-line::before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;padding-right:.3em;line-height:1;font-weight:normal}.title-bookmark{font-weight:bold;color:#5697b8;font-size:1.25rem}.title-bookmark::before{content:"";display:inline-block;width:6px;height:30px;background:url(/img/bookmark.svg) no-repeat center/contain;margin-right:8px}.pager{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-items:center;margin:64px auto 16px}.pager>a,.pager>span{width:3em;height:3em;border-radius:50%;margin:4px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-items:center;border:2px solid #5697b8;font-weight:bold}@media(max-width: 768px){.pager>a:not(.prev):not(.next),.pager>span:not(.prev):not(.next){display:none}}.pager>a{background:#5697b8;color:#fff}.pager>a:hover{background:#fff;color:#5697b8}.box-list{width:100%;margin:0 auto;max-width:1120px;max-width:640px;margin:32px auto 16px}.box-list>div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center}.box-list dt,.box-list dd{padding:8px}.box-list dt{width:10em;border-bottom:2px solid #5697b8;color:#5697b8}.box-list dd{border-bottom:2px solid rgb(238.1,244.6,247.9);flex:1}#index .mainvisual{text-align:center}.item_list{margin:32px auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-items:stretch;gap:16px;margin-bottom:64px}.item_list li{width:calc(50% - 8px)}@media(max-width: 768px){.item_list li{width:100%}}.item_list li.grade1 .content span{background:hsl(84.8167539267,90.5213270142%,83.5843137255%)}.item_list li.grade2 .content span{background:rgb(238.1,244.6,247.9)}.item_list li.grade3 .content span{background:rgb(248.28,199.84,190.32)}.item_list a{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-items:stretch;-moz-column-gap:16px;column-gap:16px;color:#252525;background:#fff;padding:8px;box-shadow:1px 1px 3px rgba(37,37,37,.3)}.item_list a:hover{opacity:.8;text-decoration:underline;color:#5697b8;box-shadow:0 0 1px rgba(37,37,37,.2)}.item_list .img{width:100px}.item_list .content{flex:1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;flex-direction:column;align-items:flex-start;padding:4px 0}.item_list .content span{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:2px}.item_list .content p{padding:0;line-height:1.4}.card .item_list li{width:calc(33.3333333333% - 10.6666666667px);border:none}.card .item_list li:nth-of-type(1),.card .item_list li:nth-of-type(2){padding-top:0}.form_sign{width:100%;margin:0 auto;max-width:1120px;max-width:640px;margin:32px auto}.form_sign dl{margin-top:16px}.form_sign dl>div{padding-bottom:32px}.form_sign dl dt{color:#5697b8;font-weight:bold;padding-bottom:8px}.form_sign dl p{font-size:.9375rem}.form_sign input{border:1px solid #5697b8;background:rgb(238.1,244.6,247.9);padding:16px;border-radius:6px;outline:none;width:100%}.form_sign input:focus{background:#fff}.form_sign button{width:100%;background:#5697b8;border:none;outline:none;color:#fff;border-radius:6px;padding:16px;font-size:1rem;transition:all .2s ease-in-out;font-weight:bold;cursor:pointer}.form_sign button:hover{background:rgb(140.08,184.28,206.72)}.bookshelf{border:6px solid #5697b8;border-radius:6px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;flex-direction:column;gap:16px;padding:16px;max-width:640px;margin:32px auto}.bookshelf>div{width:100%;border:6px solid #5697b8;border-radius:6px;position:relative}.bookshelf dt{position:absolute;top:0;left:50%;transform:translate(-50%, -16px);background:#5697b8;color:#fff;padding:4px 16px;border-radius:6px;font-size:1.25rem}.bookshelf ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;padding:0 16px}.bookshelf li{flex:1;padding:4px 0}.bookshelf li.english a{border-color:#eed248}.bookshelf li.english a i{background:#eed248}.bookshelf li.math a{border-color:#35c8b9}.bookshelf li.math a i{background:#35c8b9}.bookshelf li.japanese a{border-color:#e99b96}.bookshelf li.japanese a i{background:#e99b96}.bookshelf li.science a{border-color:#83e293}.bookshelf li.science a i{background:#83e293}.bookshelf li.social a{border-color:#f5d493}.bookshelf li.social a i{background:#f5d493}.bookshelf a{border:4px solid rgba(0,0,0,0);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin-top:32px;position:relative;padding:64px 0;color:#252525}@media(max-width: 768px){.bookshelf a{padding:32px 0}}.bookshelf a:hover{margin-top:4px}.bookshelf a span{font-size:1.75rem;writing-mode:vertical-rl;letter-spacing:1em}.bookshelf a i{position:absolute;bottom:0;left:0;display:block;width:100%;text-align:center}.pagetag{margin:16px auto}.pagetag li{display:inline-block;border:1px solid #252525;padding:2px 4px;color:#252525;font-size:.9375rem;border-radius:6px;margin:0 2px}.video{border-bottom:4px solid #5697b8;padding:0 32px;margin:32px 0}@media(max-width: 768px){.video{padding:0 16px}}.video iframe{aspect-ratio:188/109;border:4px solid #5697b8;border-bottom:none}@media(max-width: 768px){.video iframe{aspect-ratio:188/116}}.favorite{text-align:right}.favorite button{border:1px solid #5697b8;outline:none;font-size:1rem;border-radius:6px;padding:8px 32px;background:none;color:#5697b8;cursor:pointer;transition:all .2s ease-in-out}.favorite button:hover{background:rgb(238.1,244.6,247.9)}.favorite button::before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;padding-right:.3em;line-height:1;font-weight:normal}.favorite button.delete::before{font-weight:bold}.linkbox{text-align:center;margin:32px auto 16px}.linkbox a,.linkbox span,.linkbox button{display:inline-block;font-size:1.125rem;border:1px solid #5697b8;padding:16px 32px;border-radius:6px;color:#5697b8;cursor:pointer;background:#fff;transition:all .2s ease-in-out}.linkbox a:hover,.linkbox span:hover,.linkbox button:hover{background:rgb(238.1,244.6,247.9)}.subject_tab{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:32px 0 0;padding:0 16px;border-bottom:3px solid #5697b8}.subject_tab li{flex:1;cursor:pointer;text-align:center;font-size:1.25rem;padding:16px 8px;border-radius:6px 6px 0 0;border-top:3px solid #5697b8;border-left:3px solid #5697b8;background:rgb(233.2,233.2,233.2);transition:all .2s ease-in-out}.subject_tab li:hover{background:#fff}.subject_tab li.active{background:#fff}.subject_tab li:last-child{border-right:3px solid #5697b8}/*# sourceMappingURL=base.min.css.map */