@charset "utf-8";

/*ワイヤー設定 モバイルファースト
*****************************************************/

/*SP*/
body{
	background: #ffffff;
	color: #222;
	font-size:1.4em;/*14px*/
	line-height:1.5em;
	font-family: "Noto Sans JP","游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;/*iPhone文字自動拡大なくす*/
	font-weight:400;
	word-wrap : break-all;
	overflow-wrap : break-word;
	}

.wrapper{
	position:relative;
	width:100%;
	margin:0;
	clear:both;
	float:none;
	min-height: 100vh;
	padding-top:65px;
	overflow:hidden;
	}

.inner,
.innerFull{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	float:none;
	width:92%;
	}

.inner1000{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	}

/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
	body{
		font-size:1.6em;/*16px*/
		line-height:1.5em;
		}
	.inner{
		width:96%;
		max-width:1400px;/*サイトの幅に調整****************/
		}
	.innerFull{
		width:96%;
		max-width:1800px;/*サイトの幅に調整****************/
	}
}
@media only screen and (min-width : 1400px){
	.wrapper{ padding-top:78px;}
}

/*リンク設定
*****************************************************/
a         {color:#0047ca;}
a:link    {}
a:visited {}
a:active  {color: #bc002a !important;}
a:hover   {color: #bc002a !important;}
a:active, a:focus {outline:0;}

a.imgScale{
	display:block;
	overflow:hidden;
	}
a img{transition:0.6s all;}
a:hover img,
a:active img{
	position:relative;
	z-index:1;
	transform:scale(1.1);
	}

a.imgScaleNo{}
a.imgScaleNo:hover img,
a.imgScaleNo:active img{
	transform:scale(1);
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	}




/*SP･TABLET･PC切替
*****************************************************/
.dispSP  {display:block;}
br.dispSP{display:inline-block;}
.dispSPTAB  {display:block;}
br.dispSPTAB{display:inline-block;}
.dispTAB{display:none;}
.dispPC{display:none;}

.dispIB > *{
	display:inline-block;
	margin-left:5px;
	}
.dispFlex{
	display:flex;
	}


/*TABLET*/
@media only screen and (min-width : 600px){
	.dispSP{display:none;}
	br.dispSP{display:none;}
	.dispTAB{display:block;}
	br.dispTAB{display:inline-block;}
}
/*PC*/
@media only screen and (min-width : 1025px){
	.dispSPTAB  {display:none;}
	.dispPC{display:block;}
	br.dispPC{display:inline-block;}
}
@media only screen and (min-width : 1250px){
	.dispPC1250{display:block;}
	br.dispPC1250{display:inline-block;}
}

/*フォントファミリー
*****************************************************/
/*游明朝体*/

.ff-yu-mincho{
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}
@font-face {
  font-family: "Yu Mincho";
  src: local("Yu Mincho Regular");
  font-weight: 500;
	}
@media all and (-ms-high-contrast:none){
	.ff-yu-mincho{
		/* アンチエイリアスを有効にさせたい要素に指定 */
		-webkit-transform: rotate(.028deg);
		-ms-transform: rotate(.028deg);
		transform: rotate(.028deg);	
	}
}
/*游ゴシック体*/
.ff-yu-gothic{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	}
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local('YuGothic-Medium'),  /* Mediumを明示的に指定 */
       local('Yu Gothic Medium'), /* Chrome用 */
       local('YuGothic-Regular'); /* Windows8.1ではMediumがないのでRegularを指定 */
	}
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local('YoGothic-Bold'), /* Boldはそのまま */
       local('Yu Gothic');     /* Chrome用 */
	}

.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
/*フォントサイズ
*****************************************************/


/*SP*/
	.fs10{font-size:0.8rem; line-height:1.4em;}
	.fs12{font-size:1.0rem; line-height:1.4em;}
	.fs13{font-size:1.1rem; line-height:1.4em;}
	.fs14{font-size:1.2rem; line-height:1.4em;}
	.fs16{font-size:1.4rem; line-height:1.5em;}
	.fs18{font-size:1.6rem; line-height:1.6em;}
	.fs20{font-size:1.7rem; line-height:1.6em;}
	.fs22{font-size:1.8rem; line-height:1.6em;}
	.fs24{font-size:2.0rem; line-height:1.6em;}
	.fs30{font-size:2.4rem; line-height:1.6em;}
	.fs40{font-size:2.8rem; line-height:1.6em;}
	.fs50{font-size:3.2rem; line-height:1.6em;}

/*PC*/
@media only screen and (min-width : 1025px){
	.fs10{font-size:1.0rem; line-height:1.4em;}
	.fs12{font-size:1.2rem; line-height:1.4em;}
	.fs13{font-size:1.3rem; line-height:1.4em;}
	.fs14{font-size:1.4rem; line-height:1.4em;}
	.fs16{font-size:1.6rem; line-height:1.5em;}
	.fs18{font-size:1.8rem; line-height:1.6em;}
	.fs20{font-size:2.0rem; line-height:1.6em;}
	.fs22{font-size:2.2rem; line-height:1.6em;}
	.fs24{font-size:2.4rem; line-height:1.6em;}
	.fs30{font-size:3.0rem; line-height:1.6em;}
	.fs40{font-size:4.0rem; line-height:1.6em;}
	.fs50{font-size:5.0rem; line-height:1.6em;}
}


.fsSS{ font-size:0.8em; line-height:1.4em;}
.fsS { font-size:0.86em; line-height:1.4em;}
.fsL { font-size:1.1em; line-height:1.5em;}
.fsLL{ font-size:1.2em; line-height:1.5em;}



/*フォントカラー
*****************************************************/

.fcWhite	{color:#FFFFFF;}
.fcRed		{color:#bc002a;}
.fcBlack	{color:#000000;}
.fcGray3	{color:#333333;}
.fcGray6	{color:#666666;}
.fcGray9	{color:#999999;}
.fcLightBlue{color:#258ecf;}



/*背景色/パターン
*****************************************************/
.bgGrayF7  { background:#f7f7f7;}
.bgGrayEEE { background:#eeeeee;}
.bgGrayCCC { background:#cccccc;}
.bgWhite   { background:#ffffff;}

.bgPattern01{ background-image:url(../images/common/pattern01.png);}
.bgPattern02{ background-image:url(../images/common/pattern02.png);}
.bgPattern03{ background-image:url(../images/common/pattern03.png);}
.bgPattern04{ background-image:url(../images/common/pattern04.png);}
.bgPattern05{ background-image:url(../images/common/pattern05.png);}
.bgPattern06{ background-image:url(../images/common/pattern06.png);}
.bgPattern07{ background-image:url(../images/common/pattern07.png);}
.bgPattern08{ background-image:url(../images/common/pattern08.png);}


/*スペーサー
*****************************************************/

/*SP*/
.mrgnB1 {margin-bottom:1px;}
.mrgnB3 {margin-bottom:3px;}
.mrgnB5 {margin-bottom:5px;}
.mrgnB10 {margin-bottom:10px;}
.mrgnB15 {margin-bottom:15px;}
.mrgnB20 {margin-bottom:15px;}
.mrgnB30 {margin-bottom:15px;}
.mrgnB40 {margin-bottom:20px;}
.mrgnB50 {margin-bottom:25px;}
.mrgnB60 {margin-bottom:30px;}
.mrgnB80 {margin-bottom:40px;}

.mrgnT10 {margin-top:10px;}
.mrgnT20 {margin-top:20px;}

/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
	.mrgnB20 {margin-bottom:20px;}
	.mrgnB25 {margin-bottom:25px;}
	.mrgnB30 {margin-bottom:30px;}
	.mrgnB40 {margin-bottom:40px;}
	.mrgnB50 {margin-bottom:50px;}
	.mrgnB60 {margin-bottom:60px;}
	.mrgnB70 {margin-bottom:70px;}
	.mrgnB80 {margin-bottom:80px;}
}

/*余白
*****************************************************/


.pad5 { padding:5px;}
.pad10{ padding:10px;}
.pad15{ padding:15px;}
.pad20{ padding:15px;}
.pad40{ padding:20px;}

.padLR20{ padding:0 15px;}
.padLR40{ padding:0 20px;}

/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
	.pad20{ padding:20px;}
	.pad40{ padding:40px;}
	.padLR20{ padding:0 20px;}
	.padLR40{ padding:0 40px;}
}
/*IE*/
@media (-ms-high-contrast:none) and (min-width: 1025px) {
	.pad5{ padding:8px 5px 2px;}
	.pad10{ padding:13px 10px 7px;}
	.pad15{ padding:18px 15px 12px;}
	.pad20{ padding:23px 20px 17px;}
	.pad40{ padding:43px 40px 37px}
}


/*右寄せ・左寄せ
*****************************************************/
.floatLeft  { float:left;}
.floatRight { float:right;}

.floatLeftImg40  { float:left; width:40%; margin:0 2% 20px 0; }
.floatRightImg40 { float:right; width:40%; margin:0 0 20px 2%;}
.floatRightImg40 img{ float:right;}

.floatLeftImg100-33,
.floatRightImg100-33  { float:none; width:100%; margin:0; }
.floatLeftImg100-33 img,
.floatRightImg100-33 img{ margin:auto;}

/*テキスト*/
.txtC-L{ text-align:left;}

/*PC*/
@media only screen and (min-width : 1025px){
	.floatLeftImg100-33  { float:left; width:33%; margin:0 2% 20px 0; }
	.floatRightImg100-33 { float:right; width:33%; margin:0 0 20px 2%;}
	.floatRightImg100-33 img{ margin:inherit; float:right;}

	.txtC-L{ text-align:center;}
}


/*横幅
*****************************************************/
.w15{ width:15%; height:auto;}
.w20{ width:20%; height:auto;}
.w25{ width:25%; height:auto;}
.w30{ width:30%; height:auto;}
.w33{ width:33%; height:auto;}
.w35{ width:35%; height:auto;}
.w40{ width:40%; height:auto;}
.w45{ width:45%; height:auto;}
.w49{ width:49%; height:auto;}
.w50{ width:50%; height:auto;}
.w60{ width:60%; height:auto;}
.w70{ width:70%; height:auto;}
.w80{ width:80%; height:auto;}
.w90{ width:90%; height:auto;}
.w100{ width:100%; height:auto;}



/*区切り線　ボーダー
*****************************************************/
hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
	}
.borderBox { border:1px solid #cccccc;}



/*パンくず
*****************************************************/
#breadcrumb {
    position: relative;
    z-index: 1;
	overflow-x: scroll;
	-ms-overflow-style:none;
	white-space: nowrap;
	font-size:0.8em;
	line-height:1;
	padding:5px;
	border-bottom:#eee solid 1px;
	}
#breadcrumb p {
	display: inline-block;
	}
#breadcrumb p:after{
	display: inline-block;
	margin:0 5px;
	content:">"
	}
#breadcrumb p:last-child:after{
	content:'';
	margin:0;
	}
/* スクロールバーを見えなくする */
#breadcrumb::-webkit-scrollbar {height:0;}
#breadcrumb::-webkit-scrollbar-track {background-color: #eee;}
#breadcrumb::-webkit-scrollbar-thumb {background-color: #eee;}

/*
<div id="breadcrumb">
	<p><a href="">トップページ</a></p>
	<p><a href="">売買物件検索</a></p>
	<p>売買物件一覧</p>
</div><!-- / #breadcrumb -->
*/




/*リスト●表示
*****************************************************/
.list > *{
	display:block;
	padding-left: 1em; 
	text-indent: -.7em;
	}
.list > *:before {
	display:inline-block;
	content:'';
	width:5px;
	height:5px;
	margin-right:5px;
	margin-bottom:2px;
	background:#333333;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}


/*リスト番号表示
*****************************************************/
.listNumber > *{
	list-style-type:decimal;
	list-style-position:inside;
	padding-left: 1.2em; 
	text-indent: -1.2em;
	}


/*注釈(※)
*****************************************************/
.listNotes > *{
	padding-left:1em; 
	text-indent:-.5em;
	}
.listNotes > *:before {
	display:inline-block;
	content: "\203B";/*※*/
	}


/*YouTube
*****************************************************/
.youtube{
	position:relative;
	padding-top:56.25%;
	margin-left:auto;
	margin-right:auto;
	}
.youtube iframe{
	position:absolute;
	top:0;
	left:0;
	width: 100% !important;
	height: 100% !important;
	}


/*フォーム
*****************************************************/
input[type="submit"] ,
input[type="reset"] ,
input[type="button"] {
	display:block;
	margin-left:auto;
	margin-right:auto;
	min-width:150px;
	cursor:pointer;
	font-weight:bold;
	padding:10px 5px;
	-webkit-appearance: none;/*iphoneボタンreset*/
	}
input[type="submit"]:hover,
input[type="reset"]:hover ,
input[type="button"]:hover {
	color:#aa1706;
	}

input[type="checkbox"],
input[type="radio"]{
	font-size:200%;
	width:30px;
	height:30px;
	cursor:pointer;
	vertical-align:middle;
	}
label{cursor:pointer;}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="tel"],
input[type="email"],
textarea{
	width: 100%;
	padding:10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	width: 100%;
	border-radius: 3px;
	border: 1px solid #767676;
	}
select{
	display:inline-block;
	width: 100%;
	padding:10px;
	box-shadow: none;
	width: 100%;
	border-radius: 3px;
	border: 1px solid #767676;
	cursor:pointer;
	/*-webkit-appearance: none;iphoneボタンreset*/
	}

input[type="file"]{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size:1em;
	line-height:1.5em;
	font-weight:bold;
	}


/*スマホで画面拡大を防ぐ*/
input,textarea,select{font-size:1.6rem;}

/*必須*/
.required,
input.required,
select.required,
textarea.required,
input:required,
select:required,
textarea:required{
	background:#FFFFCC;
	}

/*PC*/
@media only screen and (min-width : 1025px){
input[type="checkbox"],
input[type="radio"]{
	font-size:200%;
	width:20px;
	height:20px;
	cursor:pointer;
	vertical-align:middle;
	}

}


/*ページトップ
*****************************************************/
#page-top {
	position:relative;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 48px;
	height: 48px;
	cursor:pointer;
	z-index:99;
	text-align:center;
	}
#page-top a{
	height:100%;
	background:rgba(0,0,0,0.3);
	color: #fff !important;
	font-size:1rem;
	line-height:1;
	text-decoration:none;
  display: flex;
  align-items: center;
  justify-content: center;
	}
#page-top a:active,
#page-top a:hover {
	background:#999;
	}
#page-top i{
	margin-right:0;
	text-align:center;
	font-size:2.4em;
	line-height:1em;
}


/*PC*/
@media only screen and (min-width : 1025px){
	#page-top {width:60px; height:60px;}
	#page-top i{
		font-size:3em;
		line-height:1em;
	}
}

/*アコーディオン
*****************************************************/
.accordion{border:#ccc solid 1px;}
.accordionTtl{
	display:flex;
	align-items:center;
	cursor:pointer; padding:10px;font-weight:bold; background: #f7f7f7;}
.accordionBtn{background:#258ecf; padding:10px; margin:-5px;margin-left:auto;}
.accordionDtl {display:none; clear:both; padding:10px;}
/*PCではアコーデオン開いておく*/

@media only screen and (min-width : 1200px){
	.accordion.accordionPcOpen{
		border:none;
		}
	.accordion.accordionPcOpen .accordionTtl{
		display:none;
		cursor:default;
		pointer-events: none;
		}
	.accordion.accordionPcOpen .accordionBtn{
		display:none;
		}
	.accordion.accordionPcOpen .accordionDtl{
		display:block !important;
		padding:0;
		}
}


/*もっとみる
*****************************************************/
.moreBtn-wrap {
  height: 300px;
  overflow: hidden;
  position: relative;
  margin: 0;
	}

.moreBtn-close-btn,
.moreBtn-btn {
  display: block;
  width: 100%;
  padding: 150px 0 60px;
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: center;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 40%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 40%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 40%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#00ffffff',
      endColorstr='#ffffff',
      GradientType=0
    );
}
.moreBtn-close-btn {
  background: none;
	bottom:20px;
  padding:30px 0 0;
}
.moreBtn-slideup {
  padding-bottom: 0;
  overflow: hidden;
}

.moreBtn-slidedown {
  height: auto;
  overflow: visible;
  padding-bottom: 100px;
}


.moreBtn-btn p {
	display:block;
	cursor:pointer;
  color: #205a99;
	text-align:center;
	font-weight:700;
	padding:15px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(border-radius.htc); /* IE */
	border:#205a99 solid 1px;
	text-decoration:none;
	background: #ffffff;
	background:        -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), to(#eeeeee));
	background:         linear-gradient(0deg, #ffffff 0%, #ffffff 50%, #eeeeee 100%);
	background:    -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #eeeeee 100%);
	background:      -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #eeeeee 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #eeeeee 100%);
	background:-ms-linear-gradient(top, #ffffff, #eeeeee); /* IE */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff00,EndColorStr=#ffeeeeee);
	}
.moreBtn-btn p:hover,
.moreBtn-btn p:active{ background:#205a99; color:#ffffff;}


@media all and (-ms-high-contrast:none){
	.moreBtn-btn p {padding:12px 5px 8px;}
}



.moreBtn-slideup {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	}
.moreBtn-slidedown {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}


@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}





/*クリアフィックス
*****************************************************/
.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
	}
.clearfix {
  min-height: 1px;
	}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
	}
.clearboth{clear: both;}