@charset "UTF-8";
#hadalab_container { font-size: 16px; color: #333333; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; overflow: hidden; position: relative; }
#hadalab_container .ir { display: block; text-align: left; text-indent: -999em; overflow: hidden; }
#hadalab_container sup { line-height: 0; font-size: 14px; }
#hadalab_container .pcv { display: block; }
#hadalab_container .spv { display: none; }
#hadalab_container #main { position: relative; }
#hadalab_container #main a { display: inline-block; text-decoration: none; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms; }
#hadalab_container #main a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
#hadalab_container #main .btn { display: block; background: #2fafe5; text-align: center; padding-left: 16px; color: #fff; border-radius: 6px; padding-top: 2px; line-height: 38px; font-size: 16px; position: relative; letter-spacing: 0px; text-decoration: none; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms; }
#hadalab_container #main .btn:before { content: ''; position: absolute; left: 18px; top: 50%; margin-top: -5px; width: 7px; height: 7px; border-top: 3px solid #fff; border-right: 3px solid #fff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#hadalab_container #main .btn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
#hadalab_container #main .read_box, #hadalab_container #main .session { width: 940px; margin: 0 auto; }
#hadalab_container #main .btn_open { display: none; }
#hadalab_container .btn_pagetop { position: absolute; right: 11px; bottom: 0px; z-index: 100; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: all 200ms; -o-transition: all 200ms; -webkit-transition: all 200ms; transition: all 200ms; }
#hadalab_container .btn_pagetop a { display: block; background: url(/%7E/Media/com/hadalabo/top/btn_pagetop_ov.png) no-repeat left top; }
#hadalab_container .btn_pagetop a img { -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms; }
#hadalab_container .btn_pagetop a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#hadalab_container .btn_pagetop.in { position: fixed; }
#hadalab_container .btn_pagetop.out { height: 0px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#hadalab_container.top {background: url(/%7E/Media/com/hadalabo/top/170829/bg2.png) repeat-y top center;}
#hadalab_container.top #hadalabo_kv { position: relative; background: #dee6f0; }
#hadalab_container.top #hadalabo_kv .right { position: absolute; width: 50%; height: 100%; top: 0px; z-index: 1; right: 0px; background: #fdfefe; }
#hadalab_container.top #hadalabo_kv .right img { width: 100%; max-width: 100%; height: 100%; }
#hadalab_container.top #hadalabo_kv .inner { position: relative; z-index: 10; width: 940px; margin: 0 auto; }
#hadalab_container.top #hadalabo_kv .inner .pcv { margin: 0 -170px; }
#hadalab_container.top #hadalabo_kv .inner .ir { display: none; }
#hadalab_container.top #main {padding-top: 90px;background: url(/%7E/Media/com/hadalabo/top/170829/bg1.png) no-repeat top center;}
#hadalab_container.top #main h2 { text-align: center; margin-bottom: 40px; }
#hadalab_container.top #main h2 img { margin: 0 auto; }
#hadalab_container.top #main .news { padding: 80px 0 0; }
#hadalab_container.top #main .news ul { width: 906px; margin: 0 auto; }
#hadalab_container.top #main .news ul li { position: relative; margin-top: 8px; border-bottom: 1px dotted #0082cb; }
#hadalab_container.top #main .news ul li .drop { position: absolute; left: 8px; top: 10px; }
#hadalab_container.top #main .news ul li a { position: relative; color: #0082cb; padding: 7px 0px 7px 142px; }
#hadalab_container.top #main .news ul li a .date { position: absolute; left: 32px; display: block; width: 106px; }


#hadalab_container.top #main .statement .sp { display: none; }
@media screen and (max-width: 768px) and (max-width: 550px){ #hadalab_container.top #main .statement .sp { display: block; } }
#hadalab_container.top #main .statement { padding: 80px 0 0; width: 940px; margin: 0 auto; }
@media screen and (max-width: 768px) and (max-width: 550px){ #hadalab_container.top #main .statement { width: auto; margin: 0 3%; padding: 50px 0 0; } }
@media screen and (max-width: 768px) { #hadalab_container.top #main .statement { width: auto; } }
@media screen and (max-width: 768px) and (max-width: 550px){ #hadalab_container.top #main .statement h2 { width: 47%; } }
#hadalab_container.top #main .statement > div { background: #e5f2fa; padding: 40px 0; }
@media screen and (max-width: 768px) and (max-width: 550px){ #hadalab_container.top #main .statement > div { padding: 30px 3% 40px; } }
#hadalab_container.top #main .statement p:first-child { text-align: center; color: #0082cb; line-height: 2; margin-bottom: 22px; }
@media screen and (max-width: 768px) and (max-width: 550px){ #hadalab_container.top #main .statement p:first-child { font-weight: bold; font-size: 15px; line-height: 1.8; } }
#hadalab_container.top #main .statement .slider { width: 580px; margin: 0 auto 27px; position: relative; }
@media screen and (max-width: 768px) and (max-width: 550px){ #hadalab_container.top #main .statement .slider { width: auto; overflow: hidden; margin:0 auto 16px; } }
#hadalab_container.top #main .statement .slider p.box { width: 580px; height: 329px; overflow: hidden; margin: 0 auto; position: relative; }
@media screen and (max-width: 768px) and (max-width: 550px){ #hadalab_container.top #main .statement .slider p.box { width: auto; overflow:auto; } }
#hadalab_container.top #main .statement .slider p.shadowL { content: ""; width: 33px; height: 301px; position: absolute; top: 13px; left: 0; z-index: 1; display: none; }
@media screen and (max-width: 768px) and (max-width: 550px){ #hadalab_container.top #main .statement .slider p.shadowL { top: 7px;} }
#hadalab_container.top #main .statement .slider p.shadowR { content: ""; width: 33px; height: 301px; position: absolute; top: 13px; right: 0; z-index: 1; }
@media screen and (max-width: 768px) and (max-width: 550px){ #hadalab_container.top #main .statement .slider p.shadowR { top: 7px;} }
#hadalab_container.top #main .statement .slider p.icon { position: absolute; top: 50%; left: 50%; z-index: 1; margin: -53px 0 0 -37px; display: none; }
@media screen and (min-width: 769px) { #hadalab_container.top #main .statement .slider p.icon { display: none !important; } }
#hadalab_container.top #main .statement .slider p.icon img { width: 74px; }
#hadalab_container.top #main .statement .slider img { max-width: inherit; position: absolute; top: 0; left: 0; }
#hadalab_container.top #main .statement .slider .slideBtn li { text-indent: -9999px; width: 48px; height: 48px; position: absolute; top: 140px; cursor: pointer; z-index: 2; display: none; }
@media screen and (min-width: 769px) { #hadalab_container.top #main .statement .slider .slideBtn li:hover { opacity: 0.7 !important; } }
#hadalab_container.top #main .statement .slider .next { right: -24px; background: url(/%7E/Media/com/hadalabo/top/statement/btn_next.png) no-repeat; }
@media screen and (max-width: 768px) and (max-width: 550px){ #hadalab_container.top #main .statement .slider .next { display: none !important;} }
#hadalab_container.top #main .statement .slider .prev { left: 0; background: url(/%7E/Media/com/hadalabo/top/statement/btn_prev.png) no-repeat; opacity: 0; }
@media screen and (max-width: 768px) and (max-width: 550px){ #hadalab_container.top #main .statement .slider .prev { display: none !important;} }
#hadalab_container.top #main .statement .slider .pager { text-align: center; margin-top: 10px; }
#hadalab_container.top #main .statement .slider .pager li { text-indent: -9999px; width: 6px; height: 6px; background: #fff; display: inline-block; overflow: hidden; border-radius: 10px; margin: 0 5px; cursor: pointer; border: 2px solid #0082cb; }
#hadalab_container.top #main .statement .slider .pager li.active, #hadalab_container.top #main .statement .slider .pager li:hover { background: #0082cb; }
#hadalab_container.top #main .statement .btn { width: 260px; margin: 0 auto; line-height: 1.5; padding: 9px 0; }
@media screen and (max-width: 768px) and (max-width: 550px){ #hadalab_container.top #main .statement .btn { font-size: 14px; } }
#hadalab_container.top #main .statement .btn:before { border: none; }
#hadalab_container.top #main .statement .btn:after { content: ''; position: absolute; right: 18px; top: 50%; margin-top: -12px; border: none; width: 24px; height: 24px; background: url(/%7E/Media/com/hadalabo/top/statement/icon_arw.png) no-repeat; background-size: 24px; }

/*gokujyun*/
#hadalab_container.top #main .gokujyun {
	position:relative;
	margin: 135px 0 44px;
	padding:77px 0 46px;
	background: url(/%7E/Media/com/hadalabo/top/170829/bg_gokujyun_main.jpg) #e5f2fa center no-repeat;
}
#hadalab_container.top #main .gokujyun:before {
	content:"";
	width:100%;
	height:44px;
	background:url(/%7E/Media/com/hadalabo/top/170829/bg_gokujyun_top.png) repeat-x;
	position:absolute;
	top:-44px;
	left:0;
}
#hadalab_container.top #main .gokujyun:after {
	content:"";
	width:100%;
	height:44px;
	background:url(/%7E/Media/com/hadalabo/top/170829/bg_gokujyun_btm.png) repeat-x;
	position:absolute;
	bottom:-44px;
	left:0;
}
#hadalab_container.top #main .gokujyun h2 {
	width: 185px;
	margin:0 auto;
}
#hadalab_container.top #main .gokujyun h2 img {
	width:100%;
	height:auto;
}
#hadalab_container.top #main .gokujyun .lead {
	font-size:18px;
	line-height:1.7;
	text-align:center;
	color:#0082cb;
	margin-top:40px;
}
#hadalab_container.top #main .gokujyun .lead sup {
	font-size:10px;
}
#hadalab_container.top #main .gokujyun .lead span {
	display:block;
	font-size:14px;
}
#hadalab_container.top #main .gokujyun .lead + p {
	width:300px;
	margin:40px auto 0;
}
#hadalab_container.top #main .gokujyun .btn {
	padding:10px 30px 10px 0;
	font-size:14px;
}
#hadalab_container.top #main .gokujyun .btn:before {
	border:0;
}
#hadalab_container.top #main .gokujyun .btn:after {
	content: '';
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -12px;
	border: none;
	width: 24px;
	height: 24px;
	background: url(/%7E/Media/com/hadalabo/top/statement/icon_arw.png) no-repeat;
	background-size: 24px;
}
#hadalab_container.top #main .gokujyun .bnr {
	width:607px;
	margin:50px auto 0;
}

@media screen and (max-width: 768px) {
#hadalab_container.top #main .gokujyun {
	position:relative;
	margin: 60px 0 20px;
	padding:27px 3% 30px;
	background:#e5f2fa;
}
#hadalab_container.top #main .gokujyun:before {
	content:"";
	width:100%;
	height:20px;
	background: url(/%7E/Media/com/hadalabo/top/170829/bg_gokujyun_top_sp.png) repeat-x center;
	background-size: auto 20px;
	position:absolute;
	top:-20px;
	left:0;
}
#hadalab_container.top #main .gokujyun:after {
	content:"";
	width:100%;
	height:20px;
	background: url(/%7E/Media/com/hadalabo/top/170829/bg_gokujyun_btm_sp.png) repeat-x center;
	background-size: auto 20px;
	position:absolute;
	bottom: -20px;
	left:0;
}
#hadalab_container.top #main .gokujyun h2 {
	width: 33%;
	margin:0 auto;
}
#hadalab_container.top #main .gokujyun h2 img {
	width:100%;
	height:auto;
}
#hadalab_container.top #main .gokujyun .lead {
	font-size:14px;
	line-height:1.7;
	margin-top:20px;
}
#hadalab_container.top #main .gokujyun .lead sup {
	font-size:10px;
}
#hadalab_container.top #main .gokujyun .lead span {
	display:block;
	font-size:12px;
}
#hadalab_container.top #main .gokujyun .lead + p {
	margin:30px auto 0;
}
@media screen and (max-width: 480px){
	#hadalab_container.top #main .gokujyun .lead + p {
		width:80%;
	}
}
#hadalab_container.top #main .gokujyun .btn {
	line-height: 1.5;
	padding: 9px 0;
}
#hadalab_container.top #main .gokujyun .btn:before {
	border:0;
}

#hadalab_container.top #main .gokujyun .bnr {
	width:auto;
	margin:50px auto 0;
	text-align:center;
}
@media screen and (max-width: 768px) and (min-width: 550px){
	#hadalab_container.top #main .gokujyun h2 {
	width: 185px;
	margin:0 auto;
	}
	#hadalab_container.top #main .gokujyun .lead {
	font-size:18px;
	line-height:1.7;
	text-align:center;
	color:#0082cb;
	margin-top:40px;
	}
	#hadalab_container.top #main .gokujyun .lead sup {
		font-size:10px;
	}
	#hadalab_container.top #main .gokujyun .lead span {
		display:block;
		font-size:14px;
	}
}
}
#hadalab_container.top #main .special {padding: 80px 0 50px;width: 940px;margin: 0 auto;}
#hadalab_container.top #main .special ul.bnr_promo { width: 680px; float: left; }
#hadalab_container.top #main .special ul.bnr_promo li { margin: 0 20px 20px 0; float: left; line-height: 0; }
#hadalab_container.top #main .special ul.bnr_promo li span { display: block; }
#hadalab_container.top #main .special ul.bnr_link { width: 260px; float: right; }
#hadalab_container.top #main .special ul.bnr_link li { margin-bottom: 20px; line-height: 0; }
#hadalab_container.top #main .special ul.bnr_link02 li { float:left; margin: 0 20px 0 0;}
@media screen and (max-width: 768px) {
#hadalab_container.top #main .special ul.bnr_link02 li {width:50%; margin: 0 0 10px;}
#hadalab_container.top #main .special ul.bnr_link02 li img{width:100%;}
#hadalab_container.top #main .special ul.bnr_link02 li.first a {  display:block; margin-right: 10px; }
#hadalab_container.top #main .special ul.bnr_link02 li.first + li a {display:block; margin-left: 10px;}
}
@media screen and (max-width: 480px){
	#hadalab_container.top #main .special ul.bnr_link02 li.first a {margin-right: 5px; }
	#hadalab_container.top #main .special ul.bnr_link02 li.first + li a {margin-left: 5px;}
}
#hadalab_container.top #main .product { padding: 140px 0 0; position: relative; background: url(/%7E/Media/com/hadalabo/top/bg_products.png) no-repeat top center; }
#hadalab_container.top #main .product .product_box { position: relative; z-index: 10; width: 938px; margin: 0 auto; border-bottom: 1px solid #3fa1d8; border-right: 1px solid #3fa1d8; background: rgba(255, 255, 255, 0.5); }
#hadalab_container.top #main .product .product_box .prds {position: relative;float: left;width: 468px;height: 480px;border-left: 1px solid #3fa1d8;border-top: 1px solid #3fa1d8;}
#hadalab_container.top #main .product .product_box .prds.min {
	height:418px;
}
@media screen and (max-width: 768px) {
	#hadalab_container.top #main .product .product_box .prds.min {
	height:auto;
	}
}
#hadalab_container.top #main .product .product_box .prds h3 { margin: 38px 38px 20px; }
#hadalab_container.top #main .product .product_box .prds h4 { margin: 0 38px 20px; color: #2fafe5; font-size: 18px; font-weight: bold; }
#hadalab_container.top #main .product .product_box .prds .label { position: absolute; right: 30px; top: 30px; background: rgba(255, 255, 255, 0.5); height: 86px; width: 86px; border: 2px solid #94d6f2; border-radius: 50%; }
#hadalab_container.top #main .product .product_box .prds .label p { height: 86px; width: 86px; color: #2fafe5; font-weight: bold; font-size: 18px; text-align: center; line-height: 1.2em; display: table-cell; vertical-align: middle; }
#hadalab_container.top #main .product .product_box .prds .label p img { margin: -6px -8px 2px; max-width: none; }
#hadalab_container.top #main .product .product_box .prds .label p .ls { letter-spacing: -1px; }
#hadalab_container.top #main .product .product_box .prds .label p .md { display: inline-block; padding-top: 6px; }
#hadalab_container.top #main .product .product_box .prds .txt { margin: 0 38px; font-size: 14px; line-height: 1.7em; }
#hadalab_container.top #main .product .product_box .prds .txt small { display: inline-block; padding-left: 1em; text-indent: -1em; font-size: 10px; width: 62%; line-height: 1.4em; margin-top: 6px; }
#hadalab_container.top #main .product .product_box .prds .link01 {
	position:absolute;
	left: 38px;
	bottom: 100px;
}
#hadalab_container.top #main .product .product_box .prds .link02 {
	position:absolute;
	left: 38px;
	bottom: 40px;
}
#hadalab_container.top #main .product .product_box .prds .link01 .btn { width: 210px; }
#hadalab_container.top #main .product .product_box .prds .link02 .btn { width: 210px; }
@media screen and (max-width: 768px) {
#hadalab_container.top #main .product .product_box .prds .txt + p {
	position:static;
	padding:25px 30px 0;
}
#hadalab_container.top #main .product .product_box .prds .link02 {
	position:static;
	padding:10px 30px 0;
}
#hadalab_container.top #main .product .product_box .prds .link01 .btn,
#hadalab_container.top #main .product .product_box .prds .link02 .btn {
	width:100%;
	line-height: 30px;
}
@media screen and (max-width: 768px) and (min-width: 550px){
#hadalab_container.top #main .product .product_box .prds .link01 .btn,
#hadalab_container.top #main .product .product_box .prds .link02 .btn {
	 width: auto;
	font-size: 18px;
	line-height: 56px;
}
#hadalab_container.top #main .product .product_box .prds .link02 {
	margin-top:15px;
}
}
}
#hadalab_container.top #main .product .product_box .prds .img {position: absolute;right: 30px;bottom: 40px;overflow: hidden;border-radius: 4px;}
#hadalab_container.top #main .product .product_box .prds .img img { max-width: none; width: 300px; margin: -40px -106px -20px; }
/*#hadalab_container.top #main .product .product_box .prds.shirojun-premium .img img { width: 360px; margin: -86px -138px -30px; }*/
#hadalab_container.top #main .product .product_box .prds.shirojun-sherbet .btn_box h3 { margin-top: 28px; }
#hadalab_container.top #main .product .product_box .prds.shirojun-sherbet .img, #hadalab_container.top #main .product .product_box .prds.gokujun-foaming-wash .img { right: 8px; bottom: 2px; width: 130px; }
#hadalab_container.top #main .product .product_box .prds.shirojun-sherbet .img img, #hadalab_container.top #main .product .product_box .prds.gokujun-foaming-wash .img img { width: auto; margin: 0 auto; }
#hadalab_container.top #main .product .product_box .prds.shirojun-sherbet .img { right: 20px; bottom: 0px; }
#hadalab_container.top #main .product .product_box .prds.shirojun-cool-jelly .img { right: 30px; }
#hadalab_container.top #main .product .product_box .prds.shirojun-cool-jelly .img img { margin-right: -152px; margin-left: -60px; }
#hadalab_container.top #main .product .product_box .prds.rich-gokujun .img { right: 24px; bottom: 20px; }
#hadalab_container.top #main .product .product_box .prds.rich-gokujun .img img { width: 168px; margin: -20px -20px 0; }
#hadalab_container.top #main .product .product_box .prds.es .img {
    bottom: 10px;
}
#hadalab_container.top #main .product .product_box .prds.tamahada .img { right: 30px; }
#hadalab_container.top #main .product .product_box .prds.tamahada .img img { margin-right: -100px; margin-left: -100px; }
#hadalab_container.top #main .product .product_box .prds.shiroshizuku .img { right: 34px; }
#hadalab_container.top #main .product .product_box .prds.shiroshizuku .img img { margin-right: -164px; margin-left: -60px; }
#hadalab_container.top #main .product .product_box .prds.yakuyou_gokujyun .label p, #hadalab_container.top #main .product .product_box .prds.alpha .label p, #hadalab_container.top #main .product .product_box .prds.rich-gokujun .label p { font-size: 17px; }
#hadalab_container.top #main .product .product_box .last { background-image: url(/%7E/Media/com/hadalabo/top/products_logo.png); background-position: center; background-repeat: no-repeat; }
#hadalab_container.top #main .product:after { content: ''; position: absolute; left: 0; width: 100%; height: 600px; background: url(/%7E/Media/com/hadalabo/top/bg_cn.jpg) repeat-x center; z-index: 1; }
#hadalab_container.top #main .product:after {top: 69%;}
#hadalab_container.top #main .step { padding-top: 26px; }
#hadalab_container.top #main .step p { width: 939px; margin: 0 auto; }
#hadalab_container.top #main .step p a { position: relative; display: block; border: 1px solid #3fa1d8; border-radius: 2px; padding: 27px 0 28px; background: #fff; }
#hadalab_container.top #main .step p a img { margin: 0 auto; }
#hadalab_container.top #main .step p a:before { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -4px; margin-left: -190px; width: 7px; height: 7px; border-top: 3px solid #2fafe5; border-right: 3px solid #2fafe5; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#hadalab_container.top #main .hlft { padding: 80px 0; background: url(/%7E/Media/com/hadalabo/top/bg_btm.png) repeat-x left bottom; }
#hadalab_container.top #main .hlft .inner { width: 939px; margin: 0 auto; }
#hadalab_container.top #main .hlft .inner .hadalabo_fb { border: 1px solid #3fa1d8; }
#hadalab_container.top #main .hlft .inner .hadalabo_fb { margin: 0 auto; padding: 3px; width: 450px; height: 154px; background: #fff; }
#hadalab_container.step { padding-top: 90px; background: url(/%7E/Media/com/hadalabo/top/step/190306/bg.jpg) no-repeat top center; }
#hadalab_container.step #main h1 { padding: 94px 0 136px; width: 940px; margin: 0 auto; }
#hadalab_container.step #main h2 { margin-bottom: 48px; }
#hadalab_container.step #main h2 img { margin: 0 auto; }
#hadalab_container.step #main .allstep { width: 940px; margin: 0 auto 100px; }
#hadalab_container.step #main .allstep .everyday { width: 938px; height: 428px; border: 1px solid #3fa1d8; background: url(/%7E/Media/com/hadalabo/top/step/bg_step.png) no-repeat left top; }
#hadalab_container.step #main .allstep .everyday ul { padding: 106px 0 0 187px; }
#hadalab_container.step #main .allstep .everyday ul li { float: left; position: relative; margin-right: 54px; }
#hadalab_container.step #main .allstep .everyday ul li:after { content: ''; position: absolute; right: -34px; top: 50%; margin-top: -14px; display: block; width: 0; height: 0; border-style: solid; border-width: 9.5px 0 9.5px 13px; border-color: transparent transparent transparent #3fa0d8; }
#hadalab_container.step #main .allstep .everyday ul li.first { margin-top: 116px; }
#hadalab_container.step #main .allstep .everyday ul li.last { margin-right: 0px; }
#hadalab_container.step #main .allstep .everyday ul li.last:after { display: none; }
#hadalab_container.step #main .allstep .btn_nav ul { padding-top: 18px; }
#hadalab_container.step #main .allstep .btn_nav ul li { margin-top: 20px; }
#hadalab_container.step #main .allstep .btn_nav ul li a { padding: 15px 0; display: block; border: 1px solid #3fa1d8; }
#hadalab_container.step #main .allstep .btn_nav ul li a img { margin: 0 auto; }
#hadalab_container.step #main .step .step_box { position: relative; width: 940px; margin: 0 auto 66px; border: 1px solid #3fa1d8; }
#hadalab_container.step #main .step .step_box:before { content: ''; position: absolute; bottom: -45px; left: 50%; margin-left: -13px; display: block; width: 0; height: 0; border-style: solid; border-width: 24px 17px 0 17px; border-color: #3fa0d8 transparent transparent transparent; }
#hadalab_container.step #main .step .step_box h3 { display: table-cell; vertical-align: middle; width: 176px; }
#hadalab_container.step #main .step .step_box h3 img { margin: 0 auto; }
#hadalab_container.step #main .step .step_box ul { display: table-cell; border-left: 1px solid #3fa1d8; text-align: center; width: 762px; padding: 20px 0 0; }
#hadalab_container.step #main .step .step_box ul li { display: inline-block; height: 262px; vertical-align: top; }
#hadalab_container.step #main .step .step_box ul li.ml20 { margin-left: 20px; }
#hadalab_container.step #main .step .step_box ul li a { display: block; color: #000000; text-decoration: none; padding: 5px; }
#hadalab_container.step #main .step .step_box ul li a .img { display: block; width: 156px; overflow: hidden; }
#hadalab_container.step #main .step .step_box ul li a .img img { max-width: none; width: 156px; }
#hadalab_container.step #main .step .step_box ul li a .txt { display: block; font-size: 12px; text-align: center; line-height: 1.4em; margin-top: -6px; }
#hadalab_container.step #main .step .step_box ul li a .txt:before { content: ''; display: inline-block; background: url(/%7E/Media/com/hadalabo/top/step/ico_arw3.png) no-repeat left bottom; width: 12px; height: 12px; margin: 0 4px 0 0; }
#hadalab_container.step #main .step .step_box ul li a .txt .fzs { font-size: 10px; }
#hadalab_container.step #main .step .step_box ul li.ssmallsize a { padding: 5px 0; }
#hadalab_container.step #main .step .step_box ul li.ssmallsize a .img { width: 100px; margin: 0 auto; }
#hadalab_container.step #main .step .step_box ul li.ssmallsize a .img img { margin: 0 -28px; }
#hadalab_container.step #main .step .step_box ul li.smallsize a { padding: 5px 0; }
#hadalab_container.step #main .step .step_box ul li.smallsize a .img { width: 120px; margin: 0 auto; }
#hadalab_container.step #main .step .step_box ul li.smallsize a .img img { margin: 0 -18px; }
#hadalab_container.step #main .step .step_box ul li.middlesize a .img { width: 136px; margin: 0 auto; }
#hadalab_container.step #main .step .step_box ul li.middlesize a .img img { margin: 0 -10px; }
#hadalab_container.step #main .step .step_box ul li.largesize a .img { width: 196px; margin: 0 auto; }
#hadalab_container.step #main .step .step_box ul li.largesize a .img img { margin: 0 auto; }
#hadalab_container.step #main .step .step_box .in_box { display: table-cell; border-left: 1px solid #3fa1d8; text-align: center; width: 762px;}
#hadalab_container.step #main .step .step_box .in_box h4 { padding-top: 30px; margin: 0 12px 10px; }
#hadalab_container.step #main .step .step_box .in_box h4 img { margin: 0 auto; }
#hadalab_container.step #main .step .step_box .in_box h4#stepex2 { border-top: 1px dotted #3fa1d8; }
#hadalab_container.step #main .step .step_box .in_box ul { border: 0px; padding: 0; }
#hadalab_container.step #main .step .step_box .in_box #stepex2 + ul li { height: 250px; }
#hadalab_container.step #main .step #step8:before, #hadalab_container.step #main .step #stepex:before { display: none; }
#hadalab_container.step #main .step #step8 { margin-bottom: 100px; }
#hadalab_container.step #main .step #step4 ul li, #hadalab_container.step #main .step #step5 ul li, #hadalab_container.step #main .step #step6 ul li, #hadalab_container.step #main .step #step7 ul li, #hadalab_container.step #main .step #step8 ul li { height: 250px; }
#hadalab_container.step #main .step #step7 ul { padding-top: 0; }
#hadalab_container.step #main .step .bnr { width: 940px; margin: 0 auto 66px; text-align: center; }
#hadalab_container.concept { padding: 90px 0 20px; }
#hadalab_container.concept #main .read_box { position: relative; padding: 78px 0 40px; }
#hadalab_container.concept #main .read_box h1 { padding-bottom: 40px; }
#hadalab_container.concept #main .read_box .img { position: absolute; top: 48px; right: -148px; }
#hadalab_container.concept #main .read_box p { line-height: 1.9em; padding-bottom: 30px; }
#hadalab_container.concept #main .session { width: 100%; padding-top: 140px; background: url(/%7E/Media/com/hadalabo/top/bg_img_water.jpg) no-repeat top center; }
#hadalab_container.concept #main .session .box { width: 940px; margin: 100px auto 0; line-height: 1.9em; }
#hadalab_container.concept #main .session .box h2 { margin-bottom: 24px; }
#hadalab_container.concept #main .session .box .right_box { float: right; width: 454px; }
#hadalab_container.concept #main .session .box .img2 { float: right; padding-right: 20px; margin-top: -120px; }
#hadalab_container.concept #main .session .box .img2 .item1, #hadalab_container.concept #main .session .box .img2 .item2 { overflow: hidden; float: left; }
#hadalab_container.concept #main .session .box .img2 .item1 img, #hadalab_container.concept #main .session .box .img2 .item2 img { width: 350px; max-width: none; }
#hadalab_container.concept #main .session .box .img2 .item1 { width: 100px; }
#hadalab_container.concept #main .session .box .img2 .item1 img { margin-left: -125px; }
#hadalab_container.concept #main .session .box .img2 .item2 { width: 190px; }
#hadalab_container.concept #main .session .box .img2 .item2 img { margin-left: -80px; }
#hadalab_container.concept #main .session .box .img3 { margin-top: 40px; }
#hadalab_container.concept #main .changelogo { margin-top: 100px; margin-bottom: 110px; text-align: center; }
#hadalab_container.concept #main .changelogo img { margin: 0 auto; }
#hadalab_container.concept #main .changelogo .box { position: relative; margin-top: 70px; }
#hadalab_container.concept #main .changelogo .box h2 { margin-bottom: 44px; }
#hadalab_container.concept #main .changelogo .box .img4 { overflow: hidden; position: absolute; right: 0px; bottom: -30px; }
#hadalab_container.concept #main #allproducts { width: 860px; margin: 80px auto 60px; border: 1px solid #3fa1d8; padding: 40px; position: relative; }
#hadalab_container.concept #main #allproducts h2 { margin-bottom: 30px; }
#hadalab_container.concept #main #allproducts .btn { width: 240px; }
#hadalab_container.concept #main #allproducts ul { position: absolute; right: 22px; top: 42px; overflow: hidden; width: 596px; }
#hadalab_container.concept #main #allproducts ul li { float: left; overflow: hidden; width: 8.2%; }
#hadalab_container.concept #main #allproducts ul li img { width: 220%; max-width: none; margin-left: -60%; }
#hadalab_container.concept #main #allproducts ul li.item1 { margin-left: -1.4%; }
#hadalab_container.concept #main #allproducts ul li.item8 { margin: 0 -0.4%; }
#hadalab_container.concept #main #allproducts ul li.item8 img { padding-top: 106%; width: 110%; margin-left: -5%; }
#hadalab_container.concept #main #allproducts ul li.item7 { width: 6.4%; margin-left: 1%; margin-right: 2%; }
#hadalab_container.concept #main #allproducts ul li.item7 img { width: 294%; margin-left: -47%; margin-top: -8%; }
#hadalab_container.life { padding: 90px 0 20px; background: url(/%7E/Media/com/hadalabo/top/life/bg_img1.jpg) no-repeat center top; }
#hadalab_container.life.page2 { background: url(/%7E/Media/com/hadalabo/top/life/2/bg_img1.jpg) no-repeat center top; }
#hadalab_container.life.page2 #main .session { padding-top: 140px; }
#hadalab_container.life #main #product_link, #hadalab_container.life #main #interview_link { width: 940px; margin: 0 auto; }
#hadalab_container.life #main .read_box { position: relative; padding: 78px 0 88px; }
#hadalab_container.life #main .read_box h1 { padding-bottom: 40px; }
#hadalab_container.life #main .read_box .spv img { width: 100%; max-width: none; display: block; }
#hadalab_container.life #main .read_box .notice { position: absolute; color: #2fafe5; right: 0px; top: 370px; font-size: 14px; }
#hadalab_container.life #main .top_nav { padding-bottom: 200px; background: url(/%7E/Media/com/hadalabo/top/bg_img_water.jpg) no-repeat center bottom; }
#hadalab_container.life #main .top_nav ul { width: 940px; margin: 0 auto; }
#hadalab_container.life #main .top_nav ul li { float: left; width: 450px; }
#hadalab_container.life #main .top_nav ul li.sec1 { padding-right: 40px; }
#hadalab_container.life #main .top_nav ul li .profile_img { float: left; padding-right: 16px; }
#hadalab_container.life #main .top_nav ul li dl { float: left; width: 284px; }
#hadalab_container.life #main .top_nav ul li dl dt { margin-bottom: 10px; }
#hadalab_container.life #main .top_nav ul li dl dd { font-size: 14px; letter-spacing: -2px; color: #2fafe5; }
#hadalab_container.life #main .top_nav ul li dl dd .btn { margin-top: 6px; width: 268px; }
#hadalab_container.life #main .top_nav ul li.sec1 dl dd { margin-right: -12px; }
#hadalab_container.life #main .session { padding: 50px 0 100px; }
#hadalab_container.life #main .session .product_img { float: left; padding-right: 28px; }
#hadalab_container.life #main .session h2 { margin: 48px 0 25px; }
#hadalab_container.life #main .session h2 img { margin-left: -4px; display: inline-block; }
#hadalab_container.life #main .session p { font-size: 18px; color: #2fafe5; }
#hadalab_container.life #main .session .profile_box { margin-top: 22px; font-size: 14px; width: 920px; }
#hadalab_container.life #main .session .profile_box .img { float: left; padding-right: 18px; }
#hadalab_container.life #main .session .profile_box dl dt { margin: 0 0 10px; padding-top: 12px; }
#hadalab_container.life #main .session article { clear: both; padding-top: 108px; line-height: 1.9em; }
#hadalab_container.life #main .session article h3 { margin-bottom: 48px; }
#hadalab_container.life #main .session article h4 { font-size: 18px; color: #2fafe5; padding-left: 52px; margin: 48px 0 6px; position: relative; }
#hadalab_container.life #main .session article h4:before { content: ''; position: absolute; display: block; width: 52px; height: 1px; background: #2fafe5; left: 0px; top: 12px; }
#hadalab_container.life #main .session article p { color: #333333; font-size: 16px; }
#hadalab_container.life #main .session article dl dt { float: left; color: #2fafe5; }
#hadalab_container.life #main .session article dl dt:after { content: '：'; color: #333333; }
#hadalab_container.life #main .session article dl dd { padding-left: 52px; }
#hadalab_container.life #main .session article .photo { margin-top: 20px; color: #2fafe5; font-size: 14px; text-align: right; line-height: 1.6em; }
#hadalab_container.life #main #product_link, #hadalab_container.life #main #interview_link { border: 1px solid #7fc0e5; margin-bottom: 30px; }
#hadalab_container.life #main #product_link .left_box, #hadalab_container.life #main #interview_link .left_box { float: left; width: 469px; }
#hadalab_container.life #main #product_link .right_box, #hadalab_container.life #main #interview_link .right_box { float: right; width: 471px; }
#hadalab_container.life #main #product_link .right_box.small, #hadalab_container.life #main #interview_link .right_box.small { width: 320px; }
#hadalab_container.life #main #product_link .left_box { position: relative; }
#hadalab_container.life #main #product_link .left_box dl { padding: 36px 0 36px 36px; }
#hadalab_container.life #main #product_link .left_box dl dt { margin-bottom: 14px; }
#hadalab_container.life #main #product_link .left_box dl dd .copy { display: block; color: #2fafe5; font-size: 18px; margin-bottom: 14px; margin-right: -10em; line-height: 0; }
#hadalab_container.life #main #product_link .left_box dl dd .copy img { display: inline-block; vertical-align: middle; padding-right: 4px; }
#hadalab_container.life #main #product_link .left_box .btn { width: 200px; margin-top: 24px; }
#hadalab_container.life #main #product_link .left_box .notice { position: absolute; left: 270px; margin-top: -3.2em; font-size: 12px; color: #333333; width: 400px; display: block; letter-spacing: -1px; }
#hadalab_container.life #main #product_link .right_box { text-align: center; font-size: 12px; }
#hadalab_container.life #main #product_link .right_box .img { margin: 0 auto; width: 180px; overflow: hidden; }
#hadalab_container.life #main #product_link .right_box .img img { height: 260px; width: auto; max-width: none; }
#hadalab_container.life #main #product_link .right_box .img .item1 { float: left; width: 60px; overflow: hidden; }
#hadalab_container.life #main #product_link .right_box .img .item1 img { margin-left: -86px; }
#hadalab_container.life #main #product_link .right_box .img .item2 { width: 120px; overflow: hidden; }
#hadalab_container.life #main #product_link .right_box .img .item2 img { margin-left: -56px; }
#hadalab_container.life #main #product_link .right_box .img .item3 { margin: 0 auto; width: 120px; overflow: hidden; }
#hadalab_container.life #main #product_link .right_box .img .item3 img { margin-left: -56px; }
#hadalab_container.life #main #product_link .right_box p { margin-top: -24px; }
#hadalab_container.life #main #interview_link .right_box dl { color: #2fafe5; padding: 40px 48px 0 48px; }
#hadalab_container.life #main #interview_link .right_box dl dt { margin-bottom: 28px; }
#hadalab_container.life #main #interview_link .right_box dl dt img { max-width: inherit; }
#hadalab_container.life #main #interview_link .right_box span { margin-right: -2em; display: block; }
#hadalab_container.life #main #interview_link .right_box .btn { margin-top: 30px; }

.lt-ie9 #hadalab_container #main .btn:before { left: 20px; margin-top: -6px; width: 8px; height: 12px; border-top: 0px; border-right: 0px; background: url(/%7E/Media/com/hadalabo/top/ie_ico_arw2.png) no-repeat left top; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.lt-ie9 #hadalab_container.top #main .step p a:before { margin-top: -6px; width: 8px; height: 12px; border-top: 0px; border-right: 0px; background: url(/%7E/Media/com/hadalabo/top/ie_ico_arw1.png) no-repeat left top; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }

@media screen and (max-width: 768px) { #hadalab_container .pcv { display: none; }
  #hadalab_container .spv { display: block; }
  #hadalab_container .pc_br { display: none; }
  #hadalab_container #main .read_box, #hadalab_container #main .session { width: auto; }
  #hadalab_container #main .btn_open { display: block; position: absolute; top: 54px; right: 54px; text-align: left; text-indent: -100px; overflow: hidden; width: 40px; height: 40px; background: #17a3e2; border-radius: 4px; outline: 0px; border: 0px; padding: 0; z-index: 1; }
  #hadalab_container #main .btn_open:before, #hadalab_container #main .btn_open:after { content: ''; position: absolute; left: 50%; top: 50%; height: 4px; width: 20px; background: #fff; margin-left: -10px; margin-top: -2px; -moz-transition: all 200ms; -o-transition: all 200ms; -webkit-transition: all 200ms; transition: all 200ms; }
  #hadalab_container #main .btn_open:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  #hadalab_container #main .btn_open.opened:after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  #hadalab_container #main .br { display: block; }
  #hadalab_container #main a { -moz-transition: all 0ms; -o-transition: all 0ms; -webkit-transition: all 0ms; transition: all 0ms; }
  #hadalab_container #main a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  #hadalab_container .btn_pagetop { right: 12px; }
  #hadalab_container .btn_pagetop a { background: none; }
  #hadalab_container .btn_pagetop a img { -moz-transition: all 0ms; -o-transition: all 0ms; -webkit-transition: all 0ms; transition: all 0ms; }
  #hadalab_container .btn_pagetop a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  #hadalab_container.top { background: none; }
  #hadalab_container.top #hadalabo_kv .right { display: none; }
  #hadalab_container.top #hadalabo_kv .inner { width: auto; margin: 0 auto; }
  #hadalab_container.top #hadalabo_kv .inner .spv img { max-width: none; width: 100%; }
  #hadalab_container.top #main { padding-top: 27%; background: none; }
  #hadalab_container.top #main h2 { margin: 0 auto 40px; }
  #hadalab_container.top #main .news { padding: 80px 0 0; }
  #hadalab_container.top #main .news h2 { width: 19.2%; }
  #hadalab_container.top #main .news ul { width: auto; margin: 0 6%; }
  #hadalab_container.top #main .news ul li .drop { left: 2px; top: 14px; margin-top: 0; }
  #hadalab_container.top #main .news ul li a { display: block; line-height: 1.8em; padding: 10px 0px; }
  #hadalab_container.top #main .news ul li a .date { display: block; padding-left: 24px; padding-right: 0; position: relative; left: 0; }
  #hadalab_container.top #main .special { width: auto; margin: 0 3%; padding: 80px 0 20px; }
  #hadalab_container.top #main .special h2 { width: 27.4%; }
  #hadalab_container.top #main .special ul.bnr_promo { width: 100%; float: left; padding-bottom: 20px; }
  #hadalab_container.top #main .special ul.bnr_promo li { float: left; width: 50%; margin: 0 0 20px; }
  #hadalab_container.top #main .special ul.bnr_promo li a { display: block; }
  #hadalab_container.top #main .special ul.bnr_promo li a img { width: 100%; max-width: none; }
  #hadalab_container.top #main .special ul.bnr_promo li:nth-child(odd) a, #hadalab_container.top #main .special ul.bnr_promo li:nth-child(odd) span { margin-right: 10px; }
  #hadalab_container.top #main .special ul.bnr_promo li:nth-child(even) a, #hadalab_container.top #main .special ul.bnr_promo li:nth-child(even) span { margin-left: 10px; }
  #hadalab_container.top #main .special ul.bnr_link {width: 100%;float: left;/* padding-bottom: 20px; */}
  #hadalab_container.top #main .special ul.bnr_link li { float: left; width: 50%; margin: 0 0 20px; }
  #hadalab_container.top #main .special ul.bnr_link li a { display: block; }
  #hadalab_container.top #main .special ul.bnr_link li a img { width: 100%; max-width: none; }
  #hadalab_container.top #main .special ul.bnr_link li.left a { margin-right: 10px; }
  #hadalab_container.top #main .special ul.bnr_link li.right a { margin-left: 10px; }
  #hadalab_container.top #main .special ul.bnr_link li.h_labo { clear: both; padding-top: 20px; width: 100%; }
	#hadalab_container.top #main .special ul.bnr_link li.h_labo + li.h_labo { padding-top: 0; }
  #hadalab_container.top #main .special ul.bnr_link li.h_labo a { margin: 0; }
  #hadalab_container.top #main .product { padding: 160px 0 0; }
  #hadalab_container.top #main .product h2 { width: 36.5%; }
  #hadalab_container.top #main .product .product_box { width: auto; margin: 0 3%; }
  #hadalab_container.top #main .product .product_box .prds {float: none;width: 100%;height: auto;}
  #hadalab_container.top #main .product .product_box .prds .btn_box { height: 264px; position: relative; }
  #hadalab_container.top #main .product .product_box .prds h3 { margin: 0 36% 20px 106px; padding-top: 38px; }
  #hadalab_container.top #main .product .product_box .prds h4 { margin: 0 38px 0 106px; height: 4.8em; padding-bottom: 20px; } }
@media screen and (max-width: 768px) and (max-width: 550px) { #hadalab_container.top #main .product .product_box .prds h4 { font-size: 14px; } }
@media screen and (max-width: 768px) { #hadalab_container.top #main .product .product_box .prds .label { right: 18%; top: 34px; } }
@media screen and (max-width: 768px) and (max-width: 550px) { #hadalab_container.top #main .product .product_box .prds .label { margin: -14px -14px 0 0; -moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); } }
@media screen and (max-width: 768px) { #hadalab_container.top #main .product .product_box .prds .accordion_box {display: none;} #hadalab_container.top #main .product .product_box .prds .txt + p {   position:static;padding:25px 30px 0;  }  #hadalab_container.top #main .product .product_box .prds .link02 {position:static;padding:10px 30px 0;  }  #hadalab_container.top #main .product .product_box .prds .link01 .btn,  #hadalab_container.top #main .product .product_box .prds .link02 .btn {width:100%;  }
  #hadalab_container.top #main .product .product_box .prds .accordion_box {
	  padding-bottom:30px;
  }
  #hadalab_container.top #main .product .product_box .prds .accordion_box.opened { display: block; }
  #hadalab_container.top #main .product .product_box .prds .txt { margin: 0 38px 0 106px; font-size: 16px; }
  #hadalab_container.top #main .product .product_box .prds .txt small { font-size: 12px; width: auto; margin-top: 20px; } }
@media screen and (max-width: 768px) and (max-width: 550px) { #hadalab_container.top #main .product .product_box .prds .txt { font-size: 14px; }
  #hadalab_container.top #main .product .product_box .prds .txt small { font-size: 10px; } }
@media screen and (max-width: 768px) { #hadalab_container.top #main .product .product_box .prds .link { position: relative; left: 0; bottom: 0; padding: 50px 60px 58px; }
  #hadalab_container.top #main .product .product_box .prds .link .btn { width: auto; font-size: 18px; line-height: 56px; } }
@media screen and (max-width: 768px) and (max-width: 550px) { #hadalab_container.top #main .product .product_box .prds .link .btn { font-size: 14px; } }
@media screen and (max-width: 768px) { #hadalab_container.top #main .product .product_box .prds .img { right: 0; bottom: 0; left: 0px; top: 0px; width: 100px; }
  #hadalab_container.top #main .product .product_box .prds .img img { width: 260px; margin: -6px -80px 0; }
  #hadalab_container.top #main .product .product_box .prds .btn_open { margin-top: -20px; top: 50%; right: 6%; }
  #hadalab_container.top #main .product .product_box .prds.shirojun-sherbet .btn_box h3 { margin-top: 0; }
  #hadalab_container.top #main .product .product_box .prds.shirojun-sherbet .img, #hadalab_container.top #main .product .product_box .prds.gokujun-foaming-wash .img { right: 0; bottom: 0; width: 100px; }
  #hadalab_container.top #main .product .product_box .prds.shirojun-sherbet .img img, #hadalab_container.top #main .product .product_box .prds.gokujun-foaming-wash .img img { width: 78%; }
  /*#hadalab_container.top #main .product .product_box .prds.shirojun-premium .img img { width: 280px; margin: -40px -92px 0; }*/
  #hadalab_container.top #main .product .product_box .prds.shirojun-sherbet .img img { margin-top: 108px; }
  #hadalab_container.top #main .product .product_box .prds.gokujun-foaming-wash .img img { margin-top: 60px; }
  #hadalab_container.top #main .product .product_box .prds.shirojun-cool-jelly .img { right: 0; width: 86px; }
  #hadalab_container.top #main .product .product_box .prds.shirojun-cool-jelly .img img { width: 250px; margin-right: 0; margin-left: -37px; }
  #hadalab_container.top #main .product .product_box .prds.es .img img { margin-left: -76px; }
  #hadalab_container.top #main .product .product_box .prds.rich-gokujun .img { right: 0; bottom: 0; }
  #hadalab_container.top #main .product .product_box .prds.rich-gokujun .img img { width: 106px; margin: 74px 0 0; }
  #hadalab_container.top #main .product .product_box .prds.tamahada .img { right: 0; }
  #hadalab_container.top #main .product .product_box .prds.tamahada .img img { width: 200px; margin-left: -46px; margin-top: 22px; }
  #hadalab_container.top #main .product .product_box .prds.shiroshizuku .img { right: 0; width: 80px; }
  #hadalab_container.top #main .product .product_box .prds.shiroshizuku .img img { width: 200px; margin-right: 0; margin-left: -10px; margin-top: 20px; }
  #hadalab_container.top #main .product .product_box .last { display: none; }
  #hadalab_container.top #main .product:after { display: none; }
  #hadalab_container.top #main .step { padding-top: 22px; }
  #hadalab_container.top #main .step p { width: auto; margin: 0 3%; }
  #hadalab_container.top #main .step p a { border-radius: 4px; padding: 27px 0 28px; }
  #hadalab_container.top #main .hlft { padding: 50px 0; background: none; }
  #hadalab_container.top #main .hlft .inner { width: auto; margin: 0 auto; }
  #hadalab_container.top #main .hlft .inner .hadalabo_fb, #hadalab_container.top #main .hlft .inner .bnr_box { margin: 0 auto; }
  #hadalab_container.top #main .hlft .inner .hadalabo_fb { float: none; }
  #hadalab_container.top #main .hlft .inner .bnr_box { margin-top: 20px; float: none; width: 458px; overflow: hidden; }
  #hadalab_container.step { padding: 27% 0 20px; background: none; }
  #hadalab_container.step #main { background: url(/%7E/Media/com/hadalabo/top/step/190306/bg.jpg) no-repeat center -1%; background-size: 104% auto; }
  #hadalab_container.step #main h1 { width: 42%; padding: 54px 7% 140px; margin: 0; }
  #hadalab_container.step #main h2 { width: 100%; margin: 0 auto 56px; }
  #hadalab_container.step #main .allstep { width: auto; margin: 0 3.2% 150px; }
  #hadalab_container.step #main .allstep .everyday { width: auto; height: auto; border: 1px solid #3fa1d8; background: none; position: relative; z-index: 10; }
  #hadalab_container.step #main .allstep .everyday:before, #hadalab_container.step #main .allstep .everyday:after { content: ''; display: block; position: absolute; width: 50%; height: 100%; top: 0px; z-index: 1; }
  #hadalab_container.step #main .allstep .everyday:before { left: 0px; background: url(/%7E/Media/com/hadalabo/top/step/bg_step_m.png) no-repeat center 56px #ffedf2; }
  #hadalab_container.step #main .allstep .everyday:after { right: 0px; background: url(/%7E/Media/com/hadalabo/top/step/bg_step_n.png) no-repeat center 56px #e2f3fb; }
  #hadalab_container.step #main .allstep .everyday ul { padding: 236px 0 56px; }
  #hadalab_container.step #main .allstep .everyday ul li { float: none; margin-right: 0; margin-bottom: 60px; z-index: 10; text-align: center; line-height: 0; }
  #hadalab_container.step #main .allstep .everyday ul li:after { display: none; }
  #hadalab_container.step #main .allstep .everyday ul li:before { content: ''; position: absolute; left: 50%; bottom: -38px; margin-left: -10px; display: block; width: 0; height: 0; border-style: solid; border-width: 14px 10px 0 10px; border-color: #3fa0d8 transparent transparent transparent; z-index: 2; }
  #hadalab_container.step #main .allstep .everyday ul li.first { margin-top: 0; margin-left: 52%; width: 46%; }
  #hadalab_container.step #main .allstep .everyday ul li.first a { width: 90%; padding-right: 10%; }
  #hadalab_container.step #main .allstep .everyday ul li.first a:before { right: 28px; }
  #hadalab_container.step #main .allstep .everyday ul li.first a:after { right: 38px; } }
@media screen and (max-width: 768px) and (max-width: 660px) { #hadalab_container.step #main .allstep .everyday ul li.first a:before { right: 18px; }
  #hadalab_container.step #main .allstep .everyday ul li.first a:after { right: 28px; } }
@media screen and (max-width: 768px) and (max-width: 570px) { #hadalab_container.step #main .allstep .everyday ul li.first a:before { right: 8px; }
  #hadalab_container.step #main .allstep .everyday ul li.first a:after { right: 18px; } }
@media screen and (max-width: 768px) { #hadalab_container.step #main .allstep .everyday ul li.last { margin-bottom: 0px; }
  #hadalab_container.step #main .allstep .everyday ul li.last:before { display: none; }
  #hadalab_container.step #main .allstep .everyday ul li a { padding: 16px 0 18px; width: 350px; border: 1px solid #3fa1d8; background: #fff; position: relative; }
  #hadalab_container.step #main .allstep .everyday ul li a:before, #hadalab_container.step #main .allstep .everyday ul li a:after { content: ''; position: absolute; display: block; top: 50%; }
  #hadalab_container.step #main .allstep .everyday ul li a:before { width: 26px; height: 26px; background: #3fa1d8; border-radius: 50%; right: 28px; margin-top: -13px; }
  #hadalab_container.step #main .allstep .everyday ul li a:after { width: 6px; height: 6px; border-top: 3px solid #fff; border-right: 3px solid #fff; right: 38px; margin-top: -5px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  #hadalab_container.step #main .allstep .everyday ul li a img { margin: 0 auto; }
  #hadalab_container.step #main .allstep .btn_nav ul { padding-top: 0; }
  #hadalab_container.step #main .allstep .btn_nav ul li { margin-top: 30px; }
  #hadalab_container.step #main .allstep .btn_nav ul li a { padding: 16px 0 18px; background: #fff; position: relative; }
  #hadalab_container.step #main .allstep .btn_nav ul li a:before, #hadalab_container.step #main .allstep .btn_nav ul li a:after { content: ''; position: absolute; display: block; top: 50%; }
  #hadalab_container.step #main .allstep .btn_nav ul li a:before { width: 26px; height: 26px; background: #3fa1d8; border-radius: 50%; right: 28px; margin-top: -13px; }
  #hadalab_container.step #main .allstep .btn_nav ul li a:after { width: 6px; height: 6px; border-top: 3px solid #fff; border-right: 3px solid #fff; right: 38px; margin-top: -5px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  #hadalab_container.step #main .step .step_box { width: auto; margin: 0 3.2% 66px; }
  #hadalab_container.step #main .step .step_box h3 { display: block; width: auto; padding: 60px 0 58px; position: relative; z-index: 2; }
  #hadalab_container.step #main .step .step_box h3 .step { position: absolute; left: 20px; top: 34px; }
  #hadalab_container.step #main .step .step_box ul { border-top: 1px solid #3fa1d8; display: none; border-left: 0; width: auto; padding: 0 0 60px; }
  #hadalab_container.step #main .step .step_box ul.opened { display: block; }
  #hadalab_container.step #main .step .step_box ul li { width: 48%; height: auto; }
  #hadalab_container.step #main .step .step_box ul li.ml20 { margin: 0px; }
  #hadalab_container.step #main .step .step_box ul li a { margin: 10px 20px; padding: 0; }
  #hadalab_container.step #main .step .step_box ul li a .img { width: auto; }
  #hadalab_container.step #main .step .step_box ul li a .img img { max-width: 100%; width: auto; }
  #hadalab_container.step #main .step .step_box ul li a .txt { font-size: 20px; line-height: 1.2em; margin-top: -0.8em; min-height: 3.6em; }
  #hadalab_container.step #main .step .step_box ul li a .txt:before { content: ''; background: url(/%7E/Media/com/hadalabo/top/step/ico_arw3_1.png) no-repeat left bottom; width: 20px; height: 20px; margin: 0 4px -3px 0; }
  #hadalab_container.step #main .step .step_box ul li a .txt .fzs { font-size: 18px; }
  #hadalab_container.step #main .step .step_box ul li.ssmallsize, #hadalab_container.step #main .step .step_box ul li.smallsize, #hadalab_container.step #main .step .step_box ul li.middlesize, #hadalab_container.step #main .step .step_box ul li.largesize { margin: 0px; }
  #hadalab_container.step #main .step .step_box ul li.ssmallsize a, #hadalab_container.step #main .step .step_box ul li.smallsize a, #hadalab_container.step #main .step .step_box ul li.middlesize a, #hadalab_container.step #main .step .step_box ul li.largesize a { margin: 10px 20px; }
  #hadalab_container.step #main .step .step_box ul li.ssmallsize a .img, #hadalab_container.step #main .step .step_box ul li.smallsize a .img, #hadalab_container.step #main .step .step_box ul li.middlesize a .img, #hadalab_container.step #main .step .step_box ul li.largesize a .img { width: auto; }
  #hadalab_container.step #main .step .step_box ul li.ssmallsize a .img img, #hadalab_container.step #main .step .step_box ul li.smallsize a .img img, #hadalab_container.step #main .step .step_box ul li.middlesize a .img img, #hadalab_container.step #main .step .step_box ul li.largesize a .img img { max-width: 100%; width: auto; margin: 0; }
  #hadalab_container.step #main .step .step_box .in_box { display: block; border-left: 0; text-align: center; width: auto; }
  #hadalab_container.step #main .step .step_box .in_box h4 { position: relative; padding: 60px 0 58px; position: relative; margin: 0; z-index: 2; }
  #hadalab_container.step #main .step .step_box .in_box h4 .step { position: absolute; left: 20px; top: 62px; }
  #hadalab_container.step #main .step .step_box .in_box h4#stepex2 { margin: 0; border-top: 1px solid #3fa1d8; }
  #hadalab_container.step #main .step .step_box .in_box ul { border: 0px; border-top: 1px solid #3fa1d8; padding: 0; }
  #hadalab_container.step #main .step .step_box .in_box #stepex2 + ul li { height: auto; }
  #hadalab_container.step #main .step .step_box .in_box #stepex1 + ul { padding-bottom: 60px; }
  #hadalab_container.step #main .step .step_box .in_box .stepex_box { position: relative; }
  #hadalab_container.step #main .step #step8:before, #hadalab_container.step #main .step #stepex:before { display: none; }
  #hadalab_container.step #main .step #step8 { margin-bottom: 66px; }
  #hadalab_container.step #main .step #step8 ul li a .txt { margin: 0 -8em; }
  #hadalab_container.step #main .step #stepex h3 { display: none; }
  #hadalab_container.step #main .step #step4 ul li, #hadalab_container.step #main .step #step5 ul li, #hadalab_container.step #main .step #step6 ul li, #hadalab_container.step #main .step #step7 ul li, #hadalab_container.step #main .step #step8 ul li { height: auto; }
  #hadalab_container.step #main .step #step4 ul li a .txt, #hadalab_container.step #main .step #step5 ul li a .txt, #hadalab_container.step #main .step #step6 ul li a .txt, #hadalab_container.step #main .step #step7 ul li a .txt, #hadalab_container.step #main .step #step8 ul li a .txt { min-height: 2.4em; }
  #hadalab_container.step #main .step #step7 ul li a { margin-top: 0; overflow: hidden; }
	#hadalab_container.step #main .step .bnr { width: auto; margin: 0 3.2% 25px; }
	#hadalab_container.step #main .step .bnr li { width: 50%; margin: 0 auto; }
	#hadalab_container.step #main .step .bnr li a {	display: block;	}
	#hadalab_container.step #main .step .bnr li img {	width: 100%; }	
  #hadalab_container.concept { padding: 27% 0 20px; }
  #hadalab_container.concept #main .read_box { padding: 54px 0; }
  #hadalab_container.concept #main .read_box h1 { width: 40%; padding: 0 3% 50px; }
  #hadalab_container.concept #main .read_box p { padding: 0 3% 30px; width: 90%; }
  #hadalab_container.concept #main .read_box p.txt { padding: 0 4%; width: auto; }
  #hadalab_container.concept #main .read_box .img { position: relative; top: auto; right: auto; padding-bottom: 30px; width: 71.6%; margin: 0 auto; }
  #hadalab_container.concept #main .read_box .img img { margin: 0 auto; }
  #hadalab_container.concept #main .session { padding-top: 12%; background: url(/%7E/Media/com/hadalabo/top/bg_img_water.jpg) no-repeat center top; background-size: 120% auto; }
  #hadalab_container.concept #main .session .box { width: auto; margin: 95px 4% 0; }
  #hadalab_container.concept #main .session .box .right_box { float: none; width: auto; }
  #hadalab_container.concept #main .session .box .img1 { width: 70%; margin: 24px auto 0; }
  #hadalab_container.concept #main .session .box .img1 img { margin: 0 auto; }
  #hadalab_container.concept #main .session .box .img2 { float: none; padding-right: 0; width: 292px; margin: -34px auto 0; }
  #hadalab_container.concept #main .session .box .img3 { margin-top: 24px; }
  #hadalab_container.concept #main .changelogo { margin-top: 100px; margin-bottom: 0px; }
  #hadalab_container.concept #main .changelogo .box { margin-top: 70px; }
  #hadalab_container.concept #main .changelogo .box h2 { margin-bottom: 44px; }
  #hadalab_container.concept #main .changelogo .box p { text-align: left; }
  #hadalab_container.concept #main .changelogo .box .img4 { position: relative; margin: 0 auto; width: 17.3%; padding-top: 50px; right: 0px; bottom: 0px; }
  #hadalab_container.concept #main .changelogo .box .img4 img { margin: 0 auto; max-width: 100%; }
  #hadalab_container.concept #main #allproducts { width: auto; margin: 80px 4% 30px; padding: 6% 4.8% 4.8%; }
  #hadalab_container.concept #main #allproducts h2 { float: left; margin-bottom: 0; }
  #hadalab_container.concept #main #allproducts p { float: right; }
  #hadalab_container.concept #main #allproducts .btn { width: 240px; }
  #hadalab_container.concept #main #allproducts ul { clear: both; position: inherit; right: auto; top: auto; margin: 0; padding-top: 5%; margin-bottom: -3%; width: auto; }
  #hadalab_container.life { padding: 27% 0 20px; background: none; }
  #hadalab_container.life.page2 { background: none; }
  #hadalab_container.life.page2 #main .read_box { padding-bottom: 20px; }
  #hadalab_container.life.page2 #main .session { background: url(/%7E/Media/com/hadalabo/top/bg_img_water.jpg) no-repeat center top; background-size: 120% auto; padding-top: 120px; }
  #hadalab_container.life #main #product_link, #hadalab_container.life #main #interview_link { width: auto; }
  #hadalab_container.life #main .read_box { padding: 54px 0; }
  #hadalab_container.life #main .read_box h1 { width: 63.2%; padding: 0 3% 50px; }
  #hadalab_container.life #main .read_box p { padding: 0 3%; width: 77.3%; }
  #hadalab_container.life #main .read_box .notice { width: auto; position: relative; top: 0px; font-size: 14px; text-align: right; }
  #hadalab_container.life #main .top_nav { padding-bottom: 30%; background-size: 120% auto; }
  #hadalab_container.life #main .top_nav ul { width: 450px; }
  #hadalab_container.life #main .top_nav ul li { float: none; }
  #hadalab_container.life #main .top_nav ul li.sec1 { padding-right: 40px; padding-bottom: 50px; }
  #hadalab_container.life #main .session { padding: 50px 0 100px; }
  #hadalab_container.life #main .session .product_img { padding: 0 4%; width: 33%; }
  #hadalab_container.life #main .session h2 { margin: 4% 0 20px; width: 44%; float: left; }
  #hadalab_container.life #main .session h2 img { margin-left: -4px; display: inline-block; }
  #hadalab_container.life #main .session p { float: left; width: 54%; }
  #hadalab_container.life #main .session .profile_box { clear: both; margin: 0 7%; padding: 50px 0 0; width: auto; }
  #hadalab_container.life #main .session .profile_box .img { padding-right: 3%; width: 23%; }
  #hadalab_container.life #main .session .profile_box dl { float: left; width: 74%; }
  #hadalab_container.life #main .session .profile_box dl dt { padding-top: 0; }
  #hadalab_container.life #main .session article { padding: 88px 4% 0; }
  #hadalab_container.life #main .session article h3 { margin-bottom: 30px; }
  #hadalab_container.life #main .session article h4 { margin: 40px 0 6px; }
  #hadalab_container.life #main .session article p { float: none; width: auto; }
  #hadalab_container.life #main .session article .photo { margin-top: 30px; }
  #hadalab_container.life #main #product_link, #hadalab_container.life #main #interview_link { margin: 0 7.8% 50px; }
  #hadalab_container.life #main #product_link .left_box, #hadalab_container.life #main #product_link .right_box, #hadalab_container.life #main #product_link .right_box.small, #hadalab_container.life #main #interview_link .left_box, #hadalab_container.life #main #interview_link .right_box, #hadalab_container.life #main #interview_link .right_box.small { float: none; width: auto; }
  #hadalab_container.life #main #product_link .left_box .btn, #hadalab_container.life #main #product_link .right_box .btn, #hadalab_container.life #main #product_link .right_box.small .btn, #hadalab_container.life #main #interview_link .left_box .btn, #hadalab_container.life #main #interview_link .right_box .btn, #hadalab_container.life #main #interview_link .right_box.small .btn { width: auto; line-height: 50px; font-size: 18px; }
  #hadalab_container.life #main #product_link .left_box { position: relative; }
  #hadalab_container.life #main #product_link .left_box dl { padding: 6%; padding-bottom: 0px; }
  #hadalab_container.life #main #product_link .left_box dl dd .copy { margin-right: 0; line-height: 1.6em; padding-left: 18px; text-indent: -18px; }
  #hadalab_container.life #main #product_link .left_box dl dd .copy img { padding-right: 4px; }
  #hadalab_container.life #main #product_link .left_box .notice { position: relative; left: auto; margin-top: 1em; width: auto; }
  #hadalab_container.life #main #product_link .right_box { padding-bottom: 6%; }
  #hadalab_container.life #main #interview_link .left_box img { max-width: none; width: 100%; }
  #hadalab_container.life #main #interview_link .right_box dl { padding: 6%; }
  #hadalab_container.life #main #interview_link .right_box dl dt { margin-bottom: 28px; }
  #hadalab_container.life #main #interview_link .right_box dl dt img { max-width: 100%; }
  #hadalab_container.life #main #interview_link .right_box span { margin-right: -2em; display: block; }
  #hadalab_container.life #main #interview_link .right_box .btn { margin-top: 30px; } }
@media screen and (max-width: 480px) { #hadalab_container { font-size: 12px; }
  #hadalab_container sup { font-size: 10px; }
  #hadalab_container #main .btn { padding-left: 8px; border-radius: 4px; line-height: 22px; font-size: 10px; }
  #hadalab_container #main .btn:before { left: 9px; margin-top: -2px; width: 4px; height: 4px; border-top: 2px solid #fff; border-right: 2px solid #fff; }
  #hadalab_container #main .btn_open { top: 27px; right: 27px; width: 20px; height: 20px; border-radius: 3px; }
  #hadalab_container #main .btn_open:before, #hadalab_container #main .btn_open:after { height: 2px; width: 10px; margin-left: -5px; margin-top: -1px; }
  #hadalab_container .btn_pagetop { right: 6px; }
  #hadalab_container .btn_pagetop a img { width: 42px; }
  #hadalab_container.top #main { padding-top: 30%; }
  #hadalab_container.top #main h2 { margin-bottom: 20px; }
  #hadalab_container.top #main .news { padding: 40px 0 0; }
  #hadalab_container.top #main .news ul li { margin-top: 4px; }
  #hadalab_container.top #main .news ul li .drop { left: 1px; top: 10px; width: 6px; }

  #hadalab_container.top #main .news ul li a { font-size: 10px; line-height: 1.8em; padding: 5px 0px; }
  #hadalab_container.top #main .news ul li a .date { padding-left: 12px; }
  #hadalab_container.top #main .special { padding: 40px 0 0; }
  #hadalab_container.top #main .special ul.bnr_promo { padding-bottom: 10px; }
  #hadalab_container.top #main .special ul.bnr_promo li { margin: 0 0 10px; }
  #hadalab_container.top #main .special ul.bnr_promo li:nth-child(odd) a, #hadalab_container.top #main .special ul.bnr_promo li:nth-child(odd) span { margin-right: 5px; }
  #hadalab_container.top #main .special ul.bnr_promo li:nth-child(even) a, #hadalab_container.top #main .special ul.bnr_promo li:nth-child(even) span { margin-left: 5px; }
  #hadalab_container.top #main .special ul.bnr_link {/* padding-bottom: 10px; */}
  #hadalab_container.top #main .special ul.bnr_link li { margin: 0 0 10px; }
  #hadalab_container.top #main .special ul.bnr_link li.left a { margin-right: 5px; }
  #hadalab_container.top #main .special ul.bnr_link li.right a { margin-left: 5px; }
  #hadalab_container.top #main .special ul.bnr_link li.h_labo { padding-top: 10px; }
	#hadalab_container.top #main .special ul.bnr_link li.h_labo + li.h_labo { padding-top: 0; }
  #hadalab_container.top #main .special ul.bnr_link li.h_labo a { margin: 0; }
  #hadalab_container.top #main .product { background-size: 255% auto; padding: 66px 0 0; }
  #hadalab_container.top #main .product .product_box .prds .btn_box { height: 150px; } }
@media screen and (max-width: 480px) and (max-width: 414px) { #hadalab_container.top #main .product .product_box .prds .btn_box { height: 144px; } }
@media screen and (max-width: 480px) and (max-width: 340px) { #hadalab_container.top #main .product .product_box .prds .btn_box { height: 130px; } }
@media screen and (max-width: 480px) { #hadalab_container.top #main .product .product_box .prds h3 { margin: 0 33% 10px 53px; padding-top: 19px; }
  #hadalab_container.top #main .product .product_box .prds h4 { margin: 0 19px 0 53px; font-size: 12px; padding-bottom: 0; line-height: 1.6em; }
  #hadalab_container.top #main .product .product_box .prds .label { right: 17%; top: 17px; margin: -7px -7px 0 0; border: 1px solid #94d6f2; height: 48px; width: 48px; -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); }
  #hadalab_container.top #main .product .product_box .prds .label p { height: 48px; width: 48px; font-size: 10px; }
  #hadalab_container.top #main .product .product_box .prds .label p img { margin: -3px -1px 1px; width: 50px; }
  #hadalab_container.top #main .product .product_box .prds .label p .md { padding-top: 3px; }
  #hadalab_container.top #main .product .product_box .prds .label p.fsl { font-size: 12px; }
  #hadalab_container.top #main .product .product_box .prds .txt { margin: 0 20px 0 53px; font-size: 12px; line-height: 1.6em; }
  #hadalab_container.top #main .product .product_box .prds .txt small { font-size: 10px; margin-top: 10px; }
  #hadalab_container.top #main .product .product_box .prds .link { padding: 25px 30px 29px; }
  #hadalab_container.top #main .product .product_box .prds .link .btn { font-size: 12px; line-height: 30px; }
  #hadalab_container.top #main .product .product_box .prds .img { background: #fff; padding-top: 6px; width: 50px; }
  #hadalab_container.top #main .product .product_box .prds .img img { width: 130px; margin: -3px -40px 0; } }
@media screen and (max-width: 480px) and (max-width: 414px) { #hadalab_container.top #main .product .product_box .prds .img { padding-top: 4px; } }
@media screen and (max-width: 480px) and (max-width: 340px) { #hadalab_container.top #main .product .product_box .prds .img { padding-top: 0px; } }
@media screen and (max-width: 480px) { #hadalab_container.top #main .product .product_box .prds .btn_open { margin-top: -10px; }
  #hadalab_container.top #main .product .product_box .prds.shirojun-sherbet .img, #hadalab_container.top #main .product .product_box .prds.gokujun-foaming-wash .img { width: 50px; }
  /*#hadalab_container.top #main .product .product_box .prds.shirojun-premium .img img { width: 140px; margin: -20px -46px 0; }*/
  #hadalab_container.top #main .product .product_box .prds.shirojun-sherbet .img img { margin-top: 54px; }

  #hadalab_container.top #main .product .product_box .prds.gokujun-foaming-wash .img img { margin-top: 30px; }
  #hadalab_container.top #main .product .product_box .prds.shirojun-cool-jelly .img { width: 42px; }
  #hadalab_container.top #main .product .product_box .prds.shirojun-cool-jelly .img img { width: 120px; margin-left: -16px; margin-top: 0px; }
  #hadalab_container.top #main .product .product_box .prds.es .img img { margin-top: -7px; margin-left: -38px; }
  #hadalab_container.top #main .product .product_box .prds.rich-gokujun .img img { width: 53px; margin: 36px 0 0; }
  #hadalab_container.top #main .product .product_box .prds.tamahada .img img { width: 100px; margin-left: -23px; margin-top: 8px; }
  #hadalab_container.top #main .product .product_box .prds.shiroshizuku .img { width: 40px; }
  #hadalab_container.top #main .product .product_box .prds.shiroshizuku .img img { width: 100px; margin-left: -5px; margin-top: 4px; }
  #hadalab_container.top #main .product .product_box .prds.yakuyou_gokujyun .label p, #hadalab_container.top #main .product .product_box .prds.alpha .label p, #hadalab_container.top #main .product .product_box .prds.rich-gokujun .label p { font-size: 10px; }
  #hadalab_container.top #main .step { padding-top: 11px; }
  #hadalab_container.top #main .step p a { border-radius: 2px; padding: 13px 0 14px; }
  #hadalab_container.top #main .step p a:before { margin-top: -3px; margin-left: -96px; width: 4px; height: 4px; border-top: 2px solid #2fafe5; border-right: 2px solid #2fafe5; }
  #hadalab_container.top #main .step p a img { width: 168px; }
  #hadalab_container.top #main .hlft { padding: 25px 0; }
  #hadalab_container.top #main .hlft .inner { margin: 0 auto; width: 230px; }
  #hadalab_container.top #main .hlft .inner .hadalabo_fb { float: none; margin: -40px -114px; -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); }
  #hadalab_container.top #main .hlft .inner .bnr_box { margin-top: 10px; width: 230px; }
  #hadalab_container.step { padding: 27% 0 10px; }
  #hadalab_container.step #main h1 { padding: 27px 7% 70px; }
  #hadalab_container.step #main h2 { margin-bottom: 28px; }
  #hadalab_container.step #main .allstep { margin: 0 3.2% 75px; }
  #hadalab_container.step #main .allstep .everyday:before { background: url(/%7E/Media/com/hadalabo/top/step/bg_step_m.png) no-repeat center 28px #ffedf2; background-size: 34px 65px; }
  #hadalab_container.step #main .allstep .everyday:after { right: 0px; background: url(/%7E/Media/com/hadalabo/top/step/bg_step_n.png) no-repeat center 28px #e2f3fb; background-size: 26px 65px; }
  #hadalab_container.step #main .allstep .everyday ul { padding: 118px 0 28px; }
  #hadalab_container.step #main .allstep .everyday ul li { margin-bottom: 30px; }
  #hadalab_container.step #main .allstep .everyday ul li:before { bottom: -19px; margin-left: -5px; border-width: 7px 5px 0 5px; }
  #hadalab_container.step #main .allstep .everyday ul li a { padding: 8px 0 9px; width: 175px; }
  #hadalab_container.step #main .allstep .everyday ul li a:before { width: 13px; height: 13px; right: 14px; margin-top: -7px; }
  #hadalab_container.step #main .allstep .everyday ul li a:after { width: 4px; height: 4px; border-top: 1px solid #fff; border-right: 1px solid #fff; right: 19px; margin-top: -3px; }
  #hadalab_container.step #main .allstep .everyday ul li a img { width: 109px; }
  #hadalab_container.step #main .allstep .everyday ul li.first { margin-left: 52%; }
  #hadalab_container.step #main .allstep .everyday ul li.first a { width: 106px; padding-right: 20px; }
  #hadalab_container.step #main .allstep .everyday ul li.first a:before { right: 10px; }
  #hadalab_container.step #main .allstep .everyday ul li.first a:after { right: 15px; }
  #hadalab_container.step #main .allstep .btn_nav ul li { margin-top: 15px; }
  #hadalab_container.step #main .allstep .btn_nav ul li a { padding: 8px 0 9px; }
  #hadalab_container.step #main .allstep .btn_nav ul li a:before { width: 13px; height: 13px; right: 14px; margin-top: -7px; }
  #hadalab_container.step #main .allstep .btn_nav ul li a:after { width: 4px; height: 4px; border-top: 1px solid #fff; border-right: 1px solid #fff; right: 19px; margin-top: -3px; }
  #hadalab_container.step #main .allstep .btn_nav ul li a img { width: 109px; }
  #hadalab_container.step #main .step .step_box { margin: 0 3.2% 33px; }
  #hadalab_container.step #main .step .step_box h3 { padding: 30px 0 29px; }
  #hadalab_container.step #main .step .step_box h3 .step { left: 10px; top: 17px; width: 42px; }
  #hadalab_container.step #main .step .step_box h3 .txt { width: 109px; }
  #hadalab_container.step #main .step .step_box:before { bottom: -23px; margin-left: -7px; border-width: 12px 8px 0 8px; }
  #hadalab_container.step #main .step .step_box ul { padding: 0 0 30px; }
  #hadalab_container.step #main .step .step_box ul li a { margin: 5px 10px; }
  #hadalab_container.step #main .step .step_box ul li a .txt { font-size: 12px; }
  #hadalab_container.step #main .step .step_box ul li a .txt:before { background-size: 10px 10px; width: 10px; height: 10px; margin: 0 2px -2px 0; }
  #hadalab_container.step #main .step .step_box ul li a .txt .fzs { font-size: 10px; }
  #hadalab_container.step #main .step .step_box ul li.ssmallsize a, #hadalab_container.step #main .step .step_box ul li.smallsize a, #hadalab_container.step #main .step .step_box ul li.middlesize a, #hadalab_container.step #main .step .step_box ul li.largesize a { margin: 5px 10px; }
  #hadalab_container.step #main .step .step_box .in_box h4 { padding: 30px 0 29px; }
  #hadalab_container.step #main .step .step_box .in_box h4 .step { left: 10px; top: 31px; width: 55px; }
  #hadalab_container.step #main .step .step_box .in_box h4 .txt { width: 109px; }
  #hadalab_container.step #main .step .step_box .in_box #stepex1 + ul { padding-bottom: 30px; }
  #hadalab_container.step #main .step #step8 { margin-bottom: 33px; }
  #hadalab_container.concept { padding: 27% 0 10px; }
  #hadalab_container.concept #main { font-size: 14px; }
  #hadalab_container.concept #main .read_box { padding: 27px 0; }
  #hadalab_container.concept #main .read_box h1 { padding: 0 3% 25px; }
  #hadalab_container.concept #main .read_box p { padding: 0 3% 15px; }
  #hadalab_container.concept #main .read_box .img { padding-bottom: 15px; }
  #hadalab_container.concept #main .session .box { margin: 47px 4% 0; }
  #hadalab_container.concept #main .session .box .img1 { margin-top: 12px; }
  #hadalab_container.concept #main .session .box .img2 { width: 146px; margin: -17px auto 0; }
  #hadalab_container.concept #main .session .box .img2 .item1 img, #hadalab_container.concept #main .session .box .img2 .item2 img { width: 175px; }
  #hadalab_container.concept #main .session .box .img2 .item1 { width: 50px; }
  #hadalab_container.concept #main .session .box .img2 .item1 img { margin-left: -62px; }
  #hadalab_container.concept #main .session .box .img2 .item2 { width: 95px; }
  #hadalab_container.concept #main .session .box .img2 .item2 img { margin-left: -40px; }
  #hadalab_container.concept #main .session .box .img3 { margin-top: 14px; }
  #hadalab_container.concept #main .changelogo { margin-top: 50px; }
  #hadalab_container.concept #main .changelogo .box { margin-top: 47px; }
  #hadalab_container.concept #main .changelogo .box h2 { margin-bottom: 24px; }
  #hadalab_container.concept #main .changelogo .box .img4 { padding-top: 25px; }
  #hadalab_container.concept #main #allproducts { margin: 40px 4%; }
  #hadalab_container.concept #main #allproducts h2 { width: 64px; }
  #hadalab_container.concept #main #allproducts .btn { width: 156px; }
  #hadalab_container.life { padding: 27% 0 10px; }
  #hadalab_container.life.page2 #main .read_box { padding-bottom: 10px; }
  #hadalab_container.life.page2 #main .session { padding-top: 60px; }
  #hadalab_container.life #main .read_box { padding: 27px 0; }
  #hadalab_container.life #main .read_box h1 { padding: 0 3% 25px; }
  #hadalab_container.life #main .read_box .notice { font-size: 12px; }
  #hadalab_container.life #main .top_nav ul { width: 295px; }
  #hadalab_container.life #main .top_nav ul li { float: none; width: auto; }
  #hadalab_container.life #main .top_nav ul li.sec1 { padding-right: 0; padding-bottom: 25px; }
  #hadalab_container.life #main .top_nav ul li .profile_img { width: 87px; padding-right: 8px; }
  #hadalab_container.life #main .top_nav ul li dl { width: 200px; }
  #hadalab_container.life #main .top_nav ul li dl dt { margin-bottom: 5px; width: 88%; }
  #hadalab_container.life #main .top_nav ul li dl dd { font-size: 10px; line-height: 1.2em; letter-spacing: -1px; margin-right: 0; }
  #hadalab_container.life #main .top_nav ul li dl dd span { display: block; margin: -1px -3em -1px -11px; -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); }
  #hadalab_container.life #main .top_nav ul li dl dd .btn { margin-top: 3px; width: 140px; }
  #hadalab_container.life #main .top_nav ul li.sec1 dl dd { margin-right: 0; }
  #hadalab_container.life #main .session { padding: 25px 0 50px; }
  #hadalab_container.life #main .session h2 { margin: 4% 0 10px; }
  #hadalab_container.life #main .session h2 img { margin-left: -2px; }
  #hadalab_container.life #main .session p { font-size: 12px; }
  #hadalab_container.life #main .session .profile_box { padding: 25px 0 0; }
  #hadalab_container.life #main .session .profile_box dl dt img { width: 140px; }
  #hadalab_container.life #main .session .profile_box dl dd { font-size: 10px; }
  #hadalab_container.life #main .session article { font-size: 14px; line-height: 1.8em; padding: 44px 4% 0; }
  #hadalab_container.life #main .session article h3 { margin-bottom: 15px; }
  #hadalab_container.life #main .session article h4 { margin: 20px 0 3px; font-size: 14px; padding-left: 40px; }
  #hadalab_container.life #main .session article h4:before { width: 38px; }
  #hadalab_container.life #main .session article p { font-size: 14px; }
  #hadalab_container.life #main .session article dl dd { padding-left: 40px; }
  #hadalab_container.life #main .session article .photo { margin-top: 15px; font-size: 10px; }
  #hadalab_container.life #main #product_link, #hadalab_container.life #main #interview_link { margin: 0 7.8% 25px; }
  #hadalab_container.life #main #product_link .left_box .btn, #hadalab_container.life #main #product_link .right_box .btn, #hadalab_container.life #main #product_link .right_box.small .btn, #hadalab_container.life #main #interview_link .left_box .btn, #hadalab_container.life #main #interview_link .right_box .btn, #hadalab_container.life #main #interview_link .right_box.small .btn { line-height: 30px; font-size: 12px; margin-top: 20px; }
  #hadalab_container.life #main #product_link .left_box dl dd .copy { padding-left: 9px; text-indent: -9px; font-size: 12px; }
  #hadalab_container.life #main #product_link .left_box dl dd .copy img { width: 7px; padding-right: 2px; vertical-align: baseline; }
  #hadalab_container.life #main #product_link .left_box .notice { font-size: 10px; }
  #hadalab_container.life #main #product_link .right_box { font-size: 10px; }
  #hadalab_container.life #main #product_link .right_box .img { width: 90px; }
  #hadalab_container.life #main #product_link .right_box .img img { height: 130px; }
  #hadalab_container.life #main #product_link .right_box .img .item1 { width: 30px; }
  #hadalab_container.life #main #product_link .right_box .img .item1 img { margin-left: -43px; }
  #hadalab_container.life #main #product_link .right_box .img .item2 { width: 60px; }
  #hadalab_container.life #main #product_link .right_box .img .item2 img { margin-left: -28px; }
  #hadalab_container.life #main #product_link .right_box .img .item3 { width: 60px; }
  #hadalab_container.life #main #product_link .right_box .img .item3 img { margin-left: -28px; }
  #hadalab_container.life #main #product_link .right_box p { margin-top: -14px; }
  #hadalab_container.life #main #interview_link .right_box dl dt { margin-bottom: 14px; }
  #hadalab_container.life #main #interview_link .right_box span { margin-right: 0; }
  #hadalab_container.life #main #interview_link .right_box .btn { margin-top: 15px; } }
.mainimg01 { background: #fff url(); }

.toolBox01 { background-color: #0090dd; }

.btnBrand01 > span { color: #0090dd; }

/* AEON バナー */
#ban_oilinsc { border: 1px solid #3fa1d8; margin: 10px auto; padding: 3px; width: 450px; background-color: #fff; font-size: 0; line-height: 0; }

@media screen and (max-width: 480px) { #ban_oilinsc { width: auto; padding: 0; width: 228px; margin: 10px auto; } }