@charset "UTF-8";
body{
	background-color: rgb(255, 255, 255);
}

main {
    border: solid 2px;
    padding: 10px 10px;
	background-color: rgb(255, 255, 255);
}

a{
	text-decoration:  none; 
	color: rgb(0, 0, 0);
}

img{
	width:auto;
	height:400px;
}

/*スライドショー*/
.show-shop{
  height: 400px;
  width: auto;
  position: relative;
}
.image-shop {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  background-size: cover;
  background-position: center center;
  animation: image-switch-animation 9s infinite;
}
/*.src1 {background-image: go.gif;}*/
  @keyframes image-switch-animation {
    0%{ opacity: 0;}
    5%{ opacity: 1;}
    25%{ opacity: 1;}
    30%{ opacity: 0;}
    100%{ opacity: 0;}
  }
  .image-shop:nth-of-type(1) {
    animation-delay: 0s;
  }
  .image-shop:nth-of-type(2) {
    animation-delay: 3s;
  }
  .image-shop:nth-of-type(3) {
    animation-delay: 6s;
  }
  
  /*ヘッダー*/
  header {
      background-color:  rgb(128, 128, 128); 
	  padding: 0px;
	  border : solid 2px;
	  border-bottom: 0;
}
.box-shop :hover {
	background-color: rgb(192, 192, 192);
}
.box-shop>a{
	padding: 10px
}
 
/* フッター*/
 .footer-shop > a{
	display:  inline-block;
	border: solid 2px;
	border-radius: 3px;/*背景の角丸半径*/
	background-color:  rgb(128, 128, 128);
	margin: 5px;
	padding: 5px;
	text-align:  center;
  }
 .footer-shop > a :hover {
  background-color: rgb(192, 192, 192);
  color: rgb(0, 0, 0);
  }