@charset "utf-8";

/* ------------------------------------------

くらしのお役立ち情報

------------------------------------------ */
html {
	min-width: 0;
}

/*-----------------------------------
	SP共通
-----------------------------------*/
.forPc{
	display:none !important;}
.forSp{
	display:block !important;}
#headerWrapper,#footerWrapper,#breadcrumbs{
	display:none;}
#headerSp,
#contact,
#sitemap,
footer{
	display:block;}
p#pageTop {
	text-align: center;
	width: 100%;
	margin:0px;
}
#container{
	width:100%;
	overflow:hidden;}
.top a{
	display:block;
	padding:5%;
	background:#a70302;
	box-sizing:border-box;}
.top a span{
	padding: 0 0 0 8%;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	background:url(/lifeinfo/images/arrow_09.png) left center no-repeat;
	background-size:15px 9px;}

a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/*-----------------------------------
	#content_life
-----------------------------------*/
#content_life{
	margin: 0 auto;
	width: 100%;
}
#content_life img{
	width: 100%;
}
#content_life .leadTxt{
	margin: 3% 0 0;
	text-align: left;
}
#content_life .textLink{
	margin: 15px 0 0;
	padding: 0 11px 0 0;
	text-align:left;
	background:transparent;}
#content_life .textLink a{
	display:inline-block;
	padding: 0 15px 0 0;
	background:url(/lifeinfo/images/arrow_07.png) right center no-repeat;
	background-size:7px 9px;}

/*	mainvisual_sp
---------------------------------*/
#mainvisual_sp{
	margin: 3% 0 0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #d3d3d3;
	margin: 0 9px;
	border: none; }
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: none;
	border: 4px solid #E60044;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
	width: 100%;
	background-image: url(/sp/item/images/bg-pager.png);}


/*	gnav
---------------------------------*/
#content_life .gnav{
	/*display:block;
	overflow:hidden;*/
	display:flex;
	flex-wrap:wrap;
	margin-top:0px;}
#content_life .gnav li{
	float:none;
	/*display:block;*/
	display:inline-block;
	width: 50%;
	padding:1px;
	border:1px solid #ccc;
	box-sizing:border-box;
	height: auto;}
#content_life .gnav li img{
	width: 100%;
	height:auto;
}
#content_life .gnav li a{
	display:block;
	height: auto;
	line-height:0;
	text-indent: 0;}
#content_life .gnav li.gnav01{
	width: 50%;
	border-bottom:none;}
#content_life .gnav li.gnav02{
	border-left:none;
	border-bottom:none;}
#content_life .gnav li.gnav03{
	/*border-right:none;*/}
#content_life .gnav li.gnav04{
	border-left:none;}

/*gnav01*/
#content_life .gnav li.gnav01 a,
#content_life .gnav li.gnav01 a:hover{
	background:transparent;}
/*gnav02*/
#content_life .gnav li.gnav02 a,
#content_life .gnav li.gnav02 a:hover{
	background:transparent;}
/*gnav03*/
#content_life .gnav li.gnav03 a,
#content_life .gnav li.gnav03 a:hover{
	background:transparent;}
/*gnav04*/
#content_life .gnav li.gnav04 a,
#content_life .gnav li.gnav04 a:hover{
	background:transparent;}


/*	h1共通
---------------------------------*/
#content_life .hdg-h1{
	position:static;
	margin-bottom: 0;
	padding: 12px 10px 12px;
	color: #fff;
	text-shadow: none !important;
	background-image: none !important;
	background-color: #A70000 !important;
	border-top: 1px solid #C84D4D;
	text-align:left;
	font-size: 17px;}
#content_life .lifeinfoH1{
	position: relative;
}
#content_life .lifeinfoH1 .icon{
	position: absolute;
	top: 10px;
	right: 10px;
	width:23px;
	height:26px;
}

/*	h2共通
---------------------------------*/
#content_life .lifeinfoH2{
	position: relative;
	margin: 25px 0 0;
	padding: 12px 12% 12px;
	text-align:left;}
#content_life .lifeinfoH2 span{
	font-size: 16px;
	font-weight: bold;}
#content_life .lifeinfoH2 .icon{
	position: absolute;
	left:3%;
	top:50%;
	margin-top:-3%;
	width: 6%;
	height: 6%;}	
#content_life .lifeinfoH2 .icon img{
	vertical-align:-0.1em;}

/*	listArea共通
---------------------------------*/
.listArea{
	display:table;
	margin: 3% 0 0;
	width: 100%;
	border-bottom: 1px dotted #ccc;
	overflow:hidden;}
.listArea li{
	display:table;
	padding:3% 0;
	border-top: 1px dotted #ccc;
	float:none;
	margin: 0px;
	width: 100%;}
.listArea li:nth-child(3n+1){
	clear:none;}
.listArea li .imgWrap{
	display:table-cell;
	padding: 0 10px 0 0;
	width: 37.5%;
	box-sizing:border-box;}
.listArea li .txtWrap{
	display:table-cell;
	padding: 0 11% 0 0;
	vertical-align:top;
	width: 62.5%;}
.listArea a{
	display:block;
	text-decoration:none;}
.listArea a .ttl:hover{
	color:#23c3d6;
	text-decoration:underline;}
.listArea li .img{
	width: 100%;}
.listArea li .ttl{
	margin: 0px;
	padding: 0px;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	min-height:inherit!important;}
.listArea li .txt{
	margin: 10px 0 0;
	padding: 0px;
	text-align:left;
	min-height:inherit!important;}
#colArea .listArea .ttl,
#kidsArea .listArea .ttl,
#dduetArea .dduetArea-main .listArea .ttl{
	background: transparent;}
#colArea .listArea li .txtWrap{
	background: url(/lifeinfo/images/s_arrow_03.png) right center no-repeat;
	background-size:12px;}
#kidsArea .listArea li .txtWrap{
	background: url(/lifeinfo/images/s_arrow_04.png) right center no-repeat;
	background-size:12px;}
#dduetArea .listArea li .txtWrap{
	background: url(/lifeinfo/images/s_arrow_05.png) right center no-repeat;
	background-size:12px;}

.listArea a.forSp{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
}
.listArea a.forPcIco{
	background: url(/sp/common/images/base/ico-pc.png) no-repeat 95% 50%;
	background-size: 19px;
}
.listArea li {
	position:relative;
}

/*	dicArea
---------------------------------*/
/*h2*/
#content_life #dicArea .lifeinfoH2{
	border-top: 1px solid #329bd4;;
	border-bottom: 1px solid #329bd4;}
#dicArea .dicArea-main{
	padding: 0 10px;}
/*dicArea .bnrBlock*/
#dicArea .bnrBlock{
	margin: 3% 0 0;
	padding: 3%;
	width: 100%;
	box-sizing:border-box;
	background: #ebf6fc;}
/*dicArea .nav*/
#dicArea .nav{
	margin: 3% 0 0;
	overflow:hidden;}
#dicArea .nav li{
	float:left;
	margin-left:0px;
	width: 33.333%;}
#dicArea .nav li:first-child{
	margin-left:0px;}

/*	colArea
---------------------------------*/
/*h2*/
#content_life #colArea .lifeinfoH2{
	border-top: 1px solid #b95bbf;;
	border-bottom: 1px solid #b95bbf;}
#colArea .colArea-main{
	padding: 0 10px;}

/*	kidsArea
---------------------------------*/
/*h2*/
#content_life #kidsArea .lifeinfoH2{
	border-top: 1px solid #28bd44;
	border-bottom: 1px solid #28bd44;}
#kidsArea .kidsArea-main{
	padding: 0 10px;}

/*	DduetArea
---------------------------------*/
/*h2*/
#content_life #dduetArea .lifeinfoH2{
	position: relative;
	border-top: 1px solid #e95283;;
	border-bottom: 1px solid #e95283;}
#content_life #dduetArea .lifeinfoH2 .logo{
	position: absolute;
	top:50%;
	left:83%;
	width: 13%;
	margin-top:-4%;}
#content_life #dduetArea .note{
	position: static;
	padding: 3% 3% 0;
	font-size: 13px;
	font-weight:normal;
	line-height: 140%;
	text-align:left;}
#dduetArea .dduetArea-main{
	margin: 3% auto 25px;
	padding:10px;
	width: 94%;
	background: #fff7fa;
	box-sizing:border-box;}
#dduetArea .dduetArea-main .textArea{
	margin: 0px;
	padding: 0px;}
#dduetArea .dduetArea-main .leadTxt{
	margin-top: 0px;}
#dduetArea .dduetArea-main .textLink{
	margin: 0px;
	padding: 0px;
	text-align: right;
	background:transparent;}
#dduetArea .dduetArea-main .textLink a{
	display: inline-block;
	margin: 0px;
	padding: 0 0 0 11px;
	background: url(/lifeinfo/images/arrow_06.png) left center no-repeat;}
/*#dduetArea .listArea*/
#dduetArea .dduetArea-main .listArea{
	width: 100%;
	margin: 3% auto 0;
	padding: 0px;
	box-sizing:border-box;
	overflow:hidden;}
#dduetArea .dduetArea-main .listArea li{
	display:table;
	float:none;
	margin: 0px;
	width: 100%;}
#dduetArea .dduetArea-main .listArea li:nth-child(3n+1){
	clear:none;}
#dduetArea .dduetArea-main .listArea li .imgWrap{
	display:table-cell;
	width: 39.6%;}
#dduetArea .dduetArea-main .listArea li .txtWrap{
	display:table-cell;
	width: 60.4%;}
#dduetArea .dduetArea-main .listArea li .ttl{
	margin: 0px;
	padding: 0px;
	font-weight:bold;
	text-align:left;}
#dduetArea .dduetArea-main .listArea li .txt{
	margin: 10px 0 0;
	padding: 0px;
	text-align:left;}
/*btnArea*/
#dduetArea .btnArea{
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	overflow:hidden;}
#dduetArea .btnArea li{
	float:none;
	margin-top:3%;
	width: 100%;}
#dduetArea .btnArea li:first-child{
	margin-right: 0px;}
#dduetArea .btnArea li .txt,
#dduetArea .btnArea li .btn{
	display:block;}
#dduetArea .btnArea li .txt{
	margin-top:9%;
	text-align:center;}
#dduetArea .btnArea li .btn{
	margin-top: 3%;}
#dduetArea .btnArea li .txt_login img{
	width: 48%;
	height:auto;}
#dduetArea .btnArea li .txt_reg img{
	width: 69%;
	height:auto;}


@media screen and (orientation: landscape) {
	#dduet iframe {
		 height: 1400px;
	}
}
@media screen and (orientation: portrait) {
	#dduet iframe {
		 height: 980px;
	}
}