@charset "utf-8";
/* CSS Document */

li {
	list-style: none;
}

img {
	width: 100%;
	height: auto;
}

a {
	color: #333;
}

a:hover {
	opacity: 1;
}

/* .nav_br_display {
	display: none;
} */


/* 青鍵 */
.silver-key-pay {
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><defs><style>.cls-1{fill:%238e8e8e;}</style></defs><path class="cls-1" d="M26.03,30.08H9.97c-1.59,0-2.89-1.3-2.89-2.89v-9.87c0-1.59,1.3-2.89,2.89-2.89H26.03c1.59,0,2.89,1.3,2.89,2.89v9.87c0,1.59-1.3,2.89-2.89,2.89ZM9.97,16.43c-.49,0-.89,.4-.89,.89v9.87c0,.49,.4,.89,.89,.89H26.03c.49,0,.89-.4,.89-.89v-9.87c0-.49-.4-.89-.89-.89H9.97Z"/><path class="cls-1" d="M25.87,15.13h-2.5v-1.33c0-2.97-2.42-5.39-5.39-5.39s-5.39,2.42-5.39,5.39v1.27h-2.5v-1.27c0-4.35,3.54-7.89,7.89-7.89s7.89,3.54,7.89,7.89v1.33Z"/><path class="cls-1" d="M18.99,23.05v2.48h-1.85v-2.48c-.75-.35-1.28-1.11-1.28-1.99,0-1.22,.99-2.2,2.2-2.2s2.2,.99,2.2,2.2c0,.89-.53,1.64-1.28,1.99Z"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


/* ===============
header.shtml
=============== */

.pc_title {
	display: none;
}

.run-time__wrap {
	/* font-family: 'Noto Sans JP', sans-serif;  */
	color: #333;
}

/* .run-time__title h1 {
	font-size: 27px;
	padding: 50px 10px;
	text-align: center;
	background-color: #f3f3f3;
} */


/* /////////////// run-time__header__nav /////////////// */

.run-time__header__nav {
	margin: 20px auto;
}

.run-time__header__nav ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	/* justify-content: space-between; */
	gap: 5px;
	font-size: min(3.5897vw, 16px);
}

.run-time__header__nav ul li {
	line-height: 1.7rem;
	flex: 1;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
}

.run-time__header__nav ul li a {
	padding: 10px 2px;
	letter-spacing: 1.5px;
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	height: 100%;
}

.run-time__header__nav ul li a:not(.run-time__women a):not(.run-time__header__nav .backnumber ul li a) {
	background-color: #f2f4ff;
	border: 2px solid #f2f4ff;
}

.run-time__current {
	color: #468de0;
	letter-spacing: 1.5px;
	padding: 10px 2px;
	width: 100%;
	text-align: center;
	display: grid;
	place-items: center;
	border: 2px solid #468de0;
}

.run-time__current__women {
	color: #ff7cb2;
	letter-spacing: 1.5px;
	padding: 10px 2px;
	width: 100%;
	text-align: center;
	display: grid;
	place-items: center;
	border: 2px solid #ff7cb2;
	background-color: #fff;
}

.run-time__header__nav ul li a:hover:not(.run-time__women a:hover):not(.run-time__header__nav .backnumber ul li a) {
	color: #468de0;
	background-color: #fff;
	border: 2px solid #468de0;
}

.run-time__women a {
	background-color: #e7afc733;
	border: 2px solid #e7afc700;
}

.run-time__women a:hover {
	color: #ff7cb2;
	background-color: #fff;
	border: 2px solid #ff7cb2;
}

.backnumber {
	margin-top: 40px;
}

.backnumber .link__title {
	margin-bottom: 10px;
}

.run-time__header__nav .backnumber ul li a {
	background-color: #dcdcdc;
}

/* /////////////// run-time__announce /////////////// */

.run-time__announce {
	margin: 30px auto 30px auto;
}

.run-time__announce p {
	text-align: left;
	line-height: 1.7rem;
	border: 1px solid #73c336;
	padding: 5px;
}

.jump-to-site {
	margin-top: 20px;
	text-align: right;
}

.jump-to-site a {
	position: relative;
	display: inline-block;
	padding: 10px 16px 10px 10px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}

.jump-to-site a::before,
.jump-to-site a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.jump-to-site a::before {
	width: 12px;
	height: 2px;
	top: 2px;
	background: #2b2b2b;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.jump-to-site a::after {
	right: 1px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #2b2b2b;
	;
	border-right: 2px solid #2b2b2b;
	;
}

.jump-to-site a:hover {
	opacity: .5;
}

@media (min-width: 768px) {
	.nav_br_display {
		display: block;
	}

	.pc_title {
		display: block;
	}

	.sp_title {
		display: none;
	}

	/* .run-time__header__nav ul {
		flex-direction: row;
		gap: 15px;
		display: flex;
	}

	.run-time__current {
		padding: 15px 5px;
	} */

	.run-time__announce p {
		text-align: center;
	}
}

@media (min-width: 952px) {
	.nav_br_display {
		display: none;
	}
}


/* ===============
table
=============== */

.table-wrapper{
	width: 100%;
}

.table-wrapper h2{
	margin-bottom: 10px;
	font-size: 18px;
}

table.sokuhou_timebox {
	width: 100%;
	text-align: center;
	line-height: 2em;
	border: 1px solid #CCC;
	margin: auto;
	table-layout: fixed;
}

table.sokuhou_timebox td,
table.sokuhou_timebox th {
	border: 1px solid #CCC;
	text-align: center;
	line-height: 1.7rem;
	padding: 5px;
}

.list_color_blue {
	background-color: #dfe9f6;
	font-weight: bold;
}

.list_color_blue td:nth-of-type(1) {
    width: 12vw;
}

@media (min-width: 768px) {
	.table-wrapper{
	    width: 75%;
    }
	.table-wrapper h2{
		font-size: 22px;
	}
	
	table.sokuhou_timebox td,
	table.sokuhou_timebox th {
		padding: 5px 10px;
	}

	.list_color_blue td:nth-of-type(1) {
    width: 4vw;
    }
}

/* ===============
fanrun_nav.shtml
=============== */

/* /////////////// fixed-link(sp) /////////////// */

#fixed-link__sp {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	/*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/

#fixed-link__sp.UpMove {
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime {
	from {
		opacity: 0;
		transform: translateY(100px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/*　下に下がる動き　*/

#fixed-link__sp.DownMove {
	animation: DownAnime 0.5s forwards;
}

@keyframes DownAnime {
	from {
		opacity: 1;
		transform: translateY(0);
	}

	to {
		opacity: 1;
		transform: translateY(100px);
	}
}

/*　アコーディオン　*/

.btn_contents {
	position: relative;
	display: block;
	padding: 25px 25px 15px;
	background-color: #468de0;
	color: #fff;
	text-align: center;
	max-width: 90%;
	margin: 0 auto 10px auto;
	border-radius: 40px;
}

.btn_contents.open {
	position: relative;
	display: block;
	background-color: #f3f3f3;
	color: #468de0;
	text-align: center;
	max-width: 90%;
	margin: 0 auto;
	border-radius: 40px 40px 0 0;
}

.btn_contents::after {
	content: "";
	width: 10px;
	height: 10px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	position: absolute;
	right: 70px;
	top: 55%;
	transform: translateY(-50%) rotate(-45deg);
}

.btn_contents.open::after {
	content: "";
	width: 10px;
	height: 10px;
	border-top: solid 2px #468de0;
	border-right: solid 2px #468de0;
	position: absolute;
	right: 70px;
	top: 45%;
	transform: translateY(-50%) rotate(135deg);
}

.accordion__contents {
	padding: 10px;
	max-width: 90%;
	height: 50dvh;
	margin: 0 auto 10px auto;
	background-color: #f3f3f3;
	border-radius: 0 0 40px 40px;
	overflow-y: scroll;
}

.accordion__contents .link__title{
	margin: 10px 0 15px;
}

.accordion__contents ul{
	border-bottom: 1px dashed #468de0;
}

.accordion__contents ul li a {
	display: block;
	padding: 15px;
}


/* /////////////// サイドfixed-link(pc) /////////////// */

#run-time__table {
	position: relative;
	/* flex-wrap: wrap; */
	align-items: stretch;
}

#fixed-link {
	display: none;
	height: auto;
}

#fixed-link div {
	margin-bottom: 24px;
	flex-shrink: 0;
}

.link__title {
	font-size: 18px;
	font-weight: 600;
	/* display: flex;
	align-items: center;
	gap: 4px; */
}

/* .link__title .icon {
	display: block;
	width: 20px;
	height: 20px;
	-webkit-mask-size: contain;
	mask-size: contain;
	background: #333;
	background-repeat: no-repeat;
	background-position: center;
}

.link__title .icon.rank {
	-webkit-mask-image: url(../img/icon__rank.svg);
	mask-image: url(../img/icon__rank.svg);
}

.link__title .icon.history {
	-webkit-mask-image: url(../img/icon__history.svg);
	mask-image: url(../img/icon__history.svg);
} */

/* #fixed-link ul {
	line-height: 1.7rem;
	margin: 20px auto;
}

#fixed-link ul li a {
	display: flex;
	padding: 15px 5px;
	align-items: center;
	gap: 4px;
}

#fixed-link ul li a:hover {
	color: #72c335;
}

#fixed-link ul li {
	line-height: 1.7rem;
	letter-spacing: 1.5px;
	border-top: 1px dashed #bbb;
}

#fixed-link ul li:last-child {
	border-bottom: 1px dashed #bbb;
} */

#fixed-link #page-link {
	margin: 10px 0;
}

#fixed-link .link__item {
	padding: 12px 2px;
	letter-spacing: 1.5px;
	width: 100%;
	text-align: center;
	display: block;
	margin-bottom: 5px;
}

#fixed-link .link__item li {
	font-weight: bold;
}

#fixed-link .link__item.fam {
	background-color: #ffffe7;
	border: 2px solid #ffffe7;
}

#fixed-link .link__item.men {
	background-color: #f2f4ff;
	border: 2px solid #f2f4ff;
}

#fixed-link .link__item.women {
	background-color: #fbeef4;
	border: 2px solid #fbeef4;
}

#fixed-link .link__item.fam:hover,#fixed-link .link__item.fam.current {
	background-color: #ffffae;
	border: 2px solid #ffffae;
}

#fixed-link .link__item.men:hover,#fixed-link .link__item.men.current {
	background-color: #c7d0ff;
	border: 2px solid #c7d0ff;
}

#fixed-link .link__item.women:hover,#fixed-link .link__item.women.current {
	background-color: #ffc3df;
	border: 2px solid #ffc3df;
}

@media (min-width: 768px) {
	#fixed-link__sp {
		display: none;
	}

	.backnumber {
		display: none;
	}

	#run-time__table {
		display: flex;
	}

	#fixed-link {
		display: flex;
		flex-direction: column;
		width: 25%;
		padding-right: 30px;
	}

	#fixed-link>div:not(.sticky-wrapper) {
		flex-shrink: 0;
	}
}


/* /////////////// TOPへ戻る /////////////// */

.back-to-top {
	border: 1px solid #939393;
	padding: 20px;
	/* border-radius: 40px; */
	display: block;
	text-align: center;
	background-color: #ffec7b;
}

.back-to-top:hover {
	opacity: .5;
}

.accordion__contents .back-to-top {
	margin: 25px auto 10px auto;
	border: none;
	width: 50%;
	border-radius: 40px;
}

@media (min-width: 768px) {
	#fixed-link .sticky-wrapper {
		flex-grow: 1;
		position: relative;
		margin-top: 40px;
	}

	#fixed-link .back-to-top {
		position: -webkit-sticky;
		position: sticky;
		top: 90vh;
		display: block;
	}
}


@media (min-width: 1281px) {
    .column.main.run-time__wrap {
        flex-direction: column;
		justify-content: flex-start!important;
    }
}