@charset "UTF-8";
/***************************************************************
    SYSTEM   : studio yap
    TITLE    : フォームメール用スタイルシートの定義
    SHEET    : inquiry.css
    VERSION  : Ver1.0.2
    LANGUAGE : CSS level3
    CODESET  : UTF-8
    EXPLAIN  : フォームメール画面の色や形状を定義する。
    AUTHOR   : yap
    CREATED  : 2009/01/10  //as Ver1.2.1
    UPDATED  : 2020/02/19  //as Ver1.4.2
    CREDIT   : Copyright 2019 studio yap (http://yap.jp)
***************************************************************/

/***************************************************************
    クラスの定義
***************************************************************/

/* エラー部の定義 */
.err {
    padding: 16px;
    color: #FF0000;
    font-weight: bold;
    border: 1px solid #CCCCCC;
    background-color: #FFFFE0;
}

/* 表の定義 */
table.list {
    width: 100%;
    border-collapse: collapse;
}

/* 表見出しの定義 */
th.list {
    padding: 8px;
    width: 20% !important;
    color: #000000;
    font-weight: normal;
    white-space: nowrap;
    border: solid 1px #CCCCCC;
    background-color: #E5E5E5;
}

/* 表明細の定義 */
td.list {
    padding: 8px;
    border: solid 1px #CCCCCC;
}

/* テキスト入力枠の定義 */
td.input {
    padding: 2px 4px;
    width: 78% !important;
    border: solid 1px #CCCCCC;
}

/* テキスト入力の定義 */
.form {
    padding: 4px;
    max-width: 100%;
    border: solid 1px #FF66FF;
}

/* テキスト入力(サイズ指定なし)の定義 */
.form:not([size]) {
    width: 100% !important;
}

/* ボックス入力の定義 */
.box {
    padding: 4px;
    width: 100% !important;
    border: solid 1px #FF66FF;
    resize: vertical;
}

/* セレクト入力の定義 */
select.form {
    height: 32px;
}

/* 必須項目の定義 */
.ess {
    color: #FF0000;
    font-weight: bold;
}

/* オプション部の定義 */
.opt {
    margin: 24px;
    text-align: center;
}

/* チェックボックスの定義 */
input[type=checkbox] {
    margin-right: 16px;
    transform: scale(2.5);
}

/* 謝辞部の定義 */
.thanx {
    margin: 16px;
}

/* ボタン部の定義 */
.btnarea {
    margin: 16px auto;
    width: 336px;
    text-align: center;
    overflow: hidden;
}

/* ボタンの定義 */
.button, .btn_fwd, .btn_rew {
    float: left;
    width: 136px;
    height: 64px;
    margin: 0px 16px;
    font-size: 1.2rem;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    border: none;
    background-color: #CCCCCC;
    transition-duration: 0.5s;
}

/* ボタン選択の定義 */
.button:hover, .btn_rew:hover {
    background-color: #E5E5E5;
}

/* 次へボタンの定義 */
.btn_fwd {
    color: #FFFFFF;
    background-color: #CC0000;
}

/* 次へボタン選択の定義 */
.btn_fwd:hover {
    background-color: #FF0000;
}

/* ライセンス部の定義 */
.license {
    text-align: right;
    display: none;
}

/* 注釈部の定義 */
.notes {
    margin: 16px 16px 0px;
}