/*
Theme Name:noel child
Theme URI:
Description:WordPressテーマ「noel」の自作子テーマです。
Template:noel_tcd072
Author:Tsubasa itabashi
Author URI:https://pyxisu.co.jp/
Version:0.1
*/

/* ロゴ */

#header_slider .item1 .title {
  text-align: left;
  line-height: 1.8;
}

.entry-date {
  color: #968e8b;
}

/* 院長紹介 */
#index_doctor {
  background: #eeeef3 !important;
}

.doctor_inner {
  background: url(https://t-b-c.jp/wp-content/uploads/2024/05/doctor_240501-2-min-1.png)
    no-repeat center center;
  background-size: cover;
}

#index_youtube .btn-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 560px;
  background-color: #fff !important;
  border: 1px solid #414245;
}

#index_youtube .btn-link {
  display: block;
  text-align: center;
  padding: 20px 0;
}
#index_youtube .text01 {
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #132e4d;
}

#index_youtube .text02 {
  display: block;
  font-size: 14px;
  color: #132e4d;
}

#index_youtube {
  padding: 100px 0;
}

@media screen and (max-width: 600px) {
  #index_youtube {
    padding: 100px 15px;
  }
  #index_youtube iframe {
    height: calc(394 / 750 * 100vw);
  }
  #index_youtube .text01 {
    font-size: 18px;
  }
}

.youtube-wrapper {
  max-width: 560px;
  margin: 0 auto 30px;
}

/* 公式アカウント */
#gallery-1 {
  display: flex;
  justify-content: center;
}

.index_free_space_sns {
  background: url(https://t-b-c.jp/wp-content/uploads/2024/05/sns-bg-min-scaled.jpg)
    no-repeat center center;
  background-size: cover;
}

@media screen and (max-width: 600px) {
  .doctor_inner {
    height: 900px;
    background-size: contain;
    background-position-y: bottom;
  }
}
/* 公式SNS */
.index_free_space_sns {
  background: url(http://t-b-c.jp/wp-content/uploads/2024/05/sns-bg-min-scaled.jpg)
    no-repeat center center;
  background-size: cover;
}

#main_col .post_content .style4a {
  font-weight: bold !important;
}

.campaign h2 {
  color: #132e4d;
  font-size: 42px !important;
}

.card02 {
  overflow: hidden;
}

.l-section .l-inner {
  padding-top: 0rem;
  padding-bottom: 2rem;
}

.l-inner {
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10rem;
}

.card02 .swiper {
  overflow: visible;
}
.card02 .swiper-slide {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.card02 .slide {
  overflow: hidden;
  width: 330px;
  border-radius: 4px;
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
  margin-right: 32px;
  display: block;
}

.card02 .slide img {
  width: 100%;
  height: auto;
}
.swiper-controller {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 3.2rem;
}

.card02 .swiper-button-prev,
.card02 .swiper-button-next {
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  color: #e5ddda;
}

@media only screen and (max-width: 1024px) {
  .l-inner {
    padding: 0 2rem;
  }
}
@media only screen and (max-width: 599px) {
  .card02 .slide {
    width: 200px;
  }
}

@media screen and (max-width: 1250px) {
  .swiper-container {
    width: auto;
    margin: 0 30px 60px;
    overflow: hidden;
  }
}

@media screen and (max-width: 750px) {
  #header_slider .item1 .title {
    font-size: 24px;
  }
  img.mobile_logo_image {
    width: 200px;
    height: auto;
  }

  .campaign h2 {
    color: #132e4d;
    font-size: 28px !important;
  }
}

/* 症例写真アーカイブ */
.post-type-archive-shoureishashin .archive-title,
.case-category .archive-title {
  text-align: center;
  font-size: 32px;
  padding: 40px 0;
  line-height: 1.6;
  font-weight: 500;
  color: #132e4d;
  font-family: "Shippori Mincho", "游明朝", "Yu Mincho", "游明朝体", "YuMincho",
    "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E",
    "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.shoureishashin-categories ul {
  display: flex;
  justify-content: space-around;
  max-width: 1100px;
  margin: 0 auto 40px;
  li {
    border: 1px solid #132e4d;
    padding: 5px;
    a {
      color: #132e4d;
    }
  }
}

.glide__arrow {
  top: 90% !important;
}

.pagination {
  padding: 0 20px 20px;
}
.nav-links {
  font-size: 16px;
}
.page-numbers {
  margin-right: 10px;
}

.post-type-archive-shoureishashin .archive-posts,
.case-category .archive-posts {
  padding: 0 20px 100px;
}
.post-type-archive-shoureishashin .archive-posts,
.case-category .archive-posts {
  display: flex;
  gap: 40px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.post-type-archive-shoureishashin .archive-post-item,
.case-category .archive-post-item {
  width: 22%;
}
.post-type-archive-shoureishashin .archive-post-title,
.case-category .archive-post-title {
  font-family: "Shippori Mincho", "游明朝", "Yu Mincho", "游明朝体", "YuMincho",
    "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E",
    "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #132e4d;
  font-size: 15px;
  padding: 5px;
  line-height: 1.4;
}
.gallery-item-none {
  display: none;
}
.post-type-archive-shoureishashin .archive-post-thumbnail img,
.case-category .archive-post-thumbnail img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 750px) {
  .post-type-archive-shoureishashin .archive-post-item,
  .case-category .archive-post-item {
    width: 43%;
  }
}