@charset "utf-8";
/*
Theme Name: GENESIS child
Theme URI:https://tcd-theme.com/tcd103/
Description:WordPressテーマ「GENESIS」の子テーマ
Template:genesis_tcd103
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/
#header_slider .swiper-slide,
#header_slider .item-inner {
  position: relative;
}

#header_slider .slide_link {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

#header_slider .overlay,
#header_slider_content {
  pointer-events: none;
}

#footer_inner {
  display: flex;
  flex-wrap: wrap;
  gap: 90px;
}

#footer_nav2>ul {
  display: flex;
  flex-direction: column;
  font-size: 14px;
}

#footer_nav2>ul>li::before {
  content: "-";
  padding-right: 10px;
}

#footer_nav2>ul>li {
  width: 100%;
  line-height: 1.5;
  padding: 10px;
}

/* =====================================
   追加した2段目の外枠は動かさない
===================================== */

.gallery_content_carousel[data-test="ENDO350"] {
  -webkit-animation: none !important;
  animation: none !important;

  -webkit-transform: none !important;
  transform: none !important;

  display: block;
  width: 100%;
}


/* 2段目との間隔
   不要ならこの部分は削除OK
===================================== */

/*
.gallery_content_carousel[data-test="ENDO350"] {
  margin-top: 20px;
}

.gallery_content_carousel[data-test="ENDO350"] {
  outline: 10px solid red !important;
}
*/


/* =====================================
   上段：300秒
===================================== */

/*
.gallery_first > .gallery_content_carousel:nth-of-type(1) {
  -webkit-animation: gallery_carousel_loop 300s linear infinite !important;
  animation: gallery_carousel_loop 300s linear infinite !important;
}

.gallery_first > .gallery_content_carousel:nth-of-type(2) {
  -webkit-animation: gallery_carousel_loop2 300s -200s linear infinite !important;
  animation: gallery_carousel_loop2 300s -200s linear infinite !important;
}

.gallery_first > .gallery_content_carousel:nth-of-type(3) {
  -webkit-animation: gallery_carousel_loop3 300s -100s linear infinite !important;
  animation: gallery_carousel_loop3 300s -100s linear infinite !important;
}
*/


/* 下段：240秒 */

/*
.gallery_second > .gallery_content_carousel:nth-of-type(1) {
  -webkit-animation: gallery_carousel_loop 240s linear infinite !important;
  animation: gallery_carousel_loop 240s linear infinite !important;
}

.gallery_second > .gallery_content_carousel:nth-of-type(2) {
  -webkit-animation: gallery_carousel_loop2 240s -160s linear infinite !important;
  animation: gallery_carousel_loop2 240s -160s linear infinite !important;
}

.gallery_second > .gallery_content_carousel:nth-of-type(3) {
  -webkit-animation: gallery_carousel_loop3 240s -80s linear infinite !important;
  animation: gallery_carousel_loop3 240s -80s linear infinite !important;
}
*/


.gallery_content {
    background: #f6f6f6;
    padding: 150px 0 0px 0;
    margin: 140px auto 0px;
    overflow: hidden;
}

.gallery_second_carousel .item img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.gallery_second_carousel .item {
    width: 240px;
    height: 240px;
    margin-right: 50px;
}

.gallery_second_wrap {
    background: #f6f6f6;
    padding: 0px 0 150px 0;
    margin: 0 auto 140px;
    overflow: hidden;
}

/* =============================
   2段目専用カルーセル
============================= */

.gallery_second_wrap {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

.gallery_second_carousel {
  display: flex;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  width: max-content;
  will-change: transform;
}

.gallery_second_carousel .item img {
  display: block;
  width: 100%;
    height: auto;
/*
  height: 100%;
  object-fit: cover;
*/
}


.gallery_second_carousel .item {
  width: 240px;
  height: 240px;
  margin-right: 50px;
  flex: 0 0 240px;
}

@media screen and (max-width: 800px) {
  .gallery_second_carousel .item {
    width: 130px;
    height: 130px;
    margin-right: 20px;
    flex: 0 0 130px;
  }
}


/* 1本目 */
.gallery_second_carousel.second-1 {
  -webkit-animation: gallery_carousel_loop 240s linear infinite !important;
  animation: gallery_carousel_loop 240s linear infinite !important;
}


/* 2本目 */
.gallery_second_carousel.second-2 {
  -webkit-animation: gallery_carousel_loop2 240s -160s linear infinite !important;
  animation: gallery_carousel_loop2 240s -160s linear infinite !important;
}


/* 3本目 */
.gallery_second_carousel.second-3 {
  -webkit-animation: gallery_carousel_loop3 240s -80s linear infinite !important;
  animation: gallery_carousel_loop3 240s -80s linear infinite !important;
}