/* ==========================================
### for FORMs
========================================== */
input#submit01 {
  display       : inline-block;
  border-radius : 8%;          /* 角丸       */
  font-size     : 12pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 6px 12px;   /* 余白       */
  background    : #3366FF;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 3px #666666;  /* 影の設定 */
  border        : 2px solid #007fff;    /* 枠の指定 */
}
input#submit01:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #007fff;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
input#submit02 {
  display       : inline-block;
  border-radius : 4%;          /* 角丸       */
  font-size     : 10pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 3px 9px;   /* 余白       */
  background    : #3366FF;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 3px #666666;  /* 影の設定 */
  border        : 2px solid #007fff;    /* 枠の指定 */
}
input#submit02:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #007fff;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
input#submit03 {
  display       : inline-block;
  border-radius : 4%;          /* 角丸       */
  font-size     : 12pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 6px 12px;   /* 余白       */
  background    : #3366FF;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 3px #666666;  /* 影の設定 */
  border        : 2px solid #007fff;    /* 枠の指定 */
}
input#submit03:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #007fff;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
input#back01 {
  display       : inline-block;
  border-radius : 8%;          /* 角丸       */
  font-size     : 11pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 12px;   /* 余白       */
  background    : #999999;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 1px #666666;  /* 影の設定 */
  border        : 2px solid #999999;    /* 枠の指定 */
}
input#back01:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #999999;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
select {
 /* styling */
 /*
 background-color: white;
 border: thin solid orange;
 background-color: #0264FF;
 border: thin solid #0264FF;
 background-color: #9CE1FF;
 border: thin solid #0264FF;
 background-color: #9ce1ff;
 border: thin solid #3366FF;
 background-color: #3366FF;
 border: thin solid #3366FF;
 background-color: #B0C4DE;
 border: thin solid #B0C4DE;
 */
 background-color: #eee;
 border: thin solid #B0C4DE;
 border-radius: 6px;
 display: inline-block;
 font: inherit;
 font-size: 14px;
 line-height: 1.2em;
 padding: 0.5em 2.5em 0.5em 1em;
 /* reset */
 margin: 2px 0;      
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-appearance: none;
 -moz-appearance: none;
}
select#select-map {
 background-image:
  linear-gradient(45deg, transparent 50%, #0264FF 50%),
  linear-gradient(135deg, #0264FF 50%, transparent 50%),
  radial-gradient(#ddd 70%, transparent 72%);
 background-position:
  calc(100% - 20px) calc(1.0em + 1px),
  calc(100% - 15px) calc(1.0em + 1px),
  calc(100% - .7em) .4em;
 background-size:
  5px 5px,
  5px 5px,
  1.5em 1.5em;
 background-repeat: no-repeat;
}
select#select-map:focus {
 background-image:
  linear-gradient(45deg, red 50%, transparent 50%),
  linear-gradient(135deg, transparent 50%, red 50%),
  radial-gradient(#ddd 70%, transparent 72%);
 background-position:
  calc(100% - 15px) 1em,
  calc(100% - 20px) 1em,
  calc(100% - .7em) .4em;
 background-size:
  5px 5px,
  5px 5px,
  1.5em 1.5em;
 background-repeat: no-repeat;
 border-color: #F33;
 outline: 0;
}
 /* --- INPUT=TEXTの標準デザイン設定 ---------------------*/
.inText {
 box-sizing    : border-box;
 margin        : 0;
 vertical-align: top;
 
 width         : 100%;                /* 一旦100%幅     */
 max-width     : 200px;               /* 入力域の最大幅 */
 height        : 36px;                /* 入力域の高さ   */
 background    : #ffffff;             /* 入力域の背景色 */
 order        : 2px solid #1a1aff;   /* 入力域の枠線   */
 border-radius : 4px;                 /* 入力域の角丸   */
 padding       : 0 10px;              /* 入力文字の余白 */
 font-size     : 16px;
 color         : #333333;
 font-weight   : bold;
 letter-spacing: .1em;
}
/* --- 入力フィールドにフォーカスか来たら ----------------*/
.inText:focus {
 border-color  : #ff7f7f;
 background    : rgba(255, 127, 127, 0.20);
 box-shadow    : 4px 4px 2px #999;
 outline       : 0;
}
 /* --- 入力説明の文字(標準) -----------------------------*/
.inText:placeholder-shown {
 color         : #808080;
 font-size     : 14px;
}
 /* --- 入力説明の文字(Chrome,Safari,Android,iOS等) ---- -*/
.inText::-webkit-input-placeholder {
 color         : #808080;
 font-size     : 14px;
}
 /* --- 入力説明の文字(IE用) -----------------------------*/
.inText:-ms-input-placeholder {
 color         : #808080;
 font-size     : 14px;
}
/* --- IEの入力エリア右側×消し -------------------------*/
.inText::-ms-clear {
 display     : none;                      /* ×を消す   */
}
/*** 巣の登録 ************************/
.inTextbox {
 box-sizing    : border-box;
 margin        : 3px;
 vertical-align: top;
 width         : 100%;
 background    : #ffffff;
 order        : 2px solid #1a1aff;
 border-radius : 4px;
 padding       : 3px 10px;
 font-size     : 16px;
 color         : #333333;
 font-weight   : bold;
 letter-spacing: .1em;
}
.inTextbox:focus {
 border-color  : #ff7f7f;
 background    : rgba(255, 127, 127, 0.20);
 box-shadow    : 4px 4px 2px #999;
 outline       : 0;
}
.inTextbox:placeholder-shown {
 color         : #808080;
 font-size     : 14px;
}
.inTextbox::-webkit-input-placeholder {
 color         : #808080;
 font-size     : 14px;
}
.inTextbox:-ms-input-placeholder {
 color         : #808080;
 font-size     : 14px;
}
.inTextbox::-ms-clear {
 display     : none;
}
/*** 参加者情報入力 ****************/
.inText02 {
 box-sizing    : border-box;
 margin        : 0;
 vertical-align: top;
 width         : 100%;
 height        : 36px;
 background    : #ffffff;
 order        : 2px solid #1a1aff;
 border-radius : 4px;
 padding       : 0 10px;
 font-size     : 16px;
 color         : #333333;
 font-weight   : bold;
 letter-spacing: .1em;
}
.inText02:focus {
 border-color  : #ff7f7f;
 background    : rgba(255, 127, 127, 0.20);
 box-shadow    : 4px 4px 2px #999;
 outline       : 0;
}
.inText02:placeholder-shown {
 color         : #808080;
 font-size     : 14px;
}
.inText02::-webkit-input-placeholder {
 color         : #808080;
 font-size     : 14px;
}
.inText02:-ms-input-placeholder {
 color         : #808080;
 font-size     : 14px;
}
.inText02::-ms-clear {
 display     : none;
}

/*
     FILE ARCHIVED ON 14:43:06 Sep 02, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:24:48 Jul 24, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 2.093
  exclusion.robots: 0.06
  exclusion.robots.policy: 0.044
  esindex: 0.014
  cdx.remote: 21.648
  LoadShardBlock: 156.886 (3)
  PetaboxLoader3.resolve: 657.398 (2)
  PetaboxLoader3.datanode: 142.019 (4)
  load_resource: 699.687
*/