/* 小説用 */

/* ボディ */
body{
  margin-top : 20px;
  margin-bottom : 20px;
  background-color : #E9EDF2;
  color : #000000;
}

/* 全体のボックス */
.main{
  background-color : #FBFBFB;
  border-radius: 10px;
  margin : auto;
  padding: 1.4rem 2.8rem; /* 上下・左右 */
  line-height : 2.1;/* 子要素への引き継ぎ回避のために単位を指定しない */
  border-width : 0px;
  border-style : none;
  max-width : 40rem;
  text-align : left;
}

/* H1 ページタイトル用 */
.p-title{
  margin-top : 1rem;
  margin-bottom : 1rem;
  font-weight : normal;
  font-size: 1rem;
}

/* H2 章タイトル用 */
.s_title{
  margin-top : -1rem;
  margin-bottom : 4rem;
  font-size: 1rem;
}
/* H2 章タイトルが英字で小さくなる場合 */
.s2_title{
  margin-top : -1rem;
  margin-bottom : 3rem;
  font-size: 1.2rem;
}
/* 目次ページ見出し用 */
.guide{
  margin-top : 1rem;
  line-height : 1.7;/* 子要素への引き継ぎ回避のために単位を指定しない */
  font-size : 1.1rem;
  color : #666666;
}

/* 文末解説 */
.d-guide{
  margin-top : 1rem;
  line-height : 1.7;/* 子要素への引き継ぎ回避のために単位を指定しない */
  font-size : 0.9rem;
  color : #666666;
}

/* サイズ変えない解説 */
.ss-guide{
  line-height : 1.7;/* 子要素への引き継ぎ回避のために単位を指定しない */
  color : #666666;
}
/* ◇の上下<br>二回分／五行空きスペース */
.em4{
  width : 100%;
  margin : 4rem auto;
  text-align : center;
}
/* 空改行四行空きスペース */
.em3{
  width : 100%;
  margin : 3rem auto;
  text-align : center;
}
/* 空改行三行空きスペース */
.em2{
  width : 100%;
  margin : 2rem auto;
  text-align : center;
}
/* ルビ */
.at{
ruby-align : auto;
}

/* up日付 */
#date{
  margin-bottom : 1rem;
  text-align : right;
  font-size : 0.95rem;
}

/* タイトルエンド・単独ページ用 */
#end-1{
  margin-top : 4rem;
  margin-bottom : 4rem;
  text-align : center;
}

/* タイトルエンド・「戻る／進む」ボックスのある連作用 */
#end{
  margin-top : 4rem;
  margin-bottom : 3rem;
  text-align : center;
}

/* 戻る・進むボックス */
	/* ページ上部用 */
.navi_top{
  display : flex;
  flex-direction: row;
  width : 65%;
  font-size : 0.95rem;
  margin : auto;
  margin-top : 1rem;
  margin-bottom : 4rem;
}
	/* ページ下部用 */
.navi_bottom{
  display : flex;
  flex-direction: row;
  width : 65%;
  font-size : 0.95rem;
  margin : auto;
  margin-top : 4rem;
  margin-bottom : 1rem;
}
	/* 共通の中身 */
.back{
  text-align : left;
}
.page{
  text-align : center;
  margin : auto;
}
.next{
  text-align : right;
}


/* 目次へ戻る */
#back{
  margin-bottom : 1rem;
  margin-right : 0.7rem;
  text-align : right;
  font-size : 0.95rem;
}

/* リンク */
A:LINK{
  color : #8080c0;
}
A:VISITED{
  color : #8080c0;
}
A:ACTIVE{
  color : #8080ff;
}