/* デビトーク本文・スマホ用 */

/* ボディ */
body{
  background-color : #D0D0E7;
  color : #000000;
}

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

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

/* H2 小見出し用 */
.s_title{
  margin : 2rem auto 1rem;
  font-size: 1rem;
  font-weight : normal;
  padding : 0.4rem;
  border-width : 1px;
  border-style : solid;
  border-color : #acacff;
  background-color :#E6E6FF;
}

/* 目次ページ見出し用 */
.guide{
  margin-top : 1rem;
  line-height : 1.7;/* 子要素への引き継ぎ回避のために単位を指定しない */
  font-size : 1rem;
  color : #666666;
}

/* 文末解説 */
.d-guide{
  margin-top : 1rem;
  line-height : 1.7;/* 子要素への引き継ぎ回避のために単位を指定しない */
  font-size : 0.95rem;
  color : #666666;
}
/* 部分的に色を変える */
.gray{
  color : #666666;
}
.red{
  color : #CC0000;
}
/* ◇の上下<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;
}

/* 目次へ戻る */
#back{
  margin-bottom : 1rem;
  margin-right : 0.7rem;
  text-align : right;
  font-size : 0.95rem;
}
/* PC画面でのみ表示する要素 */
.pc {
	display:inline !important;
}
.sp {
	display:none! important;
}

/* スマホ画面でのみ表示する要素 */
@media screen and (max-width: 600px) {
.pc {
	display:none !important;
}
.sp {
	display:inline !important;
}
/* リンク */
a:link {
	color:#8080c0;
} 
a:visited {
	color:#8080c0;
}
a:active {
	color:#8080ff;
}
}