.records-sec-subheader h3,
.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);
}
#records .records-catch-60th,
#records .records-catch{
	font-family: "ナウ-GB",sans-serif;
}
.records-count li .counter{
	font-family: "UD新ゴNT M", sans-serif;
}


#records:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 10;
	opacity: 0;
	transition: opacity 600ms ease;
}
#records.records-redbull:after{
	background: rgba(0,22,43,0.7);
}
#records.on:after{
	opacity: 1;
}

.records-driver-total{
	background: #FCE7E9;
}
.records-driver-current{
	background: rgba(38,66,129,0.1);
}

.records-driver-total strong,
.total-num{
	font-weight: 600;
	color: #DC0017;
}
.records-driver-table .icon img{
filter: brightness(0) saturate(100%) invert(16%) sepia(7%) saturate(741%) hue-rotate(193deg) brightness(92%) contrast(82%);}

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

	.records-table-list-attention{
		position: relative;
		max-width: 1300px;
		padding: 0 20px;
		margin: 30px auto 0;
		z-index: 20;
	}
	.records-table-list-attention ul{
		font-size: 13px;
	}
	.records-table-list-attention ul li{
		line-height: 1.5;
	}
	.records-table-list-attention ul li + li{
		margin-top: 10px;
	}



/* records  driver
====================================================================*/

	.records-driver + .sec-page-nav-wrap{
		margin-top: 40px;
	}

	.records-driver-table{
		max-width: 1300px;
		margin: 0 auto;
		overflow: auto;
	}
	.records-driver-table table{
		width: 100%;
		border-spacing:0;
	}
	.records-driver-table-inner{
		width: 100%;
		min-width: 1300px;
		padding: 0 20px;		
	}

	.records-driver-table th{
		position: relative;
		padding: 40px 15px 8px;
		border-bottom: 1px solid #ccc;
		text-align: center;
		line-height: 1.2;
		min-height: 2.4em;
		font-weight: 600;
		font-size: 12px;
		text-align: center;
	}
	.records-driver-table td{
		position: relative;
		font-size: 13px;
	}
	.records-driver-total-note td:before,
	.records-driver-table td + td:before{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		width: 1px;
		height: 10px;
		background: #ccc;
	}
	.records-driver-table td{
		position: relative;
		padding: 8px 10px;
		border-bottom: 1px solid #ccc;
		text-align: center;
		line-height: 1.5;
	}
	.records-driver-table th:nth-child(1),
	.records-driver-table td:nth-child(1){
		text-align: left;
		width: 150px;
	}
	.records-driver-total-note{
		font-size: 12px;
	}
	.records-driver-table .icon{
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		top:0;
	}
	.icon_rw img{
		width: 21px;
	}
	.icon_grandprix img{
		width: 23px;
	}
	.icon_tp img{
		width: 29px;
	}
	.icon_bestfinish img{
		width: 40px;
	}
	.icon_pp img{
		width: 25px;
	}
	.icon_bestgrid img{
		width: 25px;
	}
	.icon_points img{
		width: 26px;
	}
	.icon_retire img{
		width: 29px;
	}
	.icon_lr img{
		width: 22px;
	}
	.icon_ll img{
		width: 22px;
	}
	.icon_fastest img{
		width: 23px;
	}
	.icon_wc img{
		width: 28px;
	}
	.icon_bestranking img{
		width: 28px;
	}

/* records
====================================================================*/

	#records{
		position: relative;
		padding: 400px 0 100px;
	}
	#records.records-cs{
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 200px 0;
		height: 100vh;
	}
	#records .sec-header-60th,
	#records .sec-f1-header,
	#records .sec-header{
		position: relative;
		text-align: center;
		color: #fff;
		z-index: 50;
	}
	#records .sec-f1-header strong,
	#records .sec-header strong{
		color: #DC0017;
	}
	#records .sec-lead-60th{
		position: relative;
		color: #fff;
		z-index: 50;
	}
	#records .records-catch{
		position: absolute;
		left: 50%;
		width: 200vw;
		text-align: center;
		transform: translateX(-50%);
		top: -25px;
		font-size: 232px;
		color: #fff;
		opacity: 0.2;
		z-index: 40;
	}
	#records .records-catch-60th{
		position: absolute;
		width: 100%;
		top: -25px;
		left: 0;
		text-align: left;
		font-size: min(200px,11.4vw);
		color: #fff;
		opacity: 0.2;
		z-index: 40;
	}
	#records .records-catch-rb{
		position: absolute;
		width: 100%;
		top: -25px;
		left: 0;
		text-align: left;
		font-size: min(180px,9vw);
		color: #fff;
		opacity: 0.2;
		z-index: 40;
	}

	#records.records-cs .records-catch-60th{
		top: inherit;
		bottom: -25px;
		left: 0;
	}
	.records-list-wrap{
		margin: 80px auto 0;
		padding: 0 20px;
		max-width: 940px;
	}
	.records-list{
		position: relative;
		margin: 0 -12px;
		display: flex;
		flex-wrap: wrap;
		z-index: 30;
		color: #fff;
	}
	.records-list-item{
		padding: 0 12px;
		width: 33.3333%;
	}
	.records-list-item-v2{
		width: 50%;
	}
	.records-list-item{
		margin-bottom: 30px;
	}


	.records-profile h3{
		font-weight: 600;
		font-size: 28px;
	}
	.records-profile dl{
		display: flex;
		padding: 20px 0;
		font-size: 14px;
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	.records-profile dl dt{
		width: 100px;
		font-weight: 600;
	}
	.records-profile dl dd{
		width: calc(100% - 100px);
		line-height: 1.3;
	}

	.records-profile .profile-box-jp dl dt{
		width: 80px;
	}
	.records-profile .profile-box-jp dl dd{
		width: calc(100% - 80px);
	}

	.profile-box{
		margin: 20px 0 0;
	}

	.records-list-item-box{
		position: relative;
		padding: 0 0 40px;
		height: 100%;
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: rgba(255,255,255,0.3);
		background: rgba(0,0,0,0.4);
	}
	.records-list-item-box h4{
		position: absolute;
		top:0;
		left: -1px;
		width: calc(100% + 2px);
		text-align: center;
		transform: translateY(-50%);
		overflow: hidden;
	}
	.records-list-item-box h4 em{
		font-size: 12px;
	}
	.records-list-item-box h4 span{
		padding: 0 12px;
		position: relative;
		font-weight: 600;
		font-size: 14px;
	}
	.records-list-item-box h4 span:before,
	.records-list-item-box h4 span:after{
		content: "";
		display: block;
		margin-top: -1px;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		width: 100vw;
		height: 1px;
		background: rgba(255,255,255,0.3);
	}
	.records-list-item-box h4 span:before{
		left: 100%;
	}
	.records-list-item-box h4 span:after{
		right: 100%;
	}

	.records-list-item-box .icon{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 180px;
	}
	.records-count{
		display: flex;
		justify-content: center;
	}
	.records-count li{
		position: relative;
		width: 100%;
		text-align: center;
	}
	.records-count li + li:before{
		content: "";
		position: absolute;
		left: 0;
		display: block;
		width: 1px;
		height: 80px;
		background: rgba(255,255,255,0.3);
	}
	.records-count li span{
		display: block;
		text-align: center;
		font-size: 14px;
		font-weight: 600;
		min-height: 1em;
	}
	.records-count li .counter{
		margin: 20px 0 0;
		text-align: center;
		font-size: min(60px,4.21vw);
		font-weight: 600;
	}
	.records-count li .position{
		margin: 20px 0 0;
		text-align: center;
		font-size: min(60px,4.21vw);
		font-weight: 600;
	}
	.records-count li .position span{
		margin: 20px 0 0;
		display: inline-block;
		text-align: center;
		font-size: min(42px,4.21vw);
		font-weight: 600;
	}
	.records-count li .position--s{
		font-size: min(40px,4.21vw);
	}
	.records-count li .position--s span{
		font-size: min(30px,4.21vw);
	}

	.records-count li.records-count__honda{
		color: #DC0017;
	}
	.records-racewin .icon img{
		width: 76px;
	}
	.records-grandprix .icon img{
		width: 75px;
	}
	.records-podium .icon img{
		width: 80px;
	}
	.records-bestfinish .icon img{
		width: 110px;
	}
	.records-poleposition .icon img{
		width: 68px;
	}
	.records-bestgrid .icon img{
		width: 68px;
	}
	.records-points .icon img{
		width: 72px;
	}
	.records-retirements .icon img{
		width: 80px;
	}
	.records-fastestlaps .icon img{
		width: 62px;
	}
	.records-lapraced .icon img{
		width: 68px;
	}
	.records-lapsled .icon img{
		width: 68px;
	}
	.records-wc .icon img{
		width: 92px;
	}
	.records-bestranking .icon img{
		width: 92px;
	}


	.records-list-attention{
		position: relative;
		margin: 5px 0 0;
		z-index: 20;
	}
	.records-list-attention ul{
		color: #fff;
		font-size: 13px;
	}
	.records-list-attention ul li{
		margin: 0 10px 0 0;
		line-height: 1.5;
	}
	.records-list-attention ul li + li{
		margin-top: 10px;
	}
	.records-list-attention p{
		margin: 10px 0 0;
		color: #fff;
		font-size: 14px;
		line-height: 1.5;
	}
	.records-list-attention p a{
		color: #fff;
		text-decoration: underline;
	}
	.records-list-attention p a:hover{
		text-decoration: none;
	}


/* records contents
====================================================================*/

	.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-page-nav-wrap{
		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 button{
		position: relative;
		padding: 0 25px 0 0;
		font-size: 18px;
		font-weight: 600;
		transition: opacity 600ms ease;
	}
	.sec-page-nav ul li button:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 14px;
		height: 8px;
		background: url(../../img/arrow_gr_d.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.sec-page-nav ul li button:hover{
		opacity: 0.7;
	}



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

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

	.records-sec-header{
		text-align: center;
	}
	.records-sec-header h2{
		font-size: 46px;
	}
	.records-sec-subheader h3{
		font-size: 32px;
		text-align: center;
	}
	.records-redbull-sprint{
		margin-top: 80px;
	}
	.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: 1300px;
		padding: 0 20px;		
	}

	.records-table th{
		font-weight: 600;
		font-size: 12px;
	}
	.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 10px;
		border-top: 1px solid #ccc;
		text-align: center;
		line-height: 1.5;
	}
	.records-table tr:first-child th,
	.records-table tr:first-child td{
		border-top: none;
	}
	.records-table tr:last-child th,
	.records-table tr:last-child td{
		border-bottom: 1px solid #ccc;
	}
	.records-table tr.mode-sparate th,
	.records-table tr.mode-sparate td{
		border-top: 1px solid #35363B;
	}


	.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 th:last-child,
	.records-table td:last-child{
		width: 120px;
	}
	.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-table-redbull*/

	.records-table.records-table-redbull th:nth-child(1),
	.records-table.records-table-redbull td:nth-child(1){
		width: 40px;
	}
	.records-table.records-table-redbull th:nth-child(2),
	.records-table.records-table-redbull td:nth-child(2){
		width: 50px;
	}

	.records-table.records-table-redbull th:nth-child(4),
	.records-table.records-table-redbull td:nth-child(4),
	.records-table.records-table-redbull th:nth-child(5),
	.records-table.records-table-redbull td:nth-child(5){
		width: 120px;
	}
	.records-table.records-table-redbull th:nth-child(6),
	.records-table.records-table-redbull td:nth-child(6){
		width: 160px;
	}
	.records-table.records-table-redbull th:nth-child(11),
	.records-table.records-table-redbull td:nth-child(11){
		text-align: center;
		width: 80px;
	}
	.records-table.records-table-redbull th:nth-child(12),
	.records-table.records-table-redbull td:nth-child(12){
		text-align: center;
		width: 80px;
	}
	.records-table.records-table-redbull th.records-sprint,
	.records-table.records-table-redbull td.records-sprint{
		width: 40px;
	}
	.records-table.records-table-redbull th.records-sprint span,
	.records-table.records-table-redbull td.records-sprint span{
		text-decoration: underline;
		cursor: pointer;
	}
	.records-table.records-table-redbull th.records-sprint span:hover,
	.records-table.records-table-redbull td.records-sprint span:hover{
		text-decoration: none;
	}

	/*records-table-redbull-sprint*/
	.records-table.records-table-redbull-sprint th:nth-child(1),
	.records-table.records-table-redbull-sprint td:nth-child(1){
		width: 40px;
	}
	.records-table.records-table-redbull-sprint th:nth-child(2),
	.records-table.records-table-redbull-sprint td:nth-child(2){
		width: 60px;
	}
	.records-table.records-table-redbull-sprint th:nth-child(4),
	.records-table.records-table-redbull-sprint td:nth-child(4),
	.records-table.records-table-redbull-sprint th:nth-child(5),
	.records-table.records-table-redbull-sprint td:nth-child(5){
		width: 120px;
	}
	.records-table.records-table-redbull-sprint th:nth-child(6),
	.records-table.records-table-redbull-sprint td:nth-child(6){
		width: 160px;
	}
	.records-table.records-table-redbull-sprint th:nth-child(8),
	.records-table.records-table-redbull-sprint td:nth-child(8),
	.records-table.records-table-redbull-sprint th:nth-child(9),
	.records-table.records-table-redbull-sprint td:nth-child(9),
	.records-table.records-table-redbull-sprint th:nth-child(10),
	.records-table.records-table-redbull-sprint td:nth-child(10){
		width: 90px;
	}


	/*records-table-redbull-sprint--v2*/
	.records-table.records-table-redbull-sprint--v2 th:nth-child(1),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(1){
		width: 40px;
	}
	.records-table.records-table-redbull-sprint--v2 th:nth-child(2),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(2){
		width: 60px;
	}
	.records-table.records-table-redbull-sprint--v2 th:nth-child(4),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(4),
	.records-table.records-table-redbull-sprint--v2 th:nth-child(5),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(5){
		width: 110px;
	}
	.records-table.records-table-redbull-sprint--v2 th:nth-child(6),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(6){
		width: 160px;
	}
	.records-table.records-table-redbull-sprint--v2 th:nth-child(8),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(8),
	.records-table.records-table-redbull-sprint--v2 th:nth-child(9),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(9){
		width: 100px;
	}
	.records-table.records-table-redbull-sprint--v2 th:nth-child(10),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(10){
		width: 60px;
	}
	.records-table.records-table-redbull-sprint--v2 th:nth-child(11),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(11){
		text-align: center;
		width: 90px;
	}
	.records-table.records-table-redbull-sprint--v2 th:nth-child(12),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(12){
		text-align: center;
	}



/* 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(../../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{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -17px;
	}
	.records-related-col__flex{
		display: flex;
		margin: 0 -17px;
	}
	.records-related-col__flex .records-related-item{
		padding: 0 17px;
		width: 50%;
	}
	.records-related-col__full{
		display: block;
		margin: 0;
	}
	.records-related-col-flexwrap{
		display: flex;
		margin: 0 -17px;
	}
	.records-related-col-flexwrap > div{
		width: 50%;
		padding: 0 17px;
	}
	.records-related-col-flexwrap .records-related-col + .records-related-col{
		margin-top: 0;
	}
	.records-related-col + .records-related-col{
		margin-top: 34px;
	}
	.records-related-item1{
		width: 100%;
		padding: 0 17px;
	}
	.records-related-item2{
		width: 50%;
		padding: 0 17px;
	}

}



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


	.records-table-list-attention{
		position: relative;
		max-width: 1300px;
		padding: 0 20px;
		margin: 30px auto 0;
		z-index: 20;
	}
	.records-table-list-attention ul{
		font-size: 13px;
	}
	.records-table-list-attention ul li{
		line-height: 1.5;
	}
	.records-table-list-attention ul li + li{
		margin-top: 10px;
	}


/* records  driver
====================================================================*/

	.records-driver + .sec-page-nav-wrap{
		margin-top: 40px;
	}

	.records-driver-table{
		max-width: 1300px;
		margin: 0 auto;
		overflow: auto;
	}
	.records-driver-table table{
		width: 100%;
		border-spacing:0;
	}
	.records-driver-table-inner{
		width: 100%;
		min-width: 1300px;
		padding: 0 16px;		
	}

	.records-driver-table th{
		position: relative;
		padding: 40px 10px 8px;
		border-bottom: 1px solid #ccc;
		text-align: center;
		line-height: 1.2;
		min-height: 2.4em;
		font-weight: 600;
		font-size: 11px;
		text-align: center;
	}
	.records-driver-table td{
		position: relative;
		font-size: 12px;
	}
	.records-driver-total-note td:before,
	.records-driver-table td + td:before{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		width: 1px;
		height: 10px;
		background: #ccc;
	}
	.records-driver-table td{
		position: relative;
		padding: 8px 10px;
		border-bottom: 1px solid #ccc;
		text-align: center;
		line-height: 1.5;
	}
	.records-driver-table th:nth-child(1),
	.records-driver-table td:nth-child(1){
		text-align: left;
		width: 150px;
	}
	.records-driver-total-note{
		font-size: 12px;
	}
	.records-driver-table .icon{
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		top:0;
	}
	.icon_rw img{
		width: 21px;
	}
	.icon_grandprix img{
		width: 23px;
	}
	.icon_tp img{
		width: 29px;
	}
	.icon_bestfinish img{
		width: 40px;
	}
	.icon_pp img{
		width: 25px;
	}
	.icon_bestgrid img{
		width: 25px;
	}
	.icon_points img{
		width: 26px;
	}
	.icon_retire img{
		width: 29px;
	}
	.icon_lr img{
		width: 22px;
	}
	.icon_ll img{
		width: 22px;
	}
	.icon_fastest img{
		width: 23px;
	}
	.icon_wc img{
		width: 28px;
	}
	.icon_bestranking img{
		width: 28px;
	}

/* records
====================================================================*/

	#records{
		position: relative;
		padding: 400px 32px 60px;
	}
	#records.records-cs{
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 200px 32px;
		height: 100vh;
	}

	#records .sec-header-60th,
	#records .sec-f1-header,
	#records .sec-header{
		position: relative;
		text-align: center;
		color: #fff;
		z-index: 20;
	}
	#records .sec-lead-60th{
		position: relative;
		color: #fff;
		z-index: 50;
	}
	#records .sec-f1-header strong,
	#records .sec-header strong{
		color: #DC0017;
	}

	#records .records-catch{
		position: absolute;
		left: 50%;
		width: 200vw;
		text-align: center;
		transform: translateX(-50%);
		top: -10px;
		font-size: 95px;
		color: #fff;
		opacity: 0.2;
		z-index: 40;
	}
	#records .records-catch-60th{
		position: absolute;
		width: 100%;
		top: -10px;
		left: 0;
		text-align: left;
		font-size: min(200px,11.4vw);
		color: #fff;
		opacity: 0.2;
		z-index: 40;
	}
	#records .records-catch-rb{
		position: absolute;
		width: 100%;
		top: -5px;
		left: 0;
		text-align: left;
		font-size: min(130px,8.78vw);
		color: #fff;
		opacity: 0.2;
		z-index: 40;
	}

	#records.records-cs .records-catch-60th{
		top: inherit;
		bottom: -10px;
		left: 0;
	}
	#records .records-catch span{
		display: block;
		width: 100%;
	}
	#records .records-catch span:nth-child(1){
		position: relative;
		left: -30px;
	}
	#records .records-catch span:nth-child(2){
		position: relative;
		top: -10px;
		right: -60px;
	}
	.records-list-wrap{
		margin: 80px auto 0;
	}
	.records-list{
		position: relative;
		z-index: 30;
		color: #fff;
	}
	.records-list-item{
		margin-bottom: 20px;
	}

	.records-profile h3{
		font-weight: 600;
		font-size: 18px;
	}
	.records-profile dl{
		display: flex;
		padding: 20px 0;
		font-size: 12px;
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	.records-profile dl dt{
		width: 75px;
		font-weight: 600;
	}
	.records-profile dl dd{
		width: calc(100% - 75px);
		line-height: 1.3;
	}

	.records-list-item-box{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 25px 0;
		height: 100%;
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: rgba(255,255,255,0.3);
		background: rgba(0,0,0,0.4);
	}
	.records-list-item-box h4{
		position: absolute;
		top:0;
		left: -1px;
		width: calc(100% + 2px);
		text-align: center;
		transform: translateY(-50%);
		overflow: hidden;
	}
	.records-list-item-box h4 em{
		font-size: 9px;
	}
	.records-list-item-box h4 span{
		padding: 0 12px;
		position: relative;
		font-weight: 600;
	}
	.records-list-item-box h4 span:before,
	.records-list-item-box h4 span:after{
		content: "";
		display: block;
		margin-top: -1px;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		width: 100vw;
		height: 1px;
		background: rgba(255,255,255,0.3);
	}
	.records-list-item-box h4 span:before{
		left: 100%;
	}
	.records-list-item-box h4 span:after{
		right: 100%;
	}
	.records-list-item-box .icon{
		display: flex;
		align-items: center;
		justify-content: center;
		/*width: calc(100% - 180px);*/
		width: 40%;
	}
	.records-count{
		display: flex;
		justify-content: center;
		/*width: 180px;*/
		width: 60%;
	}
	.records-count li{
		position: relative;
		/*width: 50%;*/
		text-align: center;
	}
	.records-count li + li:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 1px;
		height: 40px;
		background: rgba(255,255,255,0.3);
	}
	.records-count li span{
		text-align: center;
		font-size: 12px;
		font-weight: 600;
	}
	.records-count li .counter{
		margin: 5px 0 0;
		text-align: center;
		font-size: 28px;
		font-weight: 600;
	}
	.records-count li .position{
		margin: 5px 0 0;
		text-align: center;
		font-size: 28px;
		font-weight: 600;
	}
	.records-count li .position span{
		margin: 10px 0 0;
		display: inline-block;
		text-align: center;
		font-size: 18px;
		font-weight: 600;
	}
	.records-count li .position--s{
		font-size: 22px;
	}
	.records-count li .position--s span{
		font-size: 16px;
	}

	.records-count li.records-count__honda{
		color: #DC0017;
	}
	.records-racewin .icon img{
		width: calc(76px * 0.5);
	}
	.records-grandprix .icon img{
		width: calc(75px * 0.5);
	}
	.records-podium .icon img{
		width: calc(80px * 0.5);
	}
	.records-bestfinish .icon img{
		width: calc(110px * 0.5);
	}
	.records-poleposition .icon img{
		width: calc(68px * 0.5);
	}
	.records-bestgrid .icon img{
		width: calc(68px * 0.5);
	}
	.records-points .icon img{
		width: calc(72px * 0.5);
	}
	.records-retirements .icon img{
		width: calc(80px * 0.5);
	}
	.records-fastestlaps .icon img{
		width: calc(62px * 0.5);
	}
	.records-lapraced .icon img{
		width: calc(68px * 0.5);
	}
	.records-lapsled .icon img{
		width: calc(68px * 0.5);
	}
	.records-wc .icon img{
		width: calc(92px * 0.5);
	}
	.records-bestranking .icon img{
		width: calc(92px * 0.5);
	}

	.records-list-attention{
		position: relative;
		margin: 30px 0 0;
		z-index: 20;
	}
	.records-list-attention ul{
		color: #fff;
		font-size: 12px;
	}
	.records-list-attention ul li{
		margin: 0 10px 0 0;
		line-height: 1.8;
	}
	.records-list-attention ul li + li{
		margin-top: 10px;
	}
	.records-list-attention p{
		margin: 10px 0 0;
		color: #fff;
		font-size: 14px;
		line-height: 1.5;
	}

	.records-list-attention p{
		color: #fff;
		font-size: 12px;
		line-height: calc(20/12);
	}
	.records-list-attention p a{
		color: #fff;
		text-decoration: underline;
	}


/* records contents
====================================================================*/

	.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%;*/
		width: 25%;
	}
	.sec-page-nav ul li:nth-child(n+5){
		border-top: 1px solid #000;
	}
	.sec-page-nav ul li button{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 50px;
		font-size: min(14px,3.73vw);
		font-weight: 600;
		text-align: center;
		color: #35363B;
		transition: opacity 600ms ease;
	}
	.sec-page-nav ul li button span{
		position: relative;
		display: inline-block;
		padding: 0 22px 0 0;
	}
	.sec-page-nav ul li button span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 14px;
		height: 8px;
		background: url(../../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: #f9f9f9;
	}

	.records-sec-header{
		text-align: center;
	}
	.records-sec-header h2{
		font-size: 22px;
	}
	.records-sec-subheader h3{
		font-size: 18px;
		text-align: center;
	}
	.records-redbull-sprint{
		margin-top: 50px;
	}

	.records-table{
		margin: 25px auto 0;
		overflow: auto;
	}
	.records-table table{
		width: 100%;
		border-spacing:0;
	}
	.records-table-inner{
		width: 100%;
		min-width: 1100px;
		padding: 0 16px;		
	}

	.records-table th{
		font-weight: 600;
		font-size: 11px;
	}
	.records-table td{
		position: relative;
		font-size: 12px;
	}
	.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 5px;
		border-top: 1px solid #ccc;
		text-align: center;
		line-height: 1.5;
	}
	.records-table tr:first-child th,
	.records-table tr:first-child td{
		border-top: none;
	}
	.records-table tr:last-child th,
	.records-table tr:last-child td{
		border-bottom: 1px solid #ccc;
	}
	.records-table tr.mode-sparate th,
	.records-table tr.mode-sparate td{
		border-top: 1px solid #35363B;
	}
	.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 th:last-child,
	.records-table td:last-child{
		width: 120px;
	}
	.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-table-redbull*/
	.records-table.records-table-redbull th:nth-child(1),
	.records-table.records-table-redbull td:nth-child(1){
		width: 30px;
	}
	.records-table.records-table-redbull th:nth-child(2),
	.records-table.records-table-redbull td:nth-child(2){
		width: 50px;
	}

	.records-table.records-table-redbull th:nth-child(4),
	.records-table.records-table-redbull td:nth-child(4),
	.records-table.records-table-redbull th:nth-child(5),
	.records-table.records-table-redbull td:nth-child(5){
		width: 80px;
	}
	.records-table.records-table-redbull th:nth-child(6),
	.records-table.records-table-redbull td:nth-child(6){
		width: 120px;
	}
	.records-table.records-table-redbull th:nth-child(11),
	.records-table.records-table-redbull td:nth-child(11){
		text-align: center;
		width: 80px;
	}
	.records-table.records-table-redbull th:nth-child(12),
	.records-table.records-table-redbull td:nth-child(12){
		text-align: center;
		width: 80px;
	}

	.records-table.records-table-redbull th.records-sprint,
	.records-table.records-table-redbull td.records-sprint{
		width: 40px;
	}
	.records-table.records-table-redbull th.records-sprint span,
	.records-table.records-table-redbull td.records-sprint span{
		text-decoration: underline;
		cursor: pointer;
	}
	.records-table.records-table-redbull th.records-sprint span:hover,
	.records-table.records-table-redbull td.records-sprint span:hover{
		text-decoration: none;
	}

	/*records-table-redbull-sprint*/
	.records-table.records-table-redbull-sprint th:nth-child(1),
	.records-table.records-table-redbull-sprint td:nth-child(1){
		width: 30px;
	}
	.records-table.records-table-redbull-sprint th:nth-child(2),
	.records-table.records-table-redbull-sprint td:nth-child(2){
		width: 50px;
	}
	.records-table.records-table-redbull-sprint th:nth-child(4),
	.records-table.records-table-redbull-sprint td:nth-child(4),
	.records-table.records-table-redbull-sprint th:nth-child(5),
	.records-table.records-table-redbull-sprint td:nth-child(5){
		width: 80px;
	}
	.records-table.records-table-redbull-sprint th:nth-child(6),
	.records-table.records-table-redbull-sprint td:nth-child(6){
		width: 120px;
	}
	.records-table.records-table-redbull-sprint th:nth-child(8),
	.records-table.records-table-redbull-sprint td:nth-child(8),
	.records-table.records-table-redbull-sprint th:nth-child(9),
	.records-table.records-table-redbull-sprint td:nth-child(9),
	.records-table.records-table-redbull-sprint th:nth-child(10),
	.records-table.records-table-redbull-sprint td:nth-child(10){
		width: 70px;
	}


	/*records-table-redbull-sprint--v2*/
	.records-table.records-table-redbull-sprint--v2 th:nth-child(1),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(1){
		width: 30px;
	}
	.records-table.records-table-redbull-sprint--v2 th:nth-child(2),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(2){
		width: 50px;
	}
	.records-table.records-table-redbull-sprint--v2 th:nth-child(4),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(4),
	.records-table.records-table-redbull-sprint--v2 th:nth-child(5),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(5){
		width: 80px;
	}
	.records-table.records-table-redbull-sprint--v2 th:nth-child(6),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(6){
		width: 120px;
	}
	.records-table.records-table-redbull-sprint--v2 th:nth-child(8),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(8),
	.records-table.records-table-redbull-sprint--v2 th:nth-child(9),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(9){
		width: 90px;
	}
	.records-table.records-table-redbull-sprint--v2 th:nth-child(10),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(10){
		width: 50px;
	}
	.records-table.records-table-redbull-sprint--v2 th:nth-child(11),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(11){
		text-align: center;
		width: 80px;
	}
	.records-table.records-table-redbull-sprint--v2 th:nth-child(12),
	.records-table.records-table-redbull-sprint--v2 td:nth-child(12){
		text-align: center;
	}


/* 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(../../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{
	}
	.records-related-col__flex{
	}
	.records-related-col__flex .records-related-item{
		margin-bottom: 10px;
	}
	.records-related-col__full{
		display: block;
		margin: 0;
	}
	.records-related-col + .records-related-col{
		margin-top: 10px;
	}




}



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



}