@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;
}

.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 {
	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;
}
table.sokuhou_timebox {
	width: 100%;
	text-align:center;
	line-height:2em;
	border:1px solid #CCC;
	margin:auto;
	}
	
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;
	}



	#run-time__table{
		position: relative;
		display: block;
		flex-wrap: wrap;
	}
	

	#fixed-link {
		display: none;
	}

    #fixed-link div {
		margin-bottom: 56px;
	}
	.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__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);
  }
}
	.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;
	}

	.btn_contents {
		position: relative;
		display: block;
		padding: 25px;
		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%;
		margin: 0 auto 10px auto;
		background-color: #f3f3f3;
		border-radius: 0 0 40px 40px;
	}

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

	.accordion__contents ul li a {
		display: block;
		padding: 15px;
	}
	.accordion__contents .back-to-top {
		margin: 35px auto 10px auto;
		border: none;
		width: 50%;
		border-radius: 40px;
	}
/* 青鍵 */
.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;
}

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

	.pc_title {
		display: block;
	}

	.sp_title {
		display: none;
	}

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

	}
	#fixed-link__sp {
		display: none;
	}
	.run-time__header__nav ul {
		flex-direction: row;
		gap: 15px;
		display: flex;
	}
	.run-time__current {
		padding: 15px 5px;
	}
	.backnumber {
		display: none;
	}
	table.sokuhou_timebox td,
	table.sokuhou_timebox th {
		padding:  5px 10px;
	}

	#run-time__table{
		display: flex;
		flex-wrap: wrap;
	}	
	

	#fixed-link{
		display: block;
		position: -webkit-sticky;
		position: sticky;
		top: 30vh;
		width: 25%;
		height: 100vh;
		padding-right: 30px;
	}


	table.sokuhou_timebox {
		width: 75%;

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