

body{
	margin:0;
	padding:0;
	background-color:aqua;
	font-family:"Noto Sans JP",
	"Noto Sans JP",
	sans-serif;
	background-color:aqua;
	vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6,p,ul,li,div,section{
		margin:0;
		padding:0;
}

img{
	vertical-align:bottom;
}

header{
	background-color:white;
	width:1000px;
	text-align:center;
	margin:0 auto;
	padding-top:25px;
	margin-top:50px;
}

header img{	
	margin-left:55px;	
	float:left;
}

article{
	width:1000px;	
	
	margin:0 auto;
	background-color:white;

}

nav ul{
	font-weight:bold;
	font-size:150%;
	background-color:aqua;
	margin:0 auto;
	width:1000px;
	height:50px;
	text-align:center;
	clear:both;
}

nav li{
	display:inline;
	padding-left:50px;
	padding-right:50px;
	line-height:2;	
}

.header-in{	
	width:1000px;
	margin:0 auto;

}
	
.jikan{
	width:1000px;
	font-size:150%;
	padding-top:40px;
}

.tel{	
	width:1000px;
	font-size:200%;
	font-weight:bold;	
	padding-top:20px;
	
}

nav a{
	text-decoration:none;
	color:black;
}
nav a:hover{
		color:orange;
}














/*プロダクト用*/

.dealer{
	font-size:200%;
	text-align:center;
	padding-top:50px;
	margin-bottom:0;
}

.model{
	font-size:150%;	
	font-weight:bold;
	text-align:center;
}


.position{
	padding-top:200px;

}

caption{
	font-weight:bold;
	font-size:120%;
	text-align:center;
	padding-top:50px;	
	padding-bottom:0;
}
table{
	border:1px solid #333333;
	font-size:100%;
	margin-left:auto;
	margin-right:100px;
	border-collapse:collapse;
}
th{
	background-color:powderblue;
	border:1px solid #333333;
	padding:10px;
	width:25%;
}

td{
	border:1px solid #333333;
	padding:10px;
}
.stock{
	font-size:120%;
	text-align:left;
	font-weight:bold;
	padding-left:100px;
	margin-bottom:0;
}

h3{
	font-size:100%;	
	margin-top:15px;		
}
h4{	
	text-align:center;
	font-size:100%;		

	margin-bottom:5px;

}


.small{
	font-size:85%;
}

.escape{
	margin-bottom:10px;
	margin-top:5px;
	font-size:100%;
	color:red;
}



.amica{
	margin-bottom:5px;
	margin-top:5px;
	font-size:75%;
}

.liv{
	margin-bottom:5px;
	margin-top:5px;
	font-size:75%;
}

.first{
	width:200px;
	height:250px;
	background-color:lightblue;	
	text-align:center;
	margin-left:100px;
	margin-top:30px;
	float:left;	
}
.second{
	width:200px;
	height:250px;
	background-color:lightblue;
	text-align:center;
	margin-left:100px;
	margin-top:70px;
	float:left;	
}



.clearfix:after{
	clear:both;
	content:"";
	display:block;
}



.box{
	width:900px;
}	


h5{
	font-size:150%;
	text-align:center;
}




.sale{
	
	margin-top:75px;
	margin-left:100px;
	width:400px;
	font-size:150%;
}



.annai{
	margin:0 auto;
	margin-bottom:50px;
	margin-top:50px;
	width:500px;
	padding-top:25px;
	padding-bottom:25px;
}




.giant{
	width:400px;
	margin:0 auto;
	padding-bottom:10px;
	padding-top:10px;
}	
	


h6{ 
	font-size:150%;
	padding-bottom:125px;
	margin-top:30px;	
	text-align:right;
	width:500px;
	margin:0 auto;
}

footer{	
	color:white;
	background-color:royalblue;
	width:1000px; 
	height:50px;
	margin:0 auto;
	text-align:center;
	padding-top:15px;
	margin-top:50px;	
}




/* 基本レイアウト ここまで↑ */

/*(959以下)ここからメディアクエリ*/
@media(max-width:959px){


header{
	width:auto;
}
.header-in{
	width:auto;
}

header img{
	max-width:100%;
	height:auto;
}

.tel{
	width:auto;
}

.tel img{
	max-width:100%;
	height:auto;
}






nav li{	
	
	width:auto;
	
	
}
nav ul{
	width:auto;
	
}


article{
	width:auto;
	
}

article img{
	max-width:100%;
	height:auto;
}

.header-in{
	width:auto;
}


h6{
  width:auto;
  }  

.annai{
	width:auto;
}



footer{
	width:auto;
}

}




/*(600以下)ここからメディアクエリ*/
@media(max-width:600px){



.header-in{
	width:auto;
}

header img{
	float:none;
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
	
}



.jikan{	
	font-size:175%;
	
	text-align:center;
	width:auto;
	
		
	
}
.tel img{
	float:none;
	display:inline;
	margin-left:10px;
	height:50px;
}

.tel p{
	
	width:auto;
	font-size:85%;
	margin-bottom:50px;
	float:none;

	
}


nav li{	
	float:none;	
	width:auto;
	display:block;
	font-size:125%;
	
	
	
}

nav ul{
	width:auto;
	height:auto;	
}

.dealer{	
	font-size:125%;
	text-align:center;	
	width:auto;
	height:auto;
}	


.model{
	font-size:125%;	
}  


.giant{
	width:auto;
	margin:0 auto;
}

.bun{
	text-align:center;
}

article{
	width:auto;
}

article img{
	max-width:100%;
	height:auto;
}

.position{
	margin:0 auto;
}

.box{	
	width:auto;
}

.first{
	width:auto;
	margin:15px;
	
}
.second{
	width:auto;
	margin:15px;
	
}




h5{
	width:auto;
	font-size:125%;
}

 h6{
  width:auto;
  }  

.annai{
	width:auto;
	margin:0 auto;
	
}



footer{
	font-size:70%;
	 width:auto;
  	padding-top:10px;
  	padding-bottom:10px;
 	 height:20px;
}
}












