/*progress_wrap*/

.progress_wrap {
	margin: 0 auto;
	padding: 25px;
	background: #FFFFFF;
	font-size: 16px;
}

.progress_title {
	width: 100%;
	overflow: hidden;
	clear: both;
}

.progress_title span {
	font-size: 23px;
	font-weight: bold;
	color: #c7a867;
	vertical-align: middle;
}

.progress_logo {
	vertical-align: middle;
	float: right;
	max-width: 206px;
}

.progress_list,.prg2_progress_list,.prg3_progress_list {
	width: 100%;
	overflow: hidden;
	clear: both;
	list-style: none;
	margin-top: 22px;
}

.progress_list li,.prg2_progress_list li,.prg3_progress_list li {
	float: left;
	width: 32.33%;
	height: 34px;
	border-radius: 10px;
	background: #CCCCCC;
	color: #FFFFFF;
}
.progress_list li{
	margin-left: 1%;
}


.progress_list li:first-of-type{
	background: #BEA96F;
	margin-left: 0;
}

.prg2_progress_list li:nth-of-type(2) {
	background: #BEA96F;
	margin: 0 1%;
}

.prg3_progress_list li{
	margin-right:1%;
}

.prg3_progress_list li:last-of-type {
	background: #BEA96F;
	margin-right: 0;
}

.progress_list li p,.prg2_progress_list li p,.prg3_progress_list li p {
	width: 142px;
	height: 90%;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	padding: 6px 0;
}

.progress_list li img,.prg2_progress_list li img,.prg3_progress_list li img {
	vertical-align: middle;
	margin: 1px 0 0 22px;
	height:24px;
}

.list_span1 {
	display: block;
	margin: 0 auto;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	margin: 10px auto;
}

#list_span3 {
	visibility: hidden;
}

.file_name {
	width: 100%;
	padding: 5px 0;
	border-top: 1px solid #DFD6B9;
	border-bottom: 1px solid #DFD6B9;
	margin: 20px auto;
	font-size: 20px;
}

.file_name img {
	vertical-align: middle;
	width: 22px;
}

.file_name span {
	vertical-align: middle;
}

.progress_bn {
	display: block;
	margin: 0px auto 15px;
	width: 100%;
}

.current_step {
	width: 100%;
	margin: 20px auto;
	border-radius: 10px;
}

.current_step_title {
	padding: 5px 2%;
	background: #BEA96F;
	color: #FFFFFF;
	border-radius: 10px 10px 0 0;
}

.current_step_title img {
	vertical-align: middle;
	width:auto;
}

.current_step_title span {
	margin-left: 20px;
	vertical-align: middle;
}

.current_step_prg3 {
	border-radius: 10px;
	padding: 10px 8px 10px 60px;
	margin-bottom: 30px;
	color: #fff;
	background: #DCBA3C;
}

.current_step_prg3 span {
	font-size: 12px;
}

.progress_main {
	padding: 25px 2%;
	text-align: center;
	border: 1px solid #DFD6B9;
}

.progress_main img {
	display: block;
	margin: 0 auto;
}

.progress_main p {
	font-size: 20px;
	color: #c7a867;
	margin-bottom: 10px;
}

.progress_main span {
	font-size: 14px;
	margin-bottom: 20px;
	display: block;
}

.progress_main .progress_arr2 {
	margin: 30px auto;
}

.message {
	width: 100%;
	border: 1px solid #DFD6B9;
	resize: none;
	margin-bottom: 20px;
	position: relative;
	background: url(img/step_arr.png) 99.8% 97% no-repeat;
}

.progress_main dl {
	width: 100%;
	text-align: left;
}

.progress_main  dt {
	color: #90743c;
	font-size: 14px;
	margin-bottom: 5px;
}

.progress_incomplete {
	border-radius: 10px;
	padding: 5px 2%;
	clear: both;
	background: #CCCCCC;
	margin-bottom: 30px;
}

.progress_incomplete p {
    margin: 2px 35px 2px;
    display: inline-block;
}
.progress_incomplete span {
	font-size: 0.7em;
}

.progress_incomplete img {
	margin: auto;
	position: absolute;
	height:19px;
}

.progress_complete {
	border-radius: 10px;
	padding: 5px 2%;
	clear: both;
	background: #CCCCCC;
	margin-bottom: 30px;
	position: relative;
}

.progress_complete p {
    margin: 2px 15px 3px;
    display: inline-block;
}
.progress_complete form{
	display: inline;
}
.progress_complete button,.progress_complete a,.current_step a {
	margin: 2px 0;
	padding: 3px 37px 2px;
	display: inline-block;
	border-radius: 10px;
	font-size: 0.8em;
	color: #bea96f;
	transition: 0.3s ease-in-out 0s;
	cursor: pointer;
}
.progress_complete button,.progress_complete a{
	background: #FFFFFF;
	float: right;
}
.current_step a{
	margin:0;
}
.current_step p{
	/*display: inline-block;*/
}

.progress_complete button:hover,.progress_complete a:hover,.current_step a:hover{
	background: #bea96f;
	color: #FFFFFF;
}

.progress_complete_img {
	position: absolute;
	top: -20px;
	left: -5px;
}


/*progress share*/

.progress_share {
 margin: 15px auto;
 width: 100%;
}

.progress_share ul {
	display: table;
	margin: auto;}

.progress_share li {
	list-style: none;
	display: inline-block;
}

.progress_share img {
	max-width: 50px;
	margin: 2px;
}

/*progress recommend*/

.progress_recommend {
	width: 100%;
	padding: 5px 0;
}

.recommend_title {
	width: 100%;
	padding: 5px 0;
	border-top: 1px solid #DFD6B9;
	border-bottom: 1px solid #DFD6B9;
	font-weight: bold;
	font-size: 1.2em;
	color: #a9894a;
	text-align: center;
}

.progress_recommend dl {
	width: 100%;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #DFD6B9;
	padding: 20px 0;
}

.progress_recommend dt {
	float: left;
	width: 20%;
}

.progress_recommend dd {
	float: right;
	width: 75%;
}

.progress_recommend p {
	padding: 0 10px;
	text-align: center;
	color: #a9894a;
	border: 1px solid #a9894a;
	border-radius: 20px;
	font-size: 0.8em;
	margin-bottom: 5px;
	display: table;
}

.progress_recommend ul {
	font-size: 12px;
}

.progress_recommend li {
	display: inline-block;
	margin-right: 10px;
	overflow: hidden;
	height: 90px;
}

.progress_recommend li:first-child{
	width: 65%;
	margin-right: 30px;
}

.progress_recommend li:last-child {
    padding-right: 5px;
    float: right;
}

.recommend_item_title {
	font-size: 1.2em;
	padding-right: 25px;
}

.recommend_item_price {
	font-size: 1.8em;
	font-weight: bold;
	color: #a9894a;
	transition: color 0.3s ease-in-out 0s;
}

a:hover .recommend_item_price {
	color: #D2BA86;
}

.detail-table2{
	width:100% !important;
	font-size:14px;
}
.detail-table2 th{
	width:210px;
}
.detail_new_top_main_even2{
	width:200px;
}

.progress_btn:hover{
	opacity: 0.6;
}
.progress_btn{
	cursor: pointer;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out 0s;
	transition: opacity 0.3s ease-in-out 0s;

	background-color:#c7a867;
	/*background-color:#24d69c;*/
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	/*width:241px;*/
	/*display: block;*/
	/*height: 28px;*/
	margin:5px auto 0;
	color:#fff !important;
	padding: 9px 58px;
	/*padding-top:3px;*/
	font-size: 14px;
	position: relative;
}

.current_step a.progress_btn{
	padding: 9px 42px 8px;
	border-radius: 21px;
	font-size: 1em;
	background-color:#24d69c;
}

.progress_btn:after{
	content: ">";
	position: absolute;
	right:16px;
	top:7px;

	-webkit-transform: scaleY(1.7);
  -moz-transform: scaleY(1.7);
  -o-transform: scaleY(1.7);
  transform: scaleY(1.7);
}

.progress_file_explain{
	text-align: left;
}
.progress_file_explain p{
	font-size:14px;
	border:none;
	color:inherit;
}

.progress_file_explain dl:first-child{
	padding-top:2px;
	border-top:1px solid rgb(226, 226, 226);
}

.mypage_pback{
	padding:10px 5px 0 0;
	margin-bottom:-5px;
	float:right;
}

.detail_link{
	font-size:14px;
	background: #30c0df;
	color:#fff;
	padding:3px 6px;
}


/*予約確認画面*/
 a.caution_link,a.caution_link:hover{
	 font-size:13px;
	 padding:0 0 10px 10px;
	 color:#FF0000;
	 text-decoration: underline !important;
	 background-color: transparent;
 }

 .after_question_progress_wrapper{
	margin:-17px 0 45px;
}
ul.after_question_progress li{
	border:solid #eab029 2px;
	background-color: #e5e5e5;
	color:#888;
	padding:3px 20px;
	float:left;
	font-size:11pt;
	border-left:none;
}
ul.after_question_progress li.current{
	background-color: #eab029;
	color:#fff;
}
ul.after_question_progress li:first-of-type{
	border-left:solid #eab029 2px;
	border-radius: 10px 0 0 10px;
}
ul.after_question_progress li:last-of-type{
	/* border-radius: 0 10px 10px 0; */
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.after_question_progress_wrapper:last-child{
	content:'';
	display: block;
	clear: both;
}
.current_step_title form{
	float:right;
	margin-top:2px;
}
.current_step_title form button{
	background-color:#fff;
	border-radius: 10px;
	font-size:0.8em;
	color:#bea96f;
	padding:3px 37px 2px;
}