@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Chau+Philomene+One:ital@0;1&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome-animation/0.0.10/font-awesome-animation.css');
* {font-family: "Sawarabi Gothic", sans-serif; font-size: 10px;}
a:link, a:visited, a:hover, a:active { text-decoration: none; color: #006eff; }
hr{　border: 0 margin:10px 0; opacity:0 !important;}
body{ color:#000;　margin: auto;　position: relative;　font-size: 10px; background:#e8e8e8; }
textarea { width: 250px; background:#e8e8e8; border-radius: 10px; overflow: scroll; outline: none;
  -ms-overflow-style: none; scrollbar-width: none; padding: 10px; margin: 5px 0;}
textarea::-webkit-scrollbar { display: none;}

.box{background-color:rgba(255,255,255,.05);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:26px auto 0;max-width:350px;padding:25px;position:relative;line-height:1.7;position:relative;text-align:justify;color:#1a1017;text-justify:inter-ideograph;font-family:"Sawarabi Gothic",sans-serif;font-weight:500}.box::before{content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-radius:0 5px 0;border-style:solid;border-color:#e8e6e6 #e8e6e6 #006eff #006eff;background:#658E15;display:block;width:0;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3),-1px 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,.3),-1px 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.3),-1px 1px 1px rgba(0,0,0,.2)}h1{font-size:16px;font-family:"Noto Sans JP",sans-serif;font-weight:900}h1::before{content:attr(data-en);display:block;color:#498ee0;font-size:13px;font-family:"Chau Philomene One",sans-serif}h1::after{content:'';display:block;width:45px;height:1px;background-color:#006eff}details{display:block;margin:5px;padding:10px;transition:.4s;texe-align:justify;border:none}summary{cursor:pointer;outline:none;display:block}details summary{list-styel:none;cursor:pointer;outline:none}details[open]{background:#e8e8e8;border-radius:15px;color:#57554f;text-align:justify}details summary::-webkit-details-marker{display:none}details[open] summary::before{font-family:"Font Awesome 5 Free";content:'\f028'}details summary::before{overflow:hidden;font-family:"Font Awesome 5 Free";font-weight:700;content:'\f027'}mn{font-size:9px;color:#a6a29f}big{font-size:15px}dk{font-size:20px}kn{font-family:'Shippori Mincho'}.music{margin:1em auto;width:50%;padding:4px;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:10px;position:relative}.music span{font-family:"DotGothic16",sans-serif;font-size:9px;color:#fff;display:inline-block;padding-left:100%;white-space:nowrap;line-height:2em;animation:scrollAnime 8s linear infinite}@keyframes scrollAnime{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.scr{height:150px;　 overflow-y:scroll;　-ms-overflow-style:#fff;　scrollbar-width:#fff}　.scr::-webkit-scrollbar{　display:none}.hako{background-color:rgba(255,255,255,.05);margin:26px auto 0;width:350px;padding:1em;position:relative;line-height:1.7;position:relative;text-align:justify;font-size:30px;color:#006eff;font-family:"Noto Sans JP",sans-serif;font-weight:900}.hako::after{content:'＿';font-size:25px;animation-name:tenmetsu;animation-duration:.5s;animation-direction:alternate;animation-iteration-count:infinite}@keyframes tenmetsu{0%{opacity:1}100%{opacity:0}}.hako info{text-justify:inter-ideograph;color:#000;font-size:18px;font-family:"Noto Sans JP",sans-serif;font-weight:900;position:absolute;top:40%;left:70%}.hako temp{text-justify:inter-ideograph;color:#000;font-size:18px;font-family:"Noto Sans JP",sans-serif;font-weight:900;position:absolute;top:60%;left:70%}.hako book{text-justify:inter-ideograph;color:#000;font-size:18px;font-family:"Noto Sans JP",sans-serif;font-weight:900;position:absolute;top:80%;left:70%}.hako aten{text-justify:inter-ideograph;color:#000;font-size:15px;font-family:"Noto Sans JP",sans-serif;font-weight:900;position:absolute;top:65%;left:4%}red{color:#ba454f}blue{color:#006eff}pink{color:#e62e90}green{color:#9dbd9d}gray{color:#6b6e76}orange{color:#E15A28}purple{color:#B455A0}navy{color:#086776}yellow{color:#C7A252}aqua{color:#64C8F0}.scr{height:250px;overflow-y:scroll;-ms-overflow-style:#fff;scrollbar-width:#fff}.scr::-webkit-scrollbar{display:none}.real{position:relative;margin:26px auto 0;background-color:#fffffe;width:250px;margin-left:auto;margin-right:auto;padding:24px;line-height:1.7;text-align:justify;text-justify:inter-ideograph;font-family:"Zen Kaku Gothic New",sans-serif;overflow:auto}a[href*="/dt"]{font-size:0}a[href*="/dt"]::before{font-family:'font awesome 5 free';font-weight:900;font-size:8px;content:'\f506';padding:1px}a[href*="/dm?"]{font-size:0}a[href*="/dm?"]::before{font-family:'font awesome 5 free';font-weight:900;font-size:8px;content:'\f2ed';padding:1px}a[href*="/um?"]{font-size:0}a[href*="/um?"]::before{font-family:'font awesome 5 free';font-weight:900;font-size:8px;content:'\f0ad';padding:1px}a[href*="/cp?"]{font-size:0}a[href*="/cp?"]::before{font-family:'font awesome 5 free';font-weight:900;font-size:8px;content:'\f0c5';padding:1px} #container { color: transparent;}

ex {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
font-weight: 900;
}

reds{ background:linear-gradient(transparent 85%, #FF0008 80%);}
blues{ background:linear-gradient(transparent 85%, #006eff 80%);}
drm{ background-color: #B45460; color: #fffffe; font-size: 10px;}
vani{ background-color: #3C4174; color: #fffffe; font-size: 10px;}
knk{ background-color: #C7A252; color: #fffffe; font-size: 10px;}
arsk{ background-color: #FF9000; color: #fff; font-size: 10px;}
kani{ background-color: #E18F9B; color: #fffffe; font-size: 10px;}
cis{ background-color: #A58CDC; color: #fffffe; font-size: 10px;}
kzh{ background-color: #ACA7BB; color: #fffffe; font-size: 10px;}
kne{background-color:#ABD3D8; color: #fffffe;font-size: 10px;}
toto{background-color:#000; color: #fffffe;font-size: 10px;}
roko{background-color:#198CAA; color: #fffffe;font-size: 10px;}