@charset "UTF-8";

/* ---------------------------------------- */
/* 共通 */
* { 
	outline: 0px solid red;
	font-family: 'Arial Black','ヒラギノ角ゴシック','Hiragino Sans','メイリオ', 'Meiryo','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN',sans-serif;
	font-size: 1.0em;
}
html{
	min-height: 100%;
	position: relative;
}
body {
	padding: 0em 0em 0px 0em;
	margin: 0em 0em 70px 0em;
	background-color: #003800;
	color: ivory;
}

div.header {
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

a:link, a:visited, a:hover, a:active {
	color: hotpink;
    text-decoration: underline;
}

img.header {
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0em 0em 0em 0em;
	margin: 0;
}

div.debuginfo {
	color: pink;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
span.debuginfotitle {
	font-size: 1.4em;
	font-weight: bold;
	color: pink;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
ul.debuginfolist {
	padding-top: 0em;
	padding-bottom: 0em;
	margin: 0em 0em 0em 0em;
}
li.debuginfoitem {
	padding: 0em 0em 0em 0em;
}
input:invalid {
	background-color: crimson;
}
/* ---------------------------------------- */
/* ヘッダー */
hr.header {
	border: solid 5px ivory;
}
div.header {
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
p.title {
	font-size: 3.0em;
	text-align: center;
	font-weight: bold;
	line-height: 1;
	padding: 0em 0em 0em 0em;
	margin: 0;
}
p.subtitle {
	font-size: 2.2em;
	text-align: center;
	font-weight: bold;
	line-height: 1;
	padding: 0em 0em 0.4em 0em;
	margin: 0;
}
p.description {
	color: burlywood;
	font-size: 2.0em;
	text-align: center;
	font-weight: bold;
	line-height: 1;
	padding: 0em 0em 0em 0em;
	margin: 0;
}
p.description_error {
	color: crimson;
	font-size: 2.0em;
	text-align: center;
	font-weight: bold;
	line-height: 1;
	padding: 0em 0em 0em 0em;
	margin: 0;
}
p.detail {	
	text-align: center;
}

div.detail {
	position: relative;
	padding-bottom: 60px;
    box-sizing: border-box;
    
}
/*----------------------------------------*/
/* エントリー */
div.entry_item {
	width: 100%;
	color: burlywood;
	
	padding: 0em 0em 2.6em 0em;
	margin: 0em 0em 0em 0em;
	
	text-align: left;
	margin: 0 auto;	
}
span.maru_bangou {
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	color: burlywood;
}
span.entry_item {	
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
}
span.mandatory_field {
	color: crimson;
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
}
div.explanation {
	color: ivory;
	text-align: left;
	line-height: 1.2em;
	font-size: 0.8em;
	font-weight: normal;
}
div.entry_button {
	color: ivory;
	
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 2.0em 0em;
	text-align: center;
}
input.entry_button {
	width: 100%;
    height: 80px;
	border: solid 2px burlywood;
	box-shadow: 0 20px 0 burlywood;
	background-color: ivory;
	color: #400000;
	border-radius: 10px;
	padding: 0px 30px;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	
	display: inline-block;
	transition: .3s;
}
input.entry_button:hover {
	background-color: ivory;
	color: crimson;
	transform: translateY(5px);
	box-shadow: 0 0 0 burlywood;
}
/* ---------------------------------------- */
/* 参加予約完了 */
div.thanks_detail {
	max-width: 600px;
	position: relative;
	padding-bottom: 60px;
    
    padding: 0em 2em 60px 2em;
    margin: 0 auto;
}
span.entry_player_caption {
	font-size: 0.8em;
}
span.entry_player_name {
	color: ivory;
	font-size: 1.4em;
	font-weight: bold;
	white-space: nowrap;
}
span.entry_player_honorific {
	color: ivory;
	white-space: nowrap;
}
div.thanks_entry_01 {
	color: burlywood;
	
	padding: 0em 0em 1em 0em;
	margin: 0.0em 0em 0.0em 0em;
	
	text-align: left;
	margin: 0 auto;
}
div.thanks_entry_02 {
	color: burlywood;
	
	padding: 0em 0em 1em 0em;
	margin: 0.0em 0em 0.0em 0em;
	
	text-align: left;
	margin: 0 auto;
}	
div.thanks_entry_03 {
	color: burlywood;
	
	padding: 0em em 1em 0em;
	margin: 0.0em 0em 0.0em 0em;
	
	text-align: right;
	margin: 0 auto;
}
/* ---------------------------------------- */
/* 参加予約失敗 */
span.tel_number {
	color: ivory;
	font-size: 1.8em;
}
/* ---------------------------------------- */
/* ログイン */
div.login_detail {
	max-width: 600px;
	position: relative;
	
	padding: 0em 2em 0px 2em;
    margin: 0 auto;
    text-align: center;
}
div.error_message {
	width: 100%;
	
	padding: 0.5em 0em 0.5em 0em;
	margin: 0em 0em 0em 0em;
	
	/*white-space: nowrap;*/
	text-align: center;
	margin: 0 auto;
}
span.error_message {
	color: crimson;
	font-size: 1.1em;
	line-height: 1.0em;
	font-weight: bold;
}
div.login_id {
	width: 100%;
	color: burlywood;
	
	padding: 0em 0em 1em 0em;
	margin: 0em 0em 0em 0em;
	
	text-align: left;
	margin: 0 auto;	
}
span.login_id {	
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
}
div.login_pw {
	width: 100%;
	color: burlywood;
	
	padding: 0em 0em 1em 0em;
	margin: 0.0em 0em 0.0em 0em;
	
	text-align: left;
	margin: 0 auto;	
}
span.login_pw {
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
}
span.shikaku_mark {
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	color: cornflowerblue;
}
div.login_button {
	color: ivory;
	
	padding: 0em 0em 0em 0em;
	margin: 2.0em 0em 2.0em 0em;
	text-align: center;
}
input:-webkit-autofill{
	box-shadow: 0 0 0px 1000px ivory inset;
}
.textbox {
	box-sizing: border-box;
    width: 100%;
    height: 50px;
    background-color: ivory;
    border-radius: 10px;
    border: solid 2px burlywood;
    font-size: 1.2em;
    
    padding: 0em 0em 0em 0.5em;
    margin: 0em 0em 0.2em 0em;
}
input.login_button {
	width: 100%;
    height: 80px;
	border: solid 2px burlywood;
	box-shadow: 0 20px 0 burlywood;
	background-color: ivory;
	color: #400000;
	border-radius: 10px;
	padding: 0px 30px;
	text-decoration: none;
	font-size: 2em;
	font-weight: bold;
	
	display: inline-block;
	transition: .3s;
}
input.login_button:hover {
	background-color: ivory;
	color: crimson;
	transform: translateY(5px);
	box-shadow: 0 0 0 burlywood;
}
/*----------------------------------------*/
/* TOPに戻る */
div.gototop {
	outline: 0.0px solid blue;
	text-align: left;	
	
	margin-left: auto;
	font-weight: bold;
	white-space: nowrap; 
	padding: 0.5em 0em 0em 0em;
}
span.gototop {	
	color: khaki;
	font-size: 1em;
	white-space: nowrap; 
}
a.gototop {
	color: hotpink;
	font-size: 1em;
	text-decoration: underline;
}
/* ---------------------------------------- */
/* メインメージ */
div.main_frame {
	max-width: 500px;
	margin: 0 auto;
}
span.event_title {
	color: ivory;
	font-size: 1.4em;
	font-weight: bold;
	white-space: nowrap;
}
div.counter_wrap_01 {
	color: ivory;
	font-size: 3.0em;
	font-weight: bold;

	text-align: center;	
	white-space: nowrap;
	
	max-width: 500px;
	margin: 0em 0em 0.4em 0em;
	padding: 0.1em 0em 0.1em 0em;
	border: 3px solid ivory;
	background-color:#002000;
}
div.counter_wrap_02 {
	color: orange;
	font-size: 3.0em;
	font-weight: bold;

	text-align: center;	
	white-space: nowrap;
	
	max-width: 500px;
	margin: 0em 0em 0.4em 0em;
	padding: 0.1em 0em 0.1em 0em;
	border: 3px solid ivory;
	background-color:#002000;
}
div.counter_wrap_03 {
	color: crimson;
	font-size: 3.0em;
	font-weight: bold;

	text-align: center;	
	white-space: nowrap;
	
	max-width: 500px;
	margin: 0em 0em 0.4em 0em;
	padding: 0.1em 0em 0.1em 0em;
	border: 3px solid ivory;
	
}
div.counter_wrap_04 {
	font-size: 3.0em;
	font-weight: bold;

	text-align: center;	
	white-space: nowrap;
	
	max-width: 500px;
	margin: 0em 0em 0em 0em;
	padding: 0.1em 0em 0.1em 0em;
	border: 3px solid ivory;
	
    background: linear-gradient(to right, Magenta, yellow, Cyan, Magenta) 0% center/200%;
    animation: gaming 2s linear infinite;
	
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
}
@keyframes gaming {
	100% { background-position-x: 200%; }
}

div.counter_wrap {
	background-color:#002000;
	text-align: center;
}
div.username_detail {
	display: flex;
	position: relative;    
    padding: 0em 1em 1em 1em;
	white-space: nowrap;
}
div.player_name {
	font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN',sans-serif;
	margin: 0em 0em 0em 0em;
	outline: 0px solid green;
	text-align: left;
	white-space: nowrap;
}
div.main_detail {
	margin: 0em 1em 1em 1em;
	outline: 3.0px solid ivory;
}
div.main_content {
	margin: 0em 0em 0em 0em;
	padding: 0.4em 0.4em 0.8em 0.4em;
}
div.content_caption {
	text-align: left;
	background-color: ivory;
	margin: 0em 0em 0em 0em;
	padding: 0em 0.2em 0em 0.2em;
	/*outline: 0.1px solid white;*/
}
span.content_caption {
	color: #003800;
	font-size: 1.4em;
	font-weight: bold;
	/*outline: 0.1px solid white;*/
}
p.content_caption {
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	font-size: 1.5em;
	font-weight: bold;
	text-shadow: 1px 1px 1px #002200,
				 1px -1px 1px #002200,
				 -1px 1px 1px #002200,
				 -1px -1px 1px #002200;
}
p.eventinfo_item_01 {
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	font-size: 0.8em;
	font-weight: normal;
}
p.eventinfo_item_02 {
	padding: 0em 0em 0em 0em;
	margin: 0.6em 0em 0em 0em;
	font-size: 0.8em;
	font-weight: normal;
}
div.exclusion_clause {
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	line-height: 0.6px;		
}
span.exclusion_clause_title {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: normal;
	color: burlywood;
}
span.exclusion_clause_msg {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 4px;
	font-weight: normal;	
}
span.compe_title {
	font-size: 1.4em;
	font-weight: bold;
	color: burlywood;
}
span.maru_mark {
	font-family: 'メイリオ', Meiryo, sans-serif;
	color: hotpink;
	font-size: 1.2em;
	font-weight: Bold;
}
table.main_table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: 0.1em solid ivory;
}
tbody.main_table {

}
tr.main_table_index {	
	font-size: 0.5em;
	font-weight: normal;
	background-color: ivory;
	color: #003800;
}
td.main_table_index {	
	padding: 0em 0.6em 0em 0.6em;
	text-align: center;
	white-space: nowrap;
}
tr.main_table_item {
	font-size: 0.6em;
	border: 0.1em solid ivory;
}
td.main_table_item {
	padding: 0.5em 0.5em 0.5em 0.5em;
	border: 0.1em solid ivory;
	white-space: nowrap;
}
td.main_table_item_center_01 {
	padding: 0em 0.5em 0em 0.5em;
	border: 0.1em solid ivory;
	text-align: center;	
	white-space: nowrap;
}
td.main_table_item_center_02 {
	padding: 0em 0em 0em 0em;
	border: 0.1em solid ivory;
	text-align: center;	
	white-space: nowrap;
}
tr.waiting_table_item {
	font-size: 0.6em;
	border: 0.1em solid ivory;
}
td.waiting_table_item {
	padding: 0em 0.5em 0em 0.5em;
	border: 0.1em solid ivory;
	white-space: nowrap;
}
td.waiting_table_item_center {
	padding: 0em 0.5em 0em 0.5em;
	border: 0.1em solid ivory;
	text-align: center;	
	white-space: nowrap;
}
td.waiting_table_item_right {
	padding: 0em 1.5em 0em 0.5em;
	border: 0.1em solid ivory;
	text-align: right;	
	white-space: nowrap;
}
span.welcome_message {
	font-size: 0.5em;
}
span.entry_name {
	font-size: 1.4em;
	font-weight: bold;
}
span.honorific {
		
}
span.result_win {
	color: crimson;
	font-weight: bold;
}
span.result_lose {
	color: cornflowerblue;
	font-weight: bold;
}
div.main_button {
	color: ivory;
	max-width: 500px;
    margin: 0 auto;
    text-align: center;
    padding: 0.2em 0em 0px 0em;
    /*outline: 0.1px solid white;*/
}
input.main_button_reload {
	width: 100%;
    height: 60px;
	border: solid 2px burlywood;
	box-shadow: 0 20px 0 burlywood;
	background-color: ivory;
	color: #400000;
	border-radius: 10px;
	padding: 0px 30px;
	text-decoration: none;
	font-size: 2em;
	font-weight: bold;
	
	display: inline-block;
	transition: .3s;
	
	margin: 0em 0em 1em 0em;
}
input.main_button_reload:hover {
	background-color: ivory;
	color: mediumseagreen;
	transform: translateY(5px);
	box-shadow: 0 0 0 burlywood;
}
div.rest_button {
	background: #664032;
	border-radius :6px;
  	box-shadow :0px 0px 5px #8d6449;
	color: ivory;
	max-width: 500px;
    margin: 0 auto;
    text-align: center;	
    padding: 0.2em 0.6em 0px 0.6em;
    border: 4px solid #deb068;
}
span.rest_caption {
	font-size: 1.4em;
	font-weight: bold;
	color: ivory;
}
div.rest_message {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 0em 0em 0em;
}
ul.rest_message {
	list-style-type: square;
	text-align: left;	
	margin: 0.2em 0em 0.8em 1.2em;
	padding: 0em 0em 0em 0em;
}
li.rest_message {
	line-height: 0.8em;
	margin: 0em 0em 0.4em 0em;
	padding: 0em 0em 0em 0em;
}
span.rest_message {
	font-size: 0.8em;
	font-weight: normal;
	color: ivory;
}
input.main_button_rest_start {
	width: 60%;
    height: 60px;
	border: solid 2px burlywood;
	box-shadow: 0 20px 0 burlywood;
	background-color: ivory;
	color: #400000;
	border-radius: 10px;
	padding: 0px 30px;
	text-decoration: none;
	font-size: 2em;
	font-weight: bold;
	
	display: inline-block;
	transition: .3s;
	
	margin: 0em 0em 1em 0em;
}
input.main_button_rest_start:hover {
	background-color: ivory;
	color: mediumseagreen;
	transform: translateY(5px);
	box-shadow: 0 0 0 burlywood;
}
input.main_button_rest_end {
	width: 60%;
    height: 60px;
	border: solid 2px burlywood;
	box-shadow: 0 20px 0 burlywood;
	background-color: ivory;
	color: #400000;
	border-radius: 10px;
	padding: 0px 30px;
	text-decoration: none;
	font-size: 2em;
	font-weight: bold;
	
	display: inline-block;
	transition: .3s;
	
	margin: 0em 0em 1em 0em;
}
input.main_button_rest_end:hover {
	background-color: ivory;
	color: mediumseagreen;
	transform: translateY(5px);
	box-shadow: 0 0 0 burlywood;
}
div.table_battle_record_01 {
	border-radius: 10px;
	max-width: 500px;
	margin: 0em 0em 0.4em 0em;
	padding: 0.6em 0.6em 0.6em 0.6em;
	border:1px solid ivory;
	background-color:#606060;
}
table.table_battle_record_01 {
	width: 100%;
	max-width: 500px;
	border-collapse: separate;
	border-spacing: 0;	
	background-color: #606060;
}
table.table_battle_record_02 {
	border-collapse: separate;
	border-spacing: 0px 0.4rem;
	margin: 0em 0em 0em 0.6em;
	padding: 0em 0em 0em 0em;
}
tbody.table_battle_record {
	
}
tr.table_battle_record_01 {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}
tr.table_battle_record_02 {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	
}
td.table_battle_record_00 {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0.6em 0em;
	
	line-height: 1.0em;
	color: #292929
}
td.table_battle_record_01 {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	width: 40%;
}
td.table_battle_record_02 {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	text-align: left;
	vertical-align: bottom;
	font-size: 1.0em;
	line-height: 1.0em;
	width: 60%;
	border-bottom: 2px solid ivory;
}
td.table_battle_record_03 {
	margin: 0em 0em 0em 0em;
	padding: 0.6em 0em 0em 0em;
	text-align: left;
	vertical-align: bottom;
	font-size: 1.0em;
	line-height: 1.0em;
}
td.table_battle_record_04 {
	margin: 0em 0em 0em 0em;
	padding: 0.6em 0em 0em 0em;
	text-align: left;
	vertical-align: bottom;
	font-size: 1.0em;
	line-height: 1.0em;
}
td.table_battle_record_05 {
	vertical-align: bottom;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	text-align: right;
	font-size: 1.0em;
	line-height: 1.0em;
}
td.table_battle_record_06 {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	-moz-text-align-last: justify;
	text-align-last: justify;
	text-justify: inter-ideograph;
	font-size: 0.6em;
	line-height: 1.0em;
}
td.table_battle_record_07 {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	text-align: right;
	font-size: 0.6em;
	line-height: 1.0em;
}
td.table_battle_record_08 {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	text-align: center;
	font-size: 0.6em;
	line-height: 1.0em;
}
td.table_battle_record_09 {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	text-align: left;
	vertical-align: bottom;
	font-size: 0.6em;
	line-height: 1.0em;
}
span.speed_star_mark {
	color: gold;
	font-size: 1.4em;
}
hr.battle_record {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}
span.main_br_card_title {
	font-size: 0.8em;
	font-weight: bold;
	white-space: nowrap;
	letter-spacing: 0em;
}
span.main_br_caption_01 {
	font-size: 0.6em;
	font-weight: normal;
}
span.main_br_caption_02 {
	font-size: 2em;
	vertical-align: bottom;
}
span.main_br_name {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.0em;
	white-space: nowrap;
}
span.main_br_rank {
	font-size: 4em;
	line-height: 1.0em;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}
span.main_br_count {
	font-size: 1.6em;
	line-height: 1.0em;
}
span.main_br_rate {
	font-size: 1.6em;
	line-height: 1.0em;
}
span.main_br_rate_under {
	font-size: 1.2em;
	line-height: 1.0em;
}
span.main_br_time {
	font-size: 1.2em;
	line-height: 1.0em;
	vertical-align: bottom;
}
span.main_br_unit_01 {
	font-size: 3em;
	line-height: 1.0em;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}
span.main_br_unit_02 {
	font-size: 0.8em;
	line-height: 1.0em;
	margin: 0em 0em 0em 0em;
	padding: 0em 0.6em 0em 0.2em;
}
span.main_br_unit_03 {
	font-size: 0.6em;
	line-height: 1.0em;
	margin: 0em 0em 0em 0em;
	padding: 0em 0.6em 0em 0.2em;
}
div.main_img_player {
	margin: 0em 0.6em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: 1px solid ivory;
}
img.main_img_player {
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
/* ---------------------------------------- */
/* 勝敗登録＆承認 */
div.matching_detail {
	margin: 0em 1em 0px 1em;
	outline: 3.0px solid ivory;
}
div.matching_info {
	display: flex;
	
	max-width: 500px;
	padding: 0.4em 0.4em 0.4em 0.4em;
    margin: 0 auto;
    /*outline: 0.1px solid white;*/
}
div.matching_player_left {
	background-color: #897858;
	position: static;	
	width: 40%;
	text-align: center;
	white-space: nowrap; 
    border: 0em solid red;
	padding: 0.6em 0.2em 0.2em 0.2em;
	margin: 0 auto;
	/*outline: 0.1px solid white;*/
}
div.matching_player_right {
	background-color: #897858;
	position: static;	
	max-width: 40%;
	text-align: center;
	white-space: nowrap; 
    border: 0em solid red;
	padding: 0.6em 0.2em 0.2em 0.2em;
	margin: 0 auto;
	/*outline: 0.1px solid white;*/
}
span.matching_player {
	color: #292929; 
	text-align: center;
	font-weight: bold;
	padding: 0em 0em 0.6em 0em;
	margin: 0 auto;
	/*outline: 0.1px solid white;*/
}
div.matching_vs {
	display: flex;
	max-width: 20%;
    align-items: center;
    text-align: center;	
	padding: 0em 0em 0em 0em;
	margin: 0 auto;
	/*outline: 0.1px solid white;*/
}
p.matching_vs {
	color: gold;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	/*outline: 0.1px solid white;*/
}
div.matching_caption {
	width: 100%;
	text-align: center;
	background-color: ivory;
	/*outline: 0.1px solid white;*/
}
span.matching_caption {
	color: #003800;
	font-size: 2.0em;
	font-weight: bold;
	/*outline: 0.1px solid white;*/
}
img.img_player {
	object-fit: cover;
	display: block;
	width: 90%;
	height: 90%;
	padding: 0em 0em 0em 0em;
	margin: 0 auto;
	/*outline: 0.1px solid white;*/
}
span.caption_win {
	color: crimson;
	text-shadow: 1px 2px 2px #4C3E2E,
				 1px -2px 2px #4C3E2E,
				 -1px 2px 2px #4C3E2E,
				 -1px -2px 2px #4C3E2E;
	font-size: 2.0em;
	font-weight: bold;
	margin: 0 auto;
	/*outline: 0.1px solid white;*/
}
span.caption_lose {
	color: royalblue;
	text-shadow: 1px 2px 2px #4C3E2E,
				 1px -2px 2px #4C3E2E,
				 -1px 2px 2px #4C3E2E,
				 -1px -2px 2px #4C3E2E;
	font-size: 2.0em;
	font-weight: bold;
	margin: 0 auto;
	/*outline: 0.1px solid white;*/
}
span.caption_omedeto {
	font-size: 2.0em;
	margin: 0 auto;
	
	background: linear-gradient(to right, Magenta, yellow, Cyan, Magenta) 0% center/200%;
    animation: gaming 2s linear infinite;
	
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
	/*outline: 0.1px solid white;*/
}
span.caption_ganbare {
	font-size: 2.0em;
	margin: 0 auto;
	
	background: linear-gradient(to left, dimgray, gray, dimgray, silver) 0% center/200%;
    animation: gaming 2s linear infinite;
	
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
	/*outline: 0.1px solid white;*/
}
div.matching_msg_01 {
	width: 100%;
	line-height: 1.0em;
	text-align: center;
	padding: 0.4em 0em 0.2em 0em;
	margin: 0 auto;
	/*outline: 0.1px solid white;*/
}
span.matching_msg_01 {
	color: burlywood;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0em 0em 0em 0em;
	margin: 0 auto;
	white-space: nowrap; 
	/*outline: 0.1px solid white;*/
}
div.matching_msg_02 {
	width: 96%;
	line-height: 0.8em;
	text-align: center;
	padding: 0em 0.2em 1em 0.2em;
	margin: 0 auto;
	/*outline: 0.1px solid white;*/
}
div.matching_msg_03 {
	background: #333631;
	border-radius :6px;
  	box-shadow :0px 0px 5px silver;
	line-height: 0.8em;
	margin: 0em 0.6em 0em 0.6em;
	padding: 0.6em 0.6em 0.6em 0.6em;
	border: 4px solid silver;
}
div.matching_msg_04 {
	width: 100%;
	font-size: 1.8em;
	line-height: 1.0em;
	text-align: center;
	padding: 0.6em 0em 0.2em 0em;
	margin: 0 auto;
	/*outline: 0.1px solid white;*/
}
span.matching_msg_02 {
	color: ivory;
	font-size: 0.8em;
	padding: 0em 0em 0em 0em;
	margin: 0 auto;	
	/*outline: 0.1px solid white;*/
}
span.matching_msg_02 {
	color: ivory;
	font-size: 0.8em;
	padding: 0em 0em 0em 0em;
	margin: 0 auto;
	/*outline: 0.1px solid white;*/
}
span.matching_msg_03 {
	color: ivory;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0em 0em 0em 0em;
	margin: 0 auto;
	/*outline: 0.1px solid white;*/
}
span.matching_msg_04 {
	color: hotpink;
	font-size: 0.6em;
	letter-spacing: -0.05em;
	white-space: nowrap; 
	padding: 0em 0em 0em 0.6em;
	/*outline: 0.1px solid white;*/
}
span.shikaku_mark {
	color: crimson;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0em 0em 0em 0em;
	margin: 0 auto;
	/*outline: 0.1px solid white;*/
}
ol.matching_msg_03 {
	margin: 0.8em 0em 0em 1.6em;
	padding: 0em 0em 0em 0em;
}
li.matching_msg_03 {
	padding: 0em 0em 0.5em 0em;
	font-size: 0.8em;
	line-height: 1.2em;
}
div.mr_button {
	color: ivory;
	max-width: 500px;
    margin: 0 auto;
    text-align: center;
    padding: 1em 1em 0px 1em;
    /*outline: 0.1px solid white;*/
}
input.mr_button_report {
	width: 100%;
    height: 180px;
	border: solid 2px burlywood;
	box-shadow: 0 20px 0 burlywood;
	background-color: ivory;
	color: #400000;
	border-radius: 8px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	font-size: 3.0em;
	font-weight: bold;
	
	display: inline-block;
	transition: .3s;
	
	margin: 0em 0em 1em 0em;
}
input.mr_button_win {
	width: 80%;
    height: 80px;
	border: solid 2px burlywood;
	box-shadow: 0 20px 0 burlywood;
	background-color: ivory;
	color: #400000;
	border-radius: 10px;
	padding: 0px 2px;
	text-decoration: none;
	font-size: 2.4em;
	font-weight: bold;
	
	display: inline-block;
	transition: .3s;
	
	margin: 0em 0em 1em 0em;
}
input.mr_button_lose {
	width: 80%;
    height: 80px;
	border: solid 2px burlywood;
	box-shadow: 0 20px 0 burlywood;
	background-color: ivory;
	color: #000040;
	border-radius: 10px;
	padding: 0px 2px;
	text-decoration: none;
	font-size: 2.4em;
	font-weight: bold;
	
	display: inline-block;
	transition: .3s;
	
	margin: 0em 0em 1em 0em;
}
input.mr_button_approve {
	width: 80%;
    height: 80px;
	border: solid 2px burlywood;
	box-shadow: 0 20px 0 burlywood;
	background-color: ivory;
	color: #400000;
	border-radius: 10px;
	padding: 0px 2px;
	text-decoration: none;
	font-size: 2em;
	font-weight: bold;
	
	display: inline-block;
	transition: .3s;
	
	margin: 0em 0em 1em 0em;
}
input.mr_button_denial {
	width: 60%;
    height: 70px;
	border: solid 2px burlywood;
	box-shadow: 0 20px 0 burlywood;
	background-color: ivory;
	color: #400000;
	border-radius: 10px;
	padding: 0px 2px;
	text-decoration: none;
	font-size: 2em;
	font-weight: bold;
	
	display: inline-block;
	transition: .3s;
	
	margin: 0em 0em 1em 0em;
}
input.mr_button_reload {
	width: 80%;
    height: 80px;
	border: solid 2px burlywood;
	box-shadow: 0 20px 0 burlywood;
	background-color: ivory;
	color: #400000;
	border-radius: 10px;
	padding: 0px 2px;
	text-decoration: none;
	font-size: 2em;
	font-weight: bold;
	
	display: inline-block;
	transition: .3s;
	
	margin: 0em 0em 1em 0em;
}
input.mr_button_report:hover {
	background-color: ivory;
	color: crimson;
	transform: translateY(5px);
	box-shadow: 0 0 0 burlywood;
}
input.mr_button_win:hover {
	background-color: ivory;
	color: crimson;
	transform: translateY(5px);
	box-shadow: 0 0 0 burlywood;
}
input.mr_button_lose:hover {
	background-color: ivory;
	color: cornflowerblue;
	transform: translateY(5px);
	box-shadow: 0 0 0 burlywood;
}
input.mr_button_approve:hover {
	background-color: ivory;
	color: crimson;
	transform: translateY(5px);
	box-shadow: 0 0 0 burlywood;
}
input.mr_button_denial:hover {
	background-color: ivory;
	color: cornflowerblue;
	transform: translateY(5px);
	box-shadow: 0 0 0 burlywood;
}
input.mr_button_reload:hover {
	background-color: ivory;
	color: mediumseagreen;
	transform: translateY(5px);
	box-shadow: 0 0 0 burlywood;
}
/* ---------------------------------------- */
/* 他のイベント情報 */
div.otherEvent_detail {
	margin: 0em 1em 0px 1em;
	outline: 3.0px solid ivory;
}
div.oe_button {
	color: ivory;
	max-width: 500px;
    margin: 0 auto;
    text-align: center;
    padding: 1em 1em 0px 1em;
    /*outline: 0.1px solid white;*/
}
input.oe_button_back {
	width: 80%;
    height: 80px;
	border: solid 2px burlywood;
	box-shadow: 0 20px 0 burlywood;
	background-color: ivory;
	color: #400000;
	border-radius: 10px;
	padding: 0px 30px;
	text-decoration: none;
	font-size: 2em;
	font-weight: bold;
	
	display: inline-block;
	transition: .3s;
	
	margin: 0em 0em 1em 0em;
}
input.oe_button_back:hover {
	background-color: ivory;
	color: crimson;
	transform: translateY(5px);
	box-shadow: 0 0 0 burlywood;
}
table.oe_other_event_title {
	width: 100%;
	max-width: 500px;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0em 0em 0em 0em;
	padding: 1em 0em 0em 0em;
}
table.oe_other_event_result {
	width: 100%;
	max-width: 500px;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}
td.oe_event_title {
	text-align: left;
	vertical-align: bottom;
	font-size: 1.0em;
	line-height: 1.0em;
}
td.oe_opening_on {
	text-align: right;
	vertical-align: bottom;
	font-size: 0.8em;
	line-height: 1.0em;
}
/* ---------------------------------------- */
/* ランキング */
html.ranking {
	height: 100%;
	min-height: 100%;
	position: relative;
}
body.ranking  {
	height: 100%;
	padding: 0em 0em 0px 0em;
	margin: 0em 0em 70px 0em;
	background-color: #003800;
	color: ivory;
}
span.title_01 {
	padding: 0em 0em 0em 0em;
	margin: 0.2em 0.6em 0.2em 0.6em;
	font-size: 1.4em;
	display: inline-block;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	background: linear-gradient(180deg, ivory 30%, wheat 50%, tan 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
span.title_02 {	
	padding: 0em 0em 0em 0em;
	margin: 0.2em 0em 0em 0em;
	font-size: 3.0em;
	display: inline-block;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	background: linear-gradient(180deg, ivory 30%, wheat 50%, tan 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
div.no_data {
	padding: 0em 0em 0em 0em;
	margin: 2em 2em 2em 2em;
}
p.no_data {
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	font-size: 10.0em;
	font-weight: bold;
}
div.ranking_caption {
	display:flex;	
	position: relative;
	margin: 0 auto; 
    padding: 0em 0.8em 0em 0.8em;
}
div.count_sort {
	text-align: left;
	white-space: nowrap;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}
div.now_datetime {
	text-align: right;	
	font-weight: bold;
	white-space: nowrap;
	margin-left: auto;
	padding: 0em 0em 0em 0em;
}
p.content_item {
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	font-size: 0.8em;
	font-weight: normal;
}
div.scrolltable {
	padding: 0em 0em 0em 0em;
	margin: 0em 0.6em 0.6em 0.6em;
	border: 3.0px solid ivory;
	height: 76%;
	overflow-y: hidden;
	overflow-x: hidden;
	/*outline: 0.1px solid red;*/
}
table.ranking_table {
	margin: 0em 0em 0em 0em;	
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	width: 100%;
	/*outline: 0.1px solid red;*/
}
table.ranking_table tr:nth-child(even) td {
  background: linear-gradient(#003800, #003000 96%, ivory 99%);
}
table.ranking_table tr:nth-child(odd) td {
  background: linear-gradient(#003800, #003000 96%, ivory 99%);
}
table.ranking_table tr:nth-child(0) td {
  background: ivory;
}
table.ranking_table tr:nth-child(1) td {
  background: linear-gradient(#900000, #800000, #600000, #300000, #100000 96%, ivory 99%);
}
table.ranking_table tr:nth-child(2) td {
  background: linear-gradient(#900000, #800000, #600000, #300000, #100000 96%, ivory 99%);
}
table.ranking_table tr:nth-child(3) td {
  background: linear-gradient(#900000, #800000, #600000, #300000, #100000 96%, ivory 99%);
}

thead.ranking_table {
	position: sticky;
	top: 0;
}
tbody.ranking_table {

}
tr.ranking_table_index {	
	background-color: ivory;
	color: #003800;	
}
th.ranking_table_index {
	border-top: 2px solid ivory;
	text-align: center;
	vertical-align : bottom;
	white-space: nowrap;
}
th.ranking_table_index_01 {
	padding: 0em 1.0em 0.4em 1.0em;
	border-top: 2px solid ivory;
	font-size: 1.0em;
	font-weight: normal;
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
}
th.ranking_table_index_02 {
	padding: 0em 1.0em 0.4em 1.0em;
	border-top: 2px solid ivory;	
	font-size: 1.0em;
	font-weight: normal;
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
}
th.ranking_table_index_03 {
	padding: 0em 1.0em 0.5em 1.0em;
	border-top: 2px solid ivory;
	font-size: 0.8em;
	
	font-weight: normal;
	line-height: 1.1em;
	text-align: center;
	vertical-align: bottom;
}
th.ranking_table_index_04 {
	padding: 0em 1.0em 0.2em 1.0em;
	border-top: 2px solid ivory;
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
}
tr.ranking_table_item {
	margin: 0em 0em 0em 0em;
	padding: 0em 0.5em 0em 0.5em;
	font-size: 1.3em;
	vertical-align: bottom;
	border-bottom: 3.0px solid ivory;
}
tr.ranking_table_item_top3 {
	margin: 0em 0em 0em 0em;
	padding: 0em 0.5em 0em 0.5em;
	font-size: 1.3em;
	vertical-align: bottom;
	border: 3.0px solid ivory;
}
td.ranking_table_item_name {
	font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN',sans-serif;
	font-weight: bold;
	margin: 0em 0em 0em 0em;
	padding: 0.1em 0.5em 0.0em 0.5em;	
	vertical-align: bottom;
	white-space: nowrap;
	border: 0px solid ivory;
}
td.ranking_table_item_rank {
	margin: 0em 0em 0em 0em;
	padding: 0.1em 0.5em 0.2em 0.5em;
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
	border: 0px solid ivory;
	color: ivory;
}
span.ranking_table_item_rank_1st {
	display: inline-block;
	font-size: 1.4em;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	background: linear-gradient(180deg, white 0%, yellow 45%, darkorange 70%, gold 85%, aliceblue 90% 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
span.ranking_table_item_name_1st {
	position: static;
	margin: 0em 0em 0em 0em;
	padding: 0em 0.5em 0.2em 0em;	
	display: inline-block;
	font-size: 1.2em;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	background: linear-gradient(180deg, white 0%, yellow 45%, darkorange 70%, gold 85%, aliceblue 90% 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
}
span.ranking_table_item_rank_2nd {
	display: inline-block;
	font-size: 1.4em;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	background: linear-gradient(180deg, white 0%, lightcyan 45%, lightslategray 70%, silver 85%, aliceblue 95% 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
span.ranking_table_item_name_2nd {
	margin: 0em 0em 0em 0em;
	padding: 0em 0.5em 0.2em 0em;	
	display: inline-block;
	font-size: 1.2em;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	background: linear-gradient(180deg, white 0%, lightcyan 45%, lightslategray 70%, silver 85%, aliceblue 95% 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
span.ranking_table_item_rank_3rd {
	display: inline-block;
	font-size: 1.4em;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	background: linear-gradient(180deg, white 0%, darkorange 45%, saddlebrown 70%, chocolate 85%, aliceblue 95% 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
span.ranking_table_item_name_3rd {
	margin: 0em 0em 0em 0em;
	padding: 0em 0.5em 0.2em 0em;	
	display: inline-block;
	font-size: 1.2em;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	background: linear-gradient(180deg, white 0%, darkorange 45%, saddlebrown 70%, chocolate 85%, aliceblue 95% 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
td.ranking_table_item_time_01 {
	padding: 0em 0.8em 0.2em 0.5em;
	text-align: right;
	vertical-align: bottom;
	white-space: nowrap;
	border: 0px solid ivory;
	font-size: 1.0em;
}
td.ranking_table_item_time_02 {
	padding: 0em 0.5em 0.3em 0.5em;
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
	border: 0px solid ivory;
	font-size: 0.8em;
}
td.ranking_table_item_status {
	font-weight: bold;
	margin: 0em 0em 0em 0em;
	padding: 0.1em 0.5em 0.2em 0.5em;
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
	border: 0px solid ivory;
}
td.ranking_table_item_right {
	padding: 0em 0.8em 0.2em 0.8em;
	text-align: right;
	vertical-align: bottom;
	white-space: nowrap;
	border: 0px solid ivory;
}
td.ranking_table_item_right_01 {
	padding: 0em 0.5em 0.2em 1.0em;
	text-align: right;
	vertical-align: bottom;
	white-space: nowrap;
}
td.ranking_table_item_right_02 {
	padding: 0em 0.5em 0.2em 0em;
	text-align: right;
	vertical-align: bottom;
	white-space: nowrap;
}
td.ranking_table_item_right_03 {
	padding: 0em 1.0em 0.2em 0em;
	text-align: right;
	vertical-align: bottom;
	white-space: nowrap;
}
span.cnt_02 {
	font-size: 0.5em;
}
span.win_rate_02 {
	font-size: 0.7em;
}
/* ---------------------------------------- */
/* フッター */
div.footer {
	width: 100%;
	height: 60px;
	background-color: silver;
	color: dimgray;
	text-align: center;
	position: absolute;
    bottom: 0;
}
div.footer_fixed {
	width: 100%;
	height: 60px;
	background-color: silver;
	color: dimgray;
	text-align: center;
	position: fixed;
    bottom: 0;
}
div.footer00 {
	line-height: 1.2em;
	white-space: nowrap;
	padding: 0.4em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
div.footer01 {
	font-size: 0.65em;
	font-weight: normal;
	line-height: 1.0em;
	white-space: nowrap;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
div.footer02 {
	line-height: 1.0em;
	white-space: nowrap;
	padding: 0.2em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
span.copyright {
	font-weight: bold;
	color: #606060;
	white-space: nowrap;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
span.footer_tel {
	font-size: 0.6em;
	font-weight: normal;
	line-height: 1.0em;
	white-space: nowrap;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
span.footer_telnumber {
	font-weight: normal;
	line-height: 1.0em;
	white-space: nowrap;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
/* ---------------------------------------- */
@media screen and (min-width: 481px) {
	/* 481px以上に適用されるCSS（タブレット用） */
}
@media screen and (min-width: 960px) {
	/* 960px以上に適用されるCSS（PC用） */
}