/* ===============================
   body全体のスタイル
   =============================== */
body {
    background-color: #fff9e8; /* Canva チラシと一緒*/
    color: #222222;            /* ロゴと同じ黒で文字を引き締める */
    margin: 0;
    -webkit-text-size-adjust:100%;
    font-family:Verdana,Arial,Helvetica,'meirio','メイリオ','Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4',Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

/* ===============================
   ナビゲーション
   =============================== */
.navigation {
    padding: 0 14px;
    margin: 0;
}
.navigation ul {
    background-color: floralwhite;
    background-color: #cba191; /* Canva チラシ*/
    background-color: #E3C5BA; /* Canva チラシ*/
    max-width: 1000px;
    padding: 14px 0px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
}
.navigation ul li{
    list-style-type:none;
    display: inline;
    margin: 0;
    padding:0 20px;
    border-left:dotted 1px;
}
.navigation ul li a{
    color: #000000;
    text-decoration:none;
}
.navigation ul li a:hover {
    color: #62d5e8;
    text-decoration: underline;
}

/* ===============================
   サイトタイトル
   =============================== */
.title_logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
h1 { font-style: oblique; font-size: 40px; color: #3c1717; text-align: center; padding-top: 16px; }
h2 { text-align: center; margin: 0; padding-top: 40px; /* 上に40pxの余白を追加 */}
h3 { margin: 0 auto; text-align:center; }
h5 { font-size: 20px; color: #3c1717; text-align: center; padding-top: 16px; }
h6 { font-size: 1em; color: #3c1717; margin-top: 0; margin-bottom: 0; text-align: center; }

/* ページの先頭へ */
.pagetop { text-align: right; }
/* コピーライト */
.copyright { border-top: solid 3px #000000; text-align: center; }
/* article */
article { padding: 16px 16px; }
/* 文字色 */
.attention { color: crimson; }
/* section */
section { margin: 50px 0 0 0; }
/* 表 */
table { border-collapse: collapse; width: 100%; padding: 16px; table-layout: auto; }
th, td { border: solid 1px #999999; padding: 16px; }
th { background-color: rgba(255, 127, 230, 1); }
th { background-color: #f2f4f5; }
td { background-color: aliceblue; }
/* リスト */
ol li { list-style-type: decimal; }

/* ===============================
   Nailサロン紹介
   =============================== */
#salon_info { 
background-color: #EBDED3; /* Canva チラシ*/
color: #452C0A; max-width: 80%; margin: auto; }
#salon_info .inner { max-width: 700px; margin: 0 auto; }
img.salon_desk { padding: 20px 0px; max-width: 100%; height: auto; margin: 0 auto; }

/* ===============================
   メニュー (#menu)
   =============================== */
#menu { max-width: 700px; margin: 0 auto; padding:0 0.5em; }

/* 過去デザインはコメントアウト */
 /*
#menu ul {
    background: #fffcf4;
    border-radius: 8px;
    box-shadow: 0px 0px 5px silver;
    padding: 0.5em 0.5em 0.5em 7em;
    text-align:left;
}
*/

/* ol（料金表） */
#menu ol {
    background: #fffcf4;
    border-radius: 8px;
    box-shadow: 0px 0px 5px silver;
    padding: 0.5em 0.5em 0.5em 9em;
    text-align: left;
}

#menu ul li, #menu ol li { line-height: 1.5; padding: 0.5em 0; }

/* Nailサンプル幅 */
#nail_sample { max-width: 700px; margin: 0 auto; }

/* ===============================
   ネイルギャラリー (.sample_picture)
   =============================== */
.sample_picture { margin: 0 0 24px; overflow: hidden; }
.sample_picture img { float: left; margin: 0 24px 0 0; }
.sample_picture h4 { margin: 0 0 0.5em; }
.sample_picture p { margin: 0; }
.sample_picture ul { padding: 10px; overflow: hidden; }
.sample_picture ul li { list-style: none; float: left; }
.sample_picture ul li img { max-width: 100%; height: auto; display: block; }

/* ===============================
   aokoni情報
   =============================== */
#aokoni_info { background-color:#FFEFD3;
background-color: #EBDED3; /* Canva チラシ*/
color: #452C0A; max-width: 80%; margin: auto; }
#aokoni_info .inner { max-width: 700px; margin: 0 auto; }
img.salon_bord { padding: 20px 0px; max-width: 100%; height: auto; margin: 0 auto; }
th.tole_info { background-color: #D0ECEA; }


th.tole_info { background-color: #f2f4f5; }


.lesson_info { padding:0 0 0 30px; margin-top:10; font-size:150%; text-align:center; }
.subMidashi {
    border: none;
    height:50px;
    padding:0 0 0 50px;
    margin:0 0 10px;
    background:url(../img/list_mark_crown.png) left center no-repeat;
    line-height:50px;
    font-weight:normal;
    font-size:138.5%;
}

/* ===============================
   メニュー全体（PC・スマホ対応）
   =============================== */
#menu ul.main-list { list-style:none; padding-left:0; margin:0 auto; }

/* 中項目（HAND/FOOT） */
#menu ul.main-list > li {
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 0.5em;
    text-align: center; /* PC中央寄せ */
    /* 中項目枠線は必要に応じて以下を有効化 */
    /* border: 1px solid #ccc; */
}

/* 小項目（GelNail枠とHAND枠調整） */
#menu ul.main-list li ul.sub-list {
    list-style: none;
    margin: 0 auto;          /* 中央揃え */
    padding: 0.5em 2em;      /* 内側余白 */
    color: #555555;
    line-height: 1.5em;
    text-align: center;
    display: block;           /* 横幅指定のためブロック化 */
    max-width: 700px;        /* GelNail 下の白枠と同じ幅 */
    background: #ffffff;      /* 白枠 */
    border-radius: 8px;
    box-shadow: 0px 0px 5px silver;

    /* 将来消す場合のコメントアウト用 */
    /* background: none; border-radius:0; box-shadow:none; padding:0; max-width: none; */
}

#menu ul.main-list li ul.sub-list li {
    margin-bottom: 0.3em;
    border: none !important; /* 小項目枠線消す */
}

/* 料金表の文言 */
#menu p { margin-top: 0.5em; font-size: 0.95em; text-align: center; }

/* ===============================
   スマホ用レスポンシブ（max-width:600px）
   =============================== */
@media (max-width: 600px) {
    #menu { padding: 0 0.5em; margin: 0; }
    #menu ul.main-list > li { text-align: left; }
    #menu ul.main-list li ul.sub-list {
        text-align: left;
        padding-left: 1em;
        padding-right: 0;
    }
}