/*
    WPForms カスタマイズ CSS
    固定ページ・投稿ページ
*/

/*
    WPFomrsプラグインのCSSを追加します。(ver.1.0.0)
*/

/* フォーム全体 */
div.wpforms-container{
	 width:100%!important;
	 max-width:800px!important;
}

/* 入力欄の共通のボックス */
div.wpforms-field {
    padding: 15px 1px !important;
}

/* 入力欄のラベル */
.wpforms-field-label {
    margin: 5px 5px !important;
    padding: 5px 5px !important;
    letter-spacing: 0.15em!important;
    font-size: 13px !important;
}


/* 入力欄の入力項目 */
div.wpforms-container-full input[type=text],
div.wpforms-container-full textarea,
div.wpforms-field-text input[type=text] ,
div.wpforms-field-email input[type=email],
.wpforms-field-select select,
div.wpforms-field-select input[type=checkbox]{
    background-color: #f6f6f6 !important;
    border: none !important;
    font-size: 18px !important;
    width: 100%!important;
    margin: 0px 5px !important;
}


/* 入力欄の項目欄のリスト */
div.wpforms-container-full .wpforms-form ul {
    background: #f6f6f6 !important;
    padding: 15px 15px !important;
    margin: 2px 5px !important;
}


/* 入力欄の項目欄のリスト */
div.wpforms-container-full .wpforms-form ul li {
    padding: 5px 5px !important;
    margin: 5px 5px !important;
}


/* ボタンスタイル */
div.wpforms-container-full .wpforms-form button[type=submit] {
    text-align: center !important;
    width: 100%;
    font-size: 1.2em;
    max-width: 1000px;
    margin: 10px 5px;
    padding: 10px 10px;
    border-radius: 2px;
    background: var(--color_main)!important;
    color: #fff;
    white-space: nowrap;
}

/* ボタンの位置 */
.wpforms-submit-container{
	margin-top:50px!important;
}

.wpforms-submit{
	background:#b69c00!important;
	margin-left:auto!important;
	margin-right:auto!important;
}


/* 非表示フォーム */
.wpforms-container .wpforms-field-hidden,
.wpforms-container-full .wpforms-field-hidden {
    display: none;
}

/* 必須マーク */
.wpforms-required-label {
    font-size: 10px !important;
    color: #fff !important;
    background-color: var(--color_main)!important;
    padding: 8px 13px 8px !important;
    border-radius: 5px !important;
    white-space: nowrap;
}


/* 送信後のコンテナ */
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #fff!important;
    border: 1px solid #000 !important;
}