.circuit-course__data dt{
    font-family: var(--font-bold);
    font-weight: normal;
    font-feature-settings: "palt";
}

.circuit-course figure:not(:nth-child(1)){
	opacity: 1;
	visibility: visible;
	transition: opacity 600ms ease, visibility 600ms ease;
}
.circuit-course figure.off{
	opacity: 0;
	visibility: hidden;
}

.motor-contents__circuit .motor-kv__name p{
	opacity: 0.15;
}

.circuit-course__nav li .check-item-txt span.icon-check:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/icon_check.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	display: none;
}

.circuit-course__nav li input:checked  + label .check-item-txt span.icon-check{
	background: #CA0000;
	border: 1px solid #CA0000;
}
.circuit-course__nav li input:checked  + label .check-item-txt span.icon-check:after{
	display: block;
}
.circuit-course__nav input{
	display: none;
}


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


/* motor-kv__circuit-text
====================================================================*/

	.motor-kv__circuit-text{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 90%;
		text-align: center;
		z-index: 50;
	}
	.motor-kv__circuit-text > div,
	.motor-kv__circuit-text a{
		display: block;
		color: #fff;
	}
	.motor-kv__circuit-flag{
		margin: auto;
		width: 63px;
	}

	.motor-kv__circuit-title{
		margin: 20px 0 0;
	}
	.motor-kv__circuit-title span{
		font-size: 42px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.motor-kv__circuit-place{
		position: relative;
		margin: 20px 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.motor-kv__circuit-place span{
		font-size: 28px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.motor-kv__circuit-place span:nth-child(2){
		position: relative;
		padding: 0 0 0 15px;
		margin: 0 0 0 15px;
	}
	.motor-kv__circuit-place span:nth-child(2):before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 1px;
		height: 28px;
		background: rgba(255,255,255,0.3);
	}
	.motor-kv__slide:after{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.25);
	}
	.motor-kv__circuit-text a .motor-kv__circuit-place span:nth-child(2):after {
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 2px;
		width: 22px;
		height: 22px;
		background: url(../../../shared/img/arrow_kv_link.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}



/* circuit-info__course
====================================================================*/

	.circuit-info__contents{
		margin: auto;
		max-width: 1260px;
		display: flex;
	}

	.circuit-course{
		padding: 0 40px 0 0;
		width: calc(780 / 1260 * 100%);
	}
	.circuit-course-inner{
		position: relative;
		width: 100%;
	}
	.circuit-course figure{
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
	}
	.circuit-course .course-base{
		position: relative;
	}
	.circuit-course__info{
		padding: 0 0 0 40px;
		width: calc(480 / 1260 * 100%);
		border-left: 1px solid #707070;
	}
	.circuit-course__info .button-link{
		margin-top: 30px;
	}

/* circuit-course__data
====================================================================*/

	.circuit-course__data-col + .circuit-course__data-col{
		margin-top: 25px;
		padding-top: 25px;
		border-top: 1px solid #707070;
	}
	.circuit-course__data dt{
		font-size: 16px;
	}
	.circuit-course__data dd{
		margin: 8px 0 0;
	}

	.circuit-length dd{
		font-size: 55px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.circuit-history{
		display: flex;
	}
	.circuit-history dl{
		width: 50%;
	}
	.circuit-history dl + dl{
		padding: 0 0 0 10px;
	}
	.circuit-history dd{
		font-size: 32px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.circuit-distance dd{
		font-size: 32px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}


/* circuit-course__nav
====================================================================*/

	.circuit-course__nav{
		margin: 30px 0 0;
	}
	.circuit-course__nav ul{
		display: flex;
		flex-wrap: wrap;
	}
	.circuit-course__nav li{
		position: relative;
		cursor: pointer;
		margin: 0 8% 30px 0;
	}
	.circuit-course__nav li .check-item-txt{
		position: relative;
		display: inline-block;
		padding: 0 0 0 32px;
	}
	.circuit-course__nav li .check-item-txt span.icon-check{
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		display: block;
		width: 24px;
		height: 24px;
		border: 1px solid #707070;
	}

/* circuit-schedul
====================================================================*/

	.circuit-schedule__contents{
		margin: 45px auto 0;
		max-width: 1260px;
		display: flex;
		border-bottom: 1px solid #707070;
		border-left: 1px solid #707070;
		border-right: 1px solid #707070;
	}

	.circuit-schedule__contents--v1 .circuit-schedule-col:nth-child(1),
	.circuit-schedule__contents--v1 .circuit-schedule-col:nth-child(2){
		width: 40%;
	}
	.circuit-schedule__contents--v1 .circuit-schedule-col:nth-child(3){
		width: 20%;
	}

	.circuit-schedule-col{
		width: 100%;
	}
	.circuit-schedule-col + .circuit-schedule-col{
		border-left: 1px solid #707070;
	}


	.circuit-schedule-col__header{
		display: flex;
		align-items: center;
		background: #35363B;
		height: 40px;
		color: #fff;
		justify-content: center;
	}
	.circuit-schedule-col__header h3{
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.circuit-schedule-col__detail{
		display: flex;
		padding: 40px 0;
		justify-content: space-between;
	}
	.circuit-schedule-col__info{
		position: relative;
		width: 100%;
		text-align: center;
	}
	.circuit-schedule-col__info + .circuit-schedule-col__info:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 1px;
		height: 88px;
		background: rgba(112,112,112,0.4);
	}

	.circuit-schedule-col__info dt{
		font-size: 20px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.circuit-schedule-col__info dd{
		margin: 20px 0 0;
		font-size: 14px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}

	#circuit-schedule .button-link{
		margin-top: 40px;
	}




/* circuit-condition
====================================================================*/

	.circuit-condition{
		display: flex;
		max-width: 1260px;
		margin: 40px auto 0;
		padding: 40px 0 0;
		border-top: 1px solid rgba(112,112,112,0.4);
	}
	.circuit-condition-header h3{
		font-size: 24px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.circuit-condition__time{
		width: calc(500/1260*100%);
	}
	.circuit-condition__time-inner{
		display: flex;
		justify-content: space-between;
		padding: 0 4.7% 0 6%;
	}


	.circuit-condition__time .circuit-condition-header{
		width: 125px;
	}
	.circuit-condition__time-detail{
		width: calc(100% - 125px);
	}
	.circuit-condition__time-detail dt{
		font-size: 24px;
		text-align: center;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.circuit-condition__time-detail dt span{
		display: inline-block;
	}
	.circuit-condition__time-detail dt span + span{
		margin-left: 2px;
	}
	.circuit-condition__time-detail dd{
		margin: 20px 0 0;
		font-size: 50px;
		text-align: center;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.circuit-condition__weather{
		width: calc(760/1260*100%);
		border-left: 1px solid rgba(112,112,112,0.4);
	}
	.circuit-condition__weather-inner{
		display: flex;
		justify-content: space-between;
		padding: 0 6% 0 4.7%;
	}
	.circuit-condition__weather .circuit-condition-header{
		width: 75px;
	}
	.circuit-condition__weather-detail{
		width: calc(100% - 75px);
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.circuit-condition__temperature{
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.circuit-condition__weather .icon-weather{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50%;
	}
	.circuit-condition__weather .icon-weather i{
		display: inline-block;
		margin: 0 0 0 15px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		font-size: 18px;
	}

	.temperature-col dt{
		text-align: center;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		font-size: 18px;
	}
	.temperature-col dd{
		display: flex;
		margin: 10px 0 0;
		align-items: flex-end;
	}
	.temperature-col dd i{
		position: relative;
		top: 5px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		font-size: 50px;
	}
	.temperature-col dd span{
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		font-size: 24px;
	}


	.no-data{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100px;
		/*background: #000;*/
	}

	.no-data2{
		position: relative;
		display: inline-block;
		width: 50px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		/*background: #000;*/
	}



}

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

	.circuit-condition__time{
		padding: 0 2%;
	}
	.circuit-condition__weather{
		padding: 0 2%;
	}

}


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

	.circuit-info__contents{
		display: block;
		max-width: 700px;
	}
	.circuit-course,
	.circuit-course__info{
		width: 100%;
		padding: 0;
		border-left: none;
	}
	.circuit-condition{
		display: block;
	}
	.circuit-condition__time{
		width: 100%;
	}
	.circuit-condition__time-inner{
		max-width: 700px;
		padding: 0;
		margin: auto;
		width: 100%;
		display: block;
	}
	.circuit-condition__time-detail{
		margin: 30px 0 0;
		width: 100%;
	}
	.circuit-condition__time-detail dl{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.circuit-condition__time-detail dl dd{
		margin: 0 0 0 20px;
	}
	.circuit-condition__weather{
		width: 100%;
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid rgba(112,112,112,0.4);
		border-left: none;
	}

	.circuit-condition__weather-inner{
		max-width: 700px;
		padding: 0;
		margin: auto;
		display: block;
	}
	.circuit-condition__weather-detail{
		margin: 30px 0 0;
		width: 100%;
	}
	.temperature-col{
		display: flex;
		justify-content: center;
		width: 50%;
	}


}


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


/* motor-kv__circuit-text
====================================================================*/

	.motor-kv__circuit-text{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 100%;
		padding: 0 30px;
		text-align: center;
		z-index: 50;
	}
	.motor-kv__circuit-text > div,
	.motor-kv__circuit-text a{
		display: block;
		color: #fff;
	}
	.motor-kv__circuit-flag{
		margin: auto;
		width: 32px;
	}
	.motor-kv__circuit-title{
		margin: 20px 0 0;
	}
	.motor-kv__circuit-title span{
		font-size: 24px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.motor-kv__circuit-place{
		position: relative;
		margin: 15px 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.motor-kv__circuit-place span{
		font-size: 14px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.motor-kv__circuit-place span:nth-child(2){
		position: relative;
		padding: 0 0 0 10px;
		margin: 0 0 0 10px;
	}
	.motor-kv__circuit-place span:nth-child(2):before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 1px;
		height: 14px;
		background: rgba(255,255,255,0.3);
	}
	.motor-kv__slide:after{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.25);
	}
	.motor-kv__circuit-text a .motor-kv__circuit-place span:nth-child(2):after {
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 2px;
		width: 18px;
		height: 18px;
		background: url(../../../shared/img/arrow_kv_link.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}




/* circuit-info__course
====================================================================*/

	.circuit-course-inner{
		position: relative;
		width: 100%;
	}
	.circuit-course figure{
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
	}
	.circuit-course .course-base{
		position: relative;
	}
	.circuit-course__info{
		margin: 20px 0 0;
	}
	.circuit-course__info-inner{
		display: flex;
		flex-direction: column-reverse;
	}

	.circuit-course__info .button-link{
		margin-top: 40px;
	}

/* circuit-course__data
====================================================================*/

	.circuit-course__data-col + .circuit-course__data-col{
		margin-top: 25px;
		padding-top: 25px;
		border-top: 1px solid #707070;
	}
	.circuit-course__data dt{
		font-size: 12px;
	}
	.circuit-course__data dd{
		margin: 12px 0 0;
	}

	.circuit-length dd{
		font-size: 40px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.circuit-history{
		display: flex;
	}
	.circuit-history dl{
		width: 50%;
	}
	.circuit-history dl + dl{
		padding: 0 0 0 10px;
	}
	.circuit-history dd{
		font-size: 28px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.circuit-distance dd{
		font-size: 28px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}


/* circuit-course__nav
====================================================================*/

	.circuit-course__nav ul{
		display: flex;
		flex-wrap: wrap;
	}
	.circuit-course__nav li{
		position: relative;
		cursor: pointer;
		margin: 0 30px 30px 0;
	}
	.circuit-course__nav li .check-item-txt{
		position: relative;
		display: inline-block;
		padding: 0 0 0 32px;
		font-size: 12px;
	}
	.circuit-course__nav li .check-item-txt span.icon-check{
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		display: block;
		width: 24px;
		height: 24px;
		border: 1px solid #707070;
	}


/* circuit-schedul
====================================================================*/

	.circuit-schedule__contents{
		margin: 45px auto 0;
		border: 1px solid #707070;
	}

	.circuit-schedule-col{
		display: flex;
	}
	.circuit-schedule-col + .circuit-schedule-col{
		border-top: 1px solid #707070;
	}


	.circuit-schedule-col__header{
		display: flex;
		align-items: center;
		background: #35363B;
		width: min(80px,21.3vw);
		min-height: 95px;
		color: #fff;
		justify-content: center;
	}
	.circuit-schedule-col__header h3{
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		font-size: 12px;
		text-align: center;
	}
	.circuit-schedule-col__header h3 span{
		margin: 10px 0 0;
		display: block;
		font-size: 18px;
	}
	.circuit-schedule-col__detail{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: calc(100% - min(80px,21.3vw));
		padding: 0 min(15px,4vw);
	}
	.circuit-schedule-col__info{
		position: relative;
		width: 100%;
		text-align: center;
	}
	.circuit-schedule-col__info dl{
		display: flex;
		padding: 15px 0;
		justify-content: center;
	}

	.circuit-schedule-col__info dl dd{
		position: relative;
		margin: 0 0 0 10px;
		padding: 0 0 0 10px;
	}
	.circuit-schedule-col__info dl dd:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 1px;
		height: 14px;
		background: rgba(112,112,112,0.4);
	}
	.circuit-schedule-col__info + .circuit-schedule-col__info{
		border-top: 1px solid rgba(112,112,112,0.4);
	}

	.circuit-schedule-col__info dt,
	.circuit-schedule-col__info dd{
		font-size: min(12px,3.2vw);
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		width: 50%;
	}

	#circuit-schedule .button-link{
		margin-top: 25px;
	}


/* circuit-condition
====================================================================*/

	.circuit-condition{
		margin: 25px auto 0;
		padding: 25px 0 0;
		border-top: 1px solid rgba(112,112,112,0.4);
	}
	.circuit-condition-header h3{
		font-size: 16px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}

	.circuit-condition__time-detail{
		margin: 25px 0 0;
	}
	.circuit-condition__time-detail dl{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.circuit-condition__time-detail dt{
		font-size: 20px;
		text-align: center;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.circuit-condition__time-detail dt span{
		display: inline-block;
	}
	.circuit-condition__time-detail dt span + span{
		margin-left: 10px;
	}
	.circuit-condition__time-detail dd{
		margin: 0 0 0 20px;
		font-size: 36px;
		text-align: center;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}

	.circuit-condition__weather{
		margin-top: 25px;
		padding-top: 25px;
		border-top: 1px solid rgba(112,112,112,0.4);
	}

	.circuit-condition__weather .circuit-condition-header{
		width: 75px;
	}
	.circuit-condition__weather-detail{
		margin: 25px 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.circuit-condition__temperature{
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.circuit-condition__weather .icon-weather{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50%;
	}
	.circuit-condition__weather .icon-weather figure{
		width: 56px;
	}
	.circuit-condition__weather .icon-weather i{
		display: inline-block;
		margin: 0 0 0 15px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		font-size: 12px;
	}

	.temperature-col{
		display: flex;
		justify-content: center;
		width: 50%;
	}

	.temperature-col dt{
		text-align: center;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		font-size: 12px;
	}
	.temperature-col dd{
		display: flex;
		margin: 10px 0 0;
		align-items: flex-end;
	}
	.temperature-col dd i{
		position: relative;
		top: 5px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		font-size: 36px;
	}
	.temperature-col dd span{
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		font-size: 16px;
	}




	.no-data{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 50px;
		/*background: #000;*/
	}

	.no-data2{
		position: relative;
		display: inline-block;
		width: 50px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		/*background: #000;*/
	}





}