@charset "iso-2022-jp";

/*	reset
=================================== */
html, body, nav, p, footer, article, ul, li {padding:0;margin:0;-webkit-text-size-adjust: 100%;}
.alt, .alt-pc, .alt-smp {position:absolute;top:-5000px;left:-9999px;}
body { font-family:-apple-system, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '$B^b%4%7%C%/(B Medium', '$B%a%$%j%*(B', meiryo, sans-serif;color:#6b4724;}
.hn span{display:block;color:#ae9073;}
  .pages a{text-decoration:none;background:#6b4724;color:#f1ebdf;padding:3px 8px;}
  .pages a:hover{filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; text-decoration:none; } 
@media all and (min-width: 768px) {
p{background: url(/img/cover.gif);font-size:100%;line-height:200%;letter-spacing:0.04em;}
.entry{padding:20px 40px;overflow: hidden;}
.msBox{padding:0 20px;margin:0 auto;background:rgba(255,255,255,0.4);overflow: hidden;}
h2{font-size:110%;margin-bottom:10px;padding:0.3em .75em;background: #ae9073;border: 3px double #efe6e6;color:#efe6e6;}
.msBox p{padding:0 15px;}
  .hn{font-size:90%;margin:5px 0 20px;text-align:right;}
  .pages {margin:0px auto;padding:20px 40px 0;}
  .pages a{padding:3px 8px;}
  p#pageidx{line-height:200%;}
}

@media all and (max-width: 767px) {
p{background: url(/img/cover.gif);font-size:90%;line-height:200%;letter-spacing:0.04em;}
.entry{width:90%; margin:0 auto 1em; }
.msBox{padding:0.5em;background:rgba(255,255,255,0.4);overflow: hidden;}
h2{font-size:90%;line-height:140%;margin:0 auto 0.5em;padding: 0.2em .75em;background: #ae9073;border: 3px double #efe6e6;color:#efe6e6;}
.msBox p{font-size:80%;padding:0 1em;}
  .pages {width:90%;margin:0 auto 1em;font-size:80%;}
  .pages a{ padding:0.2em 0.5em;}
  p#pageidx{line-height:200%;margin-top:1em;}
}
