/* デビ下トップ・PC用 */

BODY{
  background-color : #000000;
  color : #a9a9a9;
  margin-top : 20px;
  margin-bottom : 20px;
  text-align : center;
}
/* 全体のボックス */
.main{
  max-width:900px;
  margin : auto;
  line-height : 1.3;/* 子要素への引き継ぎ回避のために単位を指定しない */
  text-align : center;
 }

/* 画像と更新履歴のボックス */
.box {
  display:flex;
  width : 600px;
  margin : auto;
}
/* トップ画像用 */
.top {
  width : 161px;
  height : 161px;
  border : 0px;
  vertical-align:middle;
  margin : auto 40px auto 0px;
}
/* 更新履歴用テーブル */
TABLE{
  width : 400px;
  line-height : 1.3;/* 子要素への引き継ぎ回避のために単位を指定しない */
  border : solid 2px #6200c4;;
  margin-right : 0;
  text-align : left;
  border-collapse : collapse;
  padding:0.4rem;
}
caption {
  font-size: 1.1rem;
  text-align : center;
  border : solid #6200c4;
  border-width : 2px 2px 0px;
  padding:0.4rem;
}
th{
  border : solid 1px #6200c4;;
  padding:0.7rem;
  font-weight : normal;
  text-align : center;
  font-size : 0.85rem;
}
td{
  border : solid 1px #6200c4;;
  text-align :left;
  font-size : 0.85rem;
  padding:0.4rem;
}
/* コーナー名 */
.title{
  width : 550px;
  margin : 3rem auto 1em;
  border-width : 1px;
  border-style : solid;
  padding : 0.7rem;
  font-size : 1.05rem;
  text-align : left;
}
/* お知らせテキスト */
.txt1 {
  width : 550px;
  margin : 1rem auto;
  font-size : 0.85rem;
  text-align : left;
}
.txt2 {
  width : 550px;
  margin : 1.5rem auto 1em;
  font-size : 0.85rem;
  text-align : left;
}
/* フォントサイズ下げる */
.size {
font-size: 0.85rem;
}
/* 注釈・PC黄色 */
.pt{
  color : #CCCC00;
}
/* 偽テーブル */
.table {
  display:table; 
  max-width:570px;
  border: solid #330099;
  border-width: 0px;
  margin : 0 auto 0.7rem;
  line-height : 1.3;/* 子要素への引き継ぎ回避のために単位を指定しない */
}
.row  {
  display:table-row;
}
.row > div {
  display:table-cell;
  padding:0.4rem;
  vertical-align: middle;
}
.row > div:nth-child(1) { /* 日付 */
  width:120px;
  border:solid #330099;
  border-width:  0px;
  text-align:left;
  font-size : 0.9rem;
}
.row > div:nth-child(2) { /* イベント */
  width:230px;
  border:solid #330099;
  border-width: 0px;
  text-align:left;
  font-size : 0.9rem;
}
.row > div:nth-child(3){ /* スペースナンバーとか */
  width:200px;
  border:solid #330099;
  border-width: 0px;
  text-align:left;
  font-size : 0.9rem;
}
/* 刊行予定表用 */
.row2  {
  display:table-row;
}
.row2 > div {
  display:table-cell;
  padding:0.4rem;
  vertical-align: middle;
}
.row2 > div:nth-child(odd){ /* タイトル */
  width:140px;
  border:solid #330099;
  border-width:  0px;
  text-align:left;
  font-size : 0.9rem;
}
.row2 > div:nth-child(even) { /* 内容 */
  width:430px;
  border:solid #330099;
  border-width: 0px;
  text-align:left;
  font-size : 0.9rem;
}

/* ボーダー　桃色 */
.bdc-lp{
  border-color : #ff80c0;
}
/* ボーダー　濃ピンク */
.bdc-dp{
  border-color : #c40062;
}
/* ボーダー　紫 */
.bdc-db{
  border-color : #6200c4;
}
/* リンク */
A{
  color : #a2a2ff;
}
A:LINK{
  color : #a2a2ff;
}
A:VISITED{
  color : #8080c0;
}
A:HOVER{
  font-weight : bold;
}
/* 区切り線 */
.hr{
  width : 600px;
  margin-top : 2rem;
  margin-bottom : 2rem;
}
/* PC画面でのみ表示する要素 */
.pc {
	display:inline !important;
}
.sp {
	display:none! important;
}

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