/*-------------------------
  【contactForm.css】：お問合せページで適用しているCSS
-------------------------*/
@charset "utf-8";

/* 背景 */
.back{
    background-color:#FFE6AD;
    margin-top: auto;
    margin-bottom: auto;
}

/* メッセージ表示領域 */
.comment_table{
    padding-top: 30px;
}

/* フォーム全体 */
.fm_table{
    width:90%;
    margin-left: auto;
    margin-right: auto;
}

/* フォーム 行 設定 */
.fm_tr{
    width:90%;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    margin-bottom:10px;
    overflow: hidden;
    border-bottom: 4px dotted #FFFFFF;
}

/* フォーム タイトル部 設定 */
.fm_th{
    float: left;
    clear:left;
    width: 45%;
    padding: 10px;
    text-align: right;
    font-weight: bold;
}

/* フォーム 入力部 設定 */
.fm_td{
    float: left;
    width: 45%;
    padding: 10px;
}

/* ボタン */
.fm_button{
    width: 100%;
    padding: 10px;
}

/* 送信中のgif */
.loading {
    display: none;
}

/* textarea用 */
#content {
  width         : 100%;                 /* 入力域の最大幅 */
  min-height    : 200px;                /* 入力域の最小高さ */
  background    : #ffffff;              /* 入力域の背景色 */
  border        : 1px solid #808080;    /* 入力域の枠線   */
  padding       : 8px;                  /* 入力文字の余白 */
  letter-spacing: .1em;                 /* 入力文字の間隔 */
  line-height   : 19px;                 /* 入力文字の間隔 */
}
 /* --- 入力フィールドにフォーカスか来たら ----------------*/
#content:focus {
  border-color  :#808080;                 /* 枠線色     */
  background    : rgba(255, 255, 255, 0.2);  /* 背景色     */
  outline       : 0;
}
 /* --- 入力説明の文字(標準) -----------------------------*/
#content:placeholder-shown {
  color         : #808080;                 /* 文字色     */
}
 /* --- 入力説明の文字(Chrome,Safari,Android,iOS等) ---- -*/
#content::-webkit-input-placeholder {
  color         : #808080;                 /* 文字色     */
}
 /* --- 入力説明の文字(IE用) -----------------------------*/
#content:-ms-input-placeholder {
  color         : #808080;                 /* 文字色     */
}

/* プライバシーポリシー */
.policy_scroll{
        width:  40%;
        height: 200px;
        margin: 0 auto;
        border: 0.5px solid gray;
        padding: 5px;
        overflow-y: scroll;
}

/* JQuery用 */
#check,
#send{

    /* ボタン内部 */
    font-size: 1em;
    color: #fff;
    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /* 縦方向に10px、
    * 横方向に30pxの余白を指定 */
    padding: 10px 30px;
    /* 背景色指定 */
    background-color: #f59b78;
    border-style: none;

}

#reset,
#back{

    /* ボタン内部 */
    font-size: 1em;
    color:gray;
    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /* 縦方向に10px、
    * 横方向に30pxの余白を指定 */
    padding: 10px 30px;
    /* 背景色指定 */
    background-color: #fff;
    border-style: none;
}

.input{
    cursor: pointer;
}

/* 960px以下で適用 */
@media screen and (max-width: 960px) {

    /* フォーム 行 設定（responsive） */
    .fm_tr{
        width:auto;
        display: block;
        padding: 5px 0px 5px 0px;
    }

    /* フォーム タイトル部 設定（responsive） */
    .fm_th{
        width: 90%;
        display: block;
        text-align: left;
    }

    /* フォーム 入力部 設定（responsive） */
    .fm_td{
          display: block;
          width: 90%;
          padding: 2px 10px;
    }

    /* ボタン（responsive） */
    .fm_button{
        display: block;
        padding: 20px 0px;
    }

    /* お名前、メールアドレス、os情報、ブラウザ情報、バージョン情報、詳細（responsive） */
    #name,
    #mail,
    #os,
    #browser,
    #version,
    #content
    {
        width: 100%;
    }

    /* プライバシーポリシー（responsive/959px以下）*/
     .policy_scroll{
        width:  90%;
        height: 200px;
        border: 0.5px solid gray;
        padding: 5px;
        overflow-y: scroll;
     }

    #check,
    #send{

        /* ボタン内部 */
        font-size: 1em;
        color: #fff;
        /* 角丸の指定 */
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        /* 縦方向に10px、
        * 横方向に15pxの余白を指定 */
        padding: 10px 10px;
        /* 背景色指定 */
        background-color: #f59b78;
        border-style: none;

    }

    #reset,
    #back{

        /* ボタン内部 */
        font-size: 1em;
        color:gray;
        /* 角丸の指定 */
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        /* 縦方向に10px、
        * 横方向に15pxの余白を指定 */
        padding: 10px 10px;
        /* 背景色指定 */
        background-color: #fff;
        border-style: none;
    }
}