@charset "UTF-8";
/*トップ画像*/
.top-img-area {
  width: 100%;
  height: 700px;
  ;
}
@media(min-width:971px) {
  .top-img-logo {
    display: none;
  }
}
@media(max-width:970px) {
  .top-img-area {
    width: 100%;
    height: 600px;
  }
  .top-img-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
/*アニメーション*/
.animation {
  opacity: 0;
  visibility: hidden;
  transition: 5s;
  transform: translateY(30px);
}
.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
/*お知らせ*/
.news-area {
  padding: 80px 0;
}
.news-pickup {
  list-style: none;
  background: #FFF;
  padding: 20px;
}
.category {
  margin-bottom: 3px;
  min-width: 140px;
}
.category span {
  background: #afa35b;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 0.5px 5px;
  font-size: 14px;
}
.text_date {
  font-size: 1.3rem;
  padding-bottom: 7px;
  padding-left: 3px;
}
.text_content {
  font-size: 1.3rem;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
}
@media(max-width:770px) {
  .news-area {
    padding: 40px 0 60px;
  }
  /*YouTubeサイズ*/
  .video {
    position: relative;
    height: 0;
    padding: 30px 0 56.25%;
    overflow: hidden;
  }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .news-pickup img {
    width: 100%;
    max-width: 300px;
    height: 100%;
  }
}
/* 装飾 */
* {
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
/*こだわり*/
.concept-area img {
  width: 100%;
}
@media(min-width:771px) {
  .section-title2, .concept-bg p {
    display: none;
  }
}
@media(max-width:770px) {
  .concept-area {
    background-image: url("../img/kodawari_bg.jpg");
    height: auto;
    padding: 40px 30px;
    writing-mode: horizontal-tb;
    overflow: scroll;
    color: #E9E9E9
  }
  .concept-area img {
    display: none;
  }
  .section-title2 h1 {
    font-size: 1.8rem;
    text-align: center;
  }
  .section-title2 h2 {
    font-size: 1.2rem;
    padding-top: 3px;
    text-align: center;
    color: #929292;
  }
  .concept-bg p {
    line-height: 2.4rem;
    padding: 5% 0 0 0;
  }
}
/*お品書き*/
.menu-area {
  padding: 80px 0px;
  text-align: center;
}
.menu-list ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  list-style: none;
  padding: 0% 5%;
}
.menu-list ul li {
  width: 100%;
  margin-right: 3%;
  padding: 0% 0% 5%;
}
.menu-list ul li:first-child {
  margin-right: 3%;
}
.menu-list ul li:last-child {
  margin-right: 0;
}
.menu-list ul li img {
  width: 100%;
}
.menu-list h3 {
  font-weight: normal;
  padding-top: 4%;
  font-size: 1.8rem;
  letter-spacing: 2px;
}
.menu-list p {
  padding-top: 3%;
  font-size: 1.2rem;
  text-align: center;
}
@media(max-width:770px) {
  .menu-area {
    padding: 60px 0px;
  }
  .menu-list ul {
    display: flex;
    flex-wrap: wrap;
  }
  .menu-list ul li {
    margin-bottom: 5%;
  }
  .menu-list ul li:first-child {
    margin-right: 0%;
  }
  .menu-list ul li:last-child {
    margin-left: 0%;
  }
  h3 {
    font-size: 1.6rem;
  }
  p {
    font-size: 1.2rem;
  }
}
/*店舗一覧*/
.info-area {
  text-align: center;
  padding: 80px 10px;
}
.tel {
  padding-top: 40px;
  font-size: 2.4rem;
}
.tel a {
  color: #333;
}
@media(max-width:770px) {
  .info-area {
    padding: 40px 10px;
  }
  .tel a {
    color: #afa35b;
    display: block;
    text-decoration: none;
  }
  .tel a:hover {
    opacity: 0.6;
  }
}
/*営業時間*/
.open-area {
  text-align: center;
  padding: 80px 10px;
}
.open-list {
  line-height: 3rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.open-list ul {
  list-style: none;
  text-align: justify;
}
.open-list ul :first-child {
  text-align: justify;
}
.open-list ul:last-child {
  text-align: justify;
}
.open-area p {
  font-size: 1.2rem;
}
.open-text {
  padding-top: 30px;
  font-size: 1.2rem;
  letter-spacing: 0.1px;
}
@media (max-width:770px) {
  .open-area {
    padding: 40px 10px;
  }
}