@charset "UTF-8";*{margin:0;padding:0}img{border-style:none}body{background-image:url(../image/kabe_156.gif);background-repeat:repeat;font-family:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;font-feature-settings:"palt"}:root{--main-color:darkslategray}#container{width:650px;margin:10px auto 50px auto;padding:2px;border:1px solid #d8bfd8;color:#000;background-color:#fff}header{padding:10px;background-color:var(--main-color);color:#fff;border-width:1px;border-style:none;border-color:var(--main-color)}h1{margin-top:5px;margin-bottom:10px;font-size:150%}header div{font-size:smaller}#logo{height:100px;overflow:hidden}aside{display:flex;justify-content:space-between;padding:5px 10px 3px 10px;background-color:#e6e6fa;color:var(--main-color);font-size:80%}nav{display:flex;justify-content:center;padding:2px 10px 5px 10px;background-color:#e6e6fa}nav ul{display:flex;flex-wrap:wrap;list-style:none}nav li:not(:last-of-type)::after{content:"|";margin:0 .5em}a:hover{color:red}main{overflow:hidden}#left{float:left;width:240px;margin:0 2px 2px 0;padding:10px;background-color:#e6e6fa}h2{margin-bottom:5px;padding-left:5px;padding-top:2px;border-color:var(--main-color);border-style:solid;border-width:1px 0 0 5px;font-size:100%}#left ul{list-style:none;margin-bottom:10px}#left li{margin-left:40px}#left li::before{content:"▪ ";color:green}#left select{background-color:#e6e6fa;font-size:smaller}#right{float:left;width:360px;margin-bottom:2px;padding:10px}.record{overflow:hidden}.photo{float:left;width:125px;padding:10px}.photo img{border:2px inset #ccf}.note{float:left;width:195px;padding:10px}.note h3{margin-top:0;margin-bottom:0;font-size:small}.note h4{font-size:medium;font-weight:400}.note p{font-size:small;line-height:1.5}.date{font-size:small;font-weight:700}.area{font-size:small;background-color:#f0f0f0;border-radius:2px}.area::before{content:"🗾 "}hr{height:1px}footer{overflow:hidden;padding:10px}small{float:right;font-style:italic}@media screen and (max-width:699px){#container,#left,#right{float:none;width:auto;margin:0}}@media screen and (max-width:375px){#container{border-style:none;padding:0}.note,.photo{padding:5px}}