/*加盟店募集　お問い合わせフォーム用CSS*/

/*ヘッダ内リセット*/
#header-inside ul {
	float: right;
	margin:0;
}
#header-inside ul li {
	border:none;
	display: block;
	float:none;
	line-height:100%;
	/* margin: 5px 0; */
	margin: 4px 0;
	text-align:right;
	/* padding: 0 0 0 6px; */
	padding: 0 0 0 4.8px;
}
#header-inside ul li a {
	/*background: url("/gg/css/2011/common/header-link.gif") no-repeat scroll right top transparent;*/
	display: block;
	/* height: 16px; */
	height: 12.8px;
	/* padding-right: 13px; */
	padding-right: 10.4px;
	text-align: right;
	/* width: 98px; */
	width: 78.4px;
}

/*FORM*/
#contact-form{
	color:#000;
	/* font-size:12px; */
	font-size:9.6px;
	width:100%;
	/* min-width:1100px;
	max-width:1260px; */
	min-width:880px;
	max-width:1008px;
	background:#fff;
	margin:0 auto;
	/* padding:30px; */
	padding:24px;
	overflow: hidden;
}
#contact-form h2{
	/* margin:0 0 20px; */
	margin:0 0 16px;
}
#contact-form ol{
	/* margin:0 0 20px 0; */
	margin:0 0 16px 0;
	overflow:hidden;
}
#contact-form ol li{
	float:left;
	/* margin: 0 20px 0 0; */
	margin: 0 16px 0 0;
}
#contact-form p.intro{
	clear:both;
	font-size:110%;
	/* background:transparent url("../img/bullet-right.gif") no-repeat left 5px; */
	background:transparent url("../img/bullet-right.gif") no-repeat left 4px;
	/* padding:0 10px 0 10px;
	margin:0 0 10px 0; */
	padding:0 8px 0 8px;
	margin:0 0 8px 0;
}
#contact-form .type_tour, #contact-form .type_request, #contact-form .type_inquiry {
	display: none;
}
#contact-form .title {
	text-align: center;
	color: #707070;
	font-size: 24px;
	font-weight: normal;
	line-height: 1;
	margin: 30px auto;
}
#contact-form .required{
	color:#C00;
}
#contact-form .remove{
	/* margin-left: 5px; */
	margin-left: 4px;
  display: none;
  cursor: pointer;
}

/*BORDERS & STYLES*/
#contact-form .b2{
	border-bottom:2px solid #fff;
}
#contact-form .b2b{
	border-bottom:2px solid #ede8e1;
}
#contact-form .b2t{
	border-top:2px solid #ede8e1;
}
#contact-form .tel{
	/* width:200px; */
	width:160px;
}
#contact-form .sml{
	font-size:85%;
}
#contact-form .vt{
	vertical-align:top;
}
.longtxt{
	text-align:left;
}

/*tables*/
#contact-form table{
	/* margin:0 0 15px 0; */
	margin:0 0 12px 0;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	/* min-width:1000px; */
	min-width:800px;
}

#contact-form table th,
#contact-form table td{
	line-height:150%;
	/* padding:10px 10px 10px 0; */
	padding:8px 8px 8px 0;
	font-size:110%;
	vertical-align:middle;
}
#contact-form table th{
	background:#ede8e1;
	font-weight:normal;
	/* width:280px; */
	width:224px;
}
#contact-form table td{
	/* padding:10px 0 10px 10px; */
	padding:8px 0 8px 8px;
}
#contact-form table th strong{
	color:#FFFFFF;
	background:#c00;
	/* padding:0 3px; */
	padding:0 2.4px;
	font-size:90%;
	display: inline-block;
	float: right;
}
#contact-form strong{
	color:#FFFFFF;
	background:#c00;
	/* padding:0 3px; */
	padding:0 2.4px;
	font-size:90%;
	display: inline-block;
	float: none;
}
#contact-form .questions{
	/* width:280px; */
	width:224px;
}
#contact-form .kome{
	/* width:15px; */
	width:12px;
}
#contact-form .examples{
	/* width:220px; */
	width:176px;
	color:#666;
}
#contact-form p.com{
	line-height:150%;
	/* margin:0 0 10px; */
	margin:0 0 8px;
	/* width:920px; */
	width:736px;
}
/*IME-MODE*/
#contact-form table .hankaku{
	ime-mode:disabled;
}
#contact-form table .hankaku2{
	ime-mode:inactive;
}
#contact-form table .zenkaku{
	ime-mode:active;
}
/*select boxes*/
#contact-form table td ul{
	line-height:180%;
}
#contact-form table td ul li label{
	/* margin:0 10px 0 0; */
	margin:0 8px 0 0;
}
#contact-form table td ul li input[type="text"],
#contact-form table td ul li input[type="tel"],
#contact-form table td ul li input[type="email"]
{
	/* width:260px; */
	width:208px;
}
#contact-form input[type="text"],
#contact-form input[type="tel"],
#contact-form input[type="email"]
{
	border: 1px solid #999999;
	/* padding: 5px; */
	padding: 4px;
	/* margin:0 5px 0 0; */
	margin:0 4px 0 0;
}
#contact-form input[type="checkbox"]{
	/* padding: 5px; */
	padding: 4px;
	/* margin:0 5px 0 0; */
	margin:0 4px 0 0;
}
#contact-form #zipcode_search{
	/* padding:5px 10px; */
	padding:4px 8px;
}
#contact-form #zipcode_button{
	/* padding:2px 10px; */
	padding:1.6px 8px;
}


/*個人情報の取り扱いについて*/
#contact-form #privacy{
	border:2px solid #ede8e1;
}
#contact-form #privacy th,
#contact-form #privacy td{
	background:#fff;
	font-size:92%;
}
#contact-form #privacy img{
	float:left;
	/* margin:0 10px; */
	margin:0 8px;
}
#contact-form #privacy .agreement{
	width:50%;
	/* padding:0 10px 10px; */
	padding:0 8px 8px;
	vertical-align:middle;
}
#contact-form #privacy .agreement p{
	text-align:center;
	line-height:180%;
	background:#EDE8E1;
	/* padding:15px 0 5px; */
	padding:12px 0 4px;
	/* height:60px; */
	height:48px;
	font-size:120%;
	_font-size:85%;
	/* _padding:15px 0 15px; */
	_padding:12px 0 12px;
}
#contact-form #privacy .agreement input{
	vertical-align:middle;
}
#contact-form #privacy .agreement input#disagree{
	margin:0;
}
#contact-form #privacy .longtxt{
	text-align:left;
	/* padding:10px; */
	padding:8px;
}
#contact-form #privacy .pmark{
	text-align:left;
	line-height:150%;
	_font-size:85%;
}
#contact-form #privacy .radiobtn{
	white-space:nowrap;
	/* width:300px; */
	width:240px;
}

/*エラー表示*/
#contact-form table input.error{
	border:2px solid #C00;
}
#contact-form .error{
	border:2px solid #C00;
}
tbody tr .b2t.required {
}
tbody tr .b2t.required {
}
tbody tr .b2t {
}


/*150609追加*/
h2#shop_name p{
	color:#E12E9D;
	/* font-size:14px; */
	font-size:11.2px;
	font-weight:bold;
	display:block;
	/* margin-top:-10px;
	margin-bottom:15px;
	margin-left:5px; */
	margin-top:-8px;
	margin-bottom:12px;
	margin-left:4px;
}
.requisite{
}


/*カレンダー*/
.ui-widget-header {
	border: 1px solid white;
	background: #211b0d;
	color: white;
	font-weight: bold;
}
.ui-widget-header a {
	color: white;
}


/*日付入力部分アコーディオン*/

#contact-form section h1{
	margin-bottom: 1px;
	/* padding: 10px 10px 5px 25px; */
	padding: 8px 8px 4px 20px;
	text-decoration:underline;
	color: #baafa4;
	/* font-size:13px; */
	font-size:10.4px;
	cursor: pointer;
	position: relative;
	/* margin-bottom:-5px; */
	margin-bottom:-4px;
}

#contact-form section h1:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 55%;
	/* left: 5px; */
	left: 4px;
	/* width: 10px;
	height: 10px; */
	width: 8px;
	height: 8px;
	/* margin-top: -8px; */
	margin-top: -6.4px;
	background: #baafa4;
}

#contact-form section h1:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 55%;
	/* left: 5px; */
	left: 5px;
	/* width: 10px;
	height: 10px; */
	width: 8px;
	height: 8px;
	/* margin-top: -13px; */
	margin-top: -10.4px;
	background: #FFFFFF;
}

#contact-form section h1.active:before {
	/* margin-top: -2px; */
	margin-top: -1.6px;
}

#contact-form section h1.active:after {
	/* margin-top: 3px; */
	margin-top: 2.4px;
}

#contact-form section li {
	/* padding: 5px 0 5px 24px; */
	padding: 4px 0 4px 19.2px;
}

#contact-form section li a:before{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	/* right: 17px; */
	right: 13.6px;
	/* width: 10px;
	height: 10px; */
	width: 8px;
	height: 8px;
	/* margin-top: -5px; */
	margin-top: -4px;
	background: #9CF;
}

#contact-form section li a:after{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	/* right: 22px; */
	right: 17.6px;
	/* width: 10px;
	height: 10px; */
	width: 8px;
	height: 8px;
	/* margin-top: -5px; */
	margin-top: -4px;
	background: #F2F2F2;
}
.datepicker{
	/* width:150px; */
	width:120px;
}
/* 日曜日のカラー設定 */
td.holiday a.ui-state-default{
	background-color: #ffecec;   /* 背景色を設定 */
	color: #f00!important;       /* 文字色を設定 */
}
/* 土曜日のカラー設定 */
td.saturday a.ui-state-default{
	background-color: #eaeaff;   /* 背景色を設定 */
	color: #00f!important;       /* 文字色を設定 */
}

img.privacy{
	float:right;
	/* margin-right:15px; */
	margin-right:12px;
}


.pmktxt{
	font-size: 110%;
	line-height: 180%;
	/* width:1000px; */
	width:800px;
	/* margin:40px auto; */
	margin:32px auto;
}

span.text-counter {display:none;}
div#questionnaire_flg, div#add_questionnair_desc {
	/* margin: 0 0 15px 0; */
	margin: 0 0 12px 0;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
label.checkbox, .submit_button{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a89b88), color-stop(1, #897e6a));
	background:-moz-linear-gradient(top, #a89b88 5%, #897e6a 100%);
	background:-webkit-linear-gradient(top, #a89b88 5%, #897e6a 100%);
	background:-o-linear-gradient(top, #a89b88 5%, #897e6a 100%);
	background:-ms-linear-gradient(top, #a89b88 5%, #897e6a 100%);
	background:linear-gradient(to bottom, #a89b88 5%, #897e6a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a89b88', endColorstr='#897e6a',GradientType=0);
	background-color:#a89b88;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:5px;
	border:1px solid #81745c;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	/* font-size:19px; */
	font-size:15.2px;
	/* padding:14px 37px; */
	padding:11.2px 29.6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #81745c;
}
.submit_button{
	display:block;
	margin:auto;
}
.buttons{
	/* width:300px; */
	width:240px;
	margin:auto;
}
.buttons .submit_button:first-child{
	display:inline-block;
	float: left;
}
.buttons .submit_button:last-child{
	display:inline-block;
	float: right;
}
#agreement-box{
	text-align:center;
}
label.checkbox span {
	background-color: #60523a;
	/* margin-right:5px; */
	margin-right:4px;
	/* padding:2px; */
	padding:1.6px;
	border-radius:15px;
}
.input_error{
	color:#c00;
	/* margin: 20px; */
	margin: 16px;
}
.input_error_title{
	/* font-size: 1.1em; */
	font-size: 0.9em;
}


#contact-form.send p {
	text-align: center;
}
#contact-form.send p {
	/* margin: 30px 15px; */
	margin: 24px 12px;
	text-align: center;
	/* font-size: 16px; */
	font-size: 12.8px;
	font-weight: bold;
}
#contact-form.send a {
	/* margin: 0 15px; */
	margin: 0 12px;
}

.loading-mask {
  position: relative;
  width: 100%;
  /* height: 200px; */
	height: 160px;
  background-color: rgba(255,255,255,0.75);
	z-index: 1500;
}
.loading-mask:before {
	content: '送信中...';
	position: absolute;
	text-align: center;
	color: rgba(0,0,0,0.25);
	top: 55%;
	/* top: calc(50% + 24px); */
	top: calc(50% + 19.2px);
	right: 0;
	bottom: 0;
	left: 0;
}
.loading-mask:after {
	content: "";
	position: absolute;
	border-width: 3px;
	border-style: solid;
	border-color: transparent rgba(0,0,0,0.25) rgba(0,0,0,0.25);
	border-radius: 50%;
	/* width: 24px;
	height: 24px; */
	width: 19.2px;
	height: 19.2px;
	top: 48%;
	/* top: calc(50% - 12px); */
	top: calc(50% - 9.6px);
	left: 48%;
	/* left: calc(50% - 12px); */
	left: calc(50% - 9.6px);
	-webkit-animation: spinMask 1s ease infinite;
			animation: spinMask 1s ease infinite;
}
/* 挙式予定日 年・月 セパレートタイプのフォーム */
#contact-form #form_ceremony_date_separate_year,
#contact-form #form_ceremony_date_separate_month {
	width: calc(50% - 5px);
}
.hide-month-option {
    display: none;
}

@keyframes spinMask {
	0% {transform: rotate(90deg);}
	100% {transform: rotate(450deg);}
}

@media screen and (max-width: 768px) {
	#contact-form {
		min-width: auto;
		/* padding: 20px; */
		padding: 16px;
		width: 100%;
		overflow-y: scroll;
	}
	#contact-form input, #contact-form select, #contact-form textarea {
		/* iOSで拡大しないように調整 */
		/* font-size: 16px; */
		font-size: 12.8px;
	}

	#contact-form table{
		min-width: auto;
		padding: 0;
	}


	#contact-form table td:last-child {
		border-bottom: solid 1px #ccc;
		width: 100%;
	}
	#contact-form table th{
		text-align: left;
		/* padding: 10px 5px; */
		padding: 8px 4px;
	}
	#contact-form table th,
	#contact-form table td {
		box-sizing: border-box;
		display: block;
		width: 100%;
	}
	#contact-form table td {
		/* padding: 5px; */
		padding: 4px;
	}
	#contact-form table th strong{
		float: none;
	}
	#contact-form .b2t{
		border: none;
	}

	#contact-form input[type="text"],
	#contact-form input[type="tel"],
	#contact-form input[type="email"]
	{
		width: 100%;
		max-width: 100%;
		/* margin: 0 0 10px; */
		margin: 0 0 8px;
		box-sizing: border-box;
	}
	#contact-form #form_user_last_name,
	#contact-form #form_user_first_name,
	#contact-form #form_user_last_kana,
	#contact-form #form_user_first_kana
	{
		width: 49%;
		max-width: 49%;
		float:left
	}
	#contact-form #form_user_last_name,
	#contact-form #form_user_last_kana
	{
		float:left
	}
	#contact-form #form_user_first_name,
	#contact-form #form_user_first_kana
	{
		float:right
	}
	#contact-form textarea{
		width:100%;
		max-width:100%;
		box-sizing: border-box;
	}
	.pmktxt{
		width: 100%;
	}
	#contact-form .title {
		font-size: 20px;
		position: relative;
		margin: 28px auto;
	}
	/* 挙式予定日 年・月 セパレートタイプのフォーム */
	#contact-form #form_ceremony_date_separate_year,
	#contact-form #form_ceremony_date_separate_month {
		width: 100%;
		margin-bottom: 10px;
	}
}