.ckd-text
{
    color: #FF0000;
    font-size: 14px;
    line-height: 14px;
    margin-top: 5px;
}
.ckd-text:before {
    content: "※";
}
.btn-bgform
{
    background-color: #2D79F9;
    color: #FFFFFF;
}
.btn-bgform:hover
{
    background-color: #0455DB;
    color: #FFFFFF;
}

.btn-bgform-a
{
    padding: 3px 20px 3px 20px;
    background-color: #2D79F9;
    color: #FFFFFF;
    margin-top: 10px;
    font-size: 16px;
    line-height: 18px;
}
.btn-bgform-a a
{
    color: #FFFFFF;
}
.btn-bgform-a:hover
{
    color: #FFFFFF;
}

.form-step
{
    margin: 0px;
    font-size: 22px;
    text-align: center;
    line-height: 22px;
}
.form-step .step
{
    background-color: #C0C0C0;
}
.form-step .step-active
{
    background-color: #17A2B8;
}
.form-step .badge
{
    padding-bottom: 10px;
    padding-top: 10px;
    width: 200px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.form-teiin
{
    font-size: 16px;
    color: #007300;
    font-weight: 500;
}
/*
----------------------------------
    button
----------------------------------
*/
.form-button button
{
    width: 150px;
}
.form-button-m button
{
    width: 162px;
}
/*
----------------------------------
    mail-form
----------------------------------
*/
.mail-form table th
{
    vertical-align: top;
    width: 20%;
}
.mail-form table td
{
    width: 80%;
}
.mail-form .policy-title
{
    font-weight: 600;
}
.mail-form .policy-coment
{
    font-size: 14px;
}
.mail-form .fld-coment
{
    font-size: 14px;
}
.mail-form .fld-coment-s
{
    font-size: 13px;
    color: #622000;
}
.mail-form .support
{
    font-size: 20px;
    font-weight: bold;
    color: #52791C;
}
.mail-form .form-table .form-control
{
    margin-bottom: 4px;
}
.mail-form table.form-table td
{
    padding-bottom: 12px;
}
.mail-form .error-alert
{
    margin-top: 20px;
    margin-bottom: 10px;
    color: #FF0000;
}
/*----------------------------------*/
.mail-form.confirm .form-row > [class*=col-].cof-col-0
{
    display: inline-block;
    flex: none;
    max-width: initial;
    width: auto;
}
.mail-form.confirm .cof-none
{
    display: none;
}
.data-form.confirm .cof-none
{
    display: none;
}
/*----------------------------------*/
.my-btnnavi ul
{
    width: 100%;
}
.my-btnnavi ul li
{
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: inline-block;
    width: 180px;
    margin-bottom: 10px;
}
.my-btnnavi ul li button
{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.pgs-openflag .my-btnnavi ul li button
{
    width: 200px;
}
.my-btnnavi .my-send-msg
{
    margin-top: 20px;
    margin-bottom: 30px;
    color: #D04400;
    font-size: 20px;
}
/*----------------------------------*/
.data-form.confirm .form-row > [class*=col-].cof-col-0
{
    display: inline-block;
    flex: none;
    max-width: initial;
    width: auto;
}
.data-form.confirm .cof-none
{
    display: none;
}

.data-form.finish .fin-none
{
   display: none;
}
.message-c-b
{
    text-align: center;
    color: #CC0000;
}
.message-mail
{
    margin: 20px auto 20px auto;
    font-size: 16px;
    line-height: 16px;
    padding: 10px;
    text-align: center;
    background-color: #FFFFD2;
    border: 1px solid #FF0000;
    color: #FF0000;
    width: 300px;
}
/*----------------------------------*/

.btn-form
{
    padding: 0px;
    margin: 20px 0px 50px 0px;
    text-align: center;
    width: 100%;
}
.btn-form li
{
    width: 30%;
    display: inline;
}

.mail-form .form-coment
{
    font-size: 14px;
}

.bg-orenge
{
    padding: 6px 10px 6px 10px;
    background-color: #FFE0A2;
    font-size: 16px;
    font-weight: bold;
}
#alert
{
    border: 1px solid #C0C0C0;
    margin: 10px 0px 10px 0px;
    padding: 10px;
    background-color: #FFFFCC;
    color: #FF0000;
}
.form-namae
{
    padding: 0px;
    margin: 0px;
}
.form-namae dt
{
    clear: left;
    float: left;
    font-weight: normal;
    text-align: right;
    padding-right: 10px;
}
.mail-form .fmc-bk .form-control{display: inline-block;}
/*----------------------------------*/
.mail-form .fw-50px{width: 50px;display: inline-block;}
.mail-form .fw-70px{width: 70px;display: inline-block;}
.mail-form .fw-100px{width: 100px;display: inline-block;}
.mail-form .fw-150px{width: 150px;display: inline-block;}
.mail-form .fw-200px{width: 200px;display: inline-block;}
.mail-form .fw-250px{width: 250px;display: inline-block;}
.mail-form .fw-300px{width: 300px;display: inline-block;}
.mail-form .fw-350px{width: 350px;display: inline-block;}
.mail-form .fw-400px{width: 400px;display: inline-block;}
/*----------------------------------*/
.mail-form .fmc-bk-100 .form-control{display: inline-block;width: 99%;}
.mail-form .fmc-bk-90 .form-control{display: inline-block;width: 89%;}
.mail-form .fmc-bk-80 .form-control{display: inline-block;width: 79%;}
.mail-form .fmc-bk-70 .form-control{display: inline-block;width: 69%;}
.mail-form .fmc-bk-60 .form-control{display: inline-block;width: 59%;}
.mail-form .fmc-bk-50 .form-control{display: inline-block;width: 49%;}
.mail-form .fmc-bk-40 .form-control{display: inline-block;width: 39%;}
.mail-form .fmc-bk-30 .form-control{display: inline-block;width: 29%;}
.mail-form .fmc-bk-20 .form-control{display: inline-block;width: 19%;}
.mail-form .fmc-bk-15 .form-control{display: inline-block;width: 14%;}
.mail-form .fmc-bk-10 .form-control{display: inline-block;width: 9%;}

.mail-form .fmc-100 .form-control{width: 99%;}
.mail-form .fmc-90 .form-control{width: 89%;}
.mail-form .fmc-80 .form-control{width: 79%;}
.mail-form .fmc-70 .form-control{width: 69%;}
.mail-form .fmc-60 .form-control{width: 59%;}
.mail-form .fmc-50 .form-control{width: 49%;}
.mail-form .fmc-40 .form-control{width: 39%;}
.mail-form .fmc-30 .form-control{width: 29%;}
.mail-form .fmc-20 .form-control{width: 19%;}
.mail-form .fmc-10 .form-control{width: 9%;}

/*----------------------------------*/
.mail-form .fldw-5 label
{
    display: inline-block;
    width: 5%;
    vertical-align: top;
}
.mail-form .fldw-10 label
{
    display: inline-block;
    width: 9%;
    vertical-align: top;
}
.mail-form .fldw-15 label
{
    display: inline-block;
    width: 14%;
    vertical-align: top;
}
.mail-form .fldw-20 label
{
    display: inline-block;
    width: 19%;
    vertical-align: top;
}
.mail-form .fldw-25 label
{
    display: inline-block;
    width: 25%;
    vertical-align: top;
}
.mail-form .fldw-30 label
{
    display: inline-block;
    width: 30%;
    vertical-align: top;
}
.mail-form .fldw-40 label
{
    display: inline-block;
    width: 39%;
    vertical-align: top;
}
.mail-form .fldw-50 label
{
    display: inline-block;
    width: 48%;
    vertical-align: top;
}
.mail-form .fldw-100 label
{
    display: inline-block;
    width: 98%;
    vertical-align: top;
}
@media (max-width: 768px) 
{
    .mail-form .fldw-20 label
    {
        display: inline-block;
        width: 29%;
        vertical-align: top;
    }
    .mail-form .fldw-25 label
    {
        display: inline-block;
        width: 48%;
        vertical-align: top;
    }
    .mail-form .fldw-30 label
    {
        display: inline-block;
        width: 48%;
        vertical-align: top;
    }
    .mail-form .fldw-40 label
    {
        display: inline-block;
        width: 48%;
        vertical-align: top;
    }
    .mail-form .fldw-50 label
    {
        display: inline-block;
        width: 98%;
        vertical-align: top;
    }
}
.mail-form td .form-row .col-md-12
{
    margin-bottom: 4px;
}
.formdata-head
{
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #8FCA79;
    padding-left: 10px;
    margin-bottom: 20px;
}
.formdata-head .fld-nam
{
    display: inline-block;
    width: 60px;
    margin-right: 10px;
    text-align: left;
    color: #1E8241;
}
.formdata-head .fld-data
{
    font-size: 18px;
    color: #666666;
    font-weight: bold;
    color: #1E8241;
}
/*----------------------------------*/
.btn-pw40
{
    width: 180px;
    padding: 15px 5px 15px 5px;
}
.txt-cancellpolicy
{
    font-size: 14px;
    line-height:20px;
}
.title-cancellpolicy
{
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    color: #FF0000;
    margin-bottom: 15px;
}
.an-title
{
    display: block;
    color: #414141;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}
/*----------------------------------*/
.end-coment
{
    margin-top: 50px;
    margin-bottom: 50px;
}
.end-coment .header
{
    font-size: 18px;
}
.end-coment h3
{
    color: #DB0000;
    margin-top: 20px;
}
.end-coment .footer
{
    padding: 20px;
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    font-size: 14px;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
}
.end-coment .body
{
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
    width: 500px;
    margin-right: auto;
    margin-left: auto;
}
.end-coment h4
{
    font-size: 18px;
    font-weight: bold;
    color: #454545;
}
.end-coment h5
{
    margin: 20px 0px 10px 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
     color: #454545;
}
@media (max-width: 768px) 
{
    .end-coment .body
    {
        padding: 20px;
        font-size: 14px;
        line-height: 18px;
        width: 100%;
    }
    .end-coment .footer
    {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        }
}
.coment-red .coment
{
    font-size: 14px;
    color: #800000;
}
/*--------------AJAX TABLE---------------*/
.my-edit-table .form-50
{
    display: inline-block;
    width: 49%;
    padding-right: 10px;
}
.my-edit-table .btn-file
{
    background-color: #FF6600;
    color: #FFFFFF;
    padding: 0px 15px 0px 15px;
}
@media (max-width: 768px) 
{
    .my-edit-table .form-50
    {
        width: 100%;
        padding-right: 0px;
    }
}
/*--------------MYPAGE---------------*/
.error_message
{ 
    font-size: 16px;
}
.error_message strong{
    font-size: 16px; color: #FF0000;
}
.error_message p
{
    font-size: 16px;
    color: #006600;
}
.f-fld .form-control-sm
{
    display: inline-block;
    width: 82%;
}
ul.picup li .data
{
    font-weight: bold;
    font-size: 18px;
    color: #3E3E3E;
}
ul.picup li .name
{
    font-weight: normal;
    margin-right: 15px;
}
.text-coment
{ 
    font-size: 13px;
}
/*
---------------------------------
    EDIT
---------------------------------
*/
#edit-form.edit-form
{
    border: 1px solid #CCCCCC;
    border-radius: .40rem;
}
#edit-form h3
{
    margin-bottom: 20px;
}
#edit-form .edit-form-inner
{
    padding: 20px;
}
#edit-form .edit-botton
{
    margin-top: 30px;
    text-align: center;
    margin-bottom: 20px;
}
/*
---------------------------------
    FORM-TABLE
---------------------------------
*/
#form_table
{
    padding: 15px;
    border: 1px solid #CCCCCC;
    border-radius: .45rem;
}
#form_table table.form-table
{

    width: 100%;
}
#form_table table.form-table th
{
    padding: 5px;
    width: 20%;
    vertical-align: top;
    font-weight: normal;
}
#form_table table.form-table td
{
    padding: 5px;
    width: 80%;
    vertical-align: top;
}
#form_table table.form-table._form_view .fld-box
{
    padding: .3rem 0 .9rem 0;
}
#form_table table.form-table .fld-title
{
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #E5E5E5;
    padding-left: 6px;
    margin-bottom: 4px;
}
#form_table table.form-table._form_view .fld-title
{
    margin-bottom: 4px;
}
#form_table table.form-table._form td .fld-box
{
    margin-bottom: 10px;
}
/*
---------------------------------
    hensin
---------------------------------
*/
.hensin-date
{
    font-weight: bold;
    color: #808080;
}
.hensin-lain
{
    padding: 12px;
    border: 1px solid #BCBCBC;
    border-radius: .45rem;
    margin-bottom: 10px;
    margin-top: 0px;
    margin-left: 50px;
}
.hensin-lain-user
{
    padding: 12px;
    border: 3px solid #AAD5FF;
    border-radius: .45rem;
    margin-bottom: 10px;
    margin-top: 0px;
}