@charset "utf-8";

#target
{

}

/* ビンゴ表示エリア */
.BingoTable
{ 
	border-collapse: collapse;
  table-layout: fixed;
  margin: auto;

  width: 320px;
  background-color: #ffefff

}
.BingoTable th
{
  border: 2px #93ffff dashed;
  height: 50px;
}

.BingoTable td
{
  border: 2px #93ffff dashed;
  width: 33%;
  height: 0px;
  text-align: center;
  vertical-align: middle; 
  overflow-wrap : break-word;
}

.tdRed
{
  background-color: #ffe0e0
}
.tdBlue
{
  background-color: #e0ffff
}
.tdYellow
{
  background-color: #ffffe0
}
.tdGreen
{
  background-color: #e0ffe0
}
.tdWhite
{
  background-color: #ffffff
}

/* ダウンロードボタン */
.dlArea
{
  text-align: center;
  margin-top: 20px;
}

/* 設定エリア */
.ButtonArea
{
  table-layout: fixed;
  margin: auto;
  width: 80%;
  margin-top: 20px;
  text-align: center;
}
.ButtonHeader
{
  width: 20%;
  font-size: 90%;
}
.ButtonBody
{
  text-align: center;
  width: 80%;
}
.levelCheck
{
  line-height: 3;
}

.radiobutton{
  display: none;
}

label{
  cursor: pointer;
  padding: 8px 15px;
  border: 1px solid #434343;
  border-radius: 10px;
}
.check_box{
  display: none;
}
.check_box:checked + label {
  background-color: #6af;
}
.radiobutton:checked + label {
  background-color: #6af;
}

.HeadArea
{
  margin-top: 10px;
  text-align: center;
}

/* 説明エリア */
.AboutArea
{
  width: 80%;
  table-layout: fixed;
  margin: auto;
  text-align: left;
  font-size: "80%";
  margin-top: 20px;
}
.ThankYouArea
{
  width: 80%;
  table-layout: fixed;
  margin: auto;
  text-align: left;
  font-size: "80%";
  margin-top: 20px;
}

h3
{
  background-color: honeydew;
  color: black;
  
}
.SetteiHeader
{
  width: 80%;
  table-layout: fixed;
  margin: auto;
  text-align: center;
  margin-top: 20px;
}

.levelList{
  border: 2px solid skyblue;
}

ul{
  padding-left:0;
}

li{
  list-style:none;
}

/* ビンゴ表示エリア */
.SlotTable
{ 
	border-collapse: collapse;
  table-layout: fixed;
  margin: auto;

  width: 320px;
  background-color: #ffefff

}
.SlotTable th
{
  border: 2px #93ffff dashed;
  height: 50px;
}

.SlotTable td
{
  border: 2px #93ffff dashed;
  width: 33%;
  height: 0px;
  text-align: center;
  vertical-align: middle; 
  overflow-wrap : break-word;
}