/*
Theme Name: BEAUTY Montrose Child
Description: モンローズ大阪の既存追加CSSを引き継ぐ子テーマ。
Author: webweb
Template: beauty_tcd054
Version: 1.0.1
Text Domain: beauty-montrose-child
*/

/* スライダの画像アニメーション */
.p-header-slider__item {
  animation: imageAnimation01 10s ease-in-out infinite 0s;
  transform-origin: center center; /* 拡大縮小の中心点を中央に */
  overflow: hidden; /* 画像の拡大時に枠線を超えないように */
}

@keyframes imageAnimation01 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05); /* 中間のスケールを設定 */
  }
  100% {
    transform: scale(1);
  }
}

.p-header-slider__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* スライダーのタイトル */
.p-header-slider__item-title {
  text-align: center; /* 中央揃え */
  color: #330000;
  line-height: 1.5; /* 行間を文字の高さの半分に設定 */
	 text-align: center;
  white-space: normal;
}

/* モバイル用のスタイル (例: 画面幅が 768px 以下の場合) */
@media (max-width: 768px) {
.p-header-slider__item-title  {
    font-size: clamp(18px, 5vw, 28px); /* または vw などの相対単位 */
  }
}

/* 英語部分に Marion フォントを適用 */
[lang="en"] {
  font-family: Marion, serif; /* Marion がなければ serif フォント */
}

/* Marion フォントを Web フォントとして読み込む (必要な場合のみ) */


/* ボタンのスタイル */
.p-index-content__btn {
  border: 0.5px solid #C6AC94;
	 margin: 0 auto; /* 左右のマージンを自動調整して中央揃え */
  border-radius: 50em;
  color: #6A4545;
  background-color: #F6F3EF;
  padding: 10px 20px;
  display: flex; /* フレックスボックスにする */
  align-items: center; /* 垂直方向の中央揃え */
  justify-content: center; /* 水平方向の中央揃え */
  text-decoration: none;
  font-weight: bold;
  /* height と line-height は不要 (またはコメントアウト) */
  /* height: 40px; */
  /* line-height: 40px; */
}

/* ボタンのホバー時のスタイル */
.p-index-content__btn:hover {
  background-color: #C6AC94;
  color: #fff;
}

.p-index-content__btn {
  /* ... 他のスタイルはそのまま ... */
  width: 200px; /* 例: 幅を 200px に固定 */
  /* ... 他のスタイルはそのまま ... */
}

.p-article06 a {
  background-color: rgba(188, 164, 117, 0.15) !important; /* RGBAで指定、透明度0.15 */
  color: #6a4545;
}

/* または HSLの場合 */
/*
.p-article06 a {
  background-color: hsl(38, 32%, 85%) !important;
  color: #6a4545;
}
*/

.p-article06__name {
  color: #6a4545;
	line-height: 1.3;
}

.p-profile__portrait-info { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; /*position: absolute;*/ bottom: 0; width: 100%; /*height: 50px;*/ padding: 0 18px; background: rgba(255, 255, 255, 0.7); line-height: 30px; }


/* 既存のCSSの後に追加 */
.p-profile__portrait-info {
  position: static; /* または relative など */
  height: auto; /* または 必要な高さ (例: 100px) */
}

.l-secondary .p-widget img {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
}

/* Maintain the existing palette while preventing narrow-screen overflow. */
.p-index-content__btn { box-sizing: border-box; max-width: 100%; min-height: 44px; }
.p-header-slider__item-title { max-width: 100%; overflow-wrap: anywhere; }
@media (max-width: 767px) {
  .p-profile__portrait-info { flex-wrap: wrap; padding: 10px 14px; line-height: 1.6; }
}
@media (prefers-reduced-motion: reduce) {
  .p-header-slider__item { animation: none; }
}

/* Preserve the title timing customized in the original parent theme. */
.p-header-slider__item.slick-active .p-header-slider__item-title {
  -webkit-animation: sliderItemAnimation 5s ease forwards 1s;
  animation: sliderItemAnimation 5s ease forwards 1s;
}