@charset "utf-8";

/*
===== CONTENTS =====

	0: reset
	1: title
	2: text
	3: box
	4: form parts
	5: error
	6: confirm
	7: request only
	8: contact only
	99: common parts
	
====================
*/

/* 0: reset
----------------------------------------------- */

p{
	margin-bottom:0;
}

a{
	color:#3454a3;
	text-decoration:underline;
}

/* 1: title
----------------------------------------------- */

.form-ttl{
	background:#f6285c url(../img/form/ttl.gif) repeat-x left bottom;
	-webkit-background-size:10px 44px;
	background-size:10px 44px;
	color:#FFF;
	font-size:20px;
	padding:10px 10px 10px;
	text-shadow:1px 0 1px #e81031;
}
.form-sttl{
	background-color:#f1ece3;
	border-bottom:1px solid #b4b4b4;
	border-top:1px solid #b4b4b4;
	font-size:16px;
	margin-top:10px;
	padding:4px 10px;
}
	.sttl-in{
		border-left:3px solid #e20033;
		display: inline-block;
		padding-left:8px;
		vertical-align:middle;
	}
.step-ttl{
	-webkit-box-shadow: inset 0px 0px 10px 3px rgba(220, 216, 216, 1.0);
	box-shadow: inset 0px 0px 10px 3px rgba(220, 216, 216, 1.0);
	background-color:#f6f4f4;
	border-bottom:1px solid #d8d4d4;
	border-top:1px solid #d8d4d4;
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:20px;
	text-align:center;
}
.ttl16{
	font-size:16px;
}
.inner-ttl{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}


/* 2: text
----------------------------------------------- */

.ttl-required {
    background-color: #f6285c;
    border-radius: 2px 2px 2px 2px;
    color: #FFF;
    display: inline-block;
    font-size: 12px;
	margin:0 5px 5px 6px;
    padding:2px 4px;
	vertical-align:middle;
}
.inner-ttl .ttl-required{
	margin-left:0;
}
.form-notes{
	color:#f6285c;
	font-size:12px;
}
.icon-notes{
	margin-left:1em;
	margin-top:5px;
	text-indent:-0.75em;
}
.text-bold{
	font-weight:bold;
}

/* ページトップへ */

.pagetop{
	margin-top:5px;
	margin-bottom:5px;
	padding-right:10px;
	text-align:right;
}
	.pagetop a{
		background:url(../img/form/icon_pagetop.gif) no-repeat right center;
		-webkit-background-size:15px 15px;
		background-size:15px 15px;
		color:#111;
		padding-right:18px;
		text-decoration:none;
	}

/* end */

/* 上記項目を修正する */

.form-edit{
	margin-top:5px;
	margin-bottom:5px;
	padding-right:10px;
	text-align:right;
}
	.form-edit a{
		background:url(../img/form/icon_arrow.gif) no-repeat right center;
		-webkit-background-size:15px 15px;
		background-size:15px 15px;
		padding-right:18px;
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}

/* end */
.txt10{
	font-size:10px;
}

.txtbold{
	font-weight:bold;
}

/* 3: box
----------------------------------------------- */

.inner{
	padding-left:10px;
	padding-right:10px;
}

.inner-box{
	border-bottom:1px solid #e6e6e6;
	padding-bottom:10px;
	padding-top:10px;
	overflow:hidden;
}


/* 4: form parts
----------------------------------------------- */

input,
textarea{
	/*vertical-align:middle;
	outline:0px none #fff;*/
}
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"]{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:5px;
}
label{
	/*vertical-align:middle;*/
}
.input-large{
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:5px;
	width:98%;
}
	.input-large.input-inner{
		margin-left:15px;
		width:95%;
	}
textarea.input-large{
	height:5em;
	width:100%;
}
.input-small{
	width:28.12%;
}


/* リスト */

.lbl-list dd,
.lbl-list li{
	position:relative;
}
.lbl-list li{
	border-bottom:1px dotted #e6e6e6;
}
.lbl-list li:last-child{
	border-bottom:none;
	padding-bottom:9px;
}
.lbl-list input[type="radio"],
.lbl-list input[type="checkbox"]{
	/*position: absolute;
	top: 8px;
	left: 0;*/
	margin-right:5px;
	/*vertical-align:middle;*/
}
.lbl-list label{
	display:block;
	/*padding:9px 23px 9px;
	padding:0.75em 23px 0.75em;*/
	padding:0.75em 0 0.75em;
}


/* 名前入力 */

.name-area{
}
	.name-area dt,
	.name-area dd{
		vertical-align:middle;
	}
	.name-area dt{
		margin-right:5px;
		/*width:5.78%;*/
	}
	.name-area dd{
		margin-right:5px;
		width:42.37%;
	}
		.name-area dd input{
			width:100%;
		}

/* 郵便番号 */

.zip-code{
	margin-left:5px;
	margin-right:5px;
}

/* アンケート */

.enq-ttl{
	background-color:#fbf7f1;
	padding-bottom:8px;
	padding-top:8px;
}
.enq-list{
	border-bottom:1px solid #e6e6e6;
}
.enq-list li{
		border-bottom:1px dotted #e6e6e6;
		position:relative;
		padding:0 10px 9px;
	}
	.enq-list li:last-child{
		border-bottom:none;
		/*padding-bottom:9px;*/
	}
	.enq-list > li input[type="radio"],
	.enq-list > li input[type="checkbox"]{
		/*position: absolute;
		top: 9px;
		left: 9px;*/
		margin-right:5px;
	}
	.enq-list label{
		display:block;
		/*padding:9px 17px 9px;*/
		padding:0.75em 0 0.75em;
	}
	.enq-listin li{
		display:inline-block;
		padding-bottom:0;
		border:none;
	}

/* form submit */

.btn-wrap{
	margin-top:23px;
	margin-bottom:10px;
	text-align:center;
}
	.btn-wrap li{
		margin-bottom:10px;
	}
	.btn-wrap input[type="image"]{
		width:300px;
	}


/* 5: error
----------------------------------------------- */

/* エラー箇所 */
.err-wrap{
	background-color:#fde3e3 !important;
}
.areabox.err-wrap{
	border-top:3px solid #cc0000 !important;
}
.inner-box.err-wrap{
	border-bottom:1px solid #cc0000 !important;
}

/* エラーテキスト */
.err-txt{
	margin-top:-10px;
}
	.err-txt li{
		list-style:disc;
		margin-left:15px;
		padding-bottom:10px;
	}
	.err-txt li,
	.err-txt li a{
		color:#cc0000;
		text-decoration:underline;
	}

/* 6: confirm
----------------------------------------------- */

.cfm-list{
	margin-bottom:10px;
}
	.cfm-list li{
		border-bottom:1px solid #e6e6e6;
		padding:9px;
	}
.entries-ttl{
	display:block;
	font-size:14px;
	font-weight:bold;
}
.entries-txt{
	display:block;
	font-size:16px;
	margin-top:5px;
	padding-left:11px;
}

/* 7: request only
----------------------------------------------- */

/* アンカーリスト */

.anchor-list{
	margin-top:13px;
	text-align:center;
}
	.anchor-list li{
		border-right:1px solid #333;
		line-height:1.1;
		margin-right:10px;
		padding-right:10px;
	}
	.anchor-list li:last-child{
		border-right:none;
		margin-right:0;
		padding-right:0;
	}


/* ご希望の店舗選択 */
.areabox{
	background-color:#fbf7f1;
	border-top:3px solid #f2e6d3;
	margin-bottom:10px;
	margin-top:5px;
	padding:5px 10px;
}
	.areabox-in{
		background-color:#FFF;
		border:1px solid #f0e7da;
		margin-bottom:10px;
		padding-bottom:10px;
	}
		.areabox-in dt,
		.areabox-in dd{
		}
		.areabox-in dt{
			border-top:2px solid #e20033;
			font-size:14px;
			font-weight:bold;
			padding:9px 9px;
		}
		.areabox-in dd{
			border-bottom:1px dotted #e6e6e6;
			margin-left:10px;
			margin-right:10px;
			/*padding:9px 0;*/
			position:relative;
		}
		.areabox-in dd:last-child{
			border-bottom:none;
			padding-bottom:0;
		}
		/*.areabox-in label{
			padding:9px;
		}*/


/* 8: contact only
----------------------------------------------- */

.telbtn{
	border-radius:4px;
	border:1px solid #f0e7da;
	background-color:#fbf7f1;
	display:block;
	font-weight:bold;
	margin-top:10px;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
}
	a.telbtn {
		color:#333;
		text-decoration:none;
	}
	.telbtn dd{
		color:#3454a3;
		text-decoration:underline;
	}
	
/* 99: common parts
----------------------------------------------- */

ul.fBox li{
	float:left;
	display:inline;
}

.fr{
	float:right;
}

.fl{
	float:left;
}

.in-block{
	letter-spacing:-.40em;
}
	.in-block li,
	.in-block dt,
	.in-block dd{
		display:inline-block;
		/display:inline;
		/zoom:1;
		letter-spacing:normal;
		vertical-align:top;
	}

.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }
.mt60{ margin-top:60px !important; }

.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }

.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }

.ml5{ margin-left:5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }

.text-r{
	text-align:right !important;
}

.text-c,
table.text-c th,
table.text-c td,
table.th-c th{
	text-align:center !important;
}

.text-l{
	text-align:left !important;
}

.block{
	display:block;
}


ol.dec{
	padding-left:2em;
}

ol.dec li{
	list-style-type:decimal;
	margin-bottom:10px;
}

.grecaptcha-badge {
	z-index: 200;
}