

body{
	margin:0;
	padding:0;
	background-color:aqua;
	font-family:"Noto Sans JP",
	"Noto Sans JP","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;	
	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;
}

.title{	
	padding-top:50px;
	margin:0 auto;
	width:700px;
}

.bun{
	font-size:175%;
  	line-height:1.5;
	
}



.giant{
  	width:1000px;
	height:1250px;  
	margin-bottom:50px;
	margin-top:100px;
}

.bunrui{
	width:1000px;
	height:1250px;  
}


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;	
	width:auto;
	height:auto;
}	


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

nav li{	
	font-size:125%;
	width:auto;
	
	
}
nav ul{
	width:auto;
	
}


article{
	width:auto;
	
}

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

.header-in{
	width:auto;
}

.title{
	width:auto;
}


.giant{
	width:auto;
}

.bunrui{
	width:auto;
}



footer{
	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 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;	
}





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

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

.title{
	width:auto;
}

.giant{
	width:600px;
	height:750px;
}

.bun{
	font-size:125%;
}


.bunrui{
	width:600px;
	height:750px;
}



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
























