@charset "utf-8";
*{margin:0;padding:0}
:root{--main-color:#0067b0}
body{background-color:#fff;color:#000;line-height:2.2;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}
a{color:var(--main-color);font-weight:700;transition:all .3s ease}
a:hover{text-decoration:none;filter:blur(1px)}
a[target="_blank"]::after{content:"";background-color:var(--main-color);display:inline-block;mask:url(../img/newwin.svg);mask-size:cover;width:10px;height:10px;vertical-align:middle;margin-left:2px}
img{vertical-align:middle}/*下の余白対策*/

.url{word-break:break-all}
.decorationB{font-weight:700}
.decorationD{color:#888;text-decoration-line:line-through}
.decorationE{font-style:normal;font-weight:700;background-color:#eb9dba}
.decorationI{font-style:italic}
.decorationQ{margin:1em .3em;padding:.5em .85em;border-left:3px #999 solid;background-color:#eee;font-size:.95em;display:block;box-sizing:border-box;color:#999}
.decorationQ + br{display:none}
.decorationS{font-size:.9em}
.decorationT{font-size:.8em}
.decorationU{text-decoration-line:underline;text-decoration-style:double}
.decorationB img{box-shadow:5px 5px 5px #ccc}
.decorationD img{opacity: .5}
.decorationE img{outline:8px ridge rgba(56,35,15,.6)}
.decorationI img{box-shadow:-5px 5px 5px pink}
.decorationQ img{vertical-align:middle}
.decorationS img{border-radius:15px;vertical-align:middle}
.decorationT img{max-height:75px;width:auto;vertical-align:middle}
.decorationU img{box-shadow:5px 5px 5px skyblue}

.embeddedpictbox{display:inline-table;border-collapse:collapse;border:1px solid #ccc;vertical-align:top}
.embeddedpictbox figcaption{display:table-caption;caption-side:bottom;font-size:.8em;text-align:center;background-color:#eee}
.imagelink{}
.embeddedimage{max-width:80%;max-height:350px;width:auto;height:auto;margin-top:.5rem;border-radius:10px}

.embeddedmovie{display:block;max-width:100%;width:auto;height:auto}
.embeddedmovie iframe{width:100%;aspect-ratio:16/9}

blockquote.twitter-tweet{background-color:#f8f8f8;border:1px solid #ccc;border-radius:10px;margin:.3em 0;padding:1rem;color:#999;text-shadow:1px 1px 1px #fff}
div.twitter-tweet{max-width:94%!important;margin:0 auto}

.searchword{font-weight:700;background:linear-gradient(transparent 60%, #f9c 60%)}

.postform{background-color:transparent;margin:1rem}
textarea.tegalogpost{border:1px #000 solid;border-radius:.67em;background-color:#fff;padding:.5em;box-sizing:border-box;width:100%;height:6.3em!important;overflow-wrap:break-word;overflow:auto}
textarea.tegalogpost:placeholder-shown{color:#777}
textarea.tegalogpost:focus:placeholder-shown{color:#bbb}
textarea.tegalogpost:-ms-input-placeholder{color:#aaa}
@media all and (max-width:800px){textarea.tegalogpost{font-size:16px;padding:.4em}}
.line-control{}
.postbutton{display:inline-block;background:#fff;color:#999;font-size:1.1em;font-weight:700;text-decoration:none;padding:.25em .75em;border:1px solid #999;border-radius:1em;transition:all .5s ease-in}
.postbutton:hover{background-color:#ccc}
.decoBtns{display:inline-block;margin-top:.5em}
.decoBtns input{min-width:32px;min-height:28px;margin:1px;background-color:#eee;border:1px solid #aaa;cursor:pointer;border-radius:3px;font-size:14px;vertical-align:middle}
.decoBtns input:hover{background-color:#fff;border-color:#000}
.decoBtnB{font-weight:700}
.decoBtnD{text-decoration:line-through;text-decoration-color:red;text-decoration-style:double}
.decoBtnE{font-weight:700;color:blue}
.decoBtnI{font-style:italic}
.decoBtnQ{}
.decoBtnS{}
.decoBtnT{font-size:11px!important}
.decoBtnU{text-decoration:underline;text-decoration-color:red}
.decoBtnC{color:red}
.decoBtnM{color:blue}
@media all and (min-width:800px){.decoBtns {margin-top:0}}
.catChecks{font-size:.9em;padding-top:.5em}
.catChecks label{display:inline-block;cursor:pointer;margin:0 .75em 0 0}
.catChecks label:hover{text-decoration:underline}
.catChecks input{min-width:0;min-height:0;margin-right:.2em}
.funcUIs .catChecks{margin:0 .75em 0 0}
.funcUIs .catChecks label{margin:0}

.hometab{position:fixed;bottom:30px;right:0;display:block;z-index:2;background-color:var(--main-color);border-radius:10px 0 0 10px;padding:1rem .55rem 1.1rem;color:#fff;line-height:1.3;font-weight:400;text-decoration:none;letter-spacing:.1em;font-size:1.1em;writing-mode:vertical-rl}
.hometab:hover{filter:none}

main{width:80%;max-width:650px;margin:0 auto}
h1{margin:3rem 0 0;font-family:serif;line-height:1.5}
h1 a{text-decoration:none;color:#000;display:block}
.description{font-size:.9em;color:#777;margin:.5rem}

.situation{text-align:center;font-weight:700;margin:1.5rem 0}
.situation:empty{display:none}
hr{margin:1rem 0 0;border:0;border-top:1px #ccc solid}
article{margin:1.5rem 0;padding-bottom:.5rem;border-bottom:1px #ccc solid}
.tegalogbox{opacity:0;visibility:hidden;transform:translateY(50px);transition:all 1s}
.tegalogbox.is-show{opacity:1;visibility:visible;transform:translateY(0)}
.tegalognum{margin:0 0 .4rem .6rem;font-weight:700;font-size:1.1em}
.tegalognum a{text-decoration:none;color:#000}
.tegalognum a:hover{text-decoration:underline;filter:none}
.tegalognum::before{content:"●";color:var(--main-color);font-size:.9em;margin-right:3px}
.onelog .tegalognum{text-align:center;margin-left:0}
.onelog .tegalognum::before{content:"";margin:0}
.tegalogcom{margin:0 1.5rem;line-height:2.4}
.tegalogcom a.taglink{font-size:.8em;margin-right:.3rem;padding:0 .4rem;background-color:var(--main-color);color:#fff;border:1px var(--main-color) solid;border-radius:6px;text-decoration:none;display:inline-block;line-height:1.9}
.tegalogcom a.taglink:hover{background-color:#fff;color:var(--main-color);filter:none}
.tegalogdate{font-size:.9em;text-align:right;font-weight:700;margin:.8rem 1.5rem 1.5rem 0}
.catseparator{color:#999;margin:0 2px}

.nodata{margin:2.5rem 2rem}

#selectarea{display:flex;justify-content:space-between}
.datelistarea{font-size:.8em;padding-right:.8rem}
.datelimitboxoptions{display:none!important}

.searcharea{font-size:.8em;text-align:right}
select,.queryinput{border:1px solid #000;background:#fff;color:#000;line-height:1;padding:0 .5rem;width:100px;height:1.8rem;border-radius:5px}
.searchbox .submitbutton,.submitbutton{background-color:var(--main-color);color:#fff;border:1px var(--main-color) solid;line-height:1;padding:0 .65rem;font-weight:700;transition:all .5s ease-in;height:1.8rem;margin-left:.3rem;border-radius:5px}
.searchbox .submitbutton:hover,.submitbutton:hover{background-color:#fff;color:var(--main-color)}
.searchbox{display:inline-block;width:fit-content}
.switchsearchbox{font-size:.9em;display:block;font-weight:700}
.closecomplex{display:none}
.opencomplex{display:block}
.searchoptions{list-style-type:none;line-height:1;margin:.5rem 0 0}.searchoptions li{padding:0 0 .5rem}.searchoptions li:last-child{padding:0}.searchoption{font-size:.8em;line-height:1}
#optionbtn,#optionbtnclose{cursor:pointer}

.pagenavi{text-align:center}
.pagenavi:empty{display:none}
.pagelinks{margin:1rem 0;display:flex;justify-content:space-around}
.pagenums a.pagenumlink{padding:.2rem .5rem;font-size:1em;font-weight:700;border:0;border-radius:4px}
a.pagenumhere{text-decoration:none;background-color:#eee;color:#888}
a.pagenumlink:hover{text-decoration:none;background-color:var(--main-color);color:#fff;filter:none}

.hashtagcell{max-height:2.5em;height:auto;overflow-y:auto;padding:.75rem 1rem;margin:2rem 0;background-color:#eee;font-size:.85em;line-height:1.6;scrollbar-color:#999 #eee;scrollbar-width:thin}
.hashtaglist li{display:inline-block;margin-right:.25rem}
.hashtaglist a::before{content:"#"}
.num{color:#999;margin-left:.15rem}

.backlink{text-align:center;margin-top:1.5rem}
.copy{font-size:.9em;color:#777;margin:2.5rem 0 1rem;text-align:center}

@media (max-width:768px){
h1{margin-top:2rem}
.hometab{padding:.85rem .45rem .95rem;font-size:1em;opacity:.8}
main{width:90%;border:0}
.tegalogcom{margin:0 .8rem}
.queryinput{width:80px}
.pagelinks{justify-content:space-evenly}
}

@media (min-width:1200px){
main{max-width:700px}
}

.modalimgs{display:flex;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.7);align-items:center;justify-content:center;animation:modalFadeIn .3s}
#imgcon{width:fit-content;min-width:200px;max-width:900px;margin:auto;padding:8px;background:#fff;text-align:center}
.modalimgs img{line-height:1;vertical-align:middle;max-width:100%;max-height:75vh}
.clickable-image:hover{cursor:zoom-in}
.modalimgs img:hover{cursor:zoom-out}
@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}
@keyframes modalFadeOut{from{opacity:1}to{opacity:0}}