body{
	margin:0;
	padding:0;
	background-color:aqua;
	font-family:"Noto Sans JP",
	"Hiragino Kaku Gothic Pro",sans-serif;
	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;
	height:3000px;	
	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;
}


h1{
	width:1000px;
	height:200px;
	text-align:center;
	font-size:250%;
	padding-top:75px;
	
}



.bun{
	font-size:150%;
	margin:0 auto;
	width:750px;
	height:175px;
	
}


.kougu img{
	margin-left:750px;
	
}

.sakura{
	
	width:1000px;
	height:450px;
	
}

.midasi1{
	margin-left:75px;	
	width:700px;
	margin-bottom:20px;
	margin-top:100px;
	
}

.midasi2{
	margin-left:75px;
	width:700px;
	margin-bottom:20px;
	margin-top:125px;	
	
}

.hasi img{
	
}

.mark1 img{
	
	background-color:white;
	
}

.mark2 img{
	
	background-color:white;
	
}

.albert{
	
	font-size:225%;
	margin-left:15px;
}

.longteen{
	
	margin-bottom:25px;
	font-size:225%;
	margin-left:15px;
}


.main{
	margin:0 auto;
	width:700px;
	
}


.hidari img{
	float:left;
}

.migi img{
	float:right;
}

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

.clearfix{
	width:700px;
	margin:0 auto;
}

.color{
	margin-left:150px;
	margin-top:20px;
}

.model{
	float:left;
}

.setumei{
	font-size:125%;
	padding-top:10px;
	
}
.nedan{
	float:right;
	margin-top:30px;
}
.price{
	
	font-size:200%;
}
.pricedown{
	font-size:150%;
	text-align:right;
}



h2{
	font-size:150%;
	text-align:center;
	margin-top:100px;
}

.box{
	
	width:700px;
	position:relative;
	margin:0 auto;
	margin-bottom:100px;
	
}



.information{
		position:absolute;
		left:125px;
		top:100px;
		width:275px;
		
}


.teikyu{
	font-size:150%;
}

.eigyou{
	font-size:150%;
}

.parking{
	position:absolute;
	right:150px;
	top:100px;
}


h3{
	text-align:center;
	line-height:1.5;
	width:125px;
	font-size:100%;
	border-radius:15px;
	background-color:#2243b6;
	color:white;
}




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 img{
	max-width:100%;
	height:auto;
}

.tel{
	width:auto;
}

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

.jikan{	font-size:100%;
	text-align:center;	
	max-width:100%;
	height:auto;
}


p{	font-size:100%;
	text-align:center;	
}

nav li{	
	
	width:auto;
}

nav ul{
	width:auto;
	
}


article{
	width:auto;
	height:4500px;
}

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

.header-in{
	width:auto;
}

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

.bun{
	width:auto;
	font-size:150%;
}


.sakura{
	width:auto;
}
  
 
.midasi1{
	width:auto;
}

.midasi2{
	width:auto;
}  
  
  
  
.hasi img{
		width:auto;
	
}

.mark1 img{
		width:auto;
	
}

.mark2 img{
			width:auto;		
}  
 
.main{
	width:700px;
}



.hidari img{
		float:left;
		width:350px;
}

.migi img{
		float:right;
		width:350px;
}

 .clearfix:after{
		clear:both;
		content:"";
		display:block;
} 
  
   
.clearfix{
	width:700px;
  height:200px;
	margin:0 auto;
}





.information{
	width:auto;
}

  .box{
	width:auto;
}

h3{
	width:auto;
}
}




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

.header-in{
	width:600px;
}

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



.jikan{	
	font-size:175%;
	text-align:center;
	width:auto;
}

.tel{
	width:auto;
}

.tel img{
	float:none;
	width:auto;
	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{
	
	height:auto;	
}


article{
	width:600px;
	height:3200px;
}

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

h1{
	width:600px;
  font-size:250%;
}

.bun{
	margin:0 auto;
  width:600px;
  	height:auto;
  	font-size:150%;
  	padding-left:10px;
  	padding-right:10px;
}

.sakura{
	width:600px;
	height:auto;
}

.kougu img{
	margin-left:400px;
   height:auto;
}

.hasi img{
  	margin-left:10px;
	width:300px;
}


.albert{
	
	margin-left:15px;
	margin-bottom:15px;
	font-size:225%;
	width:300px;
}

.longteen{
	
	margin-left:15px;
	margin-bottom:25px;
	font-size:225%;
	width:450px;
}


.midasi1{
	width:570px;
	
  margin-top:150px;
  margin-left:15px;
  margin-right:15px;
}



.midasi2{
	width:575px;
 	
  margin-top:150px;
  margin-left:15px;
}

.mark1 img{
		width:550px;
	
}

.mark2 img{
	
	width:330px;	
}
 
  
  
  
.main{
	width:550px;
  margin:0 auto;
  margin-top:50px;
  
}



.hidari img{
		width:250px;
  float:left;
}

.migi img{
		width:250px;
  float:right;
}
  
  
.clearfix{
	width:500px;
  } 
  
  
.color{
 	margin-left:50px;
	width:300px;
	
  }

.model{
  		margin-left:50px;
  }

.nedan{
  		margin-right:15px;
  }


.box{
	
	width:auto;
	position:relative;
	margin:0 auto;
	margin-top:px;
	
}
.parking{
	position:absolute;
	right:100px;
	top:50px;
}


.information{
		position:absolute;
		left:100px;
		top:50px;
		width:275px;
		
}


footer{
	width:600px;
	padding-top:15px;
	font-size:70%;
}

}