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

	style.css

------------------------------------------------------------------------------------------------------------- */
.toolBox01 {
	background-color: #008fdd;
}
#hadalabContainer {
	overflow: hidden;
}
#hadalabContainer sup {
	line-height: 0;
	font-size: 1.0rem;
}
#hadalabContainer sub {
	vertical-align: text-bottom;
	font-size: 1.0rem;
}
#hadalabContainer img {
	display: inline-block;
}

.boxList01 #brandProduct00,
.boxList01 #brandProduct01,
.boxList01 #brandProduct02,
.boxList01 #brandProduct03,
.boxList01 #brandProduct04,
.boxList01 #brandProduct05,
.boxList01 #brandProduct06,
.boxList01 #brandProduct07,
.boxList01 .ul_product01 {
   display: none;
}

.hlBtn-02 a{
	background: url(/-/Media/com/hadalabo/top/200825/ico_arrow_02.png) 94% center no-repeat;
	color: #fff;
	padding: 0.75em 2em 0.65em 1em;
	border: 1px solid #fff;
	border-radius: 22px;
	background-size: 5px;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
}

.hlBtn-03 a{
	background: url(/-/Media/com/hadalabo/top/200825/ico_arrow_03.png) 94% center no-repeat;
	color: #1c82c7;
	padding: 0.58em 2em 0.50em 1.4em;
	border: 1px solid #1c82c7;
	border-radius: 50px;
	background-size: 5px;
	box-sizing: border-box;
	display: inline-block;
	font-size: 1.286em;
	width: 100%;
	text-align: center;
}
.hlHeader-logo a:hover,
.hlBtn-02 a:hover,
.hlBtn-03 a:hover{
		opacity:0.8;
}
.btnConcept02 {
    max-width: 528px;
    margin: auto;
}
.btnConcept02 a:hover{
	opacity:0.8;
}
.bx-wrapper .bx-pager.bx-default-pager a,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	margin-right: 24px;
}

.hlTxt-note-01{
	color: #777;
	font-size: 0.857em;
}

#bnrsWrap {
    padding-bottom: 50px;
}
#hadalabContainer{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

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

	PC / TAB

------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 481px), print {
/* -------------------------------------------------------------------------------------------------------*/
#hadalabContainer .sp {
	display: none !important;
}
#hlPagetop {
	padding: 0 0 30px;
}


/* #hlMvMain
-----------------------------------------------------------------*/
.hlTop #hlMvMain{
	background: url(/-/Media/com/hadalabo/top/200825/vi_bg_hadalabo2020aw_pc.jpg) center no-repeat,linear-gradient(to right, #e2e2e4 50%, #948f8c 50%);
	text-align: center;
	height: 439px;
	z-index: 999;
}
.hlTop #hlMvMain img{
	width: 100%;
	max-width: 1120px;
}
/* #hlBestCosme
-----------------------------------------------------------------*/
	.hlTop #hlBestCosme{
		background: #1971c2;
		color: #fff;
		height: 175px;
		height: auto;
	}

	.hlTop #hlBestCosme .hlBestCosmeWrap{
		width: 100%;
		max-width: 520px;
		max-width: 980px;
		margin: 0 auto;
		text-align: center;
	}

	.hlTop #hlBestCosme .hlImg-01{
		float: left;
		margin: 8px -20px 0 6px;
	}
	.hlTop #hlBestCosme .hlImg-01-1{
		margin: 0 auto 10px;
		padding-top: 32px;
	}\
	.hlTop #hlBestCosme .hlTxtWrap-01{
		float: left;
	}
	.hlTop #hlBestCosme .hlTxtWrap-01 .hlTxt-01{
		font-size: 1.857em;
		font-weight: 500;
		padding: 40px 0 0;
		margin-bottom: 10px;
	}
	.hlTop #hlBestCosme .hlTxtWrap-01 .hlBtn-02 a{
		width: 224px;
	}


/* #hlMv
-----------------------------------------------------------------*/
.hlTop #hlMvWrap {
	background: url(/-/Media/com/hadalabo/top/200825/bg_hadalabo2020aw_01_pc.jpg) repeat-x center 0;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	padding: 67px 0 86px;
	box-sizing: border-box;
}

.hlTop #hlMvWrap .hlTxtWrap-02{
		float: right;
		width: 385px;
		margin: 78px 122px 0 0;
	}

	.hlTop #hlMvWrap .hlImg-02{
		width: 134px;
		margin: 0 0 0 254px;
	}
.hlTop .hada2{
	overflow: hidden;
	text-align: center;
	height: 479px;
	z-index: 0;
}
.hlTop #HADA2{
	margin-top: -700px;
	width: 100%;
	/* margin-left:30px; */
	opacity: 0;
	z-index: 0;
}
.hlTop #hlMvWrap .hlTxtWrap-02 .hlMvTxt {
    font-size: 1.857em;
    line-height: 1.65em;
    padding-bottom: 1.25em;
    color: #444;
    letter-spacing: -1px;
    font-weight: lighter;
}
.hlTop #hlMvWrap .hlTxtWrap-02 .hlBtn-03 {
	width: 348px;
	margin-top: 1.5em;
	letter-spacing: -1px;
}
.hlTop #hlMvWrap .hlTxtWrap-02 .hlBtn-03 a{
	text-align: left;
}


	/*.hlTop #hlMv .hlMvBtn a{
	margin-right: 20px;
	float: left;
	border: 1px solid #ccc;
}*/
/*.hlTop #hlMv {
    max-width: 942px;
    margin: 0 auto;
    padding: 110px 0 0;
    text-align: center;
    background-repeat: no-repeat;
    background-position: left 74px top 16%;
    position: relative;
}
	.hlTop #hlMv .br{
		display: inline-block;
	}
.hlTop #hlMv h2 {
    margin: 0 0 50px;
		text-align:center;
}
.hlTop #hlMv h2 img {
    max-width: 400px;
}
*/




/* #hlCosme
-----------------------------------------------------------------*/
    .hlTop #hlCosme{
		background:  #ebf7fe;
	}
	.hlTop #hlCosme .hlCosme-Wrap{
		width: 100%;
		max-width: 810px;
		margin: 0 auto;
		background: url(/-/Media/com/hadalabo/top/200825/bg_hadalabo2020aw_02_pc.png) right bottom no-repeat;
		padding-bottom: 50px;
	}
	.hlTop #hlCosme .hlTxt-02{
		padding: 50px 0 24px;
		color: #1b80c7;
		font-size: 1.857em;
		font-weight: bold;
		line-height: 1.65em;
		text-align: center;
		width: 440px;
		margin: 0 auto;
		letter-spacing: -1px;
	}
	.hlTop #hlCosme .hlTxt-02::before{
		content: "";
		/* background: url(/-/Media/com/hadalabo/top/200825/bg_hadalabo2020aw_03_1.png) no-repeat left top; */
		width: 19px;
		height: 32px;
		display: inline-block;
		margin-right: 30px;
		margin-left: -40px;
		border-top: 1px solid #acd3ed;
		border-left: 1px solid #acd3ed;
	}
	.hlTop #hlCosme .hlTxt-02::after{
		content: "";
		/*background: url(/-/Media/com/hadalabo/top/200825/bg_hadalabo2020aw_03_2.png) no-repeat bottom right;*/
		width: 19px;
		height: 32px;
		display: block;
		margin: -20px 0 0 410px;
		border-bottom: 1px solid #acd3ed;
		border-right: 1px solid #acd3ed;
	}
	.hlTop #hlCosme .hlBtn-03{
		width: 348px;
		margin: 0 auto;
	}


/* #hlConcept
-----------------------------------------------------------------*/
.hlTop #hlConcept{
	width: 100%;
	max-width: 1120px;
	margin: 120px auto;
}
.hlTop #hlConcept .hlImg-03{
	float: right;
	width: 588px;
}
.hlTop #hlConcept .hlTxtWrap-02{

}
.hlTop #hlConcept .hlTxtWrap-02{
	width: 480px;
}
.hlTop #hlConcept .hlTxtWrap-02 .hlTxt-03{
	color: #1b80c7;
	font-size: 2.571em;
	font-weight: lighter;
	margin-bottom: 18px;
	letter-spacing: -1px;
}

.hlTop #hlConcept .hlTxtWrap-02 .hlTxt-04{
	font-size: 1.286em;
	color: #444;
	letter-spacing: -1px;
	margin-bottom: 14px;
}
.hlTop #hlConcept .hlTxtWrap-02 .hlBtn-03{
	margin-top: 2.5em;
	width: 368px;
}

/* #hlPickup #hlScences
-----------------------------------------------------------------*/
.hlTop #hlPickup {
	padding: 144px 0 85px;
	background: url(/~/Media/com/hadalabo/top/180308/bg_pickup01.jpg) no-repeat center top;
}

.hlTop #hlScences{
    background: url('/~/Media/com/hadalabo/top/180308/bg_sns01.jpg') top center no-repeat;
    /* background-size: cover; */
    margin-top: -6vw;
    padding-top: 20vw;
    padding-bottom: 50px;
}

.hlTop #hlPickup:after,
.hlTop #hlScences:after {
	content: "";
	clear: both;
	display: block;
}
.hlTop #hlPickup h2,
.hlTop #hlScences h2 {
	margin: 0 0 52px;
	text-align: center;
}
.hlTop #hlScences h2{
    width: 200px;
    text-align: center;
    margin: 0 auto 60px;
    padding-top: 0;
}
.hlTop #hlPickup .hlPickupBnr,
.hlTop #hlScences .hlPickupBnr {
	width: 960px;
	margin: -20px auto 0;
	font-size: 0;
	text-align: center;
}
.hlTop #hlPickup .hlPickupBnr:after,
.hlTop #hlScences .hlPickupBnr:after {
	content: "";
	clear: both;
	display: block;
}
.hlTop #hlPickup .hlPickupBnr li,
.hlTop #hlScences .hlPickupBnr li {
	width: 460px;
	display: inline-block;
	margin: 20px 10px 0;
}

.hlTop #hlPickup .bx-wrapper,
.hlTop #hlScences .bx-wrapper {
	margin-bottom: 106px;
	position: relative;
}
.hlTop #hlPickup .bx-wrapper:before,
.hlTop #hlPickup .bx-wrapper:after,
.hlTop #hlScences .bx-wrapper:before,
.hlTop #hlScences .bx-wrapper:after {
	content: "";
	display: block;
	width: 2000px;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	z-index: 10;
}
.hlTop #hlPickup .bx-wrapper:before,
.hlTop #hlScences .bx-wrapper:before {
	right: 50%;
	-webkit-transform: translate(-700px, 0);
	transform: translate(-700px, 0);
}
.hlTop #hlPickup .bx-wrapper:after,
.hlTop #hlScences .bx-wrapper:after {
	left: 50%;
	-webkit-transform: translate(700px, 0);
	transform: translate(700px, 0);
}
.hlTop #hlPickup .bx-viewport,
.hlTop #hlScences .bx-viewport {
	overflow: inherit !important;
}
.hlTop #hlPickup .bx-viewport:before,
.hlTop #hlPickup .bx-viewport:after,
.hlTop #hlScences .bx-viewport:before,
.hlTop #hlScences .bx-viewport:after {
	content: "";
	display: block;
	width: 210px;
	height: 100%;
	background: no-repeat center;
	background-size: auto 100%;
	position: absolute;
	top: 0;
	z-index: 10;
}
.hlTop #hlPickup .bx-viewport:before ,
.hlTop #hlScences .bx-viewport:before{
	background-image: url(/~/Media/com/hadalabo/top/180308/bg_slide_mask_l.png);
	right: 50%;
	-webkit-transform: translate(-490px, 0);
	transform: translate(-490px, 0);
}
.hlTop #hlPickup .bx-viewport:after,
.hlTop #hlScences .bx-viewport:after  {
	background-image: url(/~/Media/com/hadalabo/top/180308/bg_slide_mask_r.png);
	left: 50%;
	-webkit-transform: translate(490px, 0);
	transform: translate(490px, 0);
}
.hlTop #hlPickup .bxslider p a,
.hlTop #hlScences .bxslider p a  {
	display: block;
}
.hlTop #hlPickup .bxslider p a:hover,
.hlTop #hlScences .bxslider p a:hover {
	text-decoration: none;
}
.hlTop #hlPickup .bxslider p a > span,
.hlTop #hlScences .bxslider p a > span  {
	display: table;
	color: #0083cb;
	width: 100%;
	height: 50px;
	font-size: 1.4rem;
	background: #eaf7ff;
	margin: 10px 0 0;
	border-radius: 30px;
	text-align: center;
}
.hlTop #hlPickup .bxslider p a > span span,
.hlTop #hlScences .bxslider p a > span span  {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
}
.hlTop #hlScences .bxslider p a > span span::after{
	content: ">";
	margin-left: 8px;
	opacity: 0.7;
	transform: scale(.75, 1);
	display: inline-block;
}
.hlTop #hlPickup .bx-wrapper .bx-pager.bx-default-pager a,
.hlTop #hlScences .bx-wrapper .bx-pager.bx-default-pager a  {
	width: 17px;
	height: 26px;
	background: url(/~/Media/com/hadalabo/top/180308/ico_pagination01.png) no-repeat center;
	background-size: 17px auto;
}
.hlTop #hlPickup .bx-wrapper .bx-pager.bx-default-pager a:hover,
.hlTop #hlScences .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: url(/~/Media/com/hadalabo/top/180308/ico_pagination01_on.png) no-repeat center;
	background-size: 17px auto;
}
.hlTop #hlPickup .bx-wrapper .bx-pager.bx-default-pager a.active,
.hlTop #hlScences .bx-wrapper .bx-pager.bx-default-pager a.active  {
	/* width: 17px; */
	height: 26px;
	background: url(/~/Media/com/hadalabo/top/180308/ico_pagination02.png) no-repeat center top;
	background-size: 17px auto;
}
.hlTop #hlPickup .bx-wrapper .bx-prev,
.hlTop #hlScences .bx-wrapper .bx-prev {
	left: -76px;
	background: url(/~/Media/com/hadalabo/top/180308/btn_carousel_prev01.png) no-repeat;
}
.hlTop #hlPickup .bx-wrapper .bx-next,
.hlTop #hlScences .bx-wrapper .bx-next {
	right: -76px;
	background: url(/~/Media/com/hadalabo/top/180308/btn_carousel_next01.png) no-repeat;
}
.hlTop #hlPickup .bx-wrapper .bx-controls-direction a,
.hlTop #hlScences .bx-wrapper .bx-controls-direction a  {
	top: 0;
	margin-top: 118px;
	width: 70px;
	height: 70px;
}
#hlScences .bx-wrapper .bx-pager {
	width: 100% !important;
	position: static;
}

/* #product
-----------------------------------------------------------------*/
.hlTop #product {
	background: #eaf7ff url(/~/Media/com/hadalabo/top/180308/bg_product01.jpg) no-repeat center top;
	padding: 179px 0 5%;
}
.hlTop #product .productInner {
	width: 940px;
	margin: 0 auto;
	padding:0;
}
.hlTop #product .productInner h2 {
	text-align: center;
	margin: 0 auto 80px;
}
.hlTop #product .productInner .pickupTtl{
	text-align: center;
	width: 205px;
	margin: 0 auto 50px;
	font-size: 1.571em;
	font-weight: bold;
	color: #555555;
}
.hlTop #product .productInner p {
	margin: 0 -5px 40px;
}
.hlTop #product .productInner dl {
	background: #0083cb;
	border-radius: 7px;
	margin: 32px 0 0;
	padding: 32px 13px 13px;
}
.hlTop #product .productInner dl dt {
	text-align: center;
}
.hlTop #product .productInner dl dd {
	margin: 25px 0 0;
}
.hlTop #product .productInner ul:after {
	content: "";
	clear: both;
	display: block;
}
.hlTop #product .productInner ul li,
.hlTop #product .productInner ul li.open:hover{
	background-color: #ebf7ff;
	width: 47.8%;
	border: 1px solid #0083cf;
	border-radius: 5px 5px 0 0;
	box-shadow: 2px -2px 4px rgba(0,81,126,0.1);
	margin: 0 auto;
	text-align: center;
}
.hlTop #product .productInner ul li.tabAreaAct,
.hlTop #product .productInner ul li:hover{
	border-bottom: 1px solid #fff;
	background-color: #fff;
}
.hlTop #product .productInner ul li:first-child {
	float: left;
}
.hlTop #product .productInner ul li:last-child {
	float: right;
}
.hlTop #product .productInner ul li a{
	padding-top: 6%;
	padding-bottom: 5.7%;
	display: inline-block;
	width: 100%;
	cursor: pointer;
}
.hlTop #product .productInner ul li a img{
	width: 90%;
	vertical-align: middle;
}
.hlTop #product .productInner ul#pickupTabNav li a img{
    width: auto;
    float: right;
    margin-right: 46px;
}
.hlTop #product .productInner .pickupItem{
	position:relative;
	margin-bottom:70px;
}
.hlTop #product .productInner .pickupItemList{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 80%;
	margin: 0 auto;
}
.hlTop #product .productInner .pickupItemList li{
	width: auto;
	margin-right: 56px;
	margin: 0 20px 50px;
	padding: 0;
	border: none;
	box-shadow:none;
}
.hlTop #product .productInner .pickupItemList p{
	margin-bottom:0;
}
.hlTop #product .productInner .pickupItemList li a{
	padding: 0;
	width: 108px;
	text-align: center;
	color: #3d515c;
	font-size: 1.143em;
}
.hlTop #product .productInner .pickupItemList li:last-child{
	float:none;
}
.hlTop #product .productInner .pickupItemList li:hover{
	border: none;
	background: none;
}
.hlTop #product .productInner .pickupItemList li:hover a{
	text-decoration: none;
	opacity: 0.7;
	cursor: pointer;
}
.hlTop #product .productInner .pickupItemList li .pickupItemIco{
	margin-bottom: 10px;
	background-color:#bce3f5;
	border-radius: 100% 100%;
	width: 100%;
}
.hlTop #product .productInner .pickupItemList li .pickupItemIco img{
	width: 100%;
}
.hlTop .hlProductBlc {
	width: 460px;
	margin: 20px 0 0;
	box-sizing: border-box;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 4px 8px rgba(0,81,126,.2);
	position: relative;
	z-index: 1;
}
.hlTop .hlProductBlc:nth-of-type(odd) {
	float: left;
	clear: both;
}
.hlTop .hlProductBlc:nth-of-type(even) {
	float: right;
}
.hlTop .hlProductBlc:nth-of-type(-n+2) {
	margin-top: 0;
}
.hlTop .hlProductBlc:hover{
	text-decoration: none;
	opacity: 0.6;
}
.hlTop .hlProductBlc a:hover{
	text-decoration: none;
}
.hlTop .hlProductBox {
	display: table;
	width: 100%;
}
.hlTop .hlProductBox > p {
	display: table-cell;
	width: 50%;
	border-radius: 6px;
	text-align: center;
	vertical-align: bottom;
	overflow: hidden;
}
.hlTop .hlProductBox > div {
	display: table-cell;
	width: 50%;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}
.hlTop .hlProductBox > div ul {
	text-align: center;
	margin: 0 -20px;
}
.hlTop .hlProductBox > div li {
	display: inline-block;
	padding: 3px 10px;
	font-size: 1.2rem;
	color: #fff;
	background: #75bde5;
	text-align: center;
	border-radius: 14px;
	margin-top: 5px;
}
.hlTop .hlProductBox .hlProductTtl {
	margin: 10px 0 0;
	min-height: auto !important;
}
.hlTop .hlProductBox .hlProductTtl span {
	font-size: 2.0rem;
	font-weight: bold;
	color: #0083cb;
	line-height: 1.3;
}
.hlTop .hlProductBox .hlProductTxt {
	font-size: 1.6rem;
	margin: 3.21% 0 0;
	text-align: left;
	color: #222;
}
.hlTop .hlProductBox .hlProductTxt span {
	display: block;
	font-size: 1.0rem;
	text-indent: -1em;
	padding-left: 1em;
}
.hlTop .hlProductBlc > ul {
	padding: 19px 20px 20px;
	border-top: 1px solid #ddecf4;
}
.hlTop .hlProductBlc > ul:after {
	content: "";
	clear: both;
	display: block;
}
.hlTop .hlProductBlc > ul li {
	display: table;
	width: 200px;
}
.hlTop .hlProductBlc > ul li:first-child {
	float: left;
}
.hlTop .hlProductBlc > ul li:last-child {
	float: right;
}
.hlTop .hlProductBlc > ul li:first-child:last-child {
	float: none;
	width: 100%;
}
.hlTop .hlProductBlc > ul li a {
	display: table-cell;
	height: 50px;
	border: 1px solid #0083cb;
	border-radius: 6px;
	box-sizing: border-box;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #0083cb;
	background: url(/~/Media/com/hadalabo/top/180308/ico_arrow01_r.png) no-repeat right 9px center;
	background-size: 6px auto;
	padding: 0 11px 0 6px;
	text-decoration: none;
}
.hlTop .secCont_wrap_01 {
    margin-bottom: 20%;
}

.hlTop #hlSkincare .hlSkincareInner {
	padding:0;
	background-color: #fff;
    border-top: 1px solid #0083cf;
    border-bottom: 1px solid #0083cf;
    margin-top: -1px;
}
.hlTop #hlSkincare .hlSkincareInner .tabAreaAct::after{
	content: "";
	background: url(/~/Media/com/hadalabo/top/190826/img_skincare_select.png) no-repeat left bottom;
}
.hlTop #hlSkincare .hlSkincareInner h3 {
	text-align: center;
	margin: 0 0 29px;
}
.hlTop #hlSkincare .hlSkincareInner p {
	text-align: center;
}
.hlTop #hlSkincare #hlSkincareTabNav {
	width: 940px;
	margin:30px auto;
}
.hlTop #hlSkincare #hlSkincareTabNav:after {
	content: "";
	clear: both;
	display: block;
}
.hlTop #hlSkincare #hlSkincareTabNav:before {
	content: "";
	display: block;
	background-image: url(/~/Media/com/hadalabo/top/180308/img_skincare_tab01_on.png), url(/~/Media/com/hadalabo/top/180308/img_skincare_tab02_on.png), url(/~/Media/com/hadalabo/top/180308/img_skincare_tab03_on.png), url(/~/Media/com/hadalabo/top/180308/img_skincare_tab04_on.png), url(/~/Media/com/hadalabo/top/190306/img_skincare_tab05_on.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li {
	width: 172px;
	float: left;
	margin: 0 0 0 20px;
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(1) {
	margin-left: 0;
}
.hlTop #hlSkincare #hlSkincareTabNav li.tabAreaAct {
	position: relative;
	z-index: 2;
}
.hlTop #hlSkincare #hlSkincareTabNav li.tabAreaAct:after {
	content: "";
	display: block;
	width: 172px;
	padding: 23px 0 0;
	background: url(/~/Media/com/hadalabo/top/190826/bg_skincare_current01.png) no-repeat center top;
	background-size: contain;
	position: absolute;
	left: 0%;
	top: 100%;
	margin-left: -31px;
	top:172px;
	margin-left: 0;
}
.hlTop #hlSkincare #hlSkincareTabNav li a {
	display: block;
	width: 100%;
	padding: 142px 0 0;
	background: no-repeat center bottom;
	font-size: 0;
	text-indent: 105%;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	z-index: 5;
	cursor: pointer;
	box-shadow: 2px 2px 5px rgba(102,102,102,0.1);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(1) a {
	background-image: url(/-/Media/com/hadalabo/top/200825/img_skincare_tab01.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(2) a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab02.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(3) a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab03.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(4) a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab04.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(5) a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab05.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(1).tabAreaAct a {
	background-image: url(/-/Media/com/hadalabo/top/200825/img_skincare_tab01_on.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(2).tabAreaAct a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab02_on.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(3).tabAreaAct a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab03_on.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(4).tabAreaAct a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab04_on.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(5).tabAreaAct a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab05_on.png);
}
.hlTop #hlSkincare #hlSkincareTabCont {
	width: 940px;
	margin: 0 auto;
	padding: 42px 0 0;
}
.hlTop #hlSkincare #hlSkincareTabCont > div:after {
	content: "";
	clear: both;
	display: block;
}
.hlTop #hlWash{
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(234,247,255,1) 10%);
	border-top: 1px solid #0083cf;
	margin-top: -1px;
}
.hlTop #hlWash .hlWashInner {
	padding: 39px 0 43px;
	background: url(/~/Media/com/hadalabo/top/180308/bg_wash01.png) repeat-x center bottom;
	background-size: auto 100%;
}
.hlTop #hlWash .hlWashInner h3 {
	text-align: center;
}
.hlTop #hlWash #hlWashCont {
	width: 940px;
	margin: 0 auto;
	padding: 40px 0 0;
}
.hlTop #hlWash #hlWashCont > div:after {
	content: "";
	clear: both;
	display: block;
}
.hlTop #hlWash #hlWashCont > p {
	margin: 60px 0 0;
	text-align: center;
	position: relative;
	z-index: 1;
}
/* #hlSns
-----------------------------------------------------------------*/
.hlTop #hlSns {
	margin: -14px 0 0;
	background: url(/~/Media/com/hadalabo/top/180308/bg_sns01.jpg) no-repeat center top;
}
.hlTop #hlSns .hlSnsInner {
	padding: 246px 0 71px;
}
.hlTop #hlSns .hlSnsInner h2 {
	text-align: center;
	margin: 0 0 49px;
}
.hlTop #hlSns .hlSnsInner > div {
	display: table;
	width: 940px;
	margin: 0 auto;
}
.hlTop #hlSns .hlSnsInner > div > div {
	display: table-cell;
	vertical-align: middle;
}
.hlTop #hlSns .hlSnsInner .hlSnsFb {
	width: 460px;
}
.hlTop #hlSns .hlSnsInner > div > div:last-child {
	text-align: center;
}

/* #float-purchase
-----------------------------------------------------------------*/
 #float-purchase {
  position: fixed;
  z-index: 9990;
  display: flex;
  transition: 0.2s;
}
#float-purchase #float-purchase-btn {
  display: block;
  position: absolute;
  left: -59px;
  width: 59px;
  border: 2px solid #0083cf;
  background-color: #fff6c7;
  border-radius: 8px 0 0 8px;
  text-align: center;
  padding-top: 71px;
  padding-bottom: 72px;
  border-right: 0;
  box-sizing: border-box;
}
#float-purchase.open #float-purchase-btn {
  background:url(/~/Media/com/hadalabo/top/190826/close.png) no-repeat top 13px left 20px #fff6c7;
  background-size: 17px;
}
#float-purchase #float-purchase-btn img{
	width: 29px;
}
#float-purchase #float-purchase-cnt {
  width: 100%;
  background-color: #fff;
}
#float-purchase.open {
  transform: translate(0, -100%);
}
#float-purchase #float-purchase-cnt {
  height: auto;
  background-color: #fff6c7;
  box-sizing: border-box;
}





/* -------------------------------------------------------------------------------------------------------*/
}

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

	PC

------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 769px) {
/* -------------------------------------------------------------------------------------------------------*/
#hadalabContainer .alphaHover a:hover img {
	opacity: 0.7;
}
#hadalabContainer .sp-01,
#hadalabContainer .sp-02 {
	display: none !important;
}
/* #hlPickup
-----------------------------------------------------------------*/
.hlTop #hlPickup .bx-controls {
	/*display: none;*/
}
/* #product
-----------------------------------------------------------------*/
.hlTop #product {
  padding-bottom: 0;
}
.hlTop #product #product_item,
.hlTop #product #product_series{
  display: block;
  padding-top: 130px;
  margin-top: -130px;
}
.hlTop .secCont_wrap_01 {
    margin-bottom: 120px;
}
.hlTop .hlProductBlc > ul li a:hover {
	opacity: 0.7;
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(1) a:hover {
	background-image: url(/-/Media/com/hadalabo/top/200825/img_skincare_tab01_on.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(2) a:hover {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab02_on.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(3) a:hover {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab03_on.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(4) a:hover {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab04_on.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(5) a:hover {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab05_on.png);
}

/* #float-purchase
-----------------------------------------------------------------*/
#float-purchase {
    right: -50%;
    top: 75%;
    width: 91.66667%;
    max-width: 344px;
    height: 315px;
    transform: translate(100%, -100%);
  }
#float-purchase.active {
    right: 0;
  }
#float-purchase #float-purchase-btn {
    top: 0;
    left: -59px;
    height: 315px;
  }
#float-purchase #float-purchase-cnt {
    height: 315px;
				box-sizing: border-box;
	   border-top: 2px solid #0083cf;
    border-bottom: 2px solid #0083cf;
  }
#float-purchase #float-purchase-cnt .purchase-list{
	margin-top: 44px;
	margin-left: 30px;
}
#float-purchase #float-purchase-cnt .purchase-list li{
	margin-bottom: 15px;
}
#float-purchase #float-purchase-cnt .purchase-list li a{
	background-color: #fff;
	max-width: 291px;
	width: 100%;
	display: inline-block;
	text-align: center;
	padding-top: 13%;
	padding-bottom: 10%;
	border: 1px solid #0083cf;
	border-radius: 5px;
}
#float-purchase #float-purchase-cnt .purchase-list li a img{
	width: 152px;
}
#float-purchase #float-purchase-cnt .purchase-list > li .purchase-list-txt ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: none;
    width: 87.77778%;
  }
#float-purchase #float-purchase-cnt .purchase-list > li .purchase-list-txt ul li {
    width: calc( (100% - 16px) / 2 );
    margin: 4px 4px;
  }
/* -------------------------------------------------------------------------------------------------------*/
}

@media screen and (min-width: 1400px) {
/* -------------------------------------------------------------------------------------------------------*/
/* #hlPickup
-----------------------------------------------------------------*/
.hlTop #hlPickup ,
.hlTop #hlScences{
	background-size: 100% auto;
}
/* #product
-----------------------------------------------------------------*/
.hlTop #product {
	background-size: 100% auto;
}
/* #hlSns
-----------------------------------------------------------------*/
.hlTop #hlSns {
	background-size: 100% auto;
}
/* -------------------------------------------------------------------------------------------------------*/
}

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

	TAB

------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 481px) and (max-width: 768px) {
/* -------------------------------------------------------------------------------------------------------*/
#hlPagetop {
	padding: 0 0 15%;
}


/* #hlMv
-----------------------------------------------------------------*/
/*.hlTop #hlMv {
    width: 94%;
    padding-top: 10%;
}
	.hlTop #hlMv .br{
		display: inline-block;
	}

.hlTop #hlMv h2 {
    width: 100%;
}

#hadalabContainer.hlTop #hlMv .hlMvTxt .sp{
	display:inline !important
}
.hlTop #hlMv .hlMvTxt .pc{
	display:none !important;
}


.hlTop #hlMv .hlMvTxt{
	color:#555;
    padding-bottom: 1em;
}
.hlTop #hlMv .btnConcept01 {
    position: relative;
    padding: 0 3%;
    text-align: right;
		line-height: 1em;
}

.hlTop #hlMv .btnConcept01 a {
    max-width: 166px;
    margin: 0 auto;
    display: block;
}*/


/* #hlPickup
-----------------------------------------------------------------*/
.hlTop #hlPickup{
	padding-bottom: 5%;
}
.hlTop #hlPickup .hlPickupBnr {
	width: auto;
	padding-right: 4.5%;
	padding-left: 4.5%;
}
.hlTop #hlPickup .hlPickupBnr li {
	width: 48.93%;
}
.hlTop #hlPickup .bx-wrapper .bx-prev,
.hlTop #hlScences .bx-wrapper .bx-prev {
	left: 0;
}
.hlTop #hlPickup .bx-wrapper .bx-next,
.hlTop #hlScences .bx-wrapper .bx-next {
	right: 0;
}

/* #product
-----------------------------------------------------------------*/
.hlTop #product .productInner {
	width: auto;
	padding-right: 4.5%;
	padding-left: 4.5%;
}

.hlTop #product .productInner dl dt {
	width: 18.82%;
	margin: 0 auto;
}
.hlTop #product .productInner ul li {
	width: 49.23%;
}
.hlTop .hlProductBlc {
	width: 48.93%;
}
.hlTop .hlProductBlc > ul li {
	width: 100%;
	margin-top: 10px;
}
.hlTop .hlProductBlc > ul li:first-child {
	float: none;
	margin-top: 0;
}
.hlTop .hlProductBlc > ul li:last-child {
	float: none;
}
.hlTop #product .productInner .pickupItemList{
	left: 0;
	float: none;
	margin-right: -3%;
	box-sizing: border-box;
}
.hlTop #product .productInner .pickupItemList li{
	left:0;
	width: 21%;
	max-width: 131px;
	margin-right: 3.5%;
	box-sizing: border-box;
}
.hlTop #product .productInner .pickupItemList li a{
	width: 100%;
	margin: 0;
}

.hlTop #hlSkincare .hlSkincareInner {
	padding-right: 4.5%;
	padding-left: 4.5%;
}
.hlTop #hlSkincare #hlSkincareTabNav {
	width: auto;
	margin-right: -2%;
	margin-bottom: 0;
}
.hlTop #hlSkincare #hlSkincareTabNav li {
	width: 18%;
	margin-left: 2%;
	padding-bottom: 30px;
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(1) {
	margin-left: 0;
}
.hlTop #hlSkincare #hlSkincareTabNav li a {
	/*padding: 160px 0 0;*/
	padding:41% 0;
	background-size: 100% auto;
}
.hlTop #hlSkincare #hlSkincareTabNav li.tabAreaAct::after{
	width: 80px;
	top: 100%;
	padding-top: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.hlTop #hlSkincare #hlSkincareTabCont {
	width: auto;
	padding-right: 4.5%;
	padding-left: 4.5%;
}
.hlTop #hlWash #hlWashCont {
	width: auto;
	padding-right: 4.5%;
	padding-left: 4.5%;
}
.hlTop #hlScences{
    background: url('/~/Media/com/hadalabo/top/180308/bg_sns01.jpg') top center no-repeat;
    background-size: 170%;
    margin-top: 0;
    padding-top: 28%;
    padding-bottom: 0;
}
/* #hlSns
-----------------------------------------------------------------*/

.hlTop #hlSns .hlSnsInner {
	padding: 7.46% 5.33% 9.33%;
}
.hlTop #hlSns .hlSnsInner .btnConcept02 {
    margin: -15% 0 0;
    position: relative;
}

/* #float-purchase
-----------------------------------------------------------------*/
  #hadalabContainer #float-purchase .sp {
	display: inline-block!important;
}
  #hadalabContainer #float-purchase .pc {
	display: none!important;
}
  #float-purchase {
    bottom: -30%;
    left: 0;
    width: 100%;
    transform: translate(0%, 100%);
  }
   #float-purchase.active {
    bottom: 0;
  }
  #float-purchase #float-purchase-btn {
    top: 1px;
    transform: translate(0%, -100%);
    left: 0;
	right: 0;
	width: 58%;
	margin: 0 auto;
	border-radius: 9px 9px 0 0;
	border: 3px solid #0083cf;
	border-bottom: 0;
	box-sizing: border-box;
	padding-top: 3%;
	padding-bottom: 2%;
  }
	#float-purchase #float-purchase-btn img{
	width: 50%;
	}
  #float-purchase #float-purchase-cnt {
	width: 58%;
	margin: 0 auto;
	box-sizing: border-box;
	border: none;
    border-left: 3px solid #0083cf;
	border-right: 3px solid #0083cf;
  }
	#float-purchase.open #float-purchase-btn {
	  background:url(/~/Media/com/hadalabo/top/190826/close.png) no-repeat top 8px right 8px #fff6c7;
	  background-size: 17px;
	}
	#float-purchase.open #float-purchase-cnt {
	  background:none;
	  background-color: #fff6c7;
	}
  #float-purchase #float-purchase-cnt .purchase-list{
    padding: 4% 5% 0;
	text-align: center;
  }
  #float-purchase #float-purchase-cnt .purchase-list > li {
    margin-bottom: 4%;
  }
  #float-purchase #float-purchase-cnt .purchase-list > li a{
    background-color: #fff;
	border: 2px solid #0083cf;
	border-radius: 6px;
	display: inline-block;
	width: 100%;
	padding: 4% 0 2%;
  }
  #float-purchase #float-purchase-cnt .purchase-list > li a img{
	width: 50%;
  }
  #float-purchase.open {
    transform: translate(0, 0);
  }
/* -------------------------------------------------------------------------------------------------------*/
}

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

	SP

------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 480px) {
/* -------------------------------------------------------------------------------------------------------*/
#hadalabContainer {
	padding: 16.93 0 0;
	position: relative;
}
#hadalabContainer .pc {
	display: none !important;
}
#hlPagetop {
	padding: 0 0 17.33%
}

#bnrsWrap {
    background-size: cover;
    margin-top: 10%;
    position: relative;
}
.btnConcept02 {
    max-width: 93%;
}
/* #hlMv
-----------------------------------------------------------------*/
.hlTop #hlMvMain{
	background: url(/~/Media/com/hadalabo/top/180308/img_mv01_sp.png);
}
.hlTop #hlMv {
    padding: 10.13% 3% 17.33%;
    background-color: #eaf7ff;
    background-image: url(/~/Media/com/hadalabo/top/190826/bg_02_sp.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    background-size: 100% auto;
}

.hlTop #hlMv h2 {
	margin: 0 0 6.85%;
    text-align: center;
}
.hlTop #hlMv h2 img {
    width: 90%;
}

.hlTop #hlMv .hlMvTxt{
	margin-bottom: 1em;
	color: #555;
	line-height: 2em;
    font-size: 3.8vw;
    width: 100%;
    text-align: center;
}
.hlTop #hlMv .btnConcept01 a {
    width: 43%;
    display: block;
    margin: auto;
}
.hlTop #hlMv .btnConcept01 {
    text-align: right;
    font-size: 3vw;
    color: #555;
}




/* #hlPickup
-----------------------------------------------------------------*/
.hlTop #hlPickup {
	padding: 33.46% 0 34.13%;
	position: relative;
}
.hlTop #hlPickup:before {
	content: "";
	display: block;
	width: 100%;
	padding: 52.66% 0 0;
	margin: 5.2% 0 0;
	background: url(/-/Media/com/hadalabo/top/200825/bg_pickup01_sp.png) no-repeat center top;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.hlTop #hlPickup:after {
	content: "";
	clear: both;
	display: block;
}
.hlTop #hlPickup h2 {
	width: 41.73%;
	margin: 0 auto 8%;
	position: relative;
	z-index: 1;
}
.hlTop #hlPickup .hlPickupBnr {
	padding: 0 5.33%;
}
.hlTop #hlPickup .hlPickupBnr li {
	margin: 2.98% 0 0;
}
.hlTop #hlPickup .hlPickupBnr li:first-child {
	margin-top: 0;
}
.hlTop #hlPickup .bx-viewport,
.hlTop #hlScences .bx-viewport {
	overflow: inherit !important;
}
.hlTop #hlPickup .bxslider p,
.hlTop #hlScences .bxslider p {
	margin: 0 9px;
}
.hlTop #hlPickup .bxslider p a {
	display: block;
}
.hlTop #hlPickup .bxslider p a:hover {
	text-decoration: none;
}
.hlTop #hlPickup .bxslider p a > span {
	display: block;
	color: #0083cb;
	font-size: 1.1rem;
	background: #eaf7ff;
	margin: 10px 0 0;
	padding: 5px;
	border-radius: 15px;
	text-align: center;
}
.hlTop #hlPickup .bx-wrapper .bx-pager {
	padding-left: 9px;
}
.hlTop #hlPickup .bx-wrapper .bx-pager.bx-default-pager a {
	background: url(/~/Media/com/hadalabo/top/180308/ico_pagination01.png) no-repeat center;
	background-size: 12px auto;
}
.hlTop #hlPickup .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: url(/~/Media/com/hadalabo/top/180308/ico_pagination01_on.png) no-repeat center;
	background-size: 12px auto;
}
.hlTop #hlPickup .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url(/~/Media/com/hadalabo/top/180308/ico_pagination02.png) no-repeat center;
	background-size: 12px auto;
}
#hlScences .bx-wrapper .bx-pager {
	width: 100% !important;
	position: static;
}
/* #product
-----------------------------------------------------------------*/
.hlTop #product {
	background: #eaf7ff;
	padding: 7.46% 0 31%;
	position: relative;
}
.hlTop #product:before {
	content: "";
	display: block;
	width: 100%;
	padding: 49.46% 0 0;
	margin: -24.8% 0 0;
	background: url(/~/Media/com/hadalabo/top/180308/bg_product01_sp.jpg) no-repeat center top;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.hlTop #product #product_item,
.hlTop #product #product_series{
  display: block;
  padding-top: 16.8750vw;
  margin-top: -16.8750vw;
}
.hlTop #product .productInner {
	padding: 0 5.33% 0;
}
.hlTop #product .productInner h2 {
	width: 57.01%;
	margin: 0 auto 10.14%;
	position: relative;
	z-index: 1;
}
.hlTop #product .productInner p {
	margin: 0 -1.04% 68px;
margin-bottom: 14%;
}
.hlTop #product .productInner dl {
	background: #0083cb;
	border-radius: 5px;
	margin: 4.32% 0 0;
	padding: 6.41% 0 2.68%;
}
.hlTop #product .productInner dl dt {
	width: 42.23%;
	margin: 0 auto;
}
.hlTop #product .productInner dl dd {
	margin: 5.07% 0 0;
}
.hlTop #product .productInner ul {
	margin: 0 auto;
}
.hlTop #product .productInner ul:after {
	content: "";
	clear: both;
	display: block;
}
.hlTop #product .productInner ul li {
	background-color: #ebf7ff;
	width: 47.8%;
	border: 1px solid #0083cf;
	border-radius: 5px 5px 0 0;
	box-shadow: 2px -2px 4px rgba(0,81,126,0.1);
	margin: 0 auto;
	text-align: center;
}
.hlTop #product .productInner ul li:first-child {
	float: none;
}
.hlTop #product .productInner ul li:last-child {
	float: right;
}
.hlTop #product .productInner ul li a{
	text-align: center;
	width: 100%;
	display: inline-block;
	padding: 10% 0 8%;
	box-sizing: border-box;
}
.hlTop #product .productInner ul li a img{
	width: 90%;
}
.hlTop #product .productInner ul li.tabAreaAct{
	border-bottom: 1px solid #fff;
	background-color: #fff;
}
.hlTop #product .productInner ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-right: -2%;
}
.hlTop #product .productInner .pickupTtl{
	width: 46%;
	margin: 16% auto 10%;
}
.hlTop #product .productInner .pickupItemList li{
	border: none;
	box-shadow: none;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 6%;
}
.hlTop #product .productInner .pickupItemList li a{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	justify-content: left;
	padding: 0;
	color: #576874;
}
.hlTop #product .productInner .pickupItemList li a:hover{
	text-decoration:none;
	opacity: 0.75;
}
.hlTop #product .productInner .pickupItemList .pickupItemIco{
	width: 40%;
	margin-right: 5%;
	margin-bottom: 0;
	background-color: #9ad2f0;
	border-radius: 100%;
}
.hlTop #product .productInner .pickupItemList .pickupItemIco img{
	width: 100%;
}
.hlTop #product .productInner .pickupItemList .pickupItemName{
	width: 55%;
	text-align: left;
	margin-bottom: 0;
}
.hlTop .hlProductBlc {
	width: 47.76%;
	padding: 0 2.98% 2.98%;
	margin: 4.47% 0 0;
	box-sizing: border-box;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 4px 8px rgba(0,81,126,.2);
	position: relative;
	z-index: 1;
}
.hlTop .hlProductBlc:nth-of-type(odd) {
	float: left;
	clear: both;
}
.hlTop .hlProductBlc:nth-of-type(even) {
	float: right;
}
.hlTop .hlProductBlc:nth-of-type(-n+2) {
	margin-top: 0;
}
.hlTop .hlProductBox > p {
	border-radius: 4px;
	overflow: hidden;
}
.hlTop .hlProductBox > div ul {
	text-align: center;
}
.hlTop .hlProductBox > div li {
	display: inline-block;
	padding: 2px 5px;
	font-size: 1.0rem;
	color: #fff;
	background: #75bde5;
	text-align: center;
	border-radius: 10px;
}
.hlTop .hlProductBox .hlProductTtl {
	display: table;
	width: 100%;
	margin: 3.21% 0 0;
}
.hlTop .hlProductBox .hlProductTtl span {
	display: table-cell;
	font-size: 1.6rem;
	font-weight: bold;
	color: #0083cb;
	line-height: 1.25;
	text-align: center;
	vertical-align: middle;
}
.hlTop .hlProductBox .hlProductTxt {
	font-size: 1.3rem;
	margin: 3.21% 0 0;
	color: #222;
}
.hlTop .hlProductBlc a:hover{
	text-decoration: none;
	opacity: 0.7;
	}
.hlTop .hlProductBox .hlProductTxt span {
	display: block;
	font-size: 1.0rem;
	text-indent: -1em;
	padding-left: 1em;
}
.hlTop .hlProductBlc > ul li {
	display: table;
	width: 100%;
	margin: 3.21% 0 0;
}
.hlTop .hlProductBlc > ul li a {
	display: table-cell;
	height: 35px;
	border: 1px solid #0083cb;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #0083cb;
	background: url(/~/Media/com/hadalabo/top/180308/ico_arrow01_r.png) no-repeat right 6px center;
	background-size: 5px auto;
	padding: 0 11px 0 6px;
}
.hlTop #hlSkincare .hlSkincareInner {
	padding: 7.46% 5.33% 7.46%;
	background-color: #fff;
	border-top: 1px solid #0083cf;
	border-bottom: 1px solid #0083cf;
	margin-top: -1px;
}
.hlTop #hlSkincare .hlSkincareInner h3 {
	width: 33.58%;
	margin: 0 auto 6.26%;
}
.hlTop #hlSkincare #hlSkincareTabNav {
	margin-right: -2.4%;
}
.hlTop #hlSkincare #hlSkincareTabNav:before {
	content: "";
	display: block;
	background-image: url(/~/Media/com/hadalabo/top/180308/img_skincare_tab01_on.png), url(/~/Media/com/hadalabo/top/180308/img_skincare_tab02_on.png), url(/~/Media/com/hadalabo/top/180308/img_skincare_tab03_on.png), url(/~/Media/com/hadalabo/top/180308/img_skincare_tab04_on.png), url(/~/Media/com/hadalabo/top/190306/img_skincare_tab05_on.png);
}
.hlTop #hlSkincare #hlSkincareTabNav:after {
	content: "";
	clear: both;
	display: block;
}
.hlTop #hlSkincare #hlSkincareTabNav li {
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 3%;
	cursor: pointer;
}
.hlTop #hlSkincare #hlSkincareTabNav li.tabAreaAct {
	position: relative;
	z-index: 2;
}
.hlTop #hlSkincare #hlSkincareTabNav li.tabAreaAct:after {
	content: "";
	display: block;
	width: 70.96%;
	padding: 24.19% 0 0;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 100%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.hlTop #hlSkincare #hlSkincareTabNav li a {
	display: block;
	width: 100%;
	background: no-repeat center top;
	background-size: 100% auto;
	font-size: 0;
	text-indent: 105%;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	z-index: 5;
	padding: 25% 0;
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(1) a {
	background-image: url(/-/Media/com/hadalabo/top/200825/img_skincare_tab01_sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(2) a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab02_sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(3) a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab03_sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(4) a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab04_sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(5) a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab05_sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(1).tabAreaAct a {
	background-image: url(/-/Media/com/hadalabo/top/200825/img_skincare_tab01_on_sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(2).tabAreaAct a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab02_on_sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(3).tabAreaAct a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab03_on_sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(4).tabAreaAct a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab04_on_sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(5).tabAreaAct a {
	background-image: url(/~/Media/com/hadalabo/top/190826/img_skincare_tab05_on_sp.png);
}
.hlTop #hlSkincare #hlSkincareTabCont {
	padding: 8% 5.33% 25%;
}
.hlTop #hlSkincare #hlSkincareTabCont > div:after {
	content: "";
	clear: both;
	display: block;
}
.hlTop #hlWash{
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(234,247,255,1) 10%);
	border-top: 1px solid #0083cf;
	margin-top: -1px;
}
.hlTop #hlWash .hlWashInner {
	padding: 7.46% 5.33% 8.26%;
	background: url(/~/Media/com/hadalabo/top/180308/bg_wash01_sp.png) repeat-x center bottom;
	background-size: auto 100%;
}
.hlTop #hlWash .hlWashInner h3 {
	width: 56.26%;
	margin: 0 auto;
}
.hlTop #hlWash #hlWashCont {
	padding: 5.33% 5.33% 26.93%;
}
.hlTop #hlWash #hlWashCont > div:after {
	content: "";
	clear: both;
	display: block;
}
.hlTop #hlWash #hlWashCont > p {
	margin: 8.95% 0 0;
	position: relative;
	z-index: 1;
}

.hlTop #hlScences{
	padding: 7.46% 0 0;
	position: relative;
}

.hlTop #hlScences::before {
    content: "";
    display: block;
    width: 100%;
    padding: 49.46% 0 14%;
    margin: -34.8% 0 0;
    background: url('/~/Media/com/hadalabo/top/180308/bg_sns01_sp.jpg') top center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.hlTop #hlScences h2 {
    width: 41.73%;
    margin: 0 auto 8%;
    position: relative;
    z-index: 1;
    text-align: center;
}

/* #hlSns
-----------------------------------------------------------------*/
.hlTop #hlSns {
	position: relative;
}
.hlTop #hlSns:before {
	content: "";
	display: block;
	width: 100%;
	padding: 64.4% 0 0;
	margin: -37.6% 0 0;
	background: url(/~/Media/com/hadalabo/top/180308/bg_sns01_sp.jpg) no-repeat center top;
	background-size: 100% auto;
	position: relative;
	left: 0;
	top: 0;
	z-index: 0;
}
.hlTop #hlSns .hlSnsInner {
	padding: 7.46% 5.33% 9.33%;
}
.hlTop #hlSns .hlSnsInner .btnConcept02 {
    margin: -15% 0 0;
    position: relative;
}

/* #float-purchase
-----------------------------------------------------------------*/
 #float-purchase {
  position: fixed;
  z-index: 9990;
  display: flex;
  transition: 0.2s;
  bottom: -50%;
  left: 0;
  width: 100%;
  transform: translate(0%, 100%);
}
 #float-purchase.active {
  bottom: 0;
}
#float-purchase #float-purchase-btn {
  display: block;
  position: absolute;
  background-color: #fff6c7;
  text-align: center;
  top: 1px;
  transform: translate(0%, -100%);
  left: 0;
  right: 0;
  width: 90%;
  margin: 0 auto;
  border-radius: 9px 9px 0 0;
  border: 3px solid #0083cf;
  border-bottom: 0;
  box-sizing: border-box;
  padding-top: 3%;
  padding-bottom: 2%;
}
#float-purchase #float-purchase-btn img{
	width: 50%;
}
#float-purchase.open #float-purchase-btn {
  background:url(/~/Media/com/hadalabo/top/190826/close.png) no-repeat top 8px right 8px #fff6c7;
  background-size: 12px;
}
#float-purchase #float-purchase-cnt {
  width: 90%;
  margin: 0 auto;
  box-sizing: border-box;
  border: none;
  border-left: 3px solid #0083cf;
  border-right: 3px solid #0083cf;
  background-color: #fff;
  background-color: #fff6c7;
}
#float-purchase.open {
  transform: translate(0, -100%);
}
#float-purchase #float-purchase-cnt .purchase-list{
  padding: 4% 5% 0;
  text-align: center;
}
#float-purchase #float-purchase-cnt .purchase-list > li {
  margin-bottom: 4%;
}
#float-purchase #float-purchase-cnt .purchase-list > li a{
  background-color: #fff;
  border: 2px solid #0083cf;
  border-radius: 6px;
  display: inline-block;
  width: 100%;
  padding: 4% 0 2%;
}
#float-purchase #float-purchase-cnt .purchase-list > li a img{
  width: 50%;
}
#float-purchase.open {
  transform: translate(0, 0);
}
	/* -------------------------------------------------------------------------------------------------------*/
}

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

	print

------------------------------------------------------------------------------------------------------------- */
@media print {
/* -------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/
}
/* -------------------------------------------------------------------------------------------------------------

	TAB/SP

------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 768px) {
/* -------------------------------------------------------------------------------------------------------*/
#hadalabContainer .sp-01 {
	display: block !important;
}
#hadalabContainer .pc-01 {
	display: none !important;
}
#hadalabContainer .sp-02 {
	display: inline-block !important;
}

.hlBtn-02 a{
	background: url(/-/Media/com/hadalabo/top/200825/ico_arrow_02.png) 90% center no-repeat;
	color: #fff;
	padding: 0.5em 2em 0.5em 1em;
	border: 0.26vw solid #fff;
	border-radius: 50px;
	background-size: 2.75%;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	font-size: 4.17vw;
}

.hlBtn-03 a{
	background: url(/-/Media/com/hadalabo/top/200825/ico_arrow_03.png) 94% center no-repeat;
	color: #1c82c7;
	padding: 0.7em 2em 0.62em 1em;
	border: 0.26vw solid #1c82c7;
	border-radius: 50px;
	background-size: 2%;
	box-sizing: border-box;
	display: inline-block;
	font-size: 4.17vw;
	width: 100%;
	text-align: center;
}


/* #hlMvMain
-----------------------------------------------------------------*/
.hlTop #hlMvMain{
	background: #1971c2;
	text-align: center;
	height: auto;
}
.hlTop #hlMvMain img{
	width: 100%;
	max-width: 1120px;
}


/* #hlBestCosme
-----------------------------------------------------------------*/
	.hlTop #hlBestCosme{
		background: #1971c2;
		color: #fff;
		height: auto;
		padding-bottom: 11.72%;
		padding-bottom: 1.5%;
		padding-top: 2.6%;
	}

	.hlTop #hlBestCosme .hlImg-01-1{
		width: 94vw;
		max-width: 717px;
		margin: 4vw auto 0;
	}

	.hlTop #hlBestCosme .hlImg-01{
		float: left;
		margin: 0 3% 0 0;
		width: 34.6%;
	}

	.hlTop #hlBestCosme .hlTxtWrap-01{
		float: left;
		width: 61.6%;
	}
	.hlTop #hlBestCosme .hlTxtWrap-01 .hlTxt-01{
		font-size: 5.47vw;
		font-weight: 500;
		padding: 5.5% 0 0;
		margin-bottom: 5.23%;
		text-align: left;
	}
	.hlTop #hlBestCosme .hlTxtWrap-01 .hlBtn-02 a{
		width: 100%;
	}


/* #hlMv
-----------------------------------------------------------------*/
.hlTop #hlMvWrap {
	background: none;
	width: 90%;
	max-width: 680px;
	margin: 0 auto;
	padding: 16% 0 19.53%;
	box-sizing: border-box;
}

.hlTop #hlMvWrap .hlTxtWrap-02{
		float: none;
		width: 100%;
		margin: 0 auto;
	}

	.hlTop #hlMvWrap .hlImg-02{
		width: 29.26%;
		margin: 7% auto 11.76%;
	}
.hlTop #hlMvWrap .hlTxtWrap-02 .hlMvTxt {
    font-size: 5.47vw;
    line-height: 1.75em;
    padding-bottom: 5.5%;
    color: #444;
    letter-spacing: -1px;
    font-weight: lighter;
    text-align: center;
}
.hlTop .hada2{
	overflow: hidden;
	text-align: center;
	height: auto;
}
.hlTop #HADA2{
	margin-top: -110%;
	width: 200%;
	margin-bottom: 11.76%;
	opacity: 0;
}
.hlTop #hlMvWrap .hlBtn-03 {
	width: 100%;
	margin-top: 1%;
	letter-spacing: -1px;
}
.hlTop #hlMvWrap .hlBtn-03 a{
	text-align: left;
	border-radius: 22px;
}

/* #hlCosme
-----------------------------------------------------------------*/
    .hlTop #hlCosme {
    background: #ebf7fe;
    }
	.hlTop #hlCosme .hlCosme-Wrap{
		background: url(/-/Media/com/hadalabo/top/200825/bg_hadalabo2020aw_02_sp.png) right 42%  no-repeat;
		padding-bottom: 7.8%;
		background-size: 61.46%;
		width: 100%;
		margin: 0 auto;
	}
	.hlTop #hlCosme .hlTxt-02{
		padding: 10% 0 6%;
		color: #1b80c7;
		font-size: 5.99vw;
		font-weight: bold;
		line-height: 1.55em;
		text-align: left;
		width: 60%;
		margin: 0 0 0 13.54vw;
		letter-spacing: -1px;
	}
	.hlTop #hlCosme .hlTxt-02::before{
		content: "";
		width: 3.91vw;
		height: 6.51vw;
		display: block;
		margin-right: 0;
		margin-left: -6.5%;
		margin-bottom: -6%;
		border-top: 0.39vw solid #acd3ed;
		border-left: 0.39vw solid #acd3ed;
	}
	.hlTop #hlCosme .hlTxt-02::after{
		content: "";
		width: 3.91vw;
		height: 6.51vw;
		display: block;
		margin: -10% 0 0 53vw;
		border-bottom: 0.39vw solid #acd3ed;
		border-right: 0.39vw solid #acd3ed;
	}
	.hlTop #hlCosme .hlBtn-03{
		width: 88.542%;
		margin: 0 auto 0;
	}
	.hlTop #hlCosme .hlBtn-03 a{
		background: url(/-/Media/com/hadalabo/top/200825/ico_arrow_03.png) 94% center no-repeat, rgba(234,247,255,0.9);
		background-size: 2%;
	}


/* #hlConcept
-----------------------------------------------------------------*/
.hlTop #hlConcept{
	width: 100%;
	max-width: 768px;
	margin: 5.2% auto;
}
.hlTop #hlConcept .hlImg-03{
	float: none;
	width: 100%;
	margin-bottom: 7.81%;
}
.hlTop #hlConcept .hlTxtWrap-02{
	width: 88.542%;
	margin: 0 auto;
}
.hlTop #hlConcept .hlTxtWrap-02 .hlTxt-03{
	color: #1b80c7;
	font-size: 6.55vw;
	font-weight: lighter;
	margin-bottom: 18px;
	letter-spacing: -1px;
}

.hlTop #hlConcept .hlTxtWrap-02 .hlTxt-04{
	font-size: 3.52vw;
	color: #444;
	letter-spacing: -1px;
	margin-bottom: 14px;
}
.hlTop #hlConcept .hlTxtWrap-02 .hlBtn-03{
	margin-top: 2.5em;
	width: 100%;
}
.hlTop #product .productInner .pickupItem{
	margin-bottom: 0;
}
.hlTop #product .productInner .pickupTtl{
	text-align: center;
	width: 100%;
	margin: 0 auto 8%;
	font-size: 4.95vw;
	font-weight: bold;
	color: #555555;
}

/* #product
-----------------------------------------------------------------*/
.hlTop #product #product_item,
.hlTop #product #product_series{
  display: block;
  padding-top: 16.8750vw;
  margin-top: -16.8750vw;
}
.hlTop #product .productInner .pickupItemList{
	left: 0;
	float: none;
	margin-left: 6%;
	box-sizing: border-box;
	width: 100%;
}
.hlTop #product .productInner .pickupItemList li{
	left:0;
	width: 48%;
	max-width: unset;
	margin: 0 1% 6%;
	box-sizing: border-box;
}

.hlTop #product .productInner .pickupItemList li a{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	justify-content: left;
	padding: 0;
	color: #576874;
}
.hlTop #product .productInner .pickupItemList li .pickupItemIco{
	width: 30%;
	margin-right: 5%;
	margin-bottom: 0;
	background-color: #9ad2f0;
	border-radius: 100%;
}
.hlTop #product .productInner .pickupItemList li .pickupItemIco img{
	width: 100%;
}
.hlTop #product .productInner .pickupItemList .pickupItemName{
	width: 65%;
	text-align: left;
	margin-bottom: 0;
	font-size: 2.86vw;
}

.hlTop #product .productInner ul#pickupTabNav li a img{
	float: none;
	margin: 0 auto;
	text-align: center;
}
.hlTop #product .productInner ul#pickupTabNav li a {
	margin: 0 auto;
	text-align: center;
	width: 70%;
}



/* #hlPickup #hlScences
-----------------------------------------------------------------*/

.hlTop #hlScences .bxslider p a > span  {
	display: table;
	color: #0083cb;
	width: 100%;
	height: 11.98vw;
	font-size: 3.39vw;
	background: #eaf7ff;
	margin: 10px 0 0;
	border-radius: 100px;
	text-align: center;
}
.hlTop #hlScences .bxslider p a > span span  {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
}
.hlTop #hlScences .bxslider p a > span span::after{
	content: ">";
	margin-left: 8px;
	opacity: 0.7;
	transform: scale(.75, 1);
	display: inline-block;
}


.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 5vw 0 0 15px;
  }
.hlTop #hlScences .bx-wrapper .bx-controls-direction a  {
	top: 0;
	margin-top: 22.78vw;

}


}