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

/* 前提 */

body{
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #034A96;
}

/* 全画面表示CSS */

.verBoothUnit {
  	max-width: 100%;
	height: 100%;
	position: relative;
}

.verBoothUnit img {
	width: 100%;
}


/* ボタンのリンク */

ul.btnLink {
  position: absolute;
	top: 18vw;
	left: 52vw;
	width: 40vw;
	height: 6.15vw;
	z-index: 1;
}

ul.btnLink a img {
	margin: 0.8vw 0;
	opacity: 0.6;
	-webkit-opacity: 0.6;
}


.Protean ul.btnLink a img,
.BEV2W ul.btnLink a img {
	margin: 0.3vw 0;
}


ul.btnLink a:hover img {
	opacity: 1;
	-webkit-opacity: 1;
}

li.contactBtn {
  position: absolute;
	top: 43vw;
	left: 52vw;
	width: 19vw;
	height: 6.15vw;
	z-index: 1;
}

li.returnBtn {
  position: absolute;
	top: 43vw;
	left: 73vw;
	width: 19vw;
	height: 6.15vw;
	z-index: 1;
}

li.contactBtn a img,
li.returnBtn a img {
	opacity: 0.6;
	-webkit-opacity: 0.6;
}

li.contactBtn a:hover img,
li.returnBtn a:hover img {
	opacity: 1;
	-webkit-opacity: 1;
}

/* ボタンのアニメーション設定 */

.fadein {
    opacity: 0;
    animation: fadein 0.6s ease forwards;
}

@keyframes fadein {
from {
    opacity: 0;
    transform: translateX(30px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}

.link01 {animation-delay: 0s;}
.link02 {animation-delay: 0.6s;}
.link03 {animation-delay: 1.2s;}
.link04 {animation-delay: 1.8s;}
.link05 {animation-delay: 2.4s;}
.link06 {animation-delay: 3s;}
.link07 {animation-delay: 3.6s;}

/* footer */

footer {
  background-color: #034A96;
  margin: 0;
  padding: 20px;
  min-height: 100%;
}

footer .copyright {
  color: #fff;
  text-align: left;
  float: left;
  clear: both;
}

footer ul.footer_menu li a {
  color:#fff;
  float: right;
  margin: 0 10px;
}

footer ul.footer_menu li a:hover {
  color: #99ccff;
  transition: 0.5s;
}

section {
	display: none;
}

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

section {
	width: 100%;
	height: 90vh;
	position: relative;
	display: block;
}
	
/* Protean IWM */
section.Protean {
	background-image: url("/ja/Exhibition/img/ExBack_Protean.jpg");
	background-size: cover;
	background-position: center;
}
	
/* WREV */
section.EVTC {
	background-image: url("/ja/Exhibition/img/ExBack_EVWR.jpg");
	background-size: cover;
	background-position: center;
}

/* DNX IWM */
section.IWmotor {
	background-image: url("/ja/Exhibition/img/ExBack_IWmotor.jpg");
	background-size: cover;
	background-position: center;
}

/* DNX e-Axle */
section.eAxle {
	background-image: url("/ja/Exhibition/img/ExBack_eAxle.jpg");
	background-size: cover;
	background-position: center;
}
	
/* eWAD */
section.eWAD {
	background-image: url("/ja/Exhibition/img/ExBack_eWAD.jpg");
	background-size: cover;
	background-position: center;
}
	
/* 2輪BEV駆動ユニット */
section.BEV2W {
	background-image: url("/ja/Exhibition/img/ExBack_2WUnit.jpg");
	background-size: cover;
	background-position: center;
}

/* 低振動発電機 */
section.Generator {
	background-image: url("/ja/Exhibition/img/ExBack_Generator.jpg");
	background-size: cover;
	background-position: center;
}

	
/* 断熱シート */
section.sheet {
	background-image: url("/ja/Exhibition/img/ExBack_sheet.jpg");
	background-size: cover;
	background-position: center;
}
	
/* 電動アシストTugger */
section.Tugger {
	background-image: url("/ja/Exhibition/img/ExBack_Tugger.jpg");
	background-size: cover;
	background-position: center;
}
	
/* セルフアシスト自転車 */
section.AssistCycle {
	background-image: url("/ja/Exhibition/img/ExBack_AssistCycle.jpg");
	background-size: cover;
	background-position: center;
}
	
/* ViXion01 */
section.ViXion01 {
	background-image: url("/ja/Exhibition/img/ExBack_ViXion.jpg");
	background-size: cover;
	background-position: center;
}
	
/* Drone */
section.drone {
	background-image: url("/ja/Exhibition/img/ExBack_drone.jpg");
	background-size: cover;
	background-position: center;
}

/* iSG */
section.iSG {
	background-image: url("/ja/Exhibition/img/ExBack_iSG.jpg");
	background-size: cover;
	background-position: center;
}

/* P2TC */
section.P2TC {
	background-image: url("/ja/Exhibition/img/ExBack_P2TC.jpg");
	background-size: cover;
	background-position: center;
}

/* D-CCM */
section.DCCM {
	background-image: url("/ja/Exhibition/img/ExBack_DCCM.jpg");
	background-size: cover;
	background-position: center;
}

/* CPCA */
section.CPCA {
	background-image: url("/ja/Exhibition/img/ExBack_CPCA.jpg");
	background-size: cover;
	background-position: center;
}

/* 2輪湿式クラッチ（レース用） */
section.Wet2W {
	background-image: url("/ja/Exhibition/img/ExBack_2WJSB.jpg");
	background-size: cover;
	background-position: center;
}

/* RSC */
section.RSC2W {
	background-image: url("/ja/Exhibition/img/ExBack_2WRSC.jpg");
	background-size: cover;
	background-position: center;
}

/* Smart Robots */
section.Robots {
	background-image: url("/ja/Exhibition/img/ExBack_Robots.jpg");
	background-size: cover;
	background-position: center;
}

/* アシスト・モビリティ用モータ */
section.motor {
	background-image: url("/ja/Exhibition/img/ExBack_motor.jpg");
	background-size: cover;
	background-position: center;
}

/* 汎用電動駆動ユニット */
section.unit {
	background-image: url("/ja/Exhibition/img/ExBack_unit.jpg");
	background-size: cover;
	background-position: center;
}

	
/* 各セクションの h2 の設定 */

section h2 {
	margin: 0 20px 20px;
	padding-top: 20px;
	font-weight: bold;
	display: block;
	font-size: 1.25rem
}

section h2 span {
	font-weight: normal;
	font-size: 0.8rem;
	display: block;
}

section.EXD h2 {
  border-bottom: solid 3px #0022EE;
  position: relative;
}

section.EXD h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #EE0066;
  bottom: -3px;
  width: 20%;
}

section.DNX h2 {
  border-bottom: solid 3px #999999;
  position: relative;
}

section.DNX h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #0099ff;
  bottom: -3px;
  width: 20%;
}

section.ViXion h2 {
  border-bottom: solid 3px #999999;
  position: relative;
}

section.ViXion h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #313d49;
  bottom: -3px;
  width: 20%;
}

/* 各セクションの li の設定 */

section ul {
	margin: 40px;
	padding: 0;
}

section.EXD ul li {
	border-left: solid 6px #0022EE;	/*左側の線*/
}

section.DNX ul li {
	border-left: solid 6px #0099ff;	/*左側の線*/
}

section.ViXion ul li {
	border-left: solid 6px #313d49;	/*左側の線*/
}

section ul li {
	border-left: solid 6px #0022EE;	/*左側の線*/
	border-bottom: solid 2px #dadada;	/*下に灰色線*/
	background: whitesmoke;
	background-color:rgba(255,255,255,0.7);
	background-blend-mode:lighten;
	margin-bottom: 15px;	/*下のバーとの余白*/
	font-size: 140%;
	line-height: 1.5;
	padding: 0.5em;
	font-weight: bold;
}
	
section.Protean ul li {
	font-size: 120%;
	line-height: 1.4;
	}
	
	
/* 製品一覧に戻るボタン の設定 */
	
section p {
	position: absolute;
	left: 55vw;
	top: 83vh;
	}
	
section p.toContact {
	position: absolute;
	left: 15vw;
	top: 83vh;
	}

section p a {
	background-color: #eee;
	border: 1px solid #999;
	border-radius: 7px ;
	padding: 12px 12px 12px 25px;
	opacity: 0.8;
	color: #000;
}	

section p a:before {
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 5px 0 10px;
}

section.EXD p a:before {
  border-left: 10px solid #0022EE;
}

section.DNX p a:before {
  border-left: 10px solid #0099ff;
}

section.ViXion p a:before {
  border-left: 10px solid #313d49;
}
	

/* フッター の設定 */
footer {
	padding: 20px 10px 10px;
	font-size: 11px;
}

footer ul.footer_menu li a {

	margin: 0;
	display: block;
	float: right;
}
  
}