.fortunedeco { color:#d0a447; font-family:serif; font-size:3.5rem; }
.kigohiraganadeco { display:inline-block; font-size: 0.8rem; color: #666; }
.kigonamedeco { font-size: 1.7rem; font-family: serif; font-weight: 600; margin-bottom: 5px; display: block; }
.creditdeco { font-family: sans-serif; color:#d0a447; font-size: 0.7rem; letter-spacing: 0.1rem; margin-top: 10px; display: block; }
.hitokoto {  display:block;font-size: 1rem; color: #333;margin-bottom:50px; word-break: break-all;padding: 0 1em;}

/* ボックスデザイン */
.cstm-box-label {
   --box-color: #d0a447;
   position: relative;
   border-top: 2px solid var(--box-color);
   border-bottom: 2px solid var(--box-color);
   border-radius: 2px;
   max-width: 300px;
}
.cstm-box-label .box-title {
  position: absolute;
  top: -1em;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  color: var(--box-color);
  padding: 0.2em 1em;
  font-weight: bold;
  border-radius: 30px;
  border: solid 1px #d0a447;
  white-space: nowrap;
}
.cstm-box-label .box-content { padding: 1.5em 1em 1em; }
.kigocontent {
    font-size: 1rem;
    color: #555;
    line-height: 1.5;
    margin-top: 10px;
    text-align: left; /* 説明文は左寄せが読みやすいです */
    word-break: break-all; /* 長い文の改行対策 */
}

/* オーバーレイ */
#overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 1000;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#box-container { display: flex; gap: 15px; }

.omikuji-box {
    width: 70px;         /* 画像の横幅（お好みで調整） */
    height: auto;         /* 縦横比を維持 */
    cursor: pointer;      /* マウスを乗せたら指マーク */
    transition: transform 0.2s;
    /* 元の背景色やflexの設定は削除、または無視されます */
}

.omikuji-box:hover {
    transform: translateY(-10px) scale(105%); /* 少し浮き上がって拡大する演出 */
}

/* 結果表示エリアのカード */
.result-card {
    border: 5px double #d0a447;
    background: #fff;
    margin-bottom: 20px;
    max-width: 300px;
}
#result-display { display: none; text-align: center; }
.entry-content>*,.mce-content-body>*,.article p,.demo .entry-content p,.article dl,.article ul,.article ol,.article blockquote,.article pre,.article table,.article .toc,.body .article,.body .column-wrap,.body .new-entry-cards,.body .popular-entry-cards,.body .navi-entry-cards,.body .box-menus,.body .ranking-item,.body .rss-entry-cards,.body .widget,.body .author-box,.body .blogcard-wrap,.body .login-user-only,.body .information-box,.body .question-box,.body .alert-box,.body .information,.body .question,.body .alert,.body .memo-box,.body .comment-box,.body .common-icon-box,.body .blank-box,.body .button-block,.body .micro-bottom,.body .caption-box,.body .tab-caption-box,.body .label-box,.body .toggle-wrap,.body .wp-block-image,.body .booklink-box,.body .kaerebalink-box,.body .tomarebalink-box,.body .product-item-box,.body .speech-wrap,.body .wp-block-categories,.body .wp-block-archives,.body .wp-block-archives-dropdown,.body .wp-block-calendar,.body .ad-area,.body .wp-block-gallery,.body .wp-block-audio,.body .wp-block-cover,.body .wp-block-file,.body .wp-block-media-text,.body .wp-block-video,.body .wp-block-buttons,.body .wp-block-columns,.body .wp-block-separator,.body .components-placeholder,.body .wp-block-search,.body .wp-block-social-links,.body .timeline-box,.body .blogcard-type,.body .btn-wrap,.body .btn-wrap a,.body .block-box,.body .wp-block-embed,.body .wp-block-group,.body .wp-block-table,.body .scrollable-table,.body .wp-block-separator,.body .wp-block,.body .video-container,.comment-area,.related-entries,.pager-post-navi,.comment-respond {
    margin-bottom: 0;
}