@charset "UTF-8";
/*top-clm*/
#CNT-TOP .top-clm {
  background: url(/imgs/restaurant/top_clm_bg.jpg) top center no-repeat;
}
#CNT-TOP .main-img-clm {
  background-image: url(/imgs/restaurant/top_clm_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.restaurant .main .clm .ttl {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 80px;
  text-align: center;
}
.restaurant .main .clm {
  margin-bottom: 80px;
}
.restaurant .box-link {
  width: 340px;
  margin: 0;
}
.restaurant .photo {
  float: left;
  margin-right: 24px;
}
.restaurant .photo img {
  border: 1px solid #ccc;
  width: 437px;
  box-sizing: border-box;
}
.restaurant .clm1 {
  float: left;
  width: 619px;
  margin-bottom: -1.75em;
}
.restaurant .clm1 .txt p {
  margin-bottom: 1.75em;
}
.restaurant .clm1 .txt p:last-child {
  margin-bottom: 2.75em;
}
@media only screen and (max-width: 640px) {
  #CNT-TOP .top-clm {
    background-size: auto 100%;
    margin-bottom: 9.4%;
  }
  #CNT-TOP .main-img-clm {
    height: 52vh;
    min-height: 300px;
  }
  .restaurant .main .clm .ttl {
    font-size: 2.6rem;
    margin-bottom: 9.4%;
  }
  .restaurant .photo {
    margin-bottom: 2em;
    width: 100%;
  }
  .restaurant .photo img {
    width: 100%;
  }
  .restaurant .clm1, .restaurant .box-link {
    width: 100%;
  }
}