body {
    font-size: 16px;
    background-color: #fff;
    font-family: YakuHanJPs,"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
}

.header {
    margin: 0 auto;
    padding: 1px;
    width: 91vw;
    max-width: 600px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    /*background-color: black;*/
    background-color: rgb(64, 64, 64);
    color: white;
    font-family: "Shippori Mincho",serif;
}

.content {
    margin: 0 auto;
    padding-left: 1em;
    padding-right: 1em;
    width: 91vw;
    max-width: 600px;
}

.footer {
    margin: 0 auto;
    padding: 1px;
    width: 91vw;
    max-width: 600px;
    text-align: center;
}

.footer h2 {
    font-size: medium;
}

.pure-form input[type=color], .pure-form input[type=date], .pure-form input[type=datetime-local], .pure-form input[type=datetime], .pure-form input[type=email], .pure-form input[type=month], .pure-form input[type=number], .pure-form input[type=password], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=text], .pure-form input[type=time], .pure-form input[type=url], .pure-form input[type=week], .pure-form select, .pure-form textarea {
    border: 1px solid #888;
}

.flex-width {
    margin: 0 auto !important;
    width: 91vw !important;
    max-width: 600px !important;
}

.leb-required {
    background-color: rgb(215, 80, 15);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    min-width: 10px;
    padding: 3px 7px;
    margin: 0px 5px;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
}

.pp-link {
    font-size: 14px;
}

.free-text {
    width: 91vw !important;
    max-width: 600px !important;
    resize: none !important;
}

.evnt-btn {
    width: 91vw !important;
    max-width: 600px !important;
    /*background-color: black !important;*/
    background-color: rgb(64, 64, 64) !important;
}

.msg-box  {
    margin: 0 auto;
    padding: 1px;
    width: 91vw;
    max-width: 590px;
    font-size: 14px;
    text-align: center;
}

.msg-box h2 {
    font-size: medium;
}

.msg-info {
    border:4px solid;
    border-radius:10px;
    overflow:hidden;
    border-color:#008a00 !important;
    color:#000000 !important;
}

.msg-noticce {
    border:4px solid;
    border-radius:10px;
    overflow:hidden;
    border-color:#c45500 !important;
    color:#c45500 !important;
}

.msg-error {
    border:4px solid;
    border-radius:10px;
    overflow:hidden;
    border-color:#b12704 !important;
    color:#b12704 !important;
}

.acd-check {
    display: none;
}
.acd-content {
    height: 0;
    opacity: 0;
    padding: 0;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-content {
    height: 200px;
    opacity: 1;
    padding: 0;
    visibility: visible;
}