@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
*/



/* -------------------------------------------
 * Tutor LMS ダッシュボードメニューの表示変更
 * ------------------------------------------- */

/* 「私のクイズ回答履歴」を「クイズ回答履歴」に変更 */
.tutor-dashboard-menu-my-quiz-attempts .tutor-dashboard-menu-item-text {
    /* 元のテキストを非表示にする */
    font-size: 0;
}

.tutor-dashboard-menu-my-quiz-attempts .tutor-dashboard-menu-item-text::after {
    /* 新しいテキストを挿入する */
    content: "クイズ回答履歴";
    font-size: 1rem;
    visibility: visible;
}

/* 「注文履歴」を「ご利用履歴」に変更 */
.tutor-dashboard-menu-purchase_history .tutor-dashboard-menu-item-text {
    /* 元のテキストを非表示にする */
    font-size: 0;
}

.tutor-dashboard-menu-purchase_history .tutor-dashboard-menu-item-text::after {
    /* 新しいテキストを挿入する */
    content: "ご利用履歴";
    font-size: 1rem;
    visibility: visible;
}




/* Tutor LMS レッスンコンテンツの行間をSWELL風に調整 (修正版) */

/* レッスン本文全体と、その中の段落要素をターゲットにする */
.tutor-lesson-wrapper,
.tutor-lesson-wrapper p {
    line-height: 1.8 !important; 
    margin-bottom: 1.5em !important; 
}
/* 箇条書きリストの行間も調整 */
.tutor-lesson-wrapper ul li,
.tutor-lesson-wrapper ol li {
    line-height: 1.6 !important;
}

/* SWELL見出しの共通設定 (修正版) */
.tutor-lesson-wrapper h2,
.tutor-lesson-wrapper h3,
.tutor-lesson-wrapper h4 {
    font-family: var(--swl-font_family) !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    position: relative !important;
    z-index: 1 !important;
    margin-bottom: 2em !important; 
}

/* H2: 背景色と上下の二重枠線をSWELLから再現 (修正版) */
.tutor-lesson-wrapper h2 {
    /* ... H2のデザイン設定はそのまま ... */
    background: var(--color_htag) !important;
    padding: .75em 1em !important;
    color: #fff !important;
    margin-top: 4em !important; 
    font-size: 1.2em !important;
}

/* H2 擬似要素: 上下のアニメーション/装飾の枠線を再現 (修正版) */
.tutor-lesson-wrapper h2::before {
    /* ... 疑似要素のデザイン設定はそのまま ... */
    content: "" !important;
    /* ... 他の設定もそのまま ... */
    border-top: solid 2px var(--color_htag) !important;
    border-bottom: solid 2px var(--color_htag) !important;
    top: -4px !important;
    height: calc(100% + 4px) !important;
}

/* H3: 左の縦線と余白をSWELLから再現 (修正版) */
.tutor-lesson-wrapper h3 {
    /* ... H3のデザイン設定はそのまま ... */
    border-left: solid 4px var(--color_htag) !important;
    padding: .25em 0 .25em 16px !important;
    margin-top: 3em !important; 
    margin-bottom: 2em !important; 
    font-size: 1.1em !important; 
}
/* ... H4も同様にセレクタを修正 ... */




/* レッスン本文（.tutor-lesson-wrapper）の左右パディングを調整 */
.tutor-lesson-wrapper {
    /* 左右のパディングを削除（スマホ表示を考慮し、微量のパディングは残すことも検討） */
    padding-left: 30px !important; 
    padding-right: 30px !important;
}


/* Tutor LMS レッスンコンテンツ内のリスト表示を修正 */
.tutor-lesson-wrapper ul {
    /* リスト項目（li）を表示するために、左の余白（インデント）を確保 */
    padding-left: 30px !important; 
    list-style: initial !important; /* リストスタイルをリセットせず初期値に戻す */
    margin-bottom: 2em !important; /* ブロック下の余白 */
}

.tutor-lesson-wrapper ul li {
    /* 黒丸のリストスタイル（disc）を強制適用 */
    list-style-type: disc !important; 
    margin-bottom: 0.5em !important; /* 各リスト項目の行間隔 */
}

/* 順序付きリスト（数字リスト）も修正が必要な場合は以下を追加 */
.tutor-lesson-wrapper ol {
    padding-left: 30px !important; 
    list-style: initial !important;
    margin-bottom: 2em !important;
}

.tutor-lesson-wrapper ol li {
    /* 数字のリストスタイル（decimal）を強制適用 */
    list-style-type: decimal !important;
    margin-bottom: 0.5em !important;
}


/* 1. コース概要タブのコンテナ幅を拡張 (修正なし) */
/* 特定のタブのコンテンツのみ幅を拡張 */
#tutor-course-spotlight-overview .tutor-container {
    max-width: 1100px !important; /* サイトの最大幅に合わせて調整 */
}

/* 2. コンテンツカラムの幅を100%に広げる (修正なし) */
#tutor-course-spotlight-overview .tutor-col-xl-8 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* 3. 本文エリアの左右パディングを調整 (←ここを修正) */

/* 本文ラッパー（tutor-lesson-wrapper）の左右パディングを調整 */
#tutor-course-spotlight-overview .tutor-lesson-wrapper {
    /* 左右に30pxのパディングを設定し、自然な余白を確保 */
    padding-left: 30px !important; 
    padding-right: 30px !important;
}

/* さらに外側の要素の左右パディングも調整し、端の余白を制御 */
#tutor-course-spotlight-overview .tutor-row {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* ただし、タブ内のコンテンツカラム自体にもデフォルトでパディングがあるため、それも調整 */
#tutor-course-spotlight-overview .tutor-col-xl-8 {
    /* パディングが二重にかかるのを防ぐため、ここもゼロに近づける */
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* スマートフォンなど画面幅が狭い場合の調整例 */
@media (max-width: 768px) {
    #tutor-course-spotlight-overview .tutor-lesson-wrapper {
        padding-left: 15px !important; 
        padding-right: 15px !important;
    }
}


/* Tutor LMS レッスン完了ボタンの強制表示 */
.tutor-single-lesson-content-footer .tutor-lesson-complete-button {
    /* ボタンを強制的に表示し、画面上にブロック要素として確保 */
    display: block !important; 
    
    /* ボタンの上部に余白を確保し、本文と区別する */
    margin-top: 40px !important;
    
    /* 念のため、不透明度も100%に強制 */
    opacity: 1 !important;
}

/* ボタンが非表示になる可能性のある親要素もチェックし、影響を無効化 */
.tutor-single-lesson-content-footer {
    display: block !important;
}


/* Tutor LMS コース概要ページの価格表示と無料表示を非表示にする */

/* 1. 価格表示部分全体（"無料"のテキスト）を非表示にする */
.tutor-course-single-pricing {
    display: none !important;
}

/* 2. "このコースは無料です" の注意書きを非表示にする */
.tutor-course-single-btn-group + .tutor-fs-7 {
    display: none !important;
}

/* または、より直接的にテキストのクラスをターゲット */
.tutor-card-body .tutor-fs-7.tutor-color-muted.tutor-text-center {
    display: none !important;
}

/* 3. （オプション）価格が表示されている親コンテナも非表示にして、より確実にする */
.tutor-card-body > .tutor-course-single-pricing {
    display: none !important;
}

.tutor-courses-wrap .tutor-card-body {
    display: none !important;
}




/* 1. タイトルテキストとSVGアイコンの色を白 (#fff) に設定 */
.pmpro_card_title {
    /* テキストの色を白に設定 */
    color: #fff !important;
    
    /* [追加] タイトル要素の下に15pxの余白を追加 */
    padding-bottom: 15px !important;
}

.pmpro_card_title svg {
    /* SVGアイコンのストローク（線）の色を白に設定 */
    stroke: #fff !important;
}

/* 2. カードコンテンツのパディングを調整 */
.pmpro_card_content {
    /* 上部のパディングを30pxに設定 */
    padding-top: 30px !important;
}





/* ------------------------------------------------------------- */
/* SWELLテーマの投稿コンテンツ内 h2 スタイルをカレンダーに対して強制リセット */
/* ------------------------------------------------------------- */

/* カレンダーコンテナ (.fcal_wrap) 内の h2 に適用されているSWELLのスタイルを打ち消します */
.fcal_wrap .calendar-month-year h2 {
    /* 1. 背景色、パディング、文字色を強制的にリセット */
    background: transparent !important; /* SWELLの背景色（CSS変数も含む）を透明で打ち消す */
    padding: 0 !important; /* SWELLの .75em 1em パディングを打ち消す */
    color: inherit !important; /* SWELLの #fff 文字色を打ち消し、親要素から継承させる */
    
    /* 2. 念のため、見出しとしてのその他のスタイルもリセット */
    margin: 0 !important;
    line-height: normal !important;
    
    /* 3. カレンダーに適したサイズと太さに再設定 */
    font-size: 20px !important; 
    font-weight: 600 !important; 
    
    /* 4. SWELL特有の装飾を打ち消す */
    border-bottom: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* h2 内の span (年) のリセット */
.fcal_wrap .calendar-month-year h2 span {
    font-size: 1em !important;
    font-weight: 400 !important;
    color: inherit !important;
}






/* ---------------------------------------------------------------------- */
/* Paid Membership Pro - SWELLテーマ装飾の打ち消しとPMProスタイルの統合版 */
/* ---------------------------------------------------------------------- */

/* h2 (セクションタイトル) のスタイルリセット - 32px */
/* PMProのコンテンツ全体の見出し（例: メンバーシップレベルページ）の装飾をリセット */
.pmpro .pmpro_section_title.pmpro_font-x-large {
    /* SWELLテーマの装飾を強制リセット */
    background: none !important;      
    border: none !important;           
    padding: 0 !important;             
    
    /* PMProの意図したフォントスタイルを強制適用 */
    color: inherit !important;         
    font-size: 32px !important;        
    font-weight: 700 !important;       
    line-height: 1.4 !important;       
    
    /* セクション間の適切なマージンを確保 */
    margin-top: 1rem !important; 
    margin-bottom: 1rem !important;
}

/* h2/h3 (カードタイトル、フォーム見出し) の基本的なリセット - 24px */
/* SWELLによる背景色やボーダーの装飾を無効化します。*/
.pmpro .pmpro_card_title.pmpro_font-large,
.pmpro .pmpro_form_heading.pmpro_font-large {
    /* SWELLテーマの装飾を強制リセット */
    background: none !important;       
    border: none !important;           
    
    /* PMProの意図したフォントスタイルを強制適用 */
    color: inherit !important;         
    font-size: 24px !important;        
    font-weight: 700 !important;       
    line-height: 1.5 !important;       
    
    /* マージン/パディングは以下の個別ルールで調整するため、ここではリセット */
    margin: 0 !important; 
    padding: 0 !important; /* 基本的なリセットとして0に設定 */
}

/* === ユーザー要望の修正点：カードタイトルに適切な余白を再適用 === */
/* 左上にくっつく問題を解決するため、上下左右にパディングを追加します。*/
.pmpro .pmpro_card_title.pmpro_font-large {
    /* 上下1rem、左右1.5remのパディングを追加し、自然なスペースを確保 */
    padding: 1rem 1.5rem !important; 
    /* 下部のマージンを少し追加して、内容との区切りを明確にします */
    margin-bottom: 0rem !important;
}


/* カード内のメッセージ（pタグ）の装飾をリセット */
.pmpro .pmpro_card_content p {
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    background: none !important;
    padding: 0 !important;
}

/* === スペースの崩れを修正するルール（レイアウト調整） === */

/* 1. PMProのカード全体の下部マージン（カード同士の間隔）を確保 */
.pmpro .pmpro_card {
    margin-bottom: 20px !important;
}

/* 2. フォーム見出しの上部マージンをリセットし、カード内の不要なスペースを削除 */
.pmpro .pmpro_card_content .pmpro_form_heading {
    margin-top: 0 !important;
}

/* -------------------------------------------------------- */
/* PMProテーブルの見出し文字色を黒に変更 (Historyなど) */
/* -------------------------------------------------------- */
.pmpro_table th {
    /* 見出しセルの文字色を強制的に黒（または濃い灰色）に設定 */
    color: #333333 !important; 
}



/* Tutor LMS ダッシュボードヘッダーのユーザー名に「さん」を追加し、サイズを調整 */
.tutor-dashboard-header-username::after {
    content: " さん";         /* 疑似要素として「さん」を挿入 */
    margin-left: 0.1rem;     /* ユーザー名との間にわずかなスペースを追加 */
    font-size: 0.85em;       /* 親要素のフォントサイズの85%に縮小 */
}





.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-details {
    width: 100%;
}

.tribe-events-calendar-list__event-details .tribe-events-calendar-list__event-description p {
    display: none;
}

/*
 * The Events Calendar のリスト表示から、イベントの説明（description）を完全に非表示にする。
 * 既に付与されている 'a11y-hidden' が機能しない場合に、displayとvisibilityの両方を強制的に無効化する。
 */
.tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-description,
.tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-description.tribe-common-a11y-hidden {
    /* 1. 表示を無効化 */
    display: none !important; 
    /* 2. 視覚的な非表示を強制 */
    visibility: hidden !important; 
    /* 3. サイズもゼロに強制（念のため）*/
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}




#tribe-events-footer .tribe-events-nav-pagination{
    display: none !important;
}

.tribe-events-single-section.tribe-events-event-meta{
    display: none !important;
}






/* ------------------------------------------------------------------------- */
/* Events Manager スタイルカスタマイズ (TECカスタムプロパティ準拠)             */
/* ------------------------------------------------------------------------- */

/* TECの主要なカラーとプロパティをカスタムプロパティとして定義 */
:root {
    /* カラー */
    --tec-color-text-primary: #141827;       /* メインテキスト色 */
    --tec-color-text-secondary: #5d5d5d;     /* セカンダリテキスト色 */
    --tec-color-icon-primary: #5d5d5d;       /* アイコン色 */
    --tec-color-accent-primary: #334aff;     /* メイン強調色（青） */
    --tec-color-accent-primary-hover: #334affcc; /* 強調色ホバー */
    --tec-color-link-accent: #334aff;        /* リンク色 */
    --tec-color-border-default: #d5d5d5;    /* 境界線のデフォルト色 */
    --tec-color-border-secondary: #e4e4e4;  /* 境界線のセカンダリ色 */
    --tec-color-background-secondary: #f7f6f6; /* セカンダリ背景色 */
    --tec-color-background-messages: #14182712; /* メッセージ背景色 */
    --tec-border-radius-default: 4px;       /* 角丸の半径 */
    /* スペーサー (間隔) */
    --tec-spacer-1: 8px;
    --tec-spacer-3: 16px;
    --tec-spacer-5: 24px;
    --tec-spacer-7: 32px;
    --tec-spacer-9: 48px;
    /* フォント */
    --tec-font-family-sans-serif: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
    --tec-font-weight-regular: 400;
    --tec-font-weight-bold: 700;
    --tec-font-size-2: 14px;
    --tec-font-size-3: 16px;
    --tec-font-size-4: 16px;
    --tec-font-size-7: 24px; /* H1の統一サイズ (24px) */
    --tec-font-size-10: 42px; /* (未使用) */
    --tec-line-height-1: 1.42;
    --tec-line-height-2: 1.5;
    --tec-line-height-3: 1.62;
    --tec-transition: all 0.2s ease;
    --tec-transition-color: color 0.2s ease;
}

/* 1. 全体の基本設定とフォント */
.em-events-list,
.em-item-single,
.em-event-single {
    font-family: var(--tec-font-family-sans-serif);
    color: var(--tec-color-text-primary);
    -webkit-font-smoothing: antialiased;
}

/* ページタイトル (HTMLから確認されたクラスをターゲット) */
.c-pageTitle,
.c-pageTitle__inner {
    color: var(--tec-color-text-primary);
    font-family: var(--tec-font-family-sans-serif);
    font-size: var(--tec-font-size-7); /* 24px に固定 */
    font-weight: var(--tec-font-weight-bold);
    line-height: var(--tec-line-height-1);
    text-transform: none;
    margin-bottom: var(--tec-spacer-7);
}

/* 2. イベントメタ情報ヘッダーのデザイン (em-item-header / em-item-meta) */
/* TECのメタ情報ブロックの境界線を模倣 */
.em-item-header {
    background-color: initial; /* 必要に応じて背景色を調整 */
    border: none;
    margin-bottom: var(--tec-spacer-9); /* 48px */
}

.em-item-meta {
    background-color: var(--tec-color-background-secondary); /* #f7f6f6 */
    border: 1px solid var(--tec-color-border-default);
    border-radius: var(--tec-border-radius-default);
    padding: var(--tec-spacer-7); /* 32px */
    display: flex;
    flex-wrap: wrap; /* カラムを折り返す */
    gap: var(--tec-spacer-7);
}
@media (min-width: 768px) {
    .em-item-meta {
        gap: var(--tec-spacer-9);
    }
}

/* メタ情報のカラム */
.em-item-meta-column {
    flex: 1 1 250px; /* 小画面では縦に並び、大画面では横に並ぶ */
}

/* メタ情報内のセクション見出し (開催期間, イベントタイプなど) */
.em-item-meta h3 {
    color: var(--tec-color-text-primary);
    font-size: var(--tec-font-size-2); /* 14px */
    font-weight: var(--tec-font-weight-bold);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: var(--tec-spacer-3); /* 16px */
    border-bottom: 1px solid var(--tec-color-border-secondary); /* 区切り線 */
    padding-bottom: var(--tec-spacer-1);
}

/* 3. 日付/時刻の表示スタイル */
/* TECのスケジュール情報に準拠 */
.em-event-when .em-item-meta-line {
    color: var(--tec-color-text-primary);
    font-size: var(--tec-font-size-3); /* 16px */
    font-weight: var(--tec-font-weight-regular);
    line-height: var(--tec-line-height-3); /* 1.62 */
    margin-bottom: var(--tec-spacer-1); /* 8px */
}

/* 日付と時刻のアイコンをTEC風に */
.em-event-when .em-icon {
    color: var(--tec-color-icon-primary); /* #5d5d5d */
    margin-right: var(--tec-spacer-1); /* 8px */
    font-size: var(--tec-font-size-4); /* アイコンを少し大きく */
    vertical-align: middle;
}


/* 5. イベントタイプ/カテゴリーのスタイル */
.em-event-categories .event-categories {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* リスト間のスペース */
}
.em-event-categories .event-categories li {
    margin: 0;
    padding: 0;
}
.em-event-categories .event-categories a {
    /* TECのタグ/チップデザインを模倣 */
    background-color: var(--tec-color-background-messages); /* 薄いグレーの背景 */
    color: var(--tec-color-text-primary);
    font-size: var(--tec-font-size-2); /* 14px */
    font-weight: var(--tec-font-weight-regular);
    border-radius: 40px; /* 丸い形状 */
    padding: 4px 12px;
    text-decoration: none;
    border: 1px solid transparent;
    transition: var(--tec-transition);
}
.em-event-categories .event-categories a:hover {
    background-color: var(--tec-color-accent-primary-background); /* ホバーで薄い青 */
    color: var(--tec-color-link-accent);
}

/* 6. イベントコンテンツ (本文) */
.em-event-content {
    font-size: var(--tec-font-size-4); /* 16px */
    line-height: var(--tec-line-height-2); /* 1.5 */
}
.em-event-content p {
    margin-bottom: var(--tec-spacer-5);
}
.em-event-content a {
    color: var(--tec-color-link-accent);
    border-bottom: 1px solid var(--tec-color-link-accent);
    text-decoration: none;
    transition: var(--tec-transition-color);
}
.em-event-content a:hover {
    color: var(--tec-color-accent-primary-hover);
}

/* ------------------------------------------------------------------------- */
/* イベントリスト用 (既存のまま、整合性を確保)                                 */
/* ------------------------------------------------------------------------- */
.em-events-list li {
    background-color: #fff;
    border: 1px solid var(--tec-color-border-default);
    border-radius: var(--tec-border-radius-default);
    margin-bottom: var(--tec-spacer-5);
    padding: var(--tec-spacer-5);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.05); /* TECに近づけたシャドウ */
    transition: var(--tec-transition);
}
.em-events-list li:hover {
    box-shadow: 0 0 0 1px var(--tec-color-link-accent), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.em-events-list h2.event-title a {
    color: var(--tec-color-link-accent);
    font-weight: var(--tec-font-weight-bold);
    font-size: var(--tec-font-size-3);
    line-height: 1.4;
    text-decoration: none;
    transition: var(--tec-transition-color);
}
.em-events-list h2.event-title a:hover {
    color: var(--tec-color-accent-primary);
    text-decoration: underline;
}
.em-events-list .event-date {
    display: block;
    color: var(--tec-color-text-primary);
    font-size: var(--tec-font-size-3);
    font-weight: var(--tec-font-weight-regular);
    margin-bottom: var(--tec-spacer-3);
    line-height: var(--tec-line-height-3);
}


/* 1. カレンダーに追加ボタンを非表示にする */
.em-event-add-to-calendar {
    display: none !important; 
}
/*
 * カレンダーボタン削除後の空白調整
 */
.em-item-meta .em-event-when {
    /* 必要に応じて上下のマージン・パディングを調整/リセット */
    margin: 0 !important;
    padding: 0 !important;
}

/* ツールチップのコンテンツも隠す */
.em-tooltip-ddm-content.em-event-add-to-calendar-content {
    display: none !important;
}




/*
 * Events Manager 検索バーから「位置情報で検索」フィールドを非表示にする
 */

/* 1. メインの検索バーにある位置情報フィールドを非表示 (入力ボックス) */
.em-events-search .em-search-geo.em-search-field.input {
    display: none !important;
}

/* 2. 詳細検索モーダル内の位置情報フィールド全体を非表示 */
/* 2-A: 詳細検索モーダル内の入力ボックスを非表示 */
.em-search-advanced .em-search-main-sections .em-search-geo.em-search-field.input {
    display: none !important;
}

/* 2-B: 詳細検索モーダル内のロケーションセクション全体を非表示 (国/地域/都道府県のドロップダウンを含む) */
.em-search-advanced .em-search-section-location {
    display: none !important;
}

/* 3. レイアウトの調整 */
/* 検索キーワード (em-search-text) の幅を広げ、空いたスペースを埋める */
.em-events-search .em-search-text.em-search-field {
    flex-grow: 1 !important;
}





/*
 * Events Manager 一覧アイテム: イベントの概要と「詳細はこちら」ボタンを非表示にする
 */

/* 1. イベントの詳細/概要部分を非表示 */
.em-item .em-item-desc {
    display: none !important;
}

/* 2. 「詳細はこちら」ボタンのアクションコンテナを非表示 */
.em-item .em-item-actions.input {
    display: none !important;
}




/*
 * Events Manager 一覧: メタデータ行間の間隔を調整し、読みやすくする
 * 各行の下に5pxのスペースを設けます。
 */

/* 1. 全てのメタデータ行の上下マージンとパディングを調整 */
.em-event-meta .em-item-meta-line {
    /* 詰まりすぎた上下マージンを調整 */
    margin-top: 0 !important;
    margin-bottom: 5px !important; /* ⬅️ ここで下に5pxのスペースを確保 */
    padding: 0 !important;
    
    /* line-heightは前回設定した値を維持し、行自体の高さを低く保つ */
    line-height: 1.2 !important; 
}

/* 2. 連続する兄弟要素間のマージンの重複を避けるためのリセットは不要（上側マージンが0のため）*/

/* 3. 親要素がFlexboxの場合のギャップもリセットは維持 */
.em-event-meta.em-item-meta {
    gap: 0 !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important; 
}

/* 4. アイコンの右側のスペースだけを維持 */
.em-item-meta-line .em-icon {
    margin-right: 5px !important;
}



/*
 * イベントカテゴリーの背景と枠線を削除し、シンプルなテキスト表示にする
 */

/* 1. リストアイテム (li) の調整 */
.event-categories li {
    /* 枠線（ボーダー）を削除 */
    border: none !important;
    /* 背景色を透明に設定 */
    background-color: transparent !important;
    /* 角丸をリセット（もしあれば） */
    border-radius: 0 !important;
    /* 余白を調整（必要に応じて） */
    padding: 0 !important;
    margin: 0 0.5em 0 0 !important;
    /* リストマーカーを削除（通常はulで設定されますが念のため） */
    list-style: none !important; 
    display: inline-block; /* 横並びのレイアウトを維持 */
}

/* 2. リンク (a) の調整 */
.event-categories li a {
    /* 枠線（ボーダー）を削除 */
    border: none !important;
    /* 背景色を透明に設定 */
    background-color: transparent !important;
    /* パディングをリセット */
    padding: 0 !important;
    
    /* 文字色をリセットしてテーマの標準色を継承させる (リンクの青色解除) */
    color: inherit !important; 
    /* 下線をデフォルトで表示しない */
    text-decoration: none !important;
    /* フォントの太さをリセット (必要に応じて) */
    font-weight: normal !important;
}

/* 3. マウスオーバー (ホバー) 時のスタイルもリセット */
.event-categories li a:hover,
.event-categories li a:focus {
    /* ホバー時の背景色を透明に */
    background-color: transparent !important;
    /* ホバー時に下線を表示させたい場合は以下の行を削除 */
    text-decoration: none !important; 
}

/* 4. 親要素 (ul) のデフォルトのリストスタイルを削除 */
.event-categories {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*
 * イベントカテゴリーの薄い枠線、影、アウトラインを完全にリセット
 */

.event-categories li,
.event-categories li a {
    /* 以前の設定を維持（ボーダーと背景の削除） */
    border: none !important;
    background-color: transparent !important;
    
    /* 薄い枠線の原因となりがちな影を削除 */
    box-shadow: none !important;
    
    /* フォーカス時などに表示されるアウトラインを削除 */
    outline: none !important;
}

/* ホバー時やアクティブ時（クリック中）のスタイルもリセット */
.event-categories li a:hover,
.event-categories li a:focus,
.event-categories li a:active {
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}




/*
 * 🌟 イベント一覧のタイトル (h3.em-item-title) スタイル再調整
 */

.em-item .em-item-info .em-item-title {
    /* 1. 左側の線（ボーダー）を削除 */
    border-left: none !important;
    border: none !important; 
    padding-left: 0 !important; 

    /* 2. フォントサイズを24pxに設定 */
    font-size: 24px !important; 
    
    /* 4. 太字を維持（通常の見出しの太さ） */
    font-weight: bold !important; 
    
    /* 上下のマージンを調整 (必要に応じて) */
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

/* 3. リンクテキスト (a) の文字色をリセットし、青色を解除 */
.em-item .em-item-info .em-item-title a {
    color: inherit !important; /* 親要素の色を継承（標準の文字色） */
    text-decoration: none !important; /* 下線を非表示 */
}





/* Tutor LMS 課題ページのメタ情報セクションを非表示にする */
.tutor-assignment-meta-info {
    display: none !important;
}

    .tutor-pt-sm-60 {
        padding-top: 0px; !important;
    }

/* Tutor LMS 課題ページの「Description」見出しを非表示にする */
.tutor-fs-6.tutor-fw-medium.tutor-color-black {
    display: none !important;
}

/* Tutor LMS クイズ結果の要約セクション（問題数、クイズタイム、総合点など）を非表示にする */
.tutor-quiz-result-summary {
    display: none !important;
}




/*FAQアコーディオン化*/
.swell-block-faq dd {
  display: none;
  padding: 0 15px;
}

.swell-block-faq .active dd {
  display: block;
}

.swell-block-faq .faq_q {
  position: relative;
  cursor: pointer;
  padding-right: 30px;
}

.swell-block-faq .faq_q::after {
  content: '＋';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}

.swell-block-faq .active .faq_q::after {
  content: '－';
}



/* 767px以下 (スマートフォンサイズ) の場合に適用 */
@media (max-width: 767px) {
    /* 有効期限メッセージを非表示にする */
    .pmpro_level-expiration {
        display: none !important;
    }
}




/* -------------------------------------- */
/* PMPro フォームのモバイル表示修正 */
/* -------------------------------------- */

@media (max-width: 767px) {
    /* 1. 二列表示を強制的に縦一列にする */
    .pmpro_form .pmpro_cols-2 {
        display: block; /* Flexbox/Grid設定を上書き */
    }

    /* 2. 二列表示内の子要素（各フォームフィールド）を全幅にする */
    .pmpro_form .pmpro_cols-2 > div {
        width: 100% !important; 
        max-width: none !important;
        margin: 0 0 15px 0 !important; /* 要素間に余白を確保 */
        box-sizing: border-box;
    }
    
    /* 3. 全ての入力フィールドを安全な幅に設定 */
    .pmpro_form_input,
    .pmpro_form select {
        width: 100% !important; 
        max-width: none !important;
        box-sizing: border-box; /* paddingやborderが幅に含まれるようにしてオーバーフローを防ぐ */
    }

    /* 4. パスワードのトグルボタンやアイコンがはみ出すのを防ぐための調整 */
    .pmpro_form_field-password {
        position: relative; /* 子要素の配置基準とする */
    }
    .pmpro_form_field-password-toggle {
        /* 入力欄の右側に位置するトグルボタンがはみ出さないように */
        position: absolute;
        right: 0;
        top: 20px; /* 必要に応じて調整 */
        z-index: 10; 
    }
    
    /* 5. ラベルと入力欄の全体的な調整 */
    .pmpro_form_field {
        overflow: hidden; /* 子要素がはみ出したら隠す（最終手段） */
        padding-right: 15px; /* 右側に余白を設ける */
        padding-left: 15px; /* 左側に余白を設ける */
    }
}

/* 767px以下 (スマートフォンサイズ) の場合に適用 */
@media (max-width: 767px) {
    /* パスワード表示/非表示のトグルボタンを非表示にする */
    .pmpro_btn-password-toggle {
        display: none !important;
    }
}

/* -------------------------------------- */
/* 生年月日フィールド (モバイル専用) の修正 */
/* -------------------------------------- */

@media (max-width: 767px) {
    /* 1. フィールドコンテナのパディングをゼロにするか、親要素に合わせる */
    .pmpro_form_field-birthday {
        /* 左右のパディングやマージンがはみ出しの原因になるのを防ぐ */
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important; /* コンテナ自体を全幅にする */
        box-sizing: border-box;
    }

    /* 2. 入力フィールド自体を強制的に全幅に設定 */
    .pmpro_form_field-birthday input[type="date"] {
        width: 95% !important; /* 95%に設定し、わずかな余白を確保してはみ出しを防ぐ */
        max-width: none !important;
        box-sizing: border-box; /* パディングを含めて幅を計算 */
        /* ブラウザ独自のスタイルをリセットするための追加設定 (必要な場合のみ) */
        -webkit-appearance: none; 
        -moz-appearance: none;
        appearance: none;
        margin-left: 10px; /* 画面左端から少し離す */
    }
}

/* ---------------------------------------------------- */
/* 利用規約同意チェックボックス (モバイル専用) の修正 */
/* ---------------------------------------------------- */

@media (max-width: 767px) {
    /* 1. 全体をブロック要素にして、利用可能な幅を使い切る */
    .pmpro_form_label[for="tos"] {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
        
        /* テキストの折り返しを適切に処理 */
        white-space: normal;
        overflow-wrap: break-word;
    }
    
    /* 2. チェックボックスをテキストから独立させ、左側に固定 */
    .pmpro_form_label[for="tos"] input[type="checkbox"] {
        float: left; /* 左に寄せる */
        margin-top: 4px; /* テキストと高さを合わせるように微調整 */
        margin-right: 10px; /* テキストとの間にスペースを作る */
    }
    
    /* 3. テキストとリンク部分をチェックボックスの右側に回り込ませる */
    .pmpro_form_label[for="tos"] a,
    .pmpro_form_label[for="tos"] span.pmpro_asterisk {
        /* テキストとリンク、アスタリスクが途中で切れないようにする */
        display: inline;
    }
}




.copy-the-code-target {
	display: block;
	background-color: #f5f6f7;
  border: 2px solid #ccd0d4;
	font-family: monospace;
	margin: 0;
	overflow: auto;
	padding: 1em 2em 1em 2em;
	white-space: pre;
	word-wrap: normal;
}
.copy-the-code-inside-wrap .copy-the-code-button {
	position: absolute;
	right: 2px;
  top: 2px;
} 



/* カレンダーの月選択（ピッカー）部分を非表示にする */
.month.input {
    display: none !important;
}