@charset "shift_jis";

html
{width:100%;background:#ffffff}
body
{background:#ffffff;color:#000000;line-height:1.5;max-width:800px;border-left:0px solid #000000;border-right:0px solid #000000;-webkit-box-shadow:0 -6px 6px 1px #000000;-moz-box-shadow:0 -6px 6px 1px #000000;box-shadow:0 -6px 6px 0px #000000;margin:0 auto}
a
{color:#0850ee}

img,video,audio
{box-sizing:border-box;max-width:100%;height:auto}
iframe
{box-sizing:border-box;max-width:100%}
li
{list-style-type:none}
ul
{margin:0;padding:0}
hr.sh
{color:#000000;background-color:#000000;border:none;height:1px;margin:1px -5px 1px -5px}
hr.sh2
{color:#000000;background-color:#000000;border:none;height:1px;margin:1px -5px -2px -5px}
.of
{overflow:hidden;margin:0;padding:0;font-size:100%;min-height:100vh;}
.hi
{height:14px}
.hi1
{height:1px;width:100%;clear:both}
.con
{margin:1em}
@media(min-width:500px){
.con{margin:2em}
}


/* TEXT */
h1
{font-size:102%;margin:0 0 0 0;padding:0 0 0 0;font-weight:bold}
h2
{font-size:102%;margin:0 0 0 0;padding:0 0 0 0;font-weight:bold}
h2.t2
{font-size:130%;margin:2px 0 2px 0;padding:2px 0 2px 0;text-shadow:2px 2px 2px #000000,0 0 20px #000000,0 0 .40px #000000}
.title
{color:#ff0000;font-size:130%;font-weight:bold;margin:1vh 0 1vh 0;text-shadow:0 0 .1px #000000,0 0 .1px #000000,0 0 .1px #000000}
.heading
{font-size:120%;width:auto;margin:-5px -5px 0px -5px;text-align:center;padding:10px 0 10px 0;border-top:1px solid #bbb;border-bottom:1px solid #999;background:#C0C0C0;background:linear-gradient(to bottom,#FFF,#CCC);background:-webkit-gradient(linear,0% 0%,0% 80%,from(#fff),to(#ccc));text-shadow:1px 1px 1px #fff}
.big
{font-size:150%}
.center
{width:100%;margin:0 auto;text-align:center}
.space
{margin-right:5%}
.left
{float:left;text-align:left}
.right
{text-align:right}
.counter
{font-size:110%;padding:0 .7em;text-shadow:.02em .02em 0 #ff1493,-.02em .02em 0 #ff1493,.02em -.02em 0 #ff1493,-.02em -.02em 0 #ff1493,.04em .04em 0 #ff1493,.06em .06em 0 #ff1493,.08em .08em .04em rgba(0,0,0,.3);color:#ffffff !important;-ms-filter:"DropShadow(color=#ff1493,offx=2,offy=2)"}
.namecolor
{color:#ff1493}
.name a
{text-decoration-color:#ff1493}
.comcolor
{color:#ff0000}

/* FORM */
div.forms
{width:90%;margin:0 auto}
form p
{font-size:100%}
input[type="text"],input[type="email"],input[type="password"],select
{box-sizing:border-box;width:100%;font-size:120%;padding:5px;background:#efefef}
input:focus,input:hover
{background:#ffffff}
textarea
{box-sizing:border-box;width:100%;font-size:120%;padding:5px;height:210px;background:#efefef}
textarea:focus,textarea:hover
{background:#ffffff}
input[type="submit"]
{box-sizing:border-box;width:100%;font-size:120%;font-weight:bold;margin:5px 0 5px 0;padding:7px;background:#ff1493;background:linear-gradient(to bottom,#ff1493,#ff1493);background:-webkit-gradient(linear,left top,left bottom,from(#ff1493),to(#ff1493));border:1px #000000 solid;color:#ffffff;-webkit-appearance:none;-webkit-border-radius:10px}

/* LINK */
a.m
{display:block;position:relative;border-bottom:1px solid #ccc;padding:11px 25px 11px 11px;color:#000;font-weight:bold;text-decoration:none}
a.m:after
{display:block;position:absolute;top:50%;right:10px;width:7px;height:7px;margin-top:-4px;border-top:solid 2px #7f7f7f;border-right:solid 2px #7f7f7f;-webkit-transform:rotate(45deg);transform:rotate(45deg);content:""}
a.a
{display:block;position:relative;padding:10px 25px 10px 10px;border-bottom:1px solid #000000;font-size:100%;font-weight:bold;text-decoration:none}
a.a:after
{display:block;content:"";position:absolute;top:50%;right:10px;width:6px;height:6px;margin:-4px 0 0 0;border-top:solid 2px #000000;border-right:solid 2px #000000;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
a.th
{display:block;position:relative;padding:5px 4px 5px 4px;border-bottom:1px solid #000000;font-size:100%;font-weight:bold;text-decoration:none}
a.th:after
{display:block;content:"";position:absolute;top:50%;right:10px;width:6px;height:6px;margin:-4px 0 0 0;border-top:solid 2px #000000;border-right:solid 2px #000000;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.th:first-child
{position:relative;top:-1px}
.button
{margin:4px;padding:5px 10% 5px 10%;border:1px #000000 solid;width:auto;background-color:#0850ee;border-radius:3px;box-shadow:2px 2px 2px rgba(0,0,0,.25);color:#ffffff;display:inline-block;font-size:105%;font-weight:bold;text-align:center;text-decoration:none;overflow:visible}
.button2
{margin:0 0 0 8px;padding:0 2px 0 2px;border:1px #000000 solid;width:auto;background-color:#0850ee;border-radius:3px;box-shadow:1px 1px 2px rgba(0,0,0,.3);color:#ffffff;display:inline-block;font-size:75%;font-weight:bold;text-align:center;text-decoration:none;overflow:visible}

/* COMMENT */
.myth0
{background-color:rgba(0,0,255,.02)}
.myth
{position:relative}
.myth::before
{content:"";top:0;left:0;border-bottom:.5em solid transparent;border-left:.5em solid #000000;position:absolute}
.myth::after
{display:block;transform:rotate(-45deg);position:absolute}
@font-face{font-family:zzlogo;src:url("/font/zzlogo.woff2") format("woff2"),url("/font/zzlogo.woff") format("woff")}



.com,.mycom
{display:flex;flex-basis:auto;flex-wrap:wrap;border:1px solid #000000;border-radius:10px;box-shadow: 0 1px 3px 2px rgba(0,0,0,.13);margin:.5em .3em;overflow:hidden;padding:.4em .5em .5em .5em;word-break:break-all;word-wrap:break-word}
.com
{background:#ffffff}
.mycom
{background:#eeeeee}
.texts,.mycom,.agent,tit
{max-width:100%}
.no
{font-family:zzlogo}
.name
{order:0;font-weight:bold;text-indent:.2em}
.stat
{order:0;font-size:.8em;margin:auto .5em;font-weight:bold;opacity:.7}
.tit
{order:1;width:100%}
.texts
{order:1;width:100%;padding-bottom:.4em}
.agent
{order:2;font-size:.9em;opacity:.7;}
.agent br
{display:none}
.time
{order:0;flex-grow:1;text-align:right;font-family:'zzlogo','youbi';opacity:.65}
.edit
{order:2;flex-grow:1;text-align:right;line-height:1.1em;padding-top:.2em}

.deled
{font-size:.85em}
.deltime
{font-family:'zzlogo','youbi';opacity:.7}
.tt
{display:inline-block;font-family:'zzlogo','youbi';opacity:.7;font-weight:normal;transform:scale(1.2,1);transform-origin:left}
.th .namecolor
{display:inline-block;font-size:.95em;text-indent:.05em}

.edittime
{display:inline-block;float:right; font-family:'zzlogo';opacity:.5}
.agent
{clear:both}

.postimg
{max-height:400vh;position:relative;left:-.5em;margin-bottom:.3em;max-width:calc(100% + 1.05em);display:block;margin-right:auto;margin-left:auto;}
.imgup
{margin-left:0;margin-right:0}
.postimgl
{position:relative;left:-.5em;margin-bottom:.3em;min-width:calc(100% + 1.05em)}
.postimgs
{max-width:100%;max-height:100vh;display:block;margin-left:auto;margin-right:auto}

.zzlogo,.zzlogo a
{color:#000000;font-family:zzlogo;text-decoration:none;padding:.4em}

.counter
{display:inline-block;font-family:zzlogo;font-size:130%;transform:scale(1.3,1)}

@media(min-width:500px)
{.com,.mycom,div.forms{margin:.7em auto;max-width:85%}}

/* Other */
.button
{font-size:1.1em}

hr.sh
{margin-left:0;margin-right:0}

@media(max-width:500px)
{.ins1,.fb,.pint,.tik{position:relative;left:-.5em;margin-bottom:.3em;min-width:calc(100% + 1.05em);}}

@media(prefers-color-scheme:dark){html{filter:invert(1)}img,source,iframe,.com .texts,.mycom .texts,.texts .comcolor,.nodark{filter:invert(1)}input,textarea,select{filter:invert(.77)}.com img,.mycom img,.com source,.mycom source,.com iframe,.mycom iframe,.penicon{filter:invert(0)}.title::after{content:"Dark mode";display:block;color:#555;font-family:zzlogo;font-size:14px;transform:scale(1.35,1)}.time,.stat{color:#111}.texts{color:#eee}a{color:#aa0;text-decoration-color:#aa0}.texts a{color:#28f;text-decoration-color:#28f}.button,.button2,.btndark{filter:invert(.9)}.comcolor{color:#0cc}}

/* API */
.yt,.nico
{position:relative;width:100%;position:relative;left:-.5em;margin-bottom:.3em;min-width:calc(100% + 1.05em);}
.yt:before,.nico:before
{content:"";display:block;padding-top:56.25%}
.yt2,.nico iframe
{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.postimg,.postimgs,.postimgl,.yt,.nico
{position:relative;top:.5em}
.ins1
{margin:0 auto;max-width:540px}
.ins2
{background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,.5),0 1px 10px 0 rgba(0,0,0,.15);margin:1px;max-width:540px;min-width:326px;padding:0; width:99.375%;width:-webkit-calc(100% - 2px);width:calc(100% - 2px);}
.fb
{margin:0 auto;max-width:550px;background:#FFF}
.tiktok-embed
{max-width:605px;min-width:300px;border-radius:9px}
.pint
{margin:0 auto;max-width:600px}
.tw
{margin:0 auto;position:relative;left:-.5em;margin-bottom:.3em;min-width:calc(100% + 1.05em);}

/* ICON */
.penicon
{position:fixed;top:10px;right:10px;filter:alpha(opacity=40);-moz-opacity:.4;opacity:.4;z-index:1}
.penicon:hover
{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}