/* カスタマイズ用CSS */
#main {
    background: white;
    font-family: "メイリオ";
}
body {
    font-family: "メイリオ";
}
/* 商品種類・価格表の一番上のみ使用*/
.border-unset {
    border-top: unset !important;
    padding-top: unset !important;
}

/** -------------------
    カレンダー
----------------------- */
/* カレンダータイトル */
.calender-text {
    width: 210px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
}
.calender-text-caution {
    font-size: 15px;
    color: red;
}
/* カレンダーデザイン */
.ec-calendar {
    margin-top: 15px !important;
    margin-left: 0 !important;
    width: 210px;
}
.table-margin {
    width: 210px;
    margin: 0 auto 15px auto !important;
}
.calender-month-title {
    color: #d30f10;
    font-weight: bold;
    background-color: unset;
    padding: 3px;
}
.calender-th {
    background: #d30f10;
    color: #ffffff;
}
.calender-holiday {
    background: #ffdfe0;
    color: #ff0000;
    text-align: center;
}
.calender-bussinessday {
    text-align: center;
}
.calender-today {
    background: #200078;
    color: #ffffff;
    text-align: center;
}

/* おそらく不使用 ↓↓------------------ */
.ec-calendar__month {
    margin-left: 10px !important;
}

.ec-calendar__month tbody {
    border: 2px solid #000 !important;
}
.ec-calendar__month th,
.ec-calendar__month td {
    padding: 7.2px !important;
}
/* おそらく不使用 ↑↑------------------ */

/** ---------------------------------------------------------
    ラジオボタンのデザイン
    （〇のサイズを大きく、押下したときに波紋が広がるアニメーション）
------------------------------------------------------------- */
/* 〇と文字の位置調整 */
.radio-design {
    display: flex;
    align-items: center;
}
/* 〇のサイズと色 */
.radio-design input[type="radio"] {
    accent-color: rgb(51, 122, 183);
    transform: scale(1.5);
    position: relative;
    display: flex;
    align-items: center;
}
/* checked時のラジオボタンの色 */
.radio-design input[type="radio"]:checked {
    background: #3c3fda;
}
/* 波紋が広がるときの設定 */
.radio-design input[type="radio"]:checked::after {
    content: "";
    position: relative;
    background: #3c3fda;
    animation: click-wave 0.5s ease;
}
/* 波紋の形を丸にする */
.radio-design input[type="radio"]::after {
    border-radius: 50%;
}
/* 波紋が広がるアニメーション */
@keyframes click-wave {
    0% {
        width: 20px;
        height: 14px;
        opacity: 0.2;
    }
    100% {
        transform: scale(5);
        opacity: 0;
    }
}

/* 文字位置 */
.radio-design label {
    margin: auto 10px auto 5px;
}

/** -------------------
    会員登録画面
    規約同意リンク
----------------------- */
.agree-area-link-label {
    display: flex;
    margin-top: 5px;
}
.link-font-size {
    font-size: 15px;
}

/* 全頁のチェックボックスサイズ */
.check-box-size {
    transform: scale(1.5);
}

/** -------------------
    購入手続き
    ご注文完了
----------------------- */
/* テキストの改行位置を調整 */
.text-container {
    max-width: 600px;
    word-break: break-word;
    white-space: normal;
    margin: 0 auto;
}

/**---------------------------------
    フォーム画面テキストボックスサイズ
-----------------------------------*/
.textbox-size {
    width: 70%;
}