@charset "UTF-8";








/* ----------------------------------------------------------- */
/*                                                             */
/* ▼main-layout、common用                                     */
/*   ※CSSの優先順位が上にくる                                 */
/*                                                             */
/* ----------------------------------------------------------- */


/* ----------------------------------------------------------- */
/* ●【共通】デフォルト                                        */
/* ----------------------------------------------------------- */
/* 全体 */
body {
	color: black;
}

/* デフォルトリンク */
a:link {
	color: #008bca;
}

a:visited {
	color: #008bca;

}

a:hover {
	color: #7bc2e2;
	text-decoration: underline;
}

a:active {
	color: #7bc2e2;
}












/* ----------------------------------------------------------- */
/* ●【共通】ヘッダー                                          */
/* ----------------------------------------------------------- */
/* ヘッダー */
#header_wrapper {
	background-color: white;
}

/* ----------------------------------------------------------- */
/* ●【ヘッダー】PC・タブレット横                              */
/* ----------------------------------------------------------- */
@media print,
screen and (min-width: 769px) {
	#header_wrapper>.header-one-line:first-child {
		margin-left: auto;
		/* 右寄せ */
	}

	#header_wrapper>.header-one-line:last-child {
		width: 100%;
	}

	/* ロゴ＋スマホアイコンメニュー */
	#header_wrapper>.header-one-line>section#logo {
		width: 200px;
		vertical-align: bottom;
	}

	/* グローバルメニュー */
	#header_wrapper>.header-one-line>section#global_menu {
		width: auto;
		vertical-align: bottom;
	}

	/* 店舗情報 */
	#header_wrapper>.header-one-line>section#shop_info {
		width: 200px;
		vertical-align: top;
		padding: 5px 5px 5px 20px;
	}

	/* 会員機能 */
	#header_wrapper>.header-one-line>section#member_func {
		width: auto;
		vertical-align: top;
		padding: 5px;
	}

	/* 保存機能 */
	#header_wrapper>.header-one-line>section#save_func {
		width: 300px;
		vertical-align: top;
		padding: 5px 5px 5px 20px;
	}

	/* ----------------------------------------------------------- */
	/* ロゴ(＋スマホアイコンメニュー)                              */
	/* ----------------------------------------------------------- */
	#logo h1 img {
		max-width: 200px;
	}

	/* 最上位に会員機能を置く場合 */
	#header_wrapper.top-menu-member_func>.header-one-line>section#shop_info {
		width: 100%;
	}

	/* グローバルメニュー */
	#header_wrapper.top-menu-member_func>.header-one-line>section#global_menu {
		padding-left: 400px;
	}

	#header_wrapper.top-menu-member_func>.header-one-line>section#logo {
		width: 400px;
	}

	.top-menu-member_func #logo h1 img {
		max-width: 400px;
	}

	#header_wrapper.top-menu-member_func>.header-one-line {
		margin: 0 0 0 auto;
	}

	/* ----------------------------------------------------------- */
	/* グローバルメニュー                                          */
	/* ----------------------------------------------------------- */
	#global_menu>ul>li>a,
	#global_menu>ul>li.expand-menu>div,
	#global_menu>ul>li.expand-menu>ul>li>a,
	#global_menu>ul>li.expand-menu>ul>li.expand-menu>div,
	#global_menu>ul>li.expand-menu>ul>li.expand-menu>ul>li>a {
		padding: 10px;

		color: #008bca;
		font-weight: bold;
	}

	#global_menu>ul>li>a:hover:after,
	/* hover表現(色の上乗せ) */
	#global_menu>ul>li.expand-menu>div:hover:after,
	#global_menu>ul>li.expand-menu>ul>li>a:hover:after,
	#global_menu>ul>li.expand-menu>ul>li.expand-menu>div:hover:after,
	#global_menu>ul>li.expand-menu>ul>li.expand-menu>ul>li>a:hover:after {
		background-color: #008bca;
	}

	#global_menu>ul>li.expand-menu>ul,
	#global_menu>ul>li.expand-menu>ul>li.expand-menu>ul {
		margin-top: -2px;
	}

	/* ----------------------------------------------------------- */
	/* 店舗簡易情報                                                */
	/* ----------------------------------------------------------- */
	#shop_info .shop-tel {
		color: #19af27;
	}

	#shop_info .shop-tel>span {
		display: none;
	}

	/* ----------------------------------------------------------- */
	/* 会員機能                                                    */
	/* ----------------------------------------------------------- */
	#member_func .member-action-button a {
		background-color: #19af27;

		color: white;
	}

	/* ----------------------------------------------------------- */
	/* 保存機能                                                    */
	/* ----------------------------------------------------------- */
	#save_func a {
		color: black;

		background-color: #e9e9e9;
		border-radius: 3px;
	}

	#save_func a .save-num {
		color: #19af27;
	}

	#save_func a:hover {
		background-color: #19af27;
		color: white;
	}

	#save_func a:hover .save-num {
		color: white;
	}
}

/* }}} @media PC・タブレット横 */

/* ----------------------------------------------------------- */
/* ●【ヘッダー】スマホ・タブレット縦                          */
/* ----------------------------------------------------------- */
@media screen and (max-width: 768px) {
	#save_func a .save-num {
		color: #19af27;
	}

	#save_func a {
		padding: 0 5px 5px;
	}

	.header-sp-menu>a {
		background-color: #19af27;
	}
}

/* }}} @media スマホ・タブレット縦 */











/* ----------------------------------------------------------- */
/* ●特集用                                                    */
/* ----------------------------------------------------------- */
.side-feature>dd h3 a {
	position: relative;
	border-color: #008bca;
}

.side-feature>dd h3 a>span,
.side-feature>dd h3 a>div>div:first-of-type,
.side-feature>dd h3 a>div:first-of-type {
	color: #008bca;
}

.side-feature>dd h3 a>div:last-of-type {
	color: #333333;
}

.side-feature>dd h3 a:hover:after {
	/* box link color */
	background-color: #008bca;
}




/* メニューとコンテンツが離れるのを避けるため */
@media print,
screen and (min-width: 769px) {

	#contents,
	#side_area {
		padding-top: 40px;
	}

	#main_wrapper {
		margin-bottom: 10px;
	}
}



/* ----------------------------------------------------------- */
/* ▼サイドエリア                                              */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* ●【サイドエリア】共通                                      */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* サイドメニュー                                              */
/* ----------------------------------------------------------- */
.side-menu>dt {
	border-color: #cccccc;
	color: #19af27;
}

.side-menu>dd {
	border-bottom: 1px solid #cccccc;
}

.side-menu>dd.expand-menu>label,
.side-menu>dd.expand-menu>ul>li>a,
.side-menu>dd>a {
	color: #666666;
}

.side-menu>dd.expand-menu>label>span,
.side-menu>dd.expand-menu>ul>li>a>span,
.side-menu>dd>a>span {
	color: #494949;
}

.side-menu>dd.expand-menu>ul>li>a:after,
.side-menu>dd>a:after,
.side-menu>dd.expand-menu>label:before,
.side-menu>dd.expand-menu>label:after {
	border-color: #494949;
}

/* メニュー全体マウスオーバー */
.side-menu>dd.expand-menu>label:hover,
.side-menu>dd.expand-menu>ul>li>a:hover,
.side-menu>dd>a:hover

/* ,
.side-menu > dd.expand-menu > ul > li.expand-menu > ul > li > a:hover */
	{
	background-color: #d9ffdc;
	color: #19af27;
}

.side-menu>dd.expand-menu>ul>li>a:hover>div,
.side-menu>dd>a:hover>div {
	text-decoration: underline;
}

/* アイコンマウスオーバー */
.side-menu>dd.expand-menu>label:hover>span,
.side-menu>dd.expand-menu>ul>li>a:hover>span,
.side-menu>dd>a:hover>span {
	color: #19af27;
}

/* メニュー矢印マウスオーバー */
.side-menu>dd.expand-menu>ul>li>a:hover:after,
.side-menu>dd>a:hover:after,
.side-menu>dd.expand-menu>label:hover:before,
.side-menu>dd.expand-menu>label:hover:after {
	border-color: #19af27;
}


/* ----------------------------------------------------------- */
/* サイドコンテンツ                                            */
/* ----------------------------------------------------------- */
.side-contents>header {
	border-color: #cccccc;
	color: #19af27;
}

.side-contents>div input[type="password"]:focus,
.side-contents>div input[type="text"]:focus {
	box-shadow: 0 0 0 3px #19af27;
}








/* ----------------------------------------------------------- */
/* フッター                                                    */
/* ----------------------------------------------------------- */
#page_top,
#copyright,
#footer {
	background-color: #19af27;
}

#copyright {
	color: white;
}

#copyright>.footer-plus-image {
	position: absolute;
	top: -50px;
	right: 20px;
	width: 310px;
	height: 99px;
	background: transparent url('/img/footer/footer_image_family.png') 100% 100% no-repeat;
}

/* [SCREEN SP] */
@media screen and (max-width: 768px) {
	#copyright {
		padding: 180px 5px 10px 5px;
	}

	#copyright>.footer-plus-image {
		top: -50px;
		left: 15%;
		right: 15%;
		width: auto;
		height: 200px;
		background-size: 100% auto;
	}
}

/* }}} /[SCREEN SP] */





/* ----------------------------------------------------------- */
/* ▼TOPコンテンツ用                                           */
/* ----------------------------------------------------------- */
.main-contents>header,
.main-contents>header h3 {
	border-color: #cccccc;
	color: #19af27;
}

.main-contents>header>span[class^="icon-"]:before {
	color: #19af27;
	text-align: center;
}

.page-main-contents>header {
	border-color: #cccccc;

	color: #19af27;
	text-align: left;
}

.page-main-contents>header>span[class^="icon-"]:before {
	border-radius: 40px / 30px;
	background-color: #19af27;

	color: white;
}


.property-simple>li>.thumbnail-image a:hover:after {
	/* box link color */
	background-color: #008bca;
}

span.bukken-b,
span.bukken-r {
	background-color: #008bca;
}

/* ----------------------------------------------------------- */
/* ▲TOPコンテンツ用                                           */
/* ----------------------------------------------------------- */









/* ----------------------------------------------------------- */
/* ▼共通コンテンツ用                                          */
/* ----------------------------------------------------------- */
/* [SCREEN PC] */
@media print,
screen and (min-width: 769px) {
	.search-container-wrapper {
		padding: 10px;
	}

	.search-container>header>.step-box {
		background-color: #008bca;
	}
}

/* }}} /[SCREEN PC] */
/* [SCREEN SP] */
@media screen and (max-width: 768px) {
	.search-container-wrapper {
		border-top: 1px solid #dcdcdc;
	}
}

/* }}} /[SCREEN SP] */

.search-container-wrapper {

	background-color: white;
}

.search-container-wrapper>h2 {
	border-color: #cccccc;
	color: #19af27;
	text-align: left;
}

.search-container-wrapper>h2>span[class^="icon-"]:before {
	width: 40px;

	color: #19af27;
}

.search-container>.sub-title {
	color: #f07241;
}

.two-class-checkbox>dl {
	border-color: #cccccc;
}

.search-container-wrapper .form-button-area>input[type="button"],
.search-container-wrapper .form-button-area>button,
.side-search-container .form-button-area>input[type="button"],
.side-search-container .form-button-area>button {
	background-color: #19af27;
}

.side-search-container .multi-transform-input>.input-pairs>header {
	color: #008bca;
}







/* 物件一覧系 */
/* [SCREEN SP] */
@media screen and (max-width: 768px) {
	.property-list-one>li {
		border-color: silver !important;
		/* #19af27; */
		display: block;
		overflow: hidden;
	}
}

/* /[SCREEN SP] */


/* 物件詳細項目タイトル、文字強調 */
.contact-bukken-area .title-info b,
table.detail-table>caption>div,
table.detail-table>caption>h3 {
	color: #19af27;
}

.contact-bukken-area .tel-info>a {
	background-color: #19af27;
}

/* 項目タイトル帯系 */
ul.one-info>li:before,
.display-search-condition>dl>dt,
table.room-list>thead>tr>th {
	background-color: #666666;
}

/* 検索メニューサイドバー */
.side-contents.side-bukken-search>div {
	background-color: #eeeeee;
}

/* ----------------------------------------------------------- */
/* ●【共通】入力フォーム部品                                  */
/* ----------------------------------------------------------- */
/* ボタン */
a.link-button,
button,
input[type="button"],
input[type="submit"] {
	background-color: #19af27;
}

a.link-button.button-color-func.button-color-func.button-color-func,
input[type="button"].button-color-func.button-color-func.button-color-func,
button.button-color-func.button-color-func.button-color-func,
	{
	background-color: #008bca;
}


.rach-link.rach.rach.rach.rach.rach label>a {
	color: #008bca;
}

.rem_nolog {
	text-align: center;
	width: 100%;
	max-width: 810px;
	line-height: 2;
	margin: 0 20px;
}

.regist-alert-message {
	margin: 10px 20px;
	max-width: 810px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.rem_nolog {
		text-align: center;
		width: 100%;
		max-width: 810px;
		line-height: 2;
		margin: 0 auto;
	}

	.regist-alert-message {
		margin: 10px auto;
		max-width: 810px;
		text-align: center;
	}
}







/* 一括処理ボックス */
.bulk-button-area>div {
	border: 1px solid #008bca;
}

.bulk-button-area>div>.bulk-title:after,
.bulk-button-area>div>.bulk-title {
	background-color: #008bca;
}


/* 地図選択ボタン */
.map-tabs li>input:checked+label {
	background-color: #19af27;
}

.map-tabs li>input:checked+label {
	border-color: #19af27;
}


.map-explain>div {
	border-color: #19af27;
}

.map-explain>div>span:first-child {
	background-color: #19af27;
}


/* 検索画面の帯 */
.search-container .multi-transform-input>.input-pairs>header {
	background-color: #008bca;
	color: white;
}





/* ----------------------------------------------------------- */
/*                                                             */
/* ▲main-layout、common用                                     */
/*                                                             */
/* ----------------------------------------------------------- */























/* ----------------------------------------------------------- */
/*                                                             */
/* ▼個別ページ用CSSの上書き                                   */
/*   ※CSSの優先順位が下になる                                 */
/*                                                             */
/* ----------------------------------------------------------- */



/* ----------------------------------------------------------- */
/* ●トップページヘッダーコンテンツ(index/index.css)           */
/* ----------------------------------------------------------- */
.slider-fixed-content.top-search-button-area.top-search-button-area a:hover {
	background-color: #19af27;
}

.top-search-easy-button.top-search-easy-button button {
	background-color: #19af27;
}

/* スライダー */
.slide-container.slide-container>.slide-prev:before,
.slide-container.slide-container>.slide-next:before {
	background-color: #19af27;
}

.slide-container.slide-container>.slide-prev:hover:before,
.slide-container.slide-container>.slide-next:hover:before {
	box-shadow: 0 0 0 5px #19af27;
}

.slider-wrapper>.slide-container.slide-container>.slide-indicator>span.slide-view {
	border-color: #19af27;
}

.slider-wrapper>.slide-container.slide-container>.slide-indicator>span:hover {
	box-shadow: 0 0 0 5px #19af27;
}

/* [SCREEN PC] */
@media print,
screen and (min-width: 769px) {
	.slider-fixed-content.top-search-easy-area.top-search-easy-area {
		background-color: rgba(0, 0, 0, 0.3);
		border: 1px solid #e9e9e9;
		color: white;
		/* left: 100px; */
	}

	div.slider-fixed-content.top-search-button-area.top-search-button-area {
		/* 縦にセンタリング */
		top: 0;
		bottom: 0;
		display: flex;
	}

	.slider-fixed-content.top-search-button-area.top-search-button-area ul {
		/* 縦にセンタリング */
		margin: auto;
	}

	.slider-fixed-content.top-search-button-area.top-search-button-area a {
		background-color: rgba(0, 0, 0, 0.3);
		border: 1px solid #e9e9e9;

		color: white;
	}

	.slider-fixed-content.top-search-button-area.top-search-button-area ul li ul {
		background-color: rgba(0, 0, 0, 0.5);
	}
}

/* }}} /[SCREEN PC] */
/* [SCREEN SP] */
@media screen and (max-width: 768px) {
	.slider-fixed-content.top-search-easy-area.top-search-easy-area {}

	.slider-fixed-content.top-search-button-area>ul {
		display: -webkit-box;
		/* Android 2～4 */
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
	}

	.slider-fixed-content.top-search-button-area.top-search-button-area>ul>li {
		flex: 0 1 100%;
		/* 4列、3列など変動する */
		padding: 0;
		background-color: #555555;
	}

	.slider-fixed-content.top-search-button-area>ul>li>a {
		border-left: 1px solid #a1a1a1;
		color: white;
		padding: 5px 0;
		margin: 0;
	}

	.slider-fixed-content.top-search-button-area>ul>li:first-of-type a {
		border-width: 0;
	}

	.slider-fixed-content.top-search-button-area>ul>li>ul {
		background-color: #555555;
	}

	.slider-fixed-content.top-search-button-area>ul>li>ul>li>a {
		color: white;
	}

	.slider-fixed-content.top-search-easy-area.top-search-easy-area select {
		border-color: #666;
	}

	.top-search-easy-condition {
		width: 100%;
	}
}

/* }}} /[SCREEN SP] */

li.search-icon {
	background-color: #555555;
	color: white;
}





/* ----------------------------------------------------------- */
/*                                                             */
/* ▲個別ページ用CSSの上書き                                   */
/*                                                             */
/* ----------------------------------------------------------- */









/* テキストリンク・グローバルメニュー 008bca 青 
a:link,
a:visited,
a:active,
.side-feature > dd > h3 > a > span,
.side-feature > dd > h3 > a > div > div:first-of-type,
.side-feature > dd > h3 > a > div:first-of-type,
.rach-link.rach.rach.rach.rach.rach label > a,
.side-search-container .multi-transform-input > .input-pairs > header,
#global_menu > ul > li > a,
.side-feature > dd > h3 > a{
	color: ${テキストリンク・グローバルメニュー}; 
}
.kodawari-info.kodawari-on,
div.check-group input:checked+label,
.bulk-button-area > div,
.side-feature > dd > h3 > a,
.blog-detail li,
.blog-list li{
	border-color: ${テキストリンク・グローバルメニュー};
}
.kodawari-info.kodawari-on,
div.check-group input:checked+label,
a.link-button.button-color-func.button-color-func.button-color-func,
input[type="button"].button-color-func.button-color-func.button-color-func,
button.button-color-func.button-color-func.button-color-func,
.bulk-button-area > div > .bulk-title:after,
.bulk-button-area > div > .bulk-title,
.search-container .multi-transform-input > .input-pairs > header,
.side-feature > dd > h3 > a:hover:after,
.property-simple > li > dl > dd.thumbnail-image a:hover:after{
	background-color: ${テキストリンク・グローバルメニュー};
}
@media print, screen and (min-width: 769px){
	#global_menu > ul > li.expand-menu > div,
	#global_menu > ul > li.expand-menu > ul > li.expand-menu > div,
	#global_menu > ul > li.expand-menu > ul > li.expand-menu > ul > li > a,
	#global_menu > ul > li > a{
		color: ${テキストリンク・グローバルメニュー};
	}
	#global_menu > ul > li > a:hover:after,
	#global_menu > ul > li.expand-menu > div:hover:after,
	#global_menu > ul > li.expand-menu > ul > li > a:hover:after,
	#global_menu > ul > li.expand-menu > ul > li.expand-menu > div:hover:after,
	#global_menu > ul > li.expand-menu > ul > li.expand-menu > ul > li > a:hover:after,
	.multi-transform-input div.check-group label:hover,
	.search-container > header > .step-box{
		background-color: ${テキストリンク・グローバルメニュー};
	}
	.multi-transform-input div.check-group label:hover{
		border-color: ${テキストリンク・グローバルメニュー};
	}	
}


/* マウスオーバーテキストリンク 7bc2e2 薄め青 
a:hover {
	color: ${マウスオーバーテキストリンク};
}

/* ボタン・サイドメニュー（マウスオーバー） 19af27 緑 
.search-container-wrapper .form-button-area > input[type="button"],
.search-container-wrapper .form-button-area > button,
.side-search-container .form-button-area > input[type="button"],
.side-search-container .form-button-area > button,
#member_func .member-action-button a,
#save_func a:hover,
.top-search-easy-button.top-search-easy-button button,
.slide-container.slide-container > .slide-prev:before,
.slide-container.slide-container > .slide-next:before,
.slider-wrapper > .slide-container.slide-container > .slide-indicator > span,
#page_top,
#copyright,
#footer,
a.link-button,
button,
input[type="button"],
input[type="submit"],
span.bukken-b,
span.bukken-r,
.current-page.current-page,
.pagination-boxes.pagination-boxes a:hover,
.map-explain > div > span:first-child,
.map-tabs li > input:checked + label,
.slider-fixed-content.top-search-button-area.top-search-button-area a:hover,
.blog-menu li > div > div > a.selected,
.blog_date span{
	background-color: ${ボタン・サイドメニュー（マウスオーバー）};
}
.main-contents > header > span[class^="icon-"]:before,
#shop_info .shop-tel,
#save_func a .save-num,
#shop_info .shop-tel,
.side-menu > dd.expand-menu > label:hover > span,
.side-menu > dd.expand-menu > ul > li > a:hover > span,
.side-menu > dd > a:hover > span,
.side-menu > dd.expand-menu > label:hover,
.side-menu > dd.expand-menu > ul > li > a:hover,
.side-menu > dd > a:hover{
	color: ${ボタン・サイドメニュー（マウスオーバー）};
}
.slider-wrapper > .slide-container.slide-container > .slide-indicator > span.slide-view,
.pagination-boxes.pagination-boxes a,
.page-next.page-next > a:hover:after,
.page-next.page-next > a:hover:before,
.page-back.page-back > a:hover:after,
.page-back.page-back > a:hover:before,
.map-explain > div,
.map-tabs li > input:checked + label,
.side-menu > dd.expand-menu > ul > li > a:hover:after,
.side-menu > dd > a:hover:after,
.side-menu > dd.expand-menu > label:hover:before,
.side-menu > dd.expand-menu > label:hover:after{
	border-color: ${ボタン・サイドメニュー（マウスオーバー）};
}
.slide-container.slide-container > .slide-prev:hover:before,
.slide-container.slide-container > .slide-next:hover:before,
.slider-wrapper > .slide-container.slide-container > .slide-indicator > span:hover{
	box-shadow: 0 0 0 5px ${ボタン・サイドメニュー（マウスオーバー）};
}

@media screen and (max-width: 768px){
	.property-list-one > li{
		border-color: ${ボタン・サイドメニュー（マウスオーバー）};
	}
	.header-sp-menu > a{
		background-color: ${ボタン・サイドメニュー（マウスオーバー）};
	}
}

/* サイドメニュー（マウスオーバー）背景色 d9ffdc うす緑 
.side-menu > dd.expand-menu > label:hover,
.side-menu > dd.expand-menu > ul > li > a:hover,
.side-menu > dd > a:hover{
	background-color: ${サイドメニュー（マウスオーバー）背景色};
}


/* タイトル 19af27 緑
#page h4,
.staff-com > table.contents > tbody > tr.bukken-info > td.comment-info > div.title > span.icon,
.contact-bukken-area .title-info b,
.contact-bukken-area .tel-info > a,
table.detail-table > caption > div,
.side-menu > dt,
.search-container-wrapper > h2,
.search-container-wrapper > h2 > span[class^="icon-"]:before,
.page-main-contents > header,
.side-contents > header,
.main-contents > header,
.main-contents > header > h3,
.blog-menu li header,
header.blog-title{
	color: ${タイトル};
}
.bukken_detail_around_box .bukken_detail_around .bukken_detail_around_sbt,
.contact-bukken-area .tel-info > a,
.page-main-contents > header > span[class^="icon-"]:before{
	background-color: ${タイトル};
}
*/