/*========= モーダル表示のためのCSS ===============*/

/*infoエリアをはじめは非表示*/
#info {
    display: none;
    text-align: center;
}

/*モーダルの横幅を変更したい場合*/
.modaal-container {
    max-width: 600px;
    border-radius: 10px;
    text-align: center !important;
    overflow: hidden;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after,
.modaal-close:before {
    background: #ccc;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
    background: #666;
}

.modaal-close {
    position: initial !important;
    background: #d25357 !important;
    color: #fff !important;
    border-radius: initial !important;
    display: block;
    width: 70% !important;
    height: 55px !important;
    text-align: center !important;
    text-decoration: none !important;
    outline: none !important;
    font-size: initial !important;
    margin: 5% auto 3%;
    padding: 1%;
    line-height: inherit;
}

.modaal-close span {
    position: relative !important;
}

.modaal-container>button {
    display: none !important;
}

.modaal-content-container .button_D {
    width: 80%;
}

.jyuyo::before {
    content: "重要";
    padding: 4px 10px 5px;
    background: #bf272d;
    color: #fff;
}

.jyuyo {
    padding-right: 10px;
}

.newyear_bnr {
    width: 100% !important;
}

.newyear_bnr img {
    width: 100%;
    height: auto;
    padding: 20px 0 0 0;
}