@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      page_optional_form.css
Created:        2017-11-13
Style Info:     オプショナルツアー（フォーム） CSS
----------------------------------------------------------- */

/* ----------------------------------------------
 form style　
-------------------------------------------------*/
.optionalForm{overflow: hidden;}
.optionalForm .form_table input,
.optionalForm .form_table button,
.optionalForm .form_table textarea,
.optionalForm .form_table select {margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;}
.optionalForm .form_table input::-webkit-input-placeholder,
.optionalForm .form_table input:-ms-input-placeholder,
.optionalForm .form_table input::-moz-placeholder {color:#969696;}
.optionalForm .form_table select::-ms-expand {display:none;}
.optionalForm .form_table textarea,
.optionalForm .form_table input[type="text"] {padding:12px;min-height:40px;}
.optionalForm .form_table textarea,
.optionalForm .form_table input[type="text"],
.optionalForm .form_table .select_wrap {display:block;width:100%;font-size:1em;border-radius:5px;position:relative;background:#fff;border:1px solid #ccc;}
.optionalForm .form_table .select_wrap {position:relative;}
.optionalForm .form_table .select_wrap::after {z-index:10;color:#505050;content:"\f078";font-family:FontAwesome;position:absolute;top:50%;line-height:40px;margin-top:-20px;height:40px;right:10px;}
.optionalForm .form_table .select_wrap select {z-index:20;position:relative;display:block;width:100%;padding:12px;min-height:40px;border-radius:5px;}
.optionalForm .form_table input[type=radio],
.optionalForm .form_table input[type=checkbox] {display:inline-block;margin-right:6px;}
.optionalForm .form_table input[type=radio] + label,
.optionalForm .form_table input[type=checkbox] + label {position:relative;display:inline-block;margin-right:12px;font-size:.924em;line-height:30px;cursor:pointer;}
@media (min-width: 1px) {
  .optionalForm .form_table input[type=radio],
  .optionalForm .form_table input[type=checkbox]{display:none;margin:0;}
  .optionalForm .form_table input[type=radio] + label,
  .optionalForm .form_table input[type=checkbox] + label{padding:0 0 0 24px;}
  .optionalForm .form_table input[type=radio] + label::before,
  .optionalForm .form_table input[type=checkbox] + label::before{content:"";position:absolute;top:50%;left:0;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:18px;height:18px;margin-top:-9px;background:#FFF;border-radius:3px;}
  .optionalForm .form_table input[type=radio] + label::before{border:1px solid #ccc;border-radius:30px;}
  .optionalForm .form_table input[type=radio]:checked + label::after,
  .optionalForm .form_table input[type=checkbox]:checked + label::after{content:"";position:absolute;top:50%;-moz-box-sizing:border-box;box-sizing:border-box;display:block;}
  .optionalForm .form_table input[type=radio]:checked + label::after{left:5px;width:8px;height:8px;margin-top:-4px;background:#1d9c5a;border-radius:8px;}
  .optionalForm .form_table input[type=checkbox]:checked + label::after{left:3px;width:16px;height:8px;margin-top:-8px;border-left:3px solid #1d9c5a;border-bottom:3px solid #1d9c5a;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
}

/* Datepicker */
.optionalForm .form_table .table_row .table_input input.date {width:250px;cursor:pointer;background:#fff url(../img/common/form_icon_calendar.png) 95% center no-repeat;
  -webkit-background-size:22px auto;
  background-size:22px auto;}
@media (max-width: 767px) {
  .table-condensed {font-size:18px;}
}
@media (max-width:360px) {
  .optionalForm .form_table .table_row .table_input input.date {width:100%}
}
.datepicker>div {
    display: block;
}

/* ----------------------------------------------
 form layout
-------------------------------------------------*/
.optionalForm .form_tit_01 {padding-bottom:15px;margin:15px 0;border-bottom:1px solid #d9d9d9;}
.optionalForm .form_tit_01 span {display:block;font-size:1.539em;font-weight:bold;line-height:1.2;padding:3px 0 0 10px;border-left:8px solid #0f9d58;}
.optionalForm .form_tit_02 {font-size:1.231em;font-weight:bold;padding:15px 0 10px 0;}
.optionalForm .form_txt_01 {margin-bottom:10px;line-height:1.6;}
.optionalForm .form_nav {margin-bottom:50px;}
.optionalForm .form_nav ul {display:table;table-layout:fixed;width:100%;}
.optionalForm .form_nav li {display:table-cell;text-align:center;}
.optionalForm .form_nav li span {font-size:1.231em;line-height:1.2;display:block;padding:3px 0;height:42px;border-left:1px solid #fff;background:#ccc;color:#fff;}
.optionalForm .form_nav li.active span {background:#549c82;}
.optionalForm .form_table {border-top:1px solid #d9d9d9;}
.optionalForm .form_table .table_row {display:table;width:100%;border-bottom:1px solid #d9d9d9;}
.optionalForm .form_table .table_row > div {display:table-cell;vertical-align:middle;}
.optionalForm .form_table .table_label {overflow:hidden;width:200px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;background:#f0f5ec;padding:0 20px;}
.optionalForm .form_table .table_label p {float:left;display:inline-block;font-weight:bold;line-height:1.6;}
.optionalForm .form_table .table_label .ico {float:right;display:inline-block;width:40px;color:#fff;
  font-size:.847em;text-align:center;border-radius:3px;height:16px;line-height:18px;}
.optionalForm .form_table .table_label .ico.hissu {background:#ff0000;}
.optionalForm .form_table .table_label .ico.ninni {background:#0c9;}
.optionalForm .form_table .table_input {overflow:hidden;padding:25px;border-right:1px solid #d9d9d9;}
.optionalForm .form_table .table_input .att_txt {line-height:1.6;}
.optionalForm .form_table .table_input .att_txt.red {color:#ff0000;}
@media (max-width:767px) {
  .optionalForm .form_tit_01 span {margin:0 15px;}
  .optionalForm .form_tit_02 {margin:0 15px 5px 15px;}
  .optionalForm .form_txt_01 {margin:0 15px 10px 15px;}
  .optionalForm .form_nav {margin-bottom:30px;}
  .optionalForm .form_table .table_row {display:block;}
  .optionalForm .form_table .table_row > div {display:block;}
  .optionalForm .form_table .table_label {position:relative;width:100%;border-left:0;border-right:0;background:#f0f5ec;padding:15px;}
  .optionalForm .form_table .table_label .ico {position:absolute;top:50%;right:15px;margin-top:-8px;float:none;}
  .optionalForm .form_table .table_input {padding:15px;border-right:0;}
}
@media (max-width:480px) {
  .optionalForm .form_tit_01 {padding-bottom:10px;}
  .optionalForm .form_nav {margin-bottom:15px;}
  .optionalForm .form_nav li span {font-size:1.077em;padding:5px 0;}
  .optionalForm .form_table .table_label {padding:10px 15px;}
  .optionalForm .form_table .table_label p br {display:none;}
}

/* 代表者様お名前 */
.optionalForm .form_table .table_row.name .table_input .input_wp {display:table;width:100%;}
.optionalForm .form_table .table_row.name .table_input .input_wp + .input_wp {margin-top:15px;}
.optionalForm .form_table .table_row.name .table_input .input_wp .txt {display:table-cell;width:100px;vertical-align:middle;font-weight:bold;}
.optionalForm .form_table .table_row.name .table_input .input_wp .inp {display:table-cell;vertical-align:middle;overflow:hidden;}
.optionalForm .form_table .table_row.name .table_input .input_wp .inp > div {float:left;width:32%;}
.optionalForm .form_table .table_row.name .table_input .input_wp .inp > div + div {margin-left:2%;}
.optionalForm .form_table .table_row.name .table_input .input_wp .inp span {display:block;margin-bottom:2px;line-height:1.4;}
.optionalForm .form_table .table_row.name .table_input .input_wp .inp small {font-size:.847em;color:#ff0000;margin-left:5px;}
@media (max-width:1040px) {
  .optionalForm .form_table .table_row.name .table_input .input_wp + .input_wp {margin-top:20px;}
  .optionalForm .form_table .table_row.name .table_input .input_wp,
  .optionalForm .form_table .table_row.name .table_input .input_wp .txt {display:block;width:100%;margin-bottom:10px;}
  .optionalForm .form_table .table_row.name .table_input .input_wp .inp {display:block;}
}
@media (max-width:980px) {
  .optionalForm .form_table .table_row.name .table_input .input_wp .inp > div {width:49%;}
  .optionalForm .form_table .table_row.name .table_input .input_wp .inp > div + div {margin-left:0;}
  .optionalForm .form_table .table_row.name .table_input .input_wp .inp > div:nth-of-type(2) {margin-left:2%;}
  .optionalForm .form_table .table_row.name .table_input .input_wp .inp > div:nth-of-type(3) {margin-top:15px;}
}
@media (max-width:480px) {
  .optionalForm .form_table .table_row.name .table_input .input_wp .inp > div:nth-of-type(3) {width:100%;}
}

/* メールアドレス */
.optionalForm .form_table .table_row.mail .table_input input {max-width:600px;}
.optionalForm .form_table .table_row.mail .table_input .att_txt {margin-top:15px;}
@media (max-width:767px) {
  .optionalForm .form_table .table_row.mail .table_input .att_txt {margin-top:10px;}
}

/* 電話番号 */
.optionalForm .form_table .table_row.tel .table_input input {max-width:600px;}

/* 性別 */
.optionalForm .form_table .table_row.sex .table_input .radio_wp {display:inline-block;}
.optionalForm .form_table .table_row.sex .table_input .radio_wp + .radio_wp {margin-left:15px;}

/* 参加人数 */
.optionalForm .form_table .table_row.member .table_input .inp_wp {display:table;width:120px;float:left;margin-bottom:15px;}
.optionalForm .form_table .table_row.member .table_input .inp_wp + .inp_wp {margin-left:20px;}
.optionalForm .form_table .table_row.member .table_input .inp_wp > p {display:table-cell;width:40px;vertical-align:middle;}
.optionalForm .form_table .table_row.member .table_input .att_txt {clear:left;}
.optionalForm .form_table .table_row.member .table_input .att_txt span {display:inline-block;}
.optionalForm .form_table .table_row.member .table_input .att_txt span + span {margin-left:10px;}
.optionalForm .form_table .table_row.member .table_input .att_txt b {font-weight:bold;}
@media (max-width:480px) {
  .optionalForm .form_table .table_row.member .table_input .inp_wp {width:100%;float:none;margin-bottom:10px;}
  .optionalForm .form_table .table_row.member .table_input .inp_wp + .inp_wp {margin-left:0;}
  .optionalForm .form_table .table_row.member .table_input .inp_wp > p {width:60px;}
  .optionalForm .form_table .table_row.member .table_input .att_txt br {display:none;}
  .optionalForm .form_table .table_row.member .table_input .att_txt span {display:block;}
  .optionalForm .form_table .table_row.member .table_input .att_txt span + span {margin-left:0;}
}

/* 同行者様お名前 */
.optionalForm .form_table .table_row.member_info .table_input {padding:0;}
.optionalForm .form_table .table_row.member_info .table_input .member_wp {display:table;width:100%;}
.optionalForm .form_table .table_row.member_info .table_input .member_wp > div {display:table-cell;vertical-align:middle;}
.optionalForm .form_table .table_row.member_info .table_input .member_wp + .member_wp {border-top:1px solid #eee;}
.optionalForm .form_table .table_row.member_info .table_input .member_wp .label {width:120px;padding:25px 0 25px 25px;line-height:1.6;font-weight:bold;}
.optionalForm .form_table .table_row.member_info .table_input .member_wp .label small {display:block;font-size:.847em;margin-top:5px;font-weight:normal;}
.optionalForm .form_table .table_row.member_info .table_input .member_wp .input_wp {padding:25px 25px 25px 0;overflow:hidden;}
.optionalForm .form_table .table_row.member_info .table_input .member_wp.name .input_wp > div {float:left;width:32%;}
.optionalForm .form_table .table_row.member_info .table_input .member_wp.name .input_wp > div + div {margin-left:2%;}
.optionalForm .form_table .table_row.member_info .table_input .member_wp.name .input_wp span {display:block;margin-bottom:2px;line-height:1.4;}
.optionalForm .form_table .table_row.member_info .table_input .member_wp.name .input_wp small {font-size:.847em;color:#ff0000;margin-left:5px;}
.optionalForm .form_table .table_row.member_info .table_input .member_wp.sex .input_wp > div {display:inline-block;}
.optionalForm .form_table .table_row.member_info .table_input .member_wp.sex .input_wp > div + div {margin-left:15px;}
@media (max-width:1040px) {
  .optionalForm .form_table .table_row.member_info .table_input .member_wp,
  .optionalForm .form_table .table_row.member_info .table_input .member_wp > div {display:block;}
  .optionalForm .form_table .table_row.member_info .table_input .member_wp .label {width:100%;padding:25px 0 10px 25px;}
  .optionalForm .form_table .table_row.member_info .table_input .member_wp .label small {display:inline;font-size:1em;margin-top:0;}
  .optionalForm .form_table .table_row.member_info .table_input .member_wp .input_wp {padding:0 25px 25px 25px;}
}
@media (max-width:980px) {
  .optionalForm .form_table .table_row.member_info .table_input .member_wp.name .input_wp > div {width:49%;}
  .optionalForm .form_table .table_row.member_info .table_input .member_wp.name .input_wp > div + div {margin-left:0;}
  .optionalForm .form_table .table_row.member_info .table_input .member_wp.name .input_wp > div + div:nth-of-type(2) {margin-left:2%;}
  .optionalForm .form_table .table_row.member_info .table_input .member_wp.name .input_wp > div + div:nth-of-type(3) {margin-top:15px;}
}
@media (max-width:767px) {
  .optionalForm .form_table .table_row.member_info .table_input .member_wp .label {padding:15px 15px 10px 15px;}
  .optionalForm .form_table .table_row.member_info .table_input .member_wp .input_wp {padding:0 15px 15px 15px;}
}
@media (max-width:480px) {
  .optionalForm .form_table .table_row.member_info .table_input .member_wp.name .input_wp > div + div:nth-of-type(3) {width:100%;}
}

/* ご利用形態 */
.optionalForm .form_table .table_row.usage .table_input .inp_wp.radio {margin-bottom:15px;}
.optionalForm .form_table .table_row.usage .table_input .radio_wp {display:inline-block;}
.optionalForm .form_table .table_row.usage .table_input .radio_wp + .radio_wp {margin-left:15px;}
.optionalForm .form_table .table_row.usage .table_input .inp_wp.input {overflow:hidden;}
.optionalForm .form_table .table_row.usage .table_input .inp_wp.input p {float:left;display:inline-block;line-height:48px;margin-right:15px;font-weight:bold;}
.optionalForm .form_table .table_row.usage .table_input .inp_wp.input div {float:left;display:inline-block;width:300px;}
@media (max-width:767px) {
  .optionalForm .form_table .table_row.usage .table_input .inp_wp.radio {margin-bottom:10px;}
}
@media (max-width:480px) {
  .optionalForm .form_table .table_row.usage .table_input .inp_wp.radio {margin-bottom:20px;}
  .optionalForm .form_table .table_row.usage .table_input .inp_wp.input p {line-height:1.4;margin-bottom:10px;}
  .optionalForm .form_table .table_row.usage .table_input .radio_wp {display:block;}
  .optionalForm .form_table .table_row.usage .table_input .radio_wp + .radio_wp {margin-left:0;}
  .optionalForm .form_table .table_row.usage .table_input .inp_wp.input div {display:inline-block;width:100%;}
}

/* 出発日/帰国日 */
.optionalForm .form_table .table_row.dep_rtn_day .table_input {padding:0;}
.optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp {display:table;width:100%;}
.optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp > p {padding:25px 0 25px 25px;width:120px;font-weight:bold;}
.optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp > p,
.optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp > div {display:table-cell;vertical-align:middle;}
.optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp > div {padding:25px 10px 25px 0;}
.optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp + .input_wp {border-top:1px solid #eee;}
.optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp .inp {width:270px;}
@media (max-width:767px) {
  .optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp > p {padding:15px 0 15px 15px;width:80px;}
  .optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp > div {padding:15px 15px 15px 0;}
}
@media (max-width:480px) {
  .optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp {display:block;padding:15px;}
  .optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp > p {width:100%;margin-bottom:10px;}
  .optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp > p,
  .optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp > div {display:block;padding:0;}
  .optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp > div {display:inline-block;padding:0;}
  .optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp .inp {width:260px;}
}
@media (max-width:360px) {
  .optionalForm .form_table .table_row.dep_rtn_day .table_input .input_wp .inp {width:100%;}
}

/* 宿泊ホテル */
.optionalForm .form_table .table_row.hotel .table_input .input_wp {display:table;width:100%;}
.optionalForm .form_table .table_row.hotel .table_input .input_wp > div {display:table-cell;vertical-align:middle;}
.optionalForm .form_table .table_row.hotel .table_input .input_wp .check {width:100px;padding-left:15px;}

/* その他ご要望 */
.optionalForm .form_table .table_row.comment .table_input .att_txt {margin-bottom:15px;}
@media (max-width:767px) {
  .optionalForm .form_table .table_row.comment .table_input .att_txt {margin-bottom:10px;}
}


/* ----------------------------------------------
 form bottom　
-------------------------------------------------*/
/* 注意事項 */
.optionalForm .form_info_box {background:#f5f5f5;padding:25px 20px;margin:30px 0;text-align:center;}
.optionalForm .form_info_box .tit {font-weight:bold;line-height:1.6;margin-bottom:10px;font-size:1.077em;}
.optionalForm .form_info_box p {line-height:1.6;}
.optionalForm .form_info_box p + p {margin-top:10px;}
.optionalForm .form_info_box p + .tit {margin-top:20px;}
.optionalForm .form_info_box p a {text-decoration:underline;}

/* 同意ボタン */
.optionalForm .form_accept_btn {text-align:center;margin:30px auto;}
@media (max-width:767px) {
  .optionalForm .form_accept_btn p {line-height:1.6;margin-bottom:5px;}
}

/* 決定ボタン */
.tour-info-area-enter-btn-txt {
	float: left;
	padding: 16px 0 0 5px;
}
.tour-info-area-enter-btn {
	width: 300px;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	background-color: #0f9d58;
	border-color: #0f9d58;
	padding: 15px 10px 12px 10px;
	margin-bottom: 15px;
}
.tour-info-area-enter-btn:hover, .tour-info-area-enter-btn-btn:focus {
	color: #ffffff;
	opacity: .8;
}
.tour-info-form-confirm-enter-btn {
	width: 300px;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	background-color: #0f9d58;
	border-color: #0f9d58;
	padding: 15px 10px 12px 10px;
	margin-bottom: 15px;
}
.tour-info-form-confirm-enter-btn-txt {
	position: relative;
	left:-90px;
}
.tour-info-form-confirm-enter-btn:hover, .tour-info-form-confirm-enter-btn-btn:focus {
	color: #ffffff;
	opacity: .8;
}
.tour-info-form-confirm-re-btn {
	width: 250px;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
	background-color: #ffffff;
	border-color: #dcdcdc;
	padding: 10px 0px 7px 0px;
	margin: 15px 0px 30px 0px;
	text-align: center;
}
.tour-info-form-confirm-re-btn:hover{
	color: #999;
	background: #eee;
}
.tour-info-form-confirm-re-btn-txt {
	position: relative;
	left:-40px;
}

.tour-info-form-error{
	padding: 5px;
	font-weight: bold;
	color: #c00;
	background: #fee;
	border: 1px solid #c00;
	border-radius: 2px;
	margin-top: 10px;
	font-size: 14px;
}
.tour-info-form-error2{
	margin: 20px 0 0 0;
}

/**
 * 詳細情報入力完了画面
 * ----------------------------------------------------------------------------
 */
.complete-area {
	padding-bottom: 25px;
	margin: 0 auto;
}
.complete-area-title {
	color: #549c82;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
	margin:120px 0px 0px 0px;
}
.no-item-area-title {
	color: #549c82;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
	margin:0px 0px 0px 0px;
}
.complete-area-text {
	color: #2b2b2b;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin:30px 10px 10px;
	line-height: 1.4;
}
.complete-area-title-remarks {
	color: #999999;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin:15px 10px 25px;
	line-height: 1.4;
}
.no-item-area-title-remarks {
	color: #999999;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin:25px 0px 25px 0px;
}
.complete-area-important {
	color: #eb0000;
}
.complete-area-panel {
	width: 100%;
	max-width: 780px;
	color: #eb0000;
	font-size: 13px;
	background: #f5f5f5;
	padding: 20px 45px;
	margin: 0 auto;
	line-height: 1.4;
}
.complete-area-panel-txt {
	color: #2b2b2b;
	width: 100%;
}
.complete-area-remarks {
	width: 100%;
	max-width: 740px;
	margin: 0 auto;
	padding-top: 20px;
}
.complete-area-remarks-txt {
	color: #549c82;
	font-size: 13px;
	line-height:20px;
	width: 100%;
}
.complete-area-remarks-tel {
	width: 100%;
	max-width: 740px;
	margin: 0 auto;
}
.complete-area-remarks-tel-txt {
	color: #2b2b2b;
	font-size: 13px;
	line-height:20px;
	width: 100%;
}
.complete-area-order {
	max-width: 850px;
	width: 100%;
	color: #eb0000;
	font-size: 13px;
	padding: 30px 0px 15px 0px;
	margin: 0 auto;
	margin-top: 50px;
	border : 1px solid #dfdfdf;
}
.complete-area-order>.complete-area-order-row{
  display: table;
}
.complete-area-order>.complete-area-order-row>.complete-area-order-row-img{
  display: table-cell;
  min-width: 100px;
  width: 280px;
  padding: 10px;
  vertical-align: top;
}
.complete-area-order>.complete-area-order-row>.complete-area-order-row-img img{
  max-width: 100%;
}
.complete-area-order>.complete-area-order-row>.complete-area-order-row-txt{
  display: table-cell;
  padding: 10px;
  vertical-align: top;
}
.complete-area-order-padding-right {
	padding-right: 0px;
}
.complete-area-order-padding-left {
	padding-left: 0px;
}
.complete-area-order-img {
	border : none;
}
.complete-area-order-txt {
	color: #2b2b2b;
	line-height:23px;
	font-size: 14px;
	padding: 0px 0px 0px 0px;
}
.complete-area-order-free-txt {
	color: #e36319;
	font-size: 14px;
	padding: 10px 0px 0px 0px;
	margin-left: 5px;
}
.complete-area-order-tel-txt {
	color: #00477f;
	font-size: 42px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin-left: 5px;
	margin-bottom: 10px;
}
.complete-area-order-remarks-txt {
	color: #999999;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin-left: 5px;
}
.complete-area-representative-title {
	color: #252222;
	font-size: 16px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 10px;
}
.complete-area-representative-panel {
	display:table;
	width:100%;
	border-top:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
}
.complete-area-representative-panel-item {
	width: 18%;
	background-color: #f0f5ec;
	border-left: 1px solid #d9d9d9;
	display: table-cell;
	font-size: 13px;
	font-weight: bold;
	padding: 20px 20px 20px 20px;
	vertical-align: middle;
}
.complete-area-representative-panel-content {
	width: 82%;
	border-left: 1px solid #d9d9d9;
	display: table-cell;
	font-size: 14px;
	padding: 20px 20px 20px 20px;
	vertical-align: middle;
}
.complete-area-representative-panel-item-other {
	width: 18%;
	background-color: #f0f5ec;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	display: table-cell;
	font-size: 13px;
	font-weight: bold;
	height: 50px;
	padding: 20px 20px 20px 20px;
	vertical-align: middle;
}
.complete-area-representative-panel-content-other {
	width: 82%;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	display: table-cell;
	font-size: 14px;
	height: 50px;
	padding: 20px 20px 20px 20px;
	vertical-align: middle;
}
.complete-top-btn {
	width: 300px;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	background-color: #0f9d58;
	border-color: #0f9d58;
	padding: 15px 10px 12px 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.complete-top-btn-txt {
	position: relative;
	left:-20px;
}
.complete-top-btn:hover, .complete-top-btn:focus {
	color: #ffffff;
}
@media (max-width:767px) {
	.complete-area-title {
		margin:30px 0px 0px 0px;
	}
	.complete-area-panel{
		padding: 15px 20px;
	}
	.complete-area-remarks{
		padding: 20px 20px 5px;
	}
	.complete-area-remarks-tel{
		padding: 0 20px;
	}

}
@media (max-width:480px) {
	.complete-area-order{
		margin-top: 30px;
		padding: 10px;
	}
	.complete-area-order>.complete-area-order-row>.complete-area-order-row-img{
		display: block;
		margin: 0 auto;
	}
	.complete-area-order>.complete-area-order-row>.complete-area-order-row-txt{
		display: block;
	}
}