@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.performer-profile__table {
  font-size: 1rem;
}

.performer-profile__table th,
.performer-profile__table td {
  padding: .5em;
}

.performer-profile__table th {
  white-space: nowrap;
}

.movies {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}

.movie__link {
  display: flex;
  gap: 1rem;
  text-decoration: none !important;
}

.movie__thumb {
  width: 32%;
}

@media (min-width: 768px) {
  .movie__thumb {
    width: 16%;
  }
}

.movie__image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.movie__info {
  flex: 1;
}

.movie__title {
  line-height: 1.42;
  font-size: 1rem !important;
  margin: 0 0 .5rem 0 !important;
}

.movie__desc {
  font-size: .8rem;
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

@media (min-width: 768px) {
  .movie__desc {
    -webkit-line-clamp: 3;
  }
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px) {
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
}