@charset "utf-8";

/* ****************************************************************************************************
   * 全体
**************************************************************************************************** */

body {
	min-width: 1300px;
	color: #474747;
	font: 13px/1.5 "メイリオ", Meiryo, sans-serif;
	/*  background: #00076d;*/
	background: #122638;
}

a {
	color: #00479d;
}

div.body {
	width: 1300px;
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	body {
		min-width: 0;
		background: none;
	}

	div.body {
		width: auto;
		max-width: 100%;
	}

}

/* ****************************************************************************************************
   * ヘッダー
**************************************************************************************************** */

#header {
	padding: 10px 0 0 0;
	color: #fff;
	/*  background: #00076d;*/
	background: #122638;
	position: relative;
}

#header div.body:after {
	content: ".";
	display: block;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

#header a {
	color: #fff;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#header {
		padding: 0;
		color: inherit;
	}

	#header div.body {
		width: 100%;
		padding: 0;
		display: table;
	}

	#header div.body:after {
		content: none;
	}

	#header a {
		color: inherit;
	}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ロゴ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#header div.logo {
	width: 1000px;
	float: left;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#header div.logo {
		width: 86.41%;
		padding-left: 2.71%;
		padding-right: 2.71%;
		float: none;
		vertical-align: middle;
		display: table-cell;
	}

	#header div.logo img {
		width: 100%;
		height: auto;
	}

}

/* ----------------------------------------------------------------------------------------------------
   * テキスト
/* ------------------------------------------------------------------------------------------------- */

#header div.logo .text {
	margin-bottom: 10px;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#header div.logo .text {
		display: none;
	}

}

/* ----------------------------------------------------------------------------------------------------
   * ロゴ
/* ------------------------------------------------------------------------------------------------- */

#header div.logo .logo {
	margin-top: 0;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * コンテンツ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#header div.content {
	width: 250px;
	float: right;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#header div.content {
		width: 13.59%;
		float: none;
		vertical-align: middle;
		display: table-cell;
	}

}

/* ----------------------------------------------------------------------------------------------------
   * ナビ
/* ------------------------------------------------------------------------------------------------- */

#header div.content ul.nav,
#header div.content ul.nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header div.content ul.nav {
	text-align: right;
}

#header div.content ul.nav li {
	margin: 10px;
	display: inline;
}

#header div.content ul.nav a {
	text-decoration: none;
}

#header div.content ul.nav a:hover {
	text-decoration: underline;
}

#header .searchBox {
	display: none;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#header div.content ul.nav {
		display: none;
	}

	#header .searchBox {
		display: block;
		margin: 0;
		padding: 0;
	}
	#header .searchBox li {
		float: left;
		width: 50%;
		text-align: center;
		box-sizing: border-box;
		font-size: 15px;
		list-style: none;
		margin: 0;
		padding: 0;
		font-weight: bold;
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		text-indent: 1em;
	}
	#header .searchBox li.btn1 {
		background: url(../../_images/_common/btnIcon.png) no-repeat 18% 12px, url(../../_images/_common/btndeco.png) no-repeat 99.5% 96%, url(../../_images/_common/btn1.jpg);
		border-right: 1px solid #FFFFFF;
	}
	#header .searchBox li.btn2 {
		background: url(../../_images/_common/btnIcon.png) no-repeat 18% 12px, url(../../_images/_common/btndeco.png) no-repeat 99.5% 96%, url(../../_images/_common/btn2.jpg);
	}
	#header .searchBox li a {
		display: block;
		padding: 8px 0;
		color: #FFF;
	}

}



/* ----------------------------------------------------------------------------------------------------
   * 資料請求はこちらから
/* ------------------------------------------------------------------------------------------------- */

#header div.content .shiryou {
	text-align: right;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#header div.content .shiryou {
		display: none;
	}

}

/* ****************************************************************************************************
   * ヘッダー アイコン ナビ
**************************************************************************************************** */

.icon-menu-trigger {
	margin: 0;
	display: none;
}

.icon-menu-trigger img {
	width: 100%;
	height: auto;
}

.icon-menu {
	width: 80%;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-out 0.0s;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 10000;
}

.icon-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.icon-menu ul li {
	border-top: solid 1px rgba(0, 0, 0, 0.20);
}

.icon-menu ul li a {
	color: inherit;
	padding: 0.75em 1em 0.75em 36px;
	display: block;
	text-decoration: none;
	transition: all 0.3s ease-out 0.0s;
	position: relative;
}

.icon-menu-list {
	width: 100%;
	display: none;
	border-bottom: solid 1px rgba(0, 0, 0, 0.20);
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease-out 0.0s;
}

.icon-menu ul ul li {
	border-top: dotted 1px rgba(0, 0, 0, 0.20);
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	.icon-menu-trigger {
		display: block;
	}

	.icon-menu {
		opacity: 0;
		visibility: hidden;
	}

	.icon-menu.active {
		opacity: 1;
		visibility: visible;
	}

	.icon-menu .icon-menu-list {
		display: none;
	}

	.icon-menu.active .icon-menu-list {
		display: block;
	}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * LV.1
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.icon-menu-list > li > a:before {
	content: '';
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 14px;
	left: 14px;
	background: #00076d;
}

.icon-menu-list > li > a.slide-button {
	background: url(../../_images/_common/icon-arrow-2-down.png) 10px 13px no-repeat;
	background-size: 16px auto;
}

.icon-menu-list > li > a.slide-button:before {
	content: none;
}

.icon-menu-list > li > a.active {
	color: #fff !important;
	background: #00076d url(../../_images/_common/icon-arrow-1-right.png) 14px 10px no-repeat;
	background-size: auto 16px;
}

.icon-menu-list > li.tel {
	color: #00076d;
	font-size: 18px;
	font-weight: bold;
}

.icon-menu-list > li.tel a {
	padding-left: 34px;
}

.icon-menu-list > li.tel a:before {
	content: '';
	width: 20px;
	height: 22px;
	display: block;
	position: absolute;
	top: 15px;
	left: 10px;
	background: url(../../_images/_common/icon-tel.png) no-repeat;
	background-size: cover;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * LV.2～
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.icon-menu-list > li > a.active + ul {
	background: #f5f5f5;
}



/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#nav {
		display: none;
	}

}

/* ****************************************************************************************************
   * メイン レイアウト
**************************************************************************************************** */

#main-base {
	padding: 0px 0 50px;
}

#main-left {
	width: 1020px;
	float: left;
}

#main-right {
	width: 230px;
	float: right;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#main-base {
		padding: 10px 0;
		background: #fff;
	}

	#main-left {
		width: 100%;
		float: none;
	}

	#main-right {
		display: none;
	}

}

/* ****************************************************************************************************
   * メイン
**************************************************************************************************** */

#main {
	width: 730px;
	margin-left: -290px;
	padding: 15px;
	float: right;
	font-size: 15px;
	border-radius: 4px;
	background: #fff;
}

#main .bottom {
	padding-bottom: 330px;
}

#main div.section ~ div.section {
	margin-top: 40px;
}

#main div.column ~ div.column {
	margin-top: 40px;
	clear: both;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#main {
		width: 100%;
		margin-left: 0;
		padding: 0;
		padding-bottom: 20px;
		float: none;
	}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * パンクズ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#breadcrumb {
	padding: 10px 0 20px;
}

#breadcrumb ol,
#breadcrumb ol li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#breadcrumb ol {
	margin-bottom: -10px;
	letter-spacing: -0.36em;
	font-size: 13px;
}

#breadcrumb ol li {
	margin-bottom: 10px;
	line-height: 1.2;
	letter-spacing: normal;
	vertical-align: middle;
	display: inline-block;
}

#breadcrumb ol li:after {
	content: '>';
	margin: 0 10px 0 5px;
}

#breadcrumb ol li:last-child:after {
	content: none;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#breadcrumb {
		display: none;
	}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ナビ（PC用）
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#main.page-archive div.nav-1 {
	margin: 25px 0 30px;
}

#main.page-archive div.nav-1 ul.item,
#main.page-archive div.nav-1 ul.item li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#main.page-archive div.nav-1 ul.item {
	max-width: none;
	margin-left: -5px;
	margin-bottom: -5px;
	letter-spacing: -0.4em;
}

#main.page-archive div.nav-1 ul.item li {
	margin-left: 5px;
	margin-bottom: 5px;
	color: #6a3906;
	letter-spacing: normal;
	vertical-align: top;
	display: inline-block;
}

#main.page-archive div.nav-1 ul.item li a {
	color: inherit;
}

#main.page-archive div.nav-1 ul.item li.area {
	margin-top: 20px;
	margin-right: 5px;
	display: block;
	text-align: right;
}

#main.page-archive div.nav-1 ul.item li.area a {
	padding-left: 25px;
	background: url(../../_images/_common/listmark-2.jpg) left 4px no-repeat;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#main.page-archive div.nav-1 {
		display: none;
	}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ナビ（スマホ用）
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#main.page-archive div.nav-2 {
	margin-bottom: 20px;
	display: none;
}

#main.page-archive div.nav-2 ul.item,
#main.page-archive div.nav-2 ul.item li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#main.page-archive div.nav-2 {
		display: block;
	}

}

/* ----------------------------------------------------------------------------------------------------
   * LV.1
/* ------------------------------------------------------------------------------------------------- */

#main.page-archive div.nav-2 ul.item > li ~ li {
	margin-top: 10px;
}

#main.page-archive div.nav-2 ul.item > li > a {
	padding: 0.5em;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display: block;
	background-color: #0868ac;
	background-image: url(../../_images/_common/icon-arrow-1-right.png);
	background-repeat: no-repeat;
	background-position: 97% 14px;
	background-size: auto 16px;
}

#main.page-archive div.nav-2 ul.item li a.slide-button {
	background-image: url(../../_images/_common/icon-arrow-1-down.png);
	background-position: 97% 18px;
	background-size: 16px auto;
}

#main.page-archive div.nav-2 ul.item li a.slide-button.active {
	background-image: url(../../_images/_common/icon-arrow-1-up.png);
}

/* ----------------------------------------------------------------------------------------------------
   * LV.2～
/* ------------------------------------------------------------------------------------------------- */

#main.page-archive div.nav-2 ul.item ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#main.page-archive div.nav-2 ul.item ul li {
	border-top: solid 1px rgba(0, 0, 0, 0.20);
}

#main.page-archive div.nav-2 ul.item ul li a {
	color: inherit;
	padding: 0.75em 1em;
	padding-left: 2em;
	display: block;
	text-decoration: none;
	position: relative;
}

#main.page-archive div.nav-2 ul.item ul li a:before {
	content: '>';
	position: absolute;
	top: 0.75em;
	left: 1em;
}

/* ----------------------------------------------------------------------------------------------------
   * エリア別に探す
/* ------------------------------------------------------------------------------------------------- */

#main.page-archive div.nav-2 ul.item > li.area > a {
	color: #00076d;
	border: 1px solid #0868ac;
	background-color: #fff;
}

#main.page-archive div.nav-2 ul.item > li.area > a.slide-button {
	background-image: url(../../_images/_common/icon-arrow-2-down.png);
}

#main.page-archive div.nav-2 ul.item > li.area > a.slide-button.active {
	background-image: url(../../_images/_common/icon-arrow-2-up.png);
}

/* * LV.2
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#main.page-archive div.nav-2 ul.item > li.area > ul > li {
	margin-top: 10px;
	border-top: none;
}

#main.page-archive div.nav-2 ul.item > li.area > ul > li > a {
	padding: 0.5em;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background-image: url(../../_images/_common/icon-arrow-1-down.png);
	background-position: 97% 18px;
	background-repeat: no-repeat;
	background-color: #0868ac;
	background-size: 16px auto;
}

#main.page-archive div.nav-2 ul.item > li.area > ul > li > a:before {
	content: none;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ページナビ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#main ul.page-nav,
#main ul.page-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 2019.12.6　padding-bottom追加 */

#main ul.page-nav {
	margin-top: 40px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: solid 1px #bfbfbf;
}

#main ul.page-nav li.prev {
	float: left;
}

#main ul.page-nav li.next {
	float: right;
}

#main ul.page-nav li a {
	color: #2b2b2b;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#main ul.page-nav {
		margin-top: 20px;
		padding-top: 0;
		border-top: none;
	}

	#main ul.page-nav li {
		width: 50%;
		color: #fff;
		font-weight: bold;
		text-align: center;
	}

	/* 2019.12.6　非公開に */
	#main ul.page-nav li.prev {
		/* background: #9fa0a0; */
	}

	#main ul.page-nav li.next {
		/* background: #349dd1; */
	}

	#main ul.page-nav li a {
		padding: 0.5em 1em;
		display: block;
		color: inherit;
		text-decoration: none;
		margin-left: auto;
		margin-right: auto;
	}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 共用コンテンツ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#common {
	margin-top: 40px;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#common {
		display: none;
	}

}

/* ****************************************************************************************************
   * サイド左
**************************************************************************************************** */

#side-l {
	width: 260px;
	float: left;
	font-size: 15px;
}

#side-l div.column ~ div.column {
	margin-top: 10px;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#side-l {
		display: none;
	}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * タイトル
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#side-l div.column .column-title .text {
	display: none;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#side-l div.column .column-title .image {
		display: none;
	}

	#side-l div.column .column-title .text {
		margin-bottom: 0;
		display: block;
	}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 建売情報
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#side-l div.tateuri {
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.5);
}

#side-l div.tateuri div.column-body {
	margin-top: 0;
	overflow: hidden;
	border: solid 5px #bfbfbf;
	border-top: none;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#side-l div.tateuri {
		border-radius: 0;
		background: none;
		box-shadow: none;
	}

	#side-l div.tateuri div.column-body {
		border: none;
	}

}

/* ----------------------------------------------------------------------------------------------------
   * 一覧
/* ------------------------------------------------------------------------------------------------- */

#side-l div.tateuri ul.nav,
#side-l div.tateuri ul.nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#side-l div.tateuri ul.nav {
	color: #00076d;
}

#side-l div.tateuri ul.nav li {
	padding: 10px 0;
}

#side-l div.tateuri ul.nav li:hover {
	background: #fae9cf;
}

#side-l div.tateuri ul.nav li ~ li {
	border-top: solid 1px #b5b5b5;
}

#side-l div.tateuri ul.nav li a {
	height: 100%;
	letter-spacing: -0.4em;
	color: inherit;
	display: block;
	background: #fff;
}

#side-l div.tateuri ul.nav li a > * {
	letter-spacing: normal;
}

#side-l div.tateuri ul.nav li a:hover img {
	opacity: 1.0;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#side-l div.tateuri ul.nav li {
		padding: 5px 0;
	}

	#side-l div.tateuri ul.nav li:hover {
		background: none;
	}

}

/* * 画像
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#side-l div.tateuri ul.nav li div.image {
	width: 100px;
	vertical-align: middle;
	display: inline-block;
}

/* * テキスト
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#side-l div.tateuri ul.nav li .text {
	width: 150px;
	margin-top: 0;
	padding-left: 0.25em;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	display: inline-block;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 賃貸住宅情報
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#side-l div.room {
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.5);
}

#side-l div.room div.column-body {
	margin-top: 0;
	overflow: hidden;
	border: solid 5px #bfbfbf;
	border-top: none;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#side-l div.room {
		border-radius: 0;
		background: none;
		box-shadow: none;
	}

	#side-l div.room div.column-body {
		border: none;
	}

}

/* ----------------------------------------------------------------------------------------------------
   * 一覧
/* ------------------------------------------------------------------------------------------------- */

#side-l div.room ul.nav,
#side-l div.room ul.nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#side-l div.room ul.nav li ~ li {
	border-top: solid 1px #b5b5b5;
}

#side-l div.room ul.nav li a {
	padding: 25px 0 25px 45px;
	height: 100%;
	display: block;
	color: #474747;
	text-decoration: none;
	background: url(../../_images/img20170628/side_icon.png) 10px 25px no-repeat;
	height: 70px;
}

#side-l div.room ul.nav li a:hover {
	background-color: #fae9cf;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#side-l div.room ul.nav {
		margin: 10px 0;
	}

	#side-l div.room ul.nav li {
		border-top: solid 1px #b5b5b5;
		border-bottom: solid 1px #b5b5b5;
	}

	#side-l div.room ul.nav li ~ li {
		border-top: none;
	}

	#side-l div.room ul.nav li a {
		padding: 10px;
		color: #00076d;
		font-weight: bold;
		background: none;
	}

	#side-l div.room ul.nav li a:before {
		content: '';
		width: 24px;
		height: 24px;
		margin-right: 0.5em;
		display: block;
		border-radius: 6px;
		background: #e99413 url(../../_images/_common/icon-arrow-2-right.png) center center no-repeat;
		background-size: auto 14px;
		vertical-align: middle;
		display: inline-block;
	}

	#side-l div.room ul.nav li a:hover {
		background-color: transparent;
	}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 土地情報
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#side-l div.tochi {
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.5);
}

#side-l div.tochi div.column-body {
	margin-top: 0;
	overflow: hidden;
	border: solid 5px #bfbfbf;
	border-top: none;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#side-l div.tochi {
		border-radius: 0;
		background: none;
		box-shadow: none;
	}

	#side-l div.tochi div.column-body {
		border: none;
	}

}

/* ----------------------------------------------------------------------------------------------------
   * 一覧
/* ------------------------------------------------------------------------------------------------- */

#side-l div.tochi ul.nav,
#side-l div.tochi ul.nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#side-l div.tochi ul.nav li ~ li {
	border-top: solid 1px #b5b5b5;
}

#side-l div.tochi ul.nav li a {
	padding: 25px 0 25px 30px;
	height: 100%;
	display: block;
	color: #474747;
	text-decoration: none;
	background: url(../../_images/_common/listmark-1.jpg) 10px 28px no-repeat;
}

#side-l div.tochi ul.nav li a:hover {
	background-color: #fae9cf;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#side-l div.tochi ul.nav {
		margin: 10px 0;
	}

	#side-l div.tochi ul.nav li {
		border-top: solid 1px #b5b5b5;
		border-bottom: solid 1px #b5b5b5;
	}

	#side-l div.tochi ul.nav li ~ li {
		border-top: none;
	}

	#side-l div.tochi ul.nav li a {
		padding: 10px;
		color: #00076d;
		font-weight: bold;
		background: none;
	}

	#side-l div.tochi ul.nav li a:before {
		content: '';
		width: 24px;
		height: 24px;
		margin-right: 0.5em;
		display: block;
		border-radius: 6px;
		background: #e99413 url(../../_images/_common/icon-arrow-2-right.png) center center no-repeat;
		background-size: auto 14px;
		vertical-align: middle;
		display: inline-block;
	}

	#side-l div.tochi ul.nav li a:hover {
		background-color: transparent;
	}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 空室を探す
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#side-l div.roomsearch {
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.5);
}

#side-l div.roomsearch div.column-body {
	margin-top: 0;
	overflow: hidden;
	border: solid 5px #bfbfbf;
	border-top: none;
	margin-bottom: 20px;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#side-l div.roomsearch {
		border-radius: 0;
		background: none;
		box-shadow: none;
	}

	#side-l div.roomsearch div.column-body {
		border: none;
	}

}

/* ----------------------------------------------------------------------------------------------------
   * 一覧
/* ------------------------------------------------------------------------------------------------- */

f #side-l div.roomsearch ul.nav,
#side-l div.roomsearch ul.nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#side-l div.roomsearch ul.nav li ~ li {
	border-top: solid 1px #b5b5b5;
}

#side-l div.roomsearch ul.nav li a {
	padding: 25px 10px;
	height: 100%;
	display: block;
	color: #474747;
	text-decoration: none;
}

#side-l div.roomsearch ul.nav li a:hover {
	background-color: #fae9cf;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#side-l div.roomsearch ul.nav {
		margin: 10px 0;
	}

	#side-l div.roomsearch ul.nav li {
		border-top: solid 1px #b5b5b5;
		border-bottom: solid 1px #b5b5b5;
	}

	#side-l div.roomsearch ul.nav li ~ li {
		border-top: none;
	}

	#side-l div.roomsearch ul.nav li a {
		padding: 10px;
		color: inherit;
	}

	#side-l div.roomsearch ul.nav li a:hover {
		background-color: transparent;
	}

}

/* ----------------------------------------------------------------------------------------------------
   * 日付
/* ------------------------------------------------------------------------------------------------- */

#side-l div.roomsearch .date {
	margin-bottom: 5px;
	display: block;
	color: #6a3906;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#side-l div.roomsearch .date {
		margin-bottom: 0;
		color: inherit;
	}

}

/* ----------------------------------------------------------------------------------------------------
   * 内容
/* ------------------------------------------------------------------------------------------------- */

#side-l div.roomsearch .content {
	display: block;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * Google Map
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#side-l div.googlemap {
	display: none;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#side-l div.googlemap {
		display: block;
	}

}

/* ****************************************************************************************************
   * サイド右
**************************************************************************************************** */

#side-r {
	width: 230px;
	float: right;
}

#side-r div.column {
	background: #fff;
}

#side-r div.column ~ div.column {
	margin-top: 10px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 建売住宅の内館はこちら
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#side-r div.room .title {
	margin-left: -5px;
}

#side-r div.room div.flex-video {
	margin-top: 0;
}

/* ****************************************************************************************************
   * フッター
**************************************************************************************************** */

#footer {
	padding-top: 50px;
	font-size: 15px;
	position: relative;
}

#footer div.body {
	background: url(../../_images/_common/footer-bg-1.jpg) right bottom no-repeat;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#footer {
		padding-top: 10px;
		border-top: 1px solid #9fa0a0;
		background: #fff;
	}

	#footer div.body {
		background: none;
	}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ページの先頭へ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.pagetop {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 1000;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#footer div.pagetop {
		display: none;
	}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 内容（PC表示）
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.content {
	padding: 25px 15px;
	border: solid 5px #eee;
	border-radius: 4px;
	background: url(../../_images/_common/footer-bg-2.jpg);
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#footer div.content {
		display: none;
	}

	/* フッター全体のスマホサイズ対応 */
	#footer div.content {
		flex-direction: column;
		gap: 30px;
	}

	/* フッターナビゲーションのスマホサイズ対応 */
	#footer div.content div.nav {
		flex: none;
		flex-direction: column;
		gap: 20px;
	}

	#footer div.content div.nav > ul {
		padding: 0;
		border-right: none;
		border-bottom: solid 1px #eee;
		flex: none;
	}

	#footer div.content div.nav > ul:last-child {
		border-bottom: none;
	}

	/* ロゴのスマホサイズ対応 */
	#footer div.content div.logo {
		width: 100%;
		text-align: center;
	}

}

/* ----------------------------------------------------------------------------------------------------
   * ロゴ
/* ------------------------------------------------------------------------------------------------- */

#footer div.content div.logo {
	width: 21%;
	flex-shrink: 0; /* ロゴのサイズを固定 */
}

#footer div.content div.logo .logo {
	padding-bottom: 19px;
	border-bottom: dotted 1px #b0afaf;
}

/* ----------------------------------------------------------------------------------------------------
   * ナビ
/* ------------------------------------------------------------------------------------------------- */

#footer div.content div.nav {
	flex: 1; /* 残りのスペースをすべて使用 */
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}

#footer div.content div.nav ul,
#footer div.content div.nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer div.content div.nav ul li {
	font-size: 13px;
}

#footer div.content div.nav ul li ~ li {
	margin-top: 10px;
}

#footer div.content div.nav ul li a {
	color: #474747;
	font-size: 13px;
	text-decoration: none;
}

#footer div.content div.nav ul li a:hover {
	text-decoration: underline;
}

/* 1階層目 */

#footer div.content div.nav > ul {
	padding: 0 2%;
	flex: 1;
	border-right: solid 1px #eee;
	min-width: 0; /* flexboxでのテキストの折り返しを有効にする */
}

.msie7 #footer div.content div.nav > ul {
	max-width: 16%;
	float: left;
	border: none;
}

#footer div.content div.nav > ul:last-child {
	border-right: none;
}

/* 2階層目以降 */

#footer div.content div.nav ul ul {
	margin-left: 1em;
}

#footer div.content div.nav ul ul li {
	margin-top: 10px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 内容（SP表示）
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.content-2 {
	padding-top: 41.89%;
	background: url(../../_images/_common/footer-bg-7.jpg) center top no-repeat;
	background-size: 39.10% auto;
	display: none;
}

#footer div.content-2 a {
	color: inherit;
}

/* スマホ用リクルートバナー 2019.12.23 */

#footer div.recruit-bnr {
	display: none;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#footer div.content-2 {
		padding-bottom: 40px;
		display: block;
	}
	#footer div.recruit-bnr {
		display: block;
		text-align: center;
		margin: 40px 0;
	}
	#footer div.recruit-bnr img {
		max-width: 100%;
	}

}

/* ----------------------------------------------------------------------------------------------------
   * ナビ
/* ------------------------------------------------------------------------------------------------- */

#footer div.content-2 ul.nav,
#footer div.content-2 ul.nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer div.content-2 ul.nav {
	margin: 10px auto;
	letter-spacing: -0.4em;
	text-align: center;
}

#footer div.content-2 ul.nav li {
	letter-spacing: normal;
	vertical-align: top;
	display: inline-block;
}

#footer div.content-2 ul.nav li ~ li {
	border-left: 1px solid #474747;
}

#footer div.content-2 ul.nav li a {
	padding: 0.5em;
}

/* ----------------------------------------------------------------------------------------------------
   * 住所
/* ------------------------------------------------------------------------------------------------- */

#footer div.content-2 div.address {
	margin: 20px auto;
	text-align: center;
}

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

#footer div.content-2 div.contact {
	width: 100%;
	color: #fff;
	font-size: 12px;
	/*  background: #00076d;*/
	background: #122638;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1000;
}

#footer div.content-2 div.contact a {
	color: inherit;
}

/* * リスト
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#footer div.content-2 div.contact ul.list,
#footer div.content-2 div.contact ul.list li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer div.content-2 div.contact ul.list {
	width: 100%;
	display: table;
}

#footer div.content-2 div.contact ul.list li {
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

#footer div.content-2 div.contact ul.list li ~ li {
	border-left: 1px solid #fff;
}

#footer div.content-2 div.contact ul.list li.pagetop {
	width: 40px;
}

#footer div.content-2 div.contact ul.list li.pagetop img {
	width: 100%;
	height: auto;
}

#footer div.content-2 div.contact ul.list li a {
	text-decoration: none;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * バナー
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.banner {
	margin: 35px 0;
}

#footer div.banner ul.nav,
#footer div.banner ul.nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer div.banner ul.nav {
	text-align: center;
}

#footer div.banner ul.nav li {
	margin: 15px;
	vertical-align: top;
	display: inline-block;
}

.msie7 #footer div.banner ul.nav li {
	display: inline;
	zoom: 1;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#footer div.banner {
		display: none;
	}

}

/***/

#footer div.content-2 div.contact ul.list li {
	width: calc(100% * 210 / 736);
	padding-top: calc(100% * 25 / 736);
	padding-bottom: calc(100% * 25 / 736);
}

#footer div.content-2 div.contact ul.list li:nth-child(2) img {
	width: calc(100% * 35 / 210);
}

#footer div.content-2 div.contact ul.list li:nth-child(3) img {
	width: calc(100% * 40 / 210);
}

#footer div.content-2 div.contact ul.list li.pagetop {
	width: calc(100% * 100 / 736);
}

#footer div.content-2 div.contact ul.list li.pagetop img {
	width: 70%;
	height: auto;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * コピーライト
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.copyright {
	color: #fff;
}

#footer div.copyright .content {
	line-height: 50px;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

	#footer div.copyright {
		display: none;
	}

}


/*company*/

.company_table01 {
	border-top: 1px solid #c7c7c7;
	margin-top: 30px;
}

.company_table01 th,
.company_table01 td {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	text-align: left;
	color: #474747;
	padding-left: 20px;
	font-weight: normal;
	line-height: 40px;
	border-bottom: 1px solid #c7c7c7;
}

.company_table01 .th01 {
	background-color: #eeeeee;
}

.company_table01 .th02 {
	background-color: #dcdcdc;
}

.company_table01 .th03 {
	background-color: #EAF0F9;
}

.company_info {
	margin: 20px auto;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px dashed #999999;
	padding: 0px 0px 20px 0px;
}

.company_name {
	float: left;
	width: 650px;
	font-weight: bold;
	font-size: 26px;
}

.company_name .company_icon {
	float: left;
	width: 67px;
}

.company_name .company_name2 {
	float: right;
	width: 570px;
	margin: 10px 0px 0px 0px;
}

.company_contact {
	float: right;
	width: 300px;
	margin: 10px 0px 0px 0px;
}

.company_tel {
	background: url(../images/company/company_icon_tel.png) center left no-repeat;
	padding: 0px 0px 0px 25px;
	color: #666666;
}

.company_mail {
	background: url(../images/company/company_icon_mail.png) center left no-repeat;
	padding: 0px 0px 0px 25px;
	color: #666666;
}

.company_map {
	margin: 50px 0px 0px 0px;
}

@media screen and (max-width:736px) {

	.company_table01 .th01 {
		background-color: #eeeeee;
		float: left;
		width: 100%;
	}
	.company_table01 .th02 {
		background-color: #dcdcdc;
		float: left;
		width: 100%;
	}
	.company_table01 .th03 {
		background-color: #EAF0F9;
		float: left;
		width: 100%;
	}
	.company_table01 td {
		float: left;
		width: 100%;
	}
}

/*right_side*/

.right_box_date {
	/*	background:#1d7268;*/
	background: #1d7268;
	padding: 35px 0px;
	color: white;
	margin-bottom: 20px;
	text-align: center;
}

/*top_main*/

.top_box {
	width: 1280px;
	margin: 0px auto;
	overflow: hidden;
}

.top_left {
	float: left;
	overflow: hidden;
	width: 261px;
}

.sub_left {
	width: 261px;
	margin-bottom: 30px;
	overflow: hidden;
}

.top_left img,
.sub_left img {
	vertical-align: bottom;
}

.top_left .column-body {
	border: solid 5px #bfbfbf;
	border-top: none;
	margin-top: -30px;
	background: white;
	width: 260px;
}

.sub_left .column-body {
	border: solid 5px #bfbfbf;
	border-top: none;
	margin-top: -30px;
	background: white;
	width: 259px;
}

.top_left ul,
.sub_left ul {
	margin: 0px;
	margin-top: 30px;
	list-style: none;
	padding: 0px;
}

.top_left li,
.sub_left li {
	border-bottom: 1px dashed #cccccc;
	padding: 20px 10px;
	overflow: hidden;
}

.sub_left li {
	font-size: 85%;
}


.top_left li:last-child,
.sub_left li:last-child {
	border: none;
}

.top_left li a,
.sub_left li a {
	text-decoration: none;
	color: #333333;
}

.top_left li:hover,
.sub_left li:hover {
	background: #FAE9CF;
	display: block;
}

.top_left li:before,
.sub_left li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	padding-right: 5px;
	font-size: 110%;
	color: #FF5757;
	font-weight: 900;

}

.top_left .left_list_akita,
.sub_left .left_list_akita {
	color: #FBA399;
}

.top_left .left_list_yokote,
.sub_left .left_list_yokote {
	color: #F9D597;
}

.top_left .left_list_oodate,
.sub_left .left_list_oodate {
	color: #C0DE8D;
}

.top_left .left_list_daisen,
.sub_left .left_list_daisen {
	color: #95AFE6;
}

.top_left .left_list_noshiro,
.sub_left .left_list_noshiro {
	color: #BF92E9;
}

.top_left .left_list_other,
.sub_left .left_list_other {
	color: #EFA9DE;
}


.top_right {
	float: right;
	overflow: hidden;
	width: 232px;
}

.top_right ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.top_right img {
	width: 100%;
	height: auto;
}

.top_right .column {
	margin-bottom: 10px;
}


.top_center {
	overflow: hidden;
	width: 730px;
	margin: 0px auto 0px 30px;
	float: left;

}

.top_center img {
	width: 100%;
	height: auto;
}

.custom_search {
	overflow: hidden;
	/*	background:#4D57B3;*/
	background: #1d7268;
	padding: 15px 0px;
	color: white;
	margin-bottom: 20px;
	text-align: center;

}

.custom_search input[type=submit] {
	text-decoration: none;
	text-align: center;
	background: #F7AB06;
	border: none;


}


@media screen and (max-width:736px) {

	.top_box {
		width: 100%;
		margin: 0px auto;
		overflow: hidden;
	}

	.top_left,
	.top_right {
		display: none;
	}

	.top_center {
		width: 100% !important;
		clear: both !important;
		margin: 0px !important;
	}

	.top_center img {
		width: 100% !important;
		max-width: 736px;
		height: auto;
	}

}


/*土地情報202006追加*/

.tochi_list1 {
	list-style: none;
	width: 100%;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-inline-start: 0px;
}

.tochi_list1 li {
	width: 49%;
	margin-bottom: 30px;
	text-align: center;
}

.tochi_list1 img {
	width: 100%;
	height: auto;
}

/*分譲地*/

.tochi_list2 {
	list-style: none;
	width: 100%;
	margin: 0px auto;
	padding:0px;
}

.tochi_list2 li {
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	border:1px solid #ccc;
}

.tochi_list2 img {
	width: 100%;
	height: auto;
}

/*pagenavi*/
.pagenavi .page-numbers{
	background:#F0EFEE;
	padding:5px 10px;
}

.pagenavi .current{
	background:#6C91D2;
}

.fix_bnr_sell {
 position: fixed;
 bottom: calc(170rem / 20);
 right: 0;
 width: calc(60rem / 20);
 z-index: 9;
}