@charset "utf-8";
/*
	スタイルCSS (/css/style.css)

	#00	2023/01/14	初期作成
	#01	2023/05/08	大会終了(convention_end)の追加
*/

/* テストアラート表示 */
.test_alert {
	display: none;
}

html {
  min-height: 100%;
  position: relative;
}

/*
	ナビゲーションの高さ分マージンを設定
	navbar-fixed-topを指定するときはbodyにpaddingが必要
*/
body {
	padding-top: 114px;
	background-color: #EEEEEE;
  margin-bottom: 57px;
}

.contents {
	overflow: hidden;
}

.container {
	padding-top: 1em;
}

header {
}

footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 57px;
  background: #44aa33;
}

.page_title {
}

img.logo {
	width: auto;
	height: 48px;
}

/* メインフレーム */
.main_frame {
	padding-top: 0px;
	padding-bottom: 10px;
}

.left-image {
	aposition: fixed;
	top: 74px;
}

.readonly {
}

/* ------------------------------------------------------------------------*/
/*
	ローディング画面
*/
#entry_rank_list img {
	width: 100%;
	height: auto;
}
.loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #000;
	z-index: 2;
}

/* ------------------------------------------------------------------------*/
/*
	バリデーションの入力にあるアイコンを削除
*/
.form-control.is-invalid, .was-validated .form-control:invalid {
	padding-right: initial;
	background-image: initial;
	background-repeat: initial;
	background-position: initial;
	background-size: initial;
}
.form-control.is-valid, .was-validated .form-control:valid {
	padding-right: initial;
	background-image: initial;
	background-repeat: initial;
	background-position: initial;
	background-size: initial;
}

/* ------------------------------------------------------------------------*/
/* 備考 */
.remarks {
	font-size: 90%;
	color: red;
}

/* 項目右の説明 */
.add_info {
	font-size: 80%;
	color: blue;
}

.invalid {
	font-size: 85%;
	color: #C44;	/* denger */
}

/* 画面下部のナビゲーション　*/
.nav_bottom {
	margin: 1em;
}

.item_title {
	background-color: #CCCCCC;
}

/* 組手カラー #0d6efd : bootstrap: primary*/
.color-kumite {
	color: #0d6efd;
}
.bg-color-kumite {
	background-color: #0d6efd;
}
.border-kumite {
	border: solid 1px #0d6efd;
}

/* 型カラー #198754 : bootstrap: success */*/
.color-kata {
	color: #198754;
}
.bg-color-kata {
	background-color: #198754;
}
.border-kata {
	border: solid 1px #198754;
}

/* 必須 */
label.required:after {
	margin-left: 1.0em;
	padding: 0px 6px 0px 6px;
	border-radius: 4px;
	font-size: 0.6em;
	color: white;
	background-color: #C44;
	content: "必須";
	vertical-align: middle;
}

/* 任意 */
label.optional:after {
	margin-left: 1.0em;
	padding: 0px 6px 0px 6px;
	border-radius: 4px;
	font-size: 0.6em;
	color: white;
	background-color: gray;
	content: "任意";
	vertical-align: middle;
}

/* お名前 / フリガナ */
.input_name, .input_kana {
	width: 12em;
}

/* 生年月日 */
.birthday_year {
	width: 9em;
}
.birthday_month, .birthday_day {
	width: 3em;
}

/* 学年 */
.school_grade {
	width: 7em;
}

.zip {
	width: 7.5em;
}
.prefecture {
	width: 10em;
}


.phone {
	width: 5em;
}

/* 身長(cm) */
.body_height {
	width: 6em;
}

/* 体重(kg) */
.body_weight {
	width: 6em;
}

/* 新極真会及びJFKO加盟団体番号 */
.shin_kyokushin_kai_jfko_id {
	width: 5em;
}

/* 段級位 */
.rank {
	width: 5em;
}

/* 修行年数 */
.training_year {
	width: 4em;
}
.training_month {
	width: 4em;
}

/* 階級番号 (大会申し込み) */
.entry_rank_number {
	width: 5em;
}

/* 大会規模 */
.tournament_scale {
	width: 20em;
}

/* 順位 */
.battle_record_rank {
	width: 5em;
}

/* 誓約書ダイアログ */
.modal-dialog-fluid {
	max-width: inherit;
	width: 98%;
	margin-left: 15px;
}

.photo-preview {
	width: 100%;
	height: 300px;
	background-position: center center;
	background-size: cover;
	-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
	/*display: inline-block;*/
	display: none;
}

/* [募集要項]ボタン */
.convention_info_button {
	margin-left: 1em;
	width: 6em;
}

/* 募集中 */
.convention_enabled::after {
	display: block;
	padding: 1px 6px 1px 6px;
	border-radius: 4px;
	font-size: 0.9em;
	color: white;
	background-color: #28a745;	/* bg-success */
	content: "募集中";
	text-align: center;
	width: 7em;
	vertical-align: middle;
}

/* 一時保存 */
.convention_save::after {
	display: block;
	padding: 1px 6px 1px 6px;
	border-radius: 4px;
	font-size: 0.9em;
	color: white;
	background-color: #ffc107;	/* bg-warning */
	content: "一時保存";
	text-align: center;
	width: 7em;
	vertical-align: middle;
}

/* 締切 */
.convention_disabled::after {
	display: block;
	padding: 1px 6px 1px 6px;
	border-radius: 4px;
	font-size: 0.9em;
	color: white;
	background-color: #dc3545;	/* bg-danger */
	content: "締切";
	text-align: center;
	width: 7em;
	vertical-align: middle;
}

/* 延長 */
.convention_extend::after {
	display: block;
	padding: 1px 6px 1px 6px;
	border-radius: 4px;
	font-size: 0.9em;
	color: white;
	background-color: #17a2b8;	/* bg-info */
	content: "延長";
	text-align: center;
	width: 7em;
	vertical-align: middle;
}

/* 終了 */
.convention_close::after {
	display: block;
	padding: 1px 6px 1px 6px;
	border-radius: 4px;
	font-size: 0.9em;
	color: white;
	background-color: #343a40;	/* bg-dark */
	content: "終了";
	text-align: center;
	width: 7em;
	vertical-align: middle;
}

/* 大会終了 #01Ins */
.convention_end::after {
	display: block;
	padding: 1px 6px 1px 6px;
	border-radius: 4px;
	font-size: 0.9em;
	color: white;
	background-color: #000000;
	content: "大会終了";
	text-align: center;
	width: 7em;
	vertical-align: middle;
}


/* 申し込み済 */
.convention_entried::after {
	display: block;
	padding: 1px 6px 1px 6px;
	border-radius: 4px;
	font-size: 0.9em;
	color: white;
	background-color: #17a2b8;	/* bg-info */
	content: "申し込み済";
	text-align: center;
	width: 7em;
	vertical-align: middle;
}

.list_item_title {
	font-size: 16px;
	font-weight: bold;
}

.list_item_data {
	margin-left: 0.5em;
}