@import url("./layout.css");

/* あばら家かつかっつ 通常ページ共通スタイル */
body{margin:0;background:#fff;color:#000;font-family:"Times New Roman","ＭＳ Ｐ明朝","Hiragino Mincho ProN",serif;font-size:17px;line-height:1.8}
a{color:#0000EE}
a:visited{color:#551A8B}

.site-chrome{position:sticky;top:0;z-index:var(--layout-nav-z);background:#fff}
.site-header{max-width:46rem;margin:0;padding:10px 16px 7px;box-sizing:border-box}
.site-title{font-size:1.55rem;font-weight:700;margin:0;letter-spacing:.05em;line-height:1.35}
.site-title a{color:#000;text-decoration:none}
.site-title a:visited{color:#000}
.sub{font-size:.9rem;margin:.15em 0 0;color:#222;line-height:1.45}
.page-title{font-size:1.55rem;font-weight:700;margin:.7em 0 .3em;letter-spacing:.05em;line-height:1.45}

nav{background:#f0edda;border-top:2px solid #9a9a8a;border-bottom:2px solid #9a9a8a}
nav > ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px 0;margin:0;padding:8px 16px;box-sizing:border-box;font-size:15px}
nav > ul > li{display:flex;align-items:center;position:relative}
nav > ul > li + li::before{content:"｜";color:#9a9a8a;margin:0 10px}
nav b{color:#000}
nav .submenu{display:none;position:absolute;top:100%;left:50%;z-index:10;min-width:15em;margin:0;padding:6px 0;list-style:none;background:#fff;border:1px solid #9a9a8a;box-shadow:2px 2px 0 #d0cdb9;transform:translateX(-50%);line-height:1.5}
nav .has-menu:hover .submenu,nav .has-menu:focus-within .submenu{display:block}
nav .submenu li{margin:0}
nav .submenu a{display:block;padding:5px 12px;white-space:nowrap}
nav .submenu a:hover,nav .submenu a:focus{background:#f0edda}

main{max-width:46rem;margin:0;padding:6px 16px 44px;box-sizing:border-box}
hr{border:0;border-top:1px solid #999;margin:1.2em 0}
h2{font-size:1.15rem;margin:1.3em 0 .4em}
h2::before{content:"■";color:#3a5a2a;margin-right:.35em}
h3{font-size:1rem;margin:1.2em 0 .3em}
p{margin:.4em 0}

ul.plain{margin:.4em 0 .4em 1.4em;padding:0}
ul.plain li{margin:.4em 0}
small.desc{color:#333}

/* 更新情報・日記の日付 */
ul.updates{list-style:none;margin:.4em 0;padding:0}
ul.updates li{margin:.35em 0}
.date{color:#333;font-size:.9rem;margin-right:.7em;font-variant-numeric:tabular-nums}

/* 日記の1エントリ */
.entry{margin:1.4em 0}
.entry h3{margin:0 0 .2em}

footer{margin-top:2.5em;font-size:.85rem;color:#333}
.site-signature{width:100%;margin:24px 0 0;padding:16px;box-sizing:border-box;text-align:left}

@media (max-width:640px){
  .site-header{padding:8px 8px 6px}
  main{padding-left:8px;padding-right:8px}
  .site-title{font-size:1.25rem}
  .sub{font-size:.82rem}
  nav > ul{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  nav > ul{padding-left:8px;padding-right:8px}
  .site-signature{padding-left:8px;padding-right:8px}
  nav > ul > li{flex:0 0 auto}
}