@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

/*--------------------------------------
共通
---------------------------------------*/

.linkbtn {
  border: 1px solid gray;
  font-family: 'Kosugi Maru', sans-serif;
  font-size:1.2em;
  background-color:silver;
  border-radius: 5px;
  box-shadow: 3px 3px 3px gray;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:1em;
  padding-right:1em;
  margin-right:1em;
}

/*--------------------------------------
トップページ用
---------------------------------------*/
body.top {
  margin: 0;
  padding:0;
  background:black;
}

.container {
  width:100vw;
  height:100vh;
  margin:0;
  padding-top:0;
  padding-left:0;
  padding-right:0;
  padding-bottom:0px;
}

.header-bg {
  width:100%;
  height:50vh;
  position: relative;
  background-image: url("/images/brokenclay.jpg");
  background-repeat:no-repeat;
  background-position:top center;
  background-size:contain;
  background-color:rgb(0, 0, 0);
}

.title-bg {
  font-family: 'arial black', 'Impact';
  font-size:2.0rem;
  width:100%;
  height:6em;
  background-color:rgba( 255, 255, 255, 0.6 );
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.title {
  position: absolute;
  width:100%;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

.title h1 {
  font-size:2.0rem;
  line-height:1.25;
  text-align:center;
  margin-top:0px;
  margin-bottom:1em;
}
.title h2 {
  font-size:1.25rem;
  line-height:1.0;
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
}

.panel-container {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:0px;
}
.panel-container .panel {
  width: 100%;
  height:100%;
  position: relative;
  overflow: hidden;
}

.panel-container .panel .desc {
  font-family: 'Kosugi Maru', sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  width:100%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index: 99;
  color       : #000000;
  text-shadow : 
       0px  0px 10px white,
       0px  0px 10px white,
       0px  0px 10px white,
       0px  0px 10px white,
       0px  0px 10px white,
       0px  0px 10px white,
       0px  0px 10px white,
       0px  0px 10px white,
       0px  0px 10px white,
       0px  0px 10px white,
       0px  0px 10px white;
}

.panel-container .panel .img-responsive {
  width:100%;
  height:100%;
  object-fit: cover;
  transform: scale(1.15);
}

.panel-container .panel:hover > a > img, .panel-container .panel:focus > a > img {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.25);
}

/*--------------------------------------
フッター用
---------------------------------------*/
.ft-container {
  width:100%;
  position:relative;
  maring-top:1rem;
  border-top:1px solid black;
}

.ft-container .copy-right {
  font-family: 'Century Gothic';
  font-size:1rem;
  position: absolute;
  width:100%;
  text-align:center;
  padding:0;
  color:black;
  background-color: white;
}

/*--------------------------------------
データ編集ページ用
---------------------------------------*/

body.edit {
  margin: 0;
  background:white;
}

.header {
  float: left;
  width: 100%;
  position: relative;
  background-color:white;
  box-shadow: 0px 6px 3px -3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 6px 3px -3px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 6px 3px -3px rgba(0,0,0,.2);
  margin-top: 10px;
  margin-bottom: 20px;
}

.header div {
  font-family:"UD Shin Go Regular";
  font-size:14pt;
  padding-left: 10px;
  padding-bottom: 10px;
  text-align:center;
}

.contents {
  float: left;
  width: 100%;
  position: relative;
  background-color:rgba( 255, 255, 255, 1 );
  font-family:"UD Shin Go Regular";
  font-size:12pt;
}

.contents div {
  padding-top:10px;
  padding-left:10px;
  padding-bottom:20px;
}



body.view {
  margin: 0;
  background:white;
}

.editpage {
  margin: 0px;
  background:white;
}





.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.search_container{
  box-sizing: border-box;
  text-align:center;
}
.search_container input[type="text"]{
  outline:0;
  background: #cccccc;
  border: none;
  height: 50px;
  left:0;
  top:0; 
  padding:0;
  border-radius:2px 0 0 2px;
}

.search_container input[type="submit"]{
  cursor: pointer;
  border: none;
  background: #3879D9;
  color: #fff;
  outline : 0;
  height: 50px;
  top:0;
  border-radius:0 2px 2px 0;
}
.search_container ::-webkit-input-placeholder {
  color: #666666;
}

.font_r {
  font-family : "UD Shin Go Regular";
  font-size:12pt;
}

.link_btn {
  display: inline-block;
  text-decoration: none;
  font-family : "UD Shin Go Regular";
  font-size:12pt;
  border:none;
  padding:0.5em;
  text-align:center;
  background: #3879D9;
  color:white;
}

.link_btn:hover {
  text-decoration: underline;
}


/*--------------------------------------
テーブル
---------------------------------------*/

table
{
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: 1px solid black;
  margin: 0 auto;
}

table thead tr{
  border: 1px solid black;
}
table thead th{
  font-family:"UD Shin Go Regular";
  font-size:12pt;
  text-align:center;
  background-color:#ccddf5;
  border: 1px solid black;
  padding: 5px;
}

table tbody tr{
  border: 1px solid black;
  padding: 5px;
}

/*table tbody tr:hover{
  background-color: #d4f0fd;
}*/

table tbody td {
  font-family:"UD Shin Go Regular";
  font-size:12pt;
  border: 1px solid black;
  padding: 5px;
}


/*--------------------------------------
テキスト
---------------------------------------*/

.msr_text_02 {
  padding-left: 1em;
}
.msr_text_02  label {
  padding-right: 1em;
}
.msr_text_02 input[type=text] {
  border: 1px solid #1B73BA;
}

/*--------------------------------------
ラジオボタン
---------------------------------------*/

.msr_radio_02 {
  padding-bottom: 20px;
}
.msr_radio_02 p {
  font-size: 14px;
  padding-bottom: 5px;
}
.msr_radio_02 input[type=radio] {
  display: none;
  margin: 0;
}
.msr_radio_02 input[type=radio] + label {
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  line-height: 1.5px;
  margin-right: 12px;
  padding: 0 0 3px 24px;
  position: relative;
}
.msr_radio_02 input[type=radio] + label::before {
  border: 1px solid #1B73BA;
  border-radius: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "";
  display: block;
  margin-top: -9px;
  position: absolute;
  left: 0;
  top: 50%;
  height: 13px;
  width: 13px;
}
.msr_radio_02 input[type=radio]:checked + label::after {
  background: #1B73BA;
  border-radius: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "";
  display: block;
  margin-top: -4px;
  position: absolute;
  left: 3px;
  top: 0px;
  height: 7px;
  width: 7px;
}

/*--------------------------------------
チェックボックス
---------------------------------------*/

.msr_chack_02 {
  padding-bottom: 20px;
}
.msr_chack_02 p {
  font-size: 14px;
  padding-bottom: 5px;
}
.msr_chack_02 input[type=checkbox] {
  display: none;
  margin: 0;
}
.msr_chack_02 input[type=checkbox] + label {
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  line-height: 1.5px;
  margin-right: 12px;
  padding: 0 0 0 24px;
  position: relative;
}
.msr_chack_02 input[type=checkbox] + label::before {
  background: #1B73BA;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  content: "";
  display: block;
  margin-top: -9px;
  position: absolute;
  left: 0;
  top: 50%;
  height: 14px;
  width: 14px;
}
.msr_chack_02 input[type=checkbox]:checked + label::after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
}
.msr_chack_02 input[type=checkbox]:checked + label::after {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  left: 3px;
  margin-top: -7px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  height: 6px;
  width: 9px;
}

/*--------------------------------------
プルダウン
---------------------------------------*/

.msr_pulldown_02 {
  padding-bottom: 20px;
  position: relative;
  width: 230px;
}
.msr_pulldown_02 p {
  font-size: 14px;
  padding-bottom: 5px;
}
.msr_pulldown_02 select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(/stylerecipe_img/msr02_pulldown_btn01.png) no-repeat right;
  border-top: 1px solid #1B73BA;
  border-bottom: 1px solid #1B73BA;
  border-left: 1px solid #1B73BA;
  border-right: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  color: #333;
  text-indent: .01px;
  text-overflow: "";
  padding: 10px;
  height: 40px;
  width: 230px;
}

/*--------------------------------------
ファイル選択
---------------------------------------*/

.msr_file_02 {
  padding-bottom: 20px;
  width: 460px;
}
.msr_file_02>p {
  font-size: 14px;
  padding-bottom: 5px;
}
.msr_filebox_02 {
  position: relative;
}
.msr_filebox_02 input[type=file] {
  display: none;
}
.msr_filebox_02 label {
  border: 1px solid #1B73BA;
  cursor: pointer;
  font-size: 14px;
  display: block;
  position: relative;
  padding: 10px;
  height: 20px;
  width: 460px;
}
.msr_filebox_02 label:before {
  background: #1B73BA;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "Browse...";
  color: #fff;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  padding-top: 10px;
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  width: 99px;
}

/*--------------------------------------
テキストエリア
---------------------------------------*/

.msr_textarea_02 {
  padding-bottom: 10px;
  width: 460px;
}
.msr_textarea_02 label {
  display: block;
  font-size: 14px;
  padding-bottom: 5px;
}
.msr_textarea_02 textarea {
  border: 1px solid #1B73BA;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #333;
  font-size: 13px;
  padding: 10px;
  height: 210px;
  width: 460px;
}

/*--------------------------------------
送信ボタン
---------------------------------------*/
.msr_sendbtn_02{
  margin:0px;
}
.msr_sendbtn_02 input[type=submit] {
  border: 2px solid #1B73BA;
  color: #1B73BA;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  height: 40px;
  width: 150px;
}
.msr_sendbtn_02 input[type=submit]:hover {
  opacity: 0.6;
}
.msr_sendbtn_02 input[disabled=disabled] {
  background-color: #B4B4B4;
  background-position: 10px;
  border: 2px solid #7E7E7E;
  color: #7E7E7E;
  cursor: default;
}
.msr_sendbtn_02 input[disabled=disabled]:hover {
  opacity: 1;
}


/*--------------------------------------
編集画面用
---------------------------------------*/

.editcontents {
  float: left;
  width: 100%;
  position: relative;
  background-color:rgba( 255, 255, 255, 1 );
  font-family:"UD Shin Go Regular";
  font-size:12pt;
}

.errmsg {
  color:red;
}

/*--------------------------------------
リストテーブル
---------------------------------------*/
.listtable {
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: none;
  margin: 0 auto;
  text-align:center;
  margin-bottom:1em;
}

.listtable th {
  text-align:center;
  background-color:#ccddf5;
  padding:5px;
  border:1px solid black;
}

.listtable td {
  text-align:center;
  background-color:#ffffff;
  padding:5px;
  border:1px solid black;
}

.listtable label {
  margin-left:0em;
  margin-right:1em;
}

.listtable input[type=submit] {
  margin-right:5px;
}


/*--------------------------------------
編集テーブル
---------------------------------------*/
.edittable {
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: none;
  margin: 0 auto;
  text-align:center;
  margin-bottom:1em;
}

.edittable th {
  text-align:left;
  background-color:#ccddf5;
  padding:5px;
}

.edittable td {
  text-align:left;
  background-color:#ffffff;
  padding:5px;
}

.edittable label {
  margin-left:0em;
  margin-right:1em;
}

.edittable input[type=text] {
  width:97%;
}

.editsubmit {
  margin-top:10px;
  margin-bottom:10px;
  margin-right:10px;
}

.editlist {
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  text-align:center;
}

.editlist input[type=text] {
  border: 1px solid #1B73BA;
}


/*--------------------------------------
組み合わせ表(印刷用)
---------------------------------------*/

body.kumi {
  margin: 10mm;
  padding:0;
  background:white;
}

body.kumi .kp_container
{
  position: relative;
  width:190mm; 
  height:277mm;
  font-family: 'Kosugi Maru', sans-serif;
  font-size:10pt;

  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
}

body.kumi .kp_container .title
{
  font-weight:bold;
  font-size:12pt;

  position: relative;
  width:100%;
  height:auto;
  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  top:0;
  text-align:center;
}

body.kumi .kp_container .eventinfo
{
  font-weight:normal;
  font-size:11pt;
  line-height: 1.5;
  
  position: relative;
  width:100%;
  height:auto;
  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  top:0;
  clear: both;
}

body.kumi .kp_container .eventinfo div.left
{
  text-align:left;
  float:left;
}

body.kumi .kp_container .eventinfo div.right
{
  text-align:right;
  float:right;
}

body.kumi .kp_container .tb_bg
{
  position: relative;

  width: 100%;
  height: 200mm:
  padding-top:1rem;
  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  
  height: auto;
  display: grid;
  grid-template-rows:1fr 1fr 1fr 1fr;
  grid-template-columns:1fr 1fr;
  grid-auto-flow: column;
  gap:0.5cm;
  
  #break-after: page;
  page-break-after:always;
}

body.kumi .kp_container .tb_bg table 
{
  position: relative;
  table-layout: fixed;
  
  width:100%;
  
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: 1px solid black;
  margin: 0 0;
}

body.kumi .kp_container .tb_bg table tr
{
  table-layout: fixed;
  height: 7mm;
}

body.kumi .kp_container .tb_bg table th
{
  font-weight:normal;
  font-size:9pt;
}

body.kumi .kp_container .tb_bg table .th_kumi
{
  table-layout: fixed;
  width: 10mm;
  border-top   :1px solid black;
  border-left  :1px solid black;
  border-right :1px solid black;
  border-bottom:3px double black;
  padding:0;
  margin:0;
}

body.kumi .kp_container .tb_bg table .th_jyun
{
  table-layout: fixed;
  width: 10mm;
  border-top   :1px solid black;
  border-left  :1px solid black;
  border-right :1px solid black;
  border-bottom:3px double black;
  padding:0;
  margin:0;
}

body.kumi .kp_container .tb_bg table .th_zone
{
  table-layout: fixed;
  width: 18mm;
  border-top   :1px solid black;
  border-left  :1px solid black;
  border-right :1px solid black;
  border-bottom:3px double black;
  padding:0;
  margin:0;
}

body.kumi .kp_container .tb_bg table .th_name
{
  border-top   :1px solid black;
  border-left  :1px solid black;
  border-right :1px solid black;
  border-bottom:3px double black;
}

body.kumi .kp_container .tb_bg table .th_rank
{
  width: 10mm;
  border-top   :1px solid black;
  border-left  :1px solid black;
  border-right :1px solid black;
  border-bottom:3px double black;
}

body.kumi .kp_container .tb_bg table td
{
  font-weight:normal;
  font-size:9pt;

  border   :1px solid black;
  text-align:center;
}

body.kumi .kp_container .tb_bg div.notebg 
{
  position: relative;
  table-layout: fixed;
  
  width:100%;
  
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: 1px solid black;
  padding:0;
  margin: 0 0;
}

.k_note
{
  font-size:120%;
  padding:1rem;
  margin: 0 0;
}

.k_org
{
  font-weight:bold;
  font-size:120%;
  padding:1rem;
  margin: 0 0;
  text-align:center;
  vertical-align: middle;
}

/*--------------------------------------
大会選手編集ページ用
---------------------------------------*/

body.playeredit {
  margin: 0;
  background-color:white;
}

.pe_header {
  width: 100%;
  position: relative;
  box-shadow: 0px 6px 3px -3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 6px 3px -3px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 6px 3px -3px rgba(0,0,0,.2);
}

.pe_header div {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:14pt;
  text-align:center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  top:0;
  left:0;
}

.pe_contents {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:12pt;
  width: 100%;
  position: relative;
  top:0;
  left:0;

  text-align:center;
}

.pe_contents .errmsg {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:12pt;
  color:red;
  text-align:center;
}

.pe_contents h2 {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:14pt;
  font-weight:normal;
  color:black;
  position: relative;
  text-align:center;
  margin-top:1rem;
  top:0;
  left:0;
}

.pe_contents div {
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:20px;
}

.pe_contents table {
  margin-top:0;
  margin-bottom:1rem;
  margin-left:auto;
  margin-right:auto;

  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: 1px solid black;
  
  text-align:center;
}

.pe_contents table tr {
  border: 1px solid black;
}

.pe_contents table th {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:11pt;
  font-weight:bold;

  border: 1px solid black;
  background-color:#ccddf5;
  
  text-align:center;
}

.pe_contents table td {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:11pt;
  font-weight:normal;

  border: 1px solid black;
  background-color:white;
  padding-top:5px;
  padding-bottom:7px;
  padding-left:5px;
  padding-right:5px;
  
  text-align:center;
}

.pe_contents table td.order {
  width:4em;
  border: none;
}

.pe_contents table td.group {
  width:11em;
}

.pe_contents table td.player {
  width:12em;
}

.pe_contents table td.edit {
  display:inline-flex;
  justify-content: space-evenly;
  border: none;
  width:20em;
}

.pe_contents table td select {
  border: 1px solid gray;
  font-family: 'Kosugi Maru', sans-serif;
  font-size:1em;
  padding:5px;
}

.pe_contents table td input[type=submit] {
  border: 1px solid gray;
  font-family: 'Kosugi Maru', sans-serif;
  font-size:1em;
  border-radius: 3px;
  box-shadow: 2px 2px 2px gray;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:1em;
  padding-right:1em;
}


/*--------------------------------------
大会情報編集ページ用
---------------------------------------*/

body.editpage {
  margin: 0;
  background-color:white;
}

.ee_header {
  width: 100%;
  position: relative;
  box-shadow: 0px 6px 3px -3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 6px 3px -3px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 6px 3px -3px rgba(0,0,0,.2);
}

.ee_header div {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:14pt;
  text-align:center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  top:0;
  left:0;
}

.ee_contents {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:12pt;
  width: 100%;
  position: relative;
  top:0;
  left:0;

  text-align:center;
}

.ee_contents .errmsg {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:12pt;
  color:red;
  text-align:center;
}

.ee_contents h2 {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:14pt;
  font-weight:normal;
  color:black;
  position: relative;
  text-align:center;
  margin-top:1rem;
  top:0;
  left:0;
}

.ee_contents div {
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:20px;
}

.ee_contents table {
  margin-top:1rem;
  margin-bottom:1rem;
  margin-left:auto;
  margin-right:auto;

  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: 1px solid black;
  
  text-align:center;
  table-layout:fixed;
}

.ee_contents table tr {
  border: 1px solid black;
}

.ee_contents table th {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:11pt;
  font-weight:bold;

  border: 1px solid black;
  background-color:#ccddf5;
  
  text-align:center;
}

.ee_contents table td {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:11pt;
  font-weight:normal;

  border: 1px solid black;
  background-color:white;
  padding-top:5px;
  padding-bottom:7px;
  padding-left:5px;
  padding-right:5px;
  
  text-align:center;
}

.ee_contents table td.pnumber {
  width:7em;
}

.ee_contents table th.popecol {
  width:12em;
}

.ee_contents table th.gno {
  width:3em;
}

.ee_contents table th.gname {
  width:8em;
}

.ee_contents table th.pname {
  width:12em;
}

.ee_contents table th.pini {
  width:8em;
}

.ee_contents table th.rank {
  width:6em;
}

.ee_contents table td.ename {
  width:12em;
  border: none;
}

.ee_contents table td.site {
  width:11em;
}

.ee_contents table td.rank {
  width:12em;
}

.ee_contents table td.day {
  width:12em;
}

.ee_contents table td.round {
  width:12em;
}

.ee_contents table td.eopecol {
  width:20em;
}

.ee_contents table td div.playeredit {
  display:inline-flex;
  justify-content: space-evenly;
  border: none;
  width:10em;
  padding-left:0;
  padding-right:0;
  padding-top:2px;
  padding-bottom:2px;
  margin:0;
}

.ee_contents table td div.eventedit {
  display:inline-flex;
  justify-content: space-evenly;
  border: none;
  width:20em;
  padding-left:0;
  padding-right:0;
  padding-top:2px;
  padding-bottom:2px;
  margin:0;
}

.ee_contents table td select {
  border: 1px solid gray;
  font-family: 'Kosugi Maru', sans-serif;
  font-size:1em;
  padding:5px;
}

.ee_contents table td input[type=submit] {
  border: 1px solid gray;
  font-family: 'Kosugi Maru', sans-serif;
  font-size:1em;
  border-radius: 3px;
  box-shadow: 2px 2px 2px gray;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:1em;
  padding-right:1em;
}

body.editpage .edittitle {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:14pt;
  position: relative;
  top:0;
  left:0;
  margin-top:2rem;
  margin-bottom:0.5rem;
  
  text-align:center;
}

body.editpage .editbox {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:12pt;
  position: relative;
  top:0;
  left:0;
  width:26rem;
  margin-left:auto;
  margin-right:auto;
  padding:1rem;
  
  border:1px solid gray;
}

body.editpage .editbox ul {
  list-style:none;
  padding:0;
  margin:0;
}

body.editpage .editbox li {
  list-style:none;
  margin:0;
  padding:6px;
  clear:both;
}

body.editpage .editbox li div {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

body.editpage .editbox label {
  display:block;
}

body.editpage .editbox li span {
  float:left;
  margin: 0 5px 0 0;
  padding; 0;
}

body.editpage .editbox li span label {
  font-weight:noraml;
  font-size:80%;
  color:#999;
}

body.editpage .editbox li input[type=text] {
  border: 1px solid gray;
  border-radius: 3px;
  padding-left:0.5em;
  padding-right:0.5em;
  padding-top:5px;
  padding-bottom:5px;
  width:100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body.editpage .editbox li textarea {
  border: 1px solid gray;
  border-radius: 3px;
  padding-left:0.5em;
  padding-right:0.5em;
  padding-top:5px;
  padding-bottom:5px;
  width:100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body.editpage .editbox li select {
  border: 1px solid gray;
  border-radius: 3px;
  padding-left:0.5em;
  padding-right:0.5em;
  padding-top:5px;
  padding-bottom:5px;
  width:100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body.editpage .editbox li div.btn {
  display:inline-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content: space-evenly;
  
  padding-top:1rem;
}

body.editpage .editbox li input[type=submit] {
  border: 1px solid gray;
  font-family: 'Kosugi Maru', sans-serif;
  font-size:1em;
  border-radius: 3px;
  box-shadow: 2px 2px 2px gray;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:1em;
  padding-right:1em;
}

body.editpage div.topbtn {
  border-top:1px solid gray;
  margin-top:1rem;
  padding-top:1rem;
  padding-bottom:2rem;
  text-align:center;
}

/*--------------------------------------
スコア登録ページ
---------------------------------------*/

body.scoreeditpage {
  margin: 0;
  background-color:white;
}

.se_header {
  width: 100%;
  position: relative;
  box-shadow: 0px 6px 3px -3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 6px 3px -3px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 6px 3px -3px rgba(0,0,0,.2);
}

.se_header div.f {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:14pt;
  text-align:center;
  padding-top: 1rem;
  padding-bottom: 0;
  position: relative;
  top:0;
  left:0;
}

.se_header div.s {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:12pt;
  text-align:center;
  padding-top: 5px;
  padding-bottom: 1rem;
  position: relative;
  top:0;
  left:0;
}

.se_contents {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:12pt;
  width: 100%;
  position: fixed;
  top:265px;
  left:0;
  right:0;
  bottom:0;

  text-align:center;
  height:auto;
  overflow-x:auto;
  overflow-y: auto;
  /* max-height: 485px; */
}

.se_contents .errmsg {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:12pt;
  color:red;
  text-align:center;
}


.se_contents table.scoretable {
  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;

  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: 1px solid black;
  
  text-align:center;
  table-layout:fixed;
}

.se_contents table.scoretable tr {
  border: 1px solid black;
}

.se_contents table.scoretable th {
  border: 1px solid black;
  background-color:#ccddf5;
  font-weight:normal;
  text-align:center;
}

.se_contents table.scoretable th.no {
  width:2em;
}

.se_contents table.scoretable th.name {
  width:8em;
}

.se_contents table.scoretable th.normal {
  width:1.5em;
}

.se_contents table.scoretable th.total {
  width:3em;
}

.se_contents table.scoretable td {
  border: 1px solid black;
  text-align:center;
  margin:0;
  padding:0;
}

.se_contents table.scoretable td.normal {
  background-color:white;
}

.se_contents table.scoretable td.cur {
  animation: blinkAnimeS2 1s infinite alternate;
}
@keyframes blinkAnimeS2{
   0%{ color : black; background:white }
 100%{ color : black; background:cyan   }
}

.se_contents table.scoretable td.hit {
  background-color: lime;
}

.se_contents table.scoretable td.miss {
  background-color: red;
}

.se_contents table.scoretable td.curhit {
  animation: blinkAnimeHit 1s infinite alternate;
}
@keyframes blinkAnimeHit {
   0%{ color : black; background:cyan }
 100%{ color : black; background:lime  }
}

.se_contents table.scoretable td.curmiss {
  animation: blinkAnimeMiss 1s infinite alternate;
}
@keyframes blinkAnimeMiss {
   0%{ color : black; background:cyan }
 100%{ color : black; background:red  }
}

.se_contents div.resultbtn {
  display:inline-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content: center;
  
  padding-top:10px;
}

.se_contents div.resultbtn input[type=submit] {
  border: 1px solid gray;
  font-family: 'Kosugi Maru', sans-serif;
  font-size:2em;
  border-radius: 3px;
  box-shadow: 2px 2px 2px gray;
  padding-top:3rem;
  padding-bottom:3rem;
  padding-left:3rem;
  padding-right:3rem;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:20px;
}

.se_contents div.resultbtn .hitbtn {
  background-color:lime;
  color:black;
}

.se_contents div.resultbtn .missbtn {
  background-color:red;
  color:white;
}

.se_contents div.horzbtn {
  display:inline-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content: center;
  
  padding-top:10px;
}

.se_contents div.horzbtn input[type=submit] {
  border: 1px solid gray;
  font-family: 'Kosugi Maru', sans-serif;
  font-size:1em;
  border-radius: 3px;
  box-shadow: 2px 2px 2px gray;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:1em;
  padding-right:1em;
  margin-top:10px;
  margin-bottom:10px;
  margin-right:20px;
}


/*--------------------------------------
スコアカード(印刷用)
---------------------------------------*/

body.scard {
  margin: 0mm;
  padding:0;
  background:white;
}

body.scard .container
{
  position: relative;
  width:277mm; 
  height:auto;
  font-family: 'Kosugi Maru', sans-serif;
  font-size:10pt;

  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  
  page-break-before:always;
}

body.scard .container hr
{
  border-bottom:1px dotted black;
  margin-bottom:3mm;
}

body.scard .container table 
{
  position: relative;
  table-layout: fixed;
  
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: 1px solid black;

  width: 100%;
  margin-top:0;
  margin-bottom:3mm;
  margin-left:auto;
  margin-right:auto;
}

body.scard .container table tr
{
  table-layout: fixed;
  height: 7mm;
}

body.scard .container table tr.head
{
  height: 13mm;
}

body.scard .container table tr.round
{
  border-bottom:2px double black;
}

body.scard .container table th
{
  border:1px solid black;
  font-weight:normal;
}

body.scard .container table th div.country
{
  text-align:left;
  font-size:80%;
}

body.scard .container table th div.pname
{
  text-align:center;
  font-weight:bold;
}

body.scard .container table th div.strong
{
  text-align:center;
  font-weight:bold;
  font-size:110%;
}

body.scard .container table th div.sname
{
  text-align:center;
  font-size:80%;
}

body.scard .container table td
{
  font-weight:normal;
  font-size:9pt;

  border   :1px solid black;
  text-align:center;
}

body.scard .container table td.rbdbl
{
  table-layout: fixed;
  width: 8mm;
  border-top   :1px solid black;
  border-left  :1px solid black;
  border-right :3px double black;
  border-bottom:1px solid black;
  padding:0;
  margin:0;
}

body.scard .container table td.norm
{
  table-layout: fixed;
  width: 7mm;
  border-top   :1px solid black;
  border-left  :1px solid black;
  border-right :1px solod black;
  border-bottom:1px solid black;
  padding:0;
  margin:0;
}

body.scard .container table td img.hit
{
   object-fit :fill;
   width:100%;
   height:100%;
}

body.scard .container table td img.miss
{
   object-fit :contain;
   width:100%;
   height:100%;
}

.tdhit
{
   background: linear-gradient(to top left, transparent, transparent 49%, black 49%, black 51%, transparent 51%, transparent);
}

body.scard .container table td.total
{
  table-layout: fixed;
  width: 16mm;
  border-top   :1px solid black;
  border-left  :1px solid black;
  border-right :1px solod black;
  border-bottom:1px solid black;
  padding:0;
  margin:0;
}

/*--------------------------------------
成績表(印刷用)-A3-
---------------------------------------*/

body.resultprnA3 {
  width:400mm; 
  height:auto;
  margin: 0mm;
  padding:0;
  background:white;
}

body.resultprnA3 .container
{
  position: relative;
  width:100%; 
  height:auto;
  font-family: 'Kosugi Maru', sans-serif;
  font-size:20pt;

  margin-top:10px;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  
  page-break-before:always;
}

body.resultprnA3 .container div
{
  text-align:center;
  font-size:40pt;
  font-weight:bold;
  margin-bottom:10px;
} 

body.resultprnA3 .container div.left
{
  text-align:left;
  float:left;
}

body.resultprnA3 .container div.right
{
  text-align:right;
  float:right;
}


body.resultprnA3 .container table 
{
  position: relative;
  table-layout: fixed;
  
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: 1px solid black;

  width: 100%;
  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  
  clear:both;
}

body.resultprnA3 .container table tr
{
  table-layout: fixed;
  height: 45mm;
  border-bottom:3px solid black;
}

body.resultprnA3 .container table tr.head
{
  font-size:20pt;
  table-layout: fixed;
  height: 15mm;
  border-bottom:3px solid black;
}

body.resultprnA3 .container table th
{
  font-weight:bold;
  border-right:1px solid black;
}

body.resultprnA3 .container table th.country
{
  width:60mm;
}

body.resultprnA3 .container table th.pname
{
  width:80mm;
}

body.resultprnA3 .container table th.round
{
  width:40mm;
}

body.resultprnA3 .container table th.total
{
  width:40mm;
}

body.resultprnA3 .container table th.result
{
  width:40mm;
}

body.resultprnA3 .container table td
{
  font-size:30pt;
  border   :1px solid black;
  text-align:center;
}

/*--------------------------------------
成績表(印刷用)-A4-
---------------------------------------*/

body.resultprnA4 {
  width:277mm; 
  height:auto;
  margin: 0mm;
  padding:0;
  background:white;
}

body.resultprnA4 .container
{
  position: relative;
  width:100%; 
  height:auto;
  font-family: 'Kosugi Maru', sans-serif;
  font-size:14pt;

  margin-top:10px;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  
  page-break-before:always;
}

body.resultprnA4 .container div
{
  text-align:center;
  font-size:28pt;
  font-weight:bold;
  margin-bottom:5px;
} 

body.resultprnA4 .container div.left
{
  text-align:left;
  float:left;
}

body.resultprnA4 .container div.right
{
  text-align:right;
  float:right;
}

body.resultprnA4 .container table 
{
  position: relative;
  table-layout: fixed;
  
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: 1px solid black;

  width: 100%;
  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  
  clear:both;
}

body.resultprnA4 .container table tr
{
  table-layout: fixed;
  height: 31mm;
  border-bottom:3px solid black;
}

body.resultprnA4 .container table tr.head
{
  font-size:14pt;
  table-layout: fixed;
  height: 10mm;
  border-bottom:3px solid black;
}

body.resultprnA4 .container table th
{
  font-weight:bold;
  border-right:1px solid black;
}

body.resultprnA4 .container table th.country
{
  width:42mm;
}

body.resultprnA4 .container table th.pname
{
  width:56mm;
}

body.resultprnA4 .container table th.round
{
  width:28mm;
}

body.resultprnA4 .container table th.total
{
  width:28mm;
}

body.resultprnA3 .container table th.result
{
  width:28mm;
}

body.resultprnA4 .container table td
{
  font-size:21pt;
  border   :1px solid black;
  text-align:center;
}


/*--------------------------------------
成績表示(スコアボードあり)
---------------------------------------*/

body.vp_score {
  margin: 0;
  background-color:white;
}

body.vp_score .container {
  position: relative;
  width:100%; 
  height:auto;
  font-family: 'Kosugi Maru', sans-serif;
  font-size:1rem;
  margin:0px;
}

body.vp_score .container .errmsg {
  color:red;
  text-align:center;
}

body.vp_score .container .headerbg {
  width: 100%;
  position: relative;
  box-shadow: 0px 6px 3px -3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 6px 3px -3px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 6px 3px -3px rgba(0,0,0,.2);
  margin-bottom:1rem;
}

body.vp_score .container .headerbg div {
  position: relative;
  top:0;
  left:0;
  font-size:1.2em;
  text-align:center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body.vp_score .container .sb_bg {
  position: relative;
  top:0;
  left:0;
  font-size:1rem;
  width: 95%;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

body.vp_score .container .sb_bg table {
  width:100%;
  
  margin-top:1rem;
  margin-bottom:1rem;
  margin-left:auto;
  margin-right:auto;

  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: 1px solid black;
  
  text-align:center;
  table-layout:fixed;
}
@media screen and (min-width: 480px) {
  body.vp_score .container .sb_bg table
  {
    font-size: 9pt;
  }
}
@media screen and (min-width: 480px) AND (max-width: 1024px) {
  body.vp_score .container .sb_bg table
  {
    font-size: 10pt;
  }
}

body.vp_score .container .sb_bg table tr {
  border: 1px solid black;
}

body.vp_score .container .sb_bg table th {
  border: 1px solid black;
  background-color:#ccddf5;
  font-weight:normal;
  text-align:center;
}

body.vp_score .container .sb_bg table th.no {
  width:3%;
}

body.vp_score .container .sb_bg table th.group {
  width:7%;
}

body.vp_score .container .sb_bg table th.name {
  width:11%;
}

body.vp_score .container .sb_bg table th.normal {
  width:3%;
}

body.vp_score .container .sb_bg table th.total {
  width:4%;
}

body.vp_score .container .sb_bg table td {
  border: 1px solid black;
  text-align:center;
  margin:0;
  padding:0;
}

body.vp_score .container .sb_bg table td.normal {
  background-color:white;
}

body.vp_score .container .sb_bg table td.cur {
  animation: blinkAnimeVpScoreS2 1s infinite alternate;
}
@keyframes blinkAnimeVpScoreS2{
   0%{ color : black; background:white }
 100%{ color : black; background:cyan   }
}

body.vp_score .container .sb_bg table td.hit {
  background-color: lime;
}

body.vp_score .container .sb_bg table td.miss {
  background-color: red;
}

body.vp_score .container .sb_bg table td.curhit {
  animation: blinkAnimeVpScoreHit 1s infinite alternate;
}
@keyframes blinkAnimeVpScoreHit {
   0%{ color : black; background:cyan }
 100%{ color : black; background:lime }
}

body.vp_score .container .sb_bg table td.curmiss {
  animation: blinkAnimeVpScoreMiss 1s infinite alternate;
}
@keyframes blinkAnimeVpScoreMiss {
   0%{ color : black; background:cyan }
 100%{ color : black; background:red  }
}

body.vp_score div.topbtn {
  border-top:1px solid gray;
  margin-top:1rem;
  padding-top:1rem;
  padding-bottom:2rem;
  text-align:center;
}


body.vp_score .container .resultbg {
  position: relative;
  width:95%;
  top:0;
  left:0;
  margin-left:auto;
  margin-right:auto;
  height: auto;
  
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns:repeat(2, 1fr);
  grid-auto-flow: row;
  overflow: hidden;
  gap:1rem;
}

body.vp_score .container .resultbg .result
{
  position: relative;

  width:100%;
}

body.vp_score .container .resultbg .result .rank
{
  text-align:center;
  font-size:1.2rem;
  font-weight:bold;
  margin-bottom:0.5rem;
} 

body.vp_score .container .resultbg .result .rank div.left
{
  text-align:left;
  float:left;
}

body.vp_score .container .resultbg .result .rank div.right
{
  text-align:right;
  float:right;
}

body.vp_score .container .resultbg .result table 
{
  position: relative;
  table-layout: fixed;
  
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: 1px solid black;

  width: 100%;
  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  
  clear:both;
}

body.vp_score .container .resultbg .result table tr
{
  table-layout: fixed;
  border-bottom:1px solid black;
}

body.vp_score .container .resultbg .result tr.head
{
  font-size:1.2rem;
  table-layout: fixed;
  border-bottom:1px solid black;
}

body.vp_score .container .resultbg .result th
{
  font-size: 1rem;
  font-weight:bold;
  border-right:1px solid black;
}
@media screen and (min-width: 480px) {
  body.vp_score .container .resultbg .result th
  {
    font-size: 9pt;
    font-weight:bold;
    border-right:1px solid black;
  }
}
@media screen and (min-width: 480px) AND (max-width: 1024px) {
  body.vp_score .container .resultbg .result th
  {
    font-size: 10pt;
    font-weight:bold;
    border-right:1px solid black;
  }
}

body.vp_score .container .resultbg .result th.country
{
  width:15%;
}

body.vp_score .container .resultbg .result th.pname
{
  width:25%;
}

body.vp_score .container .resultbg .result th.round
{
  width:10%;
}

body.vp_score .container .resultbg .result th.total
{
  width:10%;
}

body.vp_score .container .resultbg .result th.result
{
  width:10%;
}

body.vp_score .container .resultbg .result td
{
  font-size:1rem;
  border   :1px solid black;
  text-align:center;
}
@media screen and (min-width: 480px) {
  body.vp_score .container .resultbg .result td
  {
    font-size: 9pt;
    border   :1px solid black;
    text-align:center;
  }
}
@media screen and (min-width: 480px) AND (max-width: 1024px) {
  body.vp_score .container .resultbg .result td
  {
    font-size: 10pt;
    border   :1px solid black;
    text-align:center;
  }
}

/*--------------------------------------
成績表示(スコアボードあり)
---------------------------------------*/

div.ipanel {
  position: fixed;
  top: 100px;
  left: 100px;
  width:320px;
  height:160px;
  background-color:white;
  margin:0;
  padding:0;
  z-index: 999;
}

div.ipanel .eventnamebase {
  padding:0px;
  margin-top:-2px;
  margin-bottom:2px;
  margin-left:0;
  margin-right:0;
  width:100%;
  height:11px;
  text-align:center;
  font-size:8px;
}

div.ipanel .eventnamebase span {
  vertical-align:top;
}

div.ipanel table {
  width:320px;
  
  margin:0;
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: 1px solid black;
  text-align:center;
  table-layout:fixed;
}

div.ipanel table tr {
  border: 1px solid black;
}

div.ipanel div {
  font-size:8px;
}

div.ipanel div.small {
  -webkit-transform:scale(0.5);
  -moz-transform:scale(0.5);
  -ms-transform:scale(0.5);
  -o-transform:scale(0.5);
  transform:scale(0.5);
}

div.ipanel table th {
  border: 1px solid black;
  background-color:#ccddf5;
  font-weight:normal;
  text-align:center;
}

div.ipanel table th.no {
  width:8px;
}

div.ipanel table th.normal {
  width:8px;
}

div.ipanel table th.total {
  width:8px;
}

div.ipanel table td {
  border: 1px solid black;
  text-align:center;
  margin:0;
  padding:0;
}

div.ipanel table td.normal {
  background-color:white;
}

div.ipanel table td.cur {
  animation: blinkAnimeVpScoreS2 1s infinite alternate;
}
@keyframes blinkAnimeVpScoreS2{
   0%{ color : black; background:white }
 100%{ color : black; background:cyan   }
}

div.ipanel table td.hit {
  background-color: lime;
}

div.ipanel table td.miss {
  background-color: red;
}

div.ipanel table td.curhit {
  animation: blinkAnimeVpScoreHit 1s infinite alternate;
}
@keyframes blinkAnimeVpScoreHit {
   0%{ color : black; background:cyan }
 100%{ color : black; background:lime }
}

div.ipanel table td.curmiss {
  animation: blinkAnimeVpScoreMiss 1s infinite alternate;
}
@keyframes blinkAnimeVpScoreMiss {
   0%{ color : black; background:cyan }
 100%{ color : black; background:red  }
}


/*--------------------------------------
成績表示(スコアボードあり 背景黒)
---------------------------------------*/

div.ipanelb {
  position: fixed;
  top: 100px;
  left: 100px;
  width:320px;
  height:160px;
  background-color:black;
  margin:0;
  padding:0;
  z-index: 999;
}

div.ipanelb .eventnamebase {
  padding:0px;
  margin-top:-2px;
  margin-bottom:2px;
  margin-left:0;
  margin-right:0;
  width:100%;
  height:11px;
  text-align:center;
  font-size:8px;
  color:white;
}

div.ipanelb .eventnamebase span {
  vertical-align:top;
}

div.ipanelb table {
  width:320px;
  
  margin:0;
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: 1px solid white;
  text-align:center;
  table-layout:fixed;
}

div.ipanelb table tr {
  border: 1px solid white;
}

div.ipanelb div {
  font-size:8px;
}

div.ipanelb div.small {
  -webkit-transform:scale(0.5);
  -moz-transform:scale(0.5);
  -ms-transform:scale(0.5);
  -o-transform:scale(0.5);
  transform:scale(0.5);
}

div.ipanelb table th {
  border: 1px solid white;
  background-color:black;
  color:white;
  font-weight:normal;
  text-align:center;
}

div.ipanelb table th.no {
  width:8px;
}

div.ipanelb table th.normal {
  width:8px;
}

div.ipanelb table th.total {
  width:8px;
}

div.ipanelb table td {
  border: 1px solid white;
  text-align:center;
  margin:0;
  padding:0;
}

div.ipanelb table td.normal {
  background-color:black;
}

div.ipanelb table td.cur {
  animation: blinkAnimeVpScoreS2b 1s infinite alternate;
}
@keyframes blinkAnimeVpScoreS2b{
   0%{ color : white; background:black }
 100%{ color : white; background:cyan   }
}

div.ipanelb table td.hit {
  background-color: lime;
}

div.ipanelb table td.miss {
  background-color: red;
}

div.ipanelb table td.curhit {
  animation: blinkAnimeVpScoreHitb 1s infinite alternate;
}
@keyframes blinkAnimeVpScoreHitb {
   0%{ color : white; background:cyan }
 100%{ color : white; background:lime }
}

div.ipanelb table td.curmiss {
  animation: blinkAnimeVpScoreMissb 1s infinite alternate;
}
@keyframes blinkAnimeVpScoreMissb {
   0%{ color : white; background:cyan }
 100%{ color : white; background:red  }
}

/*--------------------------------------
成績表示(スコアボードあり)
---------------------------------------*/

div.ipanel2 {
  position: fixed;
  top: 100px;
  left: 100px;
  width:320px;
  height:160px;
  background-color:white;
  margin:0;
  padding:0;
  z-index: 999;
}

div.ipanel2 table {
  width:320px;
  
  margin:0;
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  border: 1px solid black;
  text-align:center;
  table-layout:fixed;
}

div.ipanel2 table tr {
  border: 1px solid black;
}

div.ipanel2 div {
  font-size:10px;
}

div.ipanel2 div.small {
  -webkit-transform:scale(0.5);
  -moz-transform:scale(0.5);
  -ms-transform:scale(0.5);
  -o-transform:scale(0.5);
  transform:scale(0.5);
  margin:0px auto;
}

div.ipanel2 table th {
  border: 0px;
  background-color:#ccddf5;
  font-weight:normal;
  text-align:center;
}

div.ipanel2 table th.name {
  border-left:0px;
  border-right:1px solid black;
  width:33px;
  padding:0;
  margin: auto;
}

div.ipanel2 table th.normal {
  border-left:0px;
  border-right:1px solid black;
  width:7px;
}

div.ipanel2 table th.total {
  width:8px;
}

div.ipanel2 table td {
  border: 0px;
  text-align:center;
  margin:0;
  padding:0;
}

div.ipanel2 table td.normal {
  border-left:0px;
  border-right:1px solid black;
  background-color:white;
}

div.ipanel2 table td.cur {
  border-left:0px;
  border-right:1px solid black;
  animation: blinkAnimeVpScoreS2 1s infinite alternate;
}
@keyframes blinkAnimeVpScoreS2{
   0%{ color : black; background:white }
 100%{ color : black; background:cyan   }
}

div.ipanel2 table td.hit {
  border-left:0px;
  border-right:1px solid black;
  background-color: lime;
}

div.ipanel2 table td.miss {
  border-left:0px;
  border-right:1px solid black;
  background-color: red;
}

div.ipanel2 table td.curhit {
  border-left:0px;
  border-right:1px solid black;
  animation: blinkAnimeVpScoreHit 1s infinite alternate;
}
@keyframes blinkAnimeVpScoreHit {
   0%{ color : black; background:cyan }
 100%{ color : black; background:lime }
}

div.ipanel2 table td.curmiss {
  border-left:0px;
  border-right:1px solid black;
  animation: blinkAnimeVpScoreMiss 1s infinite alternate;
}
@keyframes blinkAnimeVpScoreMiss {
   0%{ color : black; background:cyan }
 100%{ color : black; background:red  }
}