html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

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

body{
	line-height: 1.8;
	letter-spacing:0.05em;
	margin:50px 0 0 0;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:300;

}

a{/*リンクされた文字*/
	color:#000;
    text-decoration:none;
}
a:link {/*未訪問のリンク*/
    text-decoration:none;
}
a:visited {/*訪問後のリンク*/
    text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}

div#wrapper{
	max-width: 1280px;
	margin: 0 auto;
}

/*-------------------------------------*/
/* ヘッダー */
/*-------------------------------------*/

#header{
	max-width:1100px;
	margin: 0 auto 55px auto;
}
#header:after{
	display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}

#header h1{
		float: left;
		width: 23%;
	}
#header h1 img{
	width:100%;
	height:auto;
}

/*-------------------------------------*/
/* グローバルナビゲーション */
/*-------------------------------------*/
.mobile-menu,#mobile-nav{
	display:none;
}
.dropmenu{
  float: right;
margin:30px 0 0 0;
}

.dropmenu li{
  position: relative;
  float: left;
  margin: 0 35px 0 0;
  padding: 0;
  text-align: center;
  z-index:10;
}
.dropmenu li:last-child{
	margin:0;
}
.dropmenu li a{
  display: block;
  margin: 0;
  color:#000000;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 90%;
  left: 0;
  margin: 0;
  padding: 0;
  width:100px;
}
.dropmenu.footer li ul{
	top:-300%;
	left: 0;
  	margin: 0;
  	padding: 0;
}

.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  background: #000000;
  text-align: left;
  border-bottom:none;
  color:#FFFFFF;
  padding:10px 10px 10px 10px;
}
.dropmenu li ul li a:hover{
	background:#333333;
	border-bottom:none;
}
.dropmenu li a{
  transition: border-bottom 0.3s;
  border-bottom: 3px solid rgba(255, 255, 255, 0);
  padding:0 0 10px 0;
}
.dropmenu li a:hover,.dropmenu li a.on{
 border-bottom-width:3px;
border-bottom-color: #000;
border-bottom-style: solid;
text-decoration:none;
}
.gmenu{ position: relative; z-index: 100; }
.gmenu li ul{
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.gmenu li:hover ul{
  visibility: visible;
  opacity: 1;
}

	
/*-------------------------------------*/
/* フッター */
/*-------------------------------------*/

div#footer{
	max-width:970px;
	margin:0 auto;
	padding:40px 65px;
	background: #F7F7F7;
}
div#footer:after{
	display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
#footer-left{
	float:left;
	width:78%;
}
#footer-ci{
	float:right;
	width:20.45%;
}
#footer-ci img{
	width:100%;
	height:auto;
}
div#footer ul{
	margin:0 0 2% 0;
	width:100%;
}
div#footer li{
	display:inline-block;
	margin:0 3% 0 0;
}
div#footer li:last-child{
	margin:0;
}

div#footer ul ul{
	width:100px;
}
div#footer p#copyright{
	clear:both;
	}

@media screen and (max-width:1100px){
	
#header{
	width:90%;
	margin: 0 auto 5% auto;
}
	
#header h1{
		margin:0;
		float:none;
		width:30%;
	}	

.dropmenu{
  margin:30px 0 0 0;
  width:100%;
  font-size:15px;
  float:none;
}

.dropmenu li{
  position: relative;
  float: left;
  margin: 0 4% 0 0;
  padding: 0;
  text-align: center;
  z-index:10;
}

div#footer{
	width:94%;
	margin:0 auto;
	padding:3% 3%;
	background: #F7F7F7;
}

div#footer li{
	display:inline-block;
	margin:0 3% 0 0;
}
div#footer li:nth-child(6){
	clear:both;
}
.tapmenu{
		display:none;
	}
}

@media screen and (max-width:748px){
body{
	line-height: 1.8;
	letter-spacing:0.05em;
	margin:30px 0 0 0;
	font-size:16px;
	font-weight:300;
	}
	* {
	box-sizing: border-box;
}


#header{
	width:85%;
	margin: 0 auto 30px auto;
}
#header h1{
		float: left;
		width: 60%;
		margin:0;
	}

.dropmenu{
	display:none;
	float: none;
	margin:20px 0 0 0;
}
.mobile-menu{
	display:block;
	float:right;
	cursor: pointer;
	margin:3.5% 0 0 0;
	width:12%;
}
.mobile-menu img{
	width:100%;
	height:auto;
}
#mobile-nav{
	display:none;
	position:absolute;
	left:0;
	top:90px;
	width:100%;
	background:#000000;
	color:#FFFFFF;
	z-index:1000;
	text-align:center;
}
#mobile-nav a{
	color:#FFFFFF;
}
#mobile-nav ul{
	padding:10% 0 0 0;
}
#mobile-nav li{
	margin:0 0 2% 0;
	background:rgba(50,50,50,0.4);
	padding:2% 0;
}
#mobile-nav li a{
	display:block;
	text-decoration:none;
}

#mobile-nav ul ul:before{
	content:'▼';
	margin:5px 0;
	font-size:10px;
}
#mobile-nav ul ul{
	padding:0;
}
#mobile-nav ul ul li{
	margin:0;
	padding:1% 0;
	background:none;
}
#mobile-nav .close{
	text-align:center;
	width:10%;
	float:right;
	font-size:120%;
}
	.tapmenu{
		display:block;
	}
/*-------------------------------------*/
/* フッター */
/*-------------------------------------*/

div#footer{
	width:100%;
	margin:0 auto;
	padding:0;
	background:#FFF;
}

#footer-left{
	float:none;
	width:100%;
}
#footer-ci{
	float:none;
	display:none;
}

div#footer ul{
	margin:0;
}
div#footer li{
	display:block;
	margin:0 0 5px 0;
}

div#footer p#copyright{
	clear:both;
	text-align:center;
	margin:20px 0 0 0;
	font-size:12px;
	}


.dropmenu.footer{
	display:block;
	float: none;
	margin:0;
	width:100%;
}

.dropmenu.footer li{
  position: relative;
  float: none;
  margin: 0 0 5px 0;
  padding: 0;
  text-align: center;
  z-index:10;
  background:#F7F7F7;
  width:100%;
  display:block;
}
.dropmenu.footer li a{
  display: block;
  margin: 0;
  padding:15px 0;
  color:#000000;
  line-height: 1;
  text-decoration: none;
}
.dropmenu.footer li.wheels{
	padding:0 0 5px 0;
}
.dropmenu.footer li.wheels a{
	padding:15px 0 0 0;
}
.dropmenu.footer li ul{
  list-style: none;
  position:relative;
  top: 0;
  left: 0;
  margin:0 auto !important;
  padding: 0;
}
.dropmenu.footer li ul:before{
	content:'▼';
	margin:0 0 5px 0;
	font-size:10px;
}
.dropmenu.footer li ul li{
  width: 100%;
  margin:0 !important;
  padding:0;
}
.dropmenu.footer li.wheels ul li a{
	background:#F7F7F7;
  text-align: center;
  border-bottom:none;
  color:#000000;
  padding:10px 0 ;
  margin:0;
}
.dropmenu.footer li ul li a:hover{
	background:#F7F7F7;
	border-bottom:none;
}
.dropmenu li a{
  transition:none;
  border-bottom:none;
  padding:0;
}
.dropmenu li a:hover{
 border-bottom:none;
text-decoration:none;
}
.gmenu { position: relative; z-index: 100; }
.gmenu li ul{
  opacity: 1;
  visibility: visible;
  transition:none;
}

}