/*
Theme Name: SWELL Child (yuki)
Template: swell
Version: 1.0
*/

/* ===== ロゴ：バッジアイコン追加 ===== */
.p-header__logo a,
.c-logo__link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
}

.p-header__logo a::before,
.c-logo__link::before {
  content: '';
  display: inline-block;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background-image: url(data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=0 0 40 40%3E%3Cpath d=M20 2 L36 8 L36 20 C36 29 28 36 20 38 C12 36 4 29 4 20 L4 8 Z fill=%231a3557/%3E%3Cpath d=M20 2 L36 8 L36 20 C36 29 28 36 20 38 C12 36 4 29 4 20 L4 8 Z fill=none stroke=%232a4e7a stroke-width=1/%3E%3Cpolygon points=20,10 21.8,15.5 27.5,15.5 23,18.8 24.8,24.3 20,21 15.2,24.3 17,18.8 12.5,15.5 18.2,15.5 fill=%23ffffff opacity=0.95/%3E%3C/svg%3E);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* ナビ：プライバシーポリシーのみの際の対策 */
.p-header__logoText,
.c-logo__text {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1d1d1f !important;
  letter-spacing: -0.01em !important;
}

/* ====== SP head menu をデスクトップで非表示 ====== */
@media(min-width:960px){
  .p-spHeadMenu{display:none !important;}
}

/* ====== SP ヘッドナビ（スクロールメニュー）をデスクトップで非表示 ====== */
@media(min-width:960px){
  .l-header__spNav{display:none !important;}
  .l-header__menuBtn.sp_{display:none !important;}
  .l-header__customBtn.sp_{display:none !important;}
}

/* ====== SP スクロールナビを全画面で完全非表示 ====== */
.l-header__spNav{display:none !important;}


/* ====== speech-wrap: キャラクター吹き出し ====== */
.speech-wrap {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin: 28px 0;
}
.speech-wrap--reverse {
  flex-direction: row-reverse;
}
.speech-wrap__char {
  flex-shrink: 0;
  text-align: center;
  width: 70px;
}
.speech-wrap__avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
  border: 2px solid #e8f0fa;
}
.speech-wrap--reverse .speech-wrap__avatar {
  border-color: #f5e6c8;
}
.speech-wrap__name {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #888;
  margin-top: 5px;
}
.speech-wrap__balloon {
  position: relative;
  background: #e8f0fa;
  border-radius: 0 14px 14px 14px;
  padding: 14px 18px;
  font-size: 15px;
  line-height: 1.85;
  color: #333;
  flex: 1;
  max-width: calc(100% - 84px);
}
.speech-wrap--reverse .speech-wrap__balloon {
  background: #fdf6e3;
  border-radius: 14px 0 14px 14px;
}
.speech-wrap__balloon p {
  margin: 0;
}
.speech-wrap__balloon p + p {
  margin-top: 8px;
}

/* ====== point-box ====== */
.point-box {
  background: #eff6ff;
  border-left: 5px solid #1a3557;
  border-radius: 0 8px 8px 0;
  padding: 16px 20px;
  margin: 24px 0;
}
.point-box p,
.point-box li {
  font-size: 0.9rem;
  line-height: 1.85;
  color: #333;
  margin: 0;
}
.point-box ul,
.point-box ol {
  padding-left: 18px;
  margin: 0;
}

/* ====== warning-box ====== */
.warning-box {
  background: #fff8f0;
  border-left: 5px solid #e07b39;
  border-radius: 0 8px 8px 0;
  padding: 16px 20px;
  margin: 24px 0;
}
.warning-box p {
  font-size: 0.9rem;
  line-height: 1.8;
  color: #333;
  margin: 0;
}