@charset "utf-8";
/* form focus
**************************************/
input:focus,
button:focus {
	outline: none;
}
body{
	font-family: Century Gothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,Helvetica,sans-serif;
}

/* 入力画面
----------------------------------------*/
.request-form{
	width: 800px;
	margin: 15px auto 80px;
	text-align: center;
}
h1.confirm_heading{
	margin: 0 0 20px;
	padding: 0 0 10px;
	text-align: center;
	color: #0ab38e;
	font-size: 2.000em;
	background: url(images/bg_shop_name_border.png) repeat-x bottom;
}
h2.comfirm_subhead{
	position: relative;
	vertical-align: middle;
	margin: 0 0 10px 5px;
	padding-left: 43px;
	color: #756944;
    font-size: 1.667em;
}
h2.comfirm_subhead:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 30px;
	background: url(images/ico_kuchikomi.png) no-repeat;
	content: "";
}
.request-form .attention{
	margin: 0 0 50px;
	margin-left: 1em;
	text-indent: -1em;
}
table.shop_review{
	width: 100%;
	margin: 0 0 15px;
	border: 1px solid #d1d1d1;
	font-size: 1.33333em;
}
table.shop_review th{
	width: 250px;
	padding: 25px 0 20px;
	background: #f4f2ea;
	border: 1px solid #d1d1d1;
	text-align: right;
	vertical-align: middle;
}
table.shop_review td{
	padding: 20px 15px 10px 50px;
	border: 1px solid #d1d1d1;
}
.must{
	margin: 0 25px;
	padding: 4px 7px;
	color: #e31732;
	border: 1px solid #da4110;
	border-radius: 3px;
	font-size: 0.750em;
	font-weight: normal;
	text-align: center;
	vertical-align: text-top;
}
.hidden_input {
    display: none;
}
.form-group{
	display: inline-block;
	vertical-align: top;
}
/* 店舗リスト */
.select_shop_box #reputationform-shopid {
    width: 430px;
    padding: 3px 6px;
} 

/* ラジオボタン */
.form-group .radio{
	float: left;
	font-size: 1.125em;
}

/* 性別 */
.form-group #reputationform-gender .radio{
	margin: 0 59px 0 0;
}

/* 年代 */
.form-group #reputationform-age .radio{
	width: 25%;
	margin-bottom: 15px;
}
.form-group #reputationform-age .radio:nth-child(n+9){
	margin-bottom: 5px;
}

/* ご利用時期 */
.select_year_box,
.select_month_box{
	display: inline-block;
}
.select_year_box p{
	width: 155px;
	padding: 0 5px 0 0;
}
.select_month_box p{
	width: 260px;
	padding: 0 5px 0 0;
}
.select_year_box select{
	width: 111px;
	padding: 3px 6px;
}
.select_month_box select{
	width: 71px;
	padding: 3px 6px;
}


/* 満足度 */
table.shop_review th.star{
	margin: 16px 0 15px;
}
table.shop_review td.star{
	line-height: 1;
	padding-bottom: 10px;
}
ul.star{
	letter-spacing: -.40em;
}
table.shop_review ul{
	padding-top: 5px;
}
.star li.option_05,
.star li.option_15,
.star li.option_25,
.star li.option_35,
.star li.option_45{
	display: inline-block;
	list-style: none;
	width: 13px;
	height: 25px;
	font-size: 0;
	background: url(images/ico_satisfaction01.png) no-repeat;
}
.star li.option_10,
.star li.option_20,
.star li.option_30,
.star li.option_40,
.star li.option_50{
	display: inline-block;
	list-style: none;
	width: 13px;
	height: 25px;
	font-size: 0;
	background: url(images/ico_satisfaction02.png) no-repeat;
}
.star li:nth-child(odd){
	padding-right: 0;
}
.star li:nth-child(even){
	padding-right: 12px;
}
.star li.on{
	background-position: 0 -25px;
}
/* クチコミ種類 */
.form-group #reputationform-posttype .radio{
	padding-right: 59px;
	font-size: 1.000em;
}
.form-group #reputationform-posttype .radio:last-child{
	padding-right: 0;
}

/* クチコミ内容 */
table.shop_review th.kuchikomi_area p{
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}
table.shop_review th.kuchikomi_area p.must{
	display: inline;
	vertical-align: text-top;
}
table .kuchikomi .review_disc{
	padding-bottom: 15px;
	font-size: 0.875em;
}
table.shop_review td.kuchikomi .notes{
	font-size: 0.750em;
}
textarea,
select{
	border: 1px solid #e3e3e3;
}
textarea{
	line-height: 1.8;
	width: 410px;
	height: 150px;
	margin-bottom: 5px;
	padding: 15px 20px;
	background-color: #fdfcfb;
	font-size: 0.875em;
	resize: none;
}

/* エラー文言 */
table.shop_review td.star .help-block{
	padding-top: 10px;
}
.shop_review .help-block{
	clear: both;
	padding-top: 5px;
	color: #e31732;
	font-size: 0.875em;
	font-weight: bold;
}

/* ボタン */
.request-form .btn{
	display: block;
	width: 453px;
	height: 70px;
	margin: 0 auto 0;
	border: none;
	border-radius: 5px;
	background: #afa67a;
	color: #fff;
	font-size: 1.667em;
	text-align: center;
	box-shadow: 0 5px 0 #948757;
	-webkit-box-shadow: 0 5px 0 #948757;
	cursor: pointer;
}
.request-form .btn:hover{
	background: #8e8050;
	box-shadow: 0 5px 0 #756944;
	-webkit-box-shadow: 0 5px 0 #756944;
}

/* 入力確認画面
----------------------------------------*/
table.shop_confirmation{
	width: 100%;
	margin: 0 0 15px;
	border: 1px solid #d1d1d1;
	font-size: 1.33333em;
}
table.shop_confirmation th{
	width: 181px;
	padding: 23px 68px 21px 0;
	background: #f4f2ea;
	border: 1px solid #d1d1d1;
	text-align: right;
}
table.shop_confirmation td{
	line-height: 1.8;
	padding: 23px 60px 21px;
	border: 1px solid #d1d1d1;
	font-size: 1.125em;
}

/* クチコミの種類 */
table.shop_confirmation td.type{
	font-size: 1em;
}

/* この店舗のクチコミ */
table.shop_confirmation td.kuchikomi{
	font-size: 0.875em;
}

/* ボタン周り */
.request-form .confirmation_area p.last{
	margin: 40px 0 40px;
	text-align: center;
	font-size: 1.500em;
}
.request-form .btn_area a.again{
	display: inline-block;
	position: relative;
	width: 200px;
	height: 66px;
	margin-right: 50px;
	border: 2px solid #beb58d;
	border-radius: 5px;
	background: #fff;
	color: #a29667;
	font-size: 1.500em;
	text-decoration: none;
	text-align: center;
	box-shadow: 0 5px 0 #beb58d;
	-webkit-box-shadow: 0 5px 0 #beb58d;
}
.request-form .btn_area a.again:hover{
	color: #8e8050;
	border: 2px solid #8e8050;
	box-shadow: 0 5px 0 #8e8050;
	-webkit-box-shadow: 0 5px 0 #8e8050;
}
.request-form .btn_area a.again span{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.request-form .btn_area{
	text-align: center;
}
.request-form .btn_area .final{
	display: inline-block;
	vertical-align: top;
}

/* 完了画面
----------------------------------------*/
.request-form .completion_area{
	padding: 50px 0 70px;
	border: 1px solid #d1d1d1;
	font-size: 1.33333em;
}
.request-form .completion_area h3{
	margin: 0 0 45px;
	padding: 18px 0;
	background: #e6f7f3;
	color: #756944;
	font-size: 1.750em;
	text-align: center;
}
.request-form .completion_area p{
	line-height: 2;
	color: #333;
	font-size: 1.125em;
	text-align: center;
}