/* 【施術詳細】症例写真：PCは症例単位で2列、スマートフォンは1列 */
/* 親テーマの汎用レイアウト指定より優先し、症例セクションだけに適用する */
body.single-treatment .p-treatment section.classy-treatment-cases,
body.single-treatment .p-treatment .classy-treatment-cases,
.p-treatment section.classy-treatment-cases,
.p-treatment .classy-treatment-cases {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 32px 24px;
  align-items: start;
  width: 100%;
}
.p-treatment .classy-treatment-cases > h2,
.classy-treatment-cases > h2 { grid-column: 1 / -1; margin-bottom: 0; }
.p-treatment .classy-treatment-cases > .classy-treatment-cases__item,
.classy-treatment-cases > .classy-treatment-cases__item {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  align-self: start;
  box-sizing: border-box;
}
.classy-treatment-cases__link { display: block; text-decoration: none; color: inherit; }
.p-treatment .classy-treatment-cases__image,
.classy-treatment-cases__image { display: block; width: 100%; max-width: 100%; height: auto; margin: 0 0 12px; }
.classy-treatment-cases__gentei { margin-top: 12px; }
@media (max-width: 767px) {
  body.single-treatment .p-treatment section.classy-treatment-cases,
  body.single-treatment .p-treatment .classy-treatment-cases,
  .p-treatment section.classy-treatment-cases,
  .p-treatment .classy-treatment-cases {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px;
  }
}

/* 【施術詳細】本文中にショートコードで複数挿入した症例も2列表示 */
.p-treatment .p-treatment__detail:has(> .classy-treatment-cases__item),
.p-treatment p:has(> .classy-treatment-cases__item) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 32px 24px;
  align-items: start;
}
.p-treatment .p-treatment__detail > .classy-treatment-cases__item,
.p-treatment p > .classy-treatment-cases__item {
  min-width: 0; width: 100%; margin: 0; align-self: start;
}
@media (max-width: 767px) {
  .p-treatment .p-treatment__detail:has(> .classy-treatment-cases__item),
  .p-treatment p:has(> .classy-treatment-cases__item) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 【施術詳細】開眼・閉眼は1症例として2列を占有。後続の単独症例は先の空きを埋める */
.p-treatment .classy-treatment-cases,
.p-treatment .p-treatment__detail:has(> .classy-treatment-cases__item),
.p-treatment p:has(> .classy-treatment-cases__item) {
  grid-auto-flow: row dense;
}
.p-treatment .classy-treatment-cases__item--pair {
  grid-column: 1 / -1;
}
.p-treatment .classy-treatment-cases__item--pair .classy-treatment-cases__photos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}
.p-treatment .classy-treatment-cases__item--pair .classy-treatment-cases__image {
  margin-bottom: 0;
}
.p-treatment .classy-treatment-cases__item--pair .classy-treatment-cases__gentei {
  width: 100%;
}
@media (max-width: 767px) {
  .p-treatment .classy-treatment-cases__item--pair .classy-treatment-cases__photos {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}