/*==================================

==================================*/
span.trash{
    float: right;
    cursor: pointer;
}
span.myFileName{
    color:#cc0000;
    font-weight: bold;
}
div.caution{
    text-align: center;
    line-height:160%;
    border-top:1px solid;
    padding:30px 0;
}
div.caution strong{
    font-size:130%;
    color:#cc0000;
    display: block;
}
table.grid td{
    width:50%;
    text-align: center;
    padding:10px 0;
}
table.grid th{
    width:50%;
    text-align: center;
    padding:10px 0;
}

span.inquiry{
    padding:2px 6px;
    background:#cc0000;
    color:#fff;
    font-size:10px;
    margin-left:10px;
}
textarea{
    height: 300px;
    width:98%;
    font-size:100%;
    line-height:150%;
    box-sizing: border-box;
}
table.line th{
    width:30%;
}
ul.imgUpload li{
    padding:8px 10px;
    font-size:90%;
}

ul.imgUpload li:nth-child(odd){
    background-color: #efefef;
}
ul.imgUpload li.uploading{
    background:#dc2520 url(/contact/images/loading.gif) no-repeat 95% 50%;
}


/*====================================================================
    media query
====================================================================*/

br.forLarge{
}

/*
    TAB
*/
@media screen and (max-width: 991px) {

/*
    SP
*/
@media screen and (max-width:615px) {

    table.line th,table.line td{
        width:100%;
        display:block;
    }
    table.line th{
        border-bottom:none;
        padding-top:10px;
    }
    table.line td{
        padding-bottom:10px;
    }
    table.line input.tf,table.line textarea{
        width:100%;
        margin:0;
    }
    div.caution table.grid th,div.caution table.grid td{
        width:98%;
        display:block;
        padding:1%;
        margin:0;
    }
    div.caution table.grid {
        border-right:1px solid #ccc;
    }
}

/*
    pc
*/
@media screen and (max-width: 1000px) {

}