@charset "UTF-8";
/*------------------------------------------------------
　快適ライフガイド TOP
*------------------------------------------------------*/
.kaitekilifeguide .pagetitlearea {
	position: relative;
	width:100%;
	height: 556px;
	text-align:center;
	background:url(/images/ee/life/top/main.jpg) no-repeat center center;
	-webkit-background-size: auto;
	background-size: auto;
	color:#4c2c25;
}
.kaitekilifeguide .pagetitlearea:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 546px;
	max-width: 33%;
	height: 100%;
	background:url(/images/ee/life/top/main_illust.png) no-repeat right top;
	-webkit-background-size: auto;
	background-size: auto;
	z-index: 0;
}
.kaitekilifeguide .pagetitlearea:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
	background:url(/images/ee/life/top/main_waku.png) no-repeat center bottom;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	z-index: 10;
}
.kaitekilifeguide .pagetitlearea .pagetitlearea_inner {
	position: relative;
	max-width:1070px;
	margin: auto;
}
.kaitekilifeguide .pagetitlearea .pagetitlearea_inner .ee_logo {
	max-width: 100%;
	padding-bottom:35px;
}
.kaitekilifeguide .pagetitlearea .pagetitlearea_inner a:hover img.ee_logo {
	opacity: 1;
}
.kaitekilifeguide .pagetitlearea .pagetitlearea_inner h1 {
	margin: auto;
	padding-bottom: 20px;
	line-height: 0;
}
.kaitekilifeguide .pagetitlearea .pagetitlearea_inner h1 img {
	max-width: 100%;
}	
.kaitekilifeguide .breadcrumb{
	position: relative;
	margin-bottom:20px;
	z-index: 1;
}
.kaitekilifeguide .pagetitlearea .icon_bg{
	margin-bottom:60px;
}
.kaitekilifeguide .pagetitlearea h3{
	font-size:25px;
}
/* for wide ---*/
@media screen and (min-width: 1400px) {
	.kaitekilifeguide .pagetitlearea {
		-webkit-background-size: cover;
		background-size: cover;
	}
	.kaitekilifeguide .pagetitlearea:before {
		
	}
}
/* for sp ---*/
@media screen and (max-width: 767px) {
	.kaitekilifeguide .pagetitlearea {
		height: auto;
		background-position: 65% 0;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.kaitekilifeguide .pagetitlearea:before {
		-webkit-background-size: contain;
		background-size: contain;
	}
	.kaitekilifeguide .pagetitlearea:after {
		-webkit-background-size: auto;
		background-size: auto;
	}
	.kaitekilifeguide .pagetitlearea .pagetitlearea_inner {
		width: 75%;
		padding-top: 60px;
		padding-bottom: 10%;
	}
	.kaitekilifeguide .pagetitlearea .pagetitlearea_inner .ee_logo {
		max-width: 47%;
		padding-bottom: 3%;
	}
	.kaitekilifeguide .pagetitlearea .pagetitlearea_inner h1 {
		width: 80%;
		padding-bottom: 3%;
	}
	.kaitekilifeguide .pagetitlearea h3 {
		font-size:16px;
	}
	.kaitekilifeguide .pagetitlearea p {
		font-size: 13px;
	}
}
@media screen and (max-width: 480px) {
	.kaitekilifeguide .pagetitlearea {
		background-position: 72% 0;
	}
	.kaitekilifeguide .pagetitlearea .pagetitlearea_inner {
		width: 90%;
	    padding-top: 8%;
    	padding-bottom: 9%;
	}
	.kaitekilifeguide .pagetitlearea .pagetitlearea_inner .ee_logo {
		max-width: 42%;
	}
	.kaitekilifeguide .pagetitlearea .pagetitlearea_inner h1 {
		width: 75%;
		margin: auto auto auto 0;
	}
	.kaitekilifeguide .pagetitlearea h3 {
		width: 75%;
		font-size: 14px;
		text-align: left;
	}
	.kaitekilifeguide .pagetitlearea p {
		text-align: left;
	}
}

.kaitekilifeguide .contentsreadarea {
	position:relative;
	width:1070px;
	margin:0 auto;
	font-size:15px;
	color:#ef8b00;
}
.kaitekilifeguide .contentsreadarea h2{
	float:left;
	margin-right:20px;
}
.kaitekilifeguide .contentsreadarea p{
	float:left;
	margin-top:70px;
}
/* for sp ---*/
@media screen and (max-width: 767px) {
	.kaitekilifeguide .contentsreadarea {
		max-width: 90%;
	}
	.kaitekilifeguide .contentsreadarea h2 {
		float: none;
		margin: 20px auto 0;
		text-align: center;
	}
	.kaitekilifeguide .contentsreadarea h2 img {
		max-width: 100%;
		height: auto;
	}
	.kaitekilifeguide .contentsreadarea p {
		float: none;
		display: table;
		margin: 0 auto 40px;
	}
}


.kaitekilifeguide #kurashinoidea_area,
.kaitekilifeguide #lifestyleteian_area{
	width:1070px;
	background:#f5f5e2;
	border-radius:9px;
	margin:0 auto;
}
.kaitekilifeguide #kurashinoidea_area .kurashinoidea_area_inner {
	background:url(/images/ee/life/top/mainichi_icon.png) no-repeat;
	background-position:top left;
	padding:30px 0 10px 0;
	margin-bottom:34px;
}
.kaitekilifeguide #lifestyleteian_area .lifestyleteian_area_inner {
	background:url(/images/ee/life/top/sumai_icon.png) no-repeat;
	background-position:top left;
	padding:30px 0 10px 0;
	margin-bottom:100px;
}
.kaitekilifeguide #kurashinoidea_area h3,
.kaitekilifeguide #lifestyleteian_area h3{
	margin:0 0 30px 140px;
	overflow: hidden;
}
.kaitekilifeguide #kurashinoidea_area h3 img,
.kaitekilifeguide #lifestyleteian_area h3 img {
	max-width: 100%;
	height: auto;
}
.kaitekilifeguide #kurashinoidea_area ul,
.kaitekilifeguide #lifestyleteian_area ul{
	width:953px;
	margin:0 auto;
	padding:0;
}
.kaitekilifeguide #kurashinoidea_area ul li,
.kaitekilifeguide #lifestyleteian_area ul li{
	list-style:none;
	float:left;
	width:460px;
	margin:0 25px 25px 0;
	border:dotted 2px #c9caca;
	box-sizing: border-box;
}
.kaitekilifeguide #kurashinoidea_area ul li:nth-child(even),
.kaitekilifeguide #lifestyleteian_area ul li:nth-child(even){
	margin:0 0 25px 0;
}
.kaitekilifeguide #kurashinoidea_area ul li a {
	display: table;
	width: 100%;
	height:100%;
	background:url(/images/ee/life/top/check_mainichi.png) #fff no-repeat;
	background-position:right bottom;
	box-sizing: border-box;
	table-layout: fixed;
	text-decoration: none;
}
.kaitekilifeguide #lifestyleteian_area ul li a {
	display: table;
	width: 100%;
	height:100%;
	background:url(/images/ee/life/top/check_sumai.png) #fff no-repeat;
	background-position:right bottom;
	box-sizing: border-box;
	table-layout: fixed;
	text-decoration: none;
}
.kaitekilifeguide #kurashinoidea_area ul li a:hover{
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
	background:url(/images/ee/life/top/check_mainichi.png) #faddb4 no-repeat;
	background-position:right bottom;
}	
.kaitekilifeguide #lifestyleteian_area ul li a:hover{
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
	background:url(/images/ee/life/top/check_sumai.png) #fde7e3 no-repeat;
	background-position:right bottom;
}	
.kaitekilifeguide #kurashinoidea_area ul li a .pic,
.kaitekilifeguide #lifestyleteian_area ul li a .pic {
	display: table-cell;
	width: 118px;
	height: auto;
	padding: 10px 0 10px 10px;
	line-height: 0;
	vertical-align: middle;
}
.kaitekilifeguide #kurashinoidea_area ul li a .pic img,
.kaitekilifeguide #lifestyleteian_area ul li a .pic img {
	max-width: 100%;
	height: auto;
}
.kaitekilifeguide #kurashinoidea_area ul li a .textarea,
.kaitekilifeguide #lifestyleteian_area ul li a .textarea {
	display: table-cell;
	width: 298px;
	margin-top:26px;
	padding: 10px;
	vertical-align:middle;
}
.kaitekilifeguide #lifestyleteian_area ul li a .textarea2line {
	display: table-cell;
	width: 298px;
	margin-top:24px;
	padding: 10px;
	vertical-align:middle;
}

.kaitekilifeguide #kurashinoidea_area ul li a p {
	display: table-cell;
	font-size:44px;
	color:#ef8b00;
	font-weight:normal;
	padding-right:10px;
	/*float:left;*/
	margin:0;
	vertical-align: middle;
}
.kaitekilifeguide #lifestyleteian_area ul li a p {
	display: table-cell;
	font-size:44px;
	color:#ef8571;
	font-weight:normal;
	padding-right:10px;
	/*float:left;*/
	margin:0;
	vertical-align: middle;
}
.kaitekilifeguide #kurashinoidea_area ul li a h4,
.kaitekilifeguide #lifestyleteian_area ul li a h4{
	display: table-cell;
	font-size:16px;
	color:#4c2c25;
	/*float:left;*/
	margin: 0;
	vertical-align: middle;
}

/* for sp ---*/
@media screen and (max-width: 767px) {
	.kaitekilifeguide #kurashinoidea_area,
	.kaitekilifeguide #lifestyleteian_area{
		max-width: 90%; 
	}
	.kaitekilifeguide #kurashinoidea_area .kurashinoidea_area_inner,
	.kaitekilifeguide #lifestyleteian_area .lifestyleteian_area_inner {
		margin-bottom: 50px;
		-webkit-background-size: 100px auto;
		background-size: 100px auto;
	}
	.kaitekilifeguide #kurashinoidea_area h3,
	.kaitekilifeguide #lifestyleteian_area h3{
		margin:0 5% 30px 65px;
	}
	.kaitekilifeguide #kurashinoidea_area h3 img,
	.kaitekilifeguide #lifestyleteian_area h3 img {
		width: auto;
		max-width: initial;
		height: 40px;
	}
	.kaitekilifeguide #kurashinoidea_area h3 img + img + img,
	.kaitekilifeguide #lifestyleteian_area h3 img + img + img {
		display: none;
	}
	.kaitekilifeguide #kurashinoidea_area ul,
	.kaitekilifeguide #lifestyleteian_area ul {
		max-width: 90%;
	}
	.kaitekilifeguide #kurashinoidea_area ul li,
	.kaitekilifeguide #lifestyleteian_area ul li {
		width: 100%;
		margin:0 0 15px 0;
		float: none;
	}
	.kaitekilifeguide #kurashinoidea_area ul li:nth-child(even),
	.kaitekilifeguide #lifestyleteian_area ul li:nth-child(even) {
		margin: 0 0 15px 0;
	}
	.kaitekilifeguide #kurashinoidea_area ul li a .pic,
	.kaitekilifeguide #lifestyleteian_area ul li a .pic {
		
	}
	.kaitekilifeguide #kurashinoidea_area ul li a .textarea,
	.kaitekilifeguide #lifestyleteian_area ul li a .textarea {
		width: auto;
	}
	.kaitekilifeguide #lifestyleteian_area ul li a .textarea2line {
		width: auto;
	}
}
@media screen and (max-width: 640px) {
	.kaitekilifeguide #kurashinoidea_area ul li a p,
	.kaitekilifeguide #lifestyleteian_area ul li a p {
		
	}
}
@media screen and (max-width: 480px) {
	.kaitekilifeguide #kurashinoidea_area h3 img,
	.kaitekilifeguide #lifestyleteian_area h3 img {
		width: auto;
		height: 30px;
	}
	.kaitekilifeguide #kurashinoidea_area ul li a,
	.kaitekilifeguide #lifestyleteian_area ul li a {
		-webkit-background-size: 40px auto;
		background-size: 40px auto;
	}
	.kaitekilifeguide #kurashinoidea_area ul li a:hover,
	.kaitekilifeguide #lifestyleteian_area ul li a:hover {
  		-webkit-background-size: 40px auto;
		background-size: 40px auto;
	}
	.kaitekilifeguide #kurashinoidea_area ul li a .pic,
	.kaitekilifeguide #lifestyleteian_area ul li a .pic {
		width: 30%;	
	}
	.kaitekilifeguide #kurashinoidea_area ul li a p,
	.kaitekilifeguide #lifestyleteian_area ul li a p {
		display: block;
		font-size: 20px;
	}
	.kaitekilifeguide #kurashinoidea_area ul li a h4, 
	.kaitekilifeguide #lifestyleteian_area ul li a h4,
	.kaitekilifeguide #lifestyleteian_area ul li a .textarea2line h4 {
		display: block;
		font-size: 14px;
	}
}


/**/
#interioroption_area {
	width: 100%;
	height: 590px;
	background-image: url(/images/ee/life/top/bg.jpg), url(/images/ee/life/contents_bg_1.jpg);
	background-repeat: no-repeat, repeat;
	background-size: auto, auto;
	background-position: center top, left top;
	text-align: center;
	color: #fff;
}
#interioroption_area .interioroption_area_inner_migi {
	width: 100%;
	height: 590px;
	background: url(/images/ee/life/top/migi_kagu.png) no-repeat;
	background-position: top right;
}
#interioroption_area .interioroption_area_inner_hidari {
	width: 100%;
	height: 590px;
	background: url(/images/ee/life/top/hidari_kagu.png) no-repeat;
	background-position: top left;
	padding-top: 130px;
}
#interioroption_area h3{
	display: inline-block;
	font-size: 32px;	
	margin: 0 0 16px 0;
	padding-bottom: 5px;
	background: url(/images/ee/life/top/bg_tensen.png) repeat-x;
	background-position: bottom;
}
#interioroption_area p {
	margin-bottom: 30px;
}
#interioroption_area h3 img{
	display: block;
	margin: 0 auto 10px auto;
}
#interioroption_area .interioroption_btn_area {
	width: 920px;
	background: rgba(255,255,255,0.5);
	border-radius: 9px;
	margin: 0 auto;
	padding: 22px 0 60px 0;
}
#interioroption_area .interioroption_btn_area a {
	display: block;
	width: 637px;
	height: 127px;
	margin: 0 auto;
}
/* for wide ---*/
@media screen and (min-width: 1400px) {
	#interioroption_area {
		-webkit-background-size: 100% auto, auto;
		background-size: 100% auto, auto;
	}
}
/* for sp ---*/
@media screen and (max-width: 767px) {
	#interioroption_area { 
		height: auto;
	}
	#interioroption_area h3 {
		max-width: 70%;
		margin: 0 auto 16px;
		padding-bottom: 0.25em;
		font-size: 20px;	
	}
	#interioroption_area p {
		display: table;
		text-align: left;
		max-width: 70%;
		margin: 1em auto 2em;
	}
	#interioroption_area .interioroption_btn_area {
		width: auto;
		max-width: 90%;
		padding: 22px 0 30px 0;
	}
	#interioroption_area .interioroption_area_inner_hidari {
		height: auto;
		padding-bottom: 50px;
		-webkit-background-size: 35% auto;
		background-size: 35% auto;
	}
	#interioroption_area .interioroption_area_inner_migi {
		height: auto;
		background: none;
		/*-webkit-background-size: 28% auto;
		background-size: 28% auto;
		background-position: right bottom;*/
	}
	#interioroption_area .interioroption_btn_area a {
		width: auto;
		height: auto;
	}
	#interioroption_area .interioroption_btn_area a img {
		max-width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 480px) {
	#interioroption_area h3 {
		max-width: 90%;
		font-size: 18px;	
	}
	#interioroption_area p {
		max-width: 90%;
	}
	#interioroption_area .interioroption_btn_area a img {
		width: 120%;
		max-width: 120%;
		height: auto;
		margin-top: -5%;
		margin-left: -10%;
	}
}