@charset "UTF-8";

/*cssのリセット*/
/*-------------------------------------------------------*/
body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin: 0; padding: 0; }
ul,li,ol{ list-style: none; margin: 0; padding: 0; }
a img{ border: none; }
a{ transition: opacity 0.25s linear, color 0.25s linear, background-color 0.25s linear; }



/*初期設定*/
/*-------------------------------------------------------*/
body{ background-color: #ffffff; }
body,p,div{
	color:#666666;
	font-family: Lato, "メイリオ", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-family: "Helvetica neue", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif \9;
}
body:not(:target),
p:not(:target),
div:not(:target){ font-family: Lato, "メイリオ", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif \9; }
a{ color: #0086c5; }
#header-content a:active,
#container a:active,
#footer-content a:active{ opacity: 0.6; }
#container{ min-height: 0!important; width: 100%; margin: 0; padding: 0!important; }
.breadcrumb.insert-header{ display: none; }
.default-width{ margin-left: 30px; margin-right: 30px; }

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 480px){ /*480px以下のcss*/
	.default-width{ margin-left: 15px; margin-right: 15px; }
}



/*ヘッダーのcss*/
/*-------------------------------------------------------*/
#header-content{ position: relative; border-bottom: 1px solid #e0e0e0; z-index: 5000; background-color: #ffffff; width: 100%; }
#header-content.fixed-navi{ position: fixed; top: 0; }
#header-content .logo{ padding: 19px 182px 19px 10px; float: left; min-height: 22px; max-width: 246px; display: table; }
#header-content .logo > a{ display: table-cell; vertical-align: middle; }
#header-content .logo img{ width: 100%; height: auto; }
#header-content .name{ display: none; }
#header-content .primary-navi{ position: absolute; right: 60px; overflow: hidden; width: 112px; }
#header-content .primary-navi > *{ display: none; float: left; }
#header-content .primary-navi > .navi03{ display: block; width: 56px; height: 60px; background: url(../images/img_parts/primary_navi/sp/
	navi01.jpg) 0 0 no-repeat; }
#header-content .primary-navi > .navi04{ display: block; width: 56px; height: 60px; background: url(../images/img_parts/primary_navi/sp/navi02.jpg) 0 0 no-repeat; }
#header-content .primary-navi a{ display: block; width: 100%; height: 100%; }

/*--高解像度向けに画像置き換え--------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio: 1.5),screen and (min-resolution: 1.5dppx){
	#header-content .primary-navi > .navi03{ background-image: url(../images/img_parts/primary_navi/sp/navi01@2x.jpg); background-size: contain; }
	#header-content .primary-navi > .navi04{ background-image: url(../images/img_parts/primary_navi/sp/navi02@2x.jpg); background-size: contain; }
}



/*グローバルナビのcss*/
/*-------------------------------------------------------*/
#header-content .global-navi-menu{ width: 60px; height: 60px; background: url(../images/img_parts/global_navi/sp/icon_menu.png) 0 0 no-repeat; position: absolute; right: 0; cursor: pointer; }
#header-content .global-navi-menu.status-open{ background-position: 0 bottom; }
#header-content .global-navi{ float: left; width: 100%; border-top: 1px solid #e0e0e0; margin-bottom: -1px; display: none; }
#header-content .global-navi > li{ border-bottom: 1px solid #e0e0e0; height: 40px; width: 50%; float: left; background: url(../images/img_parts/global_navi/sp/icon_allow.png) 94% center no-repeat #ffffff; }
#header-content .global-navi > li:nth-child(2n+1):last-child{ width: 100%; background-position: 97% center; background-repeat: no-repeat; }
/*#header-content .global-navi > li{ width: 100%; background-position: 97% center; background-repeat: no-repeat; }*/
#header-content .global-navi > li:active,
#header-content .global-navi > li.current{ background-image: none; }
#header-content .global-navi > li > a{ display: block; border-right: 1px solid #e0e0e0; height: 100%; background: center top no-repeat; position: relative; opacity: 1; }
#header-content .global-navi > li > a:active,
#header-content .global-navi > li.current > a{ background-color: #255c61; background-position: center bottom; }
#header-content .global-navi > li.disabled > a{ background-color: #dddddd; cursor: default; opacity: 1; }
#header-content .global-navi > li.navi01 > a{ background-image: url(../images/img_parts/global_navi/sp/navi01.png); }
#header-content .global-navi > li.navi02 > a{ background-image: url(../images/img_parts/global_navi/sp/navi02.png); }
#header-content .global-navi > li.navi03 > a{ background-image: url(../images/img_parts/global_navi/sp/navi03.png); }
#header-content .global-navi > li.navi04 > a{ background-image: url(../images/img_parts/global_navi/sp/navi04.png); }
#header-content .global-navi > li.navi05 > a{ background-image: url(../images/img_parts/global_navi/sp/navi05.png); }
#header-content .global-navi > li.navi06 > a{ background-image: url(../images/img_parts/global_navi/sp/navi06.png); }
#header-content .global-navi > li.navi07 > a{ background-image: url(../images/img_parts/global_navi/sp/navi07.png); }
#header-content .global-navi > li.navi08 > a{ background-image: url(../images/img_parts/global_navi/sp/navi08.png); }
#header-content .global-navi > li.util01 > a{ background-image: url(../images/img_parts/global_navi/sp/util01.png); }
#header-content .global-navi > li.util02 > a{ background-image: url(../images/img_parts/global_navi/sp/util02.png); }
#header-content .global-navi > li.icon-new > a:before{ content: ''; background: url(../images/img_parts/global_navi/sp/icon_new.png) 0 0 no-repeat; width: 30px; height: 12px; position: absolute; left: 0; top: 0; }

/*--高解像度向けに画像置き換え--------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio: 1.5),screen and (min-resolution: 1.5dppx){
	#header-content .global-navi-menu{ background-image: url(../images/img_parts/global_navi/sp/icon_menu@2x.png); background-size: 60px auto; }
	#header-content .global-navi > li{ background-image: url(../images/img_parts/global_navi/sp/icon_allow@2x.png); background-size: 4px 8px; }
	#header-content .global-navi > li > a{ background-size: auto 200%; }
	#header-content .global-navi > li.navi01 > a{ background-image: url(../images/img_parts/global_navi/sp/navi01@2x.png); }
	#header-content .global-navi > li.navi02 > a{ background-image: url(../images/img_parts/global_navi/sp/navi02@2x.png); }
	#header-content .global-navi > li.navi03 > a{ background-image: url(../images/img_parts/global_navi/sp/navi03@2x.png); }
	#header-content .global-navi > li.navi04 > a{ background-image: url(../images/img_parts/global_navi/sp/navi04@2x.png); }
	#header-content .global-navi > li.navi05 > a{ background-image: url(../images/img_parts/global_navi/sp/navi05@2x.png); }
	#header-content .global-navi > li.navi06 > a{ background-image: url(../images/img_parts/global_navi/sp/navi06@2x.png); }
	#header-content .global-navi > li.navi07 > a{ background-image: url(../images/img_parts/global_navi/sp/navi07@2x.png); }
	#header-content .global-navi > li.navi08 > a{ background-image: url(../images/img_parts/global_navi/sp/navi08@2x.png); }
	#header-content .global-navi > li.util01 > a{ background-image: url(../images/img_parts/global_navi/sp/util01@2x.png); }
	#header-content .global-navi > li.util02 > a{ background-image: url(../images/img_parts/global_navi/sp/util02@2x.png); }
	#header-content .global-navi > li.icon-new > a:before{ background-image: url(../images/img_parts/global_navi/sp/icon_new@2x.png); background-size: contain; }
}



/*メインのcss*/
/*-------------------------------------------------------*/
#main-content .hero{ overflow: hidden; width: 100%; position: relative; margin-bottom: 10%; }
#main-content .hero .caption{ position: absolute; bottom: 0; right: 0; padding: 5px 10px; }
#main-content .page-ttl{ padding: 7.81% 0; text-align: center; }
#main-content .bottom-caption{ padding: 10px 0; margin-top: 6%; }
#main-content .caption.-fill-black{ background-color: #000000; background: rgba(0,0,0,0.8); }
#main-content .bottom-navi{ border-top: 1px solid #dddddd; margin-top: 10%; padding: 7% 30px 0; text-align: center; }
#main-content .bottom-navi > .navi{ display: block; max-width: 540px; margin: 0 auto; text-align: left; }
#main-content .bottom-navi > .navi+.navi{ margin-top: 7%; }
#main-content .bottom-navi .navi-body{ position: relative; overflow: hidden; }
#main-content .bottom-navi .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: background 0.25s linear; background: rgba(70,70,70,0.8); }
#main-content .bottom-navi a{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; text-decoration: none; background: url(../images/img_parts/content/spacer.gif) 0 0 repeat; }
#main-content .bottom-navi a:active~.overlay{ background: rgba(70,70,70,0.6); }
#main-content .bottom-navi a:active~.overlay:not(:target){ filter: none; }
#main-content .bottom-navi a:active~.photo{ transform: scale(1.1); }
#main-content .bottom-navi .photo{ transition: transform 1s ease; }
#main-content .bottom-navi .txt-body{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; width: 100%; }
#main-content .bottom-navi .txt-body > *+*{ margin-top: 4%; }

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .bottom-navi{ padding: 7% 15px 0; }
	#main-content .bottom-navi .photo{ margin: 0 -40px; }
}



/*フッターのcss*/
/*-------------------------------------------------------*/
#footer-content{ border-top: 1px solid #dbdbdb; }
#footer-content .footer-info{ padding: 30px; }
#footer-content .footer-info > *+*{ margin-top: 10px; }
#footer-content .footer-info > .tel.have-link{ height: auto; background: none; width: auto; }
#footer-content .footer-info > .tel.have-link > a{
	display: block; border: 1px solid #c6c6c6; border-radius: 4px; padding: 12px 15px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 80%, #e6e6e6 100%);
	background: -webkit-linear-gradient(top,  #ffffff 80%,#e6e6e6 100%);
	background: linear-gradient(to bottom,  #ffffff 80%,#e6e6e6 100%);
}
#footer-content .footer-info > .tel.have-link > a:active{ background: #fafafa; }
#footer-content .footer-contact{ text-align: center; padding: 20px 15px; background: #f5f6f4; }
#footer-content .footer-contact > .navi{ display: inline-block; background-color: #ffffff; }
#footer-content .footer-contact > .navi+.navi{ margin: 10px; }
#footer-content .global-navi-menu{ display: none; }
#footer-content .global-navi{ text-align: center; padding: 10px 0 15px; }
#footer-content .global-navi > li{ display: inline-block; padding: 0 10px; border-left: 1px solid #999999; border-right: 1px solid #999999; margin-top: 5px; }
#footer-content .global-navi > li~li{ margin-left: -1px; }
#footer-content .global-navi > li > a{ color: #666666; font-size: 10px; line-height: 12px; text-decoration: none; }
#footer-content .global-navi > li > a:hover{ color: #7a6523; }
#footer-content .global-navi > li .txt-hide{ text-indent: 0; white-space: normal; }
#footer-content .link-exchange{ background-color: #f9f9f9; border-top: 1px solid #e5e5e5; padding: 70px 30px 0; text-align: center; }
#footer-content .link-exchange-navi{ margin: 40px auto 0; }
#footer-content .link-exchange-navi > .navi{ max-width: 400px; display: block; margin: 0 auto; position: relative; }
#footer-content .link-exchange-navi > .navi+.navi{ margin-top: 40px; }
#footer-content .link-exchange-navi .photo{ position: relative; }
#footer-content .link-exchange-navi .photo .caption{ position: absolute; left: 0; bottom: 0; background-color: #000000; background-color: rgba(0,0,0,0.8); color: #ffffff; padding: 3px 7px; font-size: 12px; line-height: 1.5; }
#footer-content .link-exchange-navi .name{ font-size: 18px; line-height: 24px; color: #000000; padding: 20px 0 15px; }
#footer-content .link-exchange-navi .txt{ text-align: left; text-decoration: underline; font-size: 14px; line-height: 24px; }
#footer-content .link-exchange-navi a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; background: url(../images/img_parts/link_exchange/spacer.gif) 0 0 repeat; }
#footer-content .link-exchange-navi a:active~.txt{ text-decoration: none; }
#footer-content .link-exchange-navi a~*{ transition: opacity 0.25s linear; }
#footer-content .link-exchange-navi a:active~*{ opacity: 0.7; }
#footer-content .link-exchange > .caption{ margin: 80px auto 0; padding: 10px 0; text-align: left; }

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#footer-content .footer-info{ padding: 30px 15px; }
	#footer-content .link-exchange{ padding: 60px 15px 0; }
	#footer-content .link-exchange-navi .name{ padding: 15px 0 10px; }
	#footer-content .link-exchange > .caption{ margin-top: 40px; }
}


/*----------------------------------------------*/
/*物件ロゴ2つ並び*/
/*----------------------------------------------*/
#footer-content .sellerWrap_area {
	border-top: solid 1px #ececec;
	margin:0 auto;
}
#footer-content .sellerWrap { padding-top: 30px; padding-bottom: 10px; }
#footer-content .sellerWrap ul {
	margin: 0 auto;
	width: 500px;
}
#footer-content .sellerWrap ul li { float: left; }
#footer-content .sellerWrap ul li img { width: 222px; }
#footer-content .sellerWrap ul li + li { float: right; }
#footer-content .sellerWrap ul li + li img { width: 247px; }

@media screen and (max-width: 480px) {
	#footer-content .sellerWrap_area {
		border-top: solid 1px #ececec;
		margin:0 auto;
	}
	#footer-content .sellerWrap { padding-top: 15px; padding-bottom: 15px; }
	#footer-content .sellerWrap ul {
		margin: 0 auto;
		width: 100%;
	}
	#footer-content .sellerWrap ul li { float: none; }
	#footer-content .sellerWrap ul li img { width: 222px; padding-left:5%; padding-bottom:3%; }
	#footer-content .sellerWrap ul li + li { float:none; }
	#footer-content .sellerWrap ul li + li img { width: 247px; padding-left:5%; }
}