@charset "utf-8";

/*==============================
	基本設定
==============================*/
body{
	color:#212121;
	font-size:12px;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin:0;
	padding:0;
	text-align:left;
	background:#bfe5fc;
	-webkit-text-size-adjust:100%;
	min-width:1240px;
	position:relative;
}
body *, body *::before, body *::after{box-sizing:border-box;}
@media only screen and (max-width:767px){
	body{
		min-width:0;
		padding-top:0px;
	}
}

img{ vertical-align:bottom;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
th{
	font-weight:normal;
	text-align:left;
}

/*font layout*/
.fBold{font-weight:bold;}
.fRobot{font-family: 'Roboto Condensed', sans-serif;}
.fRobot2{font-family: 'Roboto', sans-serif;}
.fAlegreya{ font-family: 'Alegreya Sans SC', sans-serif;}
.fLight{font-weight:300;}

/*rollover*/
.ro a:hover,
a.ro:hover,
a .ro:hover{ filter:alpha(opacity=80);opacity:0.8; }
.brt a:hover,a.brt:hover,a .brt:hover{ -webkit-filter: brightness(1.1);filter: brightness(1.1); }
.ro a,
a.ro,
a .ro,
.brt a,
a.brt,
a .brt{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.ro .no_ro a:hover,
.ro a.no_ro:hover{ filter:alpha(opacity=100);opacity:1; }
a:focus{outline:none;}

.spOnly,
.brSp,
.imgSp{
	display:none !important;
}
a{text-decoration:none;}
.wrapper{
	width:1200px;
	margin:0 auto;
}
@media only screen and (max-width:767px){
	.spNone,
	.brPc,
	.imgPc{
		display:none !important;
	}
	.spOnly{
		display:block !important;
	}
	.brSp,
	.imgSp{
		display:inline !important;
	}
	.imgR{
		width:100%;
		height:auto;
	}
	.ro .slick-slide a:hover{filter:alpha(opacity=100);opacity:1;}
	.wrapper{
		width:100%;
		margin:0 auto;
	}
}


/*-----------------------------------------------
	contents
-----------------------------------------------*/
#container{ margin-top:100px;}
#contents{ overflow:hidden;}
@media only screen and (max-width:767px){
	#container{ 
		margin-top:80px;
	}
}

/*-----------------------------------------------
	header
-----------------------------------------------*/
#header{
	width:100%;
}
#header .wrapper{
	width:1200px;
	margin:0 auto;
	position:relative;
}
#header .btnLogo{
	position:absolute;
	top:0;
	right:0;
}
@media only screen and (max-width:767px){
	#header .wrapper{ width:100%;}
	#header .btnLogo{
		right:5%;
	}
	#header .btnLogo img{
		width:auto;
		height:30px;
	}
}
/*-----------------------------------------------
	copy
-----------------------------------------------*/
#copy{
	font-size:12px;
	line-height:16px;
	letter-spacing:0.5px;
	text-align:center;
	color:#000;
	padding:90px 0 60px;
}
@media only screen and (max-width:767px){
	#copy{
		padding:50px 0 100px;
	}
}

/*-----------------------------------------------
sideFixed
-----------------------------------------------*/
#sideFixed{
	position:fixed;
	top:100px;
	right:0;
	z-index:100;
}
#sideFixed .bnrEstate{
	display: block;
	font-size:0;
}
@media only screen and (max-width:767px){
	#sideFixed{
		width:100%;
		top:auto;
		left:0;
		bottom:0;
	}
	#sideFixed .bnrEstate{
		font-size:15px;
		font-weight:bold;
		height:70px;
		position:relative;
		background:#ffd800;
	}
	#sideFixed .bnrEstate .txt{
		color:#452000;
		padding:25px 70px 0 0;
		text-align:center;
	}
	#sideFixed .bnrEstate .txt::before{
		content:"";
		width:22px;
		height:22px;
		background:url("../img/estate/bnrEstateSideIcon.gif");
		background-size:100%;
		display:inline-block;
		vertical-align:middle;
		margin-right:5px;
	}
	#sideFixed .bnrEstate .img{
		position:absolute;
		bottom:0;
		right:0;
		width:70px;
	}
	#sideFixed .bnrEstate .img img{
		width:100%;
		height:auto;
	}
}