/* 共通CSS */

/* ページ全体 */
body {
    -webkit-text-size-adjust: 100%;
    font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    color:#343A40;
    line-height:25px;
    font-size:0.95em;
}

/* テキスト */
p {
    margin: 1rem 0;
}

/****************************************
 タイトル（クリニックごとに色分け必要）
****************************************/

/* クリニック名 */
.main-title {
    margin: 0.7rem 0;
    padding: 0.7rem 0;
    font-size: 18px;
    font-weight: bold;
}

/* ページタイトル */
.sub-title {
    margin: 0.7rem 0;
    padding: 0.5rem 0;
    font-size: 16px;
    font-weight: bold;
}

/****************************************
 テキスト
****************************************/

/* 文言（分かりやすく色をつけておく） */
.word {
    color:#000000;
}

/* エラーメッセージ */
.err-msg {
    color: red;
}

/* 強調文字 */
.important {
    color: red;
}

/* jQuery Validation Pluginのエラーメッセージ */
form.cmxform label.error, label.error {
    color: red;
}

/****************************************
 フォーム
****************************************/

/* フォームの要素 */
/* Font Awesomeのアイコンを有効にする */
input {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ボタン */
button {
    margin: 1rem 0;
}

/* 予約ボタン */
.reserve-btn {
    background-color: #F0B892;
}

/* マイページボタン */
.mypage-btn {
    background-color: #ACD9DC;
}

/* メニューボタン */
.menu-btn {
    height: 3rem;
    width: 25rem;
}

/****************************************
 リスト
****************************************/
ul.list-style-none {
    list-style: none;
}