@charset "utf-8";

.special {
    width: 800px;
    margin: 0 auto;
    line-height: 1.8em;
}

.special h2 {
    text-align: center;
    margin-bottom: 40px;
}

.about-Line {
    margin: 0px auto;
    text-align: center;
}

#container .special ul .last {
    margin-right: 0;
}

.tax-in {
    margin-top: 40px;
    margin-bottom: 60px;
}

.tax-in p {
    margin-top: 20px;
}

.tax-in .red {
    color: #a51111;
}

.specialMenu {
    width: 544px;
    margin: 50px auto;
}

.specialMenu ul {
    overflow: hidden;
}

.specialMenu li {
    float: left;
    margin-right: 50px;
}

.specialMenu .last {
    margin-right: 0px;
}

.special-Line {
    margin-bottom: 40px;
}

.cnt {
    margin-bottom: 40px;
}

.cnt h3 {
    margin-bottom: 5px;
}

.cnt p {
    padding: 5px;
    margin-bottom: 20px;
}

.eye .cnt ul {
    overflow: hidden;
}

.eye .cnt li {
    float: left;
    margin-right: 40px;
}

.eye .later {
    text-align: center;
}

.eye dl {
    text-align: center;
    margin-top: 80px;
}

.eye dt {
    margin-bottom: 20px;
}

.eye dd img {
    margin-bottom: 20px;
}

.eye .cnt01 ul {
    margin: 40px auto;
}

.eye .cnt03 {
    overflow: hidden;
}

.eye .cnt03_L {
    float: left;
    width: 455px;
}

.eye .cnt03_R {
    float: right;
    margin-top: 30px;
}

.eye02 {
    margin-top: 80px;
}

.eye .cnt_point li {
    width: 240px;
    height: 247px;
    background: url(../img/special/eye/eye02_li_bg.gif) no-repeat;
    padding-top: 40px;
    float: left;
    margin-right: 40px;
}

.eye .cnt_point dl {
    margin-top: 0;
}

.eye .cnt_point dt {
    margin-bottom: 0;
}

.eye .cnt_point dd {
    text-align: left;
    width: 220px;
    margin: 0 auto;
    line-height: 1.4em;
}

.double_link {
    margin-top: 40px;
}

.double_link a {
    text-decoration: underline;
}

.removal {}

.removal .cnt {
    overflow: hidden;
}

.removal .cnt01_L {
    float: left;
    width: 440px;
}

.removal .cnt01_R {
    float: right;
}

.removal .cnt03_L {
    float: left;
    width: 350px;
}

.removal .cnt03_R {
    float: right;
}

.removal .cnt04_L {
    float: left;
    width: 580px;
}

.removal .cnt04_R {
    float: right;
}

.okigaru {
    text-align: center;
    margin-bottom: 70px;
}

.removal .price {
    width: 800px;
    height: 1430px;
    background: url(../img/special/removal/price_bg.jpg) no-repeat;
    margin-top: 70px;
    position: relative;
}

.removal .price h2 {
    padding-top: 90px;
}

.priceTable {
    width: 600px;
    margin: 0 auto;
    margin-top: 50px;
    font-size: 14px;
}

.priceTable li {
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
    line-height: 1.6;
}

.priceTable li div {
    float: left;
    padding: 11px 0;
}

.priceTable .item {
    font-weight: bold;
}

.priceTable .col1 {
    width: 99px;
    padding-left: 30px;
}

.col2,
.col3,
.col4 {
    width: 147px;
    text-align: right;
    float: right;
}

.priceTable .col4 {
    padding-right: 30px;
}

.priceTable .center {
    text-align: center;
    vertical-align: middle;
}

.priceTable .rowLast {
    border: none;
}

.priceTable .rowDouble {
    border-top: 3px double #e3e3e3;
    border-bottom: none;
}

.price .kome {
    position: absolute;
    left: 40px;
    bottom: 35px;
    line-height: 1.6;
}

.petit {}

.petit li {
    padding: 15px 30px;
    padding-left: 50px;
    border-bottom: 1px solid #e3e3e3;
    height: 31px;
    line-height: 31px;
    background: url(../img/special/petit/icon_entry.gif) left center no-repeat;
}

.petit .last {
    border-bottom: none;
}

.petit li span {
    width: 140px;
    height: 31px;
    display: block;
    float: right;
}

.petitItem {
    margin-bottom: 80px;
}

.lipoinjection {}

.lipoinjection h2 {
    text-align: left;
    margin-bottom: 5px;
}

.lipoinjection .cnt {
    overflow: hidden;
}

.lipoinjection .cnt01_L {
    float: left;
    width: 600px;
}

.lipoinjection .cnt01_R {
    margin-top: 40px;
    float: right;
}

.lipoColumn {
    width: 540px;
    height: 128px;
    background: url(../img/special/lipoinjection/column_waku.gif) no-repeat;
    text-align: center;
    margin: 0 auto;
    padding-top: 25px;
}

.lipoColumn a {
    width: 200px;
    height: 40px;
}

.lipoColumn p {
    margin-bottom: 0;
}

.lipoColumn .column01 {
    float: left;
    margin-left: 60px;
}

.lipoColumn .column02 {
    float: right;
    margin-right: 60px;
}

.lipoinjection .cnt06_L {
    float: left;
    width: 600px;
}

.lipoinjection .cnt06_R {
    margin-top: 40px;
    float: right;
}

.lipoinjection .cnt08_img {
    text-align: center;
}

.lipoinjection .cnt09 {
    margin-bottom: 0;
}

.lipoinjection .cnt09_L {
    float: left;
    width: 410px;
}

.lipoinjection .cnt09_R {
    margin-top: 5px;
    float: right;
}

.lipoinjection .cnt09float {
    overflow: hidden;
}

.lipoinjection .cnt09 dl {
    margin-top: 60px;
}

.lipoinjection .cnt09 dt {
    margin-bottom: 15px;
}

.lipoinjection .cnt09 dd {
    margin-bottom: 50px;
}

.srf {
    margin-bottom: 60px;
}
.h4-strong {
  display: block;
  font-size: 16px;   /* page-removal.php の h4 と統一 */
  margin: 18px 0 8px;
  font-weight: bold;
}
/* =========================
   ニキビ特集（PC）レイアウト調整
   ========================= */

/* 全体レイアウト */
.contents.specialAcne.special .backwhite.special.acne {
  padding: 40px 0 50px;
}

.acne-inner {
  margin: 0 auto;
  max-width: 900px;
}

/* MV */
.acne-mv {
  text-align: center;
  margin-bottom: 30px;
}

.acne-mv img {
  max-width: 100%;
  height: auto;
}

/* 共通ブロック */
.acne-block {
  margin-bottom: 40px;
}

.acne-block p {
  line-height: 1.8;
}

/* セクションタイトル画像 */
.acne-h3-img {
  margin: 0 0 18px;
}

.acne-h3-img img {
  max-width: 420px;
  width: 100%;
  height: auto;
}

/* リードタイトル画像 */
.acne-title-img {
  text-align: center;
  margin: 10px 0 15px;
}

.acne-title-img img {
  max-width: 480px;
  width: 100%;
  height: auto;
}

/* 区切り線（ニキビ特集内のみ少し余白を追加） */
.special.acne .special-Line {
  margin: 20px 0 30px;
  text-align: center;
}

/* 箇条書き（原因など） */
.sp-ul {
  margin: 8px 0 16px 1.5em;
  padding: 0;
}

.sp-ul li {
  list-style: disc;
  margin-bottom: 4px;
}

/* 治療メニューの番号タイトル（1）〜7）） */
.acne-step-title {
  margin: 30px 0 10px;
  padding: 8px 12px;
  background: #f5f0de;
  border-left: 4px solid #c9a862;
  font-weight: bold;
  font-size: 15px;
}

/* 表（ホームケア・料金など共通） */
.acne-homecare-table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0 25px;
  font-size: 13px;
}

.acne-homecare-table th,
.acne-homecare-table td {
  border-bottom: 1px solid #e3e3e3;
  padding: 8px 6px;
  line-height: 1.6;
}

.acne-homecare-table th {
  background: #faf6ea;
  font-weight: bold;
  text-align: left;
}

.acne-homecare-table td.name {
  width: 55%;
}

.acne-homecare-table td.size,
.acne-homecare-table td.price {
  width: 22%;
  white-space: nowrap;
}

/* おすすめプランをカード風に */
.acne-plan {
  border: 1px solid #e5ddd0;
  border-radius: 6px;
  padding: 16px 18px;
  margin: 20px 0;
  background: #fffbf5;
}

.acne-plan-title {
  font-size: 15px;
  margin: 0 0 10px;
}

/* クロージングメッセージ */
.okigaru {
  margin: 40px 0 10px;
  text-align: center;
}

.acne-closing-text {
  margin: 0 auto 10px;
  max-width: 720px;
  line-height: 1.8;
}

/* PC向けの微調整（SPと共通クラスを使っても崩れないように） */
@media screen and (min-width: 769px) {
  .acne-inner {
    padding: 0;
  }
}
/* ニキビ特集タイトル画像（PC）だけサイズ変更 */
.special.acne .acne-title-img {
  text-align: center;
  margin: 10px 0 15px;
}

.special.acne .acne-title-img img {
  max-width: 460px;   /* 加工後の幅に合わせてここを調整 */
  width: 100%;
  height: auto;
}
/* ▼ ニキビ特集：横並び画像（PC表示） ▼ */
.acne-img-row {
  display: flex;
  justify-content: center;  /* 横並びを中央に寄せる */
  align-items: center;
  gap: 24px;                 /* 画像の間隔 */
  margin: 40px auto;
  max-width: 900px;          /* 全体の幅を整えて見映えをキレイに */
}

.acne-img-col {
  flex: 0 0 33%;             /* 1/3サイズ */
  text-align: center;
}

.acne-img-col img {
  width: 100%;
  height: auto;
  display: block;
}
/* ==========================================
   PC版：ニキビ特集 画像レイアウト
   （写真は切らずに、高さだけ揃える）
   ========================================== */
@media screen and (min-width: 769px) {

  /* 共通：画像ブロックの余白 */
  .acne-img-pc {
    margin: 35px auto 45px;
  }

  /* ── 2枚横並び（イラスト・写真どちらも）── */
  .acne-img-pc.acne-img-pc-2col {
    max-width: 800px;          /* 全体の横幅（お好みで調整可） */
    margin: 35px auto 45px;
    display: flex;
    justify-content: center;   /* 横方向センター */
    gap: 30px;                 /* 画像同士の間隔 */
  }

  /* 同じ高さの枠の中で中央寄せする */
  .acne-img-pc.acne-img-pc-2col .acne-img-pc-item {
    width: 45%;
    height: 260px;             /* ★ここが「見た目の高さ」揃え。必要なら 280px などに調整 */
    display: flex;
    align-items: center;       /* 縦方向センター */
    justify-content: center;   /* 横方向センター */
  }

  /* 画像は枠内に収まるように縮小（トリミング無し） */
  .acne-img-pc.acne-img-pc-2col .acne-img-pc-item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
  }

  /* ── 1枚だけ表示するパターン ── */
  .acne-img-pc.acne-img-pc-single {
    max-width: 600px;
    margin: 40px auto 50px;
    display: flex;
    justify-content: center;
  }

  .acne-img-pc.acne-img-pc-single .acne-img-pc-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .acne-img-pc.acne-img-pc-single .acne-img-pc-item img {
    max-width: 50%;
    height: auto;
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .acne-img-pc.acne-img-pc-single .acne-img-pc-item img {
    max-width: 50%;
    height: auto;
    display: block;
    margin: 0 auto;   /* ← これで中央配置が確実になります */
  }
}

/****************************************************
 * ニキビ治療の実際：料金テーブル（PC用）
 ****************************************************/
.acne-homecare-table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0 25px;
  font-size: 13px;
}

.acne-homecare-table th,
.acne-homecare-table td {
  border-bottom: 1px solid #e3e3e3;
  padding: 6px 8px;
  line-height: 1.5;
}

.acne-homecare-table th {
  background: #f9f6ef;
  text-align: left;
  font-weight: bold;
}

.acne-homecare-table td {
  text-align: left;
}

.acne-homecare-table td.price {
  text-align: right;
  white-space: nowrap;
}
/* ▼「② ニキビの原因」直後の1枚画像だけ大きくする（PC）▼ */
@media screen and (min-width: 769px) {
  .special.acne .cnt02 + .acne-img-pc.acne-img-pc-single {
    max-width: 800px; /* 枠を広げる：お好みで 700〜900px */
  }

  .special.acne .cnt02 + .acne-img-pc.acne-img-pc-single .acne-img-pc-item img {
    max-width: 90%;   /* 画像を大きく：80〜100%で調整 */
  }
}