@charset "utf-8";
/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

.form_box{
	background:url(../../common/images/dot_line2.png) repeat-x 0 top;
	padding:60px 0 0 0;
}
.form_box table{
	max-width:70%;
	margin:0 auto;
}
.form_box table th{
	width:10%;
	padding:2% 2% 0 0;
	font-size:14px;
	text-align:left;
	vertical-align:top;
}
.form_box table td{
	width:30%;
	padding:10px 0;
	font-size:14px;
}
.form_box table em{
	color:#cea94c;
	padding:10px 0;
}
.form_box table .reset_btn{
	border: solid 1px#cea94c;
	background:#fff;
	color:#665f5d;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px 30px;
	font-size:16px;
}
.form_box table .send_btn{
	border: solid 1px #b2d01e;
	background:#b2d01e;
	color:#fff;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	padding:10px 30px;
	font-size:16px;
}

/* お問い合わせ
----------------------------------------------------------- */

input[type="checkbox"],
input[type="radio"] {
	vertical-align: middle;
}

.contact_btn{
	width:450px;
	margin:60px auto;
	overflow:hidden;
}
.contact_btn li{
	float:left;
	margin:0 15px;
}
.contact_kind p{
	font-size:14px;
	margin:30px 0;
}
.contact_kind .qr{
	float:left;
	margin:20px 5% 0 0;
	text-align:left;
}
.contact_kind .flow{
	float:left;
	text-align:left;
	font-size:14px;
	margin:20px 0 0 0;
}
.contact_kind .flow li{
	list-style:decimal;
	margin-left:20px;
	line-height:1.3em;
}
.form_ttl{
	border-top:solid 1px #e7e7e7;
	border-bottom:solid 1px #e7e7e7;
	padding:30px 0;
	text-align:center;
}
.form_ttl h3 {
	margin:5px 0;
}
.form_ttl h3 span {
    font-family: times;
    padding: 0 5px;
    font-size: 20px;
    text-align: center;
    background: url(../../common/images/hover.png) repeat-x 0 bottom;
}
.form_ttl p{
	margin:10px 0;
	font-size:14px;
}



/*--- フォームテーブル ---*/

.contact_tbl th label {
	cursor: pointer;
	display: block;
	padding: 10px 0 0 20px;
}

.contact_tb dd {
    /* display: inline-block; */
    float: left;
    width: 170px;
}

input[type="text"], textarea ,select{
	outline: none;
	padding: 5px;
	background:#f1f1f1;
	border:none;
	border-radius:5px;
}

input[type="text"]:focus, textarea:focus ,select:focus{
	border: 2px solid #FAB27F;
	background: #FFECCD;
}

input[type="text"] ,select option{
	height: 24px;
}

#zip1,#zip2 {
    width: 100px;
}

#pref,#city {
    width: 60%;
}

#add {
    width: 64%;
}

input[type="radio"] {
	vertical-align: middle;
}

textarea {
	vertical-align: middle;
	padding: 10px 5px;
}

button, input[type="submit"], input[type="button"] {
	cursor: pointer;
}

.error_style {
	color: #FF0000;
	display: block;
}

#name, #kana,#tel,#mail {
	width: 60%;
}

#zip {
	width: 120px;
}

#address3 {
	width: 590px;
}

textarea {
	width: 100%;
	height: 150px;
}

button {
	border: none;
	outline: none;
	background: none;
}

.form_notice1 {
	font-size: 87.5%;
}

.choose_list1 {
	margin: 0 auto 50px auto;
	width: 390px;
}

.choose_list1 li {
	text-align: center;
	float: left;
	margin: 0 0 0 10px;
}

.choose_list1 li:first-child {
	margin: 0 0 0 0;
}

.choose_list1 li input, .confirm_bt {
	border: 0;
	outline: 0;
	background: none;
	color: #FFFFFF;
	padding: 15px 10px;
	width: 188px;
	background-color: #6f6f6f;
	font-size: 18px;
}

.choose_list1 li input:hover, button:hover, .toHome:hover {
	background-color: #f97282;
}

.send_bt {
	float: right;
	margin: 0 275px 0 0;
	border: 0;
	outline: 0;
	background: none;
	color: #FFFFFF;
	padding: 15px 10px;
	width: 218px;
	background-color: #90C31F;
	font-size: 18px;
}

.modification {
	width: 218px;
	float: left;
	margin: 0 0 0 275px;
	background: none;
	color: #FFFFFF;
	padding: 15px 10px;
	width: 218px;
	background-color: #90C31F;
	font-size: 18px;
}

.toHome {
	display: block;
	margin: 0 auto;
	border: 0;
	outline: 0;
	background: none;
	color: #FFFFFF !important;
	padding: 15px 0;
	width: 218px;
	background-color: #90C31F;
	font-size: 18px;
	text-decoration: none !important;
	text-align: center;
}

.contact_tb dt{
	/* font-weight: bold; */
	/* line-height: 30px; */
	/* text-align: left; */
	/* padding: 10px 12px 10px 12px; */
	/* position: relative; */
	float: left;
	width: 100px;
	line-height: 3;
}

.contact_tb > li > dl > dt {
	width: 280px;
	float: left;
}

.contact_tb > li > dl > dd {
	width:672px;
	float: left;
}

.contact_tb dd{/* padding: 10px 12px 10px 12px; */}

.contact_tb .tourSelect{
	
}

.no_hidden{
	border: 2px dotted #CCC;
	margin-bottom: 20px;
	width:672px;
}

.no_hidden li{
	float: left;
	width: 30%;
}

.no_hidden dl{
	margin: 0 auto;
	width: 275px;
}

.no_hidden dt{
	float: none;
}

.contact_tb p{
	font-size: 80%;
}



.contact_tb .tourSelect dd dd p,
.contact_tb .tourSelect2 dd p{
	font-size: 100%;
	line-height: 30px;
	vertical-align: bottom;
	width: 3em;
	padding: 5px;
	margin: 5px;
}

.tourSelect dd dd select,
.tourSelect dd dd p,
.contact_tb .tourSelect2 dd select,
.contact_tb .tourSelect2 dd p{
	float: left;
}

.rental li,
.eyes li{
	width:33%;
	float: left;
}

.contact_tb td span {
    display: block;
    font-size: 13px;
    margin: 5px 0 0 0;
}

.sizetype1 {
    width: 600px;
}

.slectBox > li {
    display: inline-block;
}

.sizetype2 {
    width: 120px;
}

.thanks{
	margin:30px 0 0 0;
}
@media screen and (max-width: 1280px) {
.contact_kind .flow {
    width: 72%;
}
}


@media screen and (max-width: 767px) {
  /* 画面幅が767px以下（スマートフォン専用スタイル）*/
  .contact_kind .qr{
	float:none;
	text-align:center;
	margin:20px 0 0 0;
}
.contact_btn {
	width:100%;
}
.contact_btn li{
	float:left;
	width:50%;
	margin:0 0;
}
.contact_btn li img{
	width:80%;
}
.form_box{
	width:90%;
	margin:0 auto;
}
.form_box table{
	width:100%;
	margin:0 auto;
}
.form_box table th{
	width:100%;
	padding:0 2% 0 0;
	font-size:14px;
	text-align:right;
	display: list-item;
	list-style:none;
	text-align:left;
	font-weight:bold;
}
.form_box table td{
	width:100%;
	text-align:left;
	padding:5px 0 10px 0;
	font-size:14px;
	display: list-item;
	list-style:none;
}
.form_box table em{
	color:#ef8b4f;
	padding:10px 0;
}
.form_box table .reset_btn{
	border: solid 1px #cea94c;
	background:#fff;
	color:#665f5d;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px 8%;
	font-size:16px;
}
.form_box table .send_btn{
	border: solid 1px #b2d01e;
	background:#b2d01e;
	color:#fff;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	padding:10px 8%;
	font-size:16px;
	width:100%;
	margin:10px 0 30px 0;
}
#name, #kana,#tel,#mail {
	width: 95%;
}
#pref, #city{
	width: 80%;
}
#zip {
	width: 95%;
}
#address3 {
	width: 80%;
}
textarea {
	width: 95%;
	height: 150px;
}



.contact_btn li {
	text-align:center;
}
.contact_btn li img{
	width:80%;
}
.contact_kind .flow {
    width: 100%;
	float:none;
}
}