body{margin:0px;background:#fff;font-size:12px;color:#333333;font-family:verdana,geneva,arial,'メイリオ','Meiryo';padding:10px 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;}
.div1 { grid-area: 1 / 1 / 2 / 3;display: flex;justify-content: flex-end;align-items: center;}.div2 { grid-area: 2 / 1 / 3 / 3; }.div3 { grid-area: 3 / 1 / 4 / 2;padding: 10px;}.div4 { grid-area: 3 / 2 / 4 / 3; }.div5 {grid-area: 4 / 1 / 5 / 3;display: flex;align-items: center;justify-content: space-around;}
.div1,.div2,.div3,.div4,.div5{outline: solid 1px #dcdcdc;box-shadow: inset 1px 1px 2px 0px #ffffff;background: linear-gradient(180deg, #ffffff 10%, #f6f6f6 100%);}
.log a::before {content: url('img/flp.png');display: inline-block;vertical-align: middle;}
.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 -39px;}.icon-link {background-position: 0px -86px;}.icon-log {background-position: 0px -6px;}.icon-abt {background-position: 0px -54px;}.icon-blog {background-position: 0px -22px;}.icon-mail {background-position: 0px -70px;}
.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;}
summary::before, .suuji b::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;}
details[open] > summary::before {content: "－";}
.log {margin-left: 15px;}
hr {margin: 10px 0px;}
h1,h2 {font-size: 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;}
.page-content{display:none}.page-content.active{display:block}#PAGE_SELECT {position: absolute;right: 10px;top: 12px;}
a img {border: none;}
img {
filter:none;
user-drag: none;-khtml-user-drag: none;
-webkit-user-drag: none;
-moz-user-select: none;-khtml-user-drag:none;}

iframe {
    width: 100%;
    height: 100%;
}

img.art {max-height: 400px;max-width: 100%;}

*::-webkit-scrollbar{width:19px;height:19px;background:none}*::-webkit-scrollbar-thumb,*::-webkit-scrollbar-button{width:16px;height:16px;background:#bfb4ab;box-shadow:inset 1px 1px #f9eee2,inset -1px -1px #847d77;border:2px solid;border-color:#e3d6cc #000 #000 #e3d6cc}*::-webkit-scrollbar-track{image-rendering:optimizeSpeed;image-rendering:pixelated;image-rendering:optimize-contrast;background-image:url(image/scrollbg.png);background-position:0 0;background-repeat:repeat;background-size:3px}*::-webkit-scrollbar-button{background-repeat:no-repeat;background-size:18px;height:19px}*::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTcgNWgxTTYgNmgzTTUgN2g1TTQgOGg3IiAvPgo8L3N2Zz4=)}*::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTQgNWg3TTUgNmg1TTYgN2gzTTcgOGgxIiAvPgo8L3N2Zz4=)}*::-webkit-scrollbar-button:single-button:horizontal:decrement{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTggM2gxTTcgNGgyTTYgNWgzTTUgNmg0TTYgN2gzTTcgOGgyTTggOWgxIiAvPgo8L3N2Zz4=)}*::-webkit-scrollbar-button:single-button:horizontal:increment{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTYgM2gxTTYgNGgyTTYgNWgzTTYgNmg0TTYgN2gzTTYgOGgyTTYgOWgxIiAvPgo8L3N2Zz4=)}*::-webkit-scrollbar-corner{background:silver}