@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* reCAPTCHA 保護マーク非表示　ーーーーーーーーーーーーーーー */
.grecaptcha-badge { visibility: hidden; }


/* ウェブフォント読み込み中の対策 ーーーーーーーーーーーーーーー */
@font-face {
  font-family: icomoon;
  font-style: normal;
  font-weight: 400;
  src:
    url(/wp-content/themes/swell/assets/fonts/icomoon.woff2?fq24x) format("woff2"),
    url(/wp-content/themes/swell/assets/fonts/icomoon.ttf?fq24x) format("truetype"),
    url(/wp-content/themes/swell/assets/fonts/icomoon.woff?fq24x) format("woff"),
    url(/wp-content/themes/swell/assets/fonts/icomoon.svg?fq24x#icomoon) format("svg");
  font-display: swap;
}


/* PR表記 ーーーーーーーーーーーーーーー */
.pr-aside-text{
font-size:12px;
padding:0.8em 2em;
color:#333;
background-color:#ffcce9;
margin-top: -1.2em;
border-radius: 4px;
}


/* 右下固定：コメント欄へ移動ボタン ーーーーーーーーーーーーーーー */
.p-fixBtnWrap #goto_comments {
  background: linear-gradient(135deg, #f39bb8 0%, #df5f8f 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.75);
  box-shadow: 0 8px 18px rgba(216, 79, 131, 0.28);
}
.p-fixBtnWrap #goto_comments .c-fixBtn__icon,
.p-fixBtnWrap #goto_comments .c-fixBtn__label {
  color: #fff !important;
}
.p-fixBtnWrap #goto_comments .c-fixBtn__label {
  font-weight: 700;
}
.p-fixBtnWrap #goto_comments:hover {
  transform: translateY(-2px);
  box-shadow: 0 11px 22px rgba(216, 79, 131, 0.34);
  opacity: 0.96;
}
#comments {
  scroll-margin-top: 80px;
}


/* ヘッダー背景を全ページで透明にする ーーーーーーーーーーーーーーー */
#header{
background-color: transparent !important;
}


/* フッター・ウィジェットの背景を透明にする ーーーーーーーーーーーーーーー */
#footer{
background-color: transparent !important;
}


/* リードの結論ボックスデザイン ーーーーーーーーーーーーーーーーーーー */
/* =====================================
   アザミ：鑑定結果ボックス
===================================== */

.azami-verdict-box,
.azami-verdict-box * {
  box-sizing: border-box;
}

.azami-verdict-box {
  --azami-purple: #62446b;
  --azami-purple-light: #d9cedd;
  --azami-red: #c9252d;

  margin: 2em 0;
  overflow: hidden;

  border: 1px solid var(--azami-purple-light);
  border-radius: 12px;
  background: #fff;

  box-shadow: 0 8px 24px rgba(62, 42, 70, 0.08);
}


/* =====================================
   ヘッダー
===================================== */

.azami-verdict-box__header {
  padding: 0.9em 1.2em;

  background: var(--azami-purple);
  color: #fff;

  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-align: center;
}


/* =====================================
   本文レイアウト：PC
===================================== */

/*
  PC表示

  情報   ｜ キャラクター
  結論   ｜ キャラクター
*/
.azami-verdict-box__body {
  display: grid;

  grid-template-columns: minmax(0, 1fr) 190px;
  grid-template-areas:
    "info character"
    "verdict character";

  column-gap: 28px;
  row-gap: 24px;

  padding: 1.5em;
  background: #fff;
}


/* =====================================
   サービス情報
===================================== */

.azami-verdict-box__info {
  grid-area: info;
  min-width: 0;
}

/* 「検証した占いサイト」 */
.azami-verdict-box__eyebrow {
  margin: 0 0 0.35em;
  padding: 0;

  color: var(--azami-purple);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.5;
}

/* サービス名 */
.azami-verdict-box__service {
  margin: 0 0 1em;
  padding: 0;

  color: #302d31;
  font-size: clamp(1.25rem, 2.6vw, 1.55rem);
  font-weight: 700;
  line-height: 1.5;

  overflow-wrap: anywhere;
}


/* =====================================
   おすすめ度
===================================== */

.azami-verdict-box__rating {
  margin: 0;
  padding: 0;
}

.azami-verdict-box__rating-label {
  display: block;
  margin: 0 0 0.4em;
  padding: 0;

  color: #333;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5;
}

.azami-verdict-box__rating-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45em;
}

.azami-verdict-box__stars {
  display: inline-flex;
  align-items: center;

  font-size: 1.35rem;
  line-height: 1;
}

.azami-verdict-box__score {
  color: #555;
  font-size: 1rem;
  line-height: 1.4;
  white-space: nowrap;
}


/* =====================================
   アザミのキャラクター
===================================== */

/* PCでは右側・下揃え */
.azami-verdict-box__character {
  grid-area: character;

  align-self: end;
  justify-self: end;

  display: block;
  width: 185px;
  height: 185px;
  max-width: none !important;
  margin: 0;

  border: 0;
  border-radius: 0;
  background: transparent;

  object-fit: contain;
  object-position: right bottom;
}


/* =====================================
   結論文
===================================== */

.azami-verdict-box__verdict {
  grid-area: verdict;

  width: 100%;
  margin: 0;
  padding: 0;

  color: #333;
  font-size: 1.08rem;
  font-weight: 600;
  line-height: 1.9;

  overflow-wrap: anywhere;
}

.azami-verdict-box__verdict strong {
  color: var(--azami-red);
  font-weight: 800;

  background: linear-gradient(
    transparent 72%,
    #ffe3e5 72%
  );
}


/* =====================================
   タブレット
===================================== */

@media screen and (max-width: 768px) and (min-width: 601px) {

  .azami-verdict-box__body {
    grid-template-columns: minmax(0, 1fr) 155px;

    column-gap: 20px;
    row-gap: 22px;

    padding: 1.5em;
  }

  .azami-verdict-box__character {
    width: 150px;
    height: 150px;
  }

  .azami-verdict-box__service {
    font-size: 1.25rem;
  }

  .azami-verdict-box__verdict {
    font-size: 1.03rem;
  }
}


/* =====================================
   スマホ
===================================== */

@media screen and (max-width: 600px) {

  .azami-verdict-box {
    border-radius: 12px;
  }

  .azami-verdict-box__header {
    padding: 0.82em 0.65em;

    font-size: 1.03rem;
    line-height: 1.45;
    letter-spacing: 0.01em;
  }

  /*
    スマホ表示

    情報   ｜ キャラクター
    結論文（横幅いっぱい）
  */
  .azami-verdict-box__body {
    grid-template-columns: minmax(0, 1fr) 124px;
    grid-template-areas:
      "info character"
      "verdict verdict";

    column-gap: 8px;
    row-gap: 18px;

    padding: 1.5em;
  }

  .azami-verdict-box__eyebrow {
    margin: 0 0 0.35em;
    font-size: 0.88rem;
  }

  .azami-verdict-box__service {
    margin: 0 0 1em;

    font-size: 1.13rem;
    line-height: 1.5;
  }

  .azami-verdict-box__rating-label {
    margin: 0 0 0.3em;

    font-size: 1rem;
  }

  .azami-verdict-box__rating-row {
    gap: 0.3em;
  }

  .azami-verdict-box__stars {
    font-size: 1.28rem;
  }

  .azami-verdict-box__score {
    font-size: 0.92rem;
  }

  /* スマホでは右上へ配置 */
  .azami-verdict-box__character {
    align-self: start;
    justify-self: end;

    width: 124px;
    height: 124px;
    margin-top: -2px;

    object-position: right top;
  }

  /* 結論文は画像の下で横幅いっぱい */
  .azami-verdict-box__verdict {
    width: 100%;
    margin: 0;

    font-size: 1.04rem;
    line-height: 1.82;
  }
}


/* =====================================
   小さめのスマホ
===================================== */

@media screen and (max-width: 374px) {

  .azami-verdict-box__body {
    grid-template-columns: minmax(0, 1fr) 106px;

    column-gap: 5px;
    row-gap: 16px;

    padding: 1.5em;
  }

  .azami-verdict-box__service {
    margin-bottom: 1em;
    font-size: 1.03rem;
  }

  .azami-verdict-box__character {
    width: 106px;
    height: 106px;
  }

  .azami-verdict-box__stars {
    font-size: 1.16rem;
  }

  .azami-verdict-box__score {
    font-size: 0.86rem;
  }

  .azami-verdict-box__verdict {
    font-size: 0.98rem;
    line-height: 1.78;
  }
}

/* Community card and conversation typography alignment — 2026-08-27 */
:root {
  --azami-community-ink: #463a41;
  --azami-community-copy: #5d5058;
  --azami-community-muted: #776a72;
  --azami-community-hand: "Yomogi", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
}

/* Homepage: consultation and love-talk cards use the same handwritten voice. */
.home .azc-home-feed .azc-home-card__link,
.home .azl-home-feed .azl-card__link,
.home .azc-home-feed .azc-home-card h3,
.home .azl-home-feed .azl-card__author,
.home .azc-home-feed .azc-home-card__excerpt,
.home .azl-home-feed .azl-card__excerpt,
.home .azc-home-feed .azc-home-card__footer,
.home .azl-home-feed .azl-card footer {
  font-family: var(--azami-community-hand) !important;
}

.home .azc-home-feed .azc-home-card h3,
.home .azl-home-feed .azl-card__author strong {
  color: var(--azami-community-ink) !important;
  font-weight: 700 !important;
  letter-spacing: .025em;
  -webkit-text-stroke: 0;
}

.home .azc-home-feed .azc-home-card__excerpt,
.home .azl-home-feed .azl-card__excerpt {
  color: var(--azami-community-copy) !important;
  font-weight: 400 !important;
  letter-spacing: .025em;
  -webkit-text-stroke: 0;
}

.home .azc-home-feed .azc-home-card__footer,
.home .azl-home-feed .azl-card footer,
.home .azc-home-feed .azc-home-card__footer time,
.home .azl-home-feed .azl-card__author time,
.home .azl-home-feed .azl-age {
  color: var(--azami-community-muted) !important;
  font-weight: 400 !important;
  letter-spacing: .02em;
  -webkit-text-stroke: 0;
}

.home .azc-home-feed .azc-home-card__reply-status,
.home .azl-home-feed .azl-card__comments,
.home .azc-home-feed .azc-home-card__footer strong,
.home .azl-home-feed .azl-card footer strong {
  color: #62575d !important;
  font-family: var(--azami-community-hand) !important;
  font-weight: 600 !important;
  -webkit-text-stroke: 0;
}

/* Love-talk list and conversation: pink is reserved for accents and buttons. */
.azami-love-talk-page .azl-card__excerpt,
.azami-love-talk-page input[name="nickname"],
.azami-love-talk-page textarea[name="love_content"],
.azami-love-talk-page textarea[name="message_content"] {
  color: var(--azami-community-copy) !important;
  font-family: var(--azami-community-hand) !important;
  font-weight: 400 !important;
  letter-spacing: .025em;
  -webkit-text-stroke: 0;
}

.azami-love-talk-page .azl-topic__body {
  color: #463a41 !important;
  font-family: var(--azami-community-hand) !important;
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 2;
  letter-spacing: .025em;
  -webkit-text-stroke: 0;
}

.azami-love-talk-page .azl-message__body {
  color: #493d44 !important;
  font-family: var(--azami-community-hand) !important;
  font-size: 14px;
  font-weight: 400 !important;
  line-height: 1.9;
  letter-spacing: .025em;
  -webkit-text-stroke: 0;
}

.azami-love-talk-page .azl-card__author,
.azami-love-talk-page .azl-card__author strong,
.azami-love-talk-page .azl-message__meta,
.azami-love-talk-page .azl-message__meta strong,
.azami-love-talk-page .azl-message__actions button {
  font-family: var(--azami-community-hand) !important;
}

.azami-love-talk-page .azl-card__author strong,
.azami-love-talk-page .azl-message__meta strong {
  color: var(--azami-community-ink) !important;
  font-weight: 700 !important;
  -webkit-text-stroke: 0;
}

.azami-love-talk-page .azl-card__author time,
.azami-love-talk-page .azl-message__meta time,
.azami-love-talk-page .azl-age {
  color: var(--azami-community-muted) !important;
  font-weight: 400 !important;
  -webkit-text-stroke: 0;
}

.azami-love-talk-page .azl-card__comments,
.azami-love-talk-page .azl-card footer strong,
.azami-love-talk-page .azl-message__actions button {
  color: #62575d !important;
  font-weight: 600 !important;
}

.azami-love-talk-page input[name="nickname"]::placeholder,
.azami-love-talk-page textarea[name="love_content"]::placeholder,
.azami-love-talk-page textarea[name="message_content"]::placeholder {
  color: #958a8f !important;
  font-weight: 400 !important;
  -webkit-text-stroke: 0;
}