@charset "utf-8";


/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. 基本
　01. スライダー
　02. 物件を探す（建売・分譲住宅、土地）
　03. ピックアップコンテンツ
　04. ダイワハウスの分譲地「セキュレア」とは
　05. こだわり分譲地特集
　06. 関連コラム
　07. 分譲住宅選びのポイント
　08. セキュレアクラブ入会のご案内
　09. 関連情報

******************************************************************************* */

/* ==

　00. 基本

================================================================================================= */
#main h2{
	margin-bottom:40px;
	font-size:36px;
	font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
	text-align:center;
}
#main h3{
	font-size:150%;
	font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
}
#main .lead{ width:790px; margin:0 auto 50px; font-size:130%; text-align:center; }



.slider .slick-dots{ width:auto; text-align:left; bottom:-40px; }
.slider .slick-dots li{ margin:0; }
.slider.slick-dots li button{ width:25px; height:25px; text-align:center; }
.slider .slick-dots li button:before { font-size:20px; content:"\025CB"; color:#fff; opacity: 1.0; }
.slider .slick-dots li.slick-active button:before { font-size:24px; content:"\025CF"; color:#fff; opacity: 1.0; }




/* ==

　01. スライダー

================================================================================================= */
#loading{
	margin-top:-37.5px;
	margin-left:-37.5px;
	position: absolute;
	left:50%;
	top:50%;
}
#loader-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 1;
}
#loader-bg ,#loader {
	max-height: 544px;
}


div.slider{
	min-width:1200px;
	padding:0;
	zoom:1;
	position:relative;
	clear:both;
}
div.slider .slick-container{ position:relative; display: none; }
div.slider .slick-container .slide{
	width:100%;
	max-width:1400px;
	max-height:560px;
	margin:0 auto;
}
div.slider .slick-container .slide img{ width:100%; height:auto; }

div.slider .slick-slide.slick-current{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
div.slider .slick-slide.slick-current a:hover{
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}
div.slider .slick-container .slide img.devSmp{ display:none; }
div.slider .slick-container .slide img.devPcTbl{ display:inline; }


div.slider .slick-arrow{
	width:32px;
	margin:0 auto;
}
div.slider .btn_prev{ width:1120px; margin:0 auto; margin-top:-48px; margin-left:-660px; position:absolute; top:50%; left:50%; }
div.slider .btn_next{ width:1120px; margin:0 auto; margin-top:-48px; margin-left:-460px; text-align:right; position:absolute; top:50%; left:50%; }
div.slider .btn_prev div{ width:32px; position:absolute; top:0; left:0; cursor:pointer; }
div.slider .btn_next div{ width:32px; position:absolute; top:0; right:0; cursor:pointer; }

@media only screen and (max-width: 1400px) {
	div.slider .btn_prev{ width:auto; margin-left:0; left:40px; }
	div.slider .btn_next{ width:auto; margin-left:0; left:auto; right:40px; }
}

div.slider .slick-dotted.slick-slider{ margin-bottom:0; }
div.slider .slick-dots{
	width:100%;
	margin:0 auto;
	text-align:center;
	position:absolute;
	bottom:20px;
	left:0;
}
div.slider .slick-dots li{ margin:0 2.5px; }




/* ----------------------------------- */
.slide_pc {
	height: 544px;
	position: relative;
}
.slide_pc img {
	position: absolute;
	top: 0;
	left: 0;
}
.slide_smp {
	position: relative;
}
.slide_smp img {
	position: absolute;
	top: 0;
	left: 0;
}
div.slider .slick-container .slide {
	max-height: 544px;
}
div.slider .slide_wrap {
	display: block;
	position: relative;
}
div.slider .slide_wrap h1 {
	position: absolute;
	top: 75px;
	left: 180px;
}
div.slider .slide_wrap .slide_txt {
	position: absolute;
	top: 255px;
	left: 160px;
}
div.slider .slide_wrap .slide_txt img {
	width: auto;
}
div.slider .slide_wrap .slide_txt div {
	position: absolute;
	top: 0;
	left: 0;
	width: 391px;
	text-align: center;
	opacity: 0;
}
div.slider .slide_wrap .slide_txt .slide_txt_1 {
	opacity: 1;
}
div.slider .slide_wrap .slide_btn {
	position: absolute;
	top: 365px;
	left: 240px;
}
div.slider .slide_wrap .slide_btn a {
	display: block;
	margin-bottom: 15px;
}

/* ==

　02. 物件を探す（建売・分譲住宅、土地）

================================================================================================= */
.searchBlock{
	min-width:1200px;
	padding:110px 0;
	background-color:#1c2538;
	color:#fff;
	zoom:1;
	clear:both;
}
.searchBlock-p1 {
	position: relative;
	padding-top: 50px;
	padding-bottom: 180px;
	background-color:#333b4c;
	overflow: hidden;
}
.searchBlock .inner{
	position: relative;
	width:1200px;
	z-index: 1;
}
.searchBlock .inner .lead{ color:#c8cacc; }
.searchBlock .wrap{
	border:16px solid #333b4c;
}
.searchBlock .bMap{
	width:825px;
	padding-top:60px;
	background-color:#fff;
	float:left;
}
.searchBlock .bSelect{
	width:255px;
	padding:63px 44px 0;
	float:left;
}
.searchBlock .bSelect ul{ padding-bottom:14px; }
.searchBlock .bSelect li{
	margin-bottom:16px;
	font-size:154%;
}
.searchBlock .bSelect li a{
	height:94px;
	padding-left:70px;
	background-position:26px center;
	background-repeat:no-repeat;
	border:1px solid #bbbec4;
	line-height:94px;
	color:#fff;
	text-decoration:none;
	font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
	display:block;
}
.searchBlock .bSelect li.bSelect_area a{ background-image:url(../../images/rn03/ico_area01.png); }
.searchBlock .bSelect li.bSelect_map a{ background-image:url(../../images/rn03/ico_map01.png); }
.searchBlock .bSelect li.bSelect_route a{ background-image:url(../../images/rn03/ico_route01.png); }
.searchBlock .bSelect li a:hover{
	background-color:#333b4c;
}

.searchBlock form p{
	margin-bottom:10px;
	font-size:130%;
	font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
}

.searchBlock #searchBox3,
.searchBlock #bSelect_text{
	width:180px;
	height:38px;
	padding:0 10px;
	background-color:#1c2538;
	border-top:1px solid #bbbec4;
	border-bottom:1px solid #bbbec4;
	border-left:1px solid #bbbec4;
	border-right:none;
	line-height:36px;
	color:#fff;
}
.searchBlock .bnr {
	margin-bottom: 100px;
}
.searchBlock:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	/*
	height: 85%;
	margin: 2% -10% 0;
	*/
	height: 100%;
	margin: -10% -10% 0;
	background: #1c2538;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	z-index: 0;
}

/* bMap
------------------------------------------------------------------------------- */
.bMap_in{
	width:794px;
	height:525px;
	margin:0 auto;
	position:relative;
}
#main .searchBlock .bMap h3 {
	margin: 0 0 0 17px;
	padding: 0;
	background: none;
	font-size:200%;
	color: #000;
}
.bMap_map {
	position: absolute;
	top: 59px;
	left: 220px;
}
.bMap_area {
	position: absolute;
}
#bMap_hokkaido {
	top: 84px;
	left: 614px;
	width: 170px;
}
#bMap_tohoku {
	top: 176px;
	left: 526px;
	width: 252px;
}
#bMap_kanto {
	top: 272px;
	left: 526px;
	width: 252px;
}
#bMap_chubu2 {
	top: 55px;
	left: 17px;
	width: 420px;
}
#bMap_chubu {
	top: 403px;
	left: 327px;
	width: 451px;
}
#bMap_kinki {
	top: 121px;
	left: 17px;
	width: 336px;
}
#bMap_chugoku {
	top: 217px;
	left: 17px;
	width: 252px;
}
#bMap_shikoku {
	top: 439px;
	left: 327px;
	width: 451px;
}
#bMap_kyushu {
	top: 314px;
	left: 17px;
	width: 168px;
}
.bMap_area p {
	line-height: 17px;
	margin: 0 0 9px;
	font-size: 18px;
	color: #333;
	white-space: nowrap;
}
#bMap_chubu p,
#bMap_shikoku p {
	float: left;
	width: 115px;
}
.bMap_area p span {
	margin: 0 0 0 2px;
	font-size: 78%;
}
.bMap_area p a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 3px 25px 0 0;
	background-image: url(../../common/images/ico_arrow03.png);
	background-position: right center;
	background-repeat: no-repeat;
	color: #333;
	text-decoration: none;	
}
.bMap_area ul {
	font-size: 14px;
}
#bMap_chubu ul,
#bMap_shikoku  ul {
	float: right;
	width: 336px;
	margin-top: -4px;
}
.bMap_area li {
	float: left;
	width: 80px;
	margin: 0 4px 4px 0;
}
.bMap_area ul a {
	display: block;
	line-height: 25px;
	padding: 1px 0 0 0;
	background-color: #333b4c;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.bMap_area ul a:hover {
	background-color: #5a6377;
}

.bMap_area:after,
.bMap_area ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .bMap_area,
*:first-child+html .bMap_area ul { zoom: 1; } /* ie7 */
* html .bMap_area,
* html .bMap_area ul { zoom: 1; } /* ie6 */






/* ==

　03. ピックアップコンテンツ

================================================================================================= */
.pickupBlock{
	/*min-width:1120px;*/
	min-width:1200px;
	padding:100px 0 130px;
	background-color:#333b4c;
	color:#fff;
	zoom:1;
	clear:both;
}

.pickupBlock .colBlock{ width:1120px; margin:0 auto; clear:both; }
.pickupBlock .col{
	width:292px;
	margin:0 0 0 32px;
	padding:0 30px 30px;
	background-color:#424b5e;
	float:left;
}
.pickupBlock .col:first-child{ margin-left:0; }
.pickupBlock .col .img{ margin:0 -30px; }
.pickupBlock .col h3{ margin:30px 0 20px; }
.pickupBlock .col h3 a{
	background:url(/bunjo/common/images/ico_arrow01.png) right center no-repeat;
	color:#fff;
	text-decoration:none;
	display:block;
}
.pickupBlock .col h3 a:hover{ text-decoration:underline; }
.pickupBlock .col p{ color:#c8c9cc; }



/* ==

　04. ダイワハウスの分譲地「セキュレア」とは

================================================================================================= */
.secureaBlock{
	min-width:1200px;
	padding:0 0 180px;
	position:relative;
	overflow:hidden;
}
.secureaBlock:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
	background-color:#333b4c;
	z-index: -2;
}
.secureaBlock:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	/*
	height: 85%;
	margin: 2% -10% 0;
	*/
	height: 100%;
	margin: -10% -10% 0;
	background: #1c2538;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	z-index: -1;
}
.secureaBlock .docs{
	width:600px;
	margin:-360px 0 0 auto;
	padding:80px 60px 50px;
	background-color:#948655;
	color:#fff;
	position:relative;
	/*z-index:100;*/
}
#main .secureaBlock .docs h2{ padding:0 0 20px; font-size:28px; text-align:left; position:relative; }
.secureaBlock .docs h2:after{
	width:680px;
	height:1px;
	content:"";
	position:absolute;
	bottom:0;
	left:-120px;
	background-color:#fff;
}
.secureaBlock .docs p{ margin-bottom:25px; font-size:130%; }
.secureaBlock .docs p em{ font-size:154%; font-weight:normal; }
.secureaBlock .docs ul{
	position:absolute;
	bottom:80px;
	right:60px;
}

.secureaBlock .docs li{ font-size:100%; }
.secureaBlock .docs li a{
	width:194px;
	height:18px;
	margin-top:12px;
	padding:12px 23px;
	border:1px solid #eae7dd;
	line-height:18px;
	color:#fff;
	text-decoration:none;
	position:relative;
	display: block;
}
.secureaBlock .docs li a:after{
	content:"";
	width:7px;
	height:12px;
	margin-top:-6px;
	background:url(/bunjo/common/images/ico_arrow01.png) left top no-repeat;
	position:absolute;
	top:50%;
	right:23px;
}
.secureaBlock .docs li a:hover{
	background-color:#a99e77;
}





/* ==

　05. こだわり分譲地特集

================================================================================================= */
.kodawariBlock{
	min-width:1200px;
	padding:0 0 50px;
	background-color:#333b4c;
	color:#fff;
	zoom:1;
	clear:both;
}
.kodawariBlock .lead{ color:#c8c9cc; }
.kodawariBlock .colBlock{
	display: table;
	table-layout: fixed;
	width: 100%;
	max-width: 1120px;
	margin: 40px auto 0;
	box-sizing: border-box;
}
.kodawariBlock .colBlock .col{ margin-bottom:32px; }
.kodawariBlock .col .img {
	display: table-cell;
	width: 448px;
	vertical-align: middle;
}
.kodawariBlock .col .txt {
	display: table-cell;
	width: 607px;
	padding:0 65px;
	background-color:#424b5e;
	vertical-align: middle;
}
#main .kodawariBlock .col .txt h3{ margin-bottom:10px; font-size:28px; font-weight:200; }
.kodawariBlock .col .txt h3 a{
	padding-right:20px;
	background: url(/bunjo/common/images/ico_arrow01.png) right center no-repeat;
	color:#fff;
	text-decoration:none;
}
.kodawariBlock .col .txt p{ font-size:130%; color:#c8c9cc; }
.kodawariBlock .col .txt .btn{ font-size:117%; }
.kodawariBlock .col .txt .btn a{
	width:194px;
	height:18px;
	margin-top:46px;
	padding:12px 23px;
	border:1px solid #bbbec4;
	line-height:18px;
	color:#fff;
	text-decoration:none;
	position:relative;
	display: block;
}
.kodawariBlock .col .txt .btn a:after{
	content:"";
	width:7px;
	height:12px;
	margin-top:-6px;
	background:url(/bunjo/common/images/ico_arrow01.png) left top no-repeat;
	position:absolute;
	top:50%;
	right:23px;
}
.kodawariBlock .col .txt .btn a:hover{ background-color:#5a6377;; }






.kodawariBlock .colBlock02 { width:1120px; margin:0 auto; clear:both; }
.kodawariBlock .colBlock02 .col02{
	width: 352px;
	margin: 0 0 45px 32px;
	padding: 0;
	float: left;
}
.kodawariBlock .colBlock02 .col02:first-child,
.kodawariBlock .colBlock02 .col02:nth-of-type(4),
.kodawariBlock .colBlock02 .col02:nth-of-type(7) { margin-left:0; }

.kodawariBlock .colBlock02 .col02 .img{ margin:0 0 15px; }

.kodawariBlock .colBlock02 .col02 p{
	font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
}
.kodawariBlock .colBlock02 .col02 p{ font-size:150%; }
.kodawariBlock .colBlock02 .col02 p a{
	color:#fff;
	text-decoration:none;
	position: relative;
	padding-right: 15px;
}
.kodawariBlock .colBlock02 .col02 p a:hover{ text-decoration:underline; }
.kodawariBlock .colBlock02 .col02 p a:after {
  content: "";
  width: 7px;
  height: 12px;
  margin-top: -6px;
  background: url(/bunjo/common/images/ico_arrow01.png) right top no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
}

.kodawariBlock .aikotoba{
	padding:0 0 50px;
	background-color:#333b4c;
	text-align: center;
}


/* ==

　06. 関連コラム

================================================================================================= */
.columnBlock{
	min-width:1200px;
	padding:120px 0 110px;
	/*background-color:#eee;*/
	position:relative;
	overflow:hidden;
}
.columnBlock:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70%;
	margin:0;
	background-color:#333b4c;
	z-index: -2;
}
.columnBlock:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 100%;
	margin: 0 -10%;
	background: #eee;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	z-index: -1;
}
.columnBlock .colBlock{ width:1120px; margin:0 auto; clear:both; }
.columnBlock .col{
	width:292px;
	margin:0 0 0 32px;
	padding:0 30px 25px;
	background-color:#ddd;
	float:left;
}
.columnBlock .col:first-child{ margin-left:0; }
.columnBlock .col .img{ margin:0 -30px 25px; }

.columnBlock .col p{ font-size:150%; }
.columnBlock .col p a{
	padding-right:15px;
	background:url(/bunjo/common/images/ico_blank01.png) right center no-repeat;
	color:#000;
	text-decoration:none;
}
.columnBlock .col p a:hover{ text-decoration:underline; }





/* ==

　07. 分譲住宅選びのポイント

================================================================================================= */
.pointBlock{
	min-width:1200px;
	padding:0 0 80px;
	background-color:#eee;
	zoom:1;
	clear:both;
}
.pointBlock .lead{ color:#444; }
.pointBlock .col{
	width:25%;
	width: -moz-calc(100% / 4);
	width: -webkit-calc(100% / 4);
	width: calc(100% / 4);
	overflow:hidden;
	float:left;
}
.pointBlock .col a{
	font-size:200%;
	color:#fff;
	font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
	text-decoration:none;
	position:relative;
	display:block;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.pointBlock .col a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.pointBlock .col a img{ width:100%; height:auto; }
.pointBlock .col span{
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	/left:0;
	left:0\9;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	/margin-top:-35px;
	margin-top:-35px\9;
	padding:0 0 45px;
	background:url(/bunjo/common/images/ico_arrow02.png) center bottom no-repeat;
	text-align:center;
	display:block;
}

.pointBlock .col span:not(:target){
	left:50%\9;
	margin-top:0\9;
}


/* ==

　08. セキュレアクラブ入会のご案内

================================================================================================= */
.clubBlock{
	min-width:1200px;
	padding:180px 0 160px;
	color:#fff;
	position:relative;
	overflow:hidden;
}
.clubBlock:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
	background-color:#eee;
	z-index: -2;
}
.clubBlock:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 85%;
	margin: 0 -10%;
	background: #1c2538;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	z-index: -1;
}
#main .clubBlock .inner{ padding-top:32px; }
#main .clubBlock h2{
	width:448px;
	padding:70px 0;
	background-color:#938554;
	line-height:1.4;
	position:absolute;
	top:100px;
	left:50%;
}

.clubBlock .img{ width:672px; margin-right:48px;  float:left; }
.clubBlock .docs{
	width:400px;
	padding-top:180px;
	float:left;
}
.clubBlock .docs p{
	margin-bottom:25px;
	font-size:130%;
	color:#c8c9cc;
}
.clubBlock .docs .btn{ font-size:117%; }
.clubBlock .docs .btn a{
	width:194px;
	height:18px;
	margin-top:46px;
	padding:12px 23px;
	border:1px solid #bbbec4;
	line-height:18px;
	color:#fff;
	text-decoration:none;
	position:relative;
	display: block;
}
.clubBlock .docs .btn a:after{
	content:"";
	width:7px;
	height:12px;
	margin-top:-6px;
	background:url(/bunjo/common/images/ico_arrow01.png) left top no-repeat;
	position:absolute;
	top:50%;
	right:23px;
}
.clubBlock .docs .btn a:hover{ background-color:#333b4c; }






/* ==

　09. 関連情報

================================================================================================= */
.relatedBlock{
	min-width:1200px;
	padding-bottom:115px;
	background-color:#eee;
	zoom:1;
	clear:both;
}
.relatedBlock .col{
	width:288px;
	margin-right:32px;
	float:left;
}
.relatedBlock .col h3{ margin-bottom:10px; }
.relatedBlock .col h3 a{
	padding-right:14px;
	background:url(/bunjo/common/images/ico_arrow03.png) right center no-repeat;
	color:#000;
	text-decoration:none;
}
.relatedBlock .col h3 a:hover{ text-decoration:underline; }
.relatedBlock .col .img{ margin-bottom:30px; }
.relatedBlock .col p{ color:#444; }

.relatedBlock .slick-container02{
	min-width:1120px;
}
.relatedBlock .slick-container02 .slick-arrow{
	width:40px;
	margin:0 auto;
}
.relatedBlock .slick-container02 .btn_prev{ width:1120px; margin:0 auto; margin-top:-64px; margin-left:-560px; position:absolute; top:50%; left:50%; }
.relatedBlock .slick-container02 .btn_next{ width:1120px; margin:0 auto; margin-top:-64px; margin-left:-560px; text-align:right; position:absolute; top:50%; left:50%; }
.relatedBlock .slick-container02 .btn_prev div{ width:40px; position:absolute; top:0; left:0; cursor:pointer; }
.relatedBlock .slick-container02 .btn_next div{ width:40px; position:absolute; top:0; right:0; cursor:pointer; }

.relatedBlock .slick-container02 .slick-arrow.slick-disabled{ display:none !important; }