body{margin:auto;background:#635f5a;font-size:12px;color:#fdeee2;font-family:verdana,geneva,arial,'メイリオ','Meiryo';padding: 15px;}
p{margin:0;}
@font-face {font-family: 'Kremlin';src: url('kremlin.ttf') format('truetype');font-display: swap;}
.parent{width:650px;display:grid;grid-template-columns:150px 500px;grid-template-rows:25px 100px 480px 40px;grid-column-gap:0px;grid-row-gap:0px;filter: drop-shadow(2px 2px 2px #000);}
.div1 { grid-area: 1 / 1 / 2 / 3;display: flex;align-items: center;border-radius: 5px 5px 0px 0px;}.div2 { grid-area: 2 / 1 / 3 / 3; }.div3 { grid-area: 3 / 1 / 4 / 2;padding: 10px;}.div4 { grid-area: 3 / 2 / 4 / 3;position: relative;}.div5 {grid-area: 4 / 1 / 5 / 3;display: flex;justify-content: space-around;border-radius: 0px 0px 5px 5px;}
.div1,.div2,.div3,.div4,.div5{background: #b3aba4;}
.log a::before{content:"";background-image:url('img/icons.png');width:18px;height:18px;display:inline-block;vertical-align:middle;background-position:0px -102px;margin: 3px 0px;}
.icon {display: inline-block;width:16px;height:16px;background-image:url('img/icons.png');background-repeat:no-repeat;vertical-align:middle;margin-right: 3px;}
.icon-home {background-position: 0px -38px;}.icon-link {background-position: 0px -85px;}.icon-log {background-position: 0px -6px;}.icon-abt {background-position: 0px -53px;}.icon-blog {background-position: 0px -22px;}.icon-mail {background-position: 0px -70px;}.icon-new {height: 8px;background-position: 0px 0px;}.icon-warn {background-position: 0px -122px;}
.log summary {margin: 3px 0px;border-bottom: 1px solid;}
summary {list-style: none;cursor: pointer;display: flex;align-items: center;gap: 8px;font-weight: bold;}
summary::-webkit-details-marker {display: none;}
.log summary::before{content:"＋";display:inline-flex;align-items:center;background:#f9eee2;color:#a49b93;justify-content:center;width:11px;height:11px;border:1px solid #a49b93;font-size:10px;line-height:1;box-sizing:border-box;}
.log details[open] > summary::before {content: "－";}
.log {margin-left: 15px;}
hr {margin: 10px 0px;}
h1,h2 {font-size: 13px;margin: 0 0 5px 0;}
.div3 h1 {13px;margin: 0 0 5px 0;}
h2::before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; background-image: url('img/icons.png'); background-repeat: no-repeat; background-position: 0 -23px; }
.main {position: relative;margin-top: 20px;}
.page-content{display:none}.page-content.active{display:block}#lang-icon {position: absolute;right: 10px;top: 14px;}
a img {border: none;}.div3 .navi a{width:125px;}.div3 .navi a,button{color:#000;border-radius:2px;border:solid 1px #000;box-shadow:inset 1px 1px 0 0#f9eee2;text-decoration:none;background:linear-gradient(180deg,#b3aba4 20%,#a49b93 53%);display:inline-flex;align-items:center;padding:2px;filter:drop-shadow(1px 1px 1px #000)}.div3 .navi a:hover,button:hover{background:linear-gradient(180deg,#635f5a 20%,#7a756e 53%);box-shadow:none}
img {filter:none;user-drag: none;-khtml-user-drag: none;-webkit-user-drag: none;-moz-user-select: none;-khtml-user-drag:none;}
iframe.contents{width:476px;height:457px;margin:12px;border-radius:8px;}
img.art {max-height: 400px;max-width: 100%;}
div#popup{background:#e0630b;position:absolute;z-index:98;top:125px;width:150px;height:480px;display:none;}
#popup-iframe{width:150px;height:480px;}
a{color:#ff9e57;}
.blog, .artthumb{display: flex;color: #fdeee2;margin-bottom: 10px;background:#7a756e;padding:6px;border-radius:3px;}
.blog p, .artthumb p{width:88px;height:31px;border:2px solid #a49b93;margin-right: 10px;filter: drop-shadow(1px 1px 2px black);}.blog p{background:url(blog/blog.png);}.artthumb p{background:url(data/thumb.png);}li{margin-left:20px;}
#postForm{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:440px;margin-top: 15px;border: 2px solid #3d3c3a;}#postForm input,#postForm textarea{box-sizing:border-box;border:0;margin:0;padding:3px}#postForm textarea{grid-column:1/-1;width:100%;display:block}#postForm input{width:100%}div#posts{margin-top:15px;} .post::before{content:'';position:absolute;left:22px;width:40px;height:40px;background-image:url('img/egg.png');background-size:contain;background-repeat:no-repeat;border-radius:5px;}.post{padding:6px 6px 6px 56px;color:#fdeee2;margin-bottom:10px;background:#7a756e;border-radius:3px;}.post-time{padding-top:4px;color:#b3aba4;}.post-image img{max-width:300px;}#status{position:relative;border-radius:3px;filter:drop-shadow(2px 2px 2px #000);padding:2px}#status-content{min-height:80px;padding:10px 5px 5px 120px;background:#7a756e}div#status-username{text-align:end;padding:3px 5px;background:#a49b93}input,select,textarea{color:#fdeee2;background:#e0630b;border:2px solid #3d3c3a}input::placeholder,textarea::placeholder{color:#fdeee2}