@charset "UTF-8";

/*----------------------------------------
●共通
----------------------------------------*/
html {
  width:100%;
}
body {
  font-size:small;
  line-height:150%;
  font-family:'メイリオ',Meiryo,sans-serif; /* 文字設定 */
  -webkit-text-size-adjust: 100%;
  width:100%;
}
/*** 回り込み（float） ***/
.f_left{
  float:left;
}
.f_right{
  float:right;
}
.f_clear {
  clear:both;
}
.listmousedragscroll-top {
  overflow: auto;
/*  overflow:hidden!important; /* スクロールバーを非表示にしたい場合 */
}
/*----------------------------------------
●共通 - ボタン
----------------------------------------*/
/*** ボタン配置 ***/
/* 真ん中寄せ */
.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;
}
/*----------------------------------------
●ヘッダー
----------------------------------------*/
header {
  background-color:#1471d6;
  position: fixed;            /* ヘッダーの固定 */
  top: 0px;                   /* 位置(上0px) */
  left: 0px;
  height:40px;
  z-index:100;
  width:100%;
}
.outbox_header {
  width:100%;
  overflow:hidden;
}
.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% - 190px);
}
.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:190px;
}
.box_header_btn_timetable_pc {
  float:left;
  overflow:hidden;
  width:244px;
}
.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;
}
/*----------------------------------------
●フッター
----------------------------------------*/
footer > div {
  width:100%;
  overflow:auto;
  position: fixed;            /* ヘッダーの固定 */
  bottom: 0px;                   /* 位置(下0px) */
  left: 0px;
  background-color:#f5f5f5;
  border-top:1px solid #c6c6c6;
  padding:10px 5px;
  white-space: nowrap;
  padding-inline-start:5px!important;
}
.outbox_footer {
}
/*----------------------------------------
●ページトップアイコン用CSS
----------------------------------------*/
/*----------------------------------------
●コンテンツ
----------------------------------------*/
/* コンテンツ スクロール表示用 */
.outbox_content_scroll {
  width:100%;
  overflow:hidden;
  overflow:auto;
}
/* コンテンツ */
.outbox_content {
  margin:40px auto 0px;
  margin:0px auto 0px!important;
}
/* 大会タイトル */
.outbox_tournament_title {
  padding:7px;
  border-bottom:2px solid #1471d6;
  font-size:1.0em;
  background-color:#e7f3ff;
  overflow:hidden;
  line-height:1.3em;
  margin-top:40px!important;
}
.box_tournament_title {
  float:left;
}
/* 右上文字配置欄  */
.box_tournament_title_rightmoji {
  font-size: 0.95em;
  text-align: right;
  line-height: 1.0;
  float:right;
  width:250px;
  color:#666;
  margin-top:3px;
}

.box_tournament_date {
  font-size:0.8em;
  float:left;
  margin-left:10px;
}
/* コンテンツ */
.box_content {
  margin:5px 5px;
  overflow:hidden;
  padding:0px;
  width:380px;
  width:calc(100% - 10px);
}
/* ラジオボタン */
.box_radio {
  display:block;
  overflow:hidden;
  margin:10px 5px;
}
/* サブタイトルがある画面のbox_radio */
.box_content .subtitle + .f_clear + .box_radio {
  display: inline-block;
  margin:0px 5px 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 5px 20px;
  width:calc(100% - 10px);
  overflow-x: auto;
}
table {
  width: fit-content;
  width: -webkit-fit-content;
  table-layout: fixed;
}
table:first-child {
}
table caption {
  text-align:left;
  padding-left:5px;
  font-size:1.15em;
  width:100%;
}
.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;
}
div.div_result {
  margin-bottom: 20px;
}
div.div_result:last-child {
  margin-bottom: 0px;
}

/*----------------------------------------
●角丸用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 0px;
  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 0px;
  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%;
}
@media only screen and (min-width:481px) {
  /* 画面サイズが481pxより大きい場合はここを読み込む */
  /*----------------------------------------
  ●ヘッダー
  ----------------------------------------*/
  .outbox_header {
    max-width:1000px;
  }
  .box_header_title {
    padding:7px 0px 0px 10px;
    width:calc(100% - 72px);
  }
  .box_header_title_timetable_pc {
    padding:7px 0px 0px 10px;
  }
  /*----------------------------------------
  ●フッター
  ----------------------------------------*/
  footer > div {
    padding:10px 10px;
  }
  .outbox_footer {
    max-width:calc(1000px - 20px);
  }
  /*----------------------------------------
  ●コンテンツ
  ----------------------------------------*/
  /* コンテンツ */
  .outbox_content {
    width:100%!important;
  }
  /* 大会タイトル */
  .outbox_tournament_title {
    padding:7px 10px;
  }
  /* コンテンツ */
  .box_content {
    margin:5px 5px;
    overflow:hidden;
    padding:0px 0px;
    width:calc(100% - 10px);
    max-width:1000px;
  }
  /* テーブル */
  .outbox_table {
    margin:0px 10px 0px;
    width:calc(100% - 20px);
  }
  div.div_result {
  }
}
@media only screen and (min-width:661px) {
  /* 画面サイズが661pxより大きい場合はここを読み込む */
  /*----------------------------------------
  ●コンテンツ
  ----------------------------------------*/
 /* ラジオボタン */
  .box_radio label{
    display: block;
    width:25%;
  }
  .box_content .box_total .box_btn {
    margin-left: 15px;
    padding-top: 4px;
  }
  .box_content .box_total .box_btn > .btn_style1 {
    width:23.6%;
    min-width:73px;
    padding: 6px 3px;
  }
  .box_radio:last-child {
    margin-bottom:5px;
  }
  /* サブタイトルがある画面のlabel */
  .box_content .subtitle + .f_clear + .box_radio label{
    min-width: 100px;
  }
  /* テーブル */
  table th {
    font-size: 1em;
  }
}
@media only screen and (min-width:801px) {
  /* 画面サイズが801pxより大きい場合はここを読み込む */
}
@media only screen and (min-width:1001px) {
  /* 画面サイズが1001pxより大きい場合はここを読み込む */
  /*----------------------------------------
  ●ヘッダー
  ----------------------------------------*/
  .outbox_header {
    margin:0px auto;
  }
  /*----------------------------------------
  ●フッター
  ----------------------------------------*/
  .outbox_footer {
    margin:0px auto;
  }
  /*----------------------------------------
  ●コンテンツ
  ----------------------------------------*/
  /* 大会タイトル */
  .outbox_tournament_title {
    padding:7px 0px;
  }
  /* 大会タイトル */
  .outbox_tournament_title > div {
    max-width:1000px;
    margin:0px auto;
  }
  .box_tournament_title {
    margin:0px 10px;
  }
  /* 右上文字配置欄  */
  .box_tournament_title_rightmoji {
    margin-right:10px;
  }
  /* コンテンツ */
  .box_content {
    max-width:calc(1000px - 10px);
    margin:5px auto;
  }
  /* テーブル */
  .outbox_table {
    max-width:calc(1000px - 20px);
    margin:0px auto 0px;
  }
}