@charset "UTF-8";


.events__list-item h3,
.bnr-videos h2,
.sec-header .sec-header__date,
.bnr-videos .videos-bnr-header p{
	font-family: "UD新ゴNT M", sans-serif;
}
.motor-kv .motor-kv_logo a{
	font-family: "UD新ゴNT DB", sans-serif;
}

.other-contents__list{
	position: relative;
}
.events__list-item h3 br{
	display: none;
}
.event-detail__lead .event-detail__lead-txt p + p{
	margin-top: 1em;
}

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

	#event .sec-header{
		margin: 0 0 80px;
	}
	.sec-header .sec-header__date{
		text-align: center;
		font-size: 20px;
	}
	.sec-header .sec-header__date + h2{
		margin: 30px 0 0;
	}
	.sec-header h2 + p{
		margin: 20px 0 0;
	}

	.event-bnr{
		margin: 0 -80px;
	}
	.event-bnr figure img{
		width: 100%;
		height: auto;
	}
	.event-detail{
		max-width: 816px;
		margin: 80px auto 0;
	}
	.event-detail__header p{
		margin: 40px 0 0;
		text-align: center;
		line-height: calc(28/16);
	}
	.event-detail__info{
		padding: 60px;
		margin: 55px 0 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.event-detail__info dt{
		font-weight: 600;
	}
	.event-detail__info dd{
		margin: 10px 0 0;
		line-height: calc(28/16)
	}
	.event-detail__lead{
		padding-top: 50px;
	}
	.event-detail__lead h3{
		font-size: 32px;
		font-weight: 600;
		line-height: calc(52/32);
	}
	.event-detail__lead h3 + .event-detail__lead-txt{
		padding-top: 50px;
	}
	.event-detail__lead .event-detail__lead-txt p{
		line-height: 2;
	}

	.event-detail__link{
		padding-top: 60px;
	}
	.event-detail__link li + li{
		margin-top: 25px;
	}
	.event-detail__link a{
		position: relative;
		display: flex;
		align-items: center;
		border: 1px solid #CCC;
		transition: opacity 600ms ease;
	}
	.event-detail__link a:hover{
		opacity: 0.6;
	}
	.event-detail__link figure{
		width: 120px;
		border-right: 1px solid #eee;
	}
	.event-detail__link .event-detail__link-txt{
		width: calc(100% - 120px);
		padding: 0 50px 0 25px;
		line-height: 1.5;
	}
	.event-detail__link a:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 25px;
		bottom: 0;
		width: 14px;
		height: 14px;
		background: url(../../../shared/img/icon_blank_gr.svg) 0 0 no-repeat;
		background-size: 100% 100%;

	}


/* bnr-videos
====================================================================*/
	
	.bnr-videos{
		display: flex;
		margin: auto;
		max-width: 1360px;
	}
	.bnr-videos figure{
		width: calc(100%*560/1360);
	}
	.bnr-videos figure img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.bnr-videos .videos-bnr-txt{
		padding: 50px;
		width: calc(100%*800/1360);
		background: #fff;
	}
	.bnr-videos .videos-bnr-header h2{
		font-size: 36px;
	}
	.bnr-videos .videos-bnr-header span{
		margin: 20px 0 0;
		display: block;
	}
	.bnr-videos .videos-bnr-header p{
		margin: 20px 0 0;
		font-size: 18px;
	}
	.bnr-videos .button-link{
		margin: 20px 0 0;
		font-size: 18px;
	}

/* participating-events-index
====================================================================*/

	.participating-events-index .events_date{
		display: block;
	}
	.participating-events-index .events_date + h3{
		margin: 5px 0 0;
	}


	.event-quail .event-detail__logo{
		margin: auto;
		width: 130px;
	}
	.event-motorlux .event-detail__logo{
		margin: auto;
		width: 250px;
	}
	.event-rolex .event-detail__logo{
		margin: auto;
		width: 190px;
	}
	.event-pebblebeach .event-detail__logo{
		margin: auto;
		width: 480px;
	}


}

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


}

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

	#event .sec-header{
		margin: 0 0 80px;
	}
	.sec-header .sec-header__date{
		font-size: 20px;
	}
	.sec-header .sec-header__date + h2{
		margin: 10px 0 0;
	}
	.sec-header h2 + p{
		margin: 15px 0 0;
	}
	.event-bnr{
		margin: 0 -15px;
	}
	.event-bnr figure img{
		width: 100%;
		height: auto;
	}
	.event-detail{
		margin: 40px auto 0;
	}
	.event-detail__header p{
		margin: 40px 0 0;
		line-height: 2;
	}
	.event-detail__info{
		padding: 40px 0;
		margin: 40px 0 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.event-detail__info dt{
		font-weight: 600;
	}
	.event-detail__info dd{
		margin: 10px 0 0;
		line-height: calc(28/16)
	}
	.event-detail__lead{
		padding-top: 40px;
	}
	.event-detail__lead h3{
		font-size: 20px;
		font-weight: 600;
		line-height: calc(32/20);
	}
	.event-detail__lead h3 + .event-detail__lead-txt{
		padding-top: 40px;
	}
	.event-detail__lead .event-detail__lead-txt p{
		line-height: 2;
	}

	.event-detail__link{
		padding-top: 40px;
	}
	.event-detail__link li + li{
		margin-top: 15px;
	}
	.event-detail__link a{
		position: relative;
		display: flex;
		align-items: center;
		border: 1px solid #CCC;
		transition: opacity 600ms ease;
	}
	.event-detail__link a:hover{
		opacity: 0.6;
	}
	.event-detail__link figure{
		width: 70px;
		border-right: 1px solid #eee;
	}
	.event-detail__link .event-detail__link-txt{
		width: calc(100% - 70px);
		padding: 0 50px 0 15px;
		line-height: 1.5;
	}
	.event-detail__link a:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 10px;
		bottom: 0;
		width: 14px;
		height: 14px;
		background: url(../../../shared/img/icon_blank_gr.svg) 0 0 no-repeat;
		background-size: 100% 100%;

	}


/* bnr-videos
====================================================================*/
	
/*	.bnr-videos{
		display: flex;
		margin: auto;
		max-width: 1360px;
	}
*/	.bnr-videos figure{
/*		width: calc(100%*560/1360);*/
	}
	.bnr-videos figure img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.bnr-videos .videos-bnr-txt{
		padding: 20px;
/*		width: calc(100%*800/1360);*/
		background: #fff;
	}
	.bnr-videos .videos-bnr-header h2{
		font-size: 18px;
	}
	.bnr-videos .videos-bnr-header span{
		margin: 20px 0 0;
		display: block;
	}
	.bnr-videos .videos-bnr-header p{
		margin: 10px 0 0;
	}
	.bnr-videos .button-link{
		margin: 20px 0 0;
		font-size: 18px;
	}

/* participating-events-index
====================================================================*/

	.participating-events-index .events_date{
		display: block;
	}
	.participating-events-index .events_date + h3{
		margin: 5px 0 0;
	}


	.event-quail .event-detail__logo{
		margin: auto;
		width: 100px;
	}
	.event-motorlux .event-detail__logo{
		margin: auto;
		width: 220px;
	}
	.event-rolex .event-detail__logo{
		margin: auto;
		width: 160px;
	}
	.event-pebblebeach .event-detail__logo{
		margin: auto;
		width: 240px;
	}


}