@charset "UTF-8";

/*

UPDATE:190731 18:27

*/


.red {
	color: #d00;
}
/*
updata:20180709 13:11
*/
#loading{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:#000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	z-index:99;
	display:none;
}
.square {
	width:100%;
	height:100%;
	color: #000;
	position:fixed;
	top:50%;
	left:50%;
	font-family: Helvetica, Arial, Sans-Serif;
	z-index:100;
}
.modifiableHeader .socialMenu {
    position: absolute !important;
    bottom: -25px !important;
    right: 0 !important;
}

/* Add vuelo 20180322 */
section.entry_btn .sectionTitle {
	background-color: #5b9bd5;
	color: #fff;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	line-height: 1.2em;
	padding: 10px 20px;
	margin-bottom: 20px;
}
	section.entry_btn .sectionTitle.olympic {background-color: #92d050;}
	section.entry_btn .sectionTitle.middle {background-color: #ffc000;}
	section.entry_btn .sectionTitle.option {background-color: #00b0f0;}
	section.entry_btn .sectionTitle.late {background-color: #161F6A;}
	section.entry_btn .sectionTitle.run {background-color: #d86dcd;}
	section.entry_btn .sectionTitle.para {background-color: #f87b32;}

	section.entry_btn p.lead {
		font-size: 110%;
		margin: 0 1.5em 1.0em;
	}

section.entry_btn ul.btn {
	overflow:hidden;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
  	justify-content: center;
}
section.entry_btn2 ul.btn {
	display: block;
}
section.entry_btn ul.btn li {
	box-sizing: border-box;
	/* float: left; */
	width: 41%;
	margin:0 0 20px 6%;
}
section.entry_btn2 ul.btn li {
	box-sizing: border-box;
	width: 600px;
	margin: 0 auto 20px;
}
section.entry_btn ul.btn li:nth-child(odd),
section.entry_btn2 ul.btn li:nth-child(odd) {
	clear: left;
}
section.entry_btn .txt {
	font-size: 16px;
}
section.entry_btn ul.btn li a {
	display: block;
	box-sizing: border-box;
	padding: 20px 16px 20px 16px;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background: #1C1B1B;
	background: -moz-linear-gradient(top,  #1C1B1B 0%, #1C1B1B 50%, #383635 51%, #383635 100%);
	background: -webkit-linear-gradient(top,  #1C1B1B 0%,#1C1B1B 50%,#383635 51%,#383635 100%);
	background: -ms-linear-gradient(top,  #1C1B1B 0%,#1C1B1B 50%,#383635 51%,#383635 100%);
	background: linear-gradient(to bottom,  #1C1B1B 0%,#1C1B1B 50%,#383635 51%,#383635 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C1B1B', endColorstr='#383635',GradientType=0 );
	border-radius: 10px;
	line-height: 1.5em;
	margin-top:5px;
}
section.entry_btn ul.btn li a:hover {
	background: #F08200;
	background: -moz-linear-gradient(top,  #F08200 0%, #F08200 50%, #F39800 51%, #F39800 100%);
	background: -webkit-linear-gradient(top,  #F08200 0%,#F08200 50%,#F39800 51%,#F39800 100%);
	background: -ms-linear-gradient(top,  #F08200 0%,#F08200 50%,#F39800 51%,#F39800 100%);
	background: linear-gradient(to bottom,  #F08200 0%,#F08200 50%,#F39800 51%,#F39800 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F08200', endColorstr='#F39800',GradientType=0 );
	color: #212121;
	text-decoration: none;
}

section.entry_btn2 ul.btn li a {
	display: block;
	box-sizing: border-box;
	padding: 20px 16px 20px 16px;
	font-size: clamp(16px, 4.2vw, 22px);
	font-weight: bold;
	color: #333333;
	box-shadow: 4px 4px 0px rgba(155, 155, 155, 0.3);
	text-decoration: none;
	text-align: center;
	border-radius: 10px;
	line-height: 1.5em;
	margin-top:5px;
}
section.entry_btn2 ul.btn li a.early {
	color: #333333;
	background: #ffff00;
}
section.entry_btn2 ul.btn li a.normal {
	color: #333333;
	background: #ffc000;
}
section.entry_btn2 ul.btn li a.late {
	color: #333333;
	background: #f2cfee;
}
section.entry_btn2 ul.btn li a.joy {
	color: #333333;
	background: #caeefb;
}
section.entry_btn2 ul.btn li a.venue {
	color: #333333;
	background: #66ccff;
}
section.entry_btn2 ul.btn li a.option {
	color: #333333;
	background: #d9f2d0;
}
section.entry_btn2 ul.btn li a:hover {
	box-shadow: none;
	transform: translateY(2px);
}
section.entry_btn ul.btn li a span,
section.entry_btn2 ul.btn li a span {
	font-size: 14px;
	display: block;
}

section.entry_btn ul.btn li .end,
section.entry_btn2 ul.btn li .end {
	display: block;
	box-sizing: border-box;
	padding: 20px 16px 20px 16px;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background: #a1a1a1;
	border-radius: 10px;
	line-height: 1.5em;
	margin-top:5px;
}

/* 「重要」 */
section.entry_btn .caution,
section.entry_btn2 .caution {
	border:1px #ff0000 solid;
	color:#ff0000;
	padding:20px;
	margin:0 auto 20px;
	font-size:110%;
	width:80%;
	text-align:left;
}

@media (max-width: 864px) {
	section.entry_btn ul.btn li .end {
		font-size: 19px;
	}
}
@media (max-width: 768px) {
	section.entry_btn ul.btn,
	section.entry_btn2 ul.btn {
		display: block;
	}
	section.entry_btn ul.btn li,
	section.entry_btn2 ul.btn li {
		float: none;
		text-align: center;
		width: 90%;
		margin: 0 auto 20px;
	}
	.modifiableHeader .socialMenu {
		position: initial !important;
		right: 0 !important;
	}
}

.sectionTxtBox {
	margin-top:20px;
	font-size:20px;
}

.sectionTxtBox .option{
	font-size:20px;
}
.sectionTxtBox .list{
	margin-top:20px;
}
.sectionTxtBox .list thead {
	background:#464646;
	color:#fff;
	text-align:center;
}
.sectionTxtBox .list thead th {
	border-right:1px #ffffff solid;
	border-left:1px #464646 solid;
	vertical-align: middle;
	padding: 15px 0;
}
.sectionTxtBox .list thead td {
	vertical-align: middle;
}
.sectionTxtBox .list tbody th {
	font-weight:normal;
	width:350px;
	padding:5px 10px;
	border:1px #464646 solid;
	vertical-align : middle;
}
.sectionTxtBox .list tbody td {
	font-weight:normal;
	width:300px;
	text-align:center;
	border:1px #464646 solid;
	color: #d00;
	vertical-align : middle;
	padding: 10px 2px;
}





.sectionTxtBox .today{
	margin-top:20px;
}
.sectionTxtBox .today thead th {
	border-right:1px #ffffff solid;
}
.sectionTxtBox .today tbody th {
	font-weight:normal;
	width:200px;
	padding:5px 10px;
	border:1px #464646 solid;
	text-align:center;
	vertical-align: middle;
}
.sectionTxtBox .today tbody td {
	font-weight:normal;
	width:200px;
	text-align:center;
	border:1px #464646 solid;
	color: #d00;
	font-weight:bold;
}







.sectionTxtBox .comments{
	color:#333;
	line-height:30px;
	margin-bottom: 1.0em;
}
.sectionTxtBox .comments_bule {
	color:#00f;
	line-height:30px;
}
.sectionTxtBox .comments_bule p.blue_text {
	margin-top:20px;
	border:1px #0000ff solid;
	padding:10px;
	font-size:100%;
}
.sectionTxtBox .comments_red{
	color:#f00;
	line-height:30px;
}
.sectionTxtBox table.size-table {
	/* width: 90%; */
	margin-bottom: 1.0em;
}
.sectionTxtBox table.size-table caption{
	font-weight: bold;
	padding-bottom: 0.3em;
}
.sectionTxtBox table.size-table th,
.sectionTxtBox table.size-table td {
	border:1px #464646 solid;
	text-align: center;
	padding: 0.3em;
}
.sectionTxtBox table.size-table thead th {
	background-color: #f0f0f0;
}
.sectionTxtBox table.size-table tbody th {
	width: 15%;
	background-color: #f0f0f0;
}
.sectionTxtBox table.size-table tbody td {
	width: 10%;
}

@media (max-width: 768px) {
	section.entry_btn ul.btn li {
		float: none;
		text-align: center;
		width: 90%;
		margin: 0 auto 20px auto;
	}
	.sectionTxtBox{
		font-size:16px;
	}
}

.sectionTxtBox .notes {
	border: 1px #ff9900 solid;
	color: #333333;
	font-size: 80%;
	margin-top: 30px;
}

.sectionTxtBox .notes .notes-title {
	display: inline-block;
	background:#ff9900;
	padding: 10px;
	color:#ffffff;
}

.sectionTxtBox .notes .text p {
	font-size: 76%;
	padding: 15px;
}

.mb40 {
	margin-bottom: 40px;
}

.mt16 {
	margin-top: 16px;
}

.mt48 {
	margin-top: 48px;
}

.annotation {
	font-size: 14px;
	margin-top: 10px;
}

.sp,
.pc-none {
	display: inline;
}

.pc,
.sp-none {
	display: none;
}

@media screen and (min-width: 600px) {
	.sp,
	.pc-none {
		display: none;
	}

	.pc,
	.sp-none {
		display: inline;
	}
}

