@charset "UTF-8";
/* CSS Document */
.koaminaka-logo {
  position: absolute;
  top: 1px;
  left: -10px;
}
.gallery h1 {
  text-align: center;
  padding: 20px;
  font-family: 'Zen Old Mincho', serif;
  font-size: 3.6rem;
  margin-top: 250px;
  border-bottom: 8px solid #6c0121;
  width: 300px;
  margin-left: auto; /* 中央寄せにするため */
  margin-right: auto; /* 中央寄せにするため */
}
.english_title {
  text-align: center;
  font-weight: 100;
  font-size: 2.4rem;
  margin-bottom: 240px;
  padding: 10px;
}
.generation {
  font-family: 'Zen Old Mincho', serif;
  font-size: 1.8rem;
  text-align: left;
  margin: 200px 0 50px 10%;
}
.gallery {
  margin-bottom: 250px;
}
.shop_wall {
  /*  border: 10px solid #fff;*/
  opacity: 0.5;
  margin-bottom: -10px;
}
/*==================================================
スライダーのためのcss
===================================*/
.slider img {
  width: 100%; /*スライダー内の画像を横幅100%に*/
  height: auto;
}
/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
.slider .slick-slide {
  margin: 0 10px; /*スライド左右の余白調整*/
}
/*========= レイアウトのためのCSS ===============*/
h2 {
  text-align: center;
  padding: 20px;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  color: #333;
}
a:hover, a:active {
  text-decoration: none;
}
.shop_inout img {
  width: 60;
  height: auto;
  margin: 0 auto;
}
.generation p {
  padding: 0;
  text-align: left;
}
.slider img {
  width: 100%; /*スライダー内の画像を横幅100%に*/
  height: auto;
}
/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
.slider .slick-slide {
  margin: 0 10px; /*スライド左右の余白調整*/
}
@media screen and (max-width: 820px) {
  .gallery h1 {
    font-size: 2.4rem;
  }
  .english_title {
    font-size: 1.8rem;
  }
  .gen_size {
    font-size: 1.4rem;
  }
  .generation {
    font-size: 1.6rem;
  }
}