@charset "UTF-8";










/* ----------------------------------------------------------- */
/* ●【共通】デフォルト                                        */
/* ----------------------------------------------------------- */
/* 全体 */
body {
	color: black;
}
@media print, screen and (min-width: 769px){
	body {
		min-width: 1230px;
	}
}

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

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




/* ----------------------------------------------------------- */
/* ●【共通】コンテンツ部                                      */
/* ----------------------------------------------------------- */
/* メイン画像用 */
#main_wrapper{
	background-color: #faf4e0;
}

.slider-wrapper > .slider-scroller{
	position: absolute;
	top   : 0;
	left  : 240px;
	right : 0;
	bottom: 0;
	
	overflow: hidden;
}
.slider-wrapper .slider-spacer > div{
	left : 0;
	color: #f03e8e;
	text-shadow: 0 0 5px white;
}


/* ----------------------------------------------------------- */
/* ●【共通】ヘッダー                                          */
/* ----------------------------------------------------------- */
/* ヘッダー */
#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: auto;
		vertical-align: top;
		
		padding: 5px;
		border: 1px solid #d2d2d2;
		background-color: #eeeeee;
		border-radius: 10px;
	}
	/* 会員機能 */
	#header_wrapper > .header-one-line > section#member_func{
		width: auto;
		vertical-align: top;
		padding: 5px 5px 5px 30px;
	}
	/* 保存機能 */
	#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: 5px 0 0 auto;
	}

	/* ----------------------------------------------------------- */
	/* グローバルメニュー                                          */
	/* ----------------------------------------------------------- */
	#global_menu > ul{
		justify-content: flex-start;
	}
	#global_menu > ul > li.expand-menu > ul > li.expand-menu > div,
	#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 > ul > li > a, 
	#global_menu > ul > li > a {
		padding: 10px;
		border-bottom:1px solid transparent;
		
		color  : #f03e8e;
	}
	#global_menu > ul > li.expand-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 > ul > li > a {
		padding-bottom: 12px;
	}
/* 	#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 {
		color: black;
	} */
	#global_menu > ul > li.expand-menu > div:hover,
	#global_menu > ul > li.expand-menu > ul > li > a:hover,
	#global_menu > ul > li.expand-menu > ul > li.expand-menu > div:hover,
	#global_menu > ul > li.expand-menu > ul > li.expand-menu > ul > li > a:hover,
	#global_menu > ul > li > a:hover {
		background-color: white;
		border-color: #f03e8e;
	}
	#global_menu > ul > li.expand-menu > div:hover,
	#global_menu > ul > li.expand-menu > ul > li.expand-menu > div:hover,
	#global_menu > ul > li.expand-menu > ul > li > a:hover > div,
	#global_menu > ul > li.expand-menu > ul > li.expand-menu > ul > li > a:hover > div,
	#global_menu > ul > li > a:hover > div {
		text-decoration: none;
	}
	#global_menu > ul > li.expand-menu > ul,
	#global_menu > ul > li.expand-menu > ul > li.expand-menu > ul {
		margin-top:-3px;
	}
	#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 {
	    background-color: #ffffff;
	}
	#global_menu > ul > li > a:hover:before, 
	#global_menu > ul > li.expand-menu > div:hover:before, 
	#global_menu > ul > li.expand-menu > ul > li > a:hover:before, 
	#global_menu > ul > li.expand-menu > ul > li.expand-menu > div:hover:before, 
	#global_menu > ul > li.expand-menu > ul > li.expand-menu > ul > li > a:hover:before {
		content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 2px;
    background-color: transparent;
		border-bottom: 1px solid #f03e8e;
	}
	/* ----------------------------------------------------------- */
	/* 店舗簡易情報                                                */
	/* ----------------------------------------------------------- */
	#shop_info .shop-tel{
		padding-right: 10px;
		
		font-size: 30px;
		color: #f03e8e;
	}
	#shop_info .shop-tel > span:before{
		padding-right: 10px;
		vertical-align: baseline;
	}
	#shop_info#shop_info > div{
		display: inline-block;
	}

	/* ----------------------------------------------------------- */
	/* 会員機能                                                    */
	/* ----------------------------------------------------------- */
	#member_func .member-action-button a{
		background-color: #f03e8e;
		
		
		color: white;
	}

	/* ----------------------------------------------------------- */
	/* 保存機能                                                    */
	/* ----------------------------------------------------------- */
	#save_func a{
		color: black;
		
		background-color: white;
		border-radius: 3px;
	}
	#save_func a .save-num{
		color: #f03e8e;
	}
	#save_func a:hover{
		background-color: #f03e8e;
		color: white;
	}
	#save_func a:hover .save-num{
		color: white;
	}
	.slider-wrapper > .slide-container {
		left: 232px;
		right: 30px;
	}
}/* }}} @media PC・タブレット横 */

/* ----------------------------------------------------------- */
/* ●【ヘッダー】スマホ・タブレット縦                          */
/* ----------------------------------------------------------- */
@media screen and (max-width: 768px){
	#save_func a .save-num{
		color: #f03e8e;
	}
	#member_func{
		margin-top: -35px;
		margin-left: 5px;
	}
	.slider-fixed-content.top-search-button-area {
		top: -50px;
		/*top: 240px; グローバルメニューをスライダーの下部に移動*/
	}
	#save_func a {
		padding: 0 5px 5px;
	}
	.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 1px;
	}
	.slider-fixed-content.top-search-button-area > ul > li > a{
		padding: 5px 0;
		margin: 0;
	}
	.slider-fixed-content.top-search-button-area > ul.no-gakku > li{
		width: 50%;
	}

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






/* ----------------------------------------------------------- */
/* ●トップページヘッダーコンテンツ                            */
/* ----------------------------------------------------------- */
.slider-fixed-content.top-search-easy-area{
	background-color: white;
	border: 1px solid #f03e8e;
	border-radius: 10px;
	
	left: 240px;
	
	color: black;
}

.slider-fixed-content.top-search-button-area a{
	background-color: white;
	border: 1px solid #f03e8e;
	border-radius: 10px;
	
	color: #999999;
}
.slider-fixed-content.top-search-button-area a:hover{
	background-color: #f03e8e;
}
.slider-fixed-content.top-search-easy-area select{
	background-color: #f0f0f0;
	border-color: #cccccc;
}
.top-search-easy-button button{
	background-color: #f03e8e;
	border-radius: 10px;
}
.slider-fixed-content.top-search-button-area ul li ul li a {
    margin: 2px;
}

/* ----------------------------------------------------------- */
/* ●【トップページヘッダーコンテンツ】PC・タブレット横        */
/* ----------------------------------------------------------- */
@media print, screen and (min-width: 769px){
	.slider-fixed-content.top-search-button-area{
		/* 縦にセンタリング */
		top: 0;
		bottom: 0;
		display: flex;
	}
	.slider-fixed-content.top-search-button-area ul{
		/* 縦にセンタリング */
		margin: auto;
	}

	.kensu2 {/* 件数表示 */
		/* background: #fff; */
		width: 100%;
		text-align: center;
		position: absolute;
		left: 120px;
		right: 0;
		bottom: 130px;
	}
}

/* ----------------------------------------------------------- */
/* ●【トップページヘッダーコンテンツ】スマホ・タブレット縦    */
/* ----------------------------------------------------------- */
@media screen and (max-width: 768px){
	.slider-wrapper > .slider-scroller,
	.slider-fixed-content.top-search-easy-area{
		left: 0;
	}
	.slider-fixed-content.top-search-button-area a{
		padding: 10px 0;
		margin: 10px 10px 0 0;
	}
	.slider-fixed-content.top-search-button-area > ul > li > a:hover + ul{
		left:-5px;
	}
	.slider-fixed-content.top-search-button-area > ul > li:last-child > a:hover + ul{
		right:-5px;
	}
	.slider-fixed-content.top-search-easy-area select{
		border-color: #666;
	}
	/*.slider-fixed-content.top-search-button-area ul li:nth-child(2) > a > div:first-of-type{
		font-size:11px;
		letter-spacing: 1px;
	}
	.slider-fixed-content.top-search-button-area a:nth-child(2) > div:first-of-type{
		font-size:11px;
		letter-spacing: 1px;
	}*/
	.top-search-easy-condition {
		width: 100%;
	}
}

li.search-icon{
	background-color: white;
	border: 1px solid #f03e8e;
	border-radius: 6px;
	width: 22%;
	margin-right: 2px;
	color: #f5487e;
	padding: 2px;
}
li.search-icon:last-child{
	border: 1px solid #f03e8e;
}



/* ----------------------------------------------------------- */
/* ●コンテンツ部                                              */
/* ----------------------------------------------------------- */
#contents_wrapper{
	background-color: #faf4e0;
}




/* ----------------------------------------------------------- */
/* ●特集用                                                    */
/* ----------------------------------------------------------- */
.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{
	background-color: #008bca;
}









/* ----------------------------------------------------------- */
/* ▼サイドエリア                                              */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* ●【サイドエリア】共通                                      */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* サイドメニュー                                              */
/* ----------------------------------------------------------- */
.side-menu{
	padding: 9px;
	background-color: white;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
}
.side-menu > dt{
	border-color: #f03e8e;
	color: #000000;
}
.side-menu > dd{
	border-bottom: 1px solid #cccccc;
}
.side-menu > dd:last-child{
	border-bottom-color: transparent;
}
.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 {
	color: black;
}
.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: black;
}
/* メニュー全体マウスオーバー */
.side-menu > dd.expand-menu > label:hover,
.side-menu > dd.expand-menu > ul > li > a:hover,
.side-menu > dd > a:hover{
	background-color: #ffede4;
	color: #f03e8e;
}
.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 {
	color: #f03e8e;
}
.side-menu > dd > a:hover > span {
	color: black;
}
/* メニュー矢印マウスオーバー */
.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: #f03e8e;
}


/* ----------------------------------------------------------- */
/* サイドコンテンツ                                            */
/* ----------------------------------------------------------- */
.side-contents{
	padding: 9px;
	padding: 0px;
	background-color: white;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
}
.side-contents > header{
	border-color: #f03e8e;
	color: #000000;
}
.side-contents > div input[type="password"]:focus,
.side-contents > div input[type="text"]:focus{
	box-shadow: 0 0 0 3px #f03e8e;
}





/* ----------------------------------------------------------- */
/* フッター                                                    */
/* ----------------------------------------------------------- */
#page_top,
#footer{
	background-color: #f03e8e;
}
#copyright{
	color: black;
}
#copyright > .footer-plus-image{
	position: absolute;
	top: -50px;
	right: 20px;
	width: 762px;
	height: 163px;
	background: transparent url( '/img/footer/footer_image_001.png' ) 100% 100% no-repeat;
}
/* [SCREEN PC] */
@media print, screen and (min-width: 769px){
	#copyright{
		padding: 100px 20px 30px 20px;
	}
}/* }}} /[SCREEN PC] */
/* [SCREEN SP] */
@media screen and (max-width: 768px){
	#copyright{
		padding: 80px 5px 10px 5px;
	}
	#copyright > .footer-plus-image{
		top: -50%;
		left: 0;
		right: 0;
		width: 100%;
		height: 100px;
		background-size: 100% auto;
	}
}/* }}} /[SCREEN SP] */











/* ----------------------------------------------------------- */
/* ▼TOPコンテンツ用                                           */
/* ----------------------------------------------------------- */
.main-contents{
	padding: 10px 5px;
	background-color: white;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
}

.main-contents > header{
	border-color: #f03e8e;
	text-align: left;
}
.main-contents > header > span[class^="icon-"]:before{
	color: #f03e8e;
}
.page-main-contents{
	margin: 5px;
	padding: 10px 5px;
	background-color: white;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
}

.page-main-contents > header{
	border-color: #f03e8e;
	text-align: left;
}
.page-main-contents > header > span[class^="icon-"]:before{
	display: none;
}
/* ----------------------------------------------------------- */
/* ▲TOPコンテンツ用                                           */
/* ----------------------------------------------------------- */










/* ----------------------------------------------------------- */
/* ●スマホ・タブレット縦                                      */
/* ----------------------------------------------------------- */
@media screen and (max-width: 768px){
	#side_area,
	#contents{
		background-color: white;
	}
	.side-menu,
	.side-contents,
	.main-contents{
		border-width: 0;
		border-radius: 0;
	}
}/* }}} @media スマホ・タブレット縦 */










/* ----------------------------------------------------------- */
/* ▼共通コンテンツ用                                          */
/* ----------------------------------------------------------- */
/* [SCREEN PC] */
@media print, screen and (min-width: 769px){
	.search-container-wrapper{
		padding: 10px;
		border-radius: 10px;
		border: 1px solid #dcdcdc;
	}
	.search-container > header > .step-box{
		border-radius: 10px;
		background-color: #999999;
	}
}/* }}} /[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: #f03e8e;
	text-align: left;
}
.search-container-wrapper > h2 > span[class^="icon-"]:before{
	width: 40px;
	
	color: #f03e8e;
}

.fixed-contents.form-button-area > .hit-status .hit-count,
.search-container > header > .hit-status > .hit-count{
	color: #f03e8e;
}
.search-container > .sub-title{
	color: #f07241;
}

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

.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: #f03e8e;
}

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




/* ----------------------------------------------------------- */
/* ▲共通コンテンツ用                                          */
/* ----------------------------------------------------------- */



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

@media screen and (max-width: 768px){
	.display-search-condition > dl{
		margin: 3px 3px 0;
		min-width: 160px;
		font-size: 10px;
	}
	.display-search-condition > dl.normal-column{
		flex: 0 1 160px;
	}
}

/* ----------------------------------------------------------- */
/* ●【共通】入力フォーム部品                                  */
/* ----------------------------------------------------------- */
/* ボタン */
a.link-button,
button,
input[type="button"],
input[type="submit"]{
	background-color: #f03e8e;
	border-radius: 10px;
}
a.link-button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover{
	background-color: #ff99c7;
}
a.link-button.button-color-func.button-color-func,
input[type="button"].button-color-func.button-color-func,
button.button-color-func.button-color-func{
	background-color: #f07241;
}


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





/* 一括処理ボックス */
/* .bulk-button-area{
	border: 1px solid #f07241;
} */
.bulk-button-area > .bulk-title:after,
.bulk-button-area > .bulk-title{
	background-color: #f07241;
}


/* ----------------------------------------------------------- */
/* ●【共通】入力フォーム                                      */
/* ----------------------------------------------------------- */

.input-form-area .input-area-group {
	width: 100%;
	margin: 0 auto;
}
@media print, screen and (min-width: 769px){
.input-form-area .input-area-group {
	width: 810px;
	margin: 0 auto;
}
.input-button-area.fit-width-center {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}
}

.privacy-policy-link {
	position: relative;
	padding-top: 20px;
	padding-left: initial;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	width: 640px;
}
.contact-alert-message {
	width: auto;
	max-width: initial;
}

section.input-area > div {
	padding: 10px 5px;
}
.bottom-message {
    margin: 10px auto;
    max-width: 810px;
    text-align: center;
}


/* テキストリンク・グローバルメニュー
a:link,
a:visited,
a:active,
.side-feature > dd > a > span,
.side-feature > dd > a > div > div:first-of-type,
.side-feature > dd > a > div:first-of-type,
#global_menu > ul > li > a,
.side-feature > dd > a{
	color: ${テキストリンク・グローバルメニュー};
}
.side-feature > dd > a{
	border-color: ${テキストリンク・グローバルメニュー};
}
#global_menu > ul > li > a:hover:after,
.side-feature > dd > a:hover:after,
.property-simple > li > dl > dd.thumbnail-image a:hover:after{
	background-color: ${テキストリンク・グローバルメニュー};
}


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

/* ボタン・サイドメニュー（マウスオーバー）
#member_func .member-action-button a,
#save_func a:hover,
.top-search-easy-button button,
button,
input[type="button"],
input[type="submit"],
.slider-fixed-content.top-search-button-area a:hover{
	background-color: ${ボタン・サイドメニュー（マウスオーバー）};
}
#shop_info .shop-tel,
#save_func a .save-num,
#shop_info .shop-tel,
.side-menu > dd.expand-menu > label:hover,
.side-menu > dd.expand-menu > ul > li > a:hover,
.side-menu > dd > a:hover{
	color: ${ボタン・サイドメニュー（マウスオーバー）};
}
.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,
.slider-fixed-content.top-search-button-area a{
	border-color: ${ボタン・サイドメニュー（マウスオーバー）};
}

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


/* タイトル
.main-contents > header > span[class^="icon-"]:before{
	color: ${タイトル};
}

.side-menu > dt,
.side-contents > header,
.main-contents > header{
	border-color: ${タイトル};
}

/* 背景色
#contents_wrapper,
#main_wrapper{
	background-color: ${背景色};
}
*/