/* ==================== 記事一覧 ==================== */
/* シンプル型記事リスト - 記事別アイコン */
.p-postList.-type-simple .p-postList__item {
  border-bottom: 1px solid #eee;
}

.p-postList.-type-simple .p-postList__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
}

/* 疑似要素でアイコンを追加 */
.p-postList.-type-simple .p-postList__link::before {
  content: "";
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  background-color: #234d23;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

/* 点滴 */
.p-postList.-type-simple a.p-postList__link[href*="hangover"]::before {
  background-image: url("https://30clinic.jp/column/wp-content/uploads/menu_icon_1.png");
}

/* 美容 */
.p-postList.-type-simple a.p-postList__link[href*="cinderella"]::before,
.p-postList.-type-simple a.p-postList__link[href*="detox"]::before,
.p-postList.-type-simple a.p-postList__link[href*="acne"]::before,
.p-postList.-type-simple a.p-postList__link[href*="placenta"]::before,
.p-postList.-type-simple a.p-postList__link[href*="vitaminc"]::before,
.p-postList.-type-simple a.p-postList__link[href*="exosome"]::before,
.p-postList.-type-simple a.p-postList__link[href*="nmn"]::before,
.p-postList.-type-simple a.p-postList__link[href*="shiratama"]::before {
  background-image: url("https://30clinic.jp/column/wp-content/uploads/menu_icon_2.png");
}

/* ピクト */
.p-postList.-type-simple a.p-postList__link[href*="kafun"]::before,
.p-postList.-type-simple a.p-postList__link[href*="ninniku"]::before {
  background-image: url("https://30clinic.jp/column/wp-content/uploads/menu_icon_3.png");
}

/* ダイエット */
.p-postList.-type-simple a.p-postList__link[href*="diet"]::before {
  background-image: url("https://30clinic.jp/column/wp-content/uploads/menu_icon_4.png");
}

/* 錠剤 */
.p-postList.-type-simple a.p-postList__link[href*="afterpills"]::before,
.p-postList.-type-simple a.p-postList__link[href*="tathion"]::before {
  background-image: url("https://30clinic.jp/column/wp-content/uploads/menu_icon_6.png");
}

/* 美髪 */
.p-postList.-type-simple a.p-postList__link[href*="hair"]::before {
  background-image: url("https://30clinic.jp/column/wp-content/uploads/menu_icon_8.png");
}

/* テキスト部分 */
.p-postList.-type-simple .p-postList__body {
  flex: 1;
}

.p-postList.-type-simple .p-postList__title {
  font-size: 15px;
  font-weight: normal;
  color: #333;
  line-height: 1.6;
}

.p-postList.-type-simple .p-postList__meta {
  display: none;
}

/* ホバー時 */
.p-postList.-type-simple .p-postList__link:hover .p-postList__title {
  color: #234d23;
}

/* ==================== H2・H3スタイル ==================== */
.post_content h2 {
  position: relative;
  display: block;
  margin-top: 0;
  color: #000;
  text-align: center;
  padding: 0 5px;
}
.post_content h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #0f4727;
  border-radius: 2px;
}

.post_content h3 {
  padding: 8px;
  padding-left: 24px;
  position: relative;
  margin: auto;
}
.post_content h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #0f4727;
}

/* ==================== その他 ==================== */
.payblock {
  height: 100%;
}

.p-articleMetas.-bottom{display:none;}

/* ==================== トップタイトルエリア（スライダー用）==================== */

/* メイン設定 */
.l-topTitleArea {
    margin-top: -100px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-height: 570px !important;
    height: 570px !important;
    background-image: none !important;
    background-color: transparent !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 0 150px 0 !important;
    -webkit-border-radius: 0 0 150px 0 !important;
    -moz-border-radius: 0 0 150px 0 !important;
    clip-path: none !important;
    max-width: none !important;
    width: 100vw !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

/* ドット背景とテクスチャを削除 */
.l-topTitleArea::before,
.l-topTitleArea::after {
    content: none !important;
    display: none !important;
}

.l-topTitleArea.c-filterLayer::before,
.l-topTitleArea.c-filterLayer::after,
.l-topTitleArea.-texture-dot::before,
.l-topTitleArea.-texture-dot::after {
    content: none !important;
    display: none !important;
}

/* 既存の画像を非表示 */
.l-topTitleArea__img {
   display: none !important;
   opacity: 0 !important;
   visibility: hidden !important;
}

/* スライダーの基本設定 */
.header-slider-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    border-radius: 0 0 150px 0 !important;
    -webkit-border-radius: 0 0 150px 0 !important;
    -moz-border-radius: 0 0 150px 0 !important;
    overflow: hidden !important;
}

.header-swiper {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 0 150px 0 !important;
    -webkit-border-radius: 0 0 150px 0 !important;
    -moz-border-radius: 0 0 150px 0 !important;
    overflow: hidden !important;
    position: relative !important;
}

.header-swiper .swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    position: relative !important;
}

.header-swiper .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

.header-swiper .swiper-slide picture {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

/* タイトル・コンテンツを前面に表示 */
.l-topTitleArea__body {
    position: relative !important;
    z-index: 10 !important;
}

/* パンくずリスト */
#breadcrumb {
    margin-top: 0;
    background-color: #ffffff !important;
    padding: 15px 0 !important;
}

.p-breadcrumb {
    background-color: #ffffff !important;
    padding: 15px 0 !important;
}

.p-breadcrumb__list {
    background-color: transparent;
}

/* スマホ用設定 */
@media screen and (max-width: 959px) {
    .l-topTitleArea {
        min-height: 280px !important;
        height: 280px !important;
        margin-top: -46px !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
    }
    
    .header-slider-wrapper {
        height: 280px !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
    }
    
    .header-swiper {
        height: 280px !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
    }
    
    /* スマホでパンくずリストを非表示 */
    #breadcrumb {
        display: none !important;
    }
}

/* PC用設定 */
@media (min-width: 960px) {
    .l-topTitleArea {
        height: 570px !important;
        min-height: 570px !important;
        border-radius: 0 0 150px 0 !important;
        -webkit-border-radius: 0 0 150px 0 !important;
        -moz-border-radius: 0 0 150px 0 !important;
    }
    
    .header-slider-wrapper {
        height: 570px !important;
        border-radius: 0 0 150px 0 !important;
        -webkit-border-radius: 0 0 150px 0 !important;
        -moz-border-radius: 0 0 150px 0 !important;
    }
    
    .header-swiper {
        height: 570px !important;
        border-radius: 0 0 150px 0 !important;
        -webkit-border-radius: 0 0 150px 0 !important;
        -moz-border-radius: 0 0 150px 0 !important;
    }
}
/* タイトル・メタ情報を非表示 */
.l-topTitleArea__body {
    display: none !important;
}
/* ヘッダー内のTOP表示を完全に非表示 */
.l-topTitleArea__body * {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* 追従ヘッダー内の全てのタイトル要素を非表示 */
header [class*="title"] {
    display: none !important;
}

header .title {
    display: none !important;
}
/* 追従ヘッダーのTOP表示を非表示（より具体的に） */
.l-header .l-header__title {
    display: none !important;
}

.l-header__title {
    display: none !important;
}

/* ヘッダー内のページタイトル */
.p-pageTitle {
    display: none !important;
}

.l-header .p-pageTitle {
    display: none !important;
}

/* 固定ヘッダー時のタイトル */
.l-header.-fixed .p-pageTitle,
.l-header.is-fixed .p-pageTitle,
.l-header.-sticky .p-pageTitle,
.l-header.is-sticky .p-pageTitle {
    display: none !important;
}

/* 追従ヘッダーのTOPメニュー項目を完全に非表示 */
.l-fixHeader .c-gnav .menu-item:first-child {
    display: none !important;
}