a {
  text-decoration: none;
  color: #000;
}
h1,h2,h3,h4,p {margin: 0;
}
img {
  max-width: 100%;
}
hr {
  border:none;
  border-top:dashed 1px #000;
  height:1px;
}
ul {
  padding:0;

}
li {
  list-style: none;
  display: inline;
}
.fz12 {font-size: 12px;}
.fz14 {font-size: 14px;}
.fz16 {font-size: 16px; vertical-align: top;}
.fz18 {font-size: 18px;}
.fz20 {font-size: 20px;}
.fz40 {font-size: 40px;}
.pd020 {padding:0px 20px;}
.pdb100 { padding-bottom: 100px;}
.fa-3x { color: #ccc;}
.ac {
  text-align: center;
}

.contents {
  margin: 0 auto;
  text-align: left;
  width: 100%;

}

.gothic{font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ ゴシック', 'MS Gothic', sans-serif;}
.mincho{font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'HGS明朝E', 'HG明朝E', 'ＭＳ 明朝', 'MS Mincho', serif;}
p {
font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'HGS明朝E', 'HG明朝E', 'ＭＳ 明朝', 'MS Mincho', serif;
}

#honbun {
  font-size: 16px;
  padding: 10px 20px;
}
#honbun_prev, #honbun_next{
  display: none;
}
#honbun_prev:hover, #honbun_next:hover{display: none;}
.opacity03{display: none;}


@media screen and (min-width:480px) {
  .contents {
    margin: 0 auto;
    text-align: left;
    width: 480px;
  }
  #honbun{
      font-size: 1em; /*test*/
      line-height: 1.8em;
      height: 30em;
      overflow: auto;
      margin: 30px 2%;
      width: 86%;
      padding: 30px 0;
      float: left;
      writing-mode: tb-rl;
      writing-mode: vertical-rl;
      /writing-mode: tb-rl;
      _writing-mode: tb-rl;
      -ms-writing-mode: tb-rl;            /* IE用      */
      -moz-writing-mode: vertical-rl;     /* firefox用 */
      -webkit-writing-mode: vertical-rl;  /* chrome用  */
      -o-writing-mode: vertical-rl;       /* opera用   */
  }
  #honbun_prev, #honbun_next{
    display: block;
      margin-top: 20em;
      width: 5%;
      height: 50px;
      text-align: center;
      border: 0;
      float: left;
      opacity: 0.5;
      background-color: #fff;
  }
  #honbun_prev:hover, #honbun_next:hover{display: block; opacity: 1; cursor: pointer;}
  .opacity03{display: block; opacity: 0.3;}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
  .contents {
    margin: 0 auto;
    text-align: left;
    width: 700px;

  }
}
@media screen and (min-width:1024px) {
  .contents {
    margin: 0 auto;
    text-align: left;
    width: 950px;
  }


}