@charset "utf-8";
/* CSS Document */


.pcOnlyB{
	display:none;
}

.pcOnlyI{
	display:none;
}

/* トップページ */

/*メインビジュアル*/
header.mv{
	background:url(../img/mv_bg_sp.jpg) center center;
	background-size: cover;
	width: 100%;
	aspect-ratio: 1/1;
	text-align: center;
}

.mv__copy{
	width: 90%;
	margin: 0 auto;
	padding: 5vw 0;
}

h1{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 3vw;
}

.mv__date{
	width: 66%;
	margin: 0 auto;
}

/*リード文*/
.secRead{
	padding: 5vw;
}

/* カーライン */
.carline{
	width: 100%;
	overflow-x: hidden;
	position: fixed;
	bottom: 0;
}

.carline__inner{
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 400vw;
	animation: slide-x 20s linear 0s infinite;
}

@keyframes slide-x {
	0%{
		transform: translateX(0);
	}

	100%{
		transform: translateX(-50%);
	}
}


/*フウッター*/
#foot {
	width:100%;
	bottom:0;
	color:#333;
}

#foot div {
	font-size:1.2rem;
	text-align:center;
	background-color: #F4F4F4;
	padding:10px 10px;
	text-align:center;
}

#foot .foot__logo{
	width: 60vw;
}

#foot .foot__contact{
	display: inline-block;
}

#foot div a {
	color:var(--color3);
	font-weight:bold;
	font-size:1.4rem;
}

#access {
	border:solid 2px var(--color3);
	box-sizing:border-box;
	padding:10px;
	margin:0 25px 50px 25px;
}

#access .map {
	width:100%;
}

#access .map img {
	width:100%;
}

#access .data {
	width:auto;
	padding-top:20px;
}

.yumesse {
	width:130px;
	margin-bottom:20px;
}

h2.accessH2 {
	background-color:var(--color3);
	color:#FFF;
	font-size:2.0rem;
	font-weight:bold;
	margin:0 25px;
	text-align:center;
	padding:5px;
}

#access .data .gmap {
	display:block;
	text-align:center;
}

#access .data img {
	max-width:100%;
}

address {
	color:#333;
	font-style:normal;
	font-size:1.2rem;
	text-align:center;
	padding:20px 5px 5px;
}

.secAccess.fadeTarget{
	opacity: 0;
	transition: opacity 400ms ease 10ms;
}

.secAccess.fadeTarget.active{
	opacity: 1;
}

.copy {
	font-size:1.2rem;
	color:#333;
	text-align:center;
	padding-bottom:20px;
}

.kyosan {
	margin:0 10px;
	padding:0;
}

.kyosan li {
	list-style-type:none;
	display: inline-block;
	padding:1%;
	box-sizing:border-box;
	width:33.3%;
}

.kyosan li:first-child {
	width:100%;
	
}

.kyosan li img {
	max-width:100%;
}


/* コミコミ */

.secKomi{
	text-align: center;
	max-width: 1690px;
	width: 90vw;
	margin: 0 auto 10vw auto;
}

.secKomi img{
	filter: drop-shadow(0.5vw 0.5vw 0.5vw rgba(35, 24, 21, 0.5));
	margin-bottom: 1vw;
}


.komi__inner{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 1vw;
}

.secKomi.fadeTarget h2{
	transition: opacity 200ms ease;
	opacity: 0;
}

.secKomi.fadeTarget .komi__inner p img{
	opacity: 0;
}

.secKomi.fadeTarget .komi__inner p:nth-of-type(1) img{
	transition: opacity 200ms ease 50ms;
}
.secKomi.fadeTarget .komi__inner p:nth-of-type(2) img{
	transition: opacity 200ms ease 150ms;
}
.secKomi.fadeTarget .komi__inner p:nth-of-type(3) img{
	transition: opacity 200ms ease 200ms;
}
.secKomi.fadeTarget .komi__inner p:nth-of-type(4) img{
	transition: opacity 200ms ease 250ms;
}

.secKomi.fadeTarget.active *{
	opacity: 1 !important;
}

/*イベント内容*/

.secEvent{
	width: 90vw;
	margin: 0 auto 10vw auto;
}

.secEvent p{
	margin-bottom: 3vw;
}

.event__image2 img{
	width: auto;
	height: 25.6vw;
}

.event__image2 img:first-child{
	transform: translateX(-0.8vw);
}

.event__image2 img:last-child{
	transform: translateX(0.9vw);
}

.secEvent.fadeTarget img{
	opacity: 0;
}

.secEvent.fadeTarget p:nth-child(1) img{
	transition: opacity 400ms ease;
}
.secEvent.fadeTarget p:nth-child(2) img:nth-of-type(1){
	transition: opacity 400ms ease 100ms;
}
.secEvent.fadeTarget p:nth-child(2) img:nth-of-type(2){
	transition: opacity 400ms ease 200ms;
}
.secEvent.fadeTarget p:nth-child(3) img{
	transition: opacity 400ms ease 300ms;
}
.secEvent.fadeTarget p:nth-child(4) img{
	transition: opacity 400ms ease 400ms;
}

.secEvent.fadeTarget.active img{
	opacity: 1;
}


.footTxt{
	font-size: 10px;
	padding: 5vw;
	background-color: #FAFAFA;
}

.scrollFire{
	transition: opacity 200ms ease;
}

/* 車輌コマ */
.secCar{
	width: 90vw;
	margin: 0 auto 10vw auto;
}

.car__ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 1vw;
}

.car__text{
	font-size: 4.3vw;
	font-weight: bold;
	color: var(--color2);
	padding: 10vw 2vw;
	text-align: center;
}


.secCar.fadeTarget .car__ul li{
	opacity: 0;
	transform: scale(1.1);
}

.car__ul li {
	--digit-1: 0;
	--digit-2: 0;
	--delay: calc( (var(--digit-1) + var(--digit-2)) * 85ms);
	transition: all 200ms ease var(--delay);
}

.secCar.fadeTarget.active .car__ul li{
	opacity: 1;
	transform: scale(1);
}

  /* Get element order */
  .car__ul li:nth-child(10n + 0) { --digit-1: 0; }
  .car__ul li:nth-child(10n + 1) { --digit-1: 1; }
  .car__ul li:nth-child(10n + 2) { --digit-1: 2; }
  .car__ul li:nth-child(10n + 3) { --digit-1: 3; }
  .car__ul li:nth-child(10n + 4) { --digit-1: 4; }
  .car__ul li:nth-child(10n + 5) { --digit-1: 5; }
  .car__ul li:nth-child(10n + 6) { --digit-1: 6; }
  .car__ul li:nth-child(10n + 7) { --digit-1: 7; }
  .car__ul li:nth-child(10n + 8) { --digit-1: 8; }
  .car__ul li:nth-child(10n + 9) { --digit-1: 9; }
  
  .car__ul li:nth-child(-n + 10) { --digit-2: 0; }
  .car__ul li:nth-child(n + 10):nth-child(-n + 20) { --digit-2: 10; }
  .car__ul li:nth-child(n + 20):nth-child(-n + 30) { --digit-2: 20; }
  .car__ul li:nth-child(n + 30):nth-child(-n + 40) { --digit-2: 30; }
  .car__ul li:nth-child(n + 40):nth-child(-n + 50) { --digit-2: 40; }
  .car__ul li:nth-child(n + 50):nth-child(-n + 60) { --digit-2: 50; }
  .car__ul li:nth-child(n + 60):nth-child(-n + 70) { --digit-2: 60; }
  .car__ul li:nth-child(n + 70):nth-child(-n + 80) { --digit-2: 70; }
  .car__ul li:nth-child(n + 80):nth-child(-n + 90) { --digit-2: 80; }
  .car__ul li:nth-child(n + 90):nth-child(-n + 100) { --digit-2: 90; }
  .car__ul li:nth-child(n + 100):nth-child(-n + 110) { --digit-2: 100; }