@charset "utf-8";
.rule.rule-race h4::after{
    background-position-y: -2.85em;
}
.rule.rule-join h4::after{
	background-position-y: -4.25em;
}
.rule.rule-prim h4::after{
	background-position-y: -5.55em;
}
.rule.rule-conf h4::after{
	background-position-y: -6.95em;
}
.rule.rule-race{
	background-image: url(../img/overview_race_bg_top.png),url(../img/overview_race_bg_bottom.png),url(../img/overview_race_bg.png);
	background-repeat: no-repeat;
    background-size: 100% auto,100% auto,cover;
    background-position-y: 0, bottom, -3em;
    background-position-x: center;
}
.rule.rule-race ul{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin: 0 -0.82em -1.6em;
    padding: 1.6em;
}
.rule.rule-race ul li{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	text-orientation: upright;
    padding-left: 1.3em;
	border-left: 0.08em dashed #b0b0b0;
}
.rule.rule-race ul li:last-of-type{
	padding-left: 0;
	border-left-width: 0;
}
.rule.rule-race ul li h5,
.rule.rule-race ul li p{
	background-image: url(../img/qua_overview_race_terms.png);
	background-size: auto 13.76em;
	text-indent: -9999px;
	background-repeat: no-repeat;
    background-position: top;
}
.rule.rule-race ul li h5{
	background-color: #7f7f7f;
	box-shadow: 0 0 0 0.16em #7f7f7f;
	width: 0.88em;
    background-position-x: -13.3em;
    height: 1.8em;
}
.rule.rule-race ul li:nth-of-type(2) h5{
    background-position-x: -12.45em;
    height: 2.55em;
}
.rule.rule-race ul li:nth-of-type(3) h5{
    background-position-x: -11.6em;
    height: 3.26em;
}
.rule.rule-race ul li:nth-of-type(4) h5{
    background-position-x: -10.68em;
    height: 4.4em;
}
.rule.rule-race ul li:nth-of-type(5) h5{
    background-position-x: -9.8em;
    height: 3.32em;
}
.rule.rule-race ul li p {
	background-position: top ;
    width: 1.1em;
    margin-right: 0.8em;
	height: 14.2em;
}
.rule.rule-race ul li:nth-of-type(1) p {
    background-position-x: -8.55em;
}
.rule.rule-race ul li:nth-of-type(2) p {
    background-position-x: -7.15em;
}
.rule.rule-race ul li:nth-of-type(3) p {
    background-position-x: -5.75em;
}
.rule.rule-race ul li:nth-of-type(4) p {
    background-position-x: -4.35em;
}
.rule.rule-race ul li:nth-of-type(5) p {
    background-position-x: -0.15em;
    width: 3.95em;
}
@media screen and ( min-width : 960px ) {
	.rule.rule-race ul {
		margin: 0 -0.5em -2.2em;
		padding: 1em 2.78em 2.2em;
		font-size: 1.9em;
	}
	.rule.rule-race ul li {
		padding-left: 1.7em;
	}
	.rule.rule-race ul li p {
		margin-right: 0.6em;
	}
}

.calendar-container {
	position: relative;
	width: 100%;
	margin: 2em auto 0;
	overflow: hidden;
	max-width: 960px;
	padding-left: 0;
	padding-right: 0;
}
.calendar-popup{
    position: absolute;
    height: 20.8em;
    width: 100%;
    z-index: 10;
    display: none;
	background-color: rgba(0, 0, 0, 0.3);
	padding-top:2.16em;
}
.calendar-popup-after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
}
.calendar-popup .calendar-popup-cont {
    width: 24em;
    margin: auto;
	background-color: #e4e4e4;
    margin-top: 10%;
    padding: 1em 1em 0;
	border: 0.16em solid #777;
	text-align: right;
	position: relative;
	z-index: 10;
}
.calendar-popup .calendar-popup-cont h4{
	color: #fff;
    font-weight: bold;
    padding: 0.4em;
    text-align: center;
}
.calendar-popup .calendar-popup-cont h4.primary{
	background-color: #b96b26;
}
.calendar-popup .calendar-popup-cont h4.qua{
	background-color: #41841d;
}
.calendar-popup .calendar-popup-cont h4.tvshow,
.calendar-popup .calendar-popup-cont h4.tvshow-2,
.calendar-popup .calendar-popup-cont h4.tvshow-3{
	background-color: #0070a0;
}
.calendar-popup .calendar-popup-cont h4.fin{
	background-color: #7a2b73;
}
.calendar-popup .calendar-popup-cont p{
    margin-top: 1em;
	background-color: #fff;
    padding: 0.4em;
    text-align: center;
}
.calendar-popup .calendar-popup-cont button{
    border: none;
    background: none;
    padding: 1em 0;
    margin: 0;
    color: #777;
}
.calendar-popup.active{
    display: block;
}
.calendar-container aside{
	padding: 0.32em;
	background-color: #d1d1d1;
	text-align: center;
}
.calendar-container aside::before{
	content: "\203B\4E88\5B9A\3092\30BF\30C3\30D7\3059\308B\3068\8A73\7D30\304C\8868\793A\3055\308C\307E\3059\3002";
}
@media screen and ( min-width : 960px ) {
	.calendar-container aside::before{
		content: "\203B\4E88\5B9A\3092\30AF\30EA\30C3\30AF\3059\308B\3068\8A73\7D30\304C\8868\793A\3055\308C\307E\3059\3002";
	}
}
.calendar {
	display: -ms-grid;
	display: grid;
	width: 100%;
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: repeat(7, minmax(20px, 1fr));
	-ms-grid-rows: 2.56em;
    grid-template-rows: 1.6em;
	grid-auto-rows: 4em;
	overflow: hidden;
	background-color: #d1d1d1;
}

.day-name {
	display: block;
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;
    line-height: 1.6em;
	background-color: #dbdbdb;
	margin: 0.08em;
}
.day-name:nth-of-type(1){-ms-grid-column: 1;}
.day-name:nth-of-type(2){-ms-grid-column: 2;}
.day-name:nth-of-type(3){-ms-grid-column: 3;}
.day-name:nth-of-type(4){-ms-grid-column: 4;}
.day-name:nth-of-type(5){-ms-grid-column: 5;}
.day-name:nth-of-type(6){-ms-grid-column: 6;}
.day-name:nth-of-type(7){-ms-grid-column: 7;}

.day {
	text-align: center;
	padding: 0.16em 0;
	letter-spacing: 0.08em;
	font-size: 0.8em;
	box-sizing: border-box;
	color: #4d4d4d;
	position: relative;
	pointer-events: none;
	z-index: 1;
	background-color: #efefef;
	margin: 0.1em;
}
.day:nth-of-type(7n + 7) {
	border-right: 0;
}
.day:nth-of-type(n + 1):nth-of-type(-n + 7) {
	-ms-grid-row: 2;
	grid-row: 2;
}
.day:nth-of-type(n + 8):nth-of-type(-n + 14) {
	-ms-grid-row: 3;
	grid-row: 3;
}
.day:nth-of-type(n + 15):nth-of-type(-n + 21) {
	-ms-grid-row: 4;
	grid-row: 4;
}
.day:nth-of-type(n + 22):nth-of-type(-n + 28) {
	-ms-grid-row: 5;
	grid-row: 5;
}
.day:nth-of-type(n + 29):nth-of-type(-n + 35) {
	-ms-grid-row: 6;
	grid-row: 6;
}
.day:nth-of-type(7n + 1) {
	-ms-grid-column: 1;
	grid-column: 1/1;
}
.day:nth-of-type(7n + 2) {
	-ms-grid-column: 2;
	grid-column: 2/2;
}
.day:nth-of-type(7n + 3) {
	-ms-grid-column: 3;
	grid-column: 3/3;
}
.day:nth-of-type(7n + 4) {
	-ms-grid-column: 4;
	grid-column: 4/4;
}
.day:nth-of-type(7n + 5) {
	-ms-grid-column: 5;
	grid-column: 5/5;
}
.day:nth-of-type(7n + 6) {
	-ms-grid-column: 6;
	grid-column: 6/6;
}
.day:nth-of-type(7n + 7) {
	-ms-grid-column: 7;
	grid-column: 7/7;
}

.red,
.day--red,
.day:nth-of-type(7n + 1){color:#b83d3d;}
.blue,
.day--blue,
.day:nth-of-type(7n + 7){color:#3366b3;}


.task {
	border-width: 0.24em;
	border-style: solid;
	margin: 0.8em;
	font-size: 0.7em;
	position: relative;
	z-index: 2;
	white-space: pre;
	text-overflow: clip;
	-webkit-text-overflow: clip; /* Safari */
	-o-text-overflow: clip; /* Opera */
    height: 2.4em;
}
.task a{
	width: 100%;
	height: 100%;
	display: block;
	padding-left: 0.36em;
    background-size: auto 2em;
	background-position: center;
	background-repeat: no-repeat;
	white-space: nowrap;
	text-indent: -9999px;
}
.task--announce,
.task--qua,
.task--tvshow,
.task--tvshow-2,
.task--tvshow-3,
.task--fin,
.task--findec{
	margin: 0.36em 0.36em;
	border-width: 0.16em;
	align-self: end;
	height: 3.2em;
}
.task.task--announce {
	border-color: #822c00;
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	-ms-grid-row: 4;
	grid-column: 2 / span 1;
	grid-row: 4;
}
.task.task--announce a{
	background-image: url(../img/qua_schedule_plans_1007.png);
	background-color: #a73800;
}
.task--qua{
	border-color: #0c6b19;
	-ms-grid-column: 5;
	-ms-grid-column-span: 2;
	-ms-grid-row: 4;
	grid-column: 5 / span 2;
	grid-row: 4;
}
.task.task--qua a{
	background-image: url(../img/qua_schedule_plans_1010.png);
	background-color: #41841d;
}
.task.task--tvshow,
.task.task--tvshow-2,
.task.task--tvshow-3 {
	border-color: #085778;
	-ms-grid-column: 7;
	-ms-grid-column-span: 1;
	-ms-grid-row: 4;
	grid-column: 7 / span 1;
	grid-row: 4;
}
.task.task--tvshow a,
.task.task--tvshow-2 a,
.task.task--tvshow-3 a{
	background-image: url(../img/qua_schedule_plans_1012.png);
	background-color: #0070a0;
}

.task--primary-1,
.task--primary-2,
.task--primary-3,
.task--primary-4 {
	background-image: url(../img/qua_schedule_bg_primary.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
	border: 0;
	padding: 0.32em 0;
	-ms-grid-column: 6;
	-ms-grid-column-span: 2;
	-ms-grid-row: 2;
	grid-column: 6 / span 2;
	grid-row: 2;
	align-self: end;
}
.task--primary-2 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 7;
	-ms-grid-row: 3;
	grid-column: 1 / span 7;
	grid-row: 3;
}
.task--primary-3 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 4;
	grid-column: 1 / span 1;
	grid-row: 4;
}
.task--fin-1,
.task--fin-2 {
	background-image: url(../img/qua_schedule_bg_fin.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
	border: 0;
	padding: 0.32em 0;
	-ms-grid-column: 7;
	-ms-grid-column-span: 1;
	-ms-grid-row: 4;
	grid-column: 7 / span 1;
	grid-row: 4;
	align-self: end;
}
.task--fin-2{
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	-ms-grid-row: 5;
	grid-column: 1 / span 2;
	grid-row: 5;
}
.task--primary-1 a,
.task--primary-2 a,
.task--primary-3 a,
.task--primary-4 a,
.task--fin-2 a,
.task--entry-1 a,
.task--entry-2 a,
.task--expcp-1 a,
.task--expcp-2 a{
	text-indent: -9999px;
	background-image: url(../img/qua_schedule_text_primary.png);
	background-position: left 0.16em center;
    background-size: auto 1.2em;
    min-width: 7em;
}
.task--fin-2 a {
	background-image: url(../img/qua_schedule_text_fin.png);
    min-width: 11em;
}
.task--primary-1,
.task--primary-2,
.task--primary-3,
.task--fin-1,
.task--entry-1,
.task--expcp-1{
	margin-right: 0.08em;
}
.task--primary-2,
.task--primary-3,
.task--primary-4,
.task--fin-2,
.task--entry-2,
.task--expcp-2{
	margin-left: 0.08em;
}
.task--primary-3,
.task--primary-4,
.task--fin-2,
.task--entry-2,
.task--expcp-2{
    margin-right: 0.32em;
	background-position: right;
}

.task__detail {
	position: absolute;
	left: 0;
	top: calc(100% + 10px);
	background: #fff;
	border: 1px solid rgba(166, 168, 179, 0.2);
	color: #000;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 4px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
	z-index: 2;
}
.task__detail:after, .task__detail:before {
	bottom: 100%;
	left: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.task__detail:before {
	border-bottom-color: rgba(166, 168, 179, 0.2);
	border-width: 8px;
	margin-left: -8px;
}
.task__detail:after {
	border-bottom-color: #fff;
	border-width: 6px;
	margin-left: -6px;
}
.task__detail h2 {
	font-size: 15px;
	margin: 0;
	color: #51565d;
}
.task__detail p {
	margin-top: 4px;
	font-size: 12px;
	margin-bottom: 0;
	font-weight: 500;
	color: rgba(81, 86, 93, 0.7);
}
@media screen and ( min-width : 960px ) {
	.calendar-container{
		font-size: 150%;
	}
	.calendar{
		padding-left: 0.08em;
		padding-right: 0.08em;
		grid-auto-rows: 5.652em;
	}
	.day-name{
		margin: 0.05334em;
	}
	.day{
		padding: 0.32em 0;
		margin: 0.06665em;
	}
	.task {
		padding: 0;
		height: 3em;
		margin-bottom: 1.5238em;
		-webkit-transition: opacity .2s ease-out;
		-ms-transition: opacity .2s ease-out;
		-moz-transition: opacity .2s ease-out;
		transition: opacity .2s ease-out;
	}
	.task a:hover{
		opacity: 0.75;
	}
	.task--qua,
	.task--findec,
	.task--fin,
	.task--tvshow,
	.task--tvshow-2,
	.task--tvshow-3{
		height: auto;
		margin: 0.38099em;
		border-width: 0.305em;
		background-color: #fff;
	}
	.task--qua a,
	.task--findec a,
	.task--fin a,
	.task--tvshow a,
	.task--tvshow-2 a,
	.task--tvshow-3 a{
		height: 4.724em;
		background-size: auto 3.2em;
	}
	.task--primary-1 a,
	.task--primary-2 a,
	.task--primary-3 a,
	.task--primary-4 a,
	.task--fin-1 a,
	.task--fin-2 a,
	.task--entry-1 a,
	.task--entry-2 a,
	.task--expcp-1 a,
	.task--expcp-2 a{
		display: block;
		padding: 0.61em 0;
		background-size: auto 1.6em;
		background-position: left 0.64em center;
		min-width: 9em;
	}
	.task--fin-2 a{
		min-width: 15em;
	}

	.datalist{
		padding-left: 0.16em;
		padding-right: 0.16em;
	}
	_:lang(x)::-ms-backdrop, .task{
		margin-top: 2.5em;
	}
	_:lang(x)::-ms-backdrop, .task--primary-1,
	_:lang(x)::-ms-backdrop, .task--primary-2,
	_:lang(x)::-ms-backdrop, .task--primary-3,
	_:lang(x)::-ms-backdrop, .task--primary-4,
	_:lang(x)::-ms-backdrop, .task--fin-1,
	_:lang(x)::-ms-backdrop, .task--fin-2{
		margin-top: 3.6em
	}
}

.datalist {
	background-color: #d1d1d1;
	padding: 0.32em  0.08em  0.4em
}
.datalist ul{
	background-color: #efefef;
	padding: 0 0.64em;
}
.datalist ul li{
	padding: 0.64em 0;
	border-bottom: 0.08em dashed #b0b0b0;
}
.datalist ul li:last-of-type{
	border-bottom-width: 0;
}
.datalist ul li h4 {
	border-left: 0.32em solid;
	text-indent: 0.32em;
}
.datalist ul li p{
	font-weight: bold;
	padding-top: 0.32em;
    padding-left: 0.64em;
    color: #5b5b5b;
}
.datalist ul li.data-primary h4{
	border-color: #b96b26
}
.datalist ul li.data-qua h4{
	border-color: #41841d
}
.datalist ul li.data-tvshow h4{
	border-color: #0070a0
}
.datalist ul li.data-fin h4{
	border-color: #7a2b73
}

section#caution .list{
	margin-top: 2em;
}
section#caution .list div{
	background-color: #fff;
	padding: 0.8em 0.4em 0.8em 0.8em;
}
section#caution .list ul{
	height: 19em;
	overflow-x: hidden;
}
section#caution .list ul li{
	text-indent: -1em;
	padding: 0 0 0.5em 1em;
}
section#caution .list ul li::before{
	content:"・";
}
@media screen and ( min-width : 960px ) {
	section#caution .list{
		font-size: 150%;
		padding-left: 2.13333em;
		padding-right: 2.13333em;
	}
}
@media screen and ( max-width : 960px ) {
	section#caution .list ul::-webkit-scrollbar{
		width: 0.4em;
	}
	section#caution .list ul::-webkit-scrollbar-thumb{
		background: rgba(0, 0, 0, 0.25);
		border-radius: 0.2em;
	}
	section#caution .list ul::-webkit-scrollbar-track-piece:start{
		background: rgba(0, 0, 0, 0.25);
	}
	section#caution .list ul::-webkit-scrollbar-track-piece:end{
		background: rgba(0, 0, 0, 0.25);
	}
}