/* デビ下トップ・スマホ用 */

BODY{
  background-color : #D0D0E7;
  color : #000000;
  margin-top : 20px;
  margin-bottom : 20px;
}
/* 全体のボックス */
.main{
  background-color : #FBFBFB;
  border-radius: 10px;
  max-width : 100%;
  margin : 0.7rem auto;
  padding: 0.4rem;
  line-height : 1.4;/* 子要素への引き継ぎ回避のために単位を指定しない */
  text-align : center;
}

/* 画像と更新履歴のボックス */
.box {
  display:flex;
  width : 100%;
  margin : auto;
}
/* トップ画像用 */
.top {
	display:none;
}
/* 更新履歴用テーブル */
TABLE{
  box-sizing: border-box;
  width : 100%;
  line-height : 1.3;/* 子要素への引き継ぎ回避のために単位を指定しない */
  border : solid #330099;
  border-width:  1px 1px 0px 1px;
  margin : 1rem auto;
  text-align : left;
}
caption {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  font-weight :bolder;
  width : 100%;
  text-align : center;
  border-width : 0px;
}
th {
  font-weight : normal;
  box-sizing: border-box;
  border : solid 0px #330099;
  padding:0.7rem;
  display: block;
  width : 100%;
  text-align : left;
  font-size : 0.95rem;
}
td{
  box-sizing: border-box;
  border : solid #330099;
  border-width:  0px 0px 1px 0px;
  padding:0.7rem;
  display: block;
  width : 100%;
  text-align : left;
  font-size : 0.95rem;
}

/* コーナー名 */
.title{
  border-width:  1px 0px 1px 0px;
  border-style : solid;
  margin : 2rem auto 1rem;
  padding : 0.4rem;
  font-size : 105%;
  text-align : left;
  width : 95%;
}
/* お知らせテキスト */
.txt1{
  width : 90%;
  font-size : 0.9rem;
  text-align : left;
}
.txt2{
  width : 90%;
  font-size : 0.95rem;
  text-align : left;
}
/* フォントサイズ下げる */
.size {
font-size: 0.85rem;
}
/* 注釈・スマホ赤 */
.pt{
  color : #660000;
}
/* 偽テーブル */
.table {
  box-sizing: border-box;
  display:block;
  width: 100%;
  border: solid #330099;
  border-width: 1px 0px 0px 0px;
  margin : 0 auto 1rem;
  line-height : 1.3;/* 子要素への引き継ぎ回避のために単位を指定しない */
}
.row {
  box-sizing: border-box;
  width: 100%;
  border : none;
  display: flex;
  flex-direction:column;
}
.row>div {
  display:block;
}
.row > div:nth-child(1) { /* 日付 */
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 1rem;
  text-align:left;
  font-size : 0.9rem;
  border : none;
}
.row > div:nth-child(2) { /* イベント */
  box-sizing: border-box;
  width: 100%;
  padding: 0 1rem;
  border:solid #330099;
  border-width: 0px;
  text-align:left;
  font-size : 0.95rem;
  margin-bottom : 0;
  line-height : 2;/* 子要素への引き継ぎ回避のために単位を指定しない */
}
.row > div:nth-child(3){ /* スペースナンバーとか */
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 1rem;
  border:solid #330099;
  border-width:  0px 0px 1px 0px;
  text-align:left;
  font-size : 0.95rem;
  line-height : 1.4;/* 子要素への引き継ぎ回避のために単位を指定しない */
}
/* 刊行予定表用 */
.row2 {
  box-sizing: border-box;
  width: 100%;
  border : none;
  display: flex;
  flex-direction:column;
}
.row2 > div {
  display:block;
}
.row2 > div:nth-child(odd){ /* タイトル */
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 1rem;
  text-align:left;
  font-size : 1rem;
  border : none;
}
.row2 > div:nth-child(2) { /* 内容 */
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 1rem;
  border:solid #330099;
  border-width:  0px 0px 1px 0px;
  text-align:left;
  font-size : 0.9rem;
  margin-bottom : 0;
  line-height : 1.8;/* 子要素への引き継ぎ回避のために単位を指定しない */
}
/* ボーダー　桃色 */
.bdc-lp{
  border-color : #ff80c0;
}
/* ボーダー　全部↑と同じ色に統一する */
.bdc-dp{
  border-color : #ff80c0;
}
/* ボーダー　紫 */
.bdc-db{
  border-color : #ff80c0;
}
/* リンク */
A:LINK{
  color : #1A0DAB;
}
A:VISITED{
  color : #660099;
}
A:ACTIVE{
  color : #99cc00;
}
A:HOVER{
  color : #6a6a35;
}
.hr{
	display:none;
}
/* PC画面でのみ表示する要素 */
.pc {
	display:inline !important;
}
.sp {
	display:none! important;
}

/* スマホ画面でのみ表示する要素 */
@media screen and (max-width: 600px) {
.pc {
	display:none !important;
}
.sp {
	display:inline !important;
}
}