:root{--main-width:860px;--sidebar-width:300px}*{box-sizing:border-box}html{min-height:100%}body{background:linear-gradient(to bottom,#f0f5f5,#dce2e7 200px,#dce1e7);margin:8px auto;padding:0;color:#333;font-family:"MS Gothic","�l�r �S�V�b�N",sans-serif;font-size:14px;width:920px}img{max-width:100%;height:auto;vertical-align:top}.content-border{border:1px solid #ccc;border-radius:10px;overflow:hidden}.contents{display:flex;flex-wrap:wrap;color:#313131}main{background-color:#fff;width:75%;padding:10px}aside{background-color:#f9f9f9;width:25%;border-right:1px solid #ccc;padding:10px}aside .sidebar2{background-color:#f2f2f2;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px}footer{grid-area:footer;margin:10px}@media (max-width:767px){body{width:auto;max-width:920px}main{flex-direction:column;width:100%}aside{margin:0;order:2;width:100%;border-top:1px solid #ccc}main{order:1}}.header-menu{background-color:#369;padding:10px 0;text-align:center;color:#fff;min-height:69px}#logo{font-size:28px;max-width:340px;font-weight:700;margin:0;padding:0;color:#fff}.header-menu nav{margin:0}.header-menu ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center}.header-menu li{margin:0 7px}.header-menu a{color:#fff}@media (max-width:767px){.header-menu ul{display:block}}table{border-collapse:separate;border-spacing:2px;border:solid 2px;border-color:grey #2b2b2b #2b2b2b grey}td,th{border:solid 1px;border-color:#2b2b2b grey grey #2b2b2b}.pagination a{margin-right:10px;margin-bottom:12px;padding:12px;background:linear-gradient(to bottom,#fff 0,#eaeaea 100%);border:solid 1px gray;color:#333;text-decoration:none}article h1{font-size:28px;color:#333;padding:12px 16px;border-left:4px solid #eaeaea;border-bottom:4px solid #eaeaea;margin:24px 0 16px}article h2,article h3{color:#333;text-shadow:1px 1px 0 #ccc;background:linear-gradient(to bottom,#fff 0,#eaeaea 100%);padding:5px 8px;border:1px solid #bbb;border-radius:5px;box-shadow:2px 2px 5px rgba(0,0,0,.15);margin:15px 0}article h2{font-size:22px}article h3{font-size:14px;background:#f9f9f9;border-style:dashed;border-color:#ccc}.ArticleList{max-width:1200px;min-width:480px}@media (max-width:767px){.ArticleList{width:100%;min-width:auto}}.photoimage{max-width:320px}.post__image--center{justify-content:center}