@charset "UTF-8";


/* OVER WRITE */
body#body-alpha{ background:#000; color:#fff; }
	body#body-alpha #wrapper { width: auto; padding-top:0px; }
	body#body-alpha .wrapInner { padding-top:50px; padding-bottom:150px; }
		#headcontainer{ background:#000; opacity:0.95;-moz-opacity:0.95; filter: alpha(opacity=95);  }
		#pageSelect{ opacity:0.95;-moz-opacity:0.95; filter: alpha(opacity=95);  }

		#footercontainer{ background:#000; opacity:0.95;-moz-opacity:0.95; filter: alpha(opacity=95);  }


body#body-alpha .langswitch-box .active { color: #000; }




.lu-ft-alpha { display:none;}


/* SIDE
==========================================================*/

.side-navContainer {
	width: 20px;
	height:200px;
	position: fixed;
	right: 15px;
	top: 340px; top: 160px;
	z-index: 9999;
	text-align:right;
}

.side-gnaviInner{ line-height:0.5;}
ul.side-gnavi {  }
ul.side-gnavi li{ position:relative; min-height:30px; }
ul.side-gnavi li a{ display: block; height:10px; width:10px; background: #B2B2B2; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; /*background: url('../images/common/navbg_pinto.png') no-repeat -14px 0px;*/ }
ul.side-gnavi li.nav_button a{ position: absolute; right:0; }

ul.side-gnavi li.current a{ background:#e00012;}
/*ul.side-gnavi li.nav-2.current a{ background: url('../images/common/nav_g_off.png') no-repeat 0px 0px;}*/


#Container{}

.bg { background-size:cover;  }
/*#section-1 {  background: url(../images/lineup/alpha/mainbg.jpg) no-repeat right bottom; background-size: cover; height: 920px; }*/
#section-2 { background: #000; padding: 60px 0; }
#section-3 { background: #000; }
#section-4 { background: #000; }
#section-5 { background: #000; }
#section-6 { background: #000; }
#section-7 { background: #000; }

.en_title01 { color:#F5190F; font-size: 20px !important; line-height: 1.5; font-weight: bold; }
.en_title02 { color:#FFFFFF; font-size: 22px; line-height: 1.5; font-weight: bold; }




/* PINTO alpha
==========================================================*/

img { max-width: 100%; vertical-align: bottom; }
.centerposi { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  }
.centertate { position: absolute; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); } 

.inner1500 { max-width: 1500px; width: 100%; margin: 0 auto;}
.inner1300 { max-width: 1300px; width: 100%; margin: 0 auto;}
.inner1200 { max-width: 1200px; width: 100%; margin: 0 auto;}
.inner1100 { max-width: 1100px; width: 100%; margin: 0 auto;}
.fn40 { font-size: 40px;}
.fn33 { font-size: 33px;}
.fn32 { font-size: 32px;}
.fn25 { font-size: 25px;}
.fn24 { font-size: 24px;}
.fn23 { font-size: 23px;}
.fn22 { font-size: 22px;}
.fn20 { font-size: 20px;}
.fn19 { font-size: 19px;}
.fn18 { font-size: 18px;}
.fn17 { font-size: 17px;}
.fn16 { font-size: 16px !important; }
.pr20 { padding-right: 20px;}
.pt100 { padding-top: 110px;}
.pb100 { padding-bottom: 110px;}
.ls05 { letter-spacing: 0.5em;}

#section-2 { }
.conceptttl { width: 70%; padding-top: 20px;  }
.concepttxt { font-size: 40px; line-height: 2; font-weight: bold; }
.concept01 { padding-top: 40px;}
.concept01 .concepttxt { bottom: 40px; left: 100px;}
.concept02 {}
.concept02 .concepttxt { color: #000; bottom: 80px; right: 100px; font-size: 43px; }
@media screen and (max-width: 1360px) {
.concepttxt { font-size: 38px; line-height: 2; }
.concept01 .concepttxt { bottom: 0; left: 60px;}
.concept02 .concepttxt { color: #000; bottom: 20px; right: 60px; font-weight: bold; font-size: 40px;}
}

#section-3 { background: #fff; padding: 40px 0 160px;}
.colabottl { background: #000;font-weight: bold; font-size: 50px; padding: 10px 0; margin: 60px 0; }
#section-3 .col-l,
#section-3 .col-r { max-width: 560px; width: 50%; }

#section-4 { overflow-x: hidden; }
.sasaewrap { max-width: 1680px; width: 100%; margin: 0 auto; padding: 60px 0 120px;}
.ethreemmid { top: 120px; left: 0; }
.anwrap { padding-bottom: 120px; }
.anwrap .col-l,
.anwrap .col-r { width: 500px; }
.anwrap .col-l .yaji { right: -150px;}

#section-5 { padding-bottom: 130px; }
.colanwrap {max-width: 1680px; width: 100%; margin: 0 auto; }
.mid-tech02 { background: #fff;}
.mid-tech { opacity: 0.3;}

#section-6
.developwrap { background: url(../images/lineup/alpha/2102/develop-img.jpg) no-repeat right top; background-size: auto 100%; }
#section-6 .col-l { width: 660px; padding: 180px 0 300px;}
#section-6 .col-r { width: 534px; }
.develop-mid { max-width: 1220px; width: 100%;}



#section-7 { border-bottom: 1px solid #fff; }
.nomuwrap { padding: 100px 0; }
.nomuwrap .col-l { width: 430px; }
.nomuwrap .col-r { width: calc(100% - 430px - 60px); }
.nomulink { right: 0; bottom: 40px; }
.nomulink a { color: #fff; text-decoration: none; }


#section-8 { padding: 100px 0; border-bottom: 20px solid #e10012; }


#Product-wrap { padding-top: 80px; }
.mid-spec { margin-bottom: 40px; }
.colormid { font-size: 23px; padding-bottom: 5px;}
.flame-w { border: 1px solid #fff;}
#Product-inner{ width: 986px; margin: 0 auto; padding-top:30px; }
	#Product-inner .x1 #img-mainbox{ width:652px; height:485px; float:left; margin-right:14px; border: 1px solid #fff; }
	#Product-inner .x1 #img-tumb2box{ width:316px; height:235px; float:left; margin-bottom:14px; border: 1px solid #fff;  }
	#Product-inner .x1 #img-tumb3box{ width:316px; height:235px; float:left; margin-bottom:14px; border: 1px solid #fff;  }
	#Product-inner .x1 #img-mainbox img{}
	#Product-inner .x1 #img-tumb2box img{ width: 100%; }
	#Product-inner .x1 #img-tumb3box img{ width: 100%; }
.specwrap { }
.specwrap .col-l { width: 444px; }
.specwrap .col-r { width: calc(100% - 484px); }
.lineup_pintoSizeTable { font-size: 16px !important; }
.h35 td { padding: 5px !important; } 

.store_bnr{ position:absolute; right:-180px; top:30px; width: 150px; text-align: center;}
.store_bnr img { margin: 0 0 20px; }




/* SP Style Setting
----------------------------------------------------------------------------------------------*/


@media screen and (max-width: 750px) {
body#body-alpha{ }
body#body-alpha #wrapper { width: auto; padding-top:0px; }
body#body-alpha .wrapInner { padding-top:0px;  padding-bottom:0px; margin:0; }

.sp-br-none br{display: none;}

body.en #section-1{ margin-top:0%;}

.sp-brandtt-h2 { color:#000 !important;  }


.bg { background-size:cover;  }
#section-1 {  background: none; height: auto;  }


/* PINTO alpha
==========================================================*/

.inner1300 { width: 92%; margin: 0 auto;}
.inner1200 {width: 92%; margin: 0 auto;}
.inner1100 {width: 92%; margin: 0 auto;}
.fn40 { font-size: 22px;}
.fn33 { font-size: 20px;}
.fn32 { font-size: 20px;}
.fn25 { font-size: 16px;}
.fn24 { font-size: 14px;}
.fn23 { font-size: 14px;}
.fn22 { font-size: 14px;}
.fn20 { font-size: 14px;}
.fn19 { font-size: 13px;}
.fn18 { font-size: 13px;}
.fn17 { font-size: 13px;}
.fn16 { font-size: 12px !important;}
.pr20 { padding-right: 15px;}
.pt100 { padding-top: 110px;}
.pb100 { padding-bottom: 110px;}
.ls05 { letter-spacing: 0.5em;}

#section-2 { }
.conceptttl { width: 80%; margin-top: -30px; margin-left: 10%; padding-top: 0;  }
.concepttxt { font-size: 18px; line-height: 2; font-weight: bold; margin-top: -20px; margin-left: 4%;}
.concept01 { padding-top: 60px;}
.concept01 .concepttxt { position: inherit; bottom: auto; left:auto; }
.concept02 { background: #fff;}
.concept02 .concepttxt { width: 70%; margin-left: 28%; position: inherit; bottom: auto; right: auto; font-size: 20px; background: #fff; line-height: 1.8; }

#section-3 { background: #fff; padding: 30px 0 60px;}
.colabottl { background: #000;font-weight: bold; font-size: 21px; line-height: 1.4; padding: 15px; margin: -5px 0 20px; }
.colabowrap { width: 80%; margin: 0 auto;}
#section-3 .col-l { width: 100%; }
#section-3 .col-r { width: 100%; }
#section-3 .centerposi { position: inherit; top: 0; left: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0);
text-align: center; width: 40px; margin: 10px auto; }

#section-4 { overflow-x: hidden; }
.sasaewrap { padding: 20px 0;}
.anwrap { padding-bottom: 12%; }
.anwrap .col-l,
.anwrap .col-r { width: 100%;}
.anwrap .col-l { padding-bottom: 70px; position: relative; }
.anwrap .col-l:after { position: absolute; content: ""; width: 37px; height: 25px; background: url(../images/lineup/alpha/sp-yaji.png) no-repeat; bottom: 20px; left: calc( 50% - 18px);}
.anwrap .col-l .fn33.pb20 { padding-bottom: 5px !important;}
.animg { width: 75%; margin: 0 auto; }
.anwrap .col-l .yaji { right: -150px;}

#section-5 { padding-bottom: 60px; }

#section-6 { }
#section-6 .developwrap { background: none;}
#section-6 .col-l { width: 100%; margin: 0; padding: 8% 0; }
#section-6 .col-r { width: 55%; margin: 0 auto; }
.develop-mid { }

#section-7 { border-bottom: 10px solid #e10012; }
#section-7 .inner1100 { padding: 10% 0 !important; }
.nomuwrap { padding: 0 0 15%; }
.nomuwrap .col-l { width: 60%; margin: 0 auto 10%; }
.nomuwrap .col-r { width: 100%; }
.nomuwrap .pb40 { padding-bottom: 8% !important;}
.nomulink { position: inherit; right: auto; bottom: auto; }
.nomulink a { color: #fff; text-decoration: none; }
    
#section-8 { padding: 20px 0; border-bottom: 10px solid #e10012; }

#Product-wrap { padding-top: 12%; margin-bottom: 12% !important; }
.mid-spec { width: 40%; margin-bottom: 20px; }
.colormid { font-size: 23px; padding-bottom: 5px; }
.flame-w { border: 1px solid #fff;}
#Product-inner { width: 92%; margin: 0 auto; padding-top: 0; }
#prod_specbox { margin-bottom: 10px;}
	#Product-inner .x1 { margin-bottom: 30px !important;}
	#Product-inner .x1 #img-mainbox img{ }
	#Product-inner .x1 #img-tumb2box img{ width: 100%; }
	#Product-inner .x1 #img-tumb3box img{ width: 100%; }
.specwrap { }
.specwrap .col-l { width: 100%; margin-bottom: 30px; }
.specwrap .col-r { width: 100%; }
.lineup_pintoSizeTable { font-size: 13px !important; width: 100% !important; margin: 0 auto 10px !important; }
.h35 td { padding: 5px !important; width: 50%; }
.lu-ft-lineupInner { width: 100%; }
.pint_caution { padding-top: 15px; }

.store_bnr{ position:absolute; right:15px; top:-100px; width: 100px; }

.store_bnr img{ width:100px;}

#footercontainer{ background:#000 !important; border-top: 1px solid #fff; }
.Topofpage a { background: #000 !important; border-top: 1px solid #fff; border-left: 1px solid #fff; }
}



.cartwrap { margin-bottom: 100px;}
@media screen and (max-width: 750px) {
.cartwrap { margin-bottom: 50px;}
}