/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 20 2025 | 02:04:32 */
/* --- 1. LLMO用 わかることボックス (H3控えめVer) --- */
.llmo-summary-box {
    background: #f9f9f9;
    border: 1px solid #eee;
    border-left: 5px solid #0073aa; /* サイトのキーカラー（青） */
    border-radius: 8px;
    padding: 1.5em;
    margin: 2em 0;
}

/* ↓ H3スタイルを控えめに変更 */
.llmo-summary-box h3 {
    text-align: center;
    margin: 0 0 1em 0 !important;
    padding: 0 !important;
    font-size: 1.1em !important; /* H3としては非常に控えめなサイズ */
    font-weight: 600 !important; /* 太すぎないように (例: 600) */
    color: #333 !important;      /* テーマの色を上書き */
}

.llmo-summary-box ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.llmo-summary-box li {
    position: relative;
    padding-left: 2.3em !important;
    margin-bottom: 0.75em;
    line-height: 1.6;
}
.llmo-summary-box li:last-child {
    margin-bottom: 0;
}
.llmo-summary-box li::before {
    content: '✅';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.9em;
}

/* --- 2. LLMO用 FAQアコーディオン (H2/H3控えめVer) --- */
.llmo-faq-container {
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 1.5em;
    margin: 2em 0;
}

/* ↓ H2スタイルを控えめに変更 */
.llmo-faq-container .llmo-faq-title {
    text-align: center;
    margin: 0 0 1em 0 !important;
    padding: 0 !important;
    font-size: 1.3em !important; /* H2としては小さめに */
    font-weight: 600 !important;
    color: #333 !important;
}

.llmo-faq-item {
    border-bottom: 1px solid #ddd;
}
.llmo-faq-item:last-child {
    border-bottom: none;
}
.llmo-faq-item summary {
    cursor: pointer;
    position: relative;
    padding-left: 2em;
    list-style: none;
}
.llmo-faq-item summary::-webkit-details-marker {
    display: none;
}

/* ↓ H3スタイルを控えめに変更 (ほぼ通常の文字) */
.llmo-faq-question {
    margin: 0 !important;
    padding: 1em 0;
    display: inline-block;
    font-size: 1.0em !important;   /* 親のフォントサイズとほぼ同じに */
    font-weight: 600 !important;  /* 控えめな太字 */
    color: #333 !important;       /* 通常のテキストカラーに */
}

.llmo-faq-item summary::before {
    content: '+';
    position: absolute;
    left: 0.5em;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2em;
    color: #0073aa;
}
.llmo-faq-item[open] > summary::before {
    content: '–';
}

/* ↓ H3開閉時のスタイル (色だけ変わる) */
.llmo-faq-item[open] .llmo-faq-question {
    color: #0073aa !important; 
    font-weight: 600 !important; /* 変わらず控えめな太字 */
}

.llmo-faq-answer {
    padding: 0 1em 1.5em 2em;
    background: #fff;
    border-top: 1px dashed #ccc;
}
.llmo-faq-answer p {
    margin: 0;
    padding-top: 1em;
    font-size: 1em;
    line-height: 1.7;
}