@charset "UTF-8";

a.btn {
    padding: 3px 8px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',' Meiryo', 'メイリオ',' Osaka', 'MS PGothic', 'arial', 'helvetica',' sans-serif';
    border-radius: 5px;
}
a.btn01 {
    background-color: #84b9cb;
    color: #f8fbf8;
}
a.btn02 {
    background-color: #e4ab9b;
    color: #ffffff;
}
a.btn03 {
    background-color: #f8fbf8;
    color: #ffffff;
}
a.btn04 {
    background-color: #c0c6c9;
    color: #444444;
}
a.btn05 {
    background-color: #d4acad;
    color: #555555;
}
a.btn06 {
    background-color: #d1a38c;
    color: #555555;
}
a.btn07 {
    background-color: #4d483d;
    color: #d1a38c;
}
a.btn08 {
    background-color: #e8d3d1;
    color: #998a8a;
}
a.btn09 {
    background-color: #c1d8ac;
    color: #f8f4e6;
}
a.btn10 {
    background-color: #e0c38c;
    color: #f8f4e6;
}
a.btn11 {
    background-color: #bd8f9f;
    color: #ffffff;
}
a.btn:hover {
    opacity: 1.0;
}
a {
     color: #bc8f8f;
     text-decoration: none;
  }

a:link {
        color:#bc8f8f;
}

a:visited. {
            color:#bc8f8f;
}

a:active {
          color:#f8b862;
}
a:hover {
  color: #444444;
  font-weight: bold;
  background-color: #daccff;/*背景色*/
}
body {
 font-size: 16px;
 background-image: url("https://ru.dojin.com/wall/p0026_m.jpg");
 background-repeat: repeat;
 background-attachment: fixed;
}

/*縦書き用CSS　開始*/
/*縦書き用CSSのDivは複数設定ごとに段落が生成されるので注意*/
/*フッターでスクロールバーが隠れるので注意*/
.ja-text {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
        line-height: 2.0rem;
        letter-spacing: 0.2rem;
        text-indent: 1em;
        font-family: 'Shippori Mincho','ヒラギノ明朝 ProN','ヒラギノ角ゴシック','Hiragino Mincho ProN','メイリオ','Meiryo UI','Courier','sans-serif';
	width: 100%;
	height: 84vh;/*縦方向の表示範囲を自動調整*/
        overflow: auto;/*スクロールバーを自動で表示*/
}
.ja-text p {
    margin-left: 1.7em;
}
.ja-relative {
    background: #ddd;
    height: 84vh;/*縦方向の表示範囲を自動調整*/
    position: relative;
    width: 100%;
}

.ja-absolute {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    background: #fff;
    left: 0;
    position: absolute;
    top: 0;
}

.ja-absolute span {
　　　　display: inline-block;
　　　　padding: 24px;
}
/*縦書き用CSS　終了*/

p.ex1 {
          background-repeat: repeat;          /*背景画像のリピート方法*/
          background-position: right top;        /*背景画像の位置*/
          background-attachment: fixed;
          margin: 0px;
          padding-left: 16px;
          padding-right: 16px;
}

p.ex1 {
          font-style: normal;
          font-variant: normal;
          font-weight: normal;         
          font-size: 1.0rem;
          line-height:1.7;         
          font-family: 'Shippori Mincho','ヒラギノ明朝 ProN','ヒラギノ角ゴシック','メイリオ','Hiragino Mincho ProN','Meiryo UI','Courier','sans-serif';
}

p.ex2 {
          background-image: url(https://ru.dojin.com/wall/p0026_m.jpg); /*背景画像のURL*/
          background-repeat: repeat;          /*背景画像のリピート方法*/
          background-position: right top;        /*背景画像の位置*/
          background-attachment: fixed;
          background-color: #FFFFFF;             /*背景の色*/
          margin: 0px;
          padding: 24px;
}

p.ex2 {
          font-style: normal;
          font-variant: normal;
          font-weight: normal;         
          font-size: 16px;
          line-height:1.7;         
          font-family: 'Shippori Mincho','メイリオ','游明朝体','Hiragino Mincho ProN','Meiryo UI','Courier','sans-serif';
}
p.tagu {
          background-image: url(https://ru.dojin.com/wall/p0026_m.jpg); /*背景画像のURL*/
          background-repeat: repeat;          /*背景画像のリピート方法*/
          background-position: right top;        /*背景画像の位置*/
          background-attachment: fixed;
          background-color: #FFFFFF;             /*背景の色*/
          margin: 0px;
          padding: 16px;
}

p.clearLeft {
          background-image: url(https://ru.dojin.com/wall/p0026_m.jpg); /*背景画像のURL*/
          background-repeat: repeat;          /*背景画像のリピート方法*/
          background-position: right top;        /*背景画像の位置*/
          background-attachment: fixed;
          background-color: #FFFFFF;             /*背景の色*/
          margin: 0px;
          padding: 16px;
}

ul {
    list-style-type: none;
}

img {
     border:none;
}

hr.hr1{
   border:none;
   border-top:dashed 1px #cccccc;
}

span.komoji1 {
              font-size: 12px;
              font-color: #777777;
              line-height:1.5;

}

span.tagu {
              font-size: 11px;
              font-color: #cccccc;
              line-height:1.5;
}

/*ここからボタン*/
.btn-square-shadow {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #e4ab9b;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #b38679;
  border-radius: 3px;
}
.btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}
/*ここまでボタン*/

/*ここから色指定*/
.yellow1 {
  color: #d0af4c;
}
.red1 {
  color: #9e3d3f;
}
.blue1 {
  color: #507ea4;
}
.blue2 {
  color: #44617b;
}
.white1 {
  color: #ffffff;
}
.white2 {
  color: #dcdcdc;
}
.brown1 {
  color: #856859;
}