@charset "utf-8";
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
:root{
touch-action:manipulation;
--body-color:#191919;
--body-bg:#f3f3f3;
--main-bg:#fff;
--main-bg-sub:#f8f8f8;
--main-border:#ddd;
--pure-white:255,255,255;
--pure-black:0,0,0;
--link-color:#0c4d66;
--h3-color:#0b4636;
--dt-color:#124c08;
--h4-bg:#e6ebe7;
--color-eee:#eee;
--color-ddd:#ddd;
--color-ccc:#ccc;
--color-666:#666;
--color-555:#555;
--color-444:#444;
--sprite-url:url(img/sprite.png);
--coverageTable-color:#427480;
--coverageTable-bk:#fbfefc;
--coverageTable-bk-sub:#e2e9e6;
--dd-index-bg:#4c4c4c;
--dark-border:rgba(0,0,0,0.15);
--input-bg:#fff;
--input-border:rgba(0,0,0,0.3);
--pan-bg:hsl(158deg 20% 60% / 10%);
--checkbox-bg:#656d6a;
--brand-bg:hsl(158deg 60% 30%);
--brand-light-bg:hsl(158deg 60% 35%);
--brand-dark-bg:hsl(158deg 60% 27%);
--brand-pale-bg:hsl(135deg 29% 93%);
--action-btn-text-color:#f9f9f9;
}
body.dark{
--body-color:#e6e6e6;
--body-bg:#1e1e1e;
--main-bg:#222222;
--main-bg-sub:#272727;
--main-border:#161616;
--pure-white:0,0,0;
--pure-black:255,255,255;
--link-color:#57ad9e;
--h3-color:#35c598;
--dt-color:#27ae83;
--color-eee:#393939;
--color-ddd:#414141;
--color-ccc:#555;
--color-666:#bbb;
--color-555:#ccc;
--color-444:#ddd;
--sprite-url:url(img/sprite_dark.png);
--coverageTable-color:#ccc;
--coverageTable-bk:#242827;
--coverageTable-bk-sub:#2b2e2c;
--dd-index-bg:#2b2e2c;
--dark-border:rgba(0,0,0,0.25);
--input-bg:#2f2e2e;
--brand-bg:hsl(158deg 30% 25%);
--brand-light-bg:hsl(158deg 30% 30%);
--brand-dark-bg:hsl(158deg 30% 20%);
--brand-pale-bg:hsl(158deg 7% 20%);
--action-btn-text-color:#090909;
}
body.beige{
--body-color:#151523;
--beige:#a28b67;
--mix-ratio:50%;
--mix-ratio-brand:60%;
--body-bg:color-mix(in srgb, #f3f3f3 var(--mix-ratio), var(--beige));
--main-bg:color-mix(in srgb, #fff var(--mix-ratio), var(--beige));
--main-bg-sub:color-mix(in srgb, #f6f6f6 var(--mix-ratio), var(--beige));
--main-border:color-mix(in srgb, #ddd var(--mix-ratio), var(--beige));
--h4-bg:color-mix(in srgb, #e6ebe7 var(--mix-ratio), var(--beige));
--color-eee:color-mix(in srgb, #eee var(--mix-ratio), var(--beige));
--color-ddd:color-mix(in srgb, #ddd var(--mix-ratio), var(--beige));
--color-ccc:color-mix(in srgb, #ccc var(--mix-ratio), var(--beige));
--input-bg:color-mix(in srgb, #fff 65%, var(--beige));
--pan-bg:color-mix(in srgb, hsl(180deg 35% 65% / 10%) 80%, var(--beige));
--coverageTable-bk:color-mix(in srgb, #ffe6d3 var(--mix-ratio), var(--beige));
--coverageTable-bk-sub:color-mix(in srgb, #ffd0ac var(--mix-ratio), var(--beige));
--dd-index-bg:color-mix(in srgb, #525252 80%, var(--beige));
--brand-bg:color-mix(in srgb, hsl(158deg 60% 30%) var(--mix-ratio-brand), var(--beige));
--brand-light-bg:color-mix(in srgb, hsl(158deg 60% 35%) var(--mix-ratio-brand), var(--beige));
--brand-dark-bg:color-mix(in srgb, hsl(158deg 60% 27%) var(--mix-ratio-brand), var(--beige));
--brand-pale-bg:color-mix(in srgb, hsl(135deg 29% 93%) var(--mix-ratio-brand), var(--beige));
}
.dark #logo, .dark .bottomNav{filter:brightness(90%) saturate(90%)}
.dark .submit{filter:brightness(77%) saturate(90%)}
.dark main h4{background:transparent;color:#64a38c;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
.dark .mondai img, .dark .selectList img{filter:invert(95%) hue-rotate(180deg)}
.dark .kaisetsu img{background:#fff;padding:5px}
.dark #doujoulogo{filter:invert(95%) hue-rotate(180deg) saturate(200%)}
.dark .index .header a{background:transparent;color:inherit}
.dark .img_margin.main, .dark .fullBanner, .dark [src$="main1.png"]{filter:contrast(90%) brightness(90%)}
@media (max-width:768px){
.dark .kaisetsu img{box-sizing:border-box}
.dark #loginBtn, .dark #menuBtn{filter:brightness(90%) saturate(90%)}
}
@media (min-width:769px){
.dark h2{filter:brightness(77%) saturate(90%)}
.dark #test_menu+h3~a{position:relative}
.dark #test_menu+h3~a::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / 20%)}
}
.gsc-control-cse{background:transparent !important;border-color:transparent !important}
.dark .gsc-input-box, .beige .gsc-input-box{border:1px solid transparent;background:var(--input-bg)}
body{height:100%;font:14px 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',Roboto,sans-serif;color:var(--body-color);letter-spacing:.01em;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;background:var(--body-bg)}
body::after{content:"";position:fixed;z-index:-1;top:0;bottom:0;left:0;right:0;
background:color-mix(in srgb, var(--main-bg) 80%, transparent);
background:radial-gradient(circle,color-mix(in srgb, var(--main-bg) 90%, transparent),color-mix(in srgb, var(--main-bg) 20%, transparent));
opacity:0;transition:opacity .3s ease-in,z-index 0s .3s;pointer-events:none;backface-visibility:hidden;transform:translate3d(0,0,0)}
body.answer::after{opacity:1;z-index:50;transition:opacity .2s ease-out,z-index 0s;padding-top:calc(50vh - 140px);font-size:280%;font-weight:bold;color:#4dc88d;text-align:center;letter-spacing:2px;text-shadow:0px -1px 0 #4cad7e, 1px 0px 0 #4cad7e, 5px 5px 8px rgb(104 178 140 / 75%)}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;border:0;vertical-align:top;user-select:none}
sup,sub{height:0;line-height:1;vertical-align:baseline;position:relative;font-size:9px}
sup{bottom:1ex}
sub{top:.5ex}
em.r{color:#d52a2a;font-weight:bold;font-size:105%}
em.large{font-size:115%;letter-spacing:0}
em.m{background:linear-gradient(transparent 80%,rgba(255,205,60,0.75) 80%);color:rgb(var(--pure-black));font-weight:bold}
.img_margin{margin:1.5em 0;text-align:center}
.img_margin.left{text-align:left;margin-left:1em}
button{appearance:none;border:1px solid var(--dark-border);padding:4px 10px;border-radius:3px;color:var(--color-444);background:var(--main-bg-sub);background:linear-gradient(var(--color-eee),var(--main-bg-sub));cursor:pointer}
button:not(:disabled):hover{border-color:#999;transition:border-color .2s ease-out}
button.touchOn{box-shadow:0 0 5px 2px rgba(var(--pure-black),0.2)}
button:disabled{color:#888}
[type="text"],[type="password"],[type="email"],[type="number"],[type="date"],textarea,select{box-sizing:border-box;border:1px solid var(--input-border);font-family:inherit;color:inherit;background:var(--input-bg);border-radius:2px;-webkit-appearance:none;appearance:none}
select{padding:3px 20px 3px 4px;color:var(--body-color);background:var(--input-bg) url('data:image/svg+xml;utf8,') no-repeat right 0.3em center / 0.65em auto;cursor:pointer}
[type="checkbox"]{color:var(--checkbox-bg);appearance:none;width:1.1em;height:1.1em;border:1px solid #555;border-radius:0;background:var(--input-bg) no-repeat center center / 130% auto}
[type="checkbox"]:not(:checked):hover{box-shadow:0 0 2px rgba(var(--pure-black),40%)}
[type="checkbox"]:checked{border-color:currentColor;background-color:currentColor;background-image:url('data:image/svg+xml;utf-8,')}
[type="date"]{-webkit-appearance:auto;appearance:auto;padding:3px;cursor:pointer}
[type="submit"],[type="image"]{cursor:pointer;outline:none;transition:.15s}
[type="submit"]:hover,[type="image"]:hover{opacity:.9}
[type="submit"]:active,[type="image"]:active{box-shadow:0 0 10px 1px rgba(var(--pure-black),0.3),0 0 13px 8px rgba(255,255,255,.15) inset}
hr{border-top-color:var(--dark-border)}
input::-ms-clear,input::-ms-reveal,::-ms-expand{display:none}
:disabled{cursor:not-allowed}
::selection{color:var(--main-bg-sub);background:#349b8e;text-shadow:1px 1px rgba(var(--pure-black),0.5)}
@media (min-width: 1024px){
::-webkit-scrollbar{background-color:transparent;width:16px}
::-webkit-scrollbar-thumb{border:4px solid transparent;border-radius:8px;background-clip:content-box;background-color:#666}
::-webkit-scrollbar-thumb:hover{background-color:rgba(102,102,102,0.5) !important}
::-webkit-scrollbar-track{background-color:transparent}
}
input:-webkit-autofill{transition:background-color 9999s 9999s;box-shadow: 0 0 0 1000px var(--input-bg) inset !important;-webkit-text-fill-color:var(--body-color) !important;background-clip:padding-box}
#main_contents{max-width:1020px;margin:0 auto;background:var(--main-bg);border:var(--main-border) solid;border-width:0 1px}
body.modal #main_contents{filter:blur(3px)}
header{border-bottom:2px solid var(--brand-dark-bg);height:50px}
h1{position:relative}
#logo{padding:3px 5px;transition:opacity .3s,top .3s;width:360px;height:auto}
#logo:hover{opacity:.8}
#logo:active{position:relative;top:1px}
#countdown{min-width:350px;height:27px;position:absolute;right:5px;top:5px;font-size:12px;text-align:center;padding:5px 8px;font-weight:normal;color:var(--body-color);border-radius:5px;background:var(--brand-pale-bg);border:1px solid rgba(103,78,62,0.1)}
#countdown span{font-size:20px;font-family:"Times new Roman",Georgia,"Yu Mincho medium",serif;color:#E00}
#countdown span.big{font-size:24px;font-weight:normal}
#content{display:table;position:relative;width:100%;max-width:1020px;min-height:calc(100vh - 75px - 128px)}
#content>nav, #content>main{display:table-cell;vertical-align:top}
nav{width:300px;min-width:200px;text-align:center;font-size:0}
nav h3{font-size:14px;background:var(--brand-bg);background:linear-gradient(var(--brand-light-bg),var(--brand-bg));padding:5px 0;color:var(--action-btn-text-color);border-top:6px solid var(--brand-dark-bg)}
nav h3::before{content:"";display:inline-block;width:6px;height:6px;border:4px solid currentColor;border-radius:50%;vertical-align:-2px;margin-right:.3em}
nav li, nav a{font-size:13px}
#test_menu{text-align:left}
#test_menu > li{width:50%;display:inline-block;text-align:center}
nav a{display:block;background:var(--main-bg-sub);padding:8px 0;transition:box-shadow .15s}
nav a.new{position:relative}
nav a.new::before{content:"NEW!";position:absolute;color:#FFF;font-size:10px;left:0;top:0;padding:1px 2px;background:#bd1515;line-height:1;box-shadow:1px 1px 4px rgba(0,0,0,.3)}
nav>ul>li>a{border-bottom:1px solid var(--main-border);border-left:1px solid var(--main-border)}
nav>ul>li>a:hover{background:transparent}
nav>ul>li>a:active{box-shadow:0 0px 10px 0px rgba(var(--pure-black),0.2)}
#test_menu+h3~a{text-indent:-9999px;background:url("img/menu.jpg") no-repeat;background-image:image-set(url("img/menu.avif") type("image/avif"),url("img/menu.webp") type("image/webp"),url("img/menu.jpg") type("image/jpeg"));padding:0;height:100px;margin-top:5px;border-left:0;transition:.15s}
#test_menu+h3~a[href="/category1.html"]{background-position:0 0}
#test_menu+h3~a[href="/category2.html"]{background-position:0 -100px}
#test_menu+h3~a[href="/category3.html"]{background-position:0 -200px}
#test_menu+h3~a[href="/category4.html"]{background-position:0 -300px}
#test_menu+h3~a[href="/category5.html"]{background-position:0 -400px}
#test_menu+h3~a[href="/category6.html"]{background-position:0 -500px}
nav>a:not([href$="php"]):hover{box-shadow:inset 0 0 0 5px rgba(var(--pure-white),0.5)}
nav>.submit{margin:5px auto;position:relative}
nav>.doujou,nav>.marubatu{overflow:visible}
nav>.doujou::before,nav>.marubatu::before{display:none}
nav>.doujou::after,nav>.marubatu::after{position:absolute;display:block;font-size:10px;top:-2px;right:-2px;bottom:auto;color:#FFF;background:#e01b1b;border:1px solid #ab3939}
nav>.doujou::after{content:"四択形式"}
nav>.marubatu::after{content:"肢別問題"}
nav>.bbs{background:#9eaf76;background:linear-gradient(#9eaf76,#87995c);border-color:#87995c}
main{width:680px;padding:0 20px;line-height:1.8;letter-spacing:.3pt}
main h2, #overLayer h2{font-size:16px;color:#1a392d;margin-bottom:15px;background:#d0ddcb 0 0/6px 6px;border-radius:10px 0 0 10px;padding:0 5px;border:1px solid rgba(128,128,128,0.1);background-image:linear-gradient(-45deg,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 50%,transparent 60%,transparent)}
main h2::before{content:'#';font-size:20px;color:var(--main-bg);margin:0 5px;text-shadow:-1px -1px rgba(var(--pure-black),0.2)}
main h4{background:var(--h4-bg);padding:2px 5px;font-size:14px;color:#4a5b51;border-bottom:2px solid rgb(0 0 0 / 10%);border-top:1px solid rgb(0 0 0 / 5%)}
.pan{margin:12px 0;font-size:0}
.pan li{display:inline-block}
.pan a{color:var(--link-color);font-size:12px;background:linear-gradient(transparent 80%,color-mix(in srgb, var(--link-color) 50%, transparent) 80%) no-repeat left 0 bottom 2px/calc(100% - 2.3em) 0;transition:background-size 0s}
.pan a::after{content:"»";color:var(--color-555);margin:0 8px}
.pan a:hover{background-size:calc(100% - 2em) 100%;transition:background-size .2s ease-out .05s}
.pan b{font-size:12px}
.content.resultMessage{text-align:center;color:#777}
#showReport,#resetReport{margin-left:5px;display:inline-block;padding: 0 4px;border-radius: 6px;border: 1px solid currentColor;cursor:pointer}
#showReport{color:#57a711}
#showReport:active{color:var(--main-bg);background:#7ac33a}
#resetReport{color:#e6ac51}
#resetReport:active{color:var(--main-bg);background:#efb863}
.fullBanner{width:100%;height:auto;max-width:640px;display:block;margin:0 auto 20px;aspect-ratio:32/5;border-radius:5px;outline:1px solid transparent}
.fullBanner:hover, .sideBanner:hover{outline-color:var(--dark-border);opacity:.9;transition:.2s}
.sideBanner{background:var(--main-bg)}
.content{margin:2em 0;font-size:13.3px;letter-spacing:.7pt;line-height:2;text-align:justify;word-break:break-all}
.content h3{font-size:16.5px;padding:2px 0;color:var(--h3-color);position:relative}
.content p{font-size:inherit}
.content ul, .content ol, .content dl{font-size:inherit}
.content ul, .content ol{margin:0.5em 0 0.5em 1.5em}
.content ul ol, .content ul ul, .content ol ol, .content ol ul{margin-left:1em}
.content dl{margin:1em 0}
.content dt{font-weight:bold;color:var(--dt-color)}
.content dd{margin-left:1em}
.content dd, .content li{margin-bottom:4px}
.content a{color:var(--link-color)}
.content a:hover{text-decoration:underline}
.bb{display:inline-block;min-width:3em;text-align:center}
.ol{text-decoration:overline}
.parenthesesList,.maruList,.kaisetsuList,.selectList{counter-reset:licount}
.parenthesesList>li,.maruList>li,.kaisetsuList>li,.selectList>li{counter-increment:licount;list-style:none;position:relative}
.parenthesesList>li::before,.maruList>li::before{letter-spacing:0}
.parenthesesList>li::before{content:"("counter(licount)")";display:block;position:absolute;left:-24px}
.maruList>li::before{content:counter(licount);position:absolute;left:-22px;top:5px;width:calc(1em - 1px);height:calc(1em - 1px);border:1px solid var(--color-555);border-radius:50%;text-align:center;line-height:1}
.kaisetsuList>li::before,.selectList>li::after{content:counter(licount);position:absolute;background:#5d5858;color:#fff;line-height:1;padding:3px 4px;border-radius:4px;font-size:90%}
.selectList>li::after{top:7px;left:-23px}
.kaisetsuList>li::before{top:3px !important;left:-24px !important}
.kaisetsuList>li{padding-bottom:1em;border-bottom:1px dashed var(--color-eee)}
.kaisetsuList ol, .kaisetsuList ul{margin-left:1.5em !important}
.kaisetsu .maruList>li::before{color:#fff;background:#e87e3c;border-color:#e87e3c}
ol.kanaList > li{list-style:none;position:relative;text-indent:1em}
ol.kanaList > li::after{position:absolute;left:-1.5em;top:0;text-indent:0}
ol.kanaList > li:first-child::after{content:"ア."}
ol.kanaList > li:nth-child(2)::after{content:"イ."}
ol.kanaList > li:nth-child(3)::after{content:"ウ."}
ol.kanaList > li:nth-child(4)::after{content:"エ."}
ol.kanaList > li:nth-child(5)::after{content:"オ."}
ol.kanaList > li > *{text-indent:0}
.mondai ol.kanaList > li{cursor:pointer}
ol.kanaList.kaisetsuList > li{text-indent:2px}
ol.kanaList.kaisetsuList > li::after{display:none}
ol.kanaList.kaisetsuList > li::before{font-size:85%;letter-spacing:0;text-indent:0}
ol.kanaList.kaisetsuList > li:first-child::before{content:"ア"}
ol.kanaList.kaisetsuList > li:nth-child(2)::before{content:"イ"}
ol.kanaList.kaisetsuList > li:nth-child(3)::before{content:"ウ"}
ol.kanaList.kaisetsuList > li:nth-child(4)::before{content:"エ"}
ol.kanaList.kaisetsuList > li:nth-child(5)::before{content:"オ"}
ol.kanaList.kaisetsuList > li:nth-child(6)::before{content:"カ"}
.lawNo{color:var(--link-color);text-decoration:underline;text-decoration-color:currentColor;text-decoration-style:dotted;cursor:pointer;padding:1px}
.lawNo + .lawNo{margin-left:1px}
.lawBody{display:none;position:relative;padding:5px 10px;margin:10px 0;text-indent:0;background:var(--main-bg-sub);color:var(--color-555);border-left:4px solid var(--color-ccc);font-size:90%}
.lawBody::before{content:"\201D";position:absolute;right:5px;top:-2px;color:var(--color-ccc);font:70px/1 Helvetica,Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Roboto,"ＭＳ Ｐゴシック",sans-serif}
.lawBody.show{display:block}
.law-text{font-size:85%;letter-spacing:0;margin-left:-2px}
.kaisetsu dt{text-decoration:underline;text-decoration-style:dotted}
.similar_list_wrap{font-size:90%;margin-top:0.5em}
.show_similar_list{display:none}
.show_similar_list + label{text-decoration:underline;text-decoration-style:dashed;cursor:pointer;user-select:none}
.show_similar_list + label:hover{color:inherit;text-decoration-color:var(--link-color)}
.show_similar_list + label::before{content:'\2295';margin-right:2px;font-size:14px}
.show_similar_list:checked + label{color:inherit}
.show_similar_list:checked + label::before{content:'\2296'}
.similar_list{max-height:0;overflow:hidden;opacity:0.5;transform:translateY(-5px);transition:.5s}
.show_similar_list:checked ~ .similar_list{max-height:max-content;overflow:auto;opacity:1;transform:translateY(0)}
.similar_list > div{padding:7px 10px;margin:0.5em 0;border-radius:3px;box-shadow:inset 0 0 20px rgba(128,128,128,0.2)}
.cite{opacity:0.5}
.kaisetsu .cite{font-size:90%;margin:10px 0}
.grayText{text-align:right;color:#999;font-size:90%;margin:1em 0}
.answerChar{font-size:20px;display:none}
.selectBtn{display:flex;justify-content:center;margin:30px 0 80px}
.selectBtn a{flex-basis:180px;margin:0 13px;display:block;text-align:center;font-size:150%;line-height:45px;color:#fff;background:var(--brand-light-bg);border-radius:8px;box-shadow:0 5px 0 var(--brand-dark-bg);transition:opacity .2s,box-shadow .2s,transform .2s}
.selectBtn a:hover{opacity:.85}
.selectBtn a:active, .selectBtn a.touchOn{transform:translateY(3px);box-shadow:0 2px 0 var(--brand-dark-bg)}
.selectList li{margin-bottom:8px;cursor:pointer;padding:3px;border-radius:4px}
.selectList li:hover{box-shadow:0 0 10px rgba(var(--pure-black),0.2);transition:box-shadow .2s .5s}
.selectBtn > a > i{transform:scale(1.4)}
.selectBtn > a > i.maru{border-color:#f3f3f3}
.selectBtn > a > i.batu:before, .selectBtn > a > i.batu::after{background:#f3f3f3}
.selectList li img{margin-bottom:1em}
.answerChar i{transform:scale(1.5)}
.answerChar i.maru{border-color:#e65a5a}
.showAnswerBtn:hover{outline:2px solid var(--color-555)}
.bottomNav{display:flex;flex-wrap:wrap;justify-content:center;margin:50px 0 70px;position:relative}
.bottomNav li{display:inline-block;padding:4px 7px;font-size:14px}
.bottomNav a{display:block;background:rgba(125,108,108,0.5);padding:5px 7px;min-width:2ex;text-align:center;border-radius:3px;color:var(--action-btn-text-color);outline:1px dashed color-mix(in srgb, var(--main-bg) 50%, transparent);outline-offset:-3px}
.bottomNav a.current,#toPrev a,#toNext a{background:#548d70}
#toPrev a,#toNext a{padding:8px 10px}
.bottomNav a:hover{opacity:.9;transition:.2s}
.bottomNav a:active{box-shadow:0 0 6px 1px rgba(var(--pure-black),0.3)}
.bottomNav li:not([id]) a:not(.current):hover{text-decoration:none;color:#d87e68;outline-color:currentColor}
#toPrev,#toNext{position:absolute;top:12px}
#toPrev{left:0}
#toNext{right:0}
#toPrev a::before{content:"«";margin-right:5px}
#toNext a::after{content:"»";margin-left:5px}
.bottomNav .bottomNavInfo{text-align:center;display:block;width:100%;box-sizing:border-box;font-size:11px;padding:0}
.bottomNav + h4{margin-top:60px}
footer{border-top:4px solid var(--main-border);font-size:11px}
footer a{position:relative;display:inline-block;vertical-align:4px;padding-left:18px;margin-right:4px}
footer a::before, footer a::after{content:"";display:block;position:absolute;width:0;height:0;border:4px solid;top:50%;margin-top:-5px}
footer a::before{border-color:#adceaa #76af81 #76af81 #adceaa;left:5px}
footer a::after{border-color:transparent transparent transparent #76af81;left:13px}
footer a:active{text-decoration:underline}
#___gcse_0{max-width:500px;margin:0 auto}
/*#___gcse_0 a{padding-left:0;text-decoration:underline}
#___gcse_0 a::before,#___gcse_0 a::after{display:none}
#___gcse_0 .gsc-search-button-v2{padding:5px 20px !important}*/
.minilogo{display:inline-block;height:28px;width:220px;padding-right:10px;border-right:1px solid var(--main-border);margin:30px 0 0 5px;background:url(img/title.png) no-repeat 0 0/225px 28px}
.copyright{background:var(--color-ccc);color:var(--action-btn-text-color);padding:7px 5px}
.copyright b{color:var(--body-color)}
#menuBtn, .menuCloseBtn{display:none}
.index{list-style:none;background:var(--main-bg);border-top:1px solid var(--dark-border)}
.index:not(.bbs) li:nth-child(odd){background:rgba(100,100,100,.03)}
.index a{display:block;position:relative;font-size:12.5px;padding:7px 5px;height:5em;overflow:hidden;border-bottom:1px solid var(--dark-border)}
.index a::before{content:"";display:none;position:absolute;top:50%;right:15px;left:auto;width:7px;height:7px;margin-top:-6px;border:2px solid #609372;border-width:2px 2px 0 0;transform:rotate(45deg)}
.index li:not(.header) a:hover{background:var(--main-bg-sub)}
.index a span:nth-child(n+2){position:absolute;top:7px;padding-left:5px}
.index a span:nth-child(1){font-weight:bold}
.index a span:nth-child(2){left:40px;padding-right:30px}
.index a span:nth-child(3){right:36px;top:auto;bottom:0;font-size:11px;color:#777}
.index a span:nth-child(4){right:5px;left:auto}
.index :not(.header) a span:nth-child(4){font-weight:bold;color:#61a518}
.index .header a{background:var(--h4-bg);color:#444;font-weight:bold;height:20px}
.index .header a span:nth-child(n+2){border-left:1px solid var(--color-ccc)}
.index + h4{margin-top:2em}
#tabs>ul{list-style:none;display:flex;background:var(--main-bg);border-bottom:1px solid var(--color-ddd)}
#tabs>div:not(#tab1){display:none}
#tabs>ul>li{flex:1}
#tabs>ul>li>a{position:relative;display:block;text-align:center;padding:9px 0;color:#999;font-size:14px;user-select:none}
#tabs>ul>li>a::after{content:"";position:absolute;width:100%;height:4px;left:0;bottom:0;background:transparent}
#tabs>ul>li.active>a{color:var(--link-color);font-weight:bold}
#tabs>ul>li.active>a::after{background-color:currentColor;transition:background-color 0.3s}
.accordion{border:1px solid var(--dark-border);border-bottom:0;background:var(--main-bg)}
.accordion dt{padding:10px;position:relative;padding-left:30px;border-bottom:1px solid var(--dark-border);cursor:pointer}
.accordion dt::before, .accordion dt::after{content:"";position:absolute;width:16px;height:2px;top:50%;left:4px;margin-top:-1px;background:#64a729;transition:.2s}
.accordion dt::after{transform:rotate(90deg)}
.accordion dd{overflow:hidden}
.accordion dt.open, dd>.index{background:var(--dd-index-bg);color:#eee}
.accordion dd>.index{box-shadow:0 -3px 5px rgba(0,0,0,0.2) inset;margin-bottom:-10000px;margin-top:-20em;transition:margin-bottom 0s .2s,margin-top .2s ease-out}
.accordion dt.open{box-shadow:0 3px 5px rgba(0,0,0,0.2)}
.accordion dt.open::before{background:#e23b3b}
.accordion dt.open::after{opacity:0;transform:rotate(360deg)}
.accordion dt.open+dd>.index{margin-bottom:0;margin-top:0;transition:margin-top .2s ease-out}
.accordion .count{background:var(--brand-light-bg);position:absolute;font-size:10px;color:#FFF;top:50%;margin-top:-13px;right:36px;border-radius:50%;width:26px;text-align:center;line-height:1;padding:8px 0;transition:0.2s;letter-spacing:0;user-select:none}
.accordion .count.none{background:#ddd;color:#777}
dl.tbl{margin:.2em 0}
dl.tbl::before,dl.tbl::after{content:" ";display:table}
dl.tbl::after{clear:both}
dl.tbl dt{white-space:nowrap;position:relative;float:left;color:inherit;font-weight:normal;clear:left;padding-right:1em}
dl.tbl dt::before{content:'・'}
dl.tbl dt::after{content:'：';position:absolute;right:0}
li dl.tbl dt::before, .explan dl.tbl dt::before{content:''}
.explan > dl.tbl{margin:0}
.submit{position:relative;overflow:hidden;display:block;width:96%;margin:20px auto;text-align:center;font-size:20px;color:var(--action-btn-text-color);padding:10px 0;border-radius:3px;background:#76af81;background:linear-gradient(#7cb787,#689871);border:0;text-shadow:0 -1px rgba(var(--pure-black),0.15);appearance:none;max-width:340px;cursor:pointer;transition:opacity .2s ease-out;user-select:none}
.submit:hover{opacity:.85}
.submit.touchOn{box-shadow:0 0 8px 2px rgba(var(--pure-black),0.25)}
.submit::before{content:"";position:absolute;left:-40px;top:-20px;width:200%;height:100%;border-radius:50%;background:rgba(255,255,255,.15)}
.submit::after{content:attr(data-text);position:absolute;right:5px;bottom:2px;font-size:14px;text-shadow:none;color:rgba(255,255,255,.4)}
.submit.continue{background:linear-gradient(#f1b85f,#d99f16)}
#canvas_answer_back{width:0;height:0;border:5px solid transparent;box-sizing:border-box;position:fixed;z-index:-1;left:50%;top:50vh}
body.answer #canvas_answer_back{z-index:60}
body.ok #canvas_answer_back{border-radius:50%;animation:draw_ok .5s ease-out 0s}
@keyframes draw_ok{
0%{width:100px;height:100px;margin:-50px 0 0 -50px;border:5px solid #93ed29;opacity:.2}
25%{opacity:.4;border-width:5px}
100%{width:500px;height:500px;margin:-250px 0 0 -250px;border:1px solid #93ed29;opacity:0}
}
body.ng #canvas_answer_back{animation:draw_ng .5s ease-out 0s}
@keyframes draw_ng{
0%{width:80px;height:80px;margin:-40px 0 0 -40px;border:5px solid #e73c3c;transform:rotate(45deg);opacity:.2}
25%{opacity:.4;border-width:5px}
100%{width:450px;height:450px;margin:-225px 0 0 -225px;border:1px solid #e73c3c;transform:rotate(225deg);opacity:0}
}
#canvas_answer_front{width:100px;height:130px;position:fixed;z-index:-1;left:50%;top:calc(50vh - 65px);margin:0 0 0 -50px;transition:.2s ease-in,z-index 0s .2s}
#canvas_answer_front.fadeout{transform:scale(.2, .2);opacity:0}
body.answer #canvas_answer_front{z-index:61;transition:.2s ease-out,z-index 0s 0s}
.ads_side{padding:10px 0;text-align:center;line-height:1}
.ads_content{margin:20px 0;text-align:center;max-width:100%;overflow:hidden;min-height:280px !important}
.adslot{width:336px;height:280px}
@media(max-width:340px)
{
.adslot{width:300px;height:250px}
}
.double{display:flex;min-height:310px}
.double>div{flex:1}
@media(max-width:679px)
{
.double>div:first-child{text-align:center}
.double>div:last-child{display:none}
}
@media (max-width:768px)
{
.ads_side{display:none}
.ads_content{margin:70px 0}
}
.ads_top{width:100%;height:100px;margin:0 auto 20px;overflow:hidden}
@media (max-width:500px)
{
.ads_top{height:50px}
}
.sponsoredLinks{color:var(--color-666);font-size:90%}
#overLayer{position:fixed;top:50%;left:50%;width:780px;border:solid rgba(0,0,0,0.7);border-width:50vh 50vw;transition:.3s ease-out,z-index 0s .3s,width 0s,height 0s,border-width 0s;
transform:translate(-50%,-50%) scale(.95);
box-shadow:0 0 0 1px var(--dark-border) inset;opacity:0;background:var(--main-bg);background-clip:padding-box;z-index:-1;line-height:1.6}
body.modal #overLayer{transform:translate(-50%,-50%) scale(1);opacity:1;z-index:40;transition:.3s ease-out,z-index 0s 0s,width 0s,height 0s,border-width 0s}
body.modal #overLayer.abs{transform:translate(-50%,0) scale(1);position:absolute;top:-47vh}
#overLayer.signup{width:360px;height:auto}
#overLayer.coverage{height:auto}
#overLayer.account{width:400px;height:420px}
#overLayer.review{width:400px;height:470px}
/* 成績詳細 */
#reportWrap{display:table;width:100%;padding:5px;box-sizing:border-box}
#reportWrap > div{display:table-cell}
#overLayer h2{margin:5px;padding:5px 10px;border-radius:0}
#overLayer h2 .username{font-size:11px;position:absolute;right:15px;top:15px}
#overLayer h3{font-size:90%;border-bottom:2px solid currentColor;padding-left:5px;color:var(--h3-color)}
.overview{width:300px;padding-right:20px}
.overview .content{margin:1em 0}
#overLayer .rankingStr{font-size:12px;color:var(--color-666);position:absolute;top:45px;right:10px}
#overLayer .rankingStr>span{color:#56cc90;font-weight:bold}
#overLayer .rankingStr>span>span{font-size:190%;line-height:1.5}
#canvas_percentage{position:absolute;right:0;width:80px;height:25px;top:calc(50% - 12px);letter-spacing:0}
#raderChart, #raderChart canvas{width:280px;height:210px}
#raderChart{position:relative;margin:5px auto}
#raderChart canvas{position:absolute;left:0;top:0;letter-spacing:0}
#canvas_rader_front{z-index:1}
.overview dt{font-size:12px}
.overview dt.total{font-size:130%;position:relative;color:inherit}
.overview dt.total > span{font-size:70%;margin:0 2.5px;font-weight:normal}
.overview dd{display:flex;flex-wrap:wrap;position:relative;padding:0.2em 0;border-bottom:1px dashed var(--color-eee);margin-left:0;text-indent:0.5em;line-height:1.4}
.overview dd:last-child{border-bottom:0}
.overview dd > :first-child{flex-grow:1}
.overview dd>.percentage{font-weight:bold}
.overview p.over{color:#599e2f}
.overview p.under{color:#c7523d}
.overview span{font-weight:bold}
.overview span.rank3{color:#cc9d13}
.overview span.rank2{color:#909597}
.overview span.rank1{color:#ac724e}
.overview span.rank-{color:var(--color-555)}
.closeBtn{position:fixed;top:50%;left:50%;z-index:41;opacity:0.85;width:30px;height:30px;background:#F3F3F3 padding-box;border-radius:50%;box-shadow:0 0 0 2px #535d67 inset;color:#535D67;border:5px solid transparent;text-align:center;transition:.2s linear,margin 0s;cursor:pointer}
.closeBtn::after{font-family:Arial,"Helvetica CY","Nimbus Sans L",sans-serif !important;content:"×";display:block;font-size:30px;line-height:30px;transition:.2s linear}
.closeBtn:hover,.closeBtn:active{background-color:#5f6753;box-shadow:0 0 0 2px #DDD inset}
.closeBtn:hover.closeBtn:after,.closeBtn:active.closeBtn:after{color:#DDD}
.historyTableWrap{max-height:601px;min-height:601px;max-width:460px;overflow-y:scroll}
.historyTableWrap table{background:var(--main-bg);font-size:12px;width:100%}
.historyTableWrap table tr{border-bottom:1px solid var(--color-eee)}
.historyTableWrap table tr:nth-child(n+102){display:none}
.historyTableWrap table tr.h td{font-weight:bold;background:var(--main-bg-sub);font-size:11px;padding:0 4px}
.historyTableWrap table td{padding:4px;white-space:nowrap}
.historyTableWrap table a:hover{text-decoration:underline}
.historyTableWrap span.dem{position:relative}
.historyTableWrap span.dem::before{content:attr(data-date);display:block;position:absolute;background:var(--main-bg-sub);bottom:80%;left:-4px;font-size:10px;border-radius:3px;padding:0 4px}
.datePicker{height:30px;padding:5px 0 5px 10px}
.datePicker>div{display:inline-block}
.datePicker select{min-width:130px}
.customDateWrap{margin:0 0 0 1em}
.coverageTableWrap{overflow-x:scroll}
.coverageTableWrap .fixedCol{position:-webkit-sticky;position:sticky;left:0;white-space:nowrap;padding:2px 3px 2px 5px;background:var(--coverageTable-bk);color:var(--coverageTable-color);letter-spacing:0}
.coverageTableWrap .fixedCol .star{color:#ffd96e;line-height:1;font-size:14px;-webkit-text-stroke:1px #e2a75e}
.coverageTableWrap .header td{background:var(--coverageTable-bk-sub);color:var(--coverageTable-color);text-align:center;line-height:1.5}
.coverageTableWrap table{background:var(--main-bg);border-bottom:1px solid rgba(var(--pure-black),0.1)}
.coverageTableWrap table tr:nth-last-child(even){background:var(--main-bg-sub)}
.coverageTableWrap table tr:hover{background:rgba(124,201,199,0.1)}
.coverageTableWrap table td{width:16px;height:16px;padding:3px 2px;font-size:12px;line-height:1}
.coverageTableWrap table tr:nth-last-child(even) .fixedCol{background:var(--coverageTable-bk-sub)}
.coverageTableWrap table td:nth-child(10n+2){border-left:1px solid rgba(var(--pure-black),0.1)}
.coverageTop>div:first-child{width:300px}
.coverageTop dl{margin:0}
#coverageTop{width:100%}
#coverageTop{display:flex}
#coverageTop > div{flex:1;margin:0}
#coverageTop > div .percentage{position:absolute;bottom:0.5rem;right:5px}
#coverageTop > div dt{color:inherit}
@media (min-width:1024px){
.coverageTableWrap{max-height:560px;width:100%}
}
#barChart{background:linear-gradient(var(--main-bg-sub),var(--body-bg));padding:1px;border:1px solid var(--dark-border);height:30px;margin:25px 5px 15px 0}
#barChart>div{height:100%;background:#6fc126;background:linear-gradient(#bdec99,#6ac826 50%,#5cc211);transition:1.5s cubic-bezier(0.215,0.61,0.355,1);transform:scaleX(0);transform-origin:left top}
#barChart.show>div{transform:scaleX(1)}
#canvas_coverage{position:absolute;left:50%;margin-left:-80px;top:64px;width:160px;height:50px}
table.testgroup td:nth-child(3){text-align:center}
table.testgroup td:nth-child(4){text-align:right}
table.testgroup td[class]{font-weight:bold;text-decoration:underline;text-decoration-thickness:3px}
table.testgroup td.ok{color:#66a822}
table.testgroup td.caution{color:#e0a921}
table.testgroup td.ng{color:#de5d45}
#sliderWrap{overflow-x:hidden}
#slider{display:table;height:360px}
#slider:not(.init){transition:transform .2s}
#slider>div{position:relative;height:100%;box-sizing:border-box;display:table-cell;vertical-align:top}
.confirmTable{margin:10px 5px}
.confirmTable > dt{padding:5px 0 0 5px;font-size:11px;color:var(--dt-color);font-weight:normal}
.confirmTable > dd{font-size:16px;margin:0;padding:5px;border-bottom:1px solid var(--dark-border);position:relative}
.confirmTable > dd:last-child{border-bottom:none}
.confirmTable > dd button{position:absolute;top:-5px;right:5px}
.confirmTable > dd a{position:absolute;top:4px;right:10px;padding:5px;line-height:1;transform:rotateY(180deg)}
.confirmTable > dd i:not(.loading){vertical-align:-1px;margin:0 5px 0 -5px}
.confirmTable > dd label{display:block;cursor:pointer}
.confirmTable > dd [type="checkbox"]{margin-right:5px}
.confirmTable > dd.checked{background:rgba(255,204,22,0.15)}
.confirmTable.bookmarkList{overflow-y:scroll !important}
.confirmTable.bookmarkList dd{display:inline-block;width:50%;box-sizing:border-box}
#overLayer .confirmTable.bookmarkList h3{display:block/*モバイルでのdisplay:noneを打ち消す*/;line-height:2}
.confirmTable.membership dt{float:left;font-size:16px;width:100px}
#changeMembership.register{background:linear-gradient(#ffe092,#f1ad32);font-weight:bold;color:#533131}
#show_cancel_membership{background:transparent;color:#e7b62c;border-color:currentColor}
#show_cancel_membership:hover{text-decoration:underline}
#show_cancel_membership:active{background:#e7b62c;color:var(--main-bg)}
@media (min-width: 1024px){
.confirmTable.backup > dd{display:inline-block;width:50%;padding:5px 0}
}
#floatBtn{position:absolute;bottom:15px;width:100%;text-align:center}
#floatBtn button{appearance:none;width:46%;height:44px;max-width:300px;font-size:100%;padding:10px 0;margin:0 2%;border-radius:3px;transition:.3s}
#floatBtn [id$="ok"]{font-weight:bold;color:var(--action-btn-text-color);border-color:#cb9b67;background:#f3a530;background:linear-gradient(#ffb341,#ffa51e)}
i.maru, i.batu, i.un{position:relative;top:-1px;display:inline-block;background:none;letter-spacing:0;width:14px;height:14px}
i.maru{border:3px solid #6ebb34;border-radius:50%;box-sizing:border-box}
i.batu::before,i.batu::after{content:"";position:absolute;display:block;width:14px;height:3px;background:#e65a5a;left:0;top:50%;margin-top:-1px}
i.batu::before{transform:rotate(-45deg)}
i.batu::after{transform:rotate(45deg)}
i.un::before{content:"";position:absolute;display:block;width:12px;height:3px;background:#b6b6b6;top:50%;margin-top:-1px;left:1px}
i{background:var(--sprite-url) 0 0/225px auto no-repeat;display:inline-block;vertical-align:middle;overflow:hidden;font-style:normal}
i.ok, i.ng, i.caution, i.maru, i.un{position:relative;background:none;letter-spacing:0;width:14px;height:14px;margin-right:2px}
i.ok::before{content:"";position:absolute;display:block;width:8px;height:3px;border:solid #51b90f;border-width:0 0 2px 2px;left:1px;top:50%;margin-top:-4px;transform:rotate(-45deg)}
i.caution::before{content:"!";position:absolute;display:block;width:12px;height:12px;line-height:14px;border:1px solid #eccd5f;border-radius:50%;color:#544e41;font-size:11px;text-align:center;background:#fdd249;background:linear-gradient(to right bottom,#ffe458,#ffc31a)}
i.ng::before,i.ng::after{content:"";position:absolute;display:block;width:12px;height:2px;background:#ef4c4c;left:1px;top:50%;margin-top:-1px}
i.ng::before{transform:rotate(-45deg)}
i.ng::after{transform:rotate(45deg)}
i.loading{background:transparent;width:14px;height:14px;border:2px solid #3FBDFF;border-radius:50%;border-right-color:rgba(255,255,255,.1);margin-right:5px;animation:spin 1.5s linear;animation-iteration-count:infinite}
i.loading.large{width:30px;height:30px;border-width:4px;display:block;margin:auto}
i.ok.large{width:26px;height:26px}
i.ok.large::before{width:20px;height:7px;border-width:0 0 4px 4px;margin-top:-8px}
i.ok.exlarge{width:150px;height:150px;display:block;margin:1em auto 2em}
i.ok.exlarge::before{width:120px;height:40px;border-width:0 0 20px 20px;margin-top:-36px;left:5px}
i.caution.large{width:130px;height:130px}
i.caution.large::before{width:120px;height:120px;line-height:130px;border-width:5px;font-size:120px}
i.ok[class*="large"]::after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:var(--main-bg);z-index:1;transition:width .5s}
i.ok[class*="large"].show::after{width:0}
i.user,i.password,i.confirm,i.email,i.note,i.backup,i.member,i[class^="rank"]{width:16px;height:16px}
i.user{background-position:0 -100px}
i.password{background-position:-16px -100px}
i.confirm{background-position:-32px -100px}
i.email{background-position:-48px -100px}
i.note{background-position:-64px -100px}
i.backup{background-position:0 -116px}
i.member{background-position:-16px -116px}
i.rank3{background-position:-80px -100px}
i.rank2{background-position:-96px -100px}
i.rank1{background-position:-112px -100px}
i.rank0{background-position:-128px -100px}
i.rank-{background-position:-9999px -9999px}
i.eye{width:24px;height:24px;background-position:-202px 0}
[type="password"]~i.eye{background-position:-202px -20px}
i[class^="level"]{width:32px;height:32px}
i.level{background-position:9999px 9999px}
i.level1{background-position:0 -140px}
i.level2{background-position:-32px -140px}
i.level3{background-position:-64px -140px}
i.level4{background-position:-96px -140px}
i.level5{background-position:-128px -140px}
#answer_data{display:none;line-height:1.7;font-size:90%}
#answer_data > span{display:inline-block;height:.6em;margin:1px 1ex;background:#ffb0a3;transform-origin:left top;transform:scale(0,1)}
#answer_data.show > span{transform:scale(1);transition:.5s ease-out}
#answer_data > span.max{background:#ea6852}
#answer_data > .mb{display:inline-block;width:1em;text-align:center}
.answerBox .cite{display:inline-block;margin-left:2em}
.answerBox h3{display:inline-block}
@media screen and (min-width:601px)
{
.answerBox{display:flex}
.answerBox > div{flex:1}
}
/* 道場 */
#doujoulogo{width:385px;height:64px;margin:5px 0 10px}
#tabs label{cursor:pointer;letter-spacing:0}
#tab4 .content span{display:inline-block;color:var(--color-555);font-size:12px;margin:0 .5em}
#loginBtn{position:absolute;top:62px;right:320px;z-index:1;font-size:12px;background:var(--main-bg-sub);padding:3px 5px 3px 28px;border:1px solid var(--color-ddd);border-radius:4px;cursor:pointer;transition:background-color .2s ease-out;user-select:none}
#loginBtn:hover{background-color:var(--color-eee)}
#loginBtn::before{content:"";display:inline-block;position:absolute;top:2px;left:5px;width:20px;height:20px;background:var(--sprite-url) -40px 0/112px auto no-repeat}
#loginBtn.login::before{background-position-x:-80px}
#loginBtn.login.member:not(.panel_open #loginBtn)::before{background:url(/membership/img/member_icon.png) 0 0/20px auto no-repeat}
.panel_open #loginBtn::before{background-position-x:-60px}
#loginBtn::after{content:"\25BC"}
#calcBtn{position:absolute;top:0;right:40px;width:20px;height:28px;padding:0 4px;background:no-repeat url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2228%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20rx%3D%222%22%20ry%3D%222%22%20width%3D%2218%22%20height%3D%2226%22%20stroke%3D%22%23aaa%22%20fill%3D%22transparent%22%20stroke-width%3D%222%22%20%2F%3E%3Cline%20x1%3D%223%22%20y1%3D%226%22%20x2%3D%2217%22%20y2%3D%226%22%20stroke%3D%22%23aaa%22%20stroke-width%3D%224%22%20%2F%3E%3Cline%20stroke-dasharray%3D%223%2C2%22%20x1%3D%225%22%20y1%3D%2211%22%20x2%3D%225%22%20y2%3D%2224%22%20stroke%3D%22%23aaa%22%20stroke-width%3D%223%22%20%2F%3E%3Cline%20stroke-dasharray%3D%223%2C2%22%20x1%3D%2210%22%20y1%3D%2211%22%20x2%3D%2210%22%20y2%3D%2224%22%20stroke%3D%22%23aaa%22%20stroke-width%3D%223%22%20%2F%3E%3Cline%20stroke-dasharray%3D%223%2C2%2C8%22%20x1%3D%2215%22%20y1%3D%2211%22%20x2%3D%2215%22%20y2%3D%2224%22%20stroke%3D%22%23aaa%22%20stroke-width%3D%223%22%20%2F%3E%3C%2Fsvg%3E) 4px 0;cursor:pointer}
#calcBtn.show{filter:sepia(70%) hue-rotate(-10deg) saturate(300%)}
[id^="bookmarkBtn_checkbox"]{display:none}
[id^="bookmarkBtn"]{position:absolute;top:0;right:0;cursor:pointer}
[id^="bookmarkBtn"] *{transition:.3s ease-out}
[id^="bookmarkBtn_checkbox"]:checked+label .bookmarkBtn_bg{fill:#ea5757}
[id^="bookmarkBtn_checkbox"]:checked+label .bookmarkBtn_frame{fill:#db4343}
[id^="bookmarkBtn_checkbox"]:checked+label .bookmarkBtn_star{fill:#ffb412;transform:rotateX(-360deg)}
.input_times{border:solid var(--dark-border);border-width:1px 0 0 1px}
.input_times li{list-style:none;width:33.33%;display:inline-block;box-sizing:border-box;border:solid var(--dark-border);border-width:0 1px 1px 0}
.input_times li label, .input_times.moshi label span{display:block;padding:8px 0;cursor:pointer;user-select:none}
.input_times li label{position:relative;text-indent:20px;background:var(--main-bg-sub)}
.input_categories dd label{display:block;position:relative;font-size:14px;padding:10px 5px;border-bottom:1px solid var(--dark-border)}
.input_times [type="checkbox"],.input_categories [type="checkbox"]{position:absolute;top:50%;margin-top:-9px;right:8px}
.input_categories .font0+span{display:none}
.input_categories .index li{display:inline-block;width:50%}
.input_times.moshi label{padding:0}
.input_times.moshi [type="radio"]{display:none}
.input_times.moshi [type="radio"]:checked+span{color:var(--link-color);font-weight:bold;outline:2px solid currentColor;outline-offset:-1px;border-radius:3px}
.checkall{background:var(--main-bg);text-align:right;padding:12px 0;font-size:12px;color:var(--color-555)}
.options > label, .options > div{display:block;padding:10px 0 10px 5px;background:var(--main-bg);border-bottom:1px solid var(--dark-border)}
.options div > label{width:20%;display:inline-block}
.options [data-text]{position:relative;overflow:hidden}
.options [data-text="メンバー限定"]::before{content:'★';position:absolute;left:-19px;top:-2px;color:#cf7b30;background:#ffc350;line-height:1.1;width:50px;text-align:center;transform:rotate(-45deg);}
.options [data-text]::after{content:attr(data-text);display:block;position:absolute;right:0;top:0;background:#d45252;color:#fff;padding:3px;font-size:80%;line-height:1}
#configform .error{display:none;color:#f3f3f3;font-size:13px;text-align:center;padding:4px 0;background:#da5858;margin:5px;position:relative}
#configform .error::after{content:"";position:absolute;display:block;width:0;height:0;border:solid transparent;border-width:12px 8px;border-top-color:#da5858;top:100%;left:50%;margin-left:-8px;z-index:1}
.configBtnWrap{position:relative;height:50px}
.configBtnWrap #config{position:absolute;top:0;right:2%}
.configBtnWrap + #configform{display:none}
#stateMessage{position:fixed;top:0;left:0;width:100%;font-size:15px;padding:5px 0;background:rgba(0,0,0,.7);color:rgba(255,255,255,.8);text-align:center;z-index:70;transform:translateY(-100%);transition:transform .2s}
#stateMessage.show{transform:translateY(0)}
.content.sessionErrorMessage{color:#d93c3c;background:rgba(227,61,61,0.1);border:1px solid currentColor;padding:7px}
[href$="Manual.html"]{color:var(--link-color);text-decoration:underline}
#userPanel{position:absolute;top:100px;right:320px;width:330px;font-weight:normal;background:var(--main-bg);border:1px solid var(--main-border);box-shadow:-3px 3px 12px -1px rgba(80,80,80,0.3);transition:none;transform-origin:calc(100% - 58px) top;transform:scale(0);z-index:10}
.panel_open #userPanel{transform:scale(1);transition:transform .2s ease-out}
#userPanel::before,#userPanel::after{content:"";position:absolute;right:58px;width:0;height:0;border:solid transparent;border-width:0 8px 10px 8px}
#userPanel::before{top:-11px;border-bottom-color:var(--main-border)}
#userPanel::after{top:-9px;border-bottom-color:var(--main-bg)}
/*フォーム共通*/
.inputWrap{position:relative}
.inputWrap i{position:absolute !important;top:50%;margin-top:-8px;left:4px}
.inputWrap i.eye{left:auto;right:-2px;margin-top:-20px;border:8px solid transparent;background-clip:padding-box;cursor:pointer}
.inputWrap [type="text"],.inputWrap [type="password"],.inputWrap [type="email"]{width:100%;letter-spacing:.05em;font-size:16px;padding:12px 0 12px 24px;border-width:0 0 1px 0}
.inputWrap label{position:absolute;left:22px;top:calc(50% - 11px);font-size:16px;color:#888;padding:0 2px;border-radius:4px;pointer-events:none;transition:transform .1s;transform-origin:left top}
.inputWrap input:focus + label,.inputWrap input:not(:placeholder-shown) + label,.inputWrap input:-webkit-autofill + label{background:var(--input-bg);color:inherit;transform:scale(0.75) translate(-20px, -28px)}
.inputWrap input:-webkit-autofill + label{transition:none}
.validationForm .error{position:absolute;top:36px;left:14px;padding:3px 5px;background:#d75656;font-size:11px;color:#FFF;opacity:0;transition:opacity .3s;z-index:1}
.validationForm .error.show{opacity:1}
.validationForm .error::before{content:"";position:absolute;left:10px;width:0;height:0;border:5px solid transparent;border-bottom:7px solid #d75656;top:-11px}
.signForm{padding:15px;font-size:90%}
.signForm>div{margin-bottom:20px}
.signForm [type="submit"]{margin:20px 0;width:100%;font-weight:bold;text-align:center;font-size:16px;padding:10px 0;border-radius:3px;color:var(--action-btn-text-color);border:0;background:#e19e19;background:linear-gradient(#f2b861,#e08400)}
.signForm [type="submit"]:disabled,#floatBtn [id$="ok"]:disabled{color:#e6e6e6;border:1px solid #9c9c9c;background:#a3a3a3;background:linear-gradient(#aaa,#999)}
#overLayer .message-headline{font-size:120%;margin-bottom:.5em}
#overLayer .message-detail{color:var(--color-666)}
#overLayer.signup .message{min-height:65px}
#accountForm .message{min-height:40px}
/*ログインフォーム*/
#formTitle,.autoLogin{font-size:14px}
#resetPassword{color:var(--link-color)}
#signup{float:right;display:block;font-size:14px;color:#57a711;border:1px solid currentColor;border-radius:3px;padding:2px 3px;margin-top:-5px}
#signup:active{color:#FFF;background:#7ac33a}
/*管理パネル*/
#adminForm ul{list-style:none}
#adminForm li>a{display:block;position:relative;padding:12px 5px 12px 48px;border-bottom:1px solid var(--dark-border);background:linear-gradient(transparent,var(--main-bg-sub));border-left:0px solid var(--link-color);transition:border-left .1s .2s;white-space:nowrap}
#adminForm li>a:hover::after,#adminForm li>a:active::after{content:"";display:block;position:absolute;top:15px;right:13px;width:10px;height:10px;border:solid var(--color-ddd);border-width:4px 4px 0 0;transform:rotate(45deg)}
#adminForm li>a:active{border-left-width:6px;transition:border-left .1s}
#adminForm li>a i{position:absolute;top:50%;margin-top:-16px;left:8px;width:32px;height:32px}
.membership-menu, .member + #userPanel .not-membership-menu{display:none}
.member + #userPanel .membership-menu{display:block}
i.history{background-position:0 -50px}
i.coverage{background-position:-32px -50px}
i.testgroup{background-position:-64px -50px}
i.account{background-position:-96px -50px}
i.review{background-position:-160px -50px}
i.unanswer{background-position:-160px -82px}
i.bookmark{background-position:-192px -50px}
i.bookmark_edit{background-position:-192px -82px}
i.membership{background-position:-160px -140px}
i.tokuten{background-position:-128px -50px}
i.progress{background-position:-192px -140px}
/*掲示板*/
i[class^="kao"]{width:32px;height:32px;background:url(img/sprite_bbs.png) no-repeat;background-size:224px auto;margin-right:5px;transition:none}
i.kao1{background-position:0 0}
i.kao2{background-position:-32px 0}
i.kao3{background-position:-64px 0}
i.kao4{background-position:-96px 0}
i.kao5{background-position:-128px 0}
i.kao6{background-position:-160px 0}
i.kao7{background-position:-192px 0}
i.kao8{background-position:0 -32px}
i.kao9{background-position:-32px -32px}
i.kao10{background-position:-64px -32px}
i.kao11{background-position:-96px -32px}
i.kao12{background-position:-128px -32px}
i.kao13{background-position:-160px -32px}
i.kao14{background-position:-192px -32px}
.bbsUser i[class^="kao"]{position:relative;top:-2px}
:checked + i[class^="kao"]{outline:1px solid var(--body-color);outline-offset:1px;border-radius:50%}
.index.bbs a{font-size:16px;height:auto;color:var(--link-color);padding:9px 20px 9px 38px}
.index.bbs a:visited{color:#8e836d}
.index.bbs a [class^="kao"]{position:absolute;left:2px;top:calc(50% - 16px)}
i.nusi,i.shusei,i.bbsnew,i.bbsup{line-height:1;font-size:10px;color:#FFF;font-weight:normal}
i.nusi{padding:4px 8px;margin-top:-4px;border-radius:3px;background:#428aff}
i.nusi::before{content:"スレ主"}
i.shusei{padding:4px 5px;border-radius:3px;background:#4cb012}
i.shusei::before{content:"修正依頼"}
i.bbsnew{padding:2px 3px;border-radius:2px;background:#ff9800}
i.bbsup{padding:2px 4px;border-radius:2px;background:#f25353}
i.bbsnew::before{content:"new"}
i.bbsup::before{content:"up"}
.bbsUser{position:relative;top:7px;padding-left:5px}
.bbsUser em.r{font-size:15px}
.bbsUser .no{position:absolute;bottom:5px;right:5px;font-size:10px;color:#777}
.bbsInfo{color:#777;font-size:70%;margin-top:2px}
.bbsInfo img{vertical-align:middle}
.bbsUser + .content{border:1px solid var(--main-border);border-radius:4px;padding:10px 10px 5px;word-break:break-all;margin-top:0;box-shadow:1px 1px 5px rgba(0,0,0,.2), inset 0 0 30px rgba(128,128,128,.15)}
.bbsUser + .content q{color:#ab40c3}
.bbsUser + .content .grayText{margin-bottom:0}
.bbsUser + .content a{background:linear-gradient(transparent 85%,rgb(81 201 185 / 70%) 85%);text-decoration:none}
.bbsUser + .content a:active{color:#d8852f;background:linear-gradient(transparent 85%,rgba(224,148,94,.7) 85%)}
#form_pane>div{margin-bottom:1em}
#form_pane [type="text"],#form_pane [type="password"],#form_pane [type="email"],#form_pane textarea{max-width:400px;padding:5px;letter-spacing:.5pt}
#form_pane textarea{width:100%;min-width:100%;max-width:100%;min-height:200px;max-height:1000px;height:300px;font-size:13px}
#form_pane #notification ~ .inputWrap{display:none}
#form_pane #notification:checked ~ .inputWrap{display:block}
#bbsEditForm input, #bbsEditForm select{font-size:16px}
.kaoiconWrap label{display:inline-block}
#preview_pane{display:none}
.social-btn-list{list-style:none;display:flex;width:100%;margin-top:50px !important;padding-bottom:5px}
.social-btn-list li{flex:1;margin:0 4px !important}
.social-btn{display:block;width:100%;padding:10px 0 5px;text-align:center;border-radius:4px;color:#fff !important;cursor:pointer;transition:0.15s;user-select:none}
.social-btn:hover{text-decoration:underline}
.social-btn:active{transform:translateY(1px)}
.social-btn i{background-size:151px auto;width:16px;height:16px;margin-right:5px;transform:scale(1.2) translateY(-1px)}
.ln-btn{background-color:#06C755;box-shadow:0 2px 0 #09a548}
.ln-btn:active{box-shadow:0 1px 0 #09a548}
.ln-btn::after{content:"学習成績を送る"}
.ln-btn i{background-position:-85px -78px}
.tw-btn{background-color:#000;box-shadow:0 2px 0 #3f3f3f}
.tw-btn::after{content:"学習成績をポスト"}
.tw-btn:active{box-shadow:0 1px 0 #3f3f3f}
.tw-btn i{background-position:-101px -78px}
.fb-btn{background-color:#1877F2;box-shadow:0 2px 0 #1d63bd}
.fb-btn::after{content:"学習成績をシェア"}
.fb-btn:active{box-shadow:0 1px 0 #1d63bd}
.fb-btn i{background-position:-117px -78px}
.link-btn{background-color:#ccc}
.link-btn i{background-position:-133px -78px}
.social-btn-list_mini{text-align:center;margin:2em 0}
.social-btn-list_mini .social-btn{display:inline-block;width:24px;height:24px;border-radius:50%;box-shadow:none;padding:5px;margin-left:5px;vertical-align:middle}
.social-btn-list_mini .social-btn i{margin:0}
.social-btn-list_mini .social-btn::after{content:""}
.social-btn-list_mini .social-btn:active{transform:none}
@media (max-width:768px)
{
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
[type="checkbox"]{width:1.25em;height:1.25em}
#menuBtn, .menuCloseBtn{display:block}
body{width:100%;overflow-x:hidden}
#main_contents{border:0;max-width:none;min-height:calc(100vh - 164px - 42px - 30px)}
header{position:fixed;top:0;left:0;z-index:30;width:100%;background:color-mix(in srgb, var(--main-bg) 80%, transparent);height:44px;backdrop-filter:blur(4px)}
#content{position:static;min-height:calc(100vh - 194px)}
#countdown,nav .ads_content{display:none}
#logo{width:250px;height:auto;padding:5px 5px}
#menuBtn,#loginBtn{width:40px;height:40px;position:absolute;top:0;right:0;background:var(--sprite-url) no-repeat 0 0/225px auto;cursor:pointer;border:2px solid #13795b}
#menuBtn{background-position:0 0}
.menu_open #menuBtn{background-position:-40px 0}
nav{position:absolute;top:44px;left:0;width:100%;transition:max-height .6s ease-out,opacity .6s ease-out;opacity:.2;max-height:0;overflow:hidden;z-index:-1}
nav>ul>li>a{position:relative;text-align:left;text-indent:10px;padding:12px 0}
#test_menu+h3~a{background:var(--main-bg-sub);box-sizing:border-box;display:inline-block;width:50%;padding:12px 0;position:relative;border-bottom:1px solid var(--main-border);text-align:left;margin:0;text-indent:10px;height:auto}
#test_menu+h3~a:nth-last-of-type(odd){border-left:1px solid var(--main-border)}
#test_menu+h3~a::before,nav>ul>li>a::before{content:"";display:block;position:absolute;top:50%;right:15px;left:auto;width:7px;height:7px;margin-top:-6px;border:2px solid #60938f;border-width:2px 2px 0 0;transform:rotate(45deg)}
nav>ul>li>a:hover{text-decoration:none;background:var(--main-bg-sub);box-shadow:none}
nav>a:not([href$="php"]):hover{box-shadow:none}
.menuCloseBtn{font-size:16px;padding:10px 0;margin:15px 0;color:var(--action-btn-text-color);background:var(--brand-light-bg);cursor:pointer}
.menuCloseBtn:active{color:#AAA}
.menu_open nav{opacity:1;max-height:2000px;z-index:20}
#content,#content>main,#content>nav{display:block}
.pan{width:100%;list-style:none;overflow:hidden;overflow-x:scroll;background:var(--pan-bg);margin:0;white-space:nowrap;letter-spacing:0}
.pan li a{position:relative;display:block;padding:5px 0 5px 28px;background:var(--brand-pale-bg);color:var(--color-444)}
.pan li a.touchOn{background:#efa73d;color:#FFF;text-shadow:1px 1px rgba(0,0,0,.3)}
.pan a::after,.pan a::before{content:"";display:block;width:0;height:0;border:25px solid transparent;position:absolute;left:100%;top:50%;margin:-25px 0 0 0}
.pan a::after{border-left:18px solid var(--brand-pale-bg);z-index:2}
.pan li a.touchOn::after{border-left-color:#efa73d}
.pan a::before{border-left:18px solid rgb(125 113 109 / 50%);margin-left:1px;z-index:1}
.pan li:first-child, .pan li b{display:none}
.pan li:nth-child(2) a{padding-left:8px}
main{width:100%;max-width:none;background:var(--body-bg);padding:46px 0 0 0}
main h2, #overLayer h2{font-size:14px;border-radius:0;color:#FFF;border:0;text-shadow:1px 1px rgba(0,0,0,.2);padding:3px 8px;margin:0;overflow:hidden;background:var(--brand-bg);background:linear-gradient(var(--brand-light-bg),var(--brand-bg));border-top:1px solid rgba(16,16,16,.1)}
main h2::before{display:none}
.content.resultMessage{color:inherit;letter-spacing:0}
.content{background:var(--main-bg);line-height:1.7;margin:8px 2px !important;border-radius:4px;font-size:15px;padding:2px 7px;word-break:break-all;letter-spacing:.5pt}
.selectList li:hover{box-shadow:none}
.bottomNav{margin:30px 0;min-height:52px;background:var(--main-bg) 0 0/2px 2px;padding:10px 0;border:solid rgba(64,64,64,0.1);border-width:1px 0;background-image:linear-gradient(-45deg,transparent 25%,rgba(64,64,64,0.3) 25%,rgba(64,64,64,0.3) 50%,transparent 50%, transparent 75%,rgba(64,64,64,0.3) 75%,rgba(64,64,64,0.3))}
.bottomNav li{padding:4px 10px}
.minilogo{display:none}
footer a{display:block;font-size:12px;margin:0;padding:12px 0 12px 22px;background:var(--main-bg);border-bottom:1px solid var(--dark-border)}
#___gcse_0 a{padding:0}
.copyright{text-align:center}
.index{border:0}
.index:not(.bbs) li:nth-child(odd){background:transparent}
.index a{font-size:14px;padding:12px 7px}
.index a span:nth-child(n+2){top:12px}
body.menu_open main, body.menu_open footer, body.menu_open .adsbygoogle{display:none !important}
/* 道場 */
html.modal,body.modal{height:100%;max-height:100%;overflow-y:hidden}
body.modal #main_contents{visibility:hidden;transition:visibility 0s .3s}
#overLayer{background:var(--body-bg);box-shadow:none;position:absolute;top:0;left:0;bottom:0;right:0;width:auto !important;height:auto !important;transform:scale(.9);border:0;overflow-y:scroll;pointer-events:none}
body.modal #overLayer{transform:scale(1);pointer-events:auto}
#reportWrap,#reportWrap>div{display:block}
#reportWrap{padding:0}
.overview{width:auto;padding-right:0}
.overview .content dl{margin:0.3em 0 0 0;line-height:2}
.overview dt{font-size:14px}
#overLayer h2{padding:6px 8px}
#overLayer h2 .username, #overLayer h3{display:none}
#overLayer .rankingStr{position:static;text-align:center;padding:5px 0}
.closeBtn{top:-3px;left:auto;right:0;margin:0 !important}
.detail .tableWrap{max-height:none;overflow-y:auto}
.detail table tr:not(.h) td:nth-child(3){font-size:11px}
.datePicker{background:var(--main-bg);height:auto;padding:10px 0;text-align:center}
.datePicker, .datePicker select, .datePicker [type="date"]{font-size:16px}
.customDateWrap{margin:10px 0 0 0}
.historyTableWrap{max-height:none;max-width:none;overflow:auto}
.historyTableWrap table td{padding:6px 4px}
.historyTableWrap table a{color:var(--link-color)}
.coverageTop>div:first-child{width:auto}
#coverageTop{flex-direction:column}
.confirmTable{border-radius:4px;background:var(--main-bg);overflow:hidden}
.confirmTable:not(.backup) > dd label{padding:3px 0}
.confirmTable.bookmarkList{margin:0}
i.ok[class*="large"]::after{background:var(--body-bg)}
#loginBtn{right:44px;font-size:0;padding:0;/*border:none;*/border-color:#575757;border-radius:0;background-position:-80px 0}
#loginBtn.login{background-position-x:-160px}
#loginBtn.login.member:not(.panel_open #loginBtn){background:url(/membership/img/member_icon.png) 0 0/40px auto no-repeat}
.panel_open #loginBtn{background-position-x:-120px}
#loginBtn::before,#loginBtn:after{display:none}
#userPanel{top:48px;right:0}
.checkall{padding:12px 5px;font-size:14px}
.checkall > span{float:left}
.bbsUser + .content{border:0;padding:6px;margin-top:0 !important}
.index.bbs a{padding:12px 20px 12px 38px}
}
@media (max-width:500px)
{
.index .header, .index a span:nth-child(4){display:none}
.index a::before{display:block}
.index a span:nth-child(2){left:45px}
.index a span:nth-child(3){left:auto;top:auto;right:24px;bottom:0;font-size:10px;color:#999}
.selectBtn a{margin:0 4px}
.resultMessage span:first-of-type{font-size:0}
.img_margin.left{margin-left:0}
.tbl dd{float:left !important;margin-left:1em !important}
/* 道場 */
#doujoulogo{width:270px;height:45px}
.input_times li{margin:0;border-top:0;width:50%}
.input_times li label{padding:12px 0;text-indent:8px;white-space:nowrap;background:var(--main-bg)}
.input_categories .font0{display:none}
.input_categories .font0+span{display:inline}
.input_categories .index li{display:block;width:auto}
.input_times.moshi label span{padding:11px 0}
#userPanel{width:90%;box-sizing:border-box}
.social-btn{font-size:11px;padding:7px 0 3px}
.social-btn i{background-size:225px auto;width:24px;height:24px;margin:0 auto;display:block;transform:none}
.social-btn-list_mini .social-btn{padding:7px}
.ln-btn i{background-position:-126px -116px}
.tw-btn i{background-position:-150px -116px}
.fb-btn i{background-position:-174px -116px}
.link-btn i{background-position:-198px -116px}
}
@keyframes spin{
0%{transform:rotate(0);opacity:.3}
50%{transform:rotate(180deg);opacity:1}
100%{transform:rotate(360deg);opacity:.3}
}