@charset 'UTF-8';
/* ------------------------------
　　ベース
------------------------------ */

/* ------------------------------
 メールフォーム
------------------------------ */
.erroratention{
    border: 1px solid #A71A00;
    padding: 15px;
    font-weight: bold;
    margin-top: 30px;
}
.editor_spalate{
    text-align: center;
    font-size: 14px;
    line-height: 1.8;
    font-weight: bold;
    color: #000;
    background-color: #FFF;
    border: solid 3px #E70010;
    padding: 20px;
    display: block;
    margin-top: 50px;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
}
.js-img_resize_input{
    font-size: 10px;
    margin-top: 10px;
}
.linkcheck{
    border: 5px solid #999;
    background-color: #FFF;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
}
.linkcheck .acms-admin-table-admin-edit {
    background: #EEE;
}

/* ラベル 
------------------------------ */
.label-required
{
    font-size: 12px;

    margin: 0 5px;
    padding: 2px 8px;

    color: #fff;
    border-radius: 3px;
    background: #c41134;
    display: none;
}

@media screen and (min-width: 768px)
{
    .label-required
    {
        float: right;
    }
}

/* フォーム要素
------------------------------ */
.contact-box select[required]:required
{
    border: 1px solid #c49511;
}

.contact-box select.focused:invalid
{
    border: 1px solid #c41134;
}

.contact-box select[required]:valid
{
    border: 1px solid #a7a7aa;
}

.contact-box input[required]:required,
.contact-box textarea[required]:required
{
    background: #fffdeb;
}

.contact-box input.focused:invalid,
.contact-box textarea.focused:invalid
{
    background: #ffebee;
}

.contact-box input[required]:valid,
.contact-box textarea[required]:valid
{
    background: #fff;
}

/* バリデーター
------------------------------ */
.valid-mark
{
    display: none;
}

.valid-mark.valid
{
    display: inline;
    float: right; 

    color: #5cb85c;
}

.invalid
{
    background: #ffebee !important;
}

/* ------------------------------
　　メールフォームのテーブル
------------------------------ */
.contact-box p.message
{
    font-weight: bold;

    margin: 0 0 35px 0;
    padding: 0 10px;

    color: #333;
}
.contact-box p.message strong{
    color: #D61014;
}
.contact-box p.contact-no
{
    font-size: 30px;
    font-weight: bold;

    margin: 0;

    color: #333;
}
.contact-box p.contact-no a
{
    color: inherit;
}
.contact-box .companyinfo{
    margin: 30px 5px;
}
.contact-box p.error-text,.acms-admin-table-admin-edit p.error-text
{
    /* エラー文 */
    margin: 2px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    color: #c41134;
}

.contact-box table.contact-form
{
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}
.contact-box table.contact-form tr
{
    background: #fff;
}
.contact-box table.contact-form th,.contact-box table.contact-form td{
    font-size: 14px;
    padding: 8px 10px;
}

@media screen and (min-width: 480px)
{
    .contact-box th,
    .contact-box td
    {
        display: table-cell;
    }
}

@media screen and (min-width: 768px)
{
    .contact-box th
    {
        width: 260px;
    }
    .contact-box .jobtypename th
    {
        width: auto;
    }
}

/* ステップ 
------------------------------ */
.contact-box .mail-step
{
    margin: 0 10px 35px 10px;
    padding: 0;
    background: #EEE;
}

.contact-box .mail-step-item
{
    font-size: 16px;
    font-weight: bold;

    float: left;

    margin: 0 0;
    padding: 18px 0 14px;

    list-style: none;

    color: #999;
    position: relative;
}
.contact-box .mail-step-item-current
{
    color: #FFF;
    background-color: #1C5CC0;
    
}

.mail-step-item{
    background-image: url("../images/arrow1.png");
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 50px;
    width: 33%;
    margin: 0;
    padding: 0;
    position: relative;
    right: 0; 
    text-align: center;
}
.mail-step-item.mail-step-item-current{
    background-image: url("../images/arrow2.png");
}
.mail-step-item.current_pre{
    background-image: url("../images/arrow3.png");    
}
.mail-step-item.lastitem{
    background-image: none;
    width: 34%;
}
@media (max-width: 767px) {
    .contact-box .mail-step-item
    {
        font-size: 12px;
        padding: 10px 0 10px;
    }
}



/* 送信ボタン
------------------------------ */
.form-btn-box
{
    margin: 0 10px 50px 10px;

    text-align: center;
}

.form-btn
{
    display: inline-block;
}

.form-btn-return
{
    float: left;
}

.form-btn-send
{
    float: right;
}

@media screen and (min-width: 768px)
{
    .form-btn-return
    {
        float: none;
    }
    .form-btn-send
    {
        float: none;

        width: 100%; 
        max-width: 360px;
    }
}


table.contact-form{
    margin-bottom: 30px;
}
.contact-box{
    margin-top: 40px;
}
.contact-box h3{
    padding-bottom: 10px;
    color: #033275;
}
.contact-box td{
    font-size: 14px;
    line-height: 2;
}
.countover {
    color: #990000;
}
.acms-admin-text-danger {
    color: #c5001d!important;
}
p.counter{
    margin: 0;
    text-align: right;
    font-size: 12px;
}
table.jobtypetable tr.jobtype_checkname td,table.jobtypetable tr.jobtype_checkname th{
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}
table.jobtypetable th,table.jobtypetable td{
    border-left: 1px solid #DDD;
}
table.jobtypetable td{
    text-align: center;
    vertical-align: middle;
}
table.jobtypetable td .acms-admin-form-checkbox{
    margin: 0;
}
table.jobtypetable td .acms-admin-ico-checkbox{
    margin: 0;
}
table.company_data th,table.company_data td{
    border-left: 1px solid #DDD;
}
table.company_data tr th{
    font-size: 12px;
    text-align: left;
}
table.company_data tr td{
    border-top: none;
}
.jobtypetable td img{
    width: 15px;
    padding-bottom: 5px;
}
p.formcomment{
    font-size: 12px;
    color: #999;
    margin: 0;
    line-height: 1.5;
}
p.formcomment span{
    text-decoration: underline;
    color: #666;
}
/* 編集画面 */
table.company_data.acms-admin-table-admin-edit td,
table.jobtypetable.acms-admin-table-admin-edit td,
table.jobtypetable.acms-admin-table-admin-edit th{
    border-bottom: 1px solid #DDD;
}
table.company_data.acms-admin-table-admin-edit tr td input{
    width: 100%!important;
}
.acms-admin-table-admin-edit .acms-form-width-full{
    width: 100%!important;    
}
.contact-form .boothnumber{
    display: none;
}
.contact-form .linkon{
    display: none;
}
.contact-form.acms-admin-table-admin-edit .boothnumber{
    display: table-row;
}
.contact-form.acms-admin-table-admin-edit .linkon{
    display: table-row;
}
.contact-form .category_radiobtn .acms-admin-form-radio,.contact-form .category_radiobtn .acms-admin-form-checkbox{
    min-width: 200px;
}
.contact-form .location_radiobtn .acms-admin-form-radio,.contact-form .location_radiobtn .acms-admin-form-checkbox{
    min-width: 120px;
}
/* jsバリデーター */
/* エラーメッセージ非表示時のスタイル */
[class*="validator-result"],
.validator-result-,
.validator-result-1,
.v-result-,
.v-result-1 {
  display: none;
}

/* エラーメッセージ表示時のスタイル */
.validator-result-error,
.validator-result-0,
.v-result-error,
.v-result-0 {
  display: block;
    margin: 2px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    color: #c41134;
}

@media (max-width: 767px) {
    .tablewrapper{
        overflow: scroll;
    }
    .tablewrapper table{
    }
    .tablewrapper table th{
        white-space: nowrap;
        font-size: 12px;
    }
    .tablewrapper.no-scrolltable table th,.tablewrapper.no-scrolltable table td{
        display: block;
        float: none;
        font-size: 14px;
        }
    table.jobtypetable th{
        min-width: 250px;
        
    }
}

textarea.js-countup{
    min-height: 160px;
}
button, input, select, textarea {
  font-family : "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  font-size   : 100%;
}
.confirmtext{
    padding: 15px;
    border: 2px solid #999;
    text-align: center;
    margin: 0 10px 50px;
    background-color: #FAFAFA;
}
.confirmtext p.message{
    margin-bottom: 0;
}
.confirmtext h3.confirmtitle{
    font-size: 26px;
    font-weight: lighter;
    color: #222;
}

.nodisplainfo{
    background-color: #EEE;
    color: #666;
    padding: 30px 30px 20px;
    margin: 50px 5px;
}
.nodisplainfo dl dt{
    font-weight: bold;
    color: #2558A5;
}
.nodisplainfo dl dt span{
    font-weight: normal;
    font-size: 12px;
    margin-left: 5px;
}
.nodisplainfo dl dd{
    margin-bottom: 20px;
}
.scheduleimg img{
    width: 100%;
}