@charset "UTF-8";
/*
Theme Name: Emanon Premium child
Theme URI: https://wp-emanon.jp/emanon-premium/
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Premiumnの子テーマです。
Template: emanon-premium
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options
*/

.is-style-table__scroll tr td:first-child{
	white-space: nowrap;
}
/* レベル説明セクション全体のスタイル */
.level-guide {
    padding: 0 20px;
}

.level-guide-title {
    font-size: 1.2rem;
    font-weight: bold;
    color:#fff;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.level-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.level-item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #5ba81d;
    padding-bottom: 10px;
}

/* レベル名のラベルスタイル */
.level-name {
    min-width: 100px;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin-right: 20px;
}

/* 説明文のスタイル */
.level-text {
    margin: 0;
    font-size: 0.95rem;
    color: #fff;
    line-height: 1.6;
}

/* レベル別の色分け（お好みに合わせて変更してください） */
.super-intro { background-color: #85CF9E; } /* ピンク系 */
.intro { background-color: #5B7DAC; }       /* 水色系 */
.intro-basic { background-color: #B57FBC; } /* 緑系 */
.basic { background-color: #DC82BF; } /* 黄色系 */
.intermediate { background-color: #dd694e; } /* 紫系 */
.open { background-color: #DBA468; }            /* グレー系 */
.otona {
	background-color: #fdffdf;
	color: #333;
}           /* ベージュ系 */

/* スマホ表示用の調整 */
@media (max-width: 600px) {
    .level-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .level-name {
        min-width: 80px;
    }
}