/*基本設定*/
.post_content p {
  margin: 0;
}

/*背景*/
body,
body.home,
body.page-template-cast-php,
body.page-template-page-lp,
body.post-type-archive-news,
body.news-template-default,
body.post-type-archive-tribe_events,
body.tribe_events-template-default,
body.post-type-archive-staff,
body.staff-template-default,
body.page-template-page-schedule,
#single_staff_list {
  background-image: url("/wp-content/uploads/2022/07/pixta_84711684_M.jpg");
  background-attachment: fixed;
}

@media screen and (min-width:2000px) {

  body,
  body.home,
  body.page-template-page-lp,
  body.post-type-archive-news,
  body.news-template-default,
  body.post-type-archive-tribe_events,
  body.tribe_events-template-default,
  body.post-type-archive-staff,
  body.staff-template-default,
  body.page-template-page-schedule,
  #single_staff_list {
    background-size: cover;
  }
}

#copyright,
#index_box_content .desc {
  background-image: url(/wp-content/uploads/2022/07/pixta_84711684_M.jpg) !important;
  background-attachment: fixed !important;
}

/*ドロワーメニュー*/
#body #drawer_menu {
  background: #171717;
}

#body #mobile_menu a {
  background: #171717;
}

/*ローディング*/
#site_loader_logo img {
  width: 300px;
}

@media screen and (max-width:750px) {
  #site_loader_logo img {
    width: 180px;
  }

  #site_loader_logo_inner .site_loader_text {
    font-size: 14px;
  }

  #site_loader_logo_inner i {
    margin: 0 2px 0 0 !important;
  }
}

/*ヘッダーデザイン調整*/
@media screen and (min-width:100px) {
  .header_logo-d1 {
    display: none;
  }
}

@media screen and (min-width:1151px) {
  #header_logo {
    display: flex;
    align-items: center;
    gap: 0 20px;
    color: #fff;
  }

  #header_logo .logo a {
    color: #fff;
  }

  #header {
    background: transparent;
    border: 0;
    height: auto;
    justify-content: space-between;
    position: absolute;
    display: flex;
    align-items: center;
    padding: 20px 30px;
  }

  #header_top {
    height: auto !important;
    width: auto !important;
    margin: 0;
  }

  #global_menu {
    background-color: transparent !important;
    height: auto !important;
    position: static !important;
    flex-shrink: 0 !important;
    width: auto !important;
  }

  #header_logo {
    position: static;
    transform: none;
  }

  #global_menu>ul {
    border: 0;
    width: auto;
    margin: 0 0 0 auto;
    gap: 0 50px;
  }

  #global_menu>ul>li {
    border: 0;
  }

  /*グローバルメニュー調整*/
  #global_menu ul ul {
    transform: translateX(-35%);
  }

  #global_menu ul ul li:first-child a {
    border-radius: 5px 5px 0 0;
  }

  #global_menu ul ul li:last-child a {
    border-radius: 0 0 5px 5px;
  }

  .menu-item-has-children::after {
    content: "";
    position: absolute;
    padding: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    z-index: 1000;
    opacity: 0;
    border-bottom-color: #000;
  }

  .menu-item-has-children.active::after {
    opacity: 1;
  }
}

@media screen and (max-width:1151px) {
  #header {
    height: 63px !important;
  }
}

/*トップの画像アニメーション*/
#index_slider .animation_type5.animate .image {
  animation-delay: 5s;
}

/*トップページヘッダー文字*/
#index_slider .item1 .catch {
  color: #fc6 !important;
}

#index_slider .item1 .desc {
  color: #fc6 !important;
}

#index_slider .caption.mobile .catch {
  color: #fc6 !important;
}

#index_slider .caption.mobile .desc {
  color: #fc6 !important;
}

/*トップの文字アニメーション*/
#index_slider .item.slick-active .caption .animate1,
#index_slider.video .caption .animate1 {
  -webkit-animation: slideUp 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 7.0s;
  animation: slideUp 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 7.0s;
}

#index_slider .item.slick-active .caption .animate2,
#index_slider.video .caption .animate2 {
  -webkit-animation: slideUp 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 7.8s;
  animation: slideUp 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 7.8s;
}

#index_slider .caption.mobile.animate .animate1 {
  -webkit-animation: slideUp 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 7.0s !important;
  animation: slideUp 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 7.0s !important;
}

#index_slider .caption.mobile.animate .animate2 {
  -webkit-animation: slideUp 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 7.8s !important;
  animation: slideUp 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 7.8s !important;
}

/*ヘッダー固定*/
.pc .header_fix #header_top {
  display: block;
}

.pc .header_fix #header {
  background: #171717;
  height: 120px;
}

.pc .header_fix #header_top #header_logo a {
  color: #fff;
}

.pc .header_fix #global_menu ul li a {
  color: #fff;
}

/*トップページヘッダー*/
#index_slider {
  height: 800px;
}

#index_slider .item {
  height: 800px;
}

.image.pc {
  background-position: 20% 30% !important;
}

.image.mobile {
  background-position: 80% 0vw !important;
}

#global_menu ul li {
  -webkit-flex: none;
  flex: none;
}

@media screen and (max-width:950px) {
  #index_slider {
    height: 600px !important;
  }

  #index_slider .item {
    height: 600px !important;
  }
}

/*ヘッダーロゴ*/
#header_logo img {
  width: 155px;
  height: auto;
  margin-left: -11px;
}

@media screen and (max-width:1151px) {
  #header_logo img {
    width: 80px;
  }
}

/*スマホヘッダー*/
@media screen and (max-width:1151px) {
  #header_top #header_logo .mobile_logo_image {
    margin: 0;
    left: 10px;
  }

  #header {
    background-color: #171717;
  }

  #menu_button:before {
    color: #fff !important;
  }
}

@media screen and (max-width:750px) {
  #header_top #header_logo .mobile_logo_image {
    left: 7px;
  }
}

/*固定ページヘッダー*/
#page_header {
  height: 750px;
}

@media only screen and (max-width: 600px) {
  #page_header {
    height: calc(35vh - 55px);
  }
}

/*インデックスボックス*/
#index_box_content .title {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

#index_box_content .desc {
  border-right: 1px solid #7c0505;
  border-bottom: 1px solid #7c0505;
}

#index_box_content .desc p {
  color: #ffffff;
}

#index_box_content .item {
  border-bottom: none;
}

#index_box_content a {
  background: none;
}

@media only screen and (max-width: 950px) {
  #index_box_content .desc {
    border-bottom: none;
  }

  #container #index_box_content .item:last-child {
    border-bottom: none;
    border-bottom: 1px solid #7c0505;
  }
}

@media only screen and (max-width: 750px) {
  .index_free_space.cb_contents.num1 {
    padding: 0 20px 0;
  }

  .index_free_space.cb_contents.num2 {
    padding: 0 20px 0;
  }
}

/*トップのお知らせ*/
.index_news .item a {
  background: #171717;
  border: 1px solid #7c0505;
}

.index_news .item a .date {
  color: #fff;
}

.index_news .item a .title {
  color: #fff;
}

#contents_builder .index_news.num4 .button a {
  border-color: #ccc;
}

.index_news .button a {
  color: #fff;
}

.index_news.num1 .button a:hover {
  color: #ffffff;
  background: #171717;
  border-color: #7c0505;
}

@media screen and (max-width:1151px) {
  #contents_builder .index_news {
    padding-top: 100px;
  }

  #contents_builder .index_news .item a {
    background: #171717;
  }
}

@media screen and (max-width:750px) {
  #contents_builder .index_news {
    padding: 80px 20px 40px;
  }
}

/*お知らせ一覧*/
#news_list .item {
  background: #171717;
  border: 1px solid #7c0505;
}

#news_list .title_area {
  background-color: #171717;
}

#news_list h3.title {
  color: #fff;
}

time.entry-date.updated {
  color: #fff;
}

#news_list .link {
  background: none;
}

@media screen and (max-width:750px) {
  #news_list .title {
    font-size: 12px;
  }
}

/*トップのキャスト一覧*/
.wp-show-posts-inner {
  position: relative;
}

.wp-show-posts-entry-header {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 1;
}

#contents_builder h5.wp-show-posts-entry-title {
  padding: 28px;
  line-height: 1;
  font-size: 22px;
}

h5.wp-show-posts-entry-title a {
  color: #fff;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}

.wp-show-posts-image {
  overflow: hidden;
}

.wp-show-posts-image img {
  transition: all 0.7s;
}

.wp-show-posts-image:hover img {
  transform: scale(1.2);
  opacity: 1;
}

.wp-show-posts-image {
  height: 400px;
}

@media (max-width: 1151px) {
  .wp-show-posts-image {
    height: auto;
  }
}

@media (max-width: 767px) {
  .wp-show-posts-columns .wp-show-posts-single {
    width: 48%;
  }

  .wp-show-posts-columns:not(.wp-show-posts-masonry) {
    justify-content: space-between;
  }

  #contents_builder .post_content h5 {
    font-size: 18px;
  }

  #contents_builder h5.wp-show-posts-entry-title {
    padding: 20px 15px 15px;
  }
}

/*固定ページのキャスト一覧*/
#staff_list .item {
  height: auto;
  margin: 0 21px 30px 0;
  border: none;
}

#staff_list .image_wrap {
  height: 400px;
}

#staff_list .desc {
  display: none;
}

@media (max-width: 1151px) {
  #staff_archive #staff_list .item {
    height: auto;
    margin-bottom: 25px;
  }

  #staff_archive #staff_list .image_wrap {
    height: 400px;
  }
}

@media (max-width: 950px) {
  #staff_archive #staff_list .image_wrap {
    height: 320px;
  }
}

@media (max-width: 750px) {
  #staff_archive #staff_list .image_wrap {
    height: 400px;
  }
}

@media (max-width: 650px) {
  #staff_archive #staff_list .image_wrap {
    height: 350px;
  }
}

@media (max-width: 450px) {
  #staff_archive #staff_list .image_wrap {
    height: 250px;
  }
}

@media (max-width: 400px) {
  #staff_archive #staff_list .image_wrap {
    height: 220px;
  }
}

/*シングルページのキャスト一覧*/
#container #single_staff_list .headline_area .headline {
  color: #fff;
}

#container #single_staff_list .button a {
  color: #fff;
  border-color: #fff;
}

@media (max-width: 950px) {
  #single_staff_list #staff_list .item {
    height: auto;
    margin-bottom: 25px;
  }

  #single_staff_list #staff_list .image_wrap {
    height: 320px;
  }
}

@media (max-width: 750px) {
  #single_staff_list #staff_list .image_wrap {
    height: 400px;
  }
}

@media (max-width: 650px) {
  #single_staff_list #staff_list .image_wrap {
    height: 350px;
  }
}

@media (max-width: 450px) {
  #single_staff_list #staff_list .image_wrap {
    height: 250px;
  }
}

@media (max-width: 400px) {
  #single_staff_list #staff_list .image_wrap {
    height: 220px;
  }
}

/*固定ページのキャスト一覧の新人タグ*/
.label_new_cast {
  position: relative;
}

.label_new_cast:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 45px solid #f00;
  border-right: 45px solid transparent;
  z-index: 100;
}

.label_new_cast:after {
  content: "NEW!!";
  position: absolute;
  top: 0;
  left: 0;
  font-size: xx-small;
  color: #FFF;
  transform: rotate(-45deg) translate(-5px, 10px);
  z-index: 100;
}

@media (min-width: 950px) {
  .label_new_cast:before {
    border-top: 65px solid #f00;
    border-right: 65px solid transparent;
  }

  .label_new_cast:after {
    content: "NEW!!";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #FFF;
    transform: rotate(-45deg) translate(-9px, 15px);
    z-index: 100;
  }
}

/*ポケパラ*/
.no-display-sp {
  text-align: center;
}

.no-display-pc {
  display: none;
}

@media screen and (max-width: 1151px) {
  .index_free_space.cb_contents.num5 {
    margin-bottom: 4em;
  }
}

@media screen and (max-width: 799px) {
  .no-display-pc {
    display: flex;
    justify-content: center;
  }

  .no-display-sp {
    display: none;
  }
}

/*インスタグラム*/
.index_free_space.cb_contents.num6 {
  width: 1200px;
  padding: 10em 0 0;
}

.instaImages ul {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.instaImages ul li {
  width: calc(100% / 5);
  line-height: 0;
  list-style: none;
}

.instaImages_photo {
  padding: 0.3em;
}

.instaImages_photo_1 {
  overflow: hidden;
}

.instaImage-0 img {
  vertical-align: bottom;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  transition: all 0.4s;
}

.instaImage-0:hover img {
  transform: scale(1.2);
}

@media screen and (max-width:1250px) {
  .index_free_space.cb_contents.num6 {
    width: auto;
    padding: 6em 3em 2em;
  }

  .instaImages ul li {
    width: calc(100% / 4);
  }

  .instaImages ul li:nth-child(n+9) {
    display: none;
  }
}

@media screen and (max-width:1151px) {
  .index_free_space.cb_contents.num6 {
    width: auto;
    padding: 4em 3em 2em;
  }
}

@media screen and (max-width:950px) {
  .index_free_space.cb_contents.num6 {
    width: auto;
    padding: 4em 1em 2em;
  }

  .instaImages ul li {
    width: calc(100% / 3);
  }

  .instaImages ul li:nth-child(n+9) {
    display: inline;
  }

  .instaImages ul li:nth-child(n+10) {
    display: none;
  }
}

@media screen and (max-width:750px) {
  .index_free_space.cb_contents.num6 {
    width: auto;
    padding: 2em 1em 2em;
  }

  .instaImages ul li {
    width: calc(100% / 3);
  }
}

@media screen and (max-width:450px) {
  .instaImages ul li {
    width: calc(100% / 2);
  }

  .instaImages ul li:nth-child(n+9) {
    display: inline;
  }

  .instaImages ul li:nth-child(n+11) {
    display: none;
  }
}

/*店舗写真*/
.index_free_space.cb_contents.num7 {
  padding: 10em 0 2em;
  width: 1200px;
}

@media screen and (max-width:1250px) {
  .index_free_space.cb_contents.num7 {
    padding: 6em 0 4em;
    width: auto;
  }
}

@media screen and (max-width:750px) {
  .index_free_space.cb_contents.num7 {
    padding: 4em 0 4em;
  }
}

/*ウィジェット*/
#side_col-lp {
  display: none;
}

@media only screen and (max-width: 750px) {
  .widget_content {
    display: none;
  }
}

/*お知らせのウィジェット*/
#main_col {
  width: 1000px;
}

#side_col {
  display: none;
}

@media only screen and (max-width: 1151px) {
  #container #main_col {
    width: auto;
    float: none;
  }
}

/*お問い合わせ*/
.grecaptcha-badge {
  visibility: hidden;
}

/*改行*/
br.sp {
  display: none;
}

@media screen and (max-width: 750px) {
  br.sp {
    display: inline;
  }

  br.pc {
    display: none;
  }
}

/*SNS*/
#header_social_link li a {
  width: 22px;
  height: 22px;
  line-height: 22px;
}

#footer_social_link li a {
  width: 22px;
  height: 22px;
  line-height: 22px;
}

#header_social_link li a:before {
  font-size: 20px;
  top: 0px;
}

#footer_social_link li a:before {
  font-size: 20px;
  top: 0px;
}

#header_social_link li.line a:before {
  content: '\e909';
}

#footer_social_link li.line a:before {
  content: '\e909';
}

/*トップページの見出し*/
h3.headline.rich_font {
  text-align: center;
  line-height: 1.6;
  margin: -10px 0 49px 0;
  font-size: 38px;
  color: #fff;
}

span.top-s1 {
  display: block;
  font-size: 18px;
}

@media screen and (max-width: 750px) {
  h3.headline.rich_font {
    font-size: 22px;
    margin: -10px 0 30px 0;
  }

  span.top-s1 {
    font-size: 12px;
  }
}

/*イベントカレンダー*/
#tribe-events,
#tribe-events-pg-template,
.tribe-events-pg-template {
  padding: 100px 20px 20px;
}

#tribe-bar-filters {
  display: none;
}

#tribe-events .tribe-events-button,
.tribe-events-button {
  display: none;
}

h1.tribe-events-page-title {
  color: #fff;
}

#tribe-events-content a,
.tribe-events-event-meta a {
  color: #fff;
}

.tribe-events-calendar th {
  color: #fff;
}

.tribe-events-calendar div[id*=tribe-events-daynum-],
.tribe-events-calendar div[id*=tribe-events-daynum-] a {
  color: #fff;
}

.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-],
.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-]>a {
  color: #fff;
}

.tribe-events-calendar th {
  background-color: #171717;
}

.tribe-events-calendar div[id*=tribe-events-daynum-],
.tribe-events-calendar div[id*=tribe-events-daynum-] a {
  background-color: #363636;
}

#tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {
  font-size: 16px;
  font-weight: 900;
}

.tribe-events-calendar .tribe-events-tooltip {
  background-color: #171717;
  color: #fff;
  padding: 1em;
  border: none;
}

.events-archive.events-gridview #tribe-events-content table .type-tribe_events {
  margin: 0 2%;
  padding: 10px 0px 5px;
}

#tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {
  font-size: 15px;
  font-family: 'Playfair Display', serif;
}

@media (max-width: 800px) {
  #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {
    font-size: 14px;
  }
}

/*イベント個別ページ*/
#tribe-events-pg-template,
.tribe-events-pg-template {
  max-width: 800px;
}

.single-tribe_events .tribe-events-single-event-title {
  color: #fff;
}

.tribe-events-schedule h2 {
  color: #fff;
}

.tribe-events-single-event-description.tribe-events-content p {
  color: #fff;
}

.single-tribe_events .tribe-events-event-meta {
  display: none;
}

.single-tribe_events .tribe-events-event-image {
  display: none;
}

.event-c1 {
  display: flex;
}

.event-g2 img {
  object-fit: cover;
  aspect-ratio: 2 / 2;
  object-position: 20% 10%;
}

.event-g3 img {
  object-fit: cover;
  aspect-ratio: 2 / 2;
  object-position: 48% 10%;
}

p.event-g2 {
  margin-bottom: 0;
}

p.event-g3 {
  margin-bottom: 0;
}

@media (max-width: 768px) {

  #tribe-events,
  #tribe-events-pg-template,
  .tribe-events-pg-template {
    padding: 20px 20px 20px;
  }

  .single-tribe_events .tribe-events-schedule {
    background: none;
    border: none;
    margin: 18px 0 8px;
    padding: 12px;
  }

  #tribe-events-header {
    display: none;
  }

  /*
  #tribe-events-footer {
    display: none;
  }
*/
  #tribe-events-footer~a.tribe-events-ical.tribe-events-button {
    display: none;
  }

  .tribe-events-calendar .tribe-events-has-events:after {
    background-color: #d40404;
  }

  .tribe-mobile-day-heading {
    display: none;
  }

  span.tribe-event-date-start {
    color: #fff;
  }

  .tribe-event-description {
    color: #fff;
  }

  .tribe-events-sub-nav li a {
    background: none;
  }

  #tribe-events-footer:after,
  #tribe-events-footer:before,
  #tribe-events-header:after,
  #tribe-events-header:before {
    display: none;
  }

}

/*ラジオボタン*/
span.wpcf7-form-control.wpcf7-radio {
  display: flex;
}

.radio-854 label {
  position: relative;
}

.radio-854 input[type="radio"] {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

.radio-854 input[type="radio"]+span {
  padding: 7px 10px 7px 23px;
}

.radio-854 input[type="radio"]:checked+span {
  background-color: #999;
  color: #fff;
  border-radius: 0.3em;
}

/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
/*基本*/
#company_info a {
  color: #fff;
}

#return_top a {
  background: #171717;
  border-top: 1px solid #7c0505;
}

#return_top a:before {
  color: #fff;
}

#return_top a:hover {
  background: #171717;
}

#footer_banner .title {
  background: rgba(0, 0, 0, 0.5);
}

p#company_info {
  color: #fff;
}

#footer_social_link a {
  color: #fff;
}

/*ボタン*/
span.material-icons {
  vertical-align: -5px;
}

#footer_button i.fab.fa-line {
  font-size: 27px;
  vertical-align: -3px;
}

#footer_button {
  margin: 25px 0 0;
}

#footer_button a {
  border: solid 1px #fff;
  color: #fff;
}

#footer_button a:hover {
  background-color: #171717;
  border: 1px solid #7c0505;
  color: #fff;
}

@media (max-width: 1000px) {
  #footer_button i.fab.fa-line {
    font-size: 24px;
  }

  #footer_button {
    margin: 20px 0 0;
  }
}



/*snsアイコンフォント*/
.icon502_link {
  font-size: 24px;
  overflow: hidden;
  transition: all 0.4s;
  width: 24px;
  height: 24px;
}

li.sns500_item a {
  color: #fff;
}

.icon502_link:hover {
  opacity: 0.5;
}

/*snsカラー*/
ul.sns500ul {
  list-style: none;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 0.7em;
}

.icon500_link {
  overflow: hidden;
}


.icon500_link img {
  width: 35px;
  transition: all 0.4s;
}

.icon500_link:hover img {
  opacity: 0.5;
}

i.fa-brands.fa-facebook-f,
i.fa-brands.fa-tiktok,
i.fa-brands.fa-line {
  font-size: 22px;
}

/*フッターメニュー縦並びに調整*/
@media screen and (max-width:750px) {
  #footer_menu li {
    display: block;
    margin: 10px 0;
    padding: 0;
    border-right: 0;
  }
}

/*フッターロゴ*/
#footer_logo {
  margin: 0 0 5px 0;
}

#footer_logo img {
  width: 280px;
  height: auto;
  margin-bottom: 15px;
}


@media screen and (max-width:950px) {
  #footer_logo img {
    width: 200px;
    height: auto;
  }

  #footer_top #footer_logo {
    margin-bottom: 15px;
  }
}

/*フッターバー*/
#container .dp-footer-bar {
  background: #171717bd;
  border-top: none;
}

#container .dp-footer-bar a {
  color: #fff;
}

#container .dp-footer-bar-item+.dp-footer-bar-item {
  border-left: none;
}

/*フッター非表示*/
@media screen and (max-width: 750px) {
  #footer_menu {
    display: none;
  }
}

/* ----------------------------------------------------------------------
ふわっ/画面が読み込まれたら現れる
---------------------------------------------------------------------- */
/*下から*/
.index_news.cb_contents,
.fadeUpTrigger {
  opacity: 0;
  transition: all;
  transform: translateY(30px) translateX(0);
}

.index_news.cb_contents.fadeUp,
.fadeUpTrigger.fadeUp {
  transform: translateY(0) translateX(0);
  opacity: 1;
  transition-duration: 3s;
}

/*左から*/
.fadeLeftTrigger {
  opacity: 0;
  transition: all;
  transform: translateY(0) translateX(-30px);
}

.fadeLeftTrigger.fadeLeft {
  transform: translateY(0) translateX(0);
  opacity: 1;
  transition-duration: 1s;
}

/*右から*/
.fadeRightTrigger {
  opacity: 0;
  transition: all;
  transform: translateY(0) translateX(30px);
}

.fadeRightTrigger.fadeRight {
  transform: translateY(0) translateX(0);
  opacity: 1;
  transition-duration: 1s;
}

/* ----------------------------------------------------------------------
 簡単キャスト一覧
---------------------------------------------------------------------- */
.cast_list210 ul {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.cast_list210 ul li {
  width: calc(100% / 3);
  line-height: 0;
  list-style: none;
}

.cast_list210_photo {
  position: relative;
  margin: 1em;
}

.cast_list210_photo_1 {
  overflow: hidden;
}

.cast_list210_photo_1 img {
  vertical-align: bottom;
  object-fit: cover;
  aspect-ratio: 4 / 5;
  transition: all 0.4s;
}

.cast_list210_photo_1:hover img {
  transform: scale(1.2);
}

.cast_list210_text {
  position: absolute;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  width: 100%;
}

h3.cast_list210_m1 {
  color: #fff;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  padding: 1em;
  margin: 0;
}

@media screen and (max-width:750px) {
  .cast_list210 ul li {
    width: calc(100% / 2);
  }

  .cast_list210 ul li:nth-of-type(odd) .cast_list210_photo {
    margin: 0 0.5em 1em 0;
  }

  .cast_list210 ul li:nth-of-type(even) .cast_list210_photo {
    margin: 0 0 1em 0.5em;
  }

  .cast_list210_photo_1 img {
    aspect-ratio: 6 / 8;
  }
}