@charset "UTF-8";

/*----------------------------------------
●共通
----------------------------------------*/
body {
  font-size:small;
  line-height:150%;
  font-family:'メイリオ',Meiryo,sans-serif; /* 文字設定 */
  -webkit-text-size-adjust: 100%;
}
/*** 回り込み（float） ***/
.f_left{
  float:left;
}
.f_right{
  float:right;
}
.f_clear {
  clear:both;
}
/*----------------------------------------
●共通 - ボタン
----------------------------------------*/
/*** ボタン配置 ***/
/* 真ん中寄せ */
.box_btnstyle {
  text-align:center;
  margin:5px;
}
/* 左寄せ */
.box_btnstyleA {
  margin:5px;
}
/*** ボタンCSS ***/
/* ボタン1(黒) */
.btn_style1 {
  text-align: center;
  cursor: pointer;
  background:rgba(0,0,0,0.85);
  border: 1px solid #000;
  color: #fff;
  overflow: hidden;
  font-size:1.0em;
  padding:5px 10px;
}
.btn_style1 img {
  vertical-align:top;
  width:15px;
}
/* ボタン1(黄色) */
.btn_style2 {
  text-align: center;
  cursor: pointer;
  background:#ffe5ad;
  border: 1px solid #000;
  color: #000;
  overflow: hidden;
  font-size:1.0em;
  padding:5px 10px;
}
/*----------------------------------------
●ヘッダー
----------------------------------------*/
.outbox_header {
  width:100%;
  overflow:hidden;
  background-color:#1471d6;
  position: fixed;            /* ヘッダーの固定 */
  top: 0px;                   /* 位置(上0px) */
  left: 0px;
  height:40px;
}
.box_header_title {
  float:left;
  overflow:hidden;
  color:#fff;
  font-size:1.4em;
  margin:5px auto;
  padding:7px 0px 0px 7px;
  width:calc(100% - 72px);
}
/* ヘッダー用ボタン */
.box_header_btn {
  float:right;
  overflow:hidden;
  width:72px;
}
.box_header_title_timetable {
  float:left;
  overflow:hidden;
  color:#fff;
  font-size:1.4em;
  margin:5px auto;
  padding:7px 0px 0px 7px;
  width:calc(100% - 122px);
}
.box_header_title_timetable_pc {
  float:left;
  overflow:hidden;
  color:#fff;
  font-size:1.4em;
  margin:5px auto;
  padding:7px 0px 0px 7px;
}
/* ヘッダー用ボタン */
.box_header_btn_timetable {
  float:right;
  overflow:hidden;
  width:122px;
}
.box_header_btn_timetable_pc {
  float:left;
  overflow:hidden;
  width:122px;
}
.btn_style_header {
  margin-left:5px;
  font-size:0.9em;
  padding:0px 5px 0px;
  height:30px;
}
.btn_style_header img {
  vertical-align:top;
  margin:5px 5px 0px 0px;
  width:12px;
}
.btn_style_header img.img_arrowleft {
  margin:4px 5px 0px 0px;
}
.btn_style_header img.img_home {
  margin:1px 5px 0px 0px;
}
/*----------------------------------------
●フッター
----------------------------------------*/
.outbox_footer {
  width:100%;
  overflow:scroll;
  position: fixed;            /* ヘッダーの固定 */
  bottom: 0px;                   /* 位置(下0px) */
  left: 0px;
  background-color:#f5f5f5;
  border-top:1px solid #c6c6c6;
  padding:10px 5px;
  white-space: nowrap;
}
/*----------------------------------------
●ページトップアイコン用CSS
----------------------------------------*/
/*----------------------------------------
●コンテンツ
----------------------------------------*/
/* コンテンツ スクロール表示用 */
.outbox_content_scroll {
  width:100%;
  overflow:hidden;
}
/* コンテンツ */
.outbox_content {
  margin:40px auto 0px;
}
/* 大会タイトル */
.outbox_tournament_title {
  padding:7px;
  border-bottom:2px solid #1471d6;
  font-size:1.0em;
  background-color:#e7f3ff;
  overflow:hidden;
  line-height:1.3em;
  white-space: nowrap;
}
.box_tournament_title {
  float:left;
}
.box_tournament_date {
  font-size:0.8em;
  float:left;
  margin-left:10px;
}
/* コンテンツ */
.box_content {
  margin:5px 0px;
  overflow:hidden;
  width:380px;
}
/* ラジオボタン */
.box_radio {
  display:block;
  overflow:hidden;
  margin:10px 5px;
}
.box_radio input{
  display: none;
}
.box_radio label{
  display: block;
  float: left;
  cursor: pointer;
  width: 60px;
  margin: 0;
  padding: 10px 5px;
  border: 1px solid #abb2b7;
  background: #ffffff;
  color: #555e64;
  text-align: center;
  line-height: 1;
  transition: .2s;
}
.box_radio label:first-of-type{
  border-radius: 3px 0 0 3px;
}
.box_radio label:last-of-type{
  border-radius: 0 3px 3px 0;
}
.box_radio label.border_right_none{
  border-right: 0px;
}
.box_radio input[type="radio"]:checked + label {
  background-color: #a1b91d;
  background-color: #72b92d;
  color: #fff;
}
/* テーブル */
.outbox_table {
  margin:0px 0px 10px;
}
table {
  width: fit-content;
  width: -webkit-fit-content;
  table-layout: fixed;
}
table caption {
  text-align:left;
  padding-left:5px;
  font-size:1.15em;
}
.fs09 {
  font-size:0.9em;
}
table tr:nth-child(2n-1) {
  background-color:#eafaff;
}
table th, 
table td {
  border:1px solid #c6c6c6;
  overflow-wrap: break-word;
}
table th {
  font-size: 0.8em;
  background-color:#004896;
  color:#fff;
  padding:7px 2px;
  vertical-align:middle;
}
table td {
  padding:5px 2px;
}

button.blue {
  background: rgba(31,0,252,0.85);
}
button.blue_disabled {
  background: rgba(31,0,252,0.3);
  border-color: rgba(0,0,0,0.2);
  pointer-events: none;
  cursor: auto;
}

button.black {
  background: rgba(0,0,0,0.85);
}
button.black_disabled {
  background: rgba(0,0,0,0.3);
  border-color: rgba(0,0,0,0.2);
  pointer-events: none;
  cursor: auto;
}

.subtitle {
  margin: 5px 5px 10px;
  font-size: 1.15em;
}

.dns {
  background-color: silver !important;
  color: white !important;
  pointer-events: none !important;
  cursor: auto !important;
}

.link_text {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

/*----------------------------------------
●角丸用css
----------------------------------------*/
.radius5 {
  -moz-border-radius: 5px;    /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px;
}



/*----------------------------------------
●ダイアログ全般
----------------------------------------*/
/* jqueryuiのダイアログのタイトル */
.ui-dialog-titlebar {
  color: white !important;
  background-color: #1471d6 !important;
}

/*----------------------------------------
●歴代記録用CSS
----------------------------------------*/
/* テーブル */
.outbox_table_rekidai {
  display: none;
  margin:0px 0px 10px;
  height: 200px !important;
  overflow-y: scroll !important;
}
/* テーブル 歴代記録 */
table.table_rekidai {
  width: 100%;
}
table.table_rekidai tr.backcolor_no {
  background-color:#ffffff;
}
table.table_rekidai tr.backcolor {
  background-color:#eafaff;
}
table.table_rekidai td {
  vertical-align:middle;
}
/* 種別 */
table.table_rekidai th:first-child {
  width:20%;
}
/* 氏名 */
table.table_rekidai th:nth-child(2) {
  width:30%;
}
/* 記録 */
table.table_rekidai th:nth-child(3) {
  width:28%;
}
/* 日付 */
table.table_rekidai th:nth-child(4) {
  width:22%;
}


/*----------------------------------------
●歴代記録詳細用CSS
----------------------------------------*/
/* テーブル */
.outbox_table_rekidaidetail {
  display: none;
  margin:0px 0px 10px;
  height: 200px !important;
  overflow-y: scroll !important;
}
/* テーブル 歴代記録詳細 */
table.table_rekidaidetail {
  width: 100%;
}
table.table_rekidaidetail td {
  vertical-align:middle;
}
/* 種目 */
table.table_rekidaidetail th:first-child {
  width:60%;
}
/* 記録 */
table.table_rekidaidetail th:nth-child(2) {
  width:40%;
}


/*----------------------------------------
●メンバー用CSS
----------------------------------------*/
/* テーブル */
.outbox_table_member {
  display: none;
  margin:0px 0px 10px;
  overflow-y: hidden !important;
}
/* テーブル タイムテーブル */
table.table_member {
  width: 100%;
}
table.table_member td {
  vertical-align:middle;
}
/* ｵｰﾀﾞｰ */
table.table_member th:first-child {
  width:20%;
}
/* 競技者名 */
table.table_member th:nth-child(2) {
  width:40%;
}
/* 性別 */
table.table_member th:nth-child(3) {
  width:20%;
}
/* 学年 */
table.table_member th:nth-child(4) {
  width:20%;
}