.Page-info {
  text-align: center;
}

.Page-category {
  display: inline-block;
  margin: 0 1.5rem;
  letter-spacing: 0.1rem;
  font-size: 1.5rem;
  font-family: "PT Serif";
}
@media only screen and (max-width: 37.5em) {
  .Page-category {
    display: block;
    font-size: 1.2rem;
  }
}
.Page-category span {
  margin-right: 0.6rem;
  color: #a37e31;
  font-size: 1.1rem;
}

.Page-content {
  padding-top: 60px;
}
@media only screen and (max-width: 60em) {
  .Page-content {
    padding-top: 4%;
  }
}

.MainContentBlock.chef {
  padding-bottom: 100px;
}
@media only screen and (max-width: 60em) {
  .MainContentBlock.chef {
    padding-bottom: 4%;
  }
}

.MainContentBlock.conceptMovie {
  padding-bottom: 40px;
  background-color: #f5f5f5;
}
@media only screen and (max-width: 60em) {
  .MainContentBlock.conceptMovie {
    padding-bottom: 4%;
  }
}

.conceptMovieBlock {
  margin-bottom: 40px;
}
@media only screen and (max-width: 37.5em) {
  .conceptMovieBlock {
    margin-right: 0;
    margin-bottom: 4%;
    margin-left: 0;
    width: 100%;
  }
}

.conceptMovieBlock-movie {
  position: relative;
  margin-bottom: 40px;
  transition-timing-function: linear;
  transition-duration: 0.2s;
  transition-property: opacity;
}
.conceptMovieBlock-movie:hover {
  opacity: 0.8;
  cursor: pointer;
}
.conceptMovieBlock-movie.is-played:after {
  opacity: 0;
}
@media only screen and (max-width: 37.5em) {
  .conceptMovieBlock-movie {
    margin-bottom: 8%;
  }
}
.conceptMovieBlock-movie:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 88px;
  height: 88px;
  background: transparent url(/common/img/moviePlayBtn.png) center center
    no-repeat;
  background-size: cover;
  content: "";
  transition-timing-function: linear;
  transition-duration: 0.2s;
  transition-property: opacity;
}
@media only screen and (max-width: 37.5em) {
  .conceptMovieBlock-movie:after {
    width: 44px;
    height: 44px;
  }
}
.conceptMovieBlock-movie video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.conceptMovieBlock-movie img {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
}