body {
	background-image: url(../img/bg_1.png);
	background-repeat: repeat-x repeat-y;
	background-position: center;
}

.mr_bg_left,
.mr_bg_left_2 {
	top: 0;
	left: 0;
	position: absolute;
	width: 284px;
	z-index: -1000;
	background-image: url(../img/bg_left_1.png);
	background-repeat: repeat-y;
}

.mr_bg_right,
.mr_bg_right_2 {
	top: 0;
	right: 0;
	position: absolute;
	width: 249px;
	z-index: -1000;
	background-image: url(../img/bg_right_1.png);
	background-repeat: repeat-y;
}

.fix_col_padding {
	padding: 0px;	
}

.col_prod_fix {
	padding: 0px;
	margin-top: 40px;
}

.lnk_styling {
	background-image: url(../img/lnk_styling.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 470px 255px;
	width: 470px;
	height: 124px;
	margin-top: 40px;
	cursor: pointer;
}

.lnk_styling:hover {
	background-position: 0 -130px;
}

.lnk_treatment {
	background-image: url(../img/lnk_treatment.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 470px 255px;  
	width: 470px;
	height: 124px;
	margin-top: 40px;
	cursor: pointer;
}

.lnk_treatment:hover {
	background-position: 0 -130px;
}

.inbath_prod_left {
	background-image: url(../img/inbath_prod_left.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	max-width: 390px !important;
	padding-bottom: 60%;
	cursor: pointer;
	float: right;
}

.inbath_prod_right {
	background-image: url(../img/inbath_prod_right.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	max-width: 390px !important;
	padding-bottom: 60%;
	cursor: pointer;
	float: left;
}

.inbath_prod_left:hover,
.inbath_prod_right:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.prod_lnk > div > h3 {
	font-size: 1.4em;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000;
	font-weight: 900;
	letter-spacing: .1em;
}

.prod_lnk > div > h3 > em {
	color: #e4098e;
	font-size: 1.4em;
}

.mr_block {
	margin: 0 auto;
    padding-bottom: 0px;
    background: url(../img/row_bottom_bg.png) no-repeat 50% 100%;
}

.inbath_board_1 {
	background-image: url(../img/inbath_board_1.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	padding-bottom: 50%;
	margin-top: 40px;
}

.inbath_board_2 {
	background-image: url(../img/inbath_board_2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	padding-bottom: 50%;
	margin-top: 40px;
}

.inbath_board_1 > div,
.inbath_board_2 > div {
	width: 0px;
	position: relative;
}

.inbath_board_1 > div > h2,
.inbath_board_2 > div > h2 {
	position: absolute;
	width: 660px;
	left: -230px;
	border-bottom: dotted 3px #e5a95c;
	height: 130px;
	line-height: 130px;
	vertical-align: middle;
	font-size: 1.8em;
	letter-spacing: .3em;
	font-weight: 900;
}

.inbath_board_1 > div > h2 > strong {
	color: #e4098e;
	font-size: 1.5em;
}

.inbath_board_2 > div > h2 > strong {
	color: #f05f4c;
	font-size: 1.5em;
}

.inbath_board_1 > div > h4,
.inbath_board_2 > div > h4 {
	position: absolute;
	width: 560px;
	top: 180px;
	left: -130px;
	height: 200px;
	line-height: 2em;
	letter-spacing: .1em;
	text-align: left;
	font-size: 1.5em;
	font-weight: 400;
}

.inbath_board_1 > div > h4 > strong {
	color: #e4098e;
	font-weight: 400;
}

.inbath_board_2 > div > h4 > strong {
	color: #f05f4c;
	font-weight: 400;
}

.inbath_board_1 > div > div.flower {
	position: absolute;
	background: url(../img/inbath_flower_1.png) no-repeat center center;
	background-size: 100%;
	top: 38px;
	left: 290px;
	width: 100px;
	height: 95px;
}

.inbath_board_2 > div > div.flower {
	position: absolute;
	background: url(../img/inbath_flower_2.png) no-repeat center center;
	background-size: 100%;
	top: 38px;
	left: 290px;
	width: 100px;
	height: 95px;
}

.mr_detail {
	background: url(../img/btn_detail.png) no-repeat top center;
	height: 0;
	background-size: 194px 98px;
	width: 194px;
	height: 49px;
	margin-top: 10px;
	cursor: pointer;
}

.mr_detail:hover {
	background-position: 0 -50px;
}

.prod {
	position: relative;
	background: url(../img/item_light_bg.png) no-repeat top center;
}

.prod > h5 {
	font-size: 1.5em;
	line-height: 1.4em;
}

.prod > h5 > small {
	font-size: 1em;
	color: #000;
}

.prod > img {
	height: 200px;
}

.icon_special_care {
	background: url(../img/icon_special_care.png) no-repeat top left;
	position: absolute;
	top: 0px;
	left: 40px;
	width: 82px;
	height: 82px;
}

.bg_wrapper_4 {
	position: relative;
	margin-top: 40px;
	padding-bottom: 100px;
	background: url(../img/bg_4.png) repeat center center;	
}

.fix_bg {
	z-index: 0;
}
	
.fix_row_lnk {
	margin-top: 40px;
}

@media screen and (max-width: 991px) {
	.inbath_prod_left,
	.inbath_prod_right {
		margin-top: 30px;
		padding-bottom: 85%;
	}
	
	.inbath_board_1,
	.inbath_board_2 {
		background-image: url(../img/inbath_board_body_mobile.png);
		background-repeat: repeat-y;
		background-size: 100%;
		width: 100%;
		height: 55vw;
		padding-bottom: 0px;
		margin-top: 0px;
	}
	
	.inbath_board_top_mobile {
		background-image: url(../img/inbath_board_top_mobile.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
		width: 100%;
		padding-bottom: 5%;
		margin-top: 5vw;
	}
	
	.inbath_board_bottom_mobile {
		background-image: url(../img/inbath_board_bottom_mobile.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
		width: 100%;
		padding-bottom: 5%;
		margin-bottom: 5vw;
	}
	
	.inbath_board_1 > div,
	.inbath_board_2 > div {
		width: 100%;
	}
	
	.inbath_board_1 > div > h2,
	.inbath_board_2 > div > h2 {
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		border-bottom: none;
		height: 8vw;
		line-height: 5vw;
		vertical-align: top;
		text-align: center;
		font-size: 4vw;
		letter-spacing: .2vw;
		margin: 0 auto;
	}
	
	.inbath_board_1 > div > h4,
	.inbath_board_2 > div > h4 {
		position: relative;
		width: 90%;
		left: 0;
		top: 0;
		border-bottom: none;
		height: 8vw;
		line-height: 5vw;
		vertical-align: top;
		text-align: left;
		font-size: 3vw;
		letter-spacing: .2vw;
		margin: 0 auto;
		margin-top: -40vw;
		padding-left: 24vw;
		font-weight: 900;
	}

	.inbath_board_1 > div > div.flower {
		position: relative;
		background: url(../img/inbath_board_img_1_mobile.jpg) no-repeat center center;
		background-size: 100%;
		top: 0;
		left: 0;
		width: 30vw;
		height: 40vw;
		margin-left: 2.2vw;
	}

	.inbath_board_2 > div > div.flower {
		position: relative;
		background: url(../img/inbath_board_img_2_mobile.jpg) no-repeat center center;
		background-size: 100%;
		top: 0;
		left: 0;
		width: 30vw;
		height: 40vw;
		margin-left: 2.2vw;
	}
	
	.inbath_board_1 > div > div.border,
	.inbath_board_2 > div > div.border {
		position: relative;
		background: url(../img/inbath_border.png) no-repeat top center;
		background-size: 100%;
		top: 0;
		left: 0;
		width: 90%;
		height: 2vw;
		margin: 0 auto;
	}
	
	.mr_detail {
		background: url(../img/btn_detail.png) no-repeat top center;
		height: 0;
		background-size: 100%;
		width: 140px;
		height: 34px;
		margin-top: 10px;
		cursor: pointer;
	}

	.mr_detail:hover {
		background-position: 0 -36px;
	}
			
	.prod > img {
		height: 35vw;
		max-height: 200px;
	}
	
	.lnk_styling {
		background-image: url(../img/lnk_styling.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100%;  
		width: 90%;
		height: 0;
		margin-top: 10px;
		padding-bottom: 24%;
		cursor: pointer;
	}

	.lnk_styling:hover {
		background-position: 0 100%;
	}

	.lnk_treatment {
		background-image: url(../img/lnk_treatment.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100%;  
		width: 90%;
		height: 0;
		margin-top: 10px;
		padding-bottom: 24%;
		cursor: pointer;
	}

	.lnk_treatment:hover {
		background-position: 0 100%;
	}
	
	.fix_row_lnk {
		margin-top: 10vw;
	}
	
	.bg_wrapper_4 {
		padding-bottom: 15vw;	
	}
	
	.icon_special_care {
		margin-left: 10vw;
		background-size: 100%;
		width: 13vw;
		height: 13vw;
		top: 0vw;
		left: 0vw;
		max-width: 82px;
		max-height: 82px;
	}
}

#mr_footer {
	margin-top: 0px;
}

@media screen and (max-width: 769px) {
	.inbath_board_1 > div > h4,
	.inbath_board_2 > div > h4 {
		position: relative;
		width: 90%;
		left: 0;
		top: 0;
		border-bottom: none;
		height: 8vw;
		line-height: 6vw;
		vertical-align: top;
		text-align: left;
		font-size: 3.5vw;
		letter-spacing: .2vw;
		margin: 0 auto;
		margin-top: -40vw;
		padding-left: 24vw;
		font-weight: 900;
	}
	
	.styling_prod_left,
	.styling_prod_right {
		margin-top: 50px;
		margin-bottom: 2vw;
	}
	
	.prod_lnk > div > h3 {
		font-size: 3.5vw;
		margin-top: -30px;
		margin-bottom: 0px;
		color: #000;
		font-weight: 900;
		letter-spacing: .1em;
		line-height: 5vw;
	}
	
	.inbath_prod_left,
	.inbath_prod_right {
		margin-top: 30px;
		padding-bottom: 85%;
	}
}