/* -------------------------------------------------- */
/* Web Font                                           */
/* -------------------------------------------------- */

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url('./webfonts/fa-brands-400.eot');
  src: url('./webfonts/fa-brands-400.eot?#iefix') format('embedded-opentype'),
       url('./webfonts/fa-brands-400.woff2') format('woff2'),
       url('./webfonts/fa-brands-400.woff') format('woff'),
       url('./webfonts/fa-brands-400.ttf') format('truetype'),
       url('./webfonts/fa-brands-400.svg#fontawesome') format('svg');
}
@font-face {
  font-family: 'Font Awesome 5 Regular';
  font-style: normal;
  font-weight: 400;
  src: url('./webfonts/fa-regular-400.eot');
  src: url('./webfonts/fa-regular-400.eot?#iefix') format('embedded-opentype'),
       url('./webfonts/fa-regular-400.woff2') format('woff2'),
       url('./webfonts/fa-regular-400.woff') format('woff'),
       url('./webfonts/fa-regular-400.ttf') format('truetype'),
       url('./webfonts/fa-regular-400.svg#fontawesome') format('svg');
}
@font-face {
  font-family: 'Font Awesome 5 Solid';
  font-style: normal;
  font-weight: 900;
  src: url('./webfonts/fa-solid-900.eot');
  src: url('./webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),
       url('./webfonts/fa-solid-900.woff2') format('woff2'),
       url('./webfonts/fa-solid-900.woff') format('woff'),
       url('./webfonts/fa-solid-900.ttf') format('truetype'),
       url('./webfonts/fa-solid-900.svg#fontawesome') format('svg');
}
@font-face {
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  src: url('./webfonts/glyphicons-halflings-regular.eot');
  src: url('./webfonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
       url('./webfonts/glyphicons-halflings-regular.woff2') format('woff2'),
       url('./webfonts/glyphicons-halflings-regular.woff') format('woff'),
       url('./webfonts/glyphicons-halflings-regular.ttf') format('truetype'),
       url('./webfonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/* ------------------------------------------------------------
 　オリジナルのラジオボタン 
-------------------------------------------------------------*/
.radio1 {
	margin: 0px 0px 0px 0px;
}

/* ラベルのスタイル　*/
.radio1 label {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, sans-serif;
	padding-left:	12px;			/* ラベルの位置 */
	padding-right:	12px;
	font-size:		16px;
	line-height:	32px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
	color: 			#666;
	font-weight:	normal;
}

/* チェックしていない時のスタイル */
.radio1 label:before {
	padding-left:	5px;
	padding-right:	5px;
	content:		'\25c9';
	font-size:		22px;
	font-weight:	normal;
	color:			#ccc;
	vertical-align: middle;
}
/* 元のラジオボタンを表示しない */
.radio1 input[type=radio] {
	display:		none;
}

/* チェックした時のスタイル */
.radio1 input[type=radio]:checked + label {
  color:			#000;
/* 	border:			1px dashed #F9AFAF;
	border-radius:	6px;
	background-color: #FCE7E7; */
}

.radio1 input[type=radio]:checked + label:before {
	padding-left:	5px;
	padding-right:	5px;
	content:		'\25c9';		/* チェックの文字 */ 
	font-size:		22px;			/* チェックのサイズ */
	font-weight:	normal;
	color:			#F36;			/* チェックの色 */
	vertical-align: middle;
}

/* -------------------------------------------------- */
/* Button                                             */
/* -------------------------------------------------- */

button {
  align-items: center;
  display: inline-flex;
  font-family: 'メイリオ', Meiryo, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  justify-content: center;
  text-transform: none;
  position: relative;
}
button::before {
  position: absolute;
}
button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translate(1px, 1px);
      -ms-transform: translate(1px, 1px);
       -o-transform: translate(1px, 1px);
          transform: translate(1px, 1px);
}
button:focus {
  outline: 0;
}

/* 戻る・進むボタン */
.button_back,
.button_forward {
  background-color: #0284c3;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button_back {
  border-radius: 22px;
  height: 44px;
  width: 44px;
}
.button_forward {
  border-radius: 16px;
  height: 32px;
  width: 32px;
}
.button_back::before {
  content: '\f060';
  font-family: 'Font Awesome 5 Solid';
  font-size: 32px;
  left: 7px;
}
.button_forward::before {
  content: '\f061';
  font-family: 'Font Awesome 5 Solid';
  font-size: 24px;
  left: 5px;
}
.button_back:hover,
.button_forward:hover {
  background-color: #359dcf;
  color: #ffffff;
}
.button_back:active,
.button_forward:active {
  background-color: #0c74a6;
  -webkit-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}
.button_back:focus,
.button_forward:focus {
  -webkit-box-shadow: 0 0 6px #359dcf;
          box-shadow: 0 0 6px #359dcf;
}
.button_back:disabled,
.button_forward:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 無効戻る・無効進むボタン */
.button_back_disabled,
.button_forward_disabled {
  background-color: #e0e0e0;
  border: 1px solid #cccccc;
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
  padding: 0;
  pointer-events: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button_back_disabled {
  border-radius: 22px;
  height: 44px;
  width: 44px;
}
.button_forward_disabled {
  border-radius: 16px;
  height: 32px;
  width: 32px;
}
.button_back_disabled::before {
  content: '\f060';
  font-family: 'Font Awesome 5 Solid';
  font-size: 32px;
  left: 7.5px;
}
.button_forward_disabled::before {
  content: '\f061';
  font-family: 'Font Awesome 5 Solid';
  font-size: 24px;
  left: 5px;
}
.button_back_disabled:active,
.button_forward_disabled:active {
  -webkit-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}
.button_back_disabled:focus,
.button_forward_disabled:focus {
  -webkit-box-shadow: 0 0 12px #ffffff;
          box-shadow: 0 0 12px #ffffff;
}
.button_back_disabled:disabled,
.button_forward_disabled:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* カレンダーボタン */
.button_calendar {
  background-color: #EEEEEE;
  border-radius: 6px;
  color: #555555;
  font-size: 14px;
  height: 30px;
  line-height: 22px;
  padding: 0;
  width: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button_calendar::before {
  content: '\f073';
  font-family: 'Font Awesome 5 Regular';
  font-size: 16px;
  left: 8px;
}
.button_calendar:hover {
  background-color: #eeeeee;
}
.button_calendar:active {
  -webkit-transform: translate(0, 1px);
      -ms-transform: translate(0, 1px);
       -o-transform: translate(0, 1px);
          transform: translate(0, 1px);
}
.button_calendar:focus {
  -webkit-box-shadow: 0 0 6px #cccccc;
          box-shadow: 0 0 6px #cccccc;
}
.button_calendar:disabled {
  background-color: #ffffff;
  border: 0;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* キャンセル・戻るボタン */
.button_cancel {
  background-color: #ffffff;
  border: 1px solid #91c8c8;
  border-radius: 6px;
  color: #339999;
  font-size: 14px;
  height: 40px;
  line-height: 22px;
  padding: 0;
  width: 90px;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}
.button_cencel::before {
  content: '';
  font-family: 'Font Awesome 5 Solid';
  font-size: 14px;
  left: 0;
}
.button_cancel:hover {
  background-color: #91c8c8;
  color: #ffffff;
}
.button_cancel:focus {
  -webkit-box-shadow: 1.5px 1.5px 6px #91c8c8;
          box-shadow: 1.5px 1.5px 6px #91c8c8;
}
.button_cancel:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}

/* 追加ボタン */
.button_create,
.button_create_user {
  background-color: #f0ffd7;
  border: 1px solid #99cc66;
  border-radius: 6px;
  color: #339933;
  font-size: 14px;
  height: 32px;
  line-height: 22px;
  padding: 0;
  width: 160px;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}
.button_create::before {
  content: '\f055';
  font-family: 'Font Awesome 5 Solid';
  font-size: 14px;
  left: 8px;
}
.button_create_user::before {
  content: '\f234';
  font-family: 'Font Awesome 5 Solid';
  font-size: 14px;
  left: 8px;
}
.button_create:hover,
.button_create_user:hover {
  background-color: #99cc66;
  color: #ffffff;
}
.button_create:focus,
.button_create_user:focus {
  -webkit-box-shadow: 1.5px 1.5px 6px #99cc66;
          box-shadow: 1.5px 1.5px 6px #99cc66;
}
.button_create:disabled,
.button_create_user:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}

/* 削除ボタン */
.button_delete {
  background-color: #ffffff;
  border: 1px solid #bbd9c8;
  border-radius: 6px;
  color: #008800;
  font-size: 14px;
  height: 32px;
  line-height: 22px;
  padding: 0 0 0 18px;
  width: 70px;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}
.button_delete::before {
  content: '\f2ed';
  font-family: 'Font Awesome 5 Regular';
  font-size: 14px;
  left: 6px;
}
.button_delete:hover {
  background-color: #99cc66;
  border: 1px solid #f0ffd7;
  color: #ffffff;
}
.button_delete:focus {
  -webkit-box-shadow: 1.5px 1.5px 6px #91c8c8;
          box-shadow: 1.5px 1.5px 6px #91c8c8;
}
.button_delete:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}

/* 詳細ボタン */
.button_detail {
  background-color: #ffffff;
  border: 0;
  border-radius: 3px;
  color: #008800;
  font-size: 14px;
  height: 100%;
  left: 0;
  line-height: 22px;
  padding: 0;
  position: absolute;
  text-decoration: underline;
  top: 0;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button_detail:hover {
  background-color: #99cc66;
  border: 1px solid #f0ffd7;
  color: #ffffff;
}
.button_detail:active {
  -webkit-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}
.button_detail:focus {
  -webkit-box-shadow: 1.5px 1.5px 6px #91c8c8;
          box-shadow: 1.5px 1.5px 6px #91c8c8;
}
.button_detail:disabled {
  background-color: #ffffff;
  border: 0;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 修正ボタン */
.button_edit {
  background-color: #f0ffd7;
  border: 1px solid #99cc66;
  border-radius: 6px;
  color: #339933;
  font-size: 14px;
  height: 32px;
  line-height: 22px;
  padding: 0 0 0 18px;
  width: 70px;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}
.button_edit::before {
  content: '\f044';
  font-family: 'Font Awesome 5 Solid';
  font-size: 14px;
  left: 6px;
}
.button_edit:hover {
  background-color: #99cc66;
  color: #ffffff;
}
.button_edit:focus {
  -webkit-box-shadow: 1.5px 1.5px 6px #99cc66;
          box-shadow: 1.5px 1.5px 6px #99cc66;
}
.button_edit:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}

/* Excelボタン */
.button_excel {
  ;
}

/* ホーム・更新ボタン */
.button_home,
.button_redo {
  background-color: #ffcccc;
  border: 0;
  border-radius: 20px;
  color: #929292;
  font-size: 10px;
  height: 40px;
  line-height: 22px;
  padding: 0;
  width: 40px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button_home::before {
  content: '\f015';
  font-family: 'Font Awesome 5 Solid';
  font-size: 20px;
  left: 9px;
}
.button_redo::before {
  content: '\f01e';
  font-family: 'Font Awesome 5 Solid';
  font-size: 20px;
  left: 10px;
}
.button_home:hover,
.button_redo:hover {
  background-color: #ffc0c0;
}
.button_home:active,
.button_redo:active {
  background-color: #ffb3b3;
  -webkit-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}
.button_home:focus,
.button_redo:focus {
  -webkit-box-shadow: 0 0 6px #ffffff;
          box-shadow: 0 0 6px #ffffff;
}
.button_home:disabled,
.button_redo:disabled {
  background-color: #ffcccc;
  border: 0;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* ログインボタン */
.button_login {
  background-color: #e6f8ff;
  border: 1px solid #91c8c8;
  border-radius: 6px;
  color: #339999;
  font-size: 14px;
  height: 36px;
  line-height: 22px;
  padding: 0 0 0 18px;
  width: 105px;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}
.button_login::before {
  content: '\f2f6';
  font-family: 'Font Awesome 5 Solid';
  font-size: 16px;
  left: 8px;
}
.button_login:hover {
  background-color: #91c8c8;
  color: #ffffff;
}
.button_login:focus {
  -webkit-box-shadow: 1.5px 1.5px 6px #91c8c8;
          box-shadow: 1.5px 1.5px 6px #91c8c8;
}
.button_login:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}

/* ログアウトボタン */
.button_logout {
  background-color: #ffe5e5;
  border: 1px solid #cc6666;
  border-radius: 6px;
  color: #c25252;
  font-size: 12px;
  height: 32px;
  line-height: 22px;
  padding: 0 18px 0 0;
  width: 100px;
  -webkit-box-shadow: 1.5px 1.5px #df9f9f;
          box-shadow: 1.5px 1.5px #df9f9f;
}
.button_logout::before {
  content: '\f2f5';
  font-family: 'Font Awesome 5 Solid';
  font-size: 16px;
  left: 74px;
}
.button_logout:hover {
  background-color: #cc6666;
  color: #ffffff;
}
.button_logout:focus {
  -webkit-box-shadow: 1.5px 1.5px 6px #cc6666;
          box-shadow: 1.5px 1.5px 6px #cc6666;
}
.button_logout:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: 1.5px 1.5px #bcbcbc;
          box-shadow: 1.5px 1.5px #bcbcbc;
}

/* メニューボタン */
.button_menu {
  background-color: #ffffcc;
  border: 2px solid #f9c898;
  border-radius: 24px;
  height: 300px;
  padding: 0;
  width: 250px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button_menu:hover {
  background-color: #ffffd9;
  border: 2px solid #bbe3a8;
}
.button_menu:focus {
  -webkit-box-shadow: 1.5px 1.5px 6px #cccccc;
          box-shadow: 1.5px 1.5px 6px #cccccc;
}
.button_menu:disabled {
  background-color: #ffffe6;
  border: 2px solid #fce4cc;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 氏名ボタン */
.button_name {
  background-color: #ebf5ec;
  border: 1px solid #89c997;
  border-radius: 6px;
  color: #008800;
  font-size: 16px;
  height: 56px;
  line-height: 24px;
  padding: 0;
  width: 180px;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}
.button_name::before {
  content: '';
  font-family: 'Font Awesome 5 Solid';
  font-size: 16px;
  left: 0;
}
.button_name:hover {
  background-color: #69bd83;
  color: #ffffff;
}
.button_name:focus {
  -webkit-box-shadow: 1.5px 1.5px 6px #89c997;
          box-shadow: 1.5px 1.5px 6px #89c997;
}
.button_name:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}

/* 前日・翌日ボタン */
.button_next,
.button_prev,
.button_next_2,
.button_prev_2 {
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  color: #555555;
  font-size: 16px;
  height: 36px;
  line-height: 24px;
  padding: 0;
  width: 36px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button_next {
  border-radius: 0 6px 6px 0;
  border-left: 0;
}
.button_prev {
  border-radius: 6px 0 0 6px;
  border-right: 0;
}
.button_next_2 {
  border-radius: 2px 6px 6px 2px;
}
.button_prev_2 {
  border-radius: 6px 2px 2px 6px;
}
.button_next::before,
.button_next_2::before {
  content: '\f0da';
  font-family: 'Font Awesome 5 Solid';
  font-size: 24px;
}
.button_prev::before,
.button_prev_2::before {
  content: '\f0d9';
  font-family: 'Font Awesome 5 Solid';
  font-size: 24px;
}
.button_next:hover,
.button_prev:hover,
.button_next_2:hover,
.button_prev_2:hover {
  background-color: #eeeeee;
}
.button_next:active,
.button_next_2:active {
  -webkit-transform: translate(1px, 0);
      -ms-transform: translate(1px, 0);
       -o-transform: translate(1px, 0);
          transform: translate(1px, 0);
}
.button_prev:active,
.button_prev_2:active {
  -webkit-transform: translate(-1px, 0);
      -ms-transform: translate(-1px, 0);
       -o-transform: translate(-1px, 0);
          transform: translate(-1px, 0);
}
.button_next:focus,
.button_prev:focus,
.button_next_2:focus,
.button_prev_2:focus {
  -webkit-box-shadow: 0 0 6px #cccccc;
          box-shadow: 0 0 6px #cccccc;
}
.button_next:disabled,
.button_prev:disabled,
.button_next_2:disabled,
.button_prev_2:disabled {
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 出力ボタン */
.button_output {
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 6px;
  color: #666666;
  font-size: 14px;
  height: 32px;
  line-height: 22px;
  padding: 0 0 0 16px;
  width: 70px;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}
.button_output::before {
  content: '\f15c';
  font-family: 'Font Awesome 5 Regular';
  font-size: 14px;
  left: 6px;
}
.button_output:hover {
  background-color: #cccccc;
  color: #ffffff;
}
.button_output:focus {
  -webkit-box-shadow: 1.5px 1.5px 6px #999999;
          box-shadow: 1.5px 1.5px 6px #999999;
}
.button_output:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}

/* PDFボタン */
.button_pdf {
  ;
}

/* 出勤・退勤ボタン */
.button_reception {
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 12px;
  color: #008800;
  font-size: 34px;
  height: 100px;
  line-height: 42px;
  padding: 0;
  width: 200px;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}
.button_reception::before {
  content: '';
  font-family: 'Font Awesome 5 Solid';
  font-size: 34px;
  left: 0;
}
.button_reception:hover {
  background-color: #48b450;
  border: 1px solid #91c8c8;
  color: #ffffff;
}
.button_reception:focus {
  -webkit-box-shadow: 1.5px 1.5px 6px #91c8c8;
          box-shadow: 1.5px 1.5px 6px #91c8c8;
}
.button_reception:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}

/* 出退勤受付戻るボタン */
.button_reception_back {
  background-color: #f0f0f0;
  border: 1px solid #999999;
  border-radius: 8px;
  color: #666666;
  font-size: 16px;
  height: 50px;
  line-height: 24px;
  padding: 0;
  width: 200px;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}
.button_reception_back::before {
  content: '';
  font-family: 'Font Awesome 5 Solid';
  font-size: 16px;
  left: 8px;
}
.button_reception_back:hover {
  background-color: #cccccc;
  color: #ffffff;
}
.button_reception_back:focus {
  -webkit-box-shadow: 1.5px 1.5px 6px #999999;
          box-shadow: 1.5px 1.5px 6px #999999;
}
.button_reception_back:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}

/* 検索・更新ボタン */
.button_search,
.button_sync {
  background-color: #e6f8ff;
  border: 1px solid #91c8c8;
  border-radius: 6px;
  color: #339999;
  font-size: 14px;
  height: 32px;
  line-height: 22px;
  padding: 0 0 0 2px;
  width: 100px;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}
.button_search::before {
  content: '\f002';
  font-family: 'Font Awesome 5 Solid';
  font-size: 14px;
  left: 8px;
}
.button_sync::before {
  content: '\f2f1';
  font-family: 'Font Awesome 5 Solid';
  font-size: 14px;
  left: 8px;
}
.button_search:hover,
.button_sync:hover {
  background-color: #91c8c8;
  color: #ffffff;
}
.button_search:focus,
.button_sync:focus {
  -webkit-box-shadow: 1.5px 1.5px 6px #91c8c8;
          box-shadow: 1.5px 1.5px 6px #91c8c8;
}
.button_search:disabled,
.button_sync:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}

/* 参照ボタン */
.button_show {
  ;
}

/* 登録ボタン */
.button_store {
  background-color: #e6f8ff;
  border: 1px solid #91c8c8;
  border-radius: 6px;
  color: #339999;
  font-size: 14px;
  height: 40px;
  line-height: 22px;
  padding: 0;
  width: 90px;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}
.button_store::before {
  content: '';
  font-family: 'Font Awesome 5 Solid';
  font-size: 14px;
  left: 8px;
}
.button_store:hover {
  background-color: #91c8c8;
  color: #ffffff;
}
.button_store:focus {
  -webkit-box-shadow: 1.5px 1.5px 6px #91c8c8;
          box-shadow: 1.5px 1.5px 6px #91c8c8;
}
.button_store:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: 1.5px 1.5px #cccccc;
          box-shadow: 1.5px 1.5px #cccccc;
}

/* タブボタンA */
.button_tab_a_1,
.button_tab_a_2 {
  border: 1px solid #99cc66;
  border-radius: 12px 12px 0 0;
  font-size: 14px;
  line-height: 22px;
  width: 120px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button_tab_a_1 {
  background-color: #f0ffd7;
  color: #00752f;
  height: 42px;
  padding: 0;
}
.button_tab_a_2 {
  background-color: #99cc66;
  color: #ffffff;
  height: 46px;
  padding: 4px 0 0 0;
}
.button_tab_a_1::before,
.button_tab_a_2::before {
  content: '';
  font-family: 'Font Awesome 5 Solid';
  font-size: 14px;
  left: 0;
}
.button_tab_a_1:hover,
.button_tab_a_2:hover {
  background-color: #bde180;
  color: #ffffff;
}
.button_tab_a_1:active,
.button_tab_a_2:active {
  -webkit-transform: translate(0, 1px);
      -ms-transform: translate(0, 1px);
       -o-transform: translate(0, 1px);
          transform: translate(0, 1px);
}
.button_tab_a_1:focus,
.button_tab_a_2:focus {
  -webkit-box-shadow: 0 0 6px #99cc66;
          box-shadow: 0 0 6px #99cc66;
}
.button_tab_a_1:disabled {
  background-color: #f0f0f0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button_tab_a_2:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* タブボタンB・C */
.button_tab_b_1,
.button_tab_b_2,
.button_tab_c_1,
.button_tab_c_2 {
  border: 1px solid #99cc66;
  border-radius: 0;
  font-size: 16px;
  height: 56px;
  line-height: 24px;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button_tab_b_1,
.button_tab_b_2 {
  width: 160px;
}
.button_tab_c_1,
.button_tab_c_2 {
  width: 85px;
}
.button_tab_b_1,
.button_tab_c_1 {
  background-color: #ffffff;
  color: #00752f;
}
.button_tab_b_2,
.button_tab_c_2 {
  background-color: #99cc66;
  color: #ffffff;
}
.button_tab_b_1::before,
.button_tab_b_2::before,
.button_tab_c_1::before,
.button_tab_c_2::before {
  content: '';
  font-family: 'Font Awesome 5 Solid';
  font-size: 16px;
  left: 0;
}
.button_tab_b_1:hover,
.button_tab_b_2:hover,
.button_tab_c_1:hover,
.button_tab_c_2:hover {
  background-color: #bde180;
  color: #ffffff;
}
.button_tab_b_1:active,
.button_tab_b_2:active,
.button_tab_c_1:active,
.button_tab_c_2:active {
  -webkit-transform: translate(0, 1px);
      -ms-transform: translate(0, 1px);
       -o-transform: translate(0, 1px);
          transform: translate(0, 1px);
}
.button_tab_b_1:focus,
.button_tab_b_2:focus,
.button_tab_c_1:focus,
.button_tab_c_2:focus {
  -webkit-box-shadow: 0 0 6px #99cc66;
          box-shadow: 0 0 6px #99cc66;
}
.button_tab_b_1:disabled,
.button_tab_c_1:disabled {
  background-color: #f0f0f0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button_tab_b_2:disabled,
.button_tab_c_2:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* トグルボタン */
.button_toggle_1,
.button_toggle_2 {
  border-radius: 16px;
  color: #ffffff;
  font-size: 14px;
  height: 23px;
  line-height: 23px;
  padding: 0;
  width: 40px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button_toggle_1 {
  background-color: #e0e0e0;
  border: 1px solid #cccccc;
}
.button_toggle_2 {
  background-color: #ff3366;
  border: 1px solid #cccccc;
}
.button_toggle_1::before {
  content: '\f111';
  font-family: 'Font Awesome 5 Solid';
  font-size: 20px;
  left: 1px;
}
.button_toggle_2::before {
  content: '\f111';
  font-family: 'Font Awesome 5 Solid';
  font-size: 20px;
  left: 18px;
}
.button_toggle_1:hover {
  background-color: #e5e5e5;
}
.button_toggle_2:hover {
  background-color: #ff668c;
}
.button_toggle_1:active,
.button_toggle_2:active {
  -webkit-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}
.button_toggle_1:focus,
.button_toggle_2:focus {
  -webkit-box-shadow: 0 0 6px #cccccc;
          box-shadow: 0 0 6px #cccccc;
}
.button_toggle_1:disabled,
.button_toggle_2:disabled {
  background-color: #e0e0e0;
  border: 1px solid #acacac;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}


/* -------------------------------------------------- */
/* Background Color                                   */
/* -------------------------------------------------- */

/* 青色背景 */
.bg_blue_1 {
  background-color: #f4f8ff;
}
.bg_blue_2 {
  background-color: #f4f6f9;
}

/* 灰色背景 */
.bg_gray_1 {
  background-color: #f0f0f0;
}
.bg_gray_2 {
  background-color: #e0e0e0;
}

/* 緑色背景 */
.bg_green_1 {
  background-color: #f0ffd7;
}
.bg_green_2 {
  background-color: #a6c46a;
}
.bg_green_3 {
  background-color: #f1ffec;
}

/* 橙色背景 */
.bg_orange_1 {
  background-color: #fff0ba;
}
.bg_orange_2 {
  background-color: #ffdbc7;
}

/* 桃色背景 */
.bg_pink_1 {
  background-color: #ffcccc;
}
.bg_pink_2 {
  background-color: #ffddee;
}

/* 赤色背景 */
.bg_red_1 {
  background-color: #fff6f6;
}
.bg_red_2 {
  background-color: #f9f5f5;
}

/* 白色背景 */
.bg_white_1 {
  background-color: #ffffff;
}

/* 黄色背景 */
.bg_yellow_1 {
  background-color: #ffffe1;
}
.bg_yellow_2 {
  background-color: #fffeee;
}


/* -------------------------------------------------- */
/* Font                                               */
/* -------------------------------------------------- */

/* 黒色文字 */
.font_black_12 {
  color: #000000;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 20px;
}
.font_black_14 {
  color: #000000;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 22px;
}
.font_black_16 {
  color: #000000;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 24px;
}
.font_black_16_menu {
  color: #000000;
  font-family: 'HG丸ｺﾞｼｯｸM-PRO', 'HGMaruGothicMPRO', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 24px;
}
.font_black_18 {
  color: #000000;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 26px;
}
.font_black_18_menu {
  color: #000000;
  font-family: 'HG丸ｺﾞｼｯｸM-PRO', 'HGMaruGothicMPRO', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 26px;
}
.font_black_22 {
  color: #000000;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 30px;
}
.font_black_24 {
  color: #000000;
  font-family: 'HG丸ｺﾞｼｯｸM-PRO', 'HGMaruGothicMPRO', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 24px;
}
.font_black_32 {
  color: #000000;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 32px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 40px;
}
.font_black_36 {
  color: #000000;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 44px;
}
.font_black_60 {
  color: #000000;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 60px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 68px;
}

/* 青色文字 */
.font_blue_14 {
  color: #003366;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 22px;
}
.font_blue_16 {
  color: #003366;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 24px;
}
.font_blue_20 {
  color: #003366;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 28px;
}
.font_blue_48 {
  color: #003366;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 48px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 56px;
}

/* 灰色文字 */
.font_gray_10 {
  color: #4b4b4b;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 18px;
}
.font_gray_12 {
  color: #4b4b4b;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 20px;
}
.font_gray_14 {
  color: #4b4b4b;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 22px;
}
.font_gray_16 {
  color: #4b4b4b;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 24px;
}
.font_gray_18 {
  color: #4b4b4b;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 26px;
}
.font_gray_20 {
  color: #4b4b4b;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 28px;
}

/* 橙色文字 */
.font_orange_40 {
  color: #ff6600;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 40px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 48px;
}

/* 桃色文字 */
.font_pink_16 {
  color: #cc3366;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 24px;
}

/* 赤色文字 */
.font_red_12 {
  color: #990000;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 20px;
}
.font_red_14 {
  color: #990000;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 22px;
}
.font_red_16 {
  color: #990000;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 24px;
}

/* 白色文字 */
.font_white_16 {
  color: #ffffff;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 24px;
}

/* 黄色文字 */
.font_yellow_24 {
  color: #f0c30e;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 32px;
}

/* 日曜文字 */
.font_sunday_14 {
  color: #ff6060;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 22px;
}

/* 土曜文字 */
.font_saturday_14 {
  color: #4080ff;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 22px;
}


/* -------------------------------------------------- */
/* Input                                              */
/* -------------------------------------------------- */

input {
  background-color: #f1ffec;
  border: 1px solid #cccccc;
  color: #003366;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  opacity: 1;
  resize: none;
  text-transform: none;
  width: 100%;
}
input::-ms-clear {
  display: none;
}
[type="password"]::-ms-reveal {
  display: none;
}
input::-webkit-input-placeholder {
  color: #acacac;
  font-family: 'Font Awesome 5 Solid';
  padding-left: 1px;
}
input::-ms-input-placeholder {
  color: #acacac;
  font-family: 'Font Awesome 5 Solid';
  padding-left: 1px;
}
input:-ms-input-placeholder {
  color: #acacac;
  font-family: 'Font Awesome 5 Solid';
  padding-left: 1px;
}
input::placeholder {
  color: #acacac;
  font-family: 'Font Awesome 5 Solid';
  padding-left: 1px;
}
input:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus::-ms-input-placeholder {
  color: transparent;
}
input:focus:-ms-input-placeholder {
  color: transparent;
}
input:focus::placeholder {
  color: transparent;
}
input:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 6px #cccccc;
          box-shadow: 0 0 6px #cccccc;
}
input:read-only {
  background-color: #e0e0e0;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-text-fill-color: #acacac;
}
input:disabled {
  background-color: #e0e0e0;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-text-fill-color: #acacac;
}
input.left {
  text-align: left;
}
input.center {
  text-align: center;
}
input.right {
  text-align: right;
}
.input_14 {
  font-size: 14px;
  height: 32px;
  line-height: 22px;
  padding: 0 4px;
}
.input_password_14 {
  border: 0;
  font-size: 14px;
  height: 32px;
  line-height: 22px;
  padding: 0 4px;
}
.input_password_14:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.input_16 {
  font-size: 16px;
  height: 40px;
  line-height: 24px;
  padding: 0 6px;
}


/* -------------------------------------------------- */
/* Select                                             */
/* -------------------------------------------------- */

select {
  background-color: #f1ffec;
  border: 1px solid #cccccc;
  color: #003366;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  opacity: 1;
  resize: none;
  text-align: left;
  text-transform: none;
  width: 100%;
}
select::-ms-expand {
  display: none;
}
select:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 6px #cccccc;
          box-shadow: 0 0 6px #cccccc;
}
select:disabled {
  background-color: #e0e0e0;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-text-fill-color: #acacac;
}
select:disabled::-ms-value {
  color: #acacac;
}
select.select_14 {
  font-size: 14px;
  height: 32px;
  line-height: 22px;
  padding: 0 4px;
}
div.select_14 {
  border: 0;
  color: #003366;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 32px;
  line-height: 22px;
  padding: 0;
  position: relative;
  width: 100%;
}
div.select_14::after {
  content: '\f107';
  font-family: 'Font Awesome 5 Solid';
  font-size: 14px;
  padding: 5px 0;
  pointer-events: none;
  position: absolute;
  right: 6px;
}
select.select_16 {
  font-size: 16px;
  height: 40px;
  line-height: 24px;
  padding: 0 6px;
}
div.select_16 {
  border: 0;
  color: #003366;
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 40px;
  line-height: 24px;
  padding: 0;
  position: relative;
  width: 100%;
}
div.select_16::after {
  content: '\f107';
  font-family: 'Font Awesome 5 Solid';
  font-size: 16px;
  padding: 8px 0;
  pointer-events: none;
  position: absolute;
  right: 8px;
}

/* -------------------------------------------------- */
/* Textarea                                           */
/* -------------------------------------------------- */

textarea {
  background-color: #f1ffec;
  border: 1px solid #cccccc;
  color: #003366;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  opacity: 1;
  resize: none;
  text-align: left;
  text-transform: none;
}
textarea:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 6px #cccccc;
          box-shadow: 0 0 6px #cccccc;
}
textarea:read-only {
  background-color: #e0e0e0;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-text-fill-color: #acacac;
}
textarea:disabled {
  background-color: #e0e0e0;
  color: #acacac;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-text-fill-color: #acacac;
}
.textarea_14 {
  font-size: 14px;
  line-height: 22px;
  padding: 4px 0 0 4px;
}
.textarea_16 {
  font-size: 16px;
  line-height: 24px;
  padding: 6px 0 0 6px;
}


/* -------------------------------------------------- */
/* Table                                              */
/* -------------------------------------------------- */

table.left {
  margin-right: auto;
}
table.center {
  margin: 0 auto;
}
table.right {
  margin-left: auto;
}
th.left,
td.left {
  text-align: left;
}
th.center,
td.center {
  text-align: center;
}
th.right,
td.right {
  text-align: right;
}
th.top,
td.top {
  vertical-align: top;
}
th.middle,
td.middle {
  vertical-align: middle;
}
th.bottom,
td.bottom {
  vertical-align: bottom;
}
th.relative,
td.relative {
  position: relative;
}
th.absolute,
td.absolute {
  position: absolute;
}
.table {
  border: 0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border: 0;
}
.table_bordered {
  border: 1px solid #cccccc;
}
.table_bordered > thead > tr > th,
.table_bordered > tbody > tr > th,
.table_bordered > tfoot > tr > th,
.table_bordered > thead > tr > td,
.table_bordered > tbody > tr > td,
.table_bordered > tfoot > tr > td {
  border: 1px solid #cccccc;
}
.table_box {
  border: 1px solid #cccccc;
}
.table_box > thead > tr > th,
.table_box > tbody > tr > th,
.table_box > tfoot > tr > th,
.table_box > thead > tr > td,
.table_box > tbody > tr > td,
.table_box > tfoot > tr > td {
  border: 0;
}
.table_dashed {
  border: 1px solid #cccccc;
}
.table_dashed > thead > tr > th,
.table_dashed > tbody > tr > th,
.table_dashed > tfoot > tr > th,
.table_dashed > thead > tr > td,
.table_dashed > tbody > tr > td,
.table_dashed > tfoot > tr > td {
  border: 1px dashed #cccccc;
}
.table_bordered_darkgray {
  border: 1px solid #696969;
}
.table_bordered_darkgray > thead > tr > th,
.table_bordered_darkgray > tbody > tr > th,
.table_bordered_darkgray > tfoot > tr > th,
.table_bordered_darkgray > thead > tr > td,
.table_bordered_darkgray > tbody > tr > td,
.table_bordered_darkgray > tfoot > tr > td {
  border: 1px solid #696969;
}

.break_all {
  word-break: break-all;
}
.keep_all {
  word-break: keep-all;
}
.break_word {
  word-break: break-word;
}


/* -------------------------------------------------- */
/* Frame Border                                       */
/* -------------------------------------------------- */

/* 灰色枠線 */
.frame_gray_1 {
  border: 0;
  border-collapse: separate;
  border-radius: 16px;
}
.frame_gray_1 > thead > tr > th,
.frame_gray_1 > tbody > tr > th,
.frame_gray_1 > tfoot > tr > th,
.frame_gray_1 > thead > tr > td,
.frame_gray_1 > tbody > tr > td,
.frame_gray_1 > tfoot > tr > td {
  border: 1px solid #b6b6b6;
  border-radius: 16px;
}
.frame_gray_2 {
  border: 1px solid #cccccc;
  border-collapse: separate;
  border-radius: 6px;
}
.frame_gray_2 > thead > tr > th,
.frame_gray_2 > tbody > tr > th,
.frame_gray_2 > tfoot > tr > th,
.frame_gray_2 > thead > tr > td,
.frame_gray_2 > tbody > tr > td,
.frame_gray_2 > tfoot > tr > td {
  border: 0;
  padding: 0 5px 0 5px;
}

/* 緑色枠線 */
.frame_green_1 {
  border: 1px solid #99cc66;
}
.frame_green_1 > thead > tr > th,
.frame_green_1 > tbody > tr > th,
.frame_green_1 > tfoot > tr > th,
.frame_green_1 > thead > tr > td,
.frame_green_1 > tbody > tr > td,
.frame_green_1 > tfoot > tr > td {
  border: 0;
}

/* 桃色枠線 */
.frame_pink_1 {
  border: 0;
  border-collapse: separate;
  border-radius: 8px;
}
.frame_pink_1 > thead > tr > th,
.frame_pink_1 > tbody > tr > th,
.frame_pink_1 > tfoot > tr > th,
.frame_pink_1 > thead > tr > td,
.frame_pink_1 > tbody > tr > td,
.frame_pink_1 > tfoot > tr > td {
  border: 1px solid #cc3366;
  border-radius: 8px;
}
.frame_pink_2 {
  border-collapse: separate;
  border-radius: 8px;
  border: 1px solid #FF99CC;
}

/* -------------------------------------------------- */
/* Line                                               */
/* -------------------------------------------------- */

/* 破線 */
.line_gray_dashed {
  border-color: #cccccc;
  border-style: dashed;
  border-top-width: 1px;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}

/* 点線 */
.line_gray_dotted {
  border-color: #dddddd;
  border-style: dotted;
  border-top-width: 1px;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}


/* -------------------------------------------------- */
/* Icon                                               */
/* -------------------------------------------------- */

.icon {
  display: inline-block;
  font-family: 'Font Awesome 5 Solid';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  vertical-align: middle;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/* 感嘆符アイコン */
.icon_exclamation::before {
  content: '\f071';
  font-family: 'Font Awesome 5 Solid';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
}
/* 目アイコン */
.icon_eye::before {
  content: '\f06e';
  font-family: 'Font Awesome 5 Solid';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
}
.icon_eye_slash::before {
  content: '\f070';
  font-family: 'Font Awesome 5 Solid';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
}

/*エラーボックス*/
.error-box {
	border:1px solid #CCC;
	border-radius: 6px;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #900;
	line-height: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
} 

/*情報ボックス*/
.message-box {
	border:1px solid #CCC;
	border-radius: 6px;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #003366;
	line-height: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}