.elementor-1470 .elementor-element.elementor-element-1349ed2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1470 .elementor-element.elementor-element-e6a22f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-2d1a491 *//* =========================
  ベース・全体背景
========================= */
body {
    background: linear-gradient(to bottom right, #23202c 0%, #403251 65%, #ffb45d 120%);
    color: #2d2112;
    font-family: 'Nunito', 'Yu Gothic', 'Meiryo', sans-serif;
    line-height: 1.8;
    letter-spacing: 0.025em;
    margin: 0;
    padding: 0;
}

/* =========================
  タイトル・見出し
========================= */
h1, h2, h3 {
    font-family: 'Playfair Display', 'Georgia', serif;
    font-weight: bold;
    color: #b26a19;
    text-shadow: 0 2px 9px #ffe6c7b7, 1px 1px 0 #fff9f4;
}
h1 {
    margin-top: 40px;
    font-size: 2.2rem;
    text-align: center;
    letter-spacing: 0.08em;
    background: none;
    -webkit-background-clip: none;
    -webkit-text-fill-color: initial;
}
h2 {
    margin-top: 36px;
    margin-bottom: 18px;
    font-size: 1.45rem;
    border-left: 6px solid #ffb866;
    padding-left: 12px;
}
h3 {
    color: #ba7d36;
    font-size: 1.12rem;
    margin-top:24px;
    margin-bottom: 10px;
}
p { color: #473526; }

/* =========================
  本文ラッピング
========================= */
.container {
    max-width: 850px;
    margin: 38px auto 34px auto;
    padding: 30px 22px;
    background: rgba(255, 234, 202, 0.96);
    border-radius: 18px;
    box-shadow: 0 6px 36px 0 #ffc08e77;
}

/* =========================
  星イベントテーブル
========================= */
.starmove-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 18px 0 36px 0;
    background: #fff2e5;
    border-radius: 13px;
    overflow: hidden;
    box-shadow: 0 2px 12px #ffb45d28;
}
.starmove-table th, .starmove-table td {
    padding: 0.7em 1.1em;
    text-align: left;
}
.starmove-table th {
    background: linear-gradient(90deg,#ffc266 60%, #ffe3b1 100%);
    color: #a65d00;
    font-size: 1.05em;
    letter-spacing: 0.05em;
}
.starmove-table tr:nth-child(even) {
    background: #ffe7ce;
}
.starmove-table tr:nth-child(odd) {
    background: #fff9f3;
}
.starmove-table td {
    vertical-align: top;
    color: #49463d;
}

/* =========================
  タロットカード ブロック
========================= */
.tarot-block {
    background: linear-gradient(140deg, #fff6e2 40%, #ffdcb5 100%);
    border: 3px solid #ffb45d;
    border-radius: 12px;
    box-shadow: 0 0 13px #ffb45d34;
    padding: 16px 19px 14px 20px;
    margin: 30px 0;
    color: #643f04;
}
.tarot-title {
    font-size: 1.14em;
    font-weight: bold;
    letter-spacing: 0.04em;
    color: #a47220;
    margin-bottom: 7px;
}
.tarot-cardname {
    display:inline-block;
    background: #ffd08fdd;
    color:#744018;
    font-weight:bold;
    padding:2px 8px;
    border-radius:8px;
    font-size:1em;
    margin-left: 4px;
    margin-right: 6px;
}
.tarot-img {
    width: 170px;         /* お好みで160～200pxまでOK */
    max-width: 65vw;
    margin: 0 auto 14px auto;
    display: block;
    text-align: center;
}
.tarot-img img {
    max-width: 100%;
    max-height: 230px;    /* 200～240pxもOK。比率次第で調整 */
    border-radius: 10px;
    border: 2px solid #efb356;
    box-shadow: 0 5px 12px #fd871220;
    display: inline-block;
}
/* 逆位置（上下反転）のタロット画像 */
.tarot-img.reversed img,
.tarot-img img.reversed {
    transform: rotate(180deg);
    transition: transform 0.5s;
}
.tarot-comment {
    color: #573821;
    background: #fff7e4;
    border-left: 3px solid #ffb45d;
    font-weight: bold;
    margin: 9px 0 7px 0;
    padding: 5px 12px;
    border-radius: 7px;
    font-size: 1.10em;
    font-family: 'Yu Mincho','游明朝',serif;
}
.tarot-question {
    margin-top: 10px;
    padding: 8px 14px;
    background: linear-gradient(90deg,#fdcd826c 25%,#fab73a10 100%);
    border-radius: 7px;
    color: #a66a11;
    font-size: 1.07em;
    border-left: 3px solid #ffb45d;
}

/* =========================
  星座別ポイント グリッド
========================= */
.zodiac-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin: 35px 0;
}
.zodiac-item {
    background: linear-gradient(100deg, #ffe3b3 68%, #ffd5a0 120%);
    border-left: 7px solid #ffb45d;
    border-radius: 9px;
    box-shadow: 0 2px 8px #ffb45d2e;
    padding: 15px 17px 11px 20px;
    margin-bottom: 0;
    color: #3a290b;
    position: relative;
}
.zodiac-symbol {
    font-size: 1.25em;
    padding-right:7px;
    vertical-align:-0.1em;
}
.zodiac-message {
    color: #422102;
    font-weight: bold;
    background: #fde5b9;
    display: inline-block;
    padding: 1px 6px 2px 6px;
    border-radius: 7px;
    margin-bottom: 4px;
    font-size: 1.08em;
    letter-spacing: 0.02em;
}

/* =========================
  強調・装飾
========================= */
strong, b {
    color: #b26a19;
}
em {
    color: #ffb45d;
    font-style: normal;
}
.highlight {
    background: linear-gradient(90deg,#ffd55a63 15%,#ffc56b60 100%);
    padding: 1px 7px;
    border-radius: 6px;
    color: #ad6803;
    font-weight: bold;
}
.lucky-action {
    background: #ffba47;
    color: #442100;
    padding: 8px 18px;
    display: block;
    margin: 21px 0;
    border-radius: 7px;
    font-size: 1.12em;
    font-weight: bold;
    letter-spacing: 0.05em;
    border: 2px dashed #ffa432;
    text-align: center;
}
.emoji {
    font-size: 1.5em;
    margin-right: 0.3em;
    vertical-align: -0.1em;
}

/* =========================
  まとめ・結論
========================= */
.summary-section {
    background: linear-gradient(90deg, #ffe5ba22 40%, #ffb45d26 100%);
    color: #704e1b;
    border-radius: 10px;
    margin: 24px 0 0 0;
    padding: 19px 21px;
    font-size: 1.1em;
    box-shadow: 0 0 10px #ffba4735;
}

hr {
    border: none;
    border-bottom: 2px dashed #ffc36677;
    margin: 32px 0;
    height: 0;
}
a {
    color: #be7309;
    text-decoration: underline;
    transition: color 0.2s;
}
a:hover {
    color: #7d522c;
    text-decoration: underline;
}

/* =========================
  スクロールバー＆モバイル対応
========================= */
@media (max-width: 700px) {
    .container {padding:8px;}
    .zodiac-list {grid-template-columns: 1fr;}
    .tarot-block {padding:10px 7px 11px 9px;}
    h1 {font-size: 1.43rem;}
    h2 {font-size:1.03rem;}
    .tarot-img {width: 90px;}
}
::-webkit-scrollbar {
    width: 9px;
    background: #fff2e8;
}
::-webkit-scrollbar-thumb {
    background: #ffc366;
    border-radius: 7px;
}

/* ==========================
   SNSシェアボタンエリア
========================== */
.share-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    justify-content: center;
    align-items: center;
    margin: 36px auto 12px auto;
    padding: 10px 2px;
    background: linear-gradient(90deg, #fff5e4 70%, #ffe7c2 100%);
    border-radius: 12px;
    box-shadow: 0 3px 16px #ffbe788a;
    max-width: 480px;
    width: 100%;
    min-width: 180px;
    overflow-x: auto;                 /* 幅足りない時は横スクロール */
    scrollbar-width: thin;
}

/* ----- 個別ボタン共通 ----- */
.share-button {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    padding: 8px 18px;
    font-size: 0.99em;
    min-width: 86px;
    max-width: 160px;
    border: none;
    border-radius: 23px;
    font-family: inherit;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s,color 0.2s,box-shadow 0.2s,transform 0.14s;
    box-shadow: 0 2px 8px #ffd6a813;
    outline: none;
    background: #ffe2c0;
    color: #a26014;
    letter-spacing: 0.04em;
}
.share-button:active {
    transform: scale(0.97);
    box-shadow: 0 1px 3px #fab14960;
}
.share-button:focus-visible {
    outline: 3px solid #bb7900;
    outline-offset: 1px;
}

/* ----- X（旧Twitter） ----- */
.x-share {
    background: linear-gradient(90deg, #ffdcbc 60%, #ffb46c 100%);
    color: #222;
    border: 2px solid #ffb671;
}
.x-share:hover, .x-share:focus {
    background: #1a1a19;
    color: #ffdcbc;
    border-color: #222;
}

/* ----- LINE ----- */
.line-share {
    background: linear-gradient(90deg, #e9fed7 70%, #e0f7c4 100%);
    color: #197d08;
    border: 2px solid #7ac939;
}
.line-share:hover, .line-share:focus {
    background: #51d325;
    color: #fff;
    border-color: #28912a;
}

/* ----- コピーリンク ----- */
.copy-link {
    background: linear-gradient(90deg, #ffeaa4 68%, #ffd66b 100%);
    color: #835d00;
    border: 2px solid #ffde72;
}
.copy-link:hover, .copy-link:focus {
    background: #ffb800;
    color: #fffdfa;
    border-color: #ffb800;
}
/* アクセシビリティ向けマウス無し環境でのoutline */
.share-button:focus-visible {
    outline: 3px solid #946011;
    outline-offset: 0px;
}

/* スクロールバーも馴染ませる（Webkit系） */
.share-buttons::-webkit-scrollbar {
    height: 7px;
    background: #ffe3b68c;
    border-radius: 5px;
}
.share-buttons::-webkit-scrollbar-thumb {
    background: #ffd091d0;
    border-radius: 5px;
}

/* ======= モバイル対応 ======= */
@media (max-width: 600px) {
    .share-buttons {
        gap: 6px;
        padding: 6px 1px;
        max-width: 99vw;
        font-size: 0.87em;
    }
    .share-button {
        padding: 7px 10px;
        min-width: 74px;
        font-size: 0.87em;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f3c40f5 *//* 関連記事セクション全体 */
.related-posts {
    margin-top: 40px;
    padding: 20px;
    background: #fff8ee; /* さらに明るめオレンジベージュ */
    border-radius: 12px;
    box-shadow: 0 4px 14px #ffe4bd60;
}

/* 見出し */
.related-posts h3 {
    font-size: 1.3rem;
    font-weight: bold;
    color: #b26a19; /* 濃オレンジ・この記事基調色 */
    margin-bottom: 16px;
    text-align: center;
    letter-spacing: 0.04em;
}

/* カード一覧 */
.related-posts ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center;
}

/* 各カード */
.related-posts li {
    flex: 1 1 calc(33.3% - 16px);
    max-width: 300px;
    background: linear-gradient(120deg, #fffbea 70%, #ffe3b2 100%);
    border-radius: 10px;
    box-shadow: 0 3px 12px #ffd39318;
    overflow: hidden;
    transition: transform 0.18s, box-shadow 0.2s;
    border: 1.5px solid #ffd08b;
}

/* カードホバー時 */
.related-posts li:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 6px 23px #f6c57030;
    border-color: #ffb643;
    background: linear-gradient(120deg, #fffbea 60%, #ffefcc 100%);
}

/* サムネイル画像 */
.related-posts img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-bottom: 1px solid #ffd9a7;
    background: #fff9e9;
}

/* タイトル */
.related-posts p {
    margin: 0;
    padding: 13px 12px 14px 12px;
    color: #7a4708;                 /* こげ茶・可読性重視 */
    font-size: 1.06rem;
    font-weight: bold;
    text-align: center;
    background: none;
    transition: color 0.22s;
    letter-spacing: 0.01em;
}

.related-posts a:hover p {
    color: #e78d1d; /* より濃いオレンジ */
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
    .related-posts li {
        flex: 1 1 calc(50% - 16px);
    }
}
@media screen and (max-width: 480px) {
    .related-posts li {
        flex: 1 1 100%;
        margin-bottom: 10px;
    }
}/* End custom CSS */