/*
Theme Name: BuzzSpa
Description:
Version: 0.0.0
*/
@charset "utf-8";

.contact_contents {
	
}

.wpcf7-list-item {
	margin:0;
}

/* ▼▼▼ ============ 大枠 ============ ▼▼▼ */
.contact_form {
	/*font-size:0.8em;*/
	/*background:#fff;*/
	box-sizing:border-box;
	/*max-width:900px*/
	padding-top:3em;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:50px;
	margin:auto;
	text-align:left;
	/*font-family: "Noto Sans JP", sans-serif;*/
}
.contact_form dl.contact_item {
	display:flex;
	justify-content:space-between;
	width:100%;
	border-bottom:solid 1px #eeeeee;
	box-sizing:border-box;
	width:100%;
	padding:1.5em 0;
}
.contact_form dl.contact_iteml > dt {
	display:flex;
	align-items:center;
	box-sizing:border-box;
	/*font-size:1.1em;*/
	width:36%;
}
.contact_form dl.contact_item > dd {
	box-sizing:border-box;
	/*font-size:1.3em;*/
	width:64%;
	margin-bottom:0.5em;
	padding:0;
}
/* ▼▼▼ ============ 詳細設定 ============ ▼▼▼ */
.contact_form dl.contact_item dt .require { /* 必須アイコン */
	display:inline-block;
	background-color:#aa0000;
	background-color:rgba(249,131,80,0.7);
	border-radius:3px;
	font-size:9px;
	line-height:0.8;
	padding:0.9em 0.4em 1em;
	margin-left:1em;
	vertical-align:top;
	color:#fff;
}
.contact_form label {
	position: relative;
	display:block;
	/*background-color:#f7f7f7;*/
	box-sizing:border-box;
	margin:3px 0 !important;
	padding: 10px;
	cursor:pointer;
}
	.contact_form label.checkBoxPrivacy {
		display:inline-block;
		text-align:center;
	}
	.contact_form label:hover {
		background-color:#e4e4e4;
	}

.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form input[type="tel"],
.contact_form input[type="url"]{
	border-radius:0;
	box-sizing:border-box;
	width:100%;
	height: 2.5em;
	background:#ffffff;
	border:1px solid #bebebe;
	font-size:1em;
	padding:0.5em;
}
	.contact_form input[type="text"]:focus,
	.contact_form input[type="email"]:focus {
		background: #edf4ff;
		border: 1px solid #4881d9;
	}

/*姓名入力欄*/
.contact_form .seimei dd {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.contact_form .seimei dd div {
	width:48%;
}
.contact_form .seimei dd input[type="text"] {
	width:100%;
}

/*※印リスト*/
.contact_form dd .komeList {
	margin-bottom:0;
}


	.contact_form .tel input[type="text"] {
		width:50%;
	}
	.contact_form .email input[type="text"] {
		width:100%;
	}

	/* 郵便番号&住所 */
	.contact_form .zip {
		margin-bottom:1em;
		vertical-align:middle;
	}
	.contact_form .zip input[type="text"]:nth-of-type(1) {
		width:6em;
	}
	.contact_form .zip input[type="text"]:nth-of-type(2) {
		width:8em;
	}
	.contact_form .zip .wpcf7-not-valid-tip {
		display:inline;
	}
	.contact_form .zipPlace {
		/*display:flex;
		justify-content: space-between;*/
	}
	.contact_form .zipPlace input[type="text"]:first-child {
		/*width:6em;
		margin-right:1em;*/
	}

.contact_form input[type="radio"] {
	/*display: none;*/
}
	.contact_form label.radioButton::before { /* ラジオボタン丸枠 */
		position: absolute;
		content: '';
		top: 50%;
		left: 5px;
		width: 14px;
		height: 14px;
		margin-top: -8px;
		/*background: #eee;*/
		border: 1px solid #bebebe;
		border-radius: 100%;
	}
	.contact_form input[type="radio"]:checked + label.radioButton::after { /* ラジオボタンチェック */
		position: absolute;
		content: '';
		top: 50%;
		left: 9px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		/*background: #999999;*/
		border-radius: 100%;
	}

.wpcf7-radio {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	
}
.wpcf7-radio .wpcf7-list-item {
	width:49%;
	margin:0;
}
.wpcf7-radio .wpcf7-list-item label {
	font-size:1.1em;
	background:none;
	border:solid 1px #fff;
	border-radius:0.3em;
	width:100%;
	padding:0.8em;
}





.contact_form input[type="checkbox"] {
	/*display: none;*/
}
/* チェック枠 */
.contact_form label.checkBox::before,
.contact_form label.checkBoxPrivacy::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 5px;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #eee;
	border: 1px solid #bebebe;
}
/* チェックマーク */
.contact_form input[type="checkbox"]:checked + label.checkBox::after,
.contact_form input[type="checkbox"]:checked + label.checkBoxPrivacy::after {
	position: absolute;
	content: '';
	top: calc(50% - 10px);
	left: 9px;
	width: 13px;
	height: 5px;
	border-left: 2px solid #aa0000;
	border-bottom: 2px solid #aa0000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.contact_form select {
	border:1px solid #bebebe;
	border-radius:0;
	box-sizing:border-box;
	width:100%;
	height:2.5em;
	height:2em;
	font-size:1em;
	text-indent:0.3em;
}
.contact_form select:focus {
	border: 1px solid #4881d9;
}
	.selectDay {
		display:block;
		float:left;
		width:calc(100% / 3);
	}
	.selectDay select {
		width:70px;
		margin-right:5px;
	}

.contact_form textarea {
	border-radius:0;
	box-sizing:border-box;
	width:100%;
	height:10em;
	background:#ffffff;
	border:1px solid #bebebe;
	font-size:1em;
	padding:0.5em;
}
	.contact_form textarea:focus {
		background: #edf4ff;
		border:1px solid #4881d9;
	}




.contact_form .privacyplicyContents {
	background:#fafafa;
	font-size:14px;
	height:150px;
	margin:1em 0;
	padding:10px 5%;
	text-align:left;
	overflow-y:scroll;
	border:1px solid #cccccc;
	-webkit-overflow-scrolling:touch;
}
.contact_form .submit_btn {
	padding-top:3em;
	text-align:center;
}
.contact_form .submit_btn input[type="submit"]{
	display:inline-block;
	background: linear-gradient(to right,  #ff7272 0%,#ffa200 100%);
	/*border:1px solid #000;*/
	border:0;
	border-radius:1.8em;
	box-sizing:border-box;
	font-size:1.1em;
	min-width:50%;
	margin-left:auto;
	margin-right:auto;
	padding:1em 4em;
	color:#fff;
	cursor:pointer;
	transition: .2s;
	/*pointer-events:none;*/
}
	.contact_form .submit_btn input[type="submit"]:hover {
		/*background:#999999;
		background: linear-gradient(to bottom,  rgba(67,148,237,1) 0%,rgba(218,163,195,1) 50%,rgba(251,130,86,1) 100%);
		border:1px solid #999999;*/
	}
	.contact_form .submit_btn input[type="submit"]:disabled,
	.contact_form .submit_btn input[type="button"]:disabled{
		background:#c4c4c4;
	}


.contact_form .submit_btn .wpcf7-spinner{ /* ボタン右側に余白ができるのを回避 */
	display:none !important;
}

.contact_form .submit_btn .wpcf7-previous { /* 戻るボタン */
	font-size:1.1em;
	display:inline-block;
	background:#c4c4c4;
	border:1px solid #fff;
	border:0;
	border-radius:1.8em;
	box-sizing:border-box;
	width:20%;
	min-width:20%;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	padding:1em 0;
	color:#fff;
	cursor:pointer;
	transition: .2s;
}
	.contact_form .submit_btn .wpcf7-previous:hover {
		/*background:rgba(255,255,255,0.6);*/
		
	}


/*冒頭のテキスト*/
.top_text {
	line-height:1.8;
	margin-bottom:3em;
}


/*ご注意事項*/
.contact_form .notice {
	position:relative;
	padding:2em 0;
	text-align:left;
}
.contact_form .notice p {
	line-height:1.8;
	position:relative;
	padding-left:1em;
}
.contact_form .notice p::before {
	content:"・";
	position:absolute;
	left:0;
	top:0;
}
.contact_form .notice p a {
	text-decoration:underline;
	color:#fff;
}
.contact_form .complete_message {
	font-size:1.1em;
	line-height:1.8;
	padding:5em 0;
}
.contact_form .complete_message a {
	color:#fff;
}

/*利用規約同意欄*/
.contact_form .agree {
	background:#f0f0f0;
	padding:1.5em;
}
.contact_form .agree .agree_text {
	font-size:0.9em;
	background:#fff;
	border:solid 1px #ccc;
	height:200px;
	padding:1em;
	margin-bottom:1em;
	text-align:left;
	overflow-y:scroll;	
	
}
.contact_form .agree a {
	text-decoration:underline;
}
.contact_form .agree .wpcf7-form-control-wrap,
.contact_form .agree .wpcf7-form-control,
.contact_form .agree .wpcf7-list-item {
	display:block;
	background:rgba(255,255,255,0.2);
}
.contact_form .agree .wpcf7-list-item label {
	font-size:0.8em;
	display:flex;
}
.contact_form .agree .wpcf7-list-item-label {
	margin-left:0.5em;
}
.contact_form .agree .requir_text {
	font-size:0.8em;
	display:block;
	text-align:center;
	color:#ff0100;
}





/* ▼▼▼ ============ SP ============ ▼▼▼ */
@media only screen and (max-width: 768px) {

	.contact_form {
		padding-bottom:5em;
		font-size:3vw;
	}
	.contact_form dl.contact_item {
		display:block;
	}
	.contact_form dl.contact_item > dt {
		font-size:1.1em;
		width:100%;
		margin-bottom:0.5em;
	}
	.contact_form dl.contact_item > dd {
		font-size:1.1em;
		width:100%;
	}
	.contact_form dl.contact_item.phone input[type="text"] {
		width:25%;
	}

}/*▲▲▲ ============ SP ============ ▲▲▲*/



/********************************************************************
 *　//掲載申し込みフォームの設定
********************************************************************/


.advertise_form_content {
	position:relative;
	padding-top:0.4em;
	padding-bottom:0.4em;
	margin-top:-10px;
}
.advertise_form_content .contact_form {
	background:rgba(255,255,255,0.5);
	border-radius:2.6em;
	margin:0 0.4em;
}
.advertise_form_content::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius:3em;
	border: 0.4em solid transparent;
	background: linear-gradient(135deg, #e8f8ff, #baeaff) border-box border-box;
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	mask-composite: exclude;
	z-index:-1;
}



/********************************************************************
 *　//オンライン同意書画面の設定
********************************************************************/
.agree_confirm {
	
}
.agree_confirm_ttl {
	display:block;
	font-size:1.5em;
	margin-bottom:1.5em;
	text-align:center;
	font-weight:bold;
}
.agree_confirm_top_text {
	margin-bottom:2em;
}

/*同意チェックのところ*/
.agree_confirm_item {
	font-size:0.9em;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-top:solid 1px #eeeeee;
	padding:1.5em 0;
}
.agree_confirm_item.last {
	border-bottom:solid 1px #eeeeee;
	margin-bottom:1.5em;
}
.agree_confirm_text {
	width:77%;
	width:calc(100% - 11em);
}
.agree_confirm_check {
	width:20%;
	width:10em;
}
.agree_confirm_check label {
	background:#e6e6e6;
	border-radius:0.3em;
}
.agree_confirm_check label input[type="checkbox"] {
	margin-right:0.5em;
}
.agree_confirm_end,
.agree_confirm_date {
	text-align:right;
}
.agree_confirm_date {
	margin-bottom:1em;
}

/*会社情報表示枠*/
.agree_confirm_corpinfo {
	font-size:0.9em;
	background:#e9e9e9;
	border-radius:0.3em;
	padding:1.5em;
	margin-bottom:1em;
}
.confirm_forminfo_item {
	display:flex;
}
.confirm_forminfo_item_ttl {
	font-weight:bold;
}
.confirm_forminfo_item_info {
	
}

/*入力画面からの情報引きつぎ*/
.agree_confirm .contact_item {
	visibility:hidden;
}
.confirm .contact_form .submit_btn input[type="submit"] {
	background:#c4c4c4;
	cursor: not-allowed; /* クリック不可のカーソルを表示 */
}
.confirm .contact_form .submit_btn .wpcf7-submit.possible {
	  background: linear-gradient(to right,  #ff7272 0%,#ffa200 100%);
	  cursor:pointer;
}




/* ▼▼▼ ============ contact form7 の各種メッセージ ============ ▼▼▼ */