@charset "utf-8";
/**********************************************************************
	containerSlick - className : containerSlick
***********************************************************************/
.containerSlick.container {
  margin-bottom: 40px;
}

/**********************************************************************
	Article - className : Article
***********************************************************************/
.Article.container {
  margin-top: 40px;
  margin-bottom: 15px;
}
.Article .Article-image {
  margin-bottom: 30px;
  background-color: #f4f5f7;
}
.Article .Article-image a {
  display: block;
  width: 100%;
  height: 100%;
}

/**********************************************************************
	ArticleConcept - className : ArticleConcept
***********************************************************************/
.ArticleConcept .m-table tbody th, .ArticleConcept .m-table tbody td {
  padding: 20px 25px;
}
.ArticleConcept .m-table tbody th {
  width: 35%;
}

/**********************************************************************
	ArticleMovie - className : ArticleMovie
***********************************************************************/
/**********************************************************************
	ArticleAbout - className : ArticleAbout
***********************************************************************/
.ArticleAbout.container_liquid {
  padding: 70px 20px 0;
}
.ArticleAbout .ArticleAbout-contents {
  margin-bottom: 60px;
}
.ArticleAbout .ArticleAbout-contents.profile {
  margin-bottom: 30px;
}
.ArticleAbout .authors-img a {
  color: #0068b7;
}
.ArticleAbout .authors-link {
  margin-top: -6px;
}
.ArticleAbout .authors-name {
  margin-bottom: 2px;
}
.ArticleAbout .bg-color-base_bg {
  padding: 35px;
}

@media only screen and (max-width: 936px) {
  /**********************************************************************
  	containerSlick - className : containerSlick
  ***********************************************************************/
  .containerSlick.container {
    margin-bottom: 60px;
  }

  /**********************************************************************
  	Article - className : Article
  ***********************************************************************/
  .Article .Article-image {
    margin-bottom: 10px;
  }

  /**********************************************************************
  	ArticleConcept - className : ArticleConcept
  ***********************************************************************/
  .ArticleConcept .m-table tbody th {
    width: 100%;
  }

  /**********************************************************************
  	ArticleMovie - className : ArticleMovie
  ***********************************************************************/
  .ArticleMovie .movie-name {
    margin-top: 5px;
  }

  /**********************************************************************
  	ArticleAbout - className : ArticleAbout
  ***********************************************************************/
  .ArticleAbout .bg-color-base_bg {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  /**********************************************************************
  	Article - className : Article
  ***********************************************************************/
  .Article .Article-list .col-sp-2-1 {
    width: 100%;
  }

  /**********************************************************************
  	ArticleAbout - className : ArticleAbout
  ***********************************************************************/
  .ArticleAbout div.authors-img {
    width: 100%;
  }
  .ArticleAbout div.authors_profile {
    width: 100%;
  }
  .ArticleAbout .bg-color-base_bg {
    padding: 20px;
  }
}