@charset "UTF-8";
/* サブページ HA-KD1 */

/******* HA-KD1 FACE (sub.cssにも記述あり) ********/
#sec_face{
	background:#c8ced4 url(../images/ha_kd1/face_bg.jpg) no-repeat;
	background-position:top center;
	background-size:auto;
}
#sec_face h2{
	color:#fff;
}
.tx_toparea {
    padding-bottom: 63px;
}

#sec_face .icn_age{
	background:#b60066;
}
#sec_face .tx_read{
	color:#fff;
}
/******* HA-KD1 COLOR (sub.cssにも記述あり) ********/
#sec_color .inner{
	background:url(../images/ha_kd1/color_bg.jpg) no-repeat;
	background-position:center center;
	background-size:90%;
}

/******* HA-KD1 SAFETY ********/
#sec_safety{
	position:relative;
	width:100%;
	background:#3b5663 url(../images/ha_kd1/safety_bg.jpg) no-repeat;
	background-position:center bottom;
	background-size:auto;
	color:#fff;
}
#sec_safety .inner{
	padding:125px 30px 160px;
}
#sec_safety .tx_area{
	width:60%;
	float:right;
}
#sec_safety .tx_read,
#sec_safety .tx_l{
	display:block;
	margin:0 0 3%;
}



/*
#sec_safety img{
	width:120px;
}
*/

#sec_safety .icn_db {
	width:150px;
	}
#sec_safety .icn_cord {
	width:120px;
	}



#sec_safety .icn_area{
	text-align:right;
}

/******* HA-KD1 FASHIONABLE ********/
#sec_fashionable{
	position:relative;
	width:100%;
	background:#2e3201 url(../images/ha_kd1/fashinable_bg.jpg) no-repeat;
	background-position:center bottom;
	background-size:auto;
	color:#fff;
}
#sec_fashionable .inner{
	padding:239px 30px;
}
#sec_fashionable .tx_area{
	width:50%;
}
#sec_fashionable .tx_read,
#sec_fashionable .tx_l{
	display:block;
	margin:0 0 3%;
}


/******* HA-KD1 FUN ********/
#sec_fun{
	position:relative;
	width:100%;
	background:#dbd3e2 url(../images/ha_kd1/fun_bg.jpg) no-repeat;
	background-position:center bottom;
	background-size:auto;
}
#sec_fun .inner{
	padding:221px 30px;
}
#sec_fun .tx_area{
	width:45%;
	float:right;
}
#sec_fun .tx_read,
#sec_fun .tx_l{
	display:block;
	margin:0 0 3%;
}
#star{
	position:absolute;
	top:50%;
	left:50%;
	margin:-180px 0px 0px 310px;
}
#lady{
	position:absolute;
	top:50%;
	left:50%;
	margin:40px 0px 0px -255px;
}

/* ========================= Media queries ========================= */ 
@media only screen and (max-width: 1024px){}

@media only screen and (max-width: 800px){
	/******* [600]  HA-KD3 FACE & COLOR (sub.cssにも記述あり)********/
	#sec_face{
		background-position:top center;
		background-size: 135% auto;
	}
	/******* [800] HA-KD1 SAFETY ********/
	#sec_safety{
		background-size: auto 100%;
		background-position: 42% bottom;
	}
	/******* [800] HA-KD1 FASHONABLE ********/
	#sec_fashionable{
		background-position: 60% bottom;
	}
}
@media only screen and (max-width: 600px){
	/******* [600]  HA-KD1 FACE & COLOR (sub.cssにも記述あり) ********/
	#sec_face{
		background:#c8ced4  url(../images/ha_kd1/face_bg_sm.jpg) no-repeat;
		background-position:center top;
		background-size:auto 100%;
	}
	#sec_color .inner{
		background:url(../images/ha_kd1/color_bg_sm.png) no-repeat;
		background-size:100%;
		background-position:center bottom;
	}
	#sec_face h2,
	#sec_face .tx_read{
		color:#000;
	}




	/*******  [600] HA-KD1 SAFETY (sub.cssにも記述あり) ********/
	#sec_safety {
		background:#2d4555 url(../images/ha_kd1/safety_bg_sm.jpg) no-repeat;
		background-position:center bottom;
		background-size:100%;
	}
	#sec_safety .inner{
		padding:0;
	}
	#sec_safety .tx_area{
		width:100%;
		margin: 0 0 69%;
		background:rgba(0,0,0,.5);
		padding: 11% 5% 5%;
	}
	#sec_safety .icn_area{
		bottom:5%;
		left:5%;
	}
	
	#sec_safety .icn_area{
		text-align: left;
	}

	/*******  [600] HA-KD1 FASHIONABLE ********/
	#sec_fashionable {
		background-size: 234% auto;
		background-position: 84% bottom;
	}
	#sec_fashionable .inner{
		padding: 15% 5% 11%;
	}
	#sec_fashionable .tx_area{
		margin: 0 0 102%;
		width:100%;
	}
	/*******  [600] HA-KD1 FUN ********/
	#sec_fun {
		background:#dbd3e2 url(../images/ha_kd1/fun_bg_sm.jpg) no-repeat;
		background-position:center bottom;
		background-size:100%;
	}
	#sec_fun .inner{
		padding: 11% 5%;
	}
	#sec_fun .tx_area{
		margin: 0 0 95%;
		width:100%;
	}
	#star,
	#lady{display:none;}
	
	#sec_safety .icn_db {
	width: 100%;
	}
	#sec_safety .icn_cord {
	width: 80%;
	}
	
}