/*
Theme Name: habakiri-child
Theme URI: http://2inc.org ( テーマのURL )
Description: Habakiri の子テーマです ( テーマの説明 )
Author: Takashi Kitajima ( 作者名 )
Author URI: http://2inc.org ( 作者のURL )
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: habakiri
*/

/* ヘッダー */
#header {
	display:none!important;
}
#contents .page-header {
	padding: 10px;
	background-color: #ff8484;
}
.page-header__title {
	font-size: 18px;
}

.sub-page-contents{
	padding-top: 5px;
}

/* form layout */
.wpcf7-list-item {
    display: block;
}

/* form objects */

/* submit */


/* 必須マーク */
.required::before {
	content: "必須";
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #f58694; /* 背景色 */
	border-radius: 5px;
}

/* 任意マーク */
.optional::before {
	content: "任意";
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #7fbfff; /* 背景色 */
	border-radius: 5px;
}

/* 項目名を太字にする */
form p {
	font-weight: 600;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 95%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8; /* 枠線の色 */
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 100px;
}

/* 必須項目の入力欄を見やすくする */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: #eff1f5; /* 背景色 */
}

/* エラー項目を強調する */
input.wpcf7-not-valid {
	background: #FFE4E1!important;
    border: 2px solid #FF1493!important;
    outline: 0!important;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-validation-errors {
	font-weight: bold;
    border-radius: 5px;
    padding: 0.5em;
    margin-top: 1em;
    margin-left: 0.7em;
    background-color: #ffbdbd;
    color: red;
}

/* span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
} */


/* ---------------------------------------------- */
/*　フォーム全体　*/
#cf7-container {
  width:100%;
  margin: 0 auto;
  font-family: “遊ゴシック","ヒラギノ角ゴ","メイリオ","MS Pゴシック",sans-serif;
}

.cf7-item {
  display: block;
/*   display: flex;
  align-items: flex-start;
  justify-content: flex-start; */
  margin: 0 0 1.75em;
}

.wpcf7-form-control-wrap {
	display:block;
}

/* 各項目共通 */
#cf7-container label {
    font-weight: bold;
}

.cf7-center {
	padding: 0 auto;
	text-align: center;
}

.cf7-txt-small {
    display: inline-block;
	font-size: 0.7em;
	margin-top: 0em;
}

/* ヘッダー */
#cf7-container .cf-7-item-header {
    background-color: #fff0f0;
    margin-top: 2em;
	margin-bottom: 1em;
    padding: 0.25em 1em;
    border-left: solid 5px #ff001c;
    border-radius: 3px;
    width: 100%;
}

/* 入力 */
#cf7-container input[type="text"],
#cf7-container input[type="email"],
#cf7-container input[type="tel"],
#cf7-container textarea {
    background: #F0F8FF;
    margin-left: 10px;
}

#cf7-container input[type="text"]:focus,
#cf7-container input[type="email"]:focus,
#cf7-container input[type="tel"]:focus,
#cf7-container textarea:focus {
    background: #FFE4E1;
    border: 2px solid #ffacac;
    outline: 0;
}

#cf7-container input[type="checkbox"],
#cf7-container input[type="radio"] {
    appearance: auto;
}

/* カレンダー*/
#cf7-container .wpcf7-date {
	margin-top: 10px;
	margin-left: 1em;
}

/* ラジオボタン, アップロード */
#cf7-container .wpcf7-list-item.first,
#cf7-container .wpcf7-file {
	margin-top: 10px;
	margin-left: 1em;
}

#cf7-container .wpcf7-list-item {
    display: block;
}

#cf7-container textarea {
    height: 100px;
    padding: 0.625em 0.4375em;
}

.cf7-accept-check {
    text-align: center;
    margin: 50px auto;
}

/* 身分証アップロード欄 */
.cf7-img-statement-container {
	padding-bottom: 2em;
	max-width: 100%;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.cf7-img-statement-container img {
	width: 48%;
}

.cf7-mention-statement.cf7-txt-small {
	display: inline-block;
    border-radius: 8px;
    padding: 0.5em 1em;
    margin-top: 0.5em;
    margin-left: 1em;
    font-size: 8pt;
}

/* 同意チェック欄 */
.wpcf7-acceptance {
    display: inline-block;
    background-color: #fff6e0;
    border-radius: 10px;
    border: solid 1px #c8c8c8;
    padding: 0.6em 2em 0.3em 2em;
    width: 100%;
}

/* プライバシーポリシーリンク */
.cf7-mention-privacypolicy {
	display:inline-block;
	margin-top:0.3em;
	font-weight: normal;
}

/* 送信 */
.cf7-submit {
    width: 60%;
    margin: 3em auto 0 auto;
    text-align: center;
}

#cf7-container input[type="submit"] {
    width: 100%;
    background-color: #191970;
    color: #ffffff;
    border-radius: 5px;
    font-size: 1.2em;
    padding: 1em 10px;
}

#cf7-container input[type="submit"]:hover {
    background-color: #ffffff;
    border: 2px solid #191970;
    color: #191970;
}

.cf7-btn {
    width: 40%;
    margin: 0 auto;
    text-align: center;
}

/* コピーライト */
.copyright {
	display:none;
}