@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap);#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:0}.navbar{display:flex;justify-content:flex-start;padding:5px;background-color:azure;width:98vw;border:1px solid #000}.navbar a{color:#000;margin:0 15px;text-decoration:none}.navbar a:hover{font-weight:700;color:#000;text-shadow:0 4px 8px rgba(0,0,0,.3);transform:translate(2px)}.mainpage[data-v-2cb609c1]{text-align:left;width:99%;display:flex;flex-direction:column;align-items:flex-start}#searchBox{border:2px solid #4e5c4f;padding:5px;font-size:14px;border-radius:4px;width:98%;height:30px}#resultList{max-height:90vh;overflow-y:auto;padding:10px;margin-top:10px}#resultList li{list-style-type:none;padding:10px;border-bottom:1px solid #ddd;transition:background-color .3s,color .3s}#resultList li:hover{background-color:#f0f0f0;color:#007bff;cursor:pointer}#h1Kendouterminology{text-align:center;font-size:2em;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:20px 0}.wordTitle{font-weight:700;border-bottom:2px solid #ddd6d6}.wordPron,.wordTitle{margin-right:5px;margin:0 auto}.wordDetail,.wordPron,.wordTitle{font-family:Microsoft YaHei,Arial,sans-serif;font-size:1em;width:96%}.wordDetail{margin-right:5px;margin:20px auto}.detailDiv{margin-top:2em}#backToSearchButton{display:inline-block;font-size:16px;font-weight:700;text-align:center;padding:1px 1px;background-color:#fff;border-radius:8px}#backToSearchButton:hover{background-color:#c83a3a;color:#429393}.vedioDiv{margin-top:80px;display:flex;gap:10px;flex-wrap:wrap;width:96%;justify-content:center}@media (max-width:768px){#h1Kendouterminology{text-align:center;font-size:1em;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:10px 0}}.page1{width:98%;margin-top:10px;text-align:center;background-size:cover;color:#f0ecec;padding:20px}.kendoh1{font-size:2em;text-shadow:2px 2px 4px rgba(0,0,0,.5);text-shadow:2px 2px 5px rgba(0,0,0,.3);border-bottom:5px solid #8b5a2b;padding-bottom:10px}.kendoh1,.kendoh2{text-align:center;font-weight:700;margin:20px 0;font-family:"Noto Serif JP",serif;color:#5a3e1b;display:inline-block}.kendoh2{font-size:1.2em;text-shadow:2px 2px 4px rgba(0,0,0,.5);text-shadow:1px 1px 3px rgba(0,0,0,.3);border-bottom:3px solid #8b5a2b;padding-bottom:5px}.kenp{font-size:1rem;font-family:"Noto Serif JP",serif;color:#4a2f1b;line-height:1.8;text-indent:2em;padding:15px;background-color:hsla(0,0%,100%,.2);border-radius:10px;word-wrap:break-word;white-space:pre-wrap}.language-switch button{margin:5px;padding:10px 15px;font-size:1em;border:none;cursor:pointer;background-color:#444;color:#fff;border-radius:5px}.language-switch button:hover{background-color:#666}.content{margin-top:20px}.image{width:80%;max-width:600px;border-radius:10px;box-shadow:2px 2px 10px rgba(0,0,0,.5)}.video{width:100%;max-width:560px;margin:20px auto}.kendou-video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border:2px solid #9999d8;box-shadow:0 0 10px #a4a4d6}.kendou-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.dictionary-video{width:100%;max-width:560px;margin:20px auto}.dictionary-video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border:2px solid #9999d8;box-shadow:0 0 10px #a4a4d6}.dictionary-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.kendopage{background-color:#f5f1e8;background-image:url(/img/kendoubcg.33dc39b8.jpg);background-size:cover;padding:20px;border:2px solid #8b5a2b;border-radius:15px;box-shadow:5px 5px 15px rgba(0,0,0,.3);max-width:99.5%;margin:20px auto;min-height:800px}.kendotable{width:100%;margin:20px auto;border-collapse:collapse;background-color:hsla(0,0%,100%,.2);border:2px solid #c2b6a9;box-shadow:5px 5px 15px rgba(0,0,0,.2)}.kendoth .kendotd{padding:12px;text-align:center;border:1px solid #8b5a2b}.kendoth{background-color:#c0a16b;color:#fff;font-size:18px;font-weight:700}.kendotd{font-size:16px;background-color:#f5f1e8;cursor:pointer}.kendotr:nth-child(2n) td{background-color:#e7dbc3}.kendotd:hover{background-color:#d4b998;transform:scale(1.05);transition:.2s}.kendotd:active{background-color:#c9a87c}@media(max-width:768px){.h1{text-align:center;font-size:1em;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:10px 0}}#h1englishRootterminology{text-align:center;font-size:2em;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:20px 0}@media (max-width:768px){#h1englishRootterminology{text-align:center;font-size:1em;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:10px 0}}article.rootdec{background-color:#f9f9f9;border-left:5px solid #4caf50;padding:1rem;margin-bottom:1rem;margin-top:0;font-family:Segoe UI,sans-serif}.heading1{text-align:center;font-family:Verdana,Geneva,Tahoma,sans-serif;border-bottom:1px solid #fdc;padding-bottom:10px;color:#333;position:sticky;top:0;background-color:#f1f1f1;border-radius:5px}.root{border:1px solid #000;border-radius:5px;font-weight:700;font-size:2vw;padding:10px;background-color:azure;margin-bottom:10px}.book{align-items:center;min-height:100vh;background-color:#f3f1e8;padding:20px;align-items:stretch}.book,.page{display:flex;justify-content:center}.page{width:49%;min-height:100%;padding:40px;background-color:#fff;box-shadow:5px 5px 15px rgba(0,0,0,.2);border-radius:5px;text-align:justify;line-height:1.8;flex-direction:column;align-items:center;box-sizing:border-box}.left{border-right:2px solid #ddd;margin-right:10px}.right{margin-left:10px}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border:2px solid #9999d8;box-shadow:0 0 10px #a4a4d6}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.kobun{font-size:.9em;font-weight:700;text-align:left}.genndaibun{font-size:.75em;color:#555;margin-top:2px;line-height:1.2;text-align:left}.text_left{width:100%;text-align:left;align-self:flex-start}@media(max-width:800px){.book{flex-direction:column}.page{width:100%;margin:10px 0}.left{border-right:none;border-bottom:2px solid #ddd;margin-right:0;padding-bottom:20px}.right{margin-left:0;padding-top:20px}}.mainpage{width:98vw;min-height:100vh;display:flex;margin-top:2px}.leftpage{min-width:200px}.gorinsyo_leftpage,.leftpage{width:10%;background-color:#dcdcdc;max-height:100%}.gorinsyo_leftpage{min-width:250px}.rightpage{flex-grow:1;margin-left:0;max-height:100%}.showindex{text-align:left;padding:2px}.ulstyle{max-height:1200px;overflow:auto;list-style:none;margin:0;padding:0;border:1px solid #ccc;background:#f8f8f8}.ulstyle li{padding:5px 5px;border-bottom:1px solid #ddd;font-size:14px;line-height:1.2;cursor:pointer;text-align:left}.ulstyle li:hover{background:#e0e0e0}.ulstyle li:active{background:#d0d0d0}.ulstyle li.selected{background:#a0a0ff;color:#fff}@media(max-width:768px){.mainpage{flex-direction:column}.leftpage{width:100%}.ulstyle{max-height:200px;overflow:auto;list-style:none;margin:0;padding:0;border:1px solid #ccc;background:#f8f8f8}}.html5-tutorial{font-family:Orbitron,Arial,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:#00eaff;max-width:100%;padding:20px;margin:auto;border-radius:10px;box-shadow:0 0 15px rgba(0,234,255,.5);text-align:left;position:relative;overflow:hidden}.html5-tutorial h1{color:#00d9ff;text-shadow:0 0 5px #00d9ff,0 0 10px rgba(0,217,255,.6)}.html5-tutorial:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,234,255,.1) 15%,transparent 80%);animation:pulse 10s linear infinite;opacity:.5}@keyframes pulse{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.htmlpre{background:#1e293b;color:#00eaff;font-family:Courier New,Courier,monospace;padding:15px;border-radius:8px;box-shadow:0 0 8px rgba(0,234,255,.3);border-left:4px solid #00eaff;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto}.setumeipre{background-color:#f4f4f4;padding:10px;border-radius:5px;white-space:pre-wrap}.htmltextarea{width:100%;height:150px;margin-top:10px;border:2px solid #00eaff;background:#1e293b;color:#00eaff;font-family:Courier New,Courier,monospace;border-radius:5px;box-shadow:0 0 8px rgba(0,234,255,.3);resize:vertical;outline:none;transition:all .3s ease-in-out;position:relative}.htmltextarea:focus{border-color:#0ff;box-shadow:0 0 12px rgba(0,255,255,.6);background:#243447}.runbutton{display:block;margin-top:10px;padding:10px 20px;background:linear-gradient(135deg,#0056b3,#007bff);color:#fff;font-size:16px;font-weight:700;border:2px solid #00eaff;cursor:pointer;border-radius:8px;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease-in-out;box-shadow:0 0 10px rgba(0,234,255,.5)}.runbutton,.showup{position:relative}.runbutton:hover{background:linear-gradient(135deg,#007bff,#00eaff);box-shadow:0 0 15px rgba(0,234,255,.8);transform:scale(1.05)}.runbutton:active{transform:scale(.95);box-shadow:0 0 20px #0ff}.runbutton:focus{outline:none;box-shadow:0 0 12px rgba(0,234,255,.8)}.htmliframe{width:100%;height:200px;border:1px solid #ddd;margin-top:10px;background-color:#fff}.htmltable{width:100%;border-collapse:collapse}.htmltable th{background:linear-gradient(135deg,#0056b3,#007bff);color:#fff;font-weight:700;text-transform:uppercase;padding:10px;text-align:center;border-bottom:2px solid #00eaff}.htmltable td{background-color:#1e293b;color:#00eaff;text-align:center;border:1px solid rgba(0,234,255,.3)}.htmltable tr:hover td{background-color:#243447;box-shadow:0 0 10px rgba(0,234,255,.6)}.htmltable td:active{background-color:#007bff;transform:scale(.98);box-shadow:0 0 15px #0ff;transition:.1s}.code-container{background-color:#f0f0f0;padding:20px;border-radius:5px;border:1px solid #ccc;box-shadow:2px 2px 10px rgba(0,0,0,.1);width:600px}.nested{background-color:#fff;padding:10px;margin:10px;border:1px solid #aaa}