/* ======================= 
　引越し・見学申請
　/oakmember/change/ 
======================= */
@charset "utf-8";

#wrapper.oakmember .p-move_index {
}
#wrapper.oakmember .p-move_index th.t_top:nth-child(1) {
	border-top-color: #F9504C;
}
#wrapper.oakmember .p-move_index th,
#wrapper.oakmember .p-move_index td {
	text-align: center;
	background: #fff;
}
#wrapper.oakmember .p-move_index th:nth-child(1),
#wrapper.oakmember .p-move_index td:nth-child(1) {
	width: 30%;
	text-align: left;
}
#wrapper.oakmember .p-move_index th:nth-child(1) {
	text-align: left;
	background: #f7f7f7;
}
#wrapper.oakmember .p-move_index thead th:nth-child(1) {
	text-align: center;
}
#wrapper.oakmember .p-move_index tbody th {
	font-weight: bold;
}

#wrapper.oakmember .p-privateview_index {
}
#wrapper.oakmember .p-privateview_index th {
	width: 30%;
	white-space: nowrap;
}

#wrapper.oakmember .p-privateview_index + p,
#wrapper.oakmember .p-move_index + p {
	margin-top: 50px;
}

#wrapper.oakmember .p-index__error {
	display: block;
	text-align: center;
	border: 2px solid red;
	color: red;
	padding: 15px;
	font-weight: bold;
	font-size: 14px;
	margin-top: 30px;
}

#wrapper.oakmember .p-index__error a {
	margin: 0 5px;
	color: red;
}

@media (max-width: 820px) {
	#wrapper.oakmember .p-move_index {
		border-top: #e3e3e3 2px solid;
		border-left: #e3e3e3 1px solid;

	}
	#wrapper.oakmember .p-move_index tr,
	#wrapper.oakmember .p-move_index th,
	#wrapper.oakmember .p-move_index td {
		display: block;
		width: 33% !important;
		box-sizing: border-box;
		border: none;
		flex-grow: 1;
	}
	#wrapper.oakmember .p-move_index th,
	#wrapper.oakmember .p-move_index td {
	}
	
	#wrapper.oakmember .p-move_index thead {
		display: none;
	}
	#wrapper.oakmember .p-move_index tr {
		display: flex !important;
		flex-wrap: wrap;
		width: 100% !important;
		box-sizing: border-box;
		border-top: #e3e3e3 1px solid;
	}
	#wrapper.oakmember .p-move_index tbody th,
	#wrapper.oakmember .p-move_index tbody td {
		border-right: #e3e3e3 1px solid;
		border-bottom: #e3e3e3 1px solid;
	}
	#wrapper.oakmember .p-move_index tbody th {
		width: 100% !important;
	}
	#wrapper.oakmember .p-move_index tbody td:last-child {
		width: 100% !important;
	}
}


/*add 2018.10.26 takahashi*/
.p-move_rooms{
	display: none;
}



.p-move_step{
  list-style-type: none;
  display:table;
  width:100%;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden;
}
.p-move_step li{
  display:table-cell;
  position:relative;
  background: #504944;
  padding: 1em 0.5em 1em 2em;
  color: #fff;
}
.p-move_step li:last-child{
  padding-right: 1em;
}
.p-move_step li:last-child:before,
.p-move_step li:last-child:after{
  display:none;
}
.p-move_step li:before,
.p-move_step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.p-move_step li:before{
  top:-15px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.p-move_step li:after{
  top:-15px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #504944;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.p-move_step li.is-current{
  background: #F9504C;
  font-weight: bold;
}
.p-move_step li.is-current:after{
  border-color: transparent transparent transparent #F9504C;
}