@charset "utf-8";
*{margin:0;padding:0}
:root{--main-color:#0067b0;--accent-color:#93ccf5}
html{scroll-behavior:smooth}
body{background-color:#fff;color:#000;line-height:2.4;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}/*下の余白対策*/
button{background-color:var(--main-color);color:#fff;font-weight:700;padding:.3rem .45rem;line-height:1;border:0;transition:all .3s ease}
button:hover{color:var(--main-color);background-color:#fff}
.header{background:url(img/top.jpg) no-repeat center 70%;background-size:cover;height:400px}
h1{font-family:serif;margin:3rem auto 2rem;max-width:900px;width:90%}
h2{font-family:serif;text-align:center;line-height:1.5;padding:.8rem 0}
.container{width:90%;max-width:1000px;margin:3rem auto 1.5rem}
.container2{max-width:800px;width:80%}
time{font-weight:700;margin-bottom:.5rem}
.pager{margin:1rem .5rem;display:flex;justify-content:space-between}
.footer{text-align:center;margin-top:2rem}

.backindextab{position:fixed;top:0;right:1rem;background-color:var(--main-color);color:#fff;text-decoration:none;padding:0 .5rem;font-size:.8em;line-height:1.8;border-radius:0 0 8px 8px}

.log .container2{margin:2rem auto;max-width:850px;width:85%}
.log h2{font-family:serif;margin:3rem 0 0;font-size:1.8em;text-align:left}
.log .datelink{margin:1rem 1rem 0;font-weight:700;font-size:.9em;padding:.15rem .8rem;width:fit-content;line-height:1.5;background-color:var(--main-color);border:1px var(--main-color) solid;color:#fff;cursor:pointer;transition:all .3s ease}
.log .datelink:hover{background:none;color:var(--main-color)}
.log .datelinklist{margin:0 1rem;background-color:#eee;height:0;overflow:hidden;transition:height .5s ease-in-out}
.log .datelinklist a{display:inline-block;padding:.45rem 1rem;line-height:1.8}
.log .datelinklist a:hover{color:#777;filter:none}
.log article{padding-top:1.5rem}
.log article:nth-of-type(n+2){border-top:1px #ccc solid;margin-top:.5rem}
.log article:last-of-type{padding-bottom:1.5rem;border-bottom:1px #ccc solid;margin-bottom:1rem}
.log p{margin-left:.4rem;padding:1rem 0}

.backtop{position:fixed;display:flex;align-items:center;justify-content:center;right:1.5rem;bottom:1.5rem;width:60px;height:60px;line-height:1;font-size:25px;color:var(--main-color);background-color:#eee;border-radius:10px;cursor:pointer;opacity:0;visibility:hidden;transition:.3s}

.textpage .bread{width:87%;max-width:870px;margin:3rem auto 1rem;font-size:.85em;color:#999}
.textpage .bread a{color:#999;font-weight:400;text-decoration:none;border-bottom:1px #ccc solid}
.textpage .bread a:hover{border:0}
.bread ol::before{content:"・";margin-right:3px}
.bread li{display:inline}
.bread li::after{content:">";margin:0 3px}
.bread li:last-of-type::after{display:none}
.textpage .container2{margin:3rem auto 2rem}
.textpage h3{margin-bottom:.5rem;font-size:1.2em}
.textpage article p{padding:1rem 0}
.textpage .attention{margin:2.5rem 3rem 1.5rem 2rem;padding:1rem 1.5rem 1rem 2.5rem;text-indent:-1em;border:1px #999 solid;color:#999;font-size:.9em}
.redunderline{color:#f00;text-decoration:underline}
.textpage .date{margin:.5rem 0 0;text-align:right;font-size:.9em;color:#999}

.photo img{vertical-align:top}

@media (max-width:700px){
.container2{width:85%}
.pager{display:block;margin:1rem 0}
.pager a{display:block}
.pager a:nth-child(2){text-align:right}
.log .datelink{margin:1rem 0 0}
.log .datelinklist{margin:0}
.log p{margin-left:0}
.textpage .bread,.textpage .container2{margin-top:2rem}
.textpage .attention{margin:1.5rem 0;padding:1rem 1.5rem;text-indent:0}
}