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

.Page-category {
  display: inline-block;
  margin: 0 1.5rem;
  letter-spacing: .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: .6rem;
  color: #a37e31; 
  font-size: 1.1rem;
}

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

.MainContentBlock.chef {
  padding-bottom: 40px;
}
@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: .2s;
  transition-property: opacity;
}
.conceptMovieBlock-movie:hover {
  opacity: .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: .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%;
}