/* CSS Document */

/*スライダー大きさ*/
.slider img {
    width:10vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
}
/*スライダー大きさ*/

/*左右余白*/
.container{
  border: 2px solid;
}
.block1{
  background-color: black;
  margin: 0px 380px 0px 380px;
}
/*左右余白*/

@media screen and (max-width: 1600px) {
	
	/*スライダー大きさ*/
.slider img {
    width:15vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
}
/*スライダー大きさ*/
	
	/*左右余白*/
	.container{
  	border: 2px solid;
	}
	.block1{
  	background-color: black;
  	margin: 0px 250px 0px 250px;
	}
	/*左右余白*/
	
	.site-header .header-inner {
		width: 95%;
	}
	
	/*.site-header .header-inner .xiroku-logo {
		width: 50px;
	}*/
	
	.site-header ul {
		font-size: 10px;
	}
}


@media screen and (max-width: 1400px) {
	
	/*スライダー大きさ*/
.slider img {
    width:20vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
}
/*スライダー大きさ*/
	
	/*左右余白*/
	.container{
  	border: 2px solid;
	}
	.block1{
  	background-color: black;
  	margin: 0px 200px 0px 200px;
	}
	/*左右余白*/
	
	.site-header .header-inner {
		width: 95%;
	}
	
	/*.site-header .header-inner .xiroku-logo {
		width: 50px;
	}*/
	
	.site-header ul {
		font-size: 10px;
	}
}

@media screen and (max-width: 1200px) {
	
	/*スライダー大きさ*/
	.slider img {
    width:25vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
	}
	/*スライダー大きさ*/
	
	/*左右余白*/
	.container{
  	border: 2px solid;
	}
	.block1{
  	background-color: black;
  	margin: 0px 100px 0px 100px;
	}
	/*左右余白*/
	
	.site-header .header-inner {
		width: 95%;
	}
	
	/*.site-header .header-inner .xiroku-logo {
		width: 50px;
	}*/
	
	.site-header ul {
		font-size: 10px;
	}
}

@media screen and (max-width: 750px) {
	
	/*スライダー大きさ*/
	.slider img {
    width:40vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
	}
	/*スライダー大きさ*/
	
	/*左右余白*/
	.container{
  	border: 2px solid;
	}
	.block1{
  	background-color: black;
  	margin: 1px;
	}
	/*左右余白*/
	
	.site-header .header-inner {
		width: 95%;
	}
	
	/*.site-header .header-inner .xiroku-logo {
		width: 50px;
	}*/
	
	.site-header ul {
		font-size: 10px;
	}
}

@media screen and (max-width: 450px) {
	
	/*スライダー大きさ*/
	.slider img {
    width:40vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
	}
	/*スライダー大きさ*/
	
	/*左右余白*/
	.container{
  	border: 2px solid;
	}
	.block1{
  	background-color: black;
  	margin: 1px;
	}
	/*左右余白*/
	
	.site-header ul .site-link {
		margin-right: 2px;
    	letter-spacing: -0.8px;
	}
	
	.site-header ul .site-link li span {
		margin-right: 20px;
	}
	.site-header ul .site-link {
	margin-right: 20px;
	}
	
	.slider2 img {
		width: 70%;
	}
}
}