@charset "utf-8";
/*ベース*/
html {
	overflow-y:scroll;
}
body{
	margin:0;
	padding:0;
	overflow: hidden;
	background: #000000;
	font-family: "toyotaDisplay";
}
p{
	font-size:14px;
	margin:0;
	line-height: 1.5em;
	color: #FFFFFF;
}
img{
	width: 100%;
	vertical-align: bottom;
}
.clear{
	clear: both;
}
.small{
	font-size: 8px !important;
	display: block;
	margin-top: -4px;
}
.red{
	color: #ff0000 !important;
}
.eventanime{
	display: none;
}

/*****パソコン*****/
@media only screen and (min-width: 960px) {
	
	/*共通*/
	.fullSizeBox{
		width: 1200px;
		margin: 0 auto;
	}
	.pc{
		display: none;
	}
	#a01,
	#a03,
	#a05{
		left: -100%;
		position: fixed;
		top: 0;
		z-index: 999;
		top: 0;
		display: none;
	}
	#a02,
	#a04,
	#a06{
		right: -100%;
		position: fixed;
		top: 0;
		z-index: 999;
		top: 0;
		display: none;
	}
	
	/*アニメーション*/
	.anime01{
		opacity:0;
		transform:translate(0,50px);
		transition:all 1s;
	}
	.anime01.scrollin{
		opacity:1;
		transform:translate(0,0);
	}
	.anime02{
		opacity:0;
		transform:translateX(-100px);
		transition:all 1s;
	}
	.anime02.scrollin{
		opacity:1;
		transform:translateX(0px);
	}
	.anime03{
		transform:translateX(0px);
		transition:all 1s;
	}
	.anime03.scrollin{
		transform:translateX(1200px);
	}
	.anime04{
		opacity:0;
		transform:translate(0,50px);
		transition:all 1s;
	}
	.anime04.scrollin{
		opacity:1;
		transform:translate(0,0);
	}
	.anime05{
		transform:translateX(0px);
		transition:all 1s;
	}
	.anime05.scrollin{
		transform:translateX(-1200px);
	}
	.anime06{
		opacity:0;
		transition:all 3s;
	}
	.anime06.scrollin{
		opacity:1;
	}
	.animebg{
		position: absolute;
		width: 100%;
		height: 100%;
		background: #000000;
		z-index: 999;
	}
	
	/*メイン画像*/
	.mainImgBox{
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}
	.mainImgBox p{
		width: 100%;
		text-align: center;
		font-weight: bold;
		font-family: "toyotaDisplay";
		font-size: 86px;
		line-height: 1.3em;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);		
	}
	
	/*リード*/
	.mainReadBox{
		margin: 30px 0 180px 0;
	}
	.readTitle{
		text-align: center;
	}
	.readTitle p{
		font-size: 30px;
		font-weight: bold;
		font-family: "toyotaDisplay";
	}
	.read{
		text-align: center;
	}
	.subReadBox01{
		position: absolute;
		width: 100%;
		top: -40px;
		z-index: 999;
	}
	
	/*リンクボタン*/
	.contentTitle p{
		font-size: 40px;
		font-weight: bold;
		font-family: "toyotaDisplay";
		line-height: 1.1em;
		cursor: pointer;
	}
	.contentMore p{
		font-size: 16px;
		cursor: pointer;
	}
	.contentLeft{
		width: 600px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
	}
	.contentLeftAbText{
		position: absolute;
		left: 35px;
		top: 100px;
		z-index: 2;
	}
	.contentRight{
		width: 600px;
		position: absolute;
		right: 0;
		bottom: 0px;
		z-index: 2;
	}
	.contentRightAbText{
		position: absolute;
		right: 35px;
		bottom: 90px;
		z-index: 2;
	}
	.contentLeft02{
		width: 600px;
		position: absolute;
		left: 0;
		bottom: 0px;
		z-index: 2;
	}
	.contentLeftAbText02{
		position: absolute;
		left: 35px;
		bottom: 90px;
		z-index: 2;
	}
	.contentRight02{
		width: 600px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
	}
	.contentRightAbText02{
		position: absolute;
		right: 35px;
		top: 100px;
		z-index: 2;
	}
	
	/*1枠目*/
	.contents01{
		position: relative;
		height: 860px;
		background-image: url(../img/bg01.png);
		background-repeat: no-repeat;
	}
	
	/*2枠目*/
	.contents02{
		position: relative;
		height: 860px;
		background-image: url(../img/bg02.png);
		background-repeat: no-repeat;
	}
	
	/*3枠目*/
	.contents03{
		position: relative;
		height: 860px;
		background-image: url(../img/bg03.png);
		background-repeat: no-repeat;
		
	}
	
	/*4枠目*/
	.contents04{
		margin-top: 70px;
		position: relative;
		height: 578px;
		background-image: url(../img/bg04.png);
		background-repeat: no-repeat;
	}
	.contents04 a{
		display: block;
		width: 200px;
		height: 120px;
		position: absolute;
		border: 1px solid #FFFFFF;
		left: 82px;
		top: 280px;
		text-decoration: none;
	}
	.debutBtn p{
		font-size: 30px;
		font-weight: bold;
		font-family: "toyotaDisplay";
		line-height: 1.1em;
		padding: 18px 14px;
	}
	.yajirushi{
		width: 75px;
		padding-left: 14px;
		margin-top: -21px;
		transition: 0.4s;
	}
	.contents04 a:hover .yajirushi{
		padding-left: 95px;
		transition: 0.4s;
	}
	
	/*ホバーアクション*/
	#hoverImg01Anime,
	#hoverImg03Anime{
		position: absolute;
		z-index: 0;
		border-color: transparent;
	}
	#hoverImg01,
	#hoverImg03{
		position: absolute;
		z-index: 1;
	}
	#hoverImg02Anime,
	#hoverImg04Anime{
		position: absolute;
		z-index: 0;
		bottom: 0;
		right: 0;
		border-color: transparent;
	}
	#hoverImg02,
	#hoverImg04{
		position: absolute;
		z-index: 1;
		bottom: 0;
		right: 0;
	}
	#hoverImg05Anime{
		position: absolute;
		z-index: 0;
		bottom: 0;
		border-color: transparent;
	}
	#hoverImg05{
		position: absolute;
		z-index: 1;
		bottom: 0;
	}
	#hoverImg06Anime{
		position: absolute;
		z-index: 0;
		right: 0;
		border-color: transparent;
	}
	#hoverImg06{
		position: absolute;
		z-index: 1;
		right: 0;
	}
	
	/*アコーディオン*/
	.eventBox{
		background-color: rgba(0,0,0,0.7);
		width:100vw;
		height:100vh;
		position:fixed;
		top:0;
	}
	.eventBoxinner{
		width: 100%;
		height: 686px;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		background: #000000;
	}
	.eventImg{
		width: 260px;
		float: left;
		margin-right: 10px;
		position: relative;
	}
	.eventImg p{
		text-align: center;
		font-weight: bold;
		font-family: "toyotaDisplay";
		padding-bottom: 5px;
	}
	.eventImgBox{
		width: 540px;
		margin-left: 570px;
		margin-top: 120px;
	}
	.zoom{
		width: 18px;
		height: 18px;
		position: absolute;
		bottom: 12px;
		right: 8px;
	}
	.fuelBox{
		width: 580px;
		margin-left: 520px;
		margin-top: 30px;
	}
	.eventImgBox02{
		width: 540px;
		margin-left: 100px;
		margin-top: 120px;
	}
	.acceleImgBox{
		width: 380px;
		margin-left: 100px;
		margin-top: 40px;
		position: relative;
	}
	.eventImgBox div:nth-child(2),
	.eventImgBox02 div:nth-child(2){
		margin-right: 0px;
	}
	.eventBtn{
		width: 32px;
		position: absolute;
		right: 0;
		top: 299px;
		cursor: pointer;
	}
	.eventBtn02{
		width: 32px;
		position: absolute;
		left: 0;
		top: 299px;
		cursor: pointer;
	}
	.eventTitle p,
	.eventTitle02 p{
		font-size: 52px;
		font-weight: bold;
		font-family: "toyotaDisplay";
	}
	.eventTitle{
		margin-left: 520px;
		padding-top: 90px;
	}
	.eventTitle02{
		margin-left: 100px;
		padding-top: 90px;
	}
	.eventRead{
		width: 580px;
		margin-left: 520px;
	}
	.eventRead02{
		width: 580px;
		margin-left: 100px;
	}
	.fuelTItle p{
		font-size: 24px;
		font-weight: bold;
		font-family: "toyotaDisplay";
	}
	.fuelInput{
		margin-top: 10px;
	}
	.fuelInput p{
		float: left;
		margin-right: 10px;
		font-size: 12px;
	}
	.fuelInput input[type="text"]{
		width: 70px;
		background: #000000;
		color: #FFFFFF;
	}
	.fuelInput select{
		width: 70px;
		background: #000000;
		color: #FFFFFF;
		padding: 2px 0;
	}
	.fuelInput input[type="submit"]{
		width: 60px;
		box-sizing: border-box;
		background: #FFFFFF;
		color: #000000;
		border: 1px solid #FFFFFF;
		cursor: pointer;
		font-size: 12px;
		padding: 5px 0;
	}
	.fuelInput input[type="submit"]:hover{
		opacity: 0.7;
	}
	.fuel:nth-child(3) input[type="text"]{
		width: 30px;
		border: none;
		font-size: 14px;
		background: transparent;
	}
	.fuel:nth-child(4) input[type="text"]{
		width: 40px;
		border: none;
		color: #FFFFFF;
		font-size: 14px;
		background: transparent;
	}
	.fuel:nth-child(5) input[type="text"]{
		width: 60px;
		border: none;
		font-size: 14px;
		background: transparent;
	}
	.fuelKekka{
		margin-top: 20px;
	}
	.fuelKekka .fuel:nth-child(1){
		background: #e5e5e5;
	}
	.fuelKekka .fuel:nth-child(1) p{
		color: #000000;
		font-weight: bold;
		font-family: "toyotaDisplay";
	}
	.fuelKekka .fuel:nth-child(3),
	.fuelKekka .fuel:nth-child(5){
		background: #FFFFFF;
	}
	.fuelKekka .fuel:nth-child(3) p,
	.fuelKekka .fuel:nth-child(5) p{
		color: #000000;
	}
	.fuel01{
		width: 190px;
		box-sizing: border-box;
		padding: 5px 3px;
		float: left;
	}
	.fuel02{
		width: 130px;
		box-sizing: border-box;
		padding: 5px 3px;
		float: left;
		text-align: center;
	}
	.fuel03{
		width: 120px;
		box-sizing: border-box;
		padding: 5px 3px;
		float: left;
		text-align: center;
	}
	.fuel04{
		width: 130px;
		box-sizing: border-box;
		padding: 5px 3px;
		float: left;
		text-align: center;
	}
	.fuel04 p,
	.fuel04 input{
		font-weight: bold;
		font-family: "toyotaDisplay";
		font-size: 15px;
	}
	.fuelbg{
		width: 10px;
		float: left;
		background: #000000;
		box-sizing: border-box;
		padding: 5px;
	}
	.fuel img{
		width: 20px;
		padding-right: 3px;
	}
	.fuelbg p{
		font-size: 16px;
	}
	.eventBg01{
		background-image: url(../img/ac_bg01.png);
		background-repeat: no-repeat;
		height: 686px;
	}
	.eventBg02{
		background-image: url(../img/ac_bg02.png);
		background-repeat: no-repeat;
		background-position: right;
		height: 686px;
	}
	.eventBg03{
		background-image: url(../img/ac_bg03.png);
		background-repeat: no-repeat;
		height: 686px;
	}
	.eventBg04{
		background-image: url(../img/ac_bg04.png);
		background-repeat: no-repeat;
		background-position: right;
		height: 686px;
	}
	.eventBg05{
		background-image: url(../img/ac_bg05.png);
		background-repeat: no-repeat;
		height: 686px;
	}
	.eventBg06{
		background-image: url(../img/ac_bg06.png);
		background-repeat: no-repeat;
		background-position: right;
		height: 686px;
	}

}

/*****モバイル*****/
@media only screen and (max-width: 959px) and (min-width: 640px){
	
	/*共通*/
	.fullSizeBox{
		width: 100%;
	}
	.mb{
		display: none;
	}
	#a01,
	#a03,
	#a05{
		left: -100%;
		position: fixed;
		top: 0;
		z-index: 999;
		top: 0;
		display: none;
	}
	#a02,
	#a04,
	#a06{
		right: -100%;
		position: fixed;
		top: 0;
		z-index: 999;
		top: 0;
		display: none;
	}
	
	/*アニメーション*/
	.anime03{
		transform:translateX(0px);
		transition:all 1s;
	}
	.anime03.scrollin{
		transform:translateX(1200px);
	}
	.anime04{
		opacity:0;
		transform:translate(0,50px);
		transition:all 1s;
	}
	.anime04.scrollin{
		opacity:1;
		transform:translate(0,0);
	}
	.anime05{
		transform:translateX(0px);
		transition:all 1s;
	}
	.anime05.scrollin{
		transform:translateX(-1200px);
	}
	.anime07{
		transform:translateX(0px);
		transition:all 1s;
	}
	.anime07.scrollin{
		transform:translateX(-1200px);
	}
	.anime06{
		opacity:0;
		transition:all 3s;
	}
	.anime06.scrollin{
		opacity:1;
	}
	.animebg{
		position: absolute;
		width: 100%;
		height: 100%;
		background: #000000;
		top: 0;
		z-index: 999;
	}
	
	/*メイン画像*/
	.mainImgBox{
		position: relative;
	}
	.mainImgBox p{
		width: 100%;
		text-align: center;
		font-weight: bold;
		font-family: "toyotaDisplay";
		font-size: 52px;
		line-height: 1.3em;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);		
	}
	
	/*リード*/
	.mainReadBox{
		margin: 30px 0 150px 0;
	}
	.readTitle{
		text-align: center;
	}
	.readTitle p{
		font-size: 18px;
		font-weight: bold;
		font-family: "toyotaDisplay";
		line-height: 1.3em;
	}
	.read{
		text-align: center;
	}
	.read p{
		font-size: 12px;
		line-height: 1.2em;
	}
	.subReadBox01{
		position: absolute;
		width: 100%;
		top: -30px;
		z-index: 999;
	}
	
	/*リンクボタン*/
	.contentTitle p{
		font-size: 24px;
		font-weight: bold;
		font-family: "toyotaDisplay";
		line-height: 1.1em;
		cursor: pointer;
	}
	.contentMore p{
		cursor: pointer;
	}
	.contentLeft{
		width: 50%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
	}
	.contentLeftAbText{
		position: absolute;
		left: 35px;
		top: 12%;
		z-index: 2;
	}
	.contentRight{
		width: 50%;
		position: absolute;
		right: 0;
		bottom: 0px;
		z-index: 2;
	}
	.contentRightAbText{
		position: absolute;
		right: 35px;
		bottom: 10%;
		z-index: 2;
	}
	.contentLeft02{
		width: 50%;
		position: absolute;
		left: 0;
		bottom: 0px;
		z-index: 2;
	}
	.contentLeftAbText02{
		position: absolute;
		left: 35px;
		bottom: 10%;
		z-index: 2;
	}
	.contentRight02{
		width: 50%;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
	}
	.contentRightAbText02{
		position: absolute;
		right: 35px;
		top: 12%;
		z-index: 2;
	}
	
	/*1枠目*/
	.contents01{
		position: relative;
		height: 0;
		padding-top: 71.66%;
		background-image: url(../img/bg01.png);
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	/*2枠目*/
	.contents02{
		position: relative;
		height: 0;
		padding-top: 71.66%;
		background-image: url(../img/bg02.png);
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	/*3枠目*/
	.contents03{
		position: relative;
		height: 0;
		padding-top: 71.66%;
		background-image: url(../img/bg03.png);
		background-repeat: no-repeat;
		background-size: contain;
		
	}
	
	/*4枠目*/
	.contents04{
		position: relative;
	}
	.contents04 a{
		display: block;
		width: 140px;
		height: 90px;
		position: absolute;
		border: 1px solid #FFFFFF;
		left: 7%;
		top: 50%;
		text-decoration: none;
	}
	.debutBtn p{
		font-size: 20px;
		font-weight: bold;
		font-family: "toyotaDisplay";
		line-height: 1.1em;
		padding: 18px 14px;
	}
	.yajirushi{
		width: 55px;
		padding-left: 14px;
		margin-top: -27px;
		transition: 0.4s;
	}
	.contents04 a:hover .yajirushi{
		padding-left: 65px;
		transition: 0.4s;
	}
	
	/*ホバーアクション*/
	#hoverImg01Anime,
	#hoverImg03Anime{
		display: none;
	}
	#hoverImg01,
	#hoverImg03{
		position: absolute;
		z-index: 1;
	}
	#hoverImg02Anime,
	#hoverImg04Anime{
		display: none;
	}
	#hoverImg02,
	#hoverImg04{
		position: absolute;

		z-index: 1;
		bottom: 0;
		right: 0;
	}
	#hoverImg05Anime{
		display: none;
	}
	#hoverImg05{
		position: absolute;
		z-index: 1;
		bottom: 0;
	}
	#hoverImg06Anime{
		display: none;
	}
	#hoverImg06{
		position: absolute;
		z-index: 1;
		right: 0;
	}
	
	/*アコーディオン*/
	.eventBox{
		background-color: rgba(0,0,0,0.7);
		width:100vw;
		height:100vh;
		position:fixed;
		top:0;
	}
	.eventBoxinner{
		width: 100%;
		height: 450px;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		background: #000000;
	}
	.eventBoxinner2{
		height: 550px;
	}
	.eventImg{
		width: 140px;
		float: left;
		margin-right: 15px;
		position: relative;
	}
	.zoom{
		width: 15px;
		height: 15px;
		position: absolute;
		bottom: 12px;
		right: 3px;
	}
	.eventImg p{
		text-align: center;
		font-size: 12px;
		padding-bottom: 2px;
	}
	.eventImgBox{
		width: 315px;
		margin-left: 45%;
		margin-top: 20px;
	}
	.fuelBox{
		width: 580px;
		margin-left: 5%;
		margin-top: 30px;
	}
	.eventImgBox02{
		width: 450px;
		margin-left: 5%;
		margin-top: 20px;
	}
	.acceleImgBox{
		width: 270px;
		margin-left: 5%;
		margin-top: 20px;
		position: relative;
	}
	.eventImgBox div:nth-child(2),
	.eventImgBox02 div:nth-child(2){
		margin-right: 0px;
	}
	.eventBtn{
		width: 32px;
		position: absolute;
		right: 0;
		top: 169px;
		cursor: pointer;
	}
	.eventBg03 .eventBtn{
		width: 32px;
		position: absolute;
		right: 0;
		top: 219px;
		cursor: pointer;
	}
	.eventBtn02{
		width: 32px;
		position: absolute;
		left: 0;
		top: 169px;
		cursor: pointer;
	}
	.eventTitle p,
	.eventTitle02 p{
		font-size: 26px;
		font-weight: bold;
		font-family: "toyotaDisplay";
	}
	.eventTitle{
		margin-left: 45%;
		padding-top: 40px;
	}
	.eventBg03 .eventTitle{
		margin-left: 5%;
		padding-top: 40px;
	}
	.eventTitle02{
		margin-left: 5%;
		padding-top: 40px;
	}
	.eventRead{
		margin-left: 45%;
	}
	.eventBg03 .eventRead{
		width: 75%;
		margin-left: 5%;
	}
	.eventRead02{
		width: 75%;
		margin-left: 5%;
	}
	.eventRead p,
	.eventRead02 p{
		text-shadow: 1px 1px 2px #000000;
	}
	.fuelTItle p{
		font-size: 20px;
		font-weight: bold;
		font-family: "toyotaDisplay";
	}
	.fuelInput{
		margin-top: 5px;
	}
	.fuelInput p{
		float: left;
		margin-right: 10px;
		font-size: 12px;
	}
	.fuelInput input[type="text"]{
		width: 70px;
		background: #FFFFFF;
	}
	.fuelInput select{
		width: 70px;
		padding: 2px 0;
	}
	.fuelInput input[type="submit"]{
		width: 60px;
		box-sizing: border-box;
		background: #FFFFFF;
		color: #000000;
		border: 1px solid #FFFFFF;
		cursor: pointer;
		font-size: 12px;
		padding: 5px 0;
	}
	.fuelInput input[type="submit"]:hover{
		opacity: 0.7;
	}
	.fuel:nth-child(3) input[type="text"]{
		width: 30px;
		border: none;
		font-size: 14px;
		background: transparent;
	}
	.fuel:nth-child(4) input[type="text"]{
		width: 40px;
		border: none;
		color: #FFFFFF;
		font-size: 14px;
		background: transparent;
	}
	.fuel:nth-child(5) input[type="text"]{
		width: 60px;
		border: none;
		font-size: 14px;
		background: transparent;
	}
	.fuelKekka{
		margin-top: 10px;
	}
	.fuelKekka .fuel:nth-child(1){
		background: #e5e5e5;
	}
	.fuelKekka .fuel:nth-child(1) p{
		color: #000000;
		font-weight: bold;
		font-family: "toyotaDisplay";
	}
	.fuelKekka .fuel:nth-child(3),
	.fuelKekka .fuel:nth-child(5){
		background: #FFFFFF;
	}
	.fuelKekka .fuel:nth-child(3) p,
	.fuelKekka .fuel:nth-child(5) p{
		color: #000000;
	}
	.fuel01{
		width: 200px;
		box-sizing: border-box;
		padding: 3px;
		float: left;
	}
	.fuel02{
		width: 130px;
		box-sizing: border-box;
		padding: 3px;
		float: left;
		text-align: center;
	}
	.fuel03{
		width: 120px;
		box-sizing: border-box;
		padding: 3px;
		float: left;
		text-align: center;
	}
	.fuel04{
		width: 120px;
		box-sizing: border-box;
		padding: 3px;
		float: left;
		text-align: center;
	}
	.fuel04 p,
	.fuel04 input{
		font-weight: bold;
		font-family: "toyotaDisplay";
	}
	.fuelbg{
		width: 10px;
		float: left;
		background: #000000;
		box-sizing: border-box;
		padding: 3px;
	}
	.fuel img{
		width: 20px;
		padding-right: 3px;
	}
	.fuelbg p{
		font-size: 16px;
	}
	.eventBg01{
		background-image: url(../img/ac_bg01.png);
		background-repeat: no-repeat;
		background-size: auto 100%;
		height: 450px;
	}
	.eventBg02{
		background-image: url(../img/ac_bg02.png);
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: right;
		height: 450px;
	}
	.eventBg03{
		background-image: url(../img/ac_bg03.png);
		background-repeat: no-repeat;
		background-size: auto 100%;
		height: 550px;
	}
	.eventBg04{
		background-image: url(../img/ac_bg04.png);
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: right;
		height:450px;
	}
	.eventBg05{
		background-image: url(../img/ac_bg05.png);
		background-repeat: no-repeat;
		background-size: auto 100%;
		height: 450px;
	}
	.eventBg06{
		background-image: url(../img/ac_bg06.png);
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: right;
		height: 450px;
	}
	
}

/*****スマホ*****/
@media only screen and (max-width: 639px) {
	
	/*共通*/
	.fullSizeBox{
		width: 100%;
	}
	.sp{
		display: none;
	}
	#a01,
	#a03,
	#a05{
		position: fixed;
		top: 0;
		z-index: 999;
		top: 0;
		display: none;
	}
	#a02,
	#a04,
	#a06{
		position: fixed;
		top: 0;
		z-index: 999;
		top: 0;
		display: none;
	}
	
	/*アニメーション*/
	.anime03{
		transform:translateX(0px);
		transition:all 1s;
	}
	.anime03.scrollin{
		transform:translateX(1200px);
	}
	.anime04{
		opacity:0;
		transform:translate(0,50px);
		transition:all 1s;
	}
	.anime04.scrollin{
		opacity:1;
		transform:translate(0,0);
	}
	.anime05{
		transform:translateX(0px);
		transition:all 1s;
	}
	.anime05.scrollin{
		transform:translateX(-1200px);
	}
	.anime07{
		transform:translateX(0px);
		transition:all 1s;
	}
	.anime07.scrollin{
		transform:translateX(-1200px);
	}
	.animebg{
		position: absolute;
		width: 100%;
		height: 100%;
		background: #000000;
		top: 0;
		z-index: 999;
	}
	
	/*メイン画像*/
	.mainImgBox{
		position: relative;
	}
	.mainImgBox p{
		width: 100%;
		text-align: center;
		font-weight: bold;
		line-height: 1.2em;
		font-family: "toyotaDisplay";
		font-size: 26px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);		
	}
	
	/*リード*/
	.mainReadBox{
		margin: 30px 0 150px 0;
	}
	.readTitle{
		text-align: center;
	}
	.readTitle p{
		font-size: 16px;
		font-weight: bold;
		font-family: "toyotaDisplay";
		line-height: 1.7em;
	}
	.read{
		text-align: center;
	}
	.read p{
		font-size: 12px;
		line-height: 1.7em;
	}
	.subReadBox01{
		position: absolute;
		width: 100%;
		top: -90px;
	}
	
	/*リンクボタン*/
	.contentTitle p{
		font-size: 18px;
		font-weight: bold;
		font-family: "toyotaDisplay";
		line-height: 1.1em;
		cursor: pointer;
	}
	.contentMore p{
		cursor: pointer;
	}
	.contentLeft{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
	}
	.contentLeftAbText{
		position: absolute;
		left: 15px;
		top: 7%;
		z-index: 2;
	}
	.contentRight{
		width: 100%;
		position: absolute;
		right: 0;
		bottom: 9%;
		z-index: 2;
	}
	.contentRightAbText{
		position: absolute;
		right: 7px;
		bottom: 15%;
		z-index: 2;
	}
	.contentLeft02{
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 9%;
		z-index: 2;
	}
	.contentLeftAbText02{
		position: absolute;
		left: 15px;
		bottom: 15%;
		z-index: 2;
	}
	.contentRight02{
		width: 100%;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
	}
	.contentRightAbText02{
		position: absolute;
		right: 15px;
		top: 7%;
		z-index: 2;
	}
	.spcontents{
		position: relative;
		margin-top: 100px;
	}
	
	/*1枠目*/
	.contents01{
		position: relative;
	}
	
	/*2枠目*/
	.contents02{
		position: relative;
	}
	
	/*3枠目*/
	.contents03{
		position: relative;		
	}
	
	/*4枠目*/
	.contents04{
		position: relative;
		padding-bottom: 30px;
	}
	.contents04 a{
		display: block;
		width: 80%;
		margin: 0 auto;
		border: 1px solid #FFFFFF;
		text-decoration: none;
		position: relative;
		margin-top: 20px;
	}
	.debutBtn p{
		font-size: 16px;
		font-weight: bold;
		font-family: "toyotaDisplay";
		line-height: 1.1em;
		padding: 16px 14px;
	}
	.yajirushi{
		position: absolute;
		width: 45px;
		right: 30px;
		top: 5px;
		transition: 0.4s;
	}
	.contents04 a:hover .yajirushi{
		right: 15px;
		transition: 0.4s;
	}
	
	/*ホバーアクション*/
	#hoverImg01Anime,
	#hoverImg03Anime{
		display: none;
	}
	#hoverImg01,
	#hoverImg03{
		position: absolute;
		z-index: 1;
	}
	#hoverImg02Anime,
	#hoverImg04Anime{
		display: none;
	}
	#hoverImg02,
	#hoverImg04{
		position: absolute;

		z-index: 1;
		bottom: 0;
		right: 0;
	}
	#hoverImg05Anime{
		display: none;
	}
	#hoverImg05{
		position: absolute;
		z-index: 1;
		bottom: 0;
	}
	#hoverImg06Anime{
		display: none;
	}
	#hoverImg06{
		position: absolute;
		z-index: 1;
		right: 0;
	}
	
	/*アコーディオン*/
	.eventBox{
		background-color: rgba(0,0,0,0.7);
		width: 100%;
		height: 100%;
		position: fixed;
		overflow-y: auto;
		top:0;
	}
	.eventBoxinner{
		width: 100%;
		box-sizing: border-box;
		padding: 0 20px 60px 20px;
		position: relative; 
		background: #000000;
	}
	.eventImg{
		width: 49%;
		float: left;
		margin-right: 2%;
		position: relative;
	}
	.zoom{
		width: 15px;
		height: 15px;
		position: absolute;
		bottom: 12px;
		right: 3px;
	}
	.eventImg p{
		text-align: center;
		font-size: 12px;
		padding-bottom: 2px;
	}
	.eventImgBox{
		margin-top: 20px;
	}
	.fuelBox{
		margin-top: 30px;
	}
	.eventImgBox02{
		margin-top: 20px;
	}
	.acceleImgBox{
		margin-top: 20px;
		position: relative;
	}
	.eventImgBox div:nth-child(2),
	.eventImgBox02 div:nth-child(2){
		margin-right: 0px;
	}
	.eventBtn{
		width: 14%;
		position: absolute;
		left: 43%;
		bottom: 0;
		cursor: pointer;
	}
	.eventBtn02{
		width: 14%;
		position: absolute;
		left: 43%;
		bottom: 0;
		cursor: pointer;
	}
	.eventTitle p,
	.eventTitle02 p{
		font-size: 22px;
		font-weight: bold;
		font-family: "toyotaDisplay";
	}
	.fuelTItle p{
		font-size: 20px;
		font-weight: bold;
		font-family: "toyotaDisplay";
		text-align: center;
	}
	.fuelInput{
		margin-top: 5px;
	}
	.fuelInput p{
		text-align: center;
		margin-bottom: 10px;
	}
	.fuelInput input[type="text"]{
		width: 80px;
		background: #000000;
		color: #FFFFFF;
	}
	.fuelInput select{
		width: 80px;
		background: #000000;
		color: #FFFFFF;
	}
	.fuelInput input[type="submit"]{
		width: 70px;
		box-sizing: border-box;
		background: #FFFFFF;
		color: #000000;
		border: 1px solid #FFFFFF;
		cursor: pointer;
		font-size: 12px;
		padding: 5px 0;
	}
	.fuelInput input[type="submit"]:hover{
		opacity: 0.7;
	}
	.fuel:nth-child(3) input[type="text"]{
		width: 30px;
		border: none;
		color: #FFFFFF;
		font-size: 14px;
		background: transparent;
	}
	.fuel:nth-child(4) input[type="text"]{
		width: 40px;
		border: none;
		color: #FFFFFF;
		font-size: 14px;
		background: transparent;
	}
	.fuel:nth-child(5) input[type="text"]{
		width: 60px;
		border: none;
		color: #FFFFFF;
		font-size: 14px;
		background: transparent;
	}
	.fuelKekka{
		margin-top: 10px;
	}
	.fuel01{
		box-sizing: border-box;
		padding: 3px 0;
		text-align: center;
		padding-bottom: 7px;
	}
	.fuel02{
		width: 49%;
		box-sizing: border-box;
		padding: 3px 0;
		float: left;
		text-align: center;
		margin-right: 2%;
	}
	.fuel03{
		width: 49%;
		box-sizing: border-box;
		padding: 3px 0;
		float: left;
		text-align: center;
	}
	.fuel04{
		box-sizing: border-box;
		padding: 3px;
		text-align: center;
	}
	.fuel04 p,
	.fuel04 input{
		font-weight: bold;
		font-family: "toyotaDisplay";
	}
	.fuelbg{
		display: none;
	}
	.fuel img{
		width: 20px;
		padding-right: 3px;
	}
	.fuelbg p{
		font-size: 16px;
	}
	.spKomoku{
		background: #FFFFFF;
	}
	.spKomoku p{
		color: #000000;
	}
	.fuel{
		padding-top: 15px;
	}
	.spCimg{
		background: #000000;
	}

}











@font-face {
  font-family: "GothamLight";
  src: url('../fonts/d949e1fd.gotham-light.eot');
  src: url('../fonts/d949e1fd.gotham-light.eot?#iefix') format('embedded-opentype'), url('../fonts/5a3ae165.gotham-light.woff') format('woff'), url('../fonts/c6c9d2dc.gotham-light.ttf') format('truetype'), url('../fonts/82625e3f.gotham-light.svg#GothamLight') format('svg');
  font-weight: "normal";
}
@font-face {
  font-family: "GothamMedium";
  src: url('../fonts/b8442a7d.gotham-medium.eot');
  src: url('../fonts/b8442a7d.gotham-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/b31e4db3.gotham-medium.woff') format('woff'), url('../fonts/6417c137.gotham-medium.ttf') format('truetype'), url('../fonts/4f0b1281.gotham-medium.svg#GothamMedium') format('svg');
  font-weight: "normal";
}


/*TOYOTA Regular FONT*/
@font-face {
  font-family: "toyotaDisplay";
  src: url('../fonts/toyotadisplay_rg.eot');
  src: url('../fonts/toyotadisplay_rg.eot?#iefix') format('embedded-opentype'),
       url('../fonts/toyotadisplay_rg.woff') format('woff'),
       url('../fonts/toyotadisplay_rg.ttf') format('truetype'),
       url('../fonts/toyotadisplay_rg.svg#toyota_displayregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'toyotaDisplay';
  src: url('../fonts/toyotadisplay_bd.eot');
  src: url('../fonts/toyotadisplay_bd.eot?#iefix') format('embedded-opentype'),
       url('../fonts/toyotadisplay_bd.woff') format('woff'),
       url('../fonts/toyotadisplay_bd.ttf') format('truetype'),
       url('../fonts/toyotadisplay_bd.svg#toyota_displaybold') format('svg');
  font-weight: bold;
  font-style: normal;
}