@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:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; color:#000;}
.hn span{display:block;color:#3dbaf7;}
.msBox h2:first-letter{font-size:140%;color:#e4007f;font-weight:bold;}
  .pages a{color:#000;text-decoration:none;background:#fff000; 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{min-height:280px;padding:0 20px;margin:0 auto;background:url(../img/msg/bg.png) right 50px no-repeat;border-top:solid 5px #000;overflow: hidden;}
  h2{display:block;font-size:120%;line-height:140%;letter-spacing:0.1em;color:#3dbaf7;padding-top:30px;}
  .hn{margin:10px 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 1em;border-top:solid 3px #000;overflow: hidden;}

  h2{display:block;font-size:100%;line-height:120%;letter-spacing:0.1em;color:#3dbaf7;}
  .hn{font-size:70%;;}
  .pages {width:90%;margin:0 auto 1em;font-size:80%;}
  .pages a{ padding:0.2em 0.5em;}
  p#pageidx{line-height:200%;}
}