.records-related-item .related-item-txt h3,
.records-sec-header h2{
	font-family: "UD新ゴNT M", sans-serif;
}
.related-item-year{
	font-family: "UD新ゴNT L", sans-serif;
}
.records-table td strong{
	color: #DC0017;
	font-weight: 500;
}
.records-table tr.mode-win{
	background: rgba(221,0,23,0.1);
}


@media screen and (min-width: 768px) {

	.icon-frag{
		display: block;
		width: 20px;
		height: 20px;
		background: url(../img/icon_frag.svg) 0 0 no-repeat;
		background-size: 100% 100%;		
	}
	.sec-top{
		margin: auto;
		padding: 0 20px;
		max-width: 1300px;
	}
	.sec-top .sec-header{
		padding: 80px 0;
		margin: 0;
	}
	.sec-page-nav{
		padding: 18px 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	.sec-page-nav ul{
		display: flex;
		justify-content: center;
	}
	.sec-page-nav ul li + li{
		margin-left: 40px;
	}
	.sec-page-nav ul li a{
		position: relative;
		padding: 0 25px 0 0;
		font-size: 18px;
		font-weight: 600;
		transition: opacity 600ms ease;
	}
	.sec-page-nav ul li a:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 14px;
		height: 8px;
		background: url(../../shared/img/arrow_gr_d.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.sec-page-nav ul li a:hover{
		opacity: 0.7;
	}



/* records-sec
====================================================================*/

	.records-sec{
		padding: 65px 0;
	}
	.records-sec:nth-child(even){
		background: #eee;
	}

	.records-sec-header{
		text-align: center;
	}
	.records-sec-header h2{
		font-size: 46px;
	}
	.records-table{
		max-width: 1300px;
		margin: 50px auto 0;
		overflow: auto;
	}
	.records-table table{
		width: 100%;
		border-spacing:0;
	}
	.records-table-inner{
		width: 100%;
		min-width: 1240px;
		padding: 0 20px;		
	}

	.records-table th{
		font-weight: 600;
		font-size: 12px;
	}
	.records-table td{
		position: relative;
		font-size: 14px;
	}
	.records-table td + td:before{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		width: 1px;
		height: 10px;
		background: #ccc;
	}
	.records-table td:nth-child(8):before,
	.records-table td:nth-child(9):before{
		display: none;
	}
	.records-table th,
	.records-table td{
		padding: 8px 15px;
		border-bottom: 1px solid #ccc;
		text-align: center;
	}
	.records-table th:nth-child(8),
	.records-table td:nth-child(8){
		padding: 8px 0;
	}
	.records-table th:nth-child(5),
	.records-table td:nth-child(5),
	.records-table th:nth-child(6),
	.records-table td:nth-child(6),
	.records-table th:nth-child(11),
	.records-table td:nth-child(11),
	.records-table th:nth-child(13),
	.records-table td:nth-child(13),
	.records-table th:nth-child(12),
	.records-table td:nth-child(12){
		text-align: left;
	}
	.records-table .c-wh{
		display: inline-block;
		width: 14px;
		height: 14px;
		border-radius: 7px;
		border: 1px solid #707070;
	}
	.records-table .c-bk{
		display: inline-block;
		width: 14px;
		height: 14px;
		border-radius: 7px;
		border: 1px solid #000;
		background: #000;
	}
	.records-table .note{
		margin: 15px 0 0;
		font-size: 12px;
		line-height: 1.5;
	}


/* records-related
====================================================================*/

	.records-related{
		padding: 0 20px;
		max-width: 1300px;
		margin: 40px auto 0;
	}

	.records-related-item a{
		position: relative;
		display: block;
		overflow: hidden;
	}
	.related-item-year{
		position: absolute;
		top: -25px;
		font-size: 180px;
		color: rgba(255,255,255,0.25);
		z-index: 10;
	}
	.related-item-year1{
		left: -60px;
	}
	.related-item-year2{
		right: -40px;
	}

	.records-related-item figure{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		transition: transform 1100ms ease;
		z-index: 20;
	}
	.records-related-item figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.records-related-item figure:after{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.35);
	}
	.records-related-item .related-item-txt-box{
		position: relative;
		top: 0;
		left: 0;
		padding: 0 80px;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 390px;
		color: #fff;
		z-index: 25;
	}
	.records-related-item .related-item-txt-box:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 40px;
		width: 13px;
		height: 22px;
		background: url(../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
	}
	.records-related-item .related-item-txt{
		text-align: center;
		width: 100%;
	}
	.records-related-item .related-item-txt h3{
		font-size: 29px;
		line-height: 1.5;
	}
	.records-related-item .related-item-txt p{
		display: block;
		margin: 20px 0 0;
		font-weight: 600;
	}
	.records-related-item .related-item-txt p span{
		position: relative;
	}
	.records-related-item .related-item-txt p span + span{
		padding: 0 0 0 10px;
		margin: 0 0 0 10px;
	}
	.records-related-item .related-item-txt p span + span:before{
		content: "";
		position: absolute;
		margin: auto;
		left: 0;
		top: 0;
		bottom: 0;
		display: block;
		width: 1px;
		height: 16px;
		background: rgba(255,255,255,0.3);
	}
	.records-related-item a:hover figure{
		transform: scale(1.1);
	}	

	.records-related-col__flex{
		display: flex;
		margin: 0 -17px;
	}
	.records-related-col__flex .records-related-item{
		padding: 0 17px;
		width: 50%;
	}
	.records-related-col + .records-related-col{
		margin-top: 34px;
	}

	.records-related-col{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -17px;
	}
	.records-related-item1{
		width: 100%;
		padding: 0 17px;
	}
	.records-related-item2{
		width: 50%;
		padding: 0 17px;
	}
	.records-related-col-odd .records-related-item:nth-child(n+2){
		margin-top: 34px;
	}
	.records-related-col-even .records-related-item:nth-child(n+2){
		margin-top: 34px;
	}

}



@media screen and (max-width: 767px) {

	.icon-frag{
		display: block;
		width: 16px;
		height: 16px;
		background: url(../img/icon_frag.svg) 0 0 no-repeat;
		background-size: 100% 100%;		
	}
	.sec-top{
		margin: auto;
		padding: 0 16px;
	}
	.sec-top .sec-header{
		padding: 40px 0;
		margin: 0;
	}
	.sec-page-nav{
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	.sec-page-nav ul{
		display: flex;
		flex-wrap: wrap;
	}
	.sec-page-nav ul li{
		width: 33.3333%;
	}
	.sec-page-nav ul li:nth-child(n+4){
		border-top: 1px solid #000;
	}
	.sec-page-nav ul li a{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 50px;
		font-size: 14px;
		font-weight: 600;
		text-align: center;
		transition: opacity 600ms ease;
	}
	.sec-page-nav ul li a span{
		position: relative;
		display: inline-block;
		padding: 0 22px 0 0;
	}
	.sec-page-nav ul li a span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 14px;
		height: 8px;
		background: url(../../shared/img/arrow_gr_d.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}



/* records-sec
====================================================================*/

	.records-sec{
		padding: 32px 0;
	}
	.records-sec:nth-child(even){
		background: #eee;
	}

	.records-sec-header{
		text-align: center;
	}
	.records-sec-header h2{
		font-size: 22px;
	}
	.records-table{
		margin: 25px auto 0;
		overflow: auto;
	}
	.records-table table{
		width: 100%;
		border-spacing:0;
	}
	.records-table-inner{
		width: 100%;
		min-width: 1240px;
		padding: 0 16px;		
	}

	.records-table th{
		font-weight: 600;
		font-size: 11px;
	}
	.records-table td{
		position: relative;
		font-size: 13px;
	}
	.records-table td + td:before{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		width: 1px;
		height: 10px;
		background: #ccc;
	}
	.records-table td:nth-child(8):before,
	.records-table td:nth-child(9):before{
		display: none;
	}
	.records-table th,
	.records-table td{
		padding: 8px 15px;
		border-bottom: 1px solid #ccc;
		text-align: center;
	}
	.records-table th:nth-child(8),
	.records-table td:nth-child(8){
		padding: 8px 0;
	}
	.records-table th:nth-child(5),
	.records-table td:nth-child(5),
	.records-table th:nth-child(6),
	.records-table td:nth-child(6),
	.records-table th:nth-child(11),
	.records-table td:nth-child(11),
	.records-table th:nth-child(13),
	.records-table td:nth-child(13),
	.records-table th:nth-child(12),
	.records-table td:nth-child(12){
		text-align: left;
	}
	.records-table .c-wh{
		display: inline-block;
		width: 13px;
		height: 13px;
		border-radius: 7px;
		border: 1px solid #707070;
	}
	.records-table .c-bk{
		display: inline-block;
		width: 13px;
		height: 13px;
		border-radius: 7px;
		border: 1px solid #000;
		background: #000;
	}
	.records-table .note{
		margin: 15px 0 0;
		font-size: 12px;
		line-height: 1.5;
	}


/* records-related
====================================================================*/

	.records-related{
		padding: 0 16px;
		margin: 30px auto 0;
	}

	.records-related-item a{
		position: relative;
		display: block;
		overflow: hidden;
		height: 100%;
	}
	.related-item-year{
		position: absolute;
		top: -5px;
		font-size: 48px;
		color: rgba(255,255,255,0.25);
		z-index: 10;
	}
	.related-item-year1{
		left: -15px;
	}
	.related-item-year2{
		right: -5px;
	}

	.records-related-item figure{
		position: relative;
		width: 100%;
		height: 100%;
	}
	.records-related-item figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.records-related-item figure:after{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.35);
	}
	.records-related-item .related-item-txt-box{
		position: absolute;
		top: 0;
		left: 0;
		padding: 0 40px;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
	}
	.records-related-item .related-item-txt-box:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 10px;
		width: 8px;
		height: 14px;
		background: url(../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
	}
	.records-related-item .related-item-txt{
		text-align: center;
		width: 100%;
	}
	.records-related-item .related-item-txt h3{
		font-size: 16px;
		line-height: 1.5;
	}
	.records-related-item .related-item-txt p{
		display: block;
		margin: 10px 0 0;
		font-weight: 600;
		font-size: 10px;
	}
	.records-related-item .related-item-txt p span{
		position: relative;
	}
	.records-related-item .related-item-txt p span + span{
		padding: 0 0 0 8px;
		margin: 0 0 0 8px;
	}
	.records-related-item .related-item-txt p span + span:before{
		content: "";
		position: absolute;
		margin: auto;
		left: 0;
		top: 0;
		bottom: 0;
		display: block;
		width: 1px;
		height: 12px;
		background: rgba(255,255,255,0.3);
	}
	.records-related-col__flex{
		display: flex;
		margin: 0 -5px;
	}
	.records-related-col__flex .records-related-item{
		padding: 0 5px;
		width: 50%;
	}
	.records-related-col + .records-related-col{
		margin-top: 10px;
	}
	
	.records-related-col-race .records-related-item + .records-related-item{
		margin-top: 10px;
	}



}



@media screen and (max-width: 736px) and (max-width: 360px){



}