@charset "UTF-8";

/* CSS Document */

/* --------------
MODULE IMPORT
-------------- */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Viga');
@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900');

/* ----------------------------------------------------------------------------------
common
---------------------------------------------------------------------------------- */

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

html,body{
    width: 100%;
	height: 100%;
}

body {
	background: #fff;
	text-align : center;
	font-family: 'Noto Sans Japanese', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	color: #333;
	font-weight: 500l;
	font-size: 13px;
	line-height: 1.8;
	word-break: break-all;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
}

a:link	 { color: #434343; text-decoration: none; }
a:visited { color: #434343; text-decoration: none; }
a:hover	{ color: #434343; text-decoration: underline; }
a:active	{ color: #434343;  }

a { outline:none; }

img {
	border: 0px;
	max-width: 100%;
    height: auto;
	vertical-align: bottom;
}

li { list-style-type: none; }

.center {
    text-align: center;
}

.center img {
    margin-bottom: 20px;
}

.left {
    float: left;
    margin: 0 40px 0 0;
}

.viga {
    /*font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
}
.worksans {
 font-family: 'Work Sans', sans-serif; 
}
p {
    margin-bottom: 30px;
}

.heebo {
	/*font-family: 'Heebo', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
}

.links {
    margin-top: -100px;
    padding-top: 100px;
}

.links2 {
    margin-top: -80px;
    padding-top: 80px;
}

/* ----------------------------------------------------------------------------------
header
---------------------------------------------------------------------------------- */

header {
    position: fixed;
    background: #fff url(../img/header_bg.gif) repeat-x left top;
 	width : 100%;
	margin: 0 auto;
    padding: 0;
	z-index: 1000;
	top: 0;
}

#headerArea {
	position: relative;
 	width : 1200px;
	height: 73px;
	margin: 0 auto;
    padding: 0;
}

#headerLineGray {
    width: 100%;
	margin: 0 auto;
	border-bottom: 7px solid #9fa0a0;
}

#headerLineAltitudeBicycle_SuperAeroBicycle {
    width: 100%;
	margin: 0 auto;
	border-bottom: 7px solid #0c419a;
}

#headerLineAeroBicycle {
    width: 100%;
	margin: 0 auto;
	border-bottom: 7px solid #e5004f;
}

#headerLineEnduranceBicycle {
    width: 100%;
	margin: 0 auto;
	border-bottom: 7px solid #ffe100;
}

#headerLineRacingBicycle {
    width: 100%;
	margin: 0 auto;
	border-bottom: 7px solid #f08200;
}

#headerLineTRACK {
    width: 100%;
	margin: 0 auto;
	border-bottom: 7px solid #00b9ef;
}

#headerLineMTB {
    width: 100%;
	margin: 0 auto;
	border-bottom: 7px solid #004ea2;
}

#logo {
    position: absolute;
    left: 0;
    top: 24px;
}

nav ul {
    position: absolute;
	top: 30px;
	right: 0;
}

nav ul li {
    display: inline-block;
	margin: 0 0 0 11px;
}

nav ul li a {
/*    font-family: 'Viga', sans-serif;*/
font-family: 'Work Sans', sans-serif; 
 /*font-weight: 400;*/
 font-weight: 600;
	font-size: 15px;
	color: #333 !important;
	letter-spacing: 0;
}

nav ul li a:hover {
    text-decoration: none;
	opacity: 0.6;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

/* ----------------------------------------------------------------------------------
contents
---------------------------------------------------------------------------------- */

.news dt {
	clear: left;
    float: left;
	text-align: left;
	width: 110px;
    padding: 13px 0;
}

.news dd {
    text-align: left;
	margin: 0px;
    padding: 13px 0 13px 110px;
	border-bottom: 1px dotted #666;
}

.news a:link	 { color: #fff; text-decoration: none; }
.news a:visited { color: #fff; text-decoration: none; }
.news a:hover	{ color: #fff; text-decoration: underline; }
.news a:active	{ color: #fff;  }

.topNaviArea {
    overflow: hidden;
	margin: 0 auto;
	margin-bottom: -7px;
	padding: 0;
}

.topNaviArea li {
    position: relative;
    display: inline-block;
    width: 25%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 0;
}

.naviTxt {
    position: absolute;
	/*font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
 font-weight: 700;
	font-size: 36px;
	height: 60px;
	color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	margin: auto;
	z-index: 1;
}

.carbonTechnicalNaviArea {
    overflow: hidden;
	margin: 0 auto;
	margin-bottom: -7px;
	padding: 0;
}

.carbonTechnicalNaviArea li {
    position: relative;
    display: inline-block;
    width: 50%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 0;
}

.carbonTxt {
    position: absolute;
	/*font-family: 'Heebo', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
	font-size: 34px;
	height: 74px;
	font-weight: 900;
	color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	margin: auto;
	z-index: 1;
	line-height: 38px;
}

.carbonTxtThin {
	/*font-family: 'Heebo', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
	font-size: 32px;
	font-weight: 300;
}

#newsArea {
    overflow: hidden;
	background: #1A1A1A;
	margin: 0 auto;
	padding: 0;
}

#newsL {
    background: #1A1A1A;
    position: relative;
	float: left;
    width: 50%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 0;
	box-sizing: border-box;
 font-family: 'Work Sans', sans-serif;
 font-weight: 700;
}

#newsR {
    background: #1A1A1A;
    position: relative;
	float: right;
    width: 50%;
	text-align: left;
	color: #fff;
	margin: 0;
	padding: 30px 40px 30px 0;
	overflow: hidden;
	z-index: 0;
	box-sizing: border-box;
}

.newsTxt {
    position: absolute;
    /*font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
	font-size: 36px;
	height: 360px;
	color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	margin: auto;
	z-index: 1;
	line-height: 360px;
}

#newsInner {
    margin: 0px;
    padding: 62px 25px 25px 25px;	
}

.itemTitle {
    float: right;
	width: 84%;
}

.itemDate {
    float: left;
}

.feedEkList {
    overflow: hidden;
	margin: 0 auto;
	padding: 0;
}
.feedEkList li {
    clear: both;
	overflow: hidden;
	padding: 10px 0 14px 0;
	border-bottom: 1px dotted #444343;
}
	
.feedEkList li:last-child {
}

.feedEkList a:link { color: #fff; text-decoration: none; }
.feedEkList a:visited { color: #fff; text-decoration: none; }
.feedEkList a:hover	{ color: #fff; text-decoration: underline; }
.feedEkList a:active { color: #fff;  }

.button {
/*	font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
    clear: both;
    display: table;
    width: 180px;
    height: 30px;
	color: #fff !important;
    text-align: center;
    line-height: 38px;
    outline: none;
    margin: 0 auto;
    border: 1px solid #fff;
}

.buttonWh {
	/*font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
    clear: both;
    display: table;
    width: 180px;
    height: 30px;
	color: #333 !important;
    text-align: center;
    line-height: 38px;
    outline: none;
    margin: 0 auto;
    border: 1px solid #333;
}
.buttonWh {
	/*font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
    clear: both;
    display: table;
    width: 180px;
    height: 30px;
	color: #333 !important;
    text-align: center;
    line-height: 38px;
    outline: none;
    margin: 0 auto;
    border: 1px solid #333;
}
.buttonWide {
	/*font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
    clear: both;
    display: table;
    width: 380px;
    height: 30px;
	font-size: 16px;
	color: #fff !important;
    text-align: center;
    line-height: 38px;
    outline: none;
    margin: 0 auto;
    border: 1px solid #fff;
}

.button:hover,
.buttonWide:hover {
    background: #fff;
	color: #333 !important;
	text-decoration: none;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.buttonWh:hover {
    background: #333;
	color: #fff !important;
	text-decoration: none;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.buttonKEOCLEAT {
    background: #FFE100;
	/*font-family: 'Heebo', sans-serif;*/
  font-family: 'Work Sans', sans-serif; 
    clear: both;
    display: table;
    width: 200px;
    height: 60px;
	font-size: 22px;
	font-weight: 900;
	color: #fff !important;
    text-align: center;
    line-height: 60px;
    outline: none;
    margin: 0 auto;
    border: 1px solid #fff;
}

.buttonKEOCLEAT:hover {
    background: #D0C716;
	color: #fff !important;
	text-decoration: none;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.buttonMTBCLEAT {
    background: #007bc7;
	/*font-family: 'Heebo', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
    clear: both;
    display: table;
    width: 200px;
    height: 60px;
	font-size: 22px;
	font-weight: 900;
	color: #fff !important;
    text-align: center;
    line-height: 60px;
    outline: none;
    margin: 0 auto;
    border: 1px solid #fff;
}

.buttonMTBCLEAT:hover {
    background: #145B86;
	color: #fff !important;
	text-decoration: none;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#catalogueArea {
	background: url(../../img/index/catalogue.jpg) no-repeat;
	background-size: cover;
	color: #fff;
	margin: 0 auto;
	padding: 24px 0 40px 0;
}

#catalogueInner {	
	overflow: hidden;
 	width : 934px;
	text-align: left;
	margin: 0 auto;
    padding: 0;
}

#catalogueTxt {
    /*font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
 font-weight: bold;
	font-size: 36px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0;
}

.catalogue {
    display: inline-block;
	/*font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
	font-size: 12px;
    margin: 8px;
    padding: 0;
	vertical-align: middle;
}

#catalogueArea a:link { color: #fff; text-decoration: none; }
#catalogueArea a:visited { color: #fff; text-decoration: none; }
#catalogueArea a:hover	{ color: #fff; text-decoration: underline; }
#catalogueArea a:active { color: #fff;  }

#sns {
    overflow: hidden;
	background: #202020;
	margin: 0 auto;
	padding: 20px 0;
}

#share {
    position: relative;
	/*font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
	width: 100px;
    font-size: 10px;
	color: #fff;
	margin: 0 auto;
	padding: 0;
	top: -5px;
}

#ryd {
    position: relative;
    width: 100%;
	height: auto;
    margin: 0;
	padding: 0;
	z-index: 0;
}

#ryd2018 {
    position: absolute;
	/*font-family: 'Heebo', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
	font-size: 110px;
	font-weight: 900;
	text-align: left;
	color: #fff;
    left: 150px;
    top: 140px;
    bottom: 0;
    margin: auto;
	z-index: 1;
	letter-spacing: -3px;
	line-height: 90px;
}

#carbonBg {
    background: url(../../img/carbon_technology/main_bg.jpg) no-repeat;
    background-size: cover;
	width: 100%;
	margin: 73px 0 0 0 ;
	padding: 70px 0 20px 0;
	z-index: 0;
	box-sizing: border-box;
}

.carbonTxtCo {
	/*font-family: 'Heebo', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
	font-size: 70px;
	height: 74px;
	font-weight: 900;
	color: #fff;
	margin: auto;
	margin-bottom: 60px;
	z-index: 1;
	line-height: 44px;
}

.carbonTxtThinCo {
	/*font-family: 'Heebo', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
	font-size: 43px;
	font-weight: 300;
}

.wrapperCarbon {
	overflow: hidden;
 	width : 870px;
	text-align: left;
	margin: 0 auto;
    padding: 0 0 20px 0;
}

.carbonL {
 float: left;
/* width: 352px;*/
 width: 473px;
	color: #fff;
	text-align: right;
 margin: 0;
 padding: 0;
	z-index: 1;
}

.carbonR {
 float: right;
 /*width: 470px;*/
 width: 349px;
	color: #fff;
	text-align: left;
 margin: 0;
 padding: 0 0 0 0;
	z-index: 1;
	text-align: justify;
	text-justify: inter-ideograph;
 
}

.AERO { color: #e5004f; }
.ALTITUDE { color: #0c419a; }
.ENDURANCE { color: #ffe100; }
.RACING { color: #f08200; }
.TRACK { color: #1eb9ee; }
.MTB { color: #004ea2; }
.COMFORT { color: #0068b5; }
.MTBPEDAL { color: #007bc7; }

.wrapperBl {
	background: #202020;
 	width : 100%;
	color: #fff;
	margin: 0 auto;
    padding: 0;
}

.wrapperBl02 {
	background: #0E0000;
	overflow: hidden;
 	width : 100%;
	margin: 0 auto;
    padding: 0;
}

.wrapperTechnical {
	background: #000;
	overflow: hidden;
	color: #fff;
 	width : 100%;
	margin: 0 auto;
    padding: 0;
}

.wrapperWh {
 	width : 1200px;
	color: #fff;
	text-align: left;
	margin: 0 auto;
    padding: 40px 0;
}

.wrapperCarbonSho {
	overflow: hidden;
	position: relative;
 	width : 870px;
	text-align: left;
	margin: 0 auto;
    padding: 50px 0 40px 0;
}

.carbonL02 {
    float: left;
    width: 470px;
	color: #fff;
	text-align: left;
    margin: 0;
    /*padding: 0 0 20px 0;*/
 padding: 30px 0 200px 0;
	text-align: justify;
	text-justify: inter-ideograph;
 background:url("../../img/carbon_technology/carbon09.png") no-repeat scroll center bottom;
 background-size: 235px 215px;
}

.carbonR02 {
    float: right;
    width: 358px;
	color: #fff;
	text-align: left;
    margin: 0;
    padding: 30px 0 30px 0;
}

#carbonPhoto {
    position: absolute;
    width: 470px;
	margin: 0;
	padding: 0;
	right: 0;
	top: 0;
}

.carbonL03 {
    float: left;
	background: url(../../img/carbon_technology/carbonl03_bg.jpg) no-repeat;
	background-size: cover;
    width: 50%;
	height: 605px;
	text-align: left;
    margin: 0;
    padding: 0;
}

.carbonR03 {
    float: left;
    width: 446px;
	color: #fff;
	text-align: center;
    margin: 0;
    padding: 14px 0 20px 50px;
}

#titleArea {
	background: url(../img/title_bg.jpg) no-repeat;
	background-size: cover;
	width: 100%;
	height: 400px;
	margin: 0 auto;
	margin-top: 73px;
	padding: 0;
	box-sizing: border-box;
}

#titleAreaInner {
	/*font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
 font-weight: 700;
	width: 1200px;
	font-size: 38px;
	color: #fff;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	line-height: 400px;
}

#titleAreaIcon {
	position: absolute;
	background: url(../../2017model/common/img/icon01.png) no-repeat;
	width: 142px;
	height: 50px;
	right: 17px;
	top: 29px;
}

.wrapper {
    position: relative;
	overflow: hidden;
 	width : 1200px;
	text-align: left;
	margin: 0 auto;
    padding: 40px 0;
	text-align: justify;
	text-justify: inter-ideograph;
}

.wrapper h3 {
    line-height: 1.4;
	margin-bottom: 20px;
}

.wrapperPedal,
.wrapperAccessories,
.wrapperApparel {
    position: relative;
 	width : 1200px;
	text-align: left;
	margin: 0 auto;
    padding: 0 0 40px 0;
	text-align: justify;
	text-justify: inter-ideograph;
}

.wrapperNp {
 	width : 1200px;
	text-align: center;
	margin: 0 auto;
    padding: 0;
	z-index: 0;
}

.wrapperNpL {
    position: relative;
 	width : 1200px;
	text-align: left;
	margin: 0 auto;
    padding: 0;
}

#wrapper {
    position: relative;
	overflow: hidden;
 	width : 1200px;
	text-align: left;
	margin: 0 auto;
    padding: 0 0 40px 0;
	text-align: justify;
	text-justify: inter-ideograph;
}

#wrapper h3 {
    line-height: 1.4;
	margin-bottom: 20px;
}

#wrapperInnerCommon {
 	width : 1140px;
	text-align: left;
	margin: 0px auto;	
	padding: 20px 0px 40px 0px;
}

#wrapperInnerCommon2 {
 	width : 1140px;
	text-align: left;
	margin: 0px auto;	
	padding: 20px 0px 40px 0px;
}

#wrapperInnerGu {
	background: url(../../img/guarantee_system/bg.jpg) no-repeat right top;
 	width : 1140px;
	text-align: left;
	margin: 0px auto;	
	padding: 20px 0px 0px 0px;
	border-top: 3px solid #1e1e1e;
}

#pankuzuArea {
    width: 1200px;
	font-size: 12px;
	text-align: right;
	margin: 10px auto;
    padding: 0;
	z-index: 1;
}

#pankuzuAreaCa {
    position: absolute;
    width: 1200px;
	font-size: 12px;
	color: #fff;
	text-align: right;
	margin: 10px auto;
    padding: 0;
	left: 0;
	right: 0;
	top: 80px;
}

#pankuzuAreaWh {
    width: 1200px;
	font-size: 12px;
	text-align: right;
	color: #fff;
	margin: 10px auto;
    padding: 0;
}

#pankuzuAreaWh a:link,#pankuzuAreaCa a:link { color: #fff; text-decoration: none; }
#pankuzuAreaWh a:visited,#pankuzuAreaCa a:visited { color: #fff; text-decoration: none; }
#pankuzuAreaWh a:hover,#pankuzuAreaCa a:hover { color: #fff; text-decoration: underline; }
#pankuzuAreaWh a:active,#pankuzuAreaCa a:active	{ color: #fff;  }

#naviArea {
    background: url(../img/navi_bg.gif) repeat;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 10px 0;
}

#naviArea ul li {
	/*font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
   display: inline-block;
   background: #fff;
   width: 289px;
   height: 40px;
   font-size: 15px;
   margin: 0 2px;
   padding: 0;
   line-height: 40px;
   cursor: pointer;
}

#naviArea ul li a {
   display: block;
   text-decoration: none;
}

#naviArea ul li a:hover {
    background: #313131;
	color: #fff;
    text-decoration: none;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.subTitle {
    background: url(../img/line.png) repeat-x left bottom;
	font-size: 20px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	line-height: 1;
}

.linksMark {
    background: url(../img/link_mark.gif) no-repeat left;
	margin: 0px;
	padding-left: 9px;
}

.headMach dl {
    clear: both;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.headMach dt {
	clear: left;
    float: left;
    padding: 0px;
	font-size: 12px;
	line-height: 18px;
}

.headMach dd {
    margin-left: 0;
    padding: 0px 0em 0px 1.2em;
	font-size: 12px;
	line-height: 18px;
}

.headMachS dl {
    clear: both;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.headMachS dt {
	clear: left;
    float: left;
    padding: 0px;
	font-size: 11px;
	line-height: 18px;
}

.headMachS dd {
    margin-left: 0;
    padding: 0px 0em 0px 1.2em;
	font-size: 11px;
	line-height: 18px;
}

.imgRight {
	float: right;
	margin: 0px 0px 15px 30px;
}

.imgRightNoma {
	float: right;
	margin: 0px 0px 15px 0px;
}

.imgRight2 {
	float: right;
	margin: 0px;
}

.imgRight3 {
	float: right;
	width: 419px;
	text-align: right;	
	margin: 0px;
	padding: 0px;
}

.imgRight3 img {
	margin-bottom: 7px;
}


.imgCatalog {
	float: right;
	margin: 0px 0px 0px 20px;
}

.pdf {
	background: url(../img/pdf_icon.png) no-repeat left;
	background-size: 12px 14px;
	margin: 0px;
	padding: 0px 0px 0px 18px;
}

.commonLr {
    clear: both;
    overflow: hidden;
	position: relative;
}

#accessoriesTitleArea {
    background: url(../../accessories/img/title_bg.jpg) no-repeat center;
    background-size: cover;
	width: 100%;
	height: 400px;
	margin: 73px 0 0 0;
	padding: 0px;
}

#apparelTitleArea {
    background: url(../../apparel/img/title_bg.jpg) no-repeat center;
    background-size: cover;
	width: 100%;
	height: 400px;
	margin: 73px 0 0 0;
	padding: 0px;
}

#guarantee_systemTitleArea {
    background: url(../../img/guarantee_system/title_bg.jpg) no-repeat center;
    background-size: cover;
	width: 100%;
	height: 400px;
	margin: 73px 0 0 0;
	padding: 0px;
}

#infoTitleArea {
    background: url(../img/info_bg.jpg) no-repeat center;
    background-size: cover;
	width: 100%;
	height: 400px;
	margin: 73px 0 0 0;
	padding: 0px;
}

#dealerTitleArea {
    background: url(../../img/dealer/title_bg.jpg) no-repeat center;
    background-size: cover;
	width: 100%;
	height: 400px;
	margin: 73px 0 0 0;
	padding: 0px;
}
#movieTitleArea {
 background:url("../../img/movie/Movie_title.jpg") no-repeat center;
 background-size: cover;
	width: 100%;
	height: 400px;
	padding: 0px;
}
#retailerTitleArea {
 background:url("../../img/retailer/Retailer_title.jpg") no-repeat center;
 background-size: cover;
	width: 100%;
	height: 400px;
	padding: 0px;
}
/* ----------------------------------------------------------------------------------
technical
---------------------------------------------------------------------------------- */

#titleAreaTECHNICAL {
    background: url(../../img/technical/title_bg2019.jpg) no-repeat bottom;
    background-size: cover;
	width: 100%;
	height: 400px;
	margin: 73px 0 0 0;
	padding: 0px;
}

#titleAreaTECHNICAL h2{
	text-shadow: 1px 1px 6px #666;
}

/* ----------------------------------------------------------------------------------
guarantee_system
---------------------------------------------------------------------------------- */

#gs dl {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#gs dt {
	clear: left;
    float: left;
	margin: 0px;
    padding: 0px;
}

#gs dd {
    margin-left: 0;
    padding: 0px 0px 0px 1.1em;
}

/* ----------------------------------------------------------------------------------
company
---------------------------------------------------------------------------------- */

#companyOutline dl {
	margin: 0;
	padding: 0;
	text-align: left;
}

#companyOutline dt {
	display: block;
	float: left;
	clear: left;
	margin: 0px;
    padding: 14px 0.2em;
}

#companyOutline dd {
	margin: 0;
	padding: 14px 0.2em 14px 18em;
    border-bottom: 1px dotted #ccc;	
}

table {
	border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
	width: 100%;
    padding: 0;
	table-layout: fixed;
}

td {
    padding: 10px 14px; 
	border: 1px solid #ddd;
}

.tableleft {
    background-color: #F0F0F0;
}

.tableRight {
	text-align: right;
}

/* ----------------------------------------------------------------------------------
privacypolicy
---------------------------------------------------------------------------------- */

#pp dl {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#pp dt {
	display: block;
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
}

#pp dd {
	margin: 0px;
	padding: 0px 0px 0px 17px;
}

#ppArea {
	text-align: right;
	margin: 0px auto;
	margin-bottom: 10px;
	padding: 0px;
}

/* ----------------------------------------------------------------------------------
sitemap
---------------------------------------------------------------------------------- */

#sitemap dl {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#sitemap dt {
    /*font-family: 'Viga', sans-serif;*/
	display: block;
	float: left;
	clear: left;
	font-size: 15px;
	margin: 0px;
	padding: 8px 0px 8px 0.5em;
}

#sitemap dd {
   /* font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
    font-size: 15px;
	margin: 0px;
	padding: 8px 0.5em 8px 22em;
	border-bottom: 1px dotted #ccc;
}

/* ----------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------- */

footer {
    position: relative;
	background:#313131 repeat-x left bottom;
	width : 100%;
	margin: 0 auto;
    padding: 0 0 13px 0;
}

#diagonalLine01 {
    position: absolute;
    background: url(../img/diagonal_line01.png) no-repeat;
	background-size: contain;
	width: 212px;
	height: 316px;
	bottom: 0;
	left: 0;
	z-index: 0;
	opacity: 0.8;
}

#diagonalLine02 {
    position: absolute;
    background: url(../img/diagonal_line02.png) no-repeat;
	background-size: contain;
	width: 137px;
	height: 316px;
	bottom: 0;
	right: 0;
	z-index: 0;
	opacity: 0.8;
}

#footerArea {
	position: relative;
	/*font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
	width : 1200px;
	font-size: 12px;
	color: #999;
	text-align: left;
	margin: 0px auto;
    padding: 40px 0 50px 0;
	z-index: 1;
}

#footerArea a:link	 { color: #999; text-decoration: none; }
#footerArea a:visited { color: #999; text-decoration: none; }
#footerArea a:hover	{
    color: #fff;
	text-decoration: none;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
#footerArea a:active	{ color: #999;  } 

#footerL01 {
    float: left;
    width: 220px;
	margin: 0 90px 30px 0;
	padding: 0;
}

.fLogo {
    opacity: 0.5;
	margin-bottom: 10px;
}

#footerL02 {
    float: left;
    width: 420px;
	margin: 0 10px 30px 0;
	padding: 0;
}

#footerR01 {
    float: left;
	/*font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
	height: 200px;
	text-align: left;
	margin: 0;
	padding: 0 0 0 30px;
	line-height: 2.1;
	border-left: 1px solid #494949;
	box-sizing: border-box;
}

#footerR02 {
    float: right;
	/*font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
	height: 200px;
	text-align: left;
	margin: 0 0 0 0px;
	padding: 0 0 0 30px;
	line-height: 2.1;
	border-left: 1px solid #494949;
	box-sizing: border-box;
}

#copyright {
    clear: both;
    background: #202020;
	/*font-family: 'Viga', sans-serif;*/
 font-family: 'Work Sans', sans-serif; 
	width : 100%;
	font-size: 10px;
	color: #999;
	margin: 0 auto;
	padding: 10px 0;
	line-height: 1;
}

.pagetop {
    position: fixed;
	background-color: #202020;
	width: 70px;
    height: 70px;
    bottom: -70px;
    right: 0px;
	z-index: 200;
	display: block;
}

.pagetop a {
    display: block;
	cursor: pointer;
}

.pagetop a span {
    display: block;
	width: 70px;
    height: 70px;
	text-indent: -10000px;
	font-size: 1px;
	cursor: pointer;
}

.pagetopArrow {
    position: absolute;
    width: 30px;
    left: 0;
    right: 0;
    bottom: 30px;
    margin: auto;
    z-index: 201;
}

.pagetopArrow::before{
    position: absolute;
    content: "";
    display: block;
    margin: 0 auto;
    width: 1px;
    height: 30px;
	left: 0;
    right: 0;
	top: 64px;
	margin: auto;
    background: #ccc;
}
.pagetopArrow::after{
    content: "";
    display: block;
    border-top: 1px solid #ccc;
	margin-left: 13px;
	margin-bottom: 12px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ローディングの背景部分のCSS */
.loader{
  background: #202020;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:1008;
}

/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation {
  position: absolute;
  top: 48%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 10px;
  text-indent: -9999em;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader-animation:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader-animation:after {
  background: #202020;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs17 { font-size: 17px !important; }
.fs18 { font-size: 18px !important; }
.fs19 { font-size: 19px !important; }
.fs20 { font-size: 20px !important; }
.fs21 { font-size: 21px !important; }
.fs22 { font-size: 22px !important; }
.fs23 { font-size: 23px !important; }
.fs24 { font-size: 24px !important; }
.fs25 { font-size: 25px !important; }
.fs26 { font-size: 26px !important; }
.fs27 { font-size: 27px !important; }
.fs28 { font-size: 28px !important; }
.fs29 { font-size: 29px !important; }
.fs30 { font-size: 30px !important; }

.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw800 { font-weight: 800; }

.mt2 { margin-top: 2px !important; }
.mt5 { margin-top: 5px !important; }
.mt7 { margin-top: 7px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt33 { margin-top: 33px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt48 { margin-top: 48px !important; }
.mt50 { margin-top: 50px !important; }
.mt54 { margin-top: 54px !important; }
.mt56 { margin-top: 56px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt73 { margin-top: 73px !important; }
.mt76 { margin-top: 76px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt87 { margin-top: 87px !important; }
.mt90 { margin-top: 90px !important; }
.mt107 { margin-top: 107px !important; }
.mt141 { margin-top: 141px !important; }

.mt-10 { margin-top: -10px !important; }

.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml73 { margin-left: 73px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }

.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr73 { margin-right: 73px !important; }
.mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; }

.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb14 { margin-bottom: 14px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb32 { margin-bottom: 32px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb54 { margin-bottom: 54px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb67 { margin-bottom: 67px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb78 { margin-bottom: 78px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.pt20 { padding-top: 20px !important; } 
.lh100 { line-height: 1 !important; }
.lh110 { line-height: 1.1 !important; }
.lh120 { line-height: 1.2 !important; }
.lh130 { line-height: 1.3 !important; }
.lh140 { line-height: 1.4 !important; }
.lh150 { line-height: 1.5 !important; }
.lh160 { line-height: 1.6 !important; }
.lh170 { line-height: 1.7 !important; }

.fw400 {font-weight: 400 !important; }
.fw500 {font-weight: 500 !important; }
.fw600 {font-weight: 600 !important; }
.fw700 {font-weight: 700 !important; }
.fw800 {font-weight: 800 !important; }
.fw900 {font-weight: 900 !important; }