@charset "UTF-8";
/* CSS Document */
.top-design {
  top: 30px;
  right: 0;
  width: 60%;
}

.content-wrapper {
  margin: 100px 30px;
  max-width: 650px;
}
section {
  margin-bottom: 100px;
}
.content-wrapper h2 img {
  height: 60px;
  margin-bottom: 20px;
}
.section__title  {
  padding: 10px 20px;
  display: inline-block;
  text-align: center;
  background-color: #D6C7C2;
  color: #fff;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  margin-bottom: 20px;
  font-weight: 200;
  font-size: 1.8rem;
}
.section-callender__text, .section-welcomeboard__text, .section-goods__text{
  line-height: 3.5rem;
}
.section__text {
  padding: 0 10px;
  margin-bottom: 30px;
}
.section-callender__image ul{
  margin: 0 auto;
}
.section-callender__image ul li {
  list-style: none;
  display: flex;
  min-width: 300px;
  flex-wrap: wrap;
  gap: 5%;
  justify-content: space-around;
}
.section-callender__image ul li img {
  width: 100%;
  border: solid 0.25px #5F5757;
  margin-bottom: 15px;
  max-width: 350px;
}
.section-welcomeboard__image, .section-goods__image{
  text-align: center;
}
.section-welcomeboard__image img, .section-goods__image img {
  width: 100%;
  max-width: 500px;
}
.navigation div {
  margin-bottom: 60px;
  text-align: center;
}
.navigation img {
  height: 35px;
}
@media(min-width:1160px) {
  .top-design {
    width: 35%;
  }
  .content-wrapper {
    margin: 100px auto 100px;
    max-width: 1160px;
    padding: 0 20px;
  }
  .content-wrapper h2 {
    margin-bottom: 50px;
  }
  .content-wrapper h2 img {
    height: 100px;
    object-fit: cover;
    margin-bottom: 50px;
  }
  .section-callender,.section-welcomeboard,.section-goods {
    display: flex;
    gap:7%;
  }
  .section-callender__text, .section-welcomeboard__text, .section-goods__text{
    max-width: 350px;
  }
  .section__text {
    padding-left: 15px;
    border-left: solid 2px #D6C7C2;
  }
  .section-callender__image ul li {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 40px;
  }
  .section-callender__image img, .section-welcomeboard__image img ,.section-goods__image img {
    width: 100%;
  }
  .section-callender__image ul li img:first-child {
    margin-right: 15px;
  }
  
  .navigation {
    display: flex;
    max-width: 550px;
    margin: 0 auto;
    justify-content: space-between;
  }
  .navigation img {
    height: 50px;
}
}