@charset "UTF-8";
/* CSS Document */

/*CF7 フォーム関連*/
/*PC*/
@media only screen and (min-width: 1025px) {
	#cf {
		position: relative;
		width: 960px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#cf .text {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 40px auto;
		padding: 30px 40px 30px 40px;
		background: #E7E7E7;
		border-radius: 5px;
		box-sizing: border-box;
	}
	
	#cf .text h3 {
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
	}
	
	.form {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	
	.form table {
		position: relative;
		width: 100%;
		height: auto;
		border-collapse: collapse;
	}
	
	.form table tr {
		border: solid 1px #161616;
	}
	
	.form table tr th {
		display: block;
		width: 100%;
		padding: 18px 0 18px 30px;
		background: #f3f2ee;
		box-sizing: border-box;
	}
	
	.form table tr th p {
		font-size: 16px;
		font-weight: 600;
		line-height: 16px;
		text-align: left;
	}
	
	.form table tr th p span {
		position: relative;
		margin-left: 15px;
		padding: 4px 8px;
		font-size: 14px;
		font-weight: 500;
		line-height: 14px;
		text-align: center;
		color: #fff;
		background: #FC4D51;
		border-radius: 2px;
	}
	
	.form table tr td {
		display: block;
		width: 100%;
		padding: 25px 30px 25px 30px;
		box-sizing: border-box;
	}
	
	.form table tr td p {
		font-size: 16px;
		font-weight: normal;
		line-height: 26px;
		text-align: left;
	}
	
	.form .scroll {
		position: relative;
		width: 90%;
		height: auto;
		margin: 45px auto 0 auto;
	}
	
	.form .scroll h4 {
		margin-bottom: 25px;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: center;
	}
	
	.form .scroll .scroll_text {
		position: relative;
		width: 100%;
		height: 180px;
		padding: 15px 15px;
		border: solid 1px #5C5C5C;
		box-sizing: border-box;
		overflow-y: scroll;
	}
	
	/*入力欄設定*/
	select[name="user_community"],
	input[name="user_name01"],
	input[name="user_name02"],
	input[name="user_name03"],
	input[name="user_name04"],
	input[name="user_name05"],
	input[name="user_company02"],
	input[name="user_email"],
	input[name="user_tel"],
	input[name="zip"],
	input[name="pref"],
	input[name="city"],
	input[name="addr"],
	input[name="user_bank01"],
	input[name="user_bank02"],
	input[name="user_bank04"],
	input[name="user_invoice"] {
		padding: 15px 20px;
		font-size: 16px;
		font-weight: normal;
		line-height: 16px;
		color: #211815;
		background: #fff;
		border: solid 1px #807571;
		border-radius: 0!important;
		box-sizing: border-box;
	}
	
	select[name="user_community"] {
		width: 340px;
	}
	
	input[name="user_name01"],
	input[name="user_name02"],
	input[name="user_name03"],
	input[name="user_name04"] {
		width: 40%;
		margin-left: 5px;
	}
	
	input[name="user_name01"],
	input[name="user_name03"] {
		margin-right: 20px;
	}
	
	input[name="user_name05"] {
		width: 40%;
	}
	
	input[name="zip"],
	input[name="pref"] {
		width: 30%;
		margin-bottom: 10px;
	}
	
	input[name="city"],
	input[name="addr"] {
		width: 95%;
	}
	
	input[name="city"] {
		margin-bottom: 10px;
	}
	
	span[data-name="user_company01"] span.wpcf7-list-item {
		width: 20%;
	}
	
	input[name="user_email"],
	input[name="user_tel"],
	input[name="user_company02"] {
		width: 95%;
	}
	
	input[name="user_bank01"],
	input[name="user_bank02"],
	input[name="user_bank04"] {
		width: 40%;
	}
	
	input[name="user_bank02"] {
		margin: 15px 0 15px 0;
	}
	
	span[data-name="user_bank03"] span.wpcf7-list-item {
		width: 15%;
	}
	
	input[name="user_bank04"] {
		margin-top: 15px;
	}
	
	span[data-name="user_file01"] input[name="user_file01"],
	span[data-name="user_file02"] input[name="user_file02"],
	span[data-name="user_file03"] input[name="user_file03"],
	span[data-name="user_file04"] input[name="user_file04"],
	span[data-name="user_file05"] input[name="user_file05"],
	span[data-name="user_file06"] input[name="user_file06"] {
		margin-bottom: 10px;
	}
	
	input[name="user_invoice"] {
		width: 40%;
	}
	
	/*プレイスホルダー*/
	::placeholder {
		color: #A7A7A7;
	}
	
	/*承認ボタン*/
	.accept_btn {
		margin-top: 40px;
		font-size: 16px;
		font-weight: 400;
		line-height: 16px;
	}
	
	.accept_btn p {
		text-align: center;
	}
	
	.accept_btn a {
		color: #0082FF;
		text-decoration: underline;
	}
	
	/*送信ボタン*/
	.submit_btn {
		display: block;
		position: relative;
		width: 320px;
		height: auto;
		padding: 18px 0;
		margin: 30px auto 0 auto;
		font-size: 18px;
		font-weight: 600;
		font-family: "Noto Sans", sans-serif;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: center;
		color: #fff;
		background: #C9B254;
		border: solid 2px #C9B254;
		border-radius: 5px;
		transition: 0.3s;
	}
	
	.submit_btn:hover {
		color: #C9B254;
		background: #fff;
		border: solid 2px #C9B254;
	}
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	/*出店申請フォーム*/
	#cf {
		position: relative;
		width: 96%;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#cf .text {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 30px auto;
		padding: 20px 20px 20px 20px;
		background: #E7E7E7;
		border-radius: 3px;
		box-sizing: border-box;
	}
	
	#cf .text h3 {
		margin-bottom: 8px;
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
	}
	
	#cf .text p {
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 22px;
		text-align: left;
	}
	
	.form {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	
	.form table {
		position: relative;
		width: 100%;
		height: auto;
		border-collapse: collapse;
	}
	
	.form table tr {
		border: solid 1px #4E4E4E;
	}
	
	.form table tr th {
		display: block;
		width: 100%;
		padding: 14px 0 14px 15px;
		background: #f3f2ee;
		box-sizing: border-box;
	}
	
	.form table tr th p {
		font-size: 14px;
		font-weight: 600;
		line-height: 14px;
		text-align: left;
	}
	
	.form table tr th p span {
		position: relative;
		margin-left: 10px;
		padding: 3px 5px;
		font-size: 12px;
		font-weight: 500;
		line-height: 12px;
		text-align: center;
		color: #fff;
		background: #FC4D51;
		border-radius: 2px;
	}
	
	.form table tr td {
		display: block;
		width: 100%;
		padding: 20px 15px 25px 15px;
		box-sizing: border-box;
	}
	
	.form table tr td p {
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		text-align: left;
	}
	
	.form .scroll {
		position: relative;
		width: 92%;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	.form .scroll h4 {
		margin-bottom: 20px;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: center;
	}
	
	.form .scroll .scroll_text {
		position: relative;
		width: 100%;
		height: 150px;
		padding: 15px 15px;
		border: solid 1px #5C5C5C;
		box-sizing: border-box;
		overflow-y: scroll;
	}
	
	.form .scroll .scroll_text p {
		font-size: 14px;
		font-weight: 400;
		line-height: 22px;
	}
	
	/*入力欄設定*/
	/*入力欄設定*/
	select[name="user_community"],
	input[name="user_name01"],
	input[name="user_name02"],
	input[name="user_name03"],
	input[name="user_name04"],
	input[name="user_name05"],
	input[name="user_company02"],
	input[name="user_email"],
	input[name="user_tel"],
	input[name="zip"],
	input[name="pref"],
	input[name="city"],
	input[name="addr"],
	input[name="user_bank01"],
	input[name="user_bank02"],
	input[name="user_bank04"],
	input[name="user_invoice"] {
		padding: 12px 10px;
		font-size: 16px;
		font-weight: normal;
		line-height: 16px;
		color: #211815;
		background: #fff;
		border: solid 1px #807571;
		border-radius: 0!important;
		box-sizing: border-box;
	}
	
	select[name="user_community"] {
		width: 100%;
		height: 44px;
	}
	
	input[name="user_name01"],
	input[name="user_name02"],
	input[name="user_name03"],
	input[name="user_name04"],
	input[name="user_name05"] {
		width: 100%;
		margin-top: 5px;
	}
	
	input[name="user_name01"],
	input[name="user_name03"] {
		margin-bottom: 8px;
	}
	
	input[name="zip"] {
		width: 35%;
		margin-bottom: 7px;
	}
	
	input[name="pref"],
	input[name="city"],
	input[name="addr"] {
		width: 100%;
	}
	
	input[name="city"] {
		margin-top: 7px;
		margin-bottom: 7px;
	}
	
	span[data-name="user_company01"] span.wpcf7-list-item {
		width: 40%;
	}
	
	input[name="user_email"],
	input[name="user_tel"],
	input[name="user_company02"] {
		width: 100%;
	}
	
	span[data-name="user_bank03"] {
		display: block;
		margin: 10px auto 0 auto;
	}
	
	span[data-name="user_bank03"] span.wpcf7-list-item {
		width: 20%;
	}
	
	input[name="user_bank01"],
	input[name="user_bank02"],
	input[name="user_bank04"] {
		width: 100%;
		margin-top: 5px;
	}
	
	input[name="user_bank01"],
	input[name="user_bank02"] {
		margin-bottom: 10px;
	}
	
	input[name="user_bank04"] {
		margin-top: 5px;
	}
	
	span[data-name="user_file01"] input[name="user_file01"],
	span[data-name="user_file02"] input[name="user_file02"],
	span[data-name="user_file03"] input[name="user_file03"],
	span[data-name="user_file04"] input[name="user_file04"],
	span[data-name="user_file05"] input[name="user_file05"],
	span[data-name="user_file06"] input[name="user_file06"] {
		margin-bottom: 10px;
	}
	
	input[name="user_invoice"] {
		width: 100%;
	}
	
	/*プレイスホルダー*/
	::placeholder {
		color: #A7A7A7;
	}
	
	/*承認ボタン*/
	.accept_btn {
		margin-top: 30px;
		font-size: 14px;
		font-weight: 400;
		line-height: 14px;
	}
	
	.accept_btn p {
		text-align: center;
		font-size: 14px;
		font-weight: 400;
		line-height: 22px;
	}
	
	.accept_btn a {
		color: #0082FF;
		text-decoration: underline;
	}
	
	/*送信ボタン*/
	.submit_btn {
		display: block;
		position: relative;
		width: 260px;
		height: auto;
		padding: 15px 0;
		margin: 30px auto 0 auto;
		font-size: 16px;
		font-weight: 600;
		font-family: "Noto Sans", sans-serif;
		line-height: 16px;
		text-align: center;
		color: #fff;
		background: #C9B254;
		border: solid 1px #C9B254;
		border-radius: 3px;
	}

}

/*サンクスページ*/
/*PC*/
@media only screen and (min-width: 1025px) {
	#thanks {
		position: relative;
		width: 100%;
		height: auto;
		margin: 180px auto 180px auto;
	}
	
	#thanks h1 {
		font-size: 46px;
		font-weight: 700;
		letter-spacing: 3px;
		line-height: 46px;
		text-align: center;
		color: #C9B254;
	}
	
	#thanks p {
		margin: 50px auto 50px auto;
		text-align: center;
	}
	
	#thanks .btn {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		position: relative;
		width: 1020px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#thanks .btn a {
		display: block;
		position: relative;
		width: 300px;
		height: auto;
		margin: 0 20px 0 20px;
		padding: 18px 0 18px 0;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: center;
		color: #fff;
		background: #C9B254;
		border: solid 2px #C9B254;
		border-radius: 5px;
		box-sizing: border-box;
		transition: 0.4s;
	}
	
	#thanks .btn a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 30px;
		transform: translateY(-50%) translateX(0);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 0 7px 12.1px;
		border-color: transparent transparent transparent #FFFFFF;
		transition: 0.4s;
	}
	
	#thanks .btn a:hover {
		color: #C9B254;
		background: #fff;
		border: solid 2px #C9B254;
	}
	
	#thanks .btn a:hover::after {
		border-color: transparent transparent transparent #C9B254;
	}
	
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	#thanks {
		position: relative;
		width: 100%;
		height: auto;
		margin: 60px auto 60px auto;
	}
	
	#thanks h1 {
		font-size: 40px;
		font-weight: 700;
		letter-spacing: 4px;
		line-height: 40px;
		text-align: center;
		color: #C9B254;
	}
	
	#thanks p {
		width: 90%;
		margin: 30px auto 30px auto;
		font-size: 16px;
		line-height: 28px;
		text-align: left;
	}
	
	#thanks .btn {
		position: relative;
		width: 300px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#thanks .btn a {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 15px auto;
		padding: 16px 0 16px 0;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: 1px;
		line-height: 14px;
		text-align: center;
		color: #fff;
		background: #C9B254;
		border: solid 1px #C9B254;
		border-radius: 3px;
		box-sizing: border-box;
	}
	
	#thanks .btn a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 25px;
		transform: translateY(-50%) translateX(0);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 0 5px 10.1px;
		border-color: transparent transparent transparent #FFFFFF;
	}	

}

/*CF7設定*/
/*送信後メッセージ削除*/
div.wpcf7 .ajax-loader {
    display: none !important;
}

.wpcf7-mail-sent-ok{
    display:none!important;
}

.wpcf7 form.sent .wpcf7-response-output {
	margin: 0;
	padding: 0;
	border: 0px solid rgba(255,255,255,0.00);
	color: rgba(255,255,255,0.00);
}

/* 確認画面のフィールド背景色や枠線を消す */
input.wpcf7c-conf, textarea.wpcf7c-conf, select.wpcf7c-conf {
  border: 0;
  padding: 0;
  background: rgba(255,255,255,0.00);
}

.wpcf7-text:-webkit-autofill {
  box-shadow: 0 0 0 1000px #FFF inset;
}

.wpcf7-select:-webkit-autofill {
  box-shadow: 0 0 0 1000px #FFF inset;
}

.wpcf7.is_confirm input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #FFF inset;
}

.wpcf7.is_confirm select:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #FFF inset;
}