/*
Css Name: common.css
Description: 共通設定
*/

/**
 * 回り込み解除
 */
.pg-clearfix:before,
.pg-clearfix:after {
	content: " ";
	display: table;
}

.pg-clearfix:after {
	clear: both;
}

.pg-clearfix {
	*zoom: 1;
}

/**
 * 新着物件
 */
.new-data-box {
	margin-right: -1.33%;
	font-size: 0;
}

.new-data-box > div {
	border: 1px solid #c7c7c8;
	border-radius: 5px;
	display: inline-block;
	font-size: 1.7rem;
	margin: 0.4% 0.3% 1.5em;
	padding: 1rem;
	vertical-align: top;
	width: 29%;
	box-shadow: 1px 1px 3px #aaa;
	-moz-box-shadow: 1px 1px 3px #aaa;
	-webkit-box-shadow: 1px 1px 3px #aaa;
}

.new-data-box dl {
	lign-height: 180%;
}

.new-data-box dt,
.new-data-box dd {
	margin: 0;
	padding: 0;
}

.new-data-box dt {
	float: left;
	clear: left;
	border-top: 1px dashed #c7c7c8;
}

.new-data-box dd {
	border-top: 1px dashed #c7c7c8;
	padding-left: 4.5em;
}

.catch_phrase {
	font-size: 90%;
	font-weight: normal;
	margin: 0.2em 0;
}

.catch_phrase,
.new-data-box dd p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.new-data-box dd.price {
	color: #f00;
	font-weight: bold;
}

.detail_link {
	display: block;
	text-align: center;
	background-color: #f39700;
	color: #fff;
	text-decoration: none;
	padding: 5px 0;
	margin-top: 0.5em;
}

.detail_link i {
	margin-right: 0.5em;
}

.detail_link:hover {
	background-color: #f39700;
	color: #fff;
	text-decoration: none;
}

.new-data-box .image {
	text-align: center;
	height: 150px;
}

.new-data-box img {
	width: auto;
	max-height: 150px;
	border: none;
}

.new-data-box img.emoji {
	position: static;
}

.new_item:after {
	border-bottom: 3em solid transparent;
	border-left: 3em solid #f00;
	left: 0;
	top: 0;
}

.new_item:after {
	content: " ";
	height: 0;
	position: absolute;
	width: 0;
}

.new_item {
	position: relative;
	overflow: hidden;
}

.new_item span {
	left: 0;
	top: 0.7em;
	transform: rotate(-45deg);
}

.new_item span {
	color: #fff;
	content: " ";
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	z-index: 100;
}

/**
 * 検索フォーム(table)
 */
.search_area {
	border: 4px solid #ddd;
	padding: 1em 2em;
	margin-bottom: 2em;
}

.search_area_h {
	float: left;
	font-weight: bold;
	padding-right: 20px;
	width: 100px;
}

.search_school_h {
	margin-right: 20px;
	float: left;
	font-weight: bold;
	padding-right: 20px;
	width: 100px;
}
.station_list > div {
	display: table-cell;
}
.change_search_kodawari{
	background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%) repeat scroll 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
    border: 1px solid #ddd;
    box-shadow: 0 2px 1px #bdbdbd !important;
    color: #404040;
    font-weight: normal;
    margin-bottom: 0.5em;
    padding: 4px 15px;
}

 .change_search_kodawari, .change_search_area {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 5px 0 #c4c4c4;
	-webkit-box-shadow: 0 5px 0 #c4c4c4;
	box-shadow: 0 5px 0 #c4c4c4;
	background-color: #ddd;
	margin-bottom: 1em;
	font-weight: bold;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
}

.change_search_kodawari:active, .change_search_area:active {
	top: 5px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.change_search_kodawari:hover{
	box-shadow: none;
  	top: 2px;
}

.searchform input[type="submit"], 
.searchform input[type="submit"]:hover {
	background-color: #c91924;
	border: medium none;
	border-radius: 4px;
	box-shadow: 0 3px 0 #960000;
	color: #fff;
	display: block;
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 auto;
	padding: 1em;
	position: relative;
	text-shadow: none;
	width: 50%;
	font-family: FontAwesome;
}

.searchform input[type="submit"]:hover {
	box-shadow: none;
	top: 5px;
}

.searchform select:first-child {
	margin-right: 1em;
}

.searchform table {
	border-collapse: collapse;
	border: 4px solid #ddd;
	table-layout: fixed;
	font-size: 1.6rem;
}

.searchform th,
.searchform td {
	padding: 1.5em 2em;
	border: 1px solid #ddd;
}

.searchform th {
	width: 15%;
	text-align: center;
	vertical-align: middle;
	background-color: #f4f4f4;
	padding: 0;
}

.searchform label {
	display: block;
	line-height: 200%;
	width: 33%;
	float: left;
}

.searchform input[type="checkbox"],
.searchform input[type="radio"] {
    margin-right: 0.5em;
}

/**
 * 検索フォーム(dl)
 */
.searchform　dl {
	overflow: hidden;
	zoom: 1;
}

.searchform dt {
	padding-top: 5px;
	width: 100px;
	float: left;
	clear: both;
	font-weight: bold;
}

.searchform dd {
	padding: 5px 0 5px 120px;
	border-top: 1px dotted #999;
}

.searchform dl label {
	display: inline-block;
	float: none;
	line-height: 150%;
	width: 32%;
}
.searchform dl label.hide {
	display: none !important;
}
.searchform dl label.show {
	display: inline-block !important;
}
/**
 * アコーディオン
 */
.accordion_slide {
	border: 1px solid #9a9a9a;
	background-color: #efefef;
	padding: 0 5px 5px 5px;
	overflow: hidden;
	margin-bottom: 1em;
}

.accordion_slide.close form {
	display: none;
}

.accordion_slide > p {
	cursor: pointer;
	font-size: 1.8rem;
	font-weight: bold;
	margin-left: -5px;
	margin-right: -5px;
	padding: 5px;
	position: relative;
	background: rgb(236,236,236);
	background: -moz-linear-gradient(top,  rgba(236,236,236,1) 0%, rgba(235,235,235,1) 50%, rgba(221,220,220,1) 51%, rgba(236,236,236,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(235,235,235,1) 50%,rgba(221,220,220,1) 51%,rgba(236,236,236,1) 100%);
	background: linear-gradient(to bottom,  rgba(236,236,236,1) 0%,rgba(235,235,235,1) 50%,rgba(221,220,220,1) 51%,rgba(236,236,236,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ececec',GradientType=0 );
}

.accordion_slide > p > span {
	background-color: transparent;
	color: #000;
	font-weight: normal;
	font-size: 2rem;
	position: absolute;
	right: 10px;
	top: 3px;
}

.accordion_slide > p > span::after {
	content: "\f139";
	font-family: FontAwesome;
}

.accordion_slide > p.active > span::after {
	content: "\f13a";
	font-family: FontAwesome;
}

.accordion_slide.close > p > span::after {
	content: "\f13a";
	font-family: FontAwesome;
}

.accordion_slide.close > p.active > span::after {
	content: "\f139";
	font-family: FontAwesome;
}

.accordion_slide .searchform {
	background-color: #fff;
	padding: 10px;
}

.accordion_slide .search_area {
	border: none;
	margin: 0 0 5px 0;
	padding: 0;
}

.accordion_slide .searchform label {
	line-height: 150%;
}

/**
 * 検索フォーム(ウィジェット)
 */
.widget-area .search_area_h {
	display: block;
	float: none;
	border-bottom: 1px dotted #999;
	margin: 0 0 8px;
	padding: 0;
	width: auto;
}

.widget-area .searchform label {
	width: 100%;
}

.widget-area .searchform dt {
	float: none;
	width: auto;
}

.widget-area .searchform dd {
	padding: 8px 0 0;
}

.widget-area .accordion_slide .searchform label {

}

.widget-area .accordion_slide .searchform label {
	line-height: 200%;
}

.widget-area .searchform input[type="submit"],
.widget-area .searchform input[type="submit"]:hover {
	width: auto;
}

.widget-area .searchform input[type="submit"] {
	margin-top: 5px;
}

/**
 * ページャー
 */
.data_pagination ul {
	list-style-type: none;
	text-align: right;
}

.data_pagination a {
	text-decoration: underline;
}

.page_current {
	color: #f00;
}

.data_pagination li {
	display: inline-block;
}

.data_pagination li {
  margin: 0.5em;
}

.data_pagination li:first-child {
	margin-left: 0;
}

/**
 * 新着表記
 */
.new-date {
	color: #f00;
}

.new {
	background-color: #f00;
	color: #fff;
	padding: 0 2px;
}

/**
 * パンくず
 */
.cd-breadcrumb {
	width: 90%;
	max-width: 768px;
	padding: 0.5em 1em;
	margin: 0 0 0.5em 0;
	background-color: #edeff0;
	border-radius: .25em;
}

.cd-breadcrumb:after {
	content: "";
	display: table;
	clear: both;
}

.cd-breadcrumb li {
	display: inline-block;
	float: left;
	margin: 0.5em 0;
}

.cd-breadcrumb li::after {
	display: inline-block;
	content: '\00bb';
	margin: 0 .6em;
	color: #959fa5;
}

.cd-breadcrumb li:last-of-type::after {
	display: none;
}

.cd-breadcrumb li > * {
	display: inline-block;
	font-size: 1.4rem;
	color: #2c3f4c;
}

.cd-breadcrumb li.current > * {
	color: #96c03d;
}

@media only screen and (min-width: 768px) {
	.cd-breadcrumb.triangle {
		background-color: transparent;
		padding: 0;
	}

	.cd-breadcrumb.triangle li {
		position: relative;
		padding: 0;
		margin: 4px 4px 4px 0;
	}

	.cd-breadcrumb.triangle li:last-of-type {
		margin-right: 0;
	}

	.cd-breadcrumb.triangle li > * {
		position: relative;
		padding: 1em .8em 1em 2.5em;
		color: #2c3f4c;
		background-color: #edeff0;
		border-color: #edeff0;
	}

	.cd-breadcrumb.triangle li.current > * {
		color: #fff;
		background-color: #96c03d;
		border-color: #96c03d;
	}

	.cd-breadcrumb.triangle li:first-of-type > * {
		padding-left: 1.6em;
		border-radius: .25em 0 0 .25em;
	}

	.cd-breadcrumb.triangle li:last-of-type > * {
		padding-right: 1.6em;
		border-radius: 0 .25em .25em 0;
	}

	.no-touch .cd-breadcrumb.triangle a:hover {
		color: #fff;
		background-color: #2c3f4c;
		border-color: #2c3f4c;
	}

	.cd-breadcrumb.triangle li::after, 
	.cd-breadcrumb.triangle li > *::after {
		content: '';
		position: absolute;
		top: 0;
		left: 100%;
		content: '';
		height: 0;
		width: 0;
		border: 24px solid transparent;
		border-right-width: 0;
		border-left-width: 20px;
	}

	.cd-breadcrumb.triangle li::after {
		z-index: 1;
		-webkit-transform: translateX(4px);
		-moz-transform: translateX(4px);
		-ms-transform: translateX(4px);
		-o-transform: translateX(4px);
		transform: translateX(4px);
		border-left-color: #ffffff;
		margin: 0;
	}

	.cd-breadcrumb.triangle li > *::after {
		z-index: 2;
		border-left-color: inherit;
	}

	.cd-breadcrumb.triangle li:last-of-type::after, 
	.cd-breadcrumb.triangle li:last-of-type > *::after {
		display: none;
	}

	.cd-breadcrumb.triangle.custom-separator li::after {
		background-image: none;
	}

	.cd-breadcrumb.triangle.custom-icons li::after, 
	.cd-breadcrumb.triangle.custom-icons li > *::after {
		border-top-width: 25px;
		border-bottom-width: 25px;
	}

	@-moz-document url-prefix() {
		.cd-breadcrumb.triangle li::after,
		.cd-breadcrumb.triangle li > *::after {
		/* fix a bug on Firefix - tooth edge on css triangle */
			border-left-style: dashed;
		}
	}
}

/* タブレット */
@media screen and (max-width: 768px) {
	/**
	 * 新着物件
	 */
	.new-data-box > div {
		width: 28%;
		font-size: 1.5rem;
	}
}

/* スマホ */
@media screen and (max-width:480px) {
	/**
	 * 検索フォーム
	 */
	.searchform label {
		float: none;
		width: 100%;
	}

	.searchform th,
	.searchform td {
		width: 100%;
		display: block;
	}

	.searchform th {
		padding: 0.5em 0;
	}

	.searchform tr:first-child th {
		border-top: 1px solid #ddd;
	}

	.searchform input[type="submit"],
	.searchform input[type="submit"]:hover {
		width: auto;
		margin-top: 0.8em;
	}

	.search_area_h {
		float: none;
		width: auto;
		border-bottom: 1px dotted #999;
		margin-bottom: 5px;
	}
	
	.station_list > div {
		display: block;
	}

	/**
	 * 検索フォーム(dl)
	 */
	.searchform dt {
		width: auto;
		float: none;
		font-weight: bold;
		display: block
	}

	.searchform dd {
		padding: 5px 0 0 0;
		border-top: 1px dotted #999;
	}

	.accordion_slide .searchform label {
		line-height: 200%;
		width: 45%;
	}


	/**
	 * 新着物件
	 */
	.new-data-box {
		width: 100%;
	}

	.new-data-box > div {
		display: block;
		width: auto;
		margin: 0.4% 0 1.5em;
	}
}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1000; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	background-color: hsla(0,0%,83.9%,.6) !important;
  }
  
  /* Modal Content */
  .modal-content {
	position: relative;
	margin: auto;
	padding: 0;
	background-color: #fefefe;
	border: 1px solid #888;
	width: 80%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
  }
  
  /* Add Animation */
  @-webkit-keyframes animatetop {
	from {top:-300px; opacity:0} 
	to {top:0; opacity:1}
  }
  
  @keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
  }
  
  /* The Close Button */
  .close {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
  }
  
  .modal-header {
	padding: 2px 16px;
	background-color: #00A29A;
	color: white;
  }
  .modal-header .h2 {
		display: block;
		font-size: 28px;
		margin-block-start: 0.5em;
		margin-block-end: 0.5em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-weight: bold;
	}
  .modal-body {
	padding: 2px 16px;
	height: 500px;
    overflow: scroll;
	}
  
  .modal-footer {
	padding: 2px 16px;
	background: #efefef;
    border-top: 1px solid #dfdfdf;
	text-align: center;
	color: white;
  }
.modal-footer .button-search{
	background: #00A29A;
	color: white;
}
.modal-footer .button-clear{
	background: #32AFE5;
	color: white;
}
label.hide{
	display: none　!important;
}

label.show{
	display: block !important;
}