/*
Theme Name: sansei_housing
Theme URI:
Author:Minoura
Author URI:
Description:
Version: 1.000
License:
License URI:
Tags:
*/

/*----------------------------------------
	全体
----------------------------------------*/

html{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	font-size:62.5%;
	color: #000;
	-webkit-text-size-adjust:100%;
	line-height:1.5;
}
body{ font-size:1.4rem; font-size: 1.4em; }
img{ vertical-align: bottom; }
a{
	color:#222222;
	transition: all 0.4s;
	text-decoration: none;
	
}
a:hover{
	color:#e22b2b;
	transition: all 0.4s;
}



/*----------------------------------------
	画像中央配置
----------------------------------------*/

.photo_frame{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 75% 0 0;
}
.photo_frame img{
	width: 100%;
	height: 185px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.photo_frame img:not(:target){
	left: 0\9;
	top: 0\9;
}
.photo_frame img{
	left: 0\9;
	top: 0\9;
}
@media all and (-ms-high-contrast: none) {
.photo_frame img{
		left: 50%\9 !important;
		top: 50%\9 !important;
	}
}
.photo_frame{ z-index: 2; }/*chrome対策*/


/*----------------------------------------
	iframe比率維持
----------------------------------------*/

.map{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding:0 0;
	text-align: center;
}
.map iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.map iframe:not(:target){
	left: 0\9;
	top: 0\9;
}
.map iframe{
	left: 0\9;
	top: 0\9;
}
@media all and (-ms-high-contrast: none) {
.map iframe{
		left: 50%\9 !important;
		top: 50%\9 !important;
	}
}
.map{ z-index: 2; }/*chrome対策*/

@media screen and (max-width: 479px){

	.map{ padding:  0 0; }

}/*END*/


/*----------------------------------------
	text
----------------------------------------*/

p{ line-height: 2; }

.text_blue{ color: #304b72; }
.text_gray{ color: #666; }
.text_gray2{ color: #dcdcdc; }
.text_gray3{ color: #333; }
.text_red{ color:#a40000; }
.text_red2{ color:#bc0015; }
.text_white{ color:#fff; }
.text_gold1{ color: #8d785a; }
.text_gold2{ color: #000000; }
.text_gold3{ color: #c2b48a; }
.text_bold{ font-weight: bold !important; }
.text_normal{ font-weight: normal; }

.fira{ font-family: 'Fira Sans', sans-serif; }
.yu_min{ font-family:'游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝',serif; }

.text_8{ font-size:0.8rem !important; }
.text_9{ font-size:0.9rem !important; }
.text_10{ font-size:1.0rem !important; }
.text_11{ font-size:1.1rem !important; }
.text_12{ font-size:1.2rem !important; }
.text_13{ font-size:1.3rem !important; }
.text_14{ font-size:1.4rem !important; }
.text_15{ font-size:1.5rem !important; }

/*line-height*/
.lh_11{ line-height: 1.1 !important; }
.lh_12{ line-height: 1.2 !important; }
.lh_13{ line-height: 1.3 !important; }
.lh_14{ line-height: 1.4 !important; }
.lh_15{ line-height: 1.5 !important; }
.lh_16{ line-height: 1.6 !important; }
.lh_17{ line-height: 1.7 !important; }
.lh_18{ line-height: 1.8 !important; }

/*letter-spacing*/
.ls_-2{ letter-spacing: -2px; }
.ls_-1{ letter-spacing: -1px; }
.ls_1{ letter-spacing: 1px; }
.ls_2{ letter-spacing: 2px; }
.ls_3{ letter-spacing: 3px; }

@media print, screen and (min-width: 769px) {
    .text_14{ font-size:1.4rem !important; }
	.text_16{ font-size:1.6rem !important; }
	.text_17{ font-size:1.7rem !important; }
	.text_18{ font-size:1.8rem !important; }
	.text_19{ font-size:1.9rem !important; }
	.text_20{ font-size:2.0rem !important; }
	.text_21{ font-size:2.1rem !important; }
	.text_22{ font-size:2.2rem !important; }
	.text_24{ font-size:2.4rem !important; }
	.text_26{ font-size:2.6rem !important; }
	.text_27{ font-size:2.7rem !important; }
	.text_28{ font-size:2.8rem !important; }
	.text_30{ font-size:3.0rem !important; }
	.text_32{ font-size:3.2rem !important; }
	.text_34{ font-size:3.4rem !important; }
	.text_36{ font-size:3.6rem !important; }
	.text_38{ font-size:3.8rem !important; }
	.text_40{ font-size:4.0rem !important; }
	.text_42{ font-size:4.2rem !important; }
	.text_48{ font-size:4.8rem !important; }
	.text_49{ font-size:4.9rem !important; }
	.text_60{ font-size:6.0rem !important; }
	.text_62{ font-size:6.2rem !important; }

	/*line-height*/
	.lh_19{ line-height: 1.9 !important; }
	.lh_20{ line-height: 2 !important; }
	.lh_21{ line-height: 2.1 !important; }
	.lh_22{ line-height: 2.2 !important; }
	.lh_23{ line-height: 2.3 !important; }
	.lh_24{ line-height: 2.4 !important; }
	.lh_25{ line-height: 2.5 !important; }
	.lh_36{ line-height: 3.6 !important; }

	/*letter-spacing*/
	.ls_4{ letter-spacing: 4px; }
	.ls_5{ letter-spacing: 5px; }
	.ls_6{ letter-spacing: 6px; }
	.ls_7{ letter-spacing: 7px; }
	.ls_8{ letter-spacing: 8px; }

}/*END*/

@media print, screen and (min-width:769px) and ( max-width: 979px) {

	.text_18{ font-size:1.7rem !important; }
	.text_24{ font-size:2rem !important; }
	.text_26{ font-size:2.3rem !important; }
	.text_27{ font-size:2.4rem !important; }
	.text_28{ font-size:2.5rem !important; }
	.text_30{ font-size:2.6rem !important; }
	.text_32{ font-size:2.8rem !important; }
	.text_34{ font-size:2.8rem !important; }
	.text_36{ font-size:2.8rem !important; }
	.text_38{ font-size:3rem !important; }
	.text_40{ font-size:3.2rem !important; }
	.text_42{ font-size:3.4rem !important; }
	.text_48{ font-size:3.6rem !important; }
	.text_49{ font-size:3.6rem !important; }

}/*END*/

@media print, screen and (min-width: 980px) and ( max-width: 1199px) {

	.text_24{ font-size:2.2rem !important; }
	.text_26{ font-size:2.3rem !important; }
	.text_27{ font-size:2.4rem !important; }
	.text_28{ font-size:2.5rem !important; }
	.text_30{ font-size:2.6rem !important; }
	.text_32{ font-size:2.8rem !important; }
	.text_34{ font-size:3rem !important; }
	.text_36{ font-size:3.2rem !important; }
	.text_38{ font-size:3.2rem !important; }
	.text_40{ font-size:3.8rem !important; }
	.text_42{ font-size:4rem !important; }
	.text_48{ font-size:4.1rem !important; }
	.text_49{ font-size:4.2rem !important; }

}/*END*/

@media screen and (max-width: 768px){

	p{ line-height: 1.8; }
	.text_16,
	.text_17,
	.text_18{
		font-size: 1.5rem;
	}
	.text_20,
	.text_19{
		font-size: 1.6rem !important;
	}
	.text_21,
	.text_22,
	.text_24{
		font-size: 1.7rem !important;
	}
	.text_26,
	.text_27,
	.text_28,
	.text_30,
	.text_32,
	.text_34{
		font-size: 1.8rem !important;
	}
	.text_38,
	.text_36,
	.text_40{
		font-size: 2rem !important;
	}
	.text_42,
	.text_48,
	.text_49{
		font-size: 3.2rem !important;
	}

	/*letter-spacing*/
	.ls_4{ letter-spacing: 3px; }
	.ls_5{ letter-spacing: 4px; }
	.ls_6{ letter-spacing: 4px; }
	.ls_7{ letter-spacing: 4px; }
	.ls_8{ letter-spacing: 4px; }

	/*line-height*/
	.lh_19,
	.lh_20,
	.lh_21,
	.lh_22,
	.lh_23,
	.lh_24,
	.lh_25{
		line-height: 1.8 !important;
	}

}/*END*/

@media screen and (max-width: 479px){

	p{ line-height: 1.6; }
	.text_16,
	.text_17,
	.text_18{
		font-size: 1.4rem;
	}
	.text_20,
	.text_19{
		font-size: 1.5rem !important;
	}
	.text_21,
	.text_22,
	.text_24{
		font-size: 1.6rem !important;
	}
	.text_26,
	.text_27,
	.text_28,
	.text_30,
	.text_32,
	.text_34{
		font-size: 1.8rem !important;
	}
	.text_38,
	.text_36,
	.text_40{
		font-size: 2rem !important;
	}
	.text_42,
	.text_48,
	.text_49{
		font-size: 2.6rem !important;
	}

	/*letter-spacing*/
	.ls_4{ letter-spacing: 2px; }
	.ls_5{ letter-spacing: 2px; }
	.ls_6{ letter-spacing: 2px; }
	.ls_7{ letter-spacing: 2px; }
	.ls_8{ letter-spacing: 2px; }

}/*END*/


li{ list-style:none; }
.center{ text-align:center; }
.text_left{ text-align:left; }
.text_right{ text-align:right; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }

.op:hover{
	filter: alpha(opacity=60);
	-moz-opacity:060;
	opacity:0.60;
}


/*----------------------------------------
	共通
----------------------------------------*/

/*背景*/
.bg_gray1{
	position: relative;
	background: #262626;
}
.bg_gray2{
	position: relative;
	background: #ebebeb;
}
.bg_white{ background: #fff; }

/*下層MV*/
.under_mv{
	position: relative;
	box-sizing: border-box;
}
.under_mv h2{
	position: absolute;
	top: 40%;
	width: 100%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	color: #fff;
}

/*ぱんくず*/
.pan_nav{
	font-size: 1.2rem;
	color: #dcdcdc;
	letter-spacing: 1px;
	background: #262626;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	padding: 7px 2%;
}
.pan_nav li{
	float: left;
	white-space: nowrap;
	line-height: 1.2;
}
.pan_nav a{
	color: #c2b48a;
	text-decoration: none;
}
.pan_nav a:hover{
	color: #f3de9f;
	text-decoration: underline;
}
.pan_nav a:after{
	content: "＞";
	color: #c2b48a;
	font-size: 0.6rem;
	padding-left: 10px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
.pan_nav.gray_ver{
	background: #eee;
	color: #000;
}

/*資料請求バナー*/
.bnr_catalog{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
	width: 100%;
}

/*ボーダーのボタン*/
.btn_frame_red,
.btn_frame_white,
.btn_frame_black{
	position: relative;
	transition: all 0.3s;
	display: inline-block;
}
.btn_frame_red{ color: #fff; }
.btn_frame_white{ color: #fff; }
.btn_frame_red:before,
.btn_frame_white:before,
.btn_frame_black:before{
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	transition: all 0.3s;
}
.btn_frame_red:before{ background-color: #fff; }
.btn_frame_white:before{ background-color: #fff; }
.btn_frame_black:before{ background-color: #000; }
.btn_frame_red:hover:before,
.btn_frame_white:hover:before,
.btn_frame_black:hover:before{
	left: 0;
	width: 100%;
}
.btn_border{
	position: relative;
	display: inline-block;
	line-height: 1;
	text-align: center;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
	transition: all 0.3s;
	padding-right: 15px;
}
.btn_frame_red .btn_border{ background: #b51717; }
.btn_frame_white .btn_border{ border: 2px solid #fff; }
.btn_frame_black .btn_border{ border: 2px solid #000; }
.btn_frame_red .btn_border:hover,
.btn_frame_black .btn_border:hover{
	color: #fff;
	transition: all 0.5s;
}
.btn_frame_white .btn_border:hover{ color: #000; }
.btn_border:before{
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	width: 24px;
	height: 2px;
}
.btn_frame_red .btn_border:before{ background: #fff; }
.btn_frame_white .btn_border:before{ background: #fff; }
.btn_frame_black .btn_border:before{ background: #000; }
.btn_frame_white .btn_border:hover:before{ background: #000; }
.btn_frame_black .btn_border:hover:before{ background: #fff; }

.btn_border:after{
	content: "";
	position: absolute;
	right: 23px;
	top: 50%;
	margin-top: -5px;
	width: 11px;
	height: 11px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn_frame_red .btn_border:after{ border-top: 2px solid #fff; }
.btn_frame_white .btn_border:after{ border-top: 2px solid #fff; }
.btn_frame_black .btn_border:after{ border-top: 2px solid #000; }
.btn_frame_white .btn_border:hover:after{ border-top: 2px solid #000; }
.btn_frame_black .btn_border:hover:after{ border-top: 2px solid #fff; }

.btn_frame_red .btn_border:before,
.btn_frame_white .btn_border:before,
.btn_frame_black .btn_border:before,
.btn_frame_red .btn_border:after,
.btn_frame_white .btn_border:after,
.btn_frame_black .btn_border:after,
.btn_frame_white .btn_border:hover:before,
.btn_frame_black .btn_border:hover:before,
.btn_frame_white .btn_border:hover:after,
.btn_frame_black .btn_border:hover:after{
	transition: all 0.5s;
}
.btn_frame_red img{
	width: 18px;
	vertical-align: middle;
	margin-right: 10px;
}
.btn_frame_red .btn_border:hover{ background: #e42626; }

.btn_180{ width: 180px; }
.btn_250{ width: 250px; }
.btn_260{ width: 260px; }
.btn_300{ width: 300px; }
.btn_400{ width: 400px; }
.btn_wide{ width: 100%; }

@media screen and (max-width: 768px) {

	/*下層MV*/
	.under_mv img{
		width: 120%;
		margin-left: -10%;
	}

	.tb_center{ text-align: center; }

}/*END*/

@media screen and (max-width: 599px) {

	/*下層MV*/
	.under_mv h2{ top: 33%; }

}/*END*/

@media screen and (max-width: 479px) {

	/*下層MV*/
	.under_mv img{
		width: 200%;
		margin-left: -50%;
	}
	.under_mv h2{ top: 35%; }

	/*ぱんくず*/
	.pan_nav{ display: none; }

}/*END*/


/*----------------------------------------
	layout
----------------------------------------*/

.narrow_frame,
.inner_frame{
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

@media print, screen and (min-width: 769px) {

	.narrow_frame,
	.inner_frame{
		padding-right: 1.72%;
		padding-left: 1.72%;
	}
	.content{
		float: left;
		width: 77%;
	}
	.product_content{
		float: left;
		width: 54.03%;
	}
	.side{
		float: right;
		width: 18%;
		}
	.product_side{
		float: right;
		width: 42.03%;
	}
	

}/*END*/

@media print, screen and (min-width:769px) and ( max-width: 999px) {

	.content{ width: 72%; }

}/*END*/

@media print, screen and (min-width: 1020px) {

	.narrow_frame{
		width: 1000px;
		padding-right: 20px;
		padding-left: 20px;
		margin-left: auto;
		margin-right: auto;
	}

}/*END*/

@media print, screen and (min-width: 1120px) {

	.inner_frame{
		width: 1100px;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
	}

}/*END*/

@media screen and (max-width: 768px){

	.narrow_frame,
	.inner_frame{
		padding-right: 3%;
		padding-left: 3%;
	}

}/*END*/

@media screen and (max-width: 479px){

	.narrow_frame,
	.inner_frame{
		padding-right: 2%;
		padding-left: 2%;
	}

}/*END*/

.box_l{
	float: left;
	width: 48.1%;
}
.box_r{
	float: right;
	width: 48.11%;
}
.box_ls{
	float: left;
	width: 47.41%;
}
.box_rs{
	float: right;
	width: 47.41%;
}

.list_three{ margin-left: -3.19%; }
.list_four{ margin-left: -1.85%; }
.list_three li,
.list_four li{
	position: relative;
	float: left;
	box-sizing: border-box;
	margin-bottom: 40px;
}
.list_three li{
	width: 30.13%;
	margin-left: 3.19%;
}
.list_four li{
	width: 23.14%;
	margin-left: 1.85%;
}
.list_three li a,
.list_four li a{
	text-decoration: none;
}
.list_four li:nth-child(4n+1){ clear: both; }

@media print, screen and (min-width: 769px) {

	.list_three li:nth-child(3n+1){ clear: both; }

}/*END*/

@media screen and (max-width: 768px){

	.side{ display: none; }
	.list_four li:nth-child(2n+1){ clear: both; }
	.list_four li{ width: 46.67%; }

}/*END*/

@media screen and (max-width: 599px){

	.box_l,
	.box_r,
	.box_ls,
	.box_rs{
		float: none;
		width: 100%;
	}
	.list_three li{ width: 46.67%; }
	.list_three li:nth-child(2n+1){ clear: both; }

}/*END*/

@media screen and (max-width: 479px){

	.list_two,
	.list_three{
		margin-left:0;
	}
	.list_two li,
	.list_three li{
		float: none;
		width: 100%;
		margin-left:0;
		margin-bottom: 20px;
	}

}/*END*/


/*----------------------------------------
	header
----------------------------------------*/

#container{ overflow: hidden; }
header{
	box-sizing: border-box;
	background: #262626;
}
header a{
	display: block;
	text-decoration: none;
}

header img{
	width: 400px;
text-align: center;
margin: 0 auto;}

@media print, screen and (min-width: 769px) {

header h1{
	font-size: 16px;
	margin-left: 10px;
			
	}
	#sd{
		float: right;
		max-width: 800px;
		width: 59.25%;
	}
	#sd li{ float: left; }
	#sd li:nth-child(2){
		width: 16.25%;
		margin-left: 1.87%;
	}
	#sd li:nth-child(4),
	#sd li:nth-child(6),
	#sd li:nth-child(8){
		width: 11.25%;
		margin-left: 1.87%;
	}
	#sd li:nth-child(5){
		width: 13.75%;
		margin-left: 1.87%;
	}
	#sd li:nth-child(9){
		width: 12.5%;
		margin-left: 1.87%;
		background: #c2b48a;
	}
	#sd li:nth-child(10){
		width: 12.5%;
		background: #b51717;
	}
	#sd li span{ display: none; }
	#sd a:hover{ background: #333; }
	#sd li:nth-child(9) a:hover{ background: #ccbe94; }
	#sd li:nth-child(10) a:hover{ background: #d42c2c; }

}/*END*/

@media screen and (max-width: 768px){

	header{ padding-top: 0px; }
	header h1{
		
		max-width: 1000px;
					
	}
	.sp_tel{
		float: right;
		width: 44px;
		margin-right: 8px;
		margin-bottom: 16px;
	}
	.sd-trigger{
		float: right;
		position: relative;
		width: 44px;
		height: 44px;
		cursor: pointer;
		border: 1px solid #dcdcdc;
		box-sizing: border-box;
		margin-bottom: 16px;
		margin-right: 3%;
	}
	.sd-trigger span{
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		width: 22px;
		background-color: #dcdcdc;
	}
	.sd-trigger span:nth-of-type(1) { top: 12px; left: 11px; }
	.sd-trigger span:nth-of-type(2) { top: 20px; left: 11px; }
	.sd-trigger span:nth-of-type(3) { top: 28px; left: 11px; }
	#sd{
		box-sizing: border-box;
		background: #262626;
	}
	.g_nav li{
		position: relative;
		letter-spacing: 1px;
		border-bottom: 1px solid #555;
	}
	.g_nav li a{
		text-decoration: none;
		padding: 12px 2% 12px 6%;
		color:#fff;
		line-height: 1.6;
		font-size: 1.5rem;
	}
	.g_nav{ border-top: 1px solid #555; }
	.g_nav img{ display: none; }
	.sp_nav{
		background: #262626;
		border-top: 1px solid #626262;
	}
	.sp_nav li{
		float: left;
		box-sizing: border-box;
		padding-left: 1.5%;
		padding-right: 1.5%;
		margin-top: -5px;
		text-align: center;
	}
	.sp_nav li:nth-child(2),
	.sp_nav li:nth-child(3){
		width: 21.95%;
	}
	.sp_nav li:nth-child(1){ width: 31.7%; }
	.sp_nav li:nth-child(4){ width: 24.39%; }
	.sp_nav li img{
		width: auto;
		height: 80px;
	}
	.drawer_contact{ margin-bottom: 15px; }
	.drawer_contact li{
		width: 48%;
		border-bottom: none;
	}
	.drawer_contact li:nth-child(1){ float: left; }
	.drawer_contact li:nth-child(2){ float: right; }

	.nav_fixed{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		width: 100%;
	}

}/*END*/

@media screen and (max-width: 479px){

	.sp_nav li{
		padding-left: 1.5%;
		padding-right: 1.5%;
	}
	.sp_nav li img{
		height: auto;
		width: 100%;
	}

}/*END*/


/*----------------------------------------
	MV
----------------------------------------*/

.top_mv{ position: relative; }
.top_mv img{ 
	width: 100%;
	height:500px;
}
.slick-dots li{ float: left; }
.slick-dots{
	position: absolute;
	left: 50%;
	bottom: 15px;
	margin-left: -25px;
}
.slick-dots button{
	background: #fff;
	border: none;
	border-radius: 50%;
	margin-right: 5px;
	margin-left: 5px;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	transition: all 0.4s;
	padding: 0;
}
.slick-dots button:hover{
	opacity: 0.6;
	transition: all 0.4s;
}
.slick-dots li.slick-active button{ background: #8d785a; }
.slick-list{ background: #262626; }
.circle_buy,
.circle_sell{
	position: absolute;
	bottom: -40px;
	max-width: 206px;
	width: 19.43%;
	z-index: 10;
}
.circle_buy{ right: 22.26%; }
.circle_sell{ right: 20px; }
.circle_buy:hover,
.circle_sell:hover{
	transform: rotate(360deg);
}

@media print, screen and (min-width: 769px) and ( max-width: 1259px){

	.circle_buy,
	.circle_sell{
		bottom: 20px;
	}

}/*END*/

@media print, screen and (min-width: 1080px) {

	.circle_buy{ right: 236px; }

}/*END*/

@media screen and (max-width: 768px){

	.slick-dots{ display: none !important; }
	.top_1line_frame{ padding-top: 40px; }


}/*END*/

@media screen and (max-width: 599px){

	.circle_buy,
	.circle_sell{
		width: 17%;
		bottom: -50px;
	}
	.circle_buy{ right: 48%; }
	.circle_sell{ right: 14%; }
	.top_1line_frame{ padding-top: 50px; }
	.top_mv img{
		width: 100%;
		height:200px;
		
	}

}/*END*/


/*----------------------------------------
	index.php
----------------------------------------*/

/*opening animation*/
.opening{
	width: 100%;
	height: 100%;
	background: #262626;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}
.opening img{
	display: none;
	width: 100%;
	max-width: 800px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.top_1line_frame{
	display: table;
	color: #fff;
}
.top_1line_frame a{
	display: block;
	text-decoration: none;
	color: inherit;
}
.top_1line_l{
	display: table-cell;
	vertical-align: middle;
	width: 200px;
	border-right: 1px solid #000;
	padding-top: 8px;
	padding-bottom: 8px;
}
.top_1line_l span,
.top_1line_r span{
	display: inline-block;
	vertical-align: middle;
}
.top_1line_r span{ margin-right: 10px; }
.top_1line_r{
	display: table-cell;
	vertical-align: middle;
	padding-left: 2%;
}
.top_1line_r a:hover{ color: #c2b48a; }
.top_concept_frame{
	background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/top/concept_bg.jpg) bottom center;
	background-size: 100%;
	color: #fff;
}
.top_sale_frame{
	background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/top/sale_bg.jpg) bottom center;
	background-size: 100%;
}
.top_concept_inner{
	position: relative;
	background: #262626;
}
.top_concept_inner img{
	float: left;
	width: 50%;
}
.top_concept_text{
	float: right;
	width: 50%;
	box-sizing: border-box;
	padding-left: 4.71%;
	padding-right: 4.71%;
}
.top_model{
	position: absolute;
	top: 40px;
	left: 0;
	width: 50%;
	max-width: 675px;
}
.fs_img{
	position: absolute;
	top: 40px;
	right: 0;
	width: 50%;
	max-width: 675px;
}
.top_sale_frame{ position: relative; }
.top_sale_inner{ background: #fff; }
.top_sale_inner img{
	float: left;
	width: 50%;
}
.top_sale_text{
	float: right;
	width: 50%;
	box-sizing: border-box;
	padding-left: 4.71%;
	padding-right: 4.71%;
}
.top_satei span{
	background: #bc0015;
	color: #fff;
	line-height: 1;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
}
.top_news{
	float: left;
	width: 72%;
}
.top_fb{
	float: right;
	width: 26.41%;
}
.top_gallery_frame{ background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/top/gallery_bg.jpg) center repeat-x; }
.top_gallery_inner{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	background: #262626;
}
.top_bnr{
	max-width: 970px;
	margin-left: auto;
	margin-right: auto;
}
.top_bnr a{ display: block; }
.top_estate .photo_frame{ padding: 53.84% 0 0; }
.top_estate li a{
	color: inherit;
	text-decoration: none;
}
.top_estate li a:hover{ opacity: 0.7; }

/*現在公開中*/
.now_showing{
	display: inline-block;
	line-height: 1;
	background: #bc0015;
	color: #fff;
	padding: 1px 35px;
	font-weight: bold;
}

/*お客様の声*/
.bg_beige{
	background: #c2b48a;
}
.top_voice a{
	text-decoration: none;
	color: inherit;
}
.top_voice p{
	color: #8d785a;
	font-weight: bold;
}
.top_voice h3{
	line-height: 1.6;
	margin-top: 8px;
}

@media screen and (max-width: 1349px){

	.top_concept_frame,
	.top_sale_frame{
		background-size: auto 100%;
	}

}/*END*/

@media screen and (max-width: 768px){

	/*opening animation*/
	.opening img{ width: 50%; }

	.top_1line_l{ width: 160px; }
	.top_1line_r{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.top_1line_r p{ line-height: 1.5; }
	.top_news,
	.top_fb,
	.top_sale_text,
	.top_sale_inner img,
	.top_concept_inner img,
	.top_concept_text{
		float: none;
		width: 100%;
	}
	.top_model,
	.fs_img{
		position: static;
		width: 100%;
		max-width: inherit;
	}
	.tb_cancel{
		float: none;
		width: 100%;
	}
	.top_gallery_frame{ background: #262626; }
	.top_gallery_inner{ width: 100%; }

}/*END*/

@media screen and (max-width: 599px){

	/*opening animation*/
	.opening img{ width: 60%; }

	.top_1line_l,
	.top_1line_r{
		display: block;
		width: 100%;
		padding-left: 0;
		border-right: none;
	}
	.top_1line_l{
		border-bottom: 1px solid #000;
		padding-bottom: 6px;
	}
	.top_1line_r{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.top_sale_text,
	.top_concept_text{
		padding-left: 5.5%;
		padding-right: 5.5%;
	}

}/*END*/

@media screen and (max-width: 479px){

	/*opening animation*/
	.opening img{ width: 70%; }

}/*END*/



/*----------------------------------------
	housing
----------------------------------------*/

.fs_logo_frame{ background: #262626; }
.fs_logo_img{
	float: left;
	width: 25.47%;
}
.fs_logo_frame div{
	float: right;
	width: 74.53%;
	box-sizing: border-box;
	padding-right: 5%;
	padding-left: 5%;
}
.fs_logo_frame .text_gold2{ padding-top: 8%; }
.btn_kodawari{
	width: 100%;
	max-width: 700px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#plus{ background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/housing/fs_bg01.jpg) center top no-repeat; }
#wellness{ background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/housing/fs_bg02.jpg) center top no-repeat; }
#secure{ background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/housing/fs_bg03.jpg) center top no-repeat; }
#plus,
#wellness,
#secure{
	background-size: 100%;
}
#plus .fs_inner{ border-top: 1px solid #ae0124; }
#wellness .fs_inner{ border-top: 1px solid #29ac7e; }
#secure .fs_inner{ border-top: 1px solid #0274ab; }

.fs_inner{
	background: #fff;
	padding-left: 2.83%;
	padding-right: 2.83%;
}
.fs_ttl{
	width: 100%;
	max-width: 520px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.fs_inner li p{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	color: #434343;
	line-height: 1.5;
	font-size: 1.2rem;
}
#wellness li{
	border-top: 1px solid #dcdcdc;
	padding-top: 10px;
}
#secure .fs_inner{
	background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/housing/f3_img01.jpg) left bottom no-repeat #fff;
	background-size: 64.3%;
	overflow: hidden;
	padding-bottom: 30px;
}
.cp_mark{
	border: 1px solid #dcdcdc;
	padding: 20px 2.22%;
	max-width: 900px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
}
.cp_logo{
	float: left;
	width: 13.98%;
	padding-top: 10px;
}
.cp_mark div{
	float: right;
	width: 80%;
}
.f3_img{
	float: right;
	width: 39.5%;
	margin-right: 5%;
}
.secure_planner{
	max-width: 900px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
.secure_planner div{
	float: left;
	width: 66.66%;
}
.planner_img{
	float: right;
	width: 31.11%;
}

@media screen and (max-width: 1369px){

	#plus,
	#wellness{
		background-size: auto 100%;
	}

}/*END*/

@media screen and (max-width: 1159px){

	#secure{ background-size: auto 100%; }

}/*END*/

@media screen and (max-width: 599px){

	.fs_inner{
		padding-right: 4%;
		padding-left: 4%;
	}
	#secure .fs_inner{
		padding-bottom: 250px;
		background-size: 100%;
	}
	.f3_img{
		float: none;
		width: 250px;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	.secure_planner div{ margin-bottom: 20px; }
	.secure_planner div,
	.planner_img{
		float: none;
		width: 100%;
	}

}/*END*/

@media screen and (max-width: 479px){

	#plus .inner_frame,
	#wellness .inner_frame,
	#secure .inner_frame{
		padding-right: 3%;
		padding-left: 3%;
	}
	.fs_logo_img{
		float: none;
		width: 40%;
		display: block;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 15px;
	}
	.fs_logo_frame div{
		float: none;
		width: 100%;
		padding-right: 5%;
		padding-left: 5%;
		padding-bottom: 15px;
	}
	.fs_logo_frame .text_gold2{ padding-top: 15px; }
	.cp_logo{
		width: 24%;
		padding-top: 0;
	}
	.cp_mark div{ width: 75%; }

}/*END*/


/*----------------------------------------
	makepolicy
----------------------------------------*/

.about_list li p{
	font-size: 1.2rem;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	color: #434343;
	line-height: 1.5;
}
.fs_tab{ margin-left: -1.85%; }
.fs_tab li{
	float: left;
	position: relative;
	cursor: pointer;
	width: 23.14%;
	margin-left: 1.85%;
	transition: all 0.4s;
}
.fs_tab li:after{
	content: "";
	height: 1px;
	width: 116%;
	position: absolute;
	background: #000;
	bottom: 0;
	left: -8%;
}
.fs_tab li:first-child:after{
	width: 108%;
	left: 0;
}
.fs_tab li:hover{
	opacity: 0.6;
	transition: all 0.4s;
}
.fs_tab li.active:hover{ opacity: 1; }
.fs_tab li:last-child:after{ width: 108%; }
.fs_tab li.active:after{ content: none; }
.fs_kodawari{
	display: none;
	padding-left: 2.83%;
	padding-right: 2.83%
}
.fs_kodawari.show{ display: block; }
.eco_24{ margin-left: -3.61%; }
.eco_24 li{
	float: left;
	width: 29.71%;
	border: 2px solid #c2b48a;
	text-align: center;
	margin-left: 3.61%;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.eco_24 h4{
	background: #c2b48a;
	color: #fff;
	padding: 10px 5px;
	line-height: 1.3;
}
.eco_24 p{
	padding: 12px 6px;
	line-height: 1.3;
}
.eco_soudan{
	border: 2px solid #bc0015;
	padding: 12px 20px;
	color: #bc0015;
}
.about_l{
	float: left;
	width: 58%;
}
.about_r{
	float: right;
	width: 40%;
}
.welness_small .about_l{ width: 67%; }
.welness_small .about_r{ width: 31%; }
.hosho_label{
	background: #c2b48a;
	color: #fff;
	padding: 2px 5px;
	line-height: 1.4;
	text-align: center;
	width: 120px;
	box-sizing: border-box;
	margin-bottom: 8px;
}

@media screen and (max-width: 859px){

	.eco_24{ margin-left: 0; }
	.welness_small .about_l,
	.welness_small .about_r,
	.about_l,
	.about_r,
	.eco_24 li{
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.eco_24 h4{ padding: 5px 10px; }
	.eco_24 h4 br{ display: none; }

}/*END*/


/*----------------------------------------
	realestate-list
----------------------------------------*/

.estate_type{ margin-left: -1.85%; }
.estate_type li{
	position: relative;
	float: left;
	width: 31.48%;
	background: #fff;
	margin-left: 1.85%;
	border-top: 2px solid #434343;
	text-align: center;
	font-size: 1.8rem;
}
.estate_type li a{
	display: block;
	color: #000;
	text-decoration: none;
	padding-top: 25px;
	padding-bottom: 25px;
	font-weight: bold;
}
.estate_type li a:hover{
	background: #555;
	color: #fff;
}
.estate_type li:before{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	height: 24px;
	width: 2px;
	background: #2d2d2d;
}
.estate_type li:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -16px;
	width: 11px;
	height: 11px;
	border-top: 2px solid #2d2d2d;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-left: 3px;
}
.estate_list{ margin-left: -1.85%; }
.estate_list li{
	float: left;
	width: 48.14%;
	margin-left: 1.85%;
	margin-bottom: 50px;
}
.estate_list .photo_frame{ padding: 53.84% 0 0; }
.estate_list li:nth-child(2n+1){ clear: both; }
.estate_list li a{
	display: block;
	color: inherit;
	text-decoration: none;
}
.estate_list li a:hover{ opacity: 0.7; }

@media print, screen and (min-width: 769px) and ( max-width: 1119px){

	.estate_type li{ font-size: 1.8vw; }

}/*END*/

@media screen and (max-width: 768px){

	.estate_type li{ font-size: 1.4rem; }
	.kokorozashi_text{
		padding-top: 25px;
		padding-bottom: 25px;
	}

}/*END*/

@media screen and (max-width: 599px){

	.estate_type{ margin-left: 0%; }
	.estate_type li{
		float: left;
		width: 100%;
		margin-left: 0%;
		margin-bottom: 20px;
	}
	.estate_list{ margin-left: 0%; }
	.estate_list li{
		float: left;
		width: 100%;
		margin-left: 0%;
	}

}/*END*/


/*----------------------------------------
	company
----------------------------------------*/

.business_l{
	float: left;
	width: 47.36%;
	margin-bottom: 20px;
}
.business_r{
	float: right;
	width: 47.36%;
	margin-bottom: 20px;
}
.business_l p{
	background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/company/business_line01.gif) left top repeat-x;
	background-size: 100%;
}
.business_r p{
	background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/company/business_line02.gif) left top repeat-x;
	background-size: 100%;
}
.business_l h4{
	background: #c2b48a;
	padding: 12px;
	text-align: center;
}
.business_r h4{
	background: #434343;
	padding: 12px;
	text-align: center;
}
.outline th{ background: #fff !important; }

@media print, screen and (min-width: 769px) {

	.kokorozashi_text{
		float: right;
		width: 61.32%;
		padding-top: 145px;
		padding-bottom: 150px;
	}
	.kokorozashi_bg{
		background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/company/company_img01.jpg) left top no-repeat;
		background-size: 37.4%;
	}
	#business .bg_white{
		padding-right: 5.09%;
		padding-left: 5.09%;
	}

}/*END*/

@media print, screen and (min-width: 769px) and ( max-width: 859px){

	.kokorozashi_text{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#business .bg_white{
		padding-right: 2.5%;
		padding-left: 2.5%;
	}

}/*END*/

@media print, screen and (min-width: 860px) and ( max-width: 959px){

	.kokorozashi_text{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#business .bg_white{
		padding-right: 3%;
		padding-left: 3%;
	}

}/*END*/

@media print, screen and (min-width: 960px) and ( max-width: 1159px){

	.kokorozashi_text{
		padding-top: 85px;
		padding-bottom: 90px;
	}
	#business .bg_white{
		padding-right: 3.5%;
		padding-left: 3.5%;
	}

}/*END*/

@media screen and (max-width: 768px){

	#business .bg_white{
		padding-right: 3.5%;
		padding-left: 3.5%;
	}
	.business_l,
	.business_r{
		float: none;
		width: 100%;
	}

}/*END*/


/*----------------------------------------
	sale
----------------------------------------*/

.bg_dot{ background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/sale/dot_bg.gif) center top repeat-x; }
.sale_nayami{
	margin-left: -1.05%;
	padding-bottom: 10px;
}
.sale_nayami li{
	float: left;
	width: 18.94%;
	margin-left: 1.05%;
	margin-bottom: 20px;
}
.sale_nayami{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 950px;
}
.sale_line{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 940px;
	width: 100%;
}
.sale_copy01{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 660px;
	width: 100%;
}
.sale_support_inner{
	position: relative;
	background: #262626;
}
.sale_support_img{
	float: left;
	width: 50%;
}
.sale_support_text{
	float: right;
	width: 50%;
	box-sizing: border-box;
	padding-left: 4.71%;
	padding-right: 4.71%;
}
.sale_bg{
	background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/sale/sale_bg.jpg) center top no-repeat #434343;
	background-size: 100%;
}
.sale_houhou{
	background: #fff;
	width: 100%;
	max-width: 1060px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 4.71%;
	padding-right: 4.71%;
	box-sizing: border-box;
}
.sale_houhou .box_l h4{
	background: #c2b48a;
	padding: 12px;
	text-align: center;
}
.sale_houhou .box_r h4{
	background: #434343;
	padding: 12px;
	text-align: center;
}
.sale_houhou p.text_12{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	color: #434343;
}
.sale_houhou .box_l p,
.sale_houhou .box_r p,
.sale_houhou .box_l h5,
.sale_houhou .box_r h5,
.sale_houhou .box_l ul,
.sale_houhou .box_r ul{
	padding-left: 4%;
}
.osusume_chukai{ background: #f3f0e8; }
.osusume_kaitori{ background: #ececec; }
.sale_houhou li{ line-height: 2; }
.advice_frame{ position: relative; }
.advice_frame p{ width: 66.66%; }
.advice_img{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 29.16%;
}
.sale_faq{ line-height: 2; }
.sale_faq dt{
	position: relative;
	color: #8d785a;
	padding-left: 55px;
	font-weight: bold;
	margin-bottom: 5px;
}
.sale_faq dt span{
	color: #c2b48a;
	position: absolute;
	left: 10px;
	top: -19px;
}
.sale_faq dd{
	position: relative;
	background: #f5f5f5;
	padding-left: 55px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.sale_faq dd span{
	color: #c2b48a;
	position: absolute;
	left: 15px;
	top: 0;
	color: #434343;
	font-weight: bold;
}
.soudan_bg{
	position: absolute;
	top: 50px;
	left: 0;
	width: 50%;
	max-width: 675px;
}

@media screen and (max-width: 768px){

	.sale_nayami{ margin-left: -2%; }
	.sale_nayami li{
		width: 31.33%;
		margin-left: 2%;
	}
	.sale_support_img,
	.sale_support_inner,
	.sale_support_text{
		float: none;
		width: 100%;
	}
	.soudan_bg{
		position: static;
		width: 100%;
		max-width: inherit;
	}
	.sale_faq dt{ padding-left: 40px; }
	.sale_faq dt span{ top: -5px; }
	.sale_faq dd{ padding: 20px 15px 20px 40px; }
	.sale_faq dd span{ top: 15px; }

}/*END*/

@media screen and (max-width: 599px){

	.advice_frame p{ width: 100%; }
	.advice_img{
		width: 45%;
		display: block;
		margin-right: auto;
		margin-left: auto;
		position: static;
		margin-top: 20px;
	}

}/*END*/

@media screen and (max-width: 479px){

	.advice_img{ width: 55%; }
	.sale_nayami{ margin-left: -4%; }
	.sale_nayami li{
		width: 46%;
		margin-left: 4%;
	}

}/*END*/


/*----------------------------------------
	gallery
----------------------------------------*/

.gallery_nav li a,
.gallery_list li a{
	display: block;
	color: inherit;
	text-decoration: none;
}
.gallery_list li p{
	position: relative;
	padding-left: 10px;
}
.gallery_nav li{
	position: relative;
	background: #fff;
	border-left: 2px solid #434343;
	margin-bottom: 10px;
}
.gallery_nav li a{
	font-size: 1.8rem;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.gallery_nav li a:hover{
	background: #434343;
	color: #fff;
}
.gallery_nav li:before,
.gallery_list li p:before{
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	width: 22px;
	height: 2px;
	background: #434343;
	z-index: 2;
	transition: all 0.4s;
}
.gallery_nav li:after,
.gallery_list li p:after{
	content: "";
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -5px;
	width: 11px;
	height: 11px;
	border-top: 2px solid #434343;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all 0.4s;
}
.gallery_nav li:hover:before{
	background: #fff;
	transition: all 0.4s;
}
.gallery_nav li:hover:after{
	border-top: 2px solid #fff;
	transition: all 0.4s;
}
.gallery_list li p:hover:before,
.gallery_list li p:hover:after{
	transition: all 0.4s;
}
.gallery_list li a div{ overflow: hidden; }
.gallery_list li a img{ transition: all 0.5s; }
.gallery_list li a:hover img{
	transform: scale(1.1) rotate(4deg);
	transition: all 0.5s;
}
.gallery_detail{ margin-left: -1.85%; }
.gallery_detail li{
	width: 14.81%;
	float: left;
	margin-left: 1.85%;
	margin-bottom: 20px;
}
.gallery_detail li a{ display: block; }
.gallery_detail .photo_frame{ padding: 100% 0 0; }

.gallery-icon{
	float: left;
}

@media print, screen and (min-width: 769px) {

	.galery_frame{
		padding-top: 40px;
		padding-bottom: 30px;
	}

}/*END*/

@media print, screen and (min-width: 769px) and ( max-width: 1059px){

	.gallery_nav li a{ font-size: 1.7vw; }

}/*END*/

@media print, screen and (min-width: 769px) and ( max-width: 959px){

	.gallery_detail li{ width: 18.15%; }

}/*END*/

@media screen and (max-width: 849px){

	.gallery_list li a div{ margin-bottom: 8px; }
	.gallery_list li p{
		padding-left: 2px;
		letter-spacing: 1px !important;
	}
	.gallery_list li p:before{ right: 5px; }
	.gallery_list li p:after{ right: 8px; }

}/*END*/

@media screen and (max-width: 768px){

	.gallery_sp_open{
		cursor: pointer;
		position: relative;
		font-size: 1.5rem;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.galery_frame.active{ padding-bottom: 10px; }
	.gallery_nav{
		display: none;
		margin-left: 0;
	}
	.gallery_nav li{
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.gallery_nav li a{ font-size: 1.5rem; }
	.gallery_detail li{ width: 23.15%; }

	/*+ボタン*/
	.plus_icon,
	.plus_icon span{
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.plus_icon{
		border: 1px solid #434343;
		position: absolute;
		width: 30px;
		height: 30px;
		right: 0;
		top: 12px;
		cursor: pointer;
	}
	.plus_icon span{
		position: absolute;
		left: 6px;
		top: 0;
		width: 60%;
		height: 1px;
		background-color: #434343;
		padding: 0 !important;
	}
	.plus_icon span:nth-of-type(1){
		top: 14px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.plus_icon span:nth-of-type(2){
		top: 14px;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}
	.active .plus_icon span:nth-of-type(1){ display:none; }
	.active .plus_icon span:nth-of-type(2){
		top: 14px;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}

}/*END*/

@media screen and (max-width: 479px){

	.gallery_nav li a{ font-size: 1.4rem; }
	.gallery_detail{ margin-left: -3.33%; }
	.gallery_detail li{
		width: 30%;
		margin-left: 3.33%;
	}

}/*END*/


/*----------------------------------------
	harukiwakamatsu model
----------------------------------------*/

.model_frame{ font-family:'游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝',serif; }
.model_frame p{ color: #333; }
.model_mv{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 1350px;
	width: 100%;
}
.model_copy{ color: #a34948 !important; }
.model_point{ position: relative; }
.model_point .inner_frame{ padding-bottom: 220px; }
.point_img01,
.point_img02,
.point_img03{
	position: absolute;
}
.point_img01{
	top: 0;
	left: 5%;
	max-width: 312px;
	width: 20%;
}
.point_img02{
	top: 0;
	right: 0;
	max-width: 467px;
	width: 30%;
}
.point_img03{
	left: 17%;
	bottom: 0;
	max-width: 177px;
	width: 16.69%;
}
.model_movie{
	max-width: 920px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.model_movie video{ width: 100%; }
.model_movie .map{ padding: 56.25% 0 0; }
.model_ttl{ width: 52.83%; }
.plan_bg{ background: #f3f0ea; }
.plan_data{
	background: #fff;
	text-align: left;
	padding: 20px 25px 12px 25px;
}
.plan_data h4{
	border-bottom: 1px solid #333;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #333;
}
.model_fa_frame{ background: #f3f0ea; }
.model_fs_l{
	float: left;
	width: 59.43%;
}
.model_fs_r{
	float: right;
	width: 40.57%;
	text-align: center;
}
.model_fs_text{ padding: 10px 5.81% 0 5.81%; }
.model_fs_line{
	border-bottom: 1px solid #d4cfc5;
	padding-bottom: 7px;
	margin-bottom: 7px;
}
.model_fs_r p.text_18{ color: #a34948; }
.mode_ttl_text{ color: #333; }
.model_gallery_frame{ position: relative; }
.model_gallery_frame .inner_frame{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
}
.model_gallery_ttl{
	position: relative;
	z-index: 2;
	width: 39.62%;
	border: 3px solid #f4cfcd;
	box-sizing: border-box;
}
.model_gallery_ttl h3{
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
}
.model_gallery_ttl p{
	width: 60%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.model_gallery_img{ width: 62.59%; }
.ldk_img01{
	padding-top: 160px;
	padding-bottom: 70px;
	max-width: 845px;
}
.ldk_img02{
	width: 30.37%;
	padding-top: 18px;
	padding-left: 2.5%;
}
.entrance_img01{
	padding-top: 60px;
	padding-bottom: 70px;
	max-width: 845px;
}
.entrance_img02{
	width: 26.79%;
	padding-top: 22px;
	padding-right: 2.5%;
}

@media print, screen and (min-width: 769px){

	.model_gallery_ttl2{
		position: absolute;
		right: 20px;
		top: 50px;
	}
	.model_gallery_2{ width: 65.09%; }

}/*END*/

@media screen and (max-width: 1249px){

	.entrance_img01,
	.ldk_img01{
		padding-bottom: 140px;
	}

}/*END*/

@media screen and (max-width: 1149px){

	.entrance_img01,
	.ldk_img01{
		padding-bottom: 180px;
	}
	.model_gallery_ttl p{ width: 70%; }

}/*END*/

@media screen and (max-width: 1049px){

	.entrance_img01,
	.ldk_img01{
		padding-bottom: 50px;
	}
	.ldk_img02,
	.entrance_img02{
		display: none;
	}
	.model_gallery_ttl p{ width: 80%; }

}/*END*/

@media screen and (max-width: 959px){

	.model_point .inner_frame{ padding-bottom: 30px; }
	.model_gallery_ttl p{
		font-size: 1.5rem !important;
		width: 85%;
	}
	.point_img01,
	.point_img02{
		position: static;
		margin-bottom: 30px;
	}
	.point_img01{
		width: 30%;
		margin-right: 2%;
	}
	.point_img02{
		width: 40%;
		margin-left: 2%;
	}
	.point_img03{ display: none; }
	.lavatory_img01{ padding-bottom: 30px; }

}/*END*/

@media screen and (max-width: 959px){

	.lavatory_img01{ padding-bottom: 60px; }

}/*END*/

@media screen and (max-width: 768px){

	.model_ttl{ width: 80%; }
	.model_gallery_ttl p{ font-size: 1.4rem !important; }
	.model_fs_l,
	.model_fs_r{
		float: none;
		width: 100%;
	}
	.model_fs_r img{ width: 60%; }
	.model_fs_l{ padding-top: 10px; }

}/*END*/

@media screen and (max-width: 699px){

	.model_gallery_frame .inner_frame{ position: static; }
	.model_gallery_ttl{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.model_gallery_ttl .right{ float: none !important; }
	.entrance_img01,
	.ldk_img01{
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.bed_img01,
	.lavatory_img01{
		width: 100%;
		padding-top: 30px;
		padding-bottom: 0;
	}

}/*END*/

@media screen and (max-width: 479px){

	.point_img01{
		width: 40%;
		margin-right: 0;
	}
	.point_img02{ width: 50%; }
	.model_ttl{ width: 100%; }
	.model_fs_r img{ width: 80%; }
	.model_gallery_ttl h3{ max-width: 300px; }

}/*END*/


/*----------------------------------------
	Table基本
----------------------------------------*/

.base{
	width: 100%;
	line-height: 1.8;
}
.base th,
.base td{
	box-sizing: border-box;
	font-weight: normal;
	padding: 15px 20px;
	text-align: left;
}
.base th{
	background: #eee;
	border-top: 1px solid #b5a881;
	border-bottom: 1px solid #b5a881;
}
.base td{
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

@media screen and (max-width: 768px){

	.base{ line-height: 1.5; }
	.base th,
	.base td{
		display: block;
	}
	.base th{
		width: 100% !important;
		padding: 5px 3% !important;
		border-bottom: none !important;
	}
	.base td{ padding: 10px 3% 15px 3% !important; }

}/*END*/


/*----------------------------------------
	投稿系共通
----------------------------------------*/

.new{
	position: relative;
	display: inline-block;
	line-height: 1;
	font-size: 1.4rem;
	font-weight: bold;
	color: #c9151e;
	letter-spacing: 1px;
	vertical-align: middle;
	margin-left: 5px;
}
.line_cat_label,
.cat_label{
	position: relative;
	display: inline-block;
	line-height: 1;
	font-size: 1rem;
	padding: 3px 5px;
	text-decoration: none;
	letter-spacing: 1px;
	margin-right: 5px;
	color: #fff !important;
}
.line_cat_label{ border: 1px solid #fff; }
.cat_label{ background: #555; }
.cat_label.cat_event{ background: #e67700; }
.cat_label.cat_estate{ background: #014099; }
.cat_label.cat_news{ background: #ee7777; }
.cat_label.cat_chirashi{ background: #69b74f; }

.tag_label{
	margin-right: 5px;
	text-decoration: none;
	color: #666;
	font-size: 1.2rem;
}

/*----------------------------------------
	新着情報一覧
----------------------------------------*/

.related_list.related_list{ border-top: none; }
.product_list{
	width:1100px;
    margin-right:auto;
	margin-left:auto;
	justify-content: center;
}

.topics_list li{
	list-style: none;
}
.topics_list li a{
	display: block;
	text-decoration: none;
	color: inherit;
}
.topics_list li a:hover{ opacity: 0.7; }
.topics_list li a h3{
	color: #000000;
	word-wrap: break-word;
	word-break: break-all;
	
}
.entry_text{
	font-size: 1.2rem;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	color: #434343;
	line-height: 1.5;
}
.entry_date{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	color: #666;
}
.topics_list li{
	    width:22%;
	    padding-top: 0px;
		padding-bottom: 17px;
		margin-right:2%!important;
	    display: inline-block;
	  
}
.topics_list li:nth-child(4n){
	margin-right: 0 !important;
}
.photo_area{ position: relative; }


.topics_list.under_list .photo_area{ width: 23%; }
.topics_list.under_list .entry_data{ width: 74.5%; }
.topics_list .new,
.topics_list .cat_label{
	margin-right: 5px;
}
.entry_data p{
	word-break: break-all;
	word-wrap: break-word;
	
}

@media screen and (max-width: 768px){
	.topics_list li{
        padding-top: 0px;
		padding-bottom: 17px;
		width:43%;
		margin-right:3% !important;
		margin-left:3% !important;
}

	.topics_list .photo_area{
	width: 100%;
}
.topics_list .entry_data{
	width: 100%;
	
}

	
	}

}/*END*/


/*----------------------------------------
	新着情報詳細
----------------------------------------*/

.entry_ttl{
	padding-bottom: 7px;
	line-height: 1.4;
	border-bottom: 1px dotted #959595;
	margin-bottom: 5px
}
.entry_data{ 
	line-height: 1;
   
}
.news_detail .new{ margin-right: 5px; }

/*side*/
.side_list li a{
	color: inherit;
	text-decoration: none;
}
.side_list li a:hover{ opacity: 0.7; }
.side_list li{
	width: 100%;
	position: relative;
	list-style: none;
	border-bottom: 1px dotted #959595;
	padding-top: 10px;
    padding-bottom: 10px;
}
.side_list photo_area{
	width: 34%;
}
.side_list entry_data{
	width: 60%;
}


.side_list.cat_list li{ padding-left: 10px; }
.side_list.cat_list li a{
	position: relative;
	display: block;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 15px;
}
.side_list.cat_list li a:before{
	position: absolute;
	width: 5px;
	height: 20px;
	content: "";
	left: 0;
	top: 16px;
	background: #dcdcdc;
}
.side_list.cat_list li.cat_event a:before{ background: #e67700; }
.side_list.cat_list li.cat_estate a:before{ background: #014099; }
.side_list.cat_list li.cat_news a:before{ background: #ee7777; }
.side_list.cat_list li.cat_chirashi a:before{ background: #69b74f; }

.side_list.topics_list .photo_area{ width: 40%; }
.side_list.topics_list .entry_data{ width: 57%; }
.side_list.topics_list p{
	line-height: 1.4;
}
.side_list.topics_list .new{ font-size: 1.2rem; }
.side_tag a,
.side_tag{
	color: #959595;
	text-decoration: none;
	font-size: 1.2rem;
}
.side_tag{
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px dotted #959595;
	border-bottom: 1px dotted #959595;
}
.side_tag a{ margin-right: 5px; }
.side_tag{ line-height: 1.5; }
.side_search{ background: #262626; }
.side_search input[type="text"]{
	float: left;
	width: 85%;
	background: #fff !important;
	font-size: 1.2rem !important;
	padding: 10px 8px !important;
	box-sizing: border-box !important;
	border: 1px solid #dcdcdc;
}
.search_btn{
	float: right;
	width: 15%;
	padding-top: 2px;
}
.search_btn:hover{ opacity: 0.7; }
.side_search input[type="image"]{ width: 100%; }


/*----------------------------------------
	詳細ページャー
----------------------------------------*/

.single_pager li{
	position: relative;
	float: left;
	list-style: none;
	display: block;
	min-height: 30px;
	text-align: center;
	font-size: 1.2rem;
}
.single_pager li a{
	position: relative;
	display: block;
	padding-top: 13px;
	padding-bottom: 13px;
	color: #000;
	background: #fff;
	text-decoration: none;
	border: 1px solid #4e4e4e;
}
.single_pager li a:hover{
	background: #4e4e4e;
	color:#fff;
}

.single_prev{
	width: 23.5%;
	margin-right: 1.5%;
}
.single_list{ width: 50%; }
.single_next{
	width: 23.5%;
	margin-left: 1.5%;
}
.single_pager li.single_next a{ padding-right: 15px; }
.single_pager li.single_prev a{ padding-left: 15px; }
.single_pager li.single_prev a:before{
	content: "";
	position: absolute;
	left: 15px;
	top: 50%;
	width: 22px;
	height: 2px;
	background: #4e4e4e;
	z-index: 2;
}
.single_pager li.single_prev a:after{
	content: "";
	position: absolute;
	left: 18px;
	top: 50%;
	margin-top: -5px;
	width: 11px;
	height: 11px;
	border-top: 2px solid #4e4e4e;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.single_pager li.single_next a:before{
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	width: 22px;
	height: 2px;
	background: #4e4e4e;
	z-index: 2;
}
.single_pager li.single_next a:after{
	content: "";
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -5px;
	width: 11px;
	height: 11px;
	border-top: 2px solid #4e4e4e;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.single_pager li.single_prev a:hover:before,
.single_pager li.single_next a:hover:before{
	background: #fff;
}
.single_pager li.single_prev a:hover:after,
.single_pager li.single_next a:hover:after{
	border-top: 2px solid #fff;
}
.single_pager li.single_prev a:before,
.single_pager li.single_next a:before,
.single_pager li.single_prev a:after,
.single_pager li.single_next a:after,
.single_pager li.single_prev a:hover:before,
.single_pager li.single_next a:hover:before,
.single_pager li.single_prev a:hover:after,
.single_pager li.single_next a:hover:after{
	transition: all 0.4s;
}

@media screen and (max-width: 768px){

	.single_prev{ width: 28.5%; }
	.single_list{ width: 40%; }
	.single_next{ width: 28.5%; }

}/*END*/

@media screen and (max-width: 599px){

	.single_prev{ width: 33.5%; }
	.single_list{ width: 30%; }
	.single_next{ width: 33.5%; }
	.single_list span{ display: none; }

	.single_pager li.single_prev a:before{
		left: 8px;
		width: 13px;
	}
	.single_pager li.single_next a:before{
		right: 8px;
		width: 13px;
	}
	.single_pager li.single_prev a:after{ left: 11px; }
	.single_pager li.single_next a:after{ right: 11px; }
	.single_pager li.single_prev a:after,
	.single_pager li.single_next a:after{
		margin-top: -4px;
		width: 8px;
		height: 8px;
	}

}/*END*/

@media screen and (max-width: 479px){

	.single_pager li{ font-size: 1.1rem; }

}/*END*/


/*----------------------------------------
	一覧ページャー
----------------------------------------*/

.pager{
	position: relative;
	overflow: hidden;
}
.pager ul{
	position: relative;
	float: left;
	left: 50%;
}
.pager li{
	position: relative;
	float: left;
	left: -50%;
	color:#4e4e4e;
	list-style: none;
	font-size: 1.2rem;
}
.pager li a,
.pager li .current{
	display: inline-block;
	margin-right: 4px;
	text-align: center;
	border: 1px solid #4e4e4e;
}
.pager li a{
	background: #fff;
	color:#4e4e4e;
	text-decoration: none;
	width: 40px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.pager li a.prev,
.pager li a.next{
	width: 60px;
}
.pager li a.prev{ margin-right: 8px; }
.pager li a.next{ margin-left: 4px; }
.pager li .current{
	background: #4e4e4e;
	color:#fff;
	width: 40px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.pager li a:hover{
	background: #4e4e4e;
	color:#fff;
}

@media screen and (max-width: 479px){

	.pager li{ font-size: 1.1rem; }
	.pager li a{
		width: 26px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.pager li a.prev,
	.pager li a.next{
		width: 50px;
	}
	.pager li a.prev{ margin-right: 4px; }
	.pager li a.next{ margin-left: 0; }
	.pager li .current{
		width: 26px;
		padding-top: 7px;
		padding-bottom: 7px;
	}

}/*END*/


/*----------------------------------------
	contact
----------------------------------------*/

.contact_info p{
	float: left;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	color: #434343;
	line-height: 1.6;
	width:57%;
}
.contact_info a{
	float: right;
	display: block;
	width: 38.95%;
}
.base.contact th{ width: 300px; }
.base.contact td,
.base.contact th{
	padding: 20px 15px;
}
.hissu{
	background: #bc0015;
	color: #fff;
	border-radius: 3px;
	line-height: 1;
	display: inline-block;
	padding: 2px 5px;
	font-size: 1.2rem;
	margin-left: 10px;
}
.nini{
	background: #b5b5b5;
	color: #fff;
	border-radius: 3px;
	line-height: 1;
	display: inline-block;
	padding: 2px 5px;
	font-size: 1.2rem;
	margin-left: 10px;
}
.kind .mwform-checkbox-field{ display: block; }
.privacy_check .vertical-item{ display: inline-block !important; }
.privacy_check span.error{ margin-bottom: 10px; }
.mwform-radio-field{
	display: inline-block !important;
	margin-right: 15px;
}

td.kind.radio .mwform-radio-field{
	display: block !important;
	margin-right:0;
}

.contact textarea{
	width: 100%;
	box-sizing: border-box;
}
.zip{ margin-bottom: 12px; }
.zip span{ margin-right: 6px; }
.family div{
	float: left;
	margin-right: 20px;
}
#datepicker1,
#datepicker2,
#datepicker3,
#datepicker4{
	width: 200px;
	display: inline-block;
	margin-right: 10px;
}
.privacy_list{
	/*border: 1px solid #aeaeae;*/
	padding: 20px;
}
.privacy_list li{
	position: relative;
	padding-left: 30px;
	line-height: 1.8;
}
.privacy_list li span{
	position: absolute;
	left: 0;
	top: 0;
	color: #a40000;
	font-weight: bold;
	font-size: 1.6rem;
}
.btn_area{ text-align: center; }
.btn_area .btn_send{
	background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/contact/btn_send.gif) center no-repeat;
	background-size: 100%;
	width: 425px;
	height: 70px;
	color: #fff;
	border: none;
	font-weight: bold;
	cursor: pointer;
}
.btn_area .btn_back{
	background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/contact/btn_back.gif) center no-repeat;
	background-size: 100%;
	width: 425px;
	height: 70px;
	color: #fff;
	border: none;
	font-weight: bold;
	cursor: pointer;
}
.btn_area input,
.btn_area button{
	display: block;
	margin: 0 auto 10px;
}
.btn_area input:hover,
.btn_area button:hover{
	opacity: 0.7;
}


.pd_L20{ padding-left:20px; }

.conte_area1,
.conte_area2,
.conte_area3{
display: none;
}


/*error*/
.mw_wp_form .error{
	font-size: inherit !important;
	color: inherit !important;
}
.mw_wp_form span.error{
	color: #e60012 !important;
	padding-top: 6px;
}
.mw_wp_form td.error{
	display: table-cell !important;
	background: #fff7f8;
}

@media screen and (max-width: 768px){

	.btn_area button,
	.btn_area input{
		margin-bottom: 10px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

}/*END*/

@media screen and (max-width: 599px){

	.contact_info p,
	.contact_info a{
		float: none;
		width: 100%;
	}

}/*END*/

@media screen and (max-width: 479px){

	.btn_area .btn_send,
	.btn_area .btn_back{
		width: 320px;
		height: 53px;
	}


}/*END*/


/*----------------------------------------
	フォーム
----------------------------------------*/

select,
textarea,
input[type="text"],
input[type="tel"]{
	border: 1px solid #aeaeae;
	padding: 6px 10px;
	box-sizing: border-box;
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	-webkit-appearance: none;
	transition: all 0.4s;
}
input[type="button"]{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	-webkit-appearance: none;
}
button,
input[type="submit"]{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	-webkit-appearance: none;
	transition: all 0.4s;
}
select{
	background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/common/select_arrow.gif) right center no-repeat #fff;
	background-size: auto 100%;
	padding-right: 60px;
}
.form1{ width: 100px; }
.form2{ width: 120px; }
.form3{ width: 200px; }
.form4{ width: 400px; }
.form_all{ width: 100%; }

@media screen and (max-width: 768px){

	select,
	textarea,
	input[type="text"]{
		font-size: 1.6rem;
	}
	.form3,
	.form4{
		width: 100%;
	}

}/*END*/


/*----------------------------------------
	radio checkbox
----------------------------------------*/

.radio input[type="radio"],
.check input[type="checkbox"]{
	display: none;
}
.radio label,
.check label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 10px;
	padding: 5px 0 5px 15px;
	line-height: 1.2;
}
.radio label:before,
.check label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 17px;
	height: 17px;
	margin-top: -10px;
	background: #fff;
	border:1px solid #b5b8bc;
	border-radius: 50%;
	box-sizing: border-box;
}
.check label:before{ border-radius: 4px; }
.radio label,
.check label{
	margin-left: 0\9;
	padding: 11px\9;
}
.radio label:not(:target),
.check label:not(:target){
	margin-left: 10px\9;
	padding: 11px 0 11px 25px\9;
}
.radio label:before,
.check label:before{
	display: none\9;
}
.radio label:not(:target):before,
.check label:not(:target):before{
	display: inline-block\9;
}
.radio input[type="radio"]:checked + label:after{
	position: absolute;
	content: "";
	top: 50%;
	left: -9px;
	width: 15px;
	height: 15px;
	margin-top: -9px;
	border-radius: 50%;
	background: #07b07a;
	border-color: #07b07a;
}
.check input[type="checkbox"]:checked + label::after {
	content: "";
	position: absolute;
	top: 50%;
	box-sizing: border-box;
	display: block;
}
.check input[type="checkbox"]:checked + label::after {
	left: -7px;
	width: 12px;
	height: 8px;
	margin-top: -7px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.check input[type="checkbox"]:checked + label:before{
	background: #07b07a;
	border-color: #07b07a;
}

/*----------------------------------------
	sitemap
----------------------------------------*/

.sitemap p{
	line-height: 2.2;
	border-bottom: 1px solid #dcdcdc;
	padding: 8px 0;
}
.sitemap a{
	display: block;
	color: inherit;
	text-decoration: none;
}
.sitemap a:hover{ color: #8d785a; }
.sitemap p.sitemap_cat{
	border-bottom: 1px solid #8d785a;
	padding: 0 0 8px 0;
	font-weight: bold;
	color: #8d785a;
	line-height: 1.6;
	margin-bottom: 2px;
}
.sitemap p.sitemap_cat a:hover{ color: #bba382; }


/*----------------------------------------
	aboutus contactus bnr
----------------------------------------*/
#footer_menu_area {
    position: relative;
    width: 100%;
    min-width: 1180px;
}
#footer_menu_area_inner {
    width: 1180px;
    margin: 0 auto;
    z-index: 20;
    position: relative;
    border-right: 1px solid rgba(255,255,255,0.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#footer_menu {
    width: 394px;
}
.footer_menu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid rgba(255,255,255,0.3);
    padding: 60px 50px;
    
}
.footer_menu h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 25px 0;
}
.footer_menu li {
    margin: 0 0 15px 0;
    font-size: 14px;
    line-height: 1.5;
}
.footer_menu li a {
    display: block;
	color: #000;
	text-decoration: none;
}
#footer_find_list {
    width: 393px;
}
#footer_find_list li, #footer_shop_category_list li {
  
 
    margin-right: 20px;
}

#footer_shop_category_list {
    width: 393px;
}

@media screen and (max-width: 1230px){
#footer_menu_area {
    min-width: inherit;
}
#footer_menu_area_inner {
    width: auto;
    border-right: none;
}
#footer_menu {
    width: calc(100% / 3);
}
#footer_find_list {
    width: calc(100% / 3);
}
#footer_find_list li, #footer_shop_category_list li {
    width: 100%;
    float: none;
    margin-right: 0px;
}
#footer_shop_category_list {
    width: calc(100% / 3);
}


}



@media screen and (max-width: 950px){
#footer_menu_area_inner {display: block;}
#footer_menu { width: auto;}
	.footer_menu {
    border-left: none;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding: 30px 0px 28px;
    margin: 0 20px;
}
.footer_menu h3 {
    font-size: 16px;
    margin: 0 0 25px 0;
}
	.footer_menu li {
    margin: 0 0 10px 0;
    font-size: 13px;
    line-height: 1.5;
}
	#footer_find_list {
    width: auto;
    padding: 28px 0px 18px;
}
	#footer_find_list li {
 
 
    margin-right: 20px;
}
	#footer_shop_category_list li {

    margin-right: 20px;
}
	
	
	
	#footer_shop_category_list {
    width: auto;
    padding: 28px 0px 18px;
}
	
}



.aboutus_footer{
	background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/common/aboutus_bg.jpg);
	background-size: 100%;
}
.contactus_footer{
	background: url(//dreamlife.jp/wp-content/themes/sansei_ver01/images/common/contactus_bg.jpg);
	background-size: 100%;
}
.contactus_frame{
	max-width: 900px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.aboutus_footer ul{ margin-left: -3.19%; }
.aboutus_footer li{
	float: left;
	width: 30.13%;
	margin-left: 3.19%;
	position: relative;
	background: #fff;
	margin-bottom: 20px;
	letter-spacing: -1px;
}
.aboutus_footer li a{
	display: block;
	color: inherit;
	text-decoration: none;
}
.aboutus_footer li p{
	line-height: 1.3;
	position: absolute;
	left: 32%;
	top: 28%;
}
.aboutus_footer li:nth-child(2) p{ top: 20%; }
.aboutus_footer li p span{ display: inline-block; }

@media print, screen and (min-width: 800px) and ( max-width: 1119px){

	.aboutus_footer li p{ top: 20%; }
	.aboutus_footer li p span.text_11{ font-size: 1vw !important; }
	.aboutus_footer li p span.text_18{ font-size: 1.6vw !important; }

}/*END*/

@media screen and (max-width: 1359px){

	.aboutus_footer,
	.contactus_footer{
		background-size: auto 100%;
	}

}/*END*/

@media screen and (max-width: 799px){

	.aboutus_footer ul{
		margin-left: 0;
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
	.aboutus_footer li{
		float: none;
		width: 100%;
		margin-left: 0;
	}

}/*END*/

@media screen and (max-width: 768px){

	.contactus_frame,
	.aboutus_footer ul{
		width: 70%;
	}
	.contactus_frame .box_l,
	.contactus_frame .box_r{
		float: none;
		width: 100%;
	}

}/*END*/

@media screen and (max-width: 599px){

	.contactus_frame,
	.aboutus_footer ul{
		width: 80%;
	}

}/*END*/

@media screen and (max-width: 479px){

	.contactus_frame,
	.aboutus_footer ul{
		width: 100%;
	}

}/*END*/


/*----------------------------------------
	footer
----------------------------------------*/

footer{
	position: relative;
	background: #262626;
	color: #dcdcdc;
}
.page_top{
	width: 60px;
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 2;
}
.page_top a{
	display: block;
}
.page_top img{ width: 100%; }
footer a{
	display: block;
	text-decoration: none;
	color:white;
}
.foot1 p{
	font-size:20px;
}
.foot2 p{
	font-size:20px;
}


.foot_r li a:hover{ color: #a08e6c; }


.foot_l small{
	font-size: 1rem;
	color: #959595;
	font-weight: bold;
	letter-spacing: 1px;
}

.foot_inline_a{
display:inline-block;
}

@media print, screen and (min-width: 769px) {

	footer{ padding: 40px 0 15px 0; }
	.foot_inner{
		padding-left: 1.72%;
		padding-right: 1.72%;
	}
	.foot_l{
	
		width: 80%;
	}
	.foot_r{
	
		width:100%;
	}
	.foot_logo{
		width: 64.25%;
	}
	.foot_r ul{
		float: left;
		width: 90.33%;
		line-height: 1.2;
	}
	.foot_r li{ margin-bottom: 15px; }

}/*END*/

@media print, screen and (min-width: 1120px) {

	.foot_inner{
		width: 1100px;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
		box-sizing: border-box;
	}

}/*END*/

@media screen and (max-width: 768px){

	.page_top{
		width: 40px;
		top: -40px;
	}
	footer{ padding: 3px 0 20px 0; }
	.foot_l{
		padding-top: 25px;
		text-align: center;
	}
	.foot_logo{
		width: 280px;
		margin-right: auto;
		margin-left: auto;
	}
	.foot_r li a{
		
		padding: 14px 6%;
		font-size: 1.3rem;
	}
	.foot_r p{
		font-size:16px;
	}

}/*END*/

@media screen and (max-width: 479px){

	.foot_logo{ width: 70%; }

}/*END*/

/* 見出しCSS */
.widgettitle{
  background:#000000;/* 背景カラー */ 
  color:#fff;/* テキストカラー */
  font-weight:bold;/* テキスト太字 */
  text-align:center;/* テキスト真ん中寄せ */
  padding:1px;/* 内側の余白 */
  padding-top:15px;
  margin-bottom:10px;/* 外側の下に余白 */ 
  height:30px;
}
/* 見出しにアイコン挿入 */
.popular-posts .widgettitle :before{
  content: "\f201";/* アイコン種類 */ 
  font-family: "FontAwesome";/* アイコン挿入 */ 
  font-weight:normal;/* アイコンだけ細く */ 
  padding-right: 6px;/* アイコンの右側に余白 */ 
} 
.popular-posts .widgettitle {
  margin-bottom:0;
}
/* ウィジェット内のリンク全て */
.widget a{
 text-decoration:none;/* リンクの下線消す */
 color:#000000;/* リンクカラー */
}
/* ウィジェット内外部リンクアイコン削除 */
.widget a[target="_blank"]:after {
 content:none;
}
/* テキストと背景指定 */
.popular-posts .wpp-list{
  background:#fdfdfd;/* 背景カラー */
  font-weight: bold;/* テキスト太字 */
  letter-spacing: 1.3px;/* テキスト字間 */
  font-size:11px;/* テキストサイズ */	
}
ul.wpp-list li {
 border-bottom: 1px solid #ddd;/* 投稿下に下線 */
 position:relative;/* 位置の指定 */
 font-size:14px;/* テキストサイズ */		
}
/* リスト1段目の余白 */
ul.wpp-list li:nth-child(1){
padding: 10px 5px!important;
}
/* リスト2段目〜10段目の余白 */
ul.wpp-list li:nth-child(n+2):nth-child(-n+10){
padding:2px 5px 10px 5px!important;
}
/* ランキングカウンター実装 */
ul.wpp-list li:before{
content:counter(wpp-count);/* カウンターを表示 */
display:block;/* 縦に並べる指定 */
position:absolute;/* 左上に固定 */
color:#fff;/* 数字の色 */
text-shadow:0 1px 2px rgba(0,0,0,0.2);/* 数字に影をつける */
font-size:13px;/* 数字サイズ */
font-weight:bold;/* 数字を太字 */
background:#555;/* 背景色 */
padding:3px 8px;/* 丸枠内の余白 */
border-radius:50%;/* 背景の丸み */
z-index:1;/* 重なりの指定 */
}
/* カウント数を実装 */
ul.wpp-list li {
counter-increment: wpp-count;
}
/* 上位3位の背景色変更 */
ul.wpp-list li:nth-child(1):before{
background: #fdd35c;
}
ul.wpp-list li:nth-child(2):before{
background: #a0a0a0;
}
ul.wpp-list li:nth-child(3):before{
background: #bf783e;
}
ul.wpp-list li:nth-child(10):before{
padding:3px 10px;
}

#categories-3{
	margin-top:20px;
	margin-bottom:20px;
	
}

.topix{
	
	margin-left:2px;
	margin-right:2px;
}

.saisin{
	margin-top: 40px;
	font-size:20px;
	padding: 20px 0;
	text-align: center;
}
.saisin span{
	font-size:24px;
	color:red;
}

/* カスタム投稿関連記事　kanren*/
.kanren{
	display:block;
	width:1100px;
	position:relative;
	margin:center;
}

.item-relation--list{
	display:flex;
	
}

.item-relation--list li{
	width:calc((100% - 30px * 5) / 6);
}

.item-relation--list li:not(:last-child){
	margin-right:15px;
}

.item-relation--img{
	border-radius:15px;
	overflow:hidden;
	padding-bottom:10px;
}

.item-relation--list p{
	font-size:12px;
	line-height:1.2;
}
.gurumeorder-h2{
	color:#fff;
	padding:15px;
	background-image: url(https://dreamlife.jp/wp-content/uploads/2022/03/1648137103.png);
	background-repeat: no-repeat;
}