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




.main{
	color:#000;
	padding-bottom:0;
	width:100%;
	text-align:left;
	overflow:hidden;
	margin:85px auto 0;
	max-width:1600px;
	line-height:1.3;
}




main a{
	-webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -ms-transition: all 0s ease;
  transition: all 0s ease;
  word-break: break-all;
}



/* --------------------------- */

.topTitleBox{
	width:100%;
	margin:0 auto;
	height:100%;
	position:relative;
}

.topTitleBox .imageBox{
	width:50%;
	float:right;
	padding:35% 0;
	background:url(../images/mainimage.jpg) center center no-repeat;
	background-size:cover;
}


.topTitleBox .textBox{
	width:50%;
	height:100%;
	position:absolute;
	font-size:1.1em;
	top:0;
	bottom:0;
	left:0;
}
.topTitleBox .textBox .textInner{
	position:absolute;
	display:block;
	white-space:nowrap;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
	    -ms-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
	
}
.topTitleBox .textBox h2{
	font-weight:bold;
	font-size:2.4em;
}
.topTitleBox .textBox h3{
	font-family: "helveticaneue-medium";
	font-size:1.3em;
	margin-top:0.0em;
}
.topTitleBox .textBox h4{
	font-size:1.3em;
	line-height:1.8;
	margin:1.8em 0 1.5em;
}
.topTitleBox .textBox h4 span{
	font-family: "helveticaneue";
	padding-left:5px;
}
.topTitleBox .textBox .copy{
	line-height:1.7;
	margin-bottom:2em;
	font-size:1.1em;
}


.topTitleBox .itemLink{}

.topTitleBox .itemLink a{
	font-family: "helveticaneue";
	display:inline-block;
	margin:0.1em 0;
	-webkit-transition:color 0.25s ease;
	   -moz-transition:color 0.25s ease;
	    -ms-transition:color 0.25s ease;
	        transition:color 0.25s ease;
}
.topTitleBox .itemLink a:hover{
	color:#E11F35;
}

.topTitleBox .itemLink a br{
	display:none;
}



/* --------------------------- */


.tightsNavi{
	width:100%;
	
}
.tightsNavi ul{
	width:100%;
	text-align:center;
	font-size:0;
}
.tightsNavi ul li{
	width:50%;
	font-size:12px;
	display:inline-block;
}
.tightsNavi ul li a{
	display:block;
	width:100%;
	color:#FFF;
	padding:30px 0 15px;
	line-height:1.2;
	-webkit-transition:background 0.25s ease;
	   -moz-transition:background 0.25s ease;
	    -ms-transition:background 0.25s ease;
	        transition:background 0.25s ease;
}
.tightsNavi ul li a i{
	line-height:1;
	font-size:2.0em;
}
.tightsNavi ul li a:hover p{
	text-decoration:none !important;
}
.tightsNavi ul li.ins a{
	background:#595959;
}
.tightsNavi ul li.ele a{
	background:#efc316;
}
.tightsNavi ul li.imp a{
	background:#d6372c;
}

.tightsNavi ul li a h2{
	font-size:1.5em;
	padding-bottom:0.2em;
}


@media (min-width:769px) {
.tightsNavi ul li.ins a:hover{
	background:#dedede;
	color:#595959;
}
.tightsNavi ul li.ele a:hover{
	background:#fdf6d3;
	color:#efc316;
}
.tightsNavi ul li.imp a:hover{
	background:#f7d7d5;
	color:#d6372c;
}
}


/* --------------------------- */







.productsBox{
	border-top:5px solid #000;
}
.productsBox .itemHeader{
	width:100%;
	margin:0 auto;
	min-height:100%;
	height:100%;
	position:relative;
}
.productsBox .itemHeader .imageBox{
	width:60%;
	float:left;
	padding:35% 0;
}

.productsBox .itemHeader .imageBox.mianInspi{
	background:url(../images/main_inpspi.jpg) center center no-repeat;
	background-size:cover;
}
.productsBox .itemHeader .imageBox.mianElement{
	background:url(../images/main_element.jpg) center center no-repeat;
	background-size:cover;
}
.productsBox .itemHeader .imageBox.mianImpact{
	background:url(../images/main_impact.jpg) center center no-repeat;
	background-size:cover;
}

.productsBox .itemHeader .textBox{
	width:40%;
	height:100%;
	position:absolute;
	font-size:1.1em;
	background:#FFF;
	top:0;
	bottom:0;
	right:0;
}
.productsBox .itemHeader .textBox .textInner{
	position:absolute;
	display:block;
	white-space:nowrap;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
	    -ms-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
	
}



.productsBox .itemHeader .itemImg{
	width:180px;
	margin:0 auto 20px;
}
.productsBox .itemHeader .itemIcon{
	width:50px;
}
.productsBox .itemHeader .itemIcon2{
	width:110px;
}

.productsBox .itemHeader h2{
	font-family: "helveticaneue-bold";
	font-size:2.2em;
	margin-top:10px;
	line-height:1.3;
}
.productsBox .itemHeader h3{
	font-family: "helveticaneue-medium";
	font-size:1.5em;
	margin:18px 0 10px;
}
.productsBox .itemHeader h4{
	width:100%;
	background:#999;
	color: #FFF;
	text-align:center;
	padding:0.5em 0;
	line-height:1.0;
	margin:5px 0 0;
}

.productsBox .buyBox{
	margin-top:15px;
}
.productsBox .buy{
	padding:0.2em 0;
}
.productsBox .buy a{
	font-family: "helveticaneue-bold";
	font-size:1.1em;
	-webkit-transition:color 0.25s ease;
	   -moz-transition:color 0.25s ease;
	    -ms-transition:color 0.25s ease;
	        transition:color 0.25s ease;
}
.productsBox .buy a i{
	font-size:1.2em;
	padding-right:3px;
}
.productsBox .buy a span{
	font-family: "helveticaneue";
	font-size:0.91em;
	padding-left:1em;
}
.productsBox .buy a:hover{
	color:#E11F35;
}




.inspiGaiter a{
	margin-top:10px;
	-webkit-transition:color 0.25s ease;
	   -moz-transition:color 0.25s ease;
	    -ms-transition:color 0.25s ease;
	        transition:color 0.25s ease;
}
.inspiGaiter a:hover{
	color:#E11F35;
}
.inspiGaiter a i{
	font-size:1.2em;
	padding-right:5px;
}




.impactItem{
	margin-top:10px;
}
.impactItem a{
	margin-top:3px;
	-webkit-transition:color 0.25s ease;
	   -moz-transition:color 0.25s ease;
	    -ms-transition:color 0.25s ease;
	        transition:color 0.25s ease;
}
.impactItem a:hover{
	color:#E11F35;
}
.impactItem a i{
	font-size:1.2em;
	padding-right:2px;
}












.productsBox .itemInfo{
	width:90%;
	margin:0 auto;
	position:relative;
	font-size:1.1em;
	padding:50px 0 50px;
	max-width:1100px;
	line-height:1.5;
}
.productsBox .itemInfo .infoCopy{
	font-size:1.1em;
	padding-bottom:2em;
}


.productsBox .infoDetail{
	width:100%;
	margin-bottom:40px;
}

.productsBox .infoDetail .leftBox{
	float:left;
	width:100%;
	margin-right:-380px;
}
.productsBox .infoDetail .leftBox .leftInner{
	margin-right:380px;
}
.productsBox .infoDetail .rightBox{
	float:right;
	width:350px
}
.productsBox .infoDetail .rightBox .graph{
	width:100%;
}


.productsBox .infoDetail.inspi .leftBox{
	float:left;
	width:100%;
	margin-right:-580px;
}
.productsBox .infoDetail.inspi .leftBox .leftInner{
	margin-right:580px;
}
.productsBox .infoDetail.inspi .rightBox{
	float:right;
	width:565px;
}


.productsBox .infoDetail.inspi .rightBox .graph{
	width:350px;
	float:right;
}
.productsBox .infoDetail.inspi .rightBox .img{
	width:215px;
	float:left;
	padding-right:20px;
	box-sizing: border-box;
}






.productsBox .infoDetail .pointList p{
	margin-bottom:0.3em;
	font-size:1.1em;
	position:relative;
	padding-left:14px;
}
.productsBox .infoDetail .pointList p:after{
	content:"";
	width:8px;
	height:8px;
	position:absolute;
	background:#000;
	top:6px;
	left:0;
}





.productsBox .infoDetail .length{
	width:4.2em;
	height:4.2em;
	background:#B3B3B3;
	color:#000;
	margin-top:15px;
	position:relative;
	-webkit-border-radius:50%;
       -moz-border-radius:50%;
	    -ms-border-radius:50%;
	        border-radius:50%;
}
.productsBox .infoDetail .length span{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	line-height:1;
	white-space:nowrap;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
	    -ms-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
}
.productsBox .infoDetail .note{
	font-size:11px;
	line-height:1.4;
	padding:1em 0 0;
}







.movieLink a{
	margin-top:1em;
	font-size:1.1em;
	line-height:1;
	-webkit-transition:color 0.25s ease;
	   -moz-transition:color 0.25s ease;
	    -ms-transition:color 0.25s ease;
	        transition:color 0.25s ease;
}
.movieLink a i{
	padding-left:5px;
	font-size:1.2em;
}
.movieLink a:hover{
	color:#E11F35;
}






/* ----------- youtube --------- */
.youtubeBox{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.youtubeBox .youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin:0 auto;
}
.youtubeBox .youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}











.itemHeader:after,
section:after,
.infoDetail:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}

























@media (min-width:1400px) {
.topTitleBox .textBox{font-size:1.2em;}
.productsBox .itemHeader .imageBox{padding:32% 0;}
.productsBox .itemHeader .textBox{font-size:1.2em;}
.productsBox .itemHeader .itemImg{width:200px;}
}








@media (max-width:930px) {

.topTitleBox{margin-bottom:0px;}

.topTitleBox .imageBox{width:50%;}
.topTitleBox .textBox{width:50%;}	
.topTitleBox .textBox{font-size:1.45vw;}



.tightsNavi ul li a{padding:20px 0 5px;}

.productsBox .itemHeader .imageBox{padding:37% 0;}


.productsBox .itemHeader .textBox{font-size:1.5vw;}
.productsBox .itemHeader .itemImg{width:18vw;}


.productsBox .itemHeader .itemIcon{
	width:18%;
}
.productsBox .itemHeader .itemIcon2{
	width:37%;
}


.productsBox .itemHeader .imageBox{width:55%;}
.productsBox .itemHeader .textBox{width:45%;}

.productsBox .infoDetail .leftBox{margin-right:-350px;}
.productsBox .infoDetail .leftBox .leftInner{margin-right:350px;}
.productsBox .infoDetail .rightBox{width:320px}

.productsBox .infoDetail.inspi .leftBox{margin-right:-350px;}
.productsBox .infoDetail.inspi .leftBox .leftInner{margin-right:350px;}
.productsBox .infoDetail.inspi .rightBox{width:320px}
.productsBox .infoDetail.inspi .rightBox .graph{width:100%;float:none;}
.productsBox .infoDetail.inspi .rightBox .img{width:250px;float:none;margin:0 auto 10px;}


}





@media (max-width: 768px) {
.main{margin-top:65px;}


.topTitleBox{margin-bottom:0;}
.topTitleBox .textBox{font-size:1.1em;}
.topTitleBox .imageBox{
	width:100%;
	float:none;
	padding:58% 0;
}
.topTitleBox .textBox{
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	padding:8% 0;
}
.topTitleBox .textBox .textInner{
	position:static;
	display:inline-block;
	white-space:normal;
	top:0%;
	left:0%;
	-webkit-transform:translate(0%,0%);
	   -moz-transform:translate(0%,0%);
	    -ms-transform:translate(0%,0%);
	        transform:translate(0%,0%);
}
.topTitleBox .textBox .copy{
	width:90%;
	margin:0 auto 2em;
	text-align:left;
}
.topTitleBox .textBox .copy br{
	display:none;
}





/* ---------------- */

.productsBox .itemHeader .textBox{font-size:1.1em;}



.productsBox .itemHeader .imageBox{width:100%;float:none;padding:55% 0;}

.productsBox .itemHeader .textBox{
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	padding:9% 0;
}
.productsBox .itemHeader .textBox .textInner{
	position:static;
	display:inline-block;
	white-space:normal;
	top:0%;
	left:0%;
	width:100%;
	-webkit-transform:translate(0%,0%);
	   -moz-transform:translate(0%,0%);
	    -ms-transform:translate(0%,0%);
	        transform:translate(0%,0%);
}

.productsBox .buyBox{margin-top:20px;}
.productsBox .buy{font-size:1.1em;}

.productsBox .itemHeader .itemImg{width:30%; margin-bottom:5%;}
.productsBox .itemHeader .itemIcon{width:12%;max-width:60px;margin:0 auto;}
.productsBox .itemHeader .itemIcon2{width:25%;max-width:130px;margin:0 auto;}


.productsBox .itemHeader h2{font-size:2.3em;margin-top:15px;}
.productsBox .itemHeader h3{font-size:1.8em; margin-bottom:0.5em;}
.productsBox .itemHeader h4{width:90%;font-size:1.1em;margin:5px auto 0;max-width:300px;}



.productsBox .itemInfo{padding:5% 0 8%;font-size:1.2em;}


.productsBox .infoDetail .leftBox{margin-right:0;float:none; text-align:center;}
.productsBox .infoDetail .leftBox .leftInner{margin-right:0px;display:inline-block;text-align:left;}
.productsBox .infoDetail .rightBox{width:100%;max-width:400px;float:none; margin:35px auto 0;}



.productsBox .infoDetail.inspi .leftBox{margin-right:0;float:none; text-align:center;}
.productsBox .infoDetail.inspi .leftBox .leftInner{margin-right:0;display:inline-block;text-align:left;}
.productsBox .infoDetail.inspi .rightBox{width:100%;max-width:400px;float:none; margin:35px auto 0;}
.productsBox .infoDetail.inspi .rightBox .graph{width:100%;float:none;}
.productsBox .infoDetail.inspi .rightBox .img{width:300px;float:none;margin:0 auto 20px; padding:0;}


.productsBox .infoDetail .length{margin:15px auto 0;}


}



@media (max-width: 670px) {
.tightsNavi ul li{width:100%;}
.tightsNavi ul li a{padding:12px 0 3px;}
}

@media (max-width: 600px) {
.main{margin-top:50px;}
}






@media (max-width: 500px) {
.topTitleBox .textBox{padding:13% 0;}
.topTitleBox .textBox h2{font-size:1.9em;}
.topTitleBox .textBox h4{font-size:1.1em;}
.topTitleBox .textBox .copy{line-height:1.6;font-size:1.1em;}

.tightsNavi ul li a h2{font-size:1.3em;}
.tightsNavi ul li a i{font-size:1.7em;}




.topTitleBox .textBox .textInner{white-space:normal;}
.topTitleBox .textBox .copy{width:90%;margin:0 auto 1.5em;text-align:left;}
.topTitleBox .textBox .copy br{display:none;}
.topTitleBox .textBox .copy br.spView{display:block;}




.productsBox .itemHeader .imageBox{padding:58% 0;}

.productsBox .itemHeader .textBox{padding:11% 0;}
.productsBox .itemHeader .itemImg{width:35%;}

.productsBox .itemHeader h2{font-size:1.9em;}
.productsBox .itemHeader h3{font-size:1.45em;}
.productsBox .itemHeader h4{font-size:1.0em;}

.productsBox .infoDetail.inspi .rightBox .img{width:80%;}


.productsBox .itemInfo{padding:6% 0 12%;font-size:1.05em;}
.productsBox .buy{font-size:1.0em;}
.movieLink{
	text-align:center;
}


}





@media (max-width: 350px) {
.topTitleBox .textBox h2{font-size:1.9em;}
.topTitleBox .itemLink a br{display:block;}
}