@charset "utf-8";

/*=================================
　グローバル　アイテム　
=================================*/

* {
margin: 0;
padding: 0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,
form,fieldset,input,textarea,
th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 100%;
	font-weight: normal;
	color: #595757;
}
fieldset {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
img {border:0; vertical-align:top;}

.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
section {
	overflow: hidden;
}
a {
	color: #09F;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #0168B7;
}

a:hover img.alphaimage {
  -moz-opacity:0.6;
  opacity:0.6;
}
a:hover img.alphaimage80 {
  -moz-opacity:0.8;
  opacity:0.8;
}

a:visited{
	color: #09F;
}
a:active{
}

p {
	line-height: 165%;
	margin-bottom: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
	text-align: left;
}
h1 {
	font-size: 20px;
	line-height: 100%;
	font-weight: bold;
}

h2 {
	font-size: 19px;
	line-height: 150%;
	margin-bottom: 8px;
}

h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 150%;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
}
.m16 {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 16px;
	line-height: 180%;
}
.g16 {
	font-size: 16px;
	line-height: 165%;
}
.g15-bold {
	font-size: 15px;
	line-height: 160%;
	font-weight: bold;
}
.g14 {
	font-size: 14px;
	line-height: 160%;
}
.g13 {
	font-size: 13px;
	line-height: 150%;
}
.notice {
	font-size: 9px;
	line-height: 135%;
	text-align: right;
}
.p_notice {
	font-size: 9px;
	line-height: 135%;
	text-align: right;
	vertical-align: text-top;
	margin-left: 2px;
}
.aligncenter {
	text-align: center;
}
.centerside {
	margin-right: auto;
	margin-left: auto;
}
.blue {
	color: #008BD5;
}
.greenbule{
	color: #009D95;
}
.darkred{
	color: #D23F7D;
}
.leftside {
	float:left;
}
.rightside {
	float:right;
}
.img_leftside {
	float: left;
	padding-top: 6px;
	padding-right: 8px;
}
.img_rightside {
	float:right;
	padding-top: 6px;
	padding-left: 8px;
}
.resize_img {
	width:100%;
	height:auto;
}
.resize_img80 {
	width:80%;
	height:auto;
}
.resize_img70 {
	width:70%;
	height:auto;
}
.max930 {
	max-width:930px;
}
.max755 {
	max-width:755px;
}
.max665 {
	max-width:665px;
}
.max652 {
	max-width:652px;
}
.max645 {
	max-width:660px;
}
.max641 {
	max-width:641px;
}
.max630 {
	max-width:630px;
}
.max610 {
	max-width:610px;
}
.max600 {
	max-width:600px;
}
.max590 {
	max-width:590px;
}
.max552 {
	max-width:552px;
}
.max470 {
	max-width:470px;
}
.max443 {
	max-width:443px;
}
.max430 {
	max-width:430px;
}
.max420 {
	max-width:420px;
}
.max411 {
	max-width:411px;
}
.max386 {
	max-width:386px;
}
.max208 {
	max-width:208px;
}
.max175 {
	max-width:175px;
}
.bottom_marginSS {
	margin-bottom: 0px;
}
.bottom_margin9 {
	margin-bottom: 9px;
}
.bottom_marginS {
	margin-bottom: 15px;
}
.bottom_marginS {
	margin-bottom: 25px;
}
.bottom_marginM {
	margin-bottom: 40px;
}
.bottom_marginL {
	margin-bottom: 60px;
}
.bottom_marginLL {
	margin-bottom: 125px;
}

/*=================================
　レイアウト　アイテム　
=================================*/

#wrap {
	width: 1000px;
	height: auto;
	margin: 20px auto 0 auto;
	background-color: #FFF;
	-webkit-box-shadow: #666 0px 0px 9px;
	-moz-box-shadow: #666 0px 0px 9px;
	box-shadow: #666 0px 0px 9px;
}
@media screen and (max-width : 1000px) {
#wrap {
	width: 100%;
	height: auto;
	margin-bottom: 0;
}
}

#content {
	position: relative;
	padding: 0;
}
footer.brandSiteFooter{
	margin: 0px;
	border-top-style: none;
	border-top-width: 0px;
}
footer p{
	text-align: center;
}
.brandSiteFooter .link .copyright {
	margin: 0px;
}

/*=================================
　NAV　アイテム　
=================================*/

#nav {
	width: 100%;
	height: 50px;
	padding:0;
	background-color: #82003A;
	position: relative;
}
@media screen and (max-width : 1000px) {
#nav {
	width: 100%;
}
}

#nav ul#menu{
	height: 50px;
	/*height: auto;*/
	width: 100%;
	text-align: center;
	display: block;
	height: auto;
	margin: 0;
	padding: 0;
}
#nav ul#menu li{
	float: left;
	height: 50px;
	color: #FFF;
	line-height: 26px;
	text-align: center;
	position: relative;  
	z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
}
#nav ul#menu li a{
	height: 26px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	color: #FFF;
	display: block;
	margin: 12px 0;
}
#nav ul#menu li a:hover{
	color: #F8B62D;
}
#nav ul#menu li.current a{
	color: #F8B62D;
}

#nav ul#menu li.nav0{width: 16.4%;}
#nav ul#menu li.nav0 img {padding-top: 10px;}
#nav ul#menu li.nav1{width: 9.3%;}
#nav ul#menu li.nav2{width: 15.5%;}
#nav ul#menu li.nav3{width: 21.5%;}
#nav ul#menu li.nav4{width: 21.5%;}
#nav ul#menu li.nav5{width: 15.8%;}
#nav ul#menu li.nav5 a {border-right-style: none;}

#top #nav ul#menu li.nav1{width: 14.6%;}
#top #nav ul#menu li.nav2{width: 17.8%;}
#top #nav ul#menu li.nav3{width: 23.4%;}
#top #nav ul#menu li.nav4{width: 23.5%;}
#top #nav ul#menu li.nav5{width: 20.0%;}
#top #nav ul#menu li.nav5 a {border-right-style: none;}

ul#menu li ul.sub-menu li {
	float: none;  /*サブメニューはフロートさせないので解除*/
	padding: 0px 0;
}

#menu li ul.sub-menu {
	display: none;  /*サブメニューは最初は非表示にしておく*/
	position: absolute;  /*絶対配置にしておかないとうまくいかない*/
	top: 50px;
	left: 0px;
	color: #C36;
}
#menu li:hover ul.sub-menu {
	display: block;   /*マウスオーバー時にサブメニューを表示する*/ 
}
#nav ul#menu li ul.sub-menu li {
	float: none;
	width: 214px;
	background-color: #82003A;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F1D6D6;
	border-right-style: none;
}
#nav ul#menu li.nav4 ul.sub-menu li{
	line-height: 150%;
	height: auto;
	padding-bottom: 9px;
	text-align: center;
}
#nav ul#menu li.nav4 ul.sub-menu li a{
	width: 11.5em;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#top #nav ul#menu li ul.sub-menu li {
	width: 235px;
}
#nav ul#menu li ul.sub-menu li a{
	border-right-style: none;
}

.slicknav_menu {
	display: none;
}

/*780px*/
@media screen and (max-width : 780px) {
	#nav ul#menu li.nav4  ul.sub-menu li a{
	width: 100%;
	}
	.slicknav_menu {
	display: block;
	}
	#menu {
	display: none;
	}
	#nav {
	display: none;
	}
}

/* slickNav Menu*/
.slicknav_menu {
	
}
.slicknav_nav ul {
	background-color: #82003A !important;
}
.slicknav_nav li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.slicknav_menu {
	background-color: #82003A !important;
	margin: 0px;
	padding: 5px 0px;
	background-image: url(../images/moistage_logo_s.png);
	background-repeat: no-repeat;
	background-position: 13px 15px;
}
.slicknav_menu .slicknav_icon-bar {
	background-color: #CCCCCC !important;
}
.slicknav_menu a, .slicknav_menu a:hover {
	color: #FFFFFF !important;
}
.slicknav_btn {
	background-color: #1E1A42 !important;
}
.slicknav_btn:hover{
	background-color: #DE6F9D !important;
}
.slicknav_nav .slicknav_row:hover {
	background-color: #DE6F9D;
}
.slicknav_nav a:hover {
	background-color: #DE6F9D;
}
.slicknav_nav .slicknav_row {
    padding: 12px 10px;
    margin: 2px 0px;}
    .slicknav_nav .slicknav_row:hover {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #fff;
	background-color: #DE6F9D;
}
  .slicknav_nav a {
    padding: 12px 0px 12px 10px;
    margin: 2px 0px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #FFF;
	background-color: #DE6F9D;
}

.slicknav_nav ul li a{
	 padding: 12px 2px 12px 4px;
}



/*780px*/
@media screen and (min-width : 780px) {

	body {
		margin: 0;
	}
	#content {
		margin: 0;
	}
	#menu {
		display: block;
	}
	#nav {
		display: block;
	}
	.slicknav_menu {
		display: none;
	}
	i.fa.fa-caret-right {
		font-size: 14px;
		display: inline-block;
	}
}

/*****  TOP  *****************/
#top #content {
	background-image: url(../images/bg_top1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
}
#top #content section {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#top .colum1 {
	padding: 20px 20px 0px 20px;
}
#top .colum2 {
	background-image: url(../images/bg_top2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	padding: 20px 0px 20px 105px;
}
#top .colum2 ul.topLink{
	width: 641px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#top .colum2 ul.topLink li{
	width: 208px;
	float: left;
}
#top .colum2 ul.topLink li dl{
	margin: 0px;
	padding: 0px;
}
#top .colum2 ul.topLink li dl dt{
	margin: 0px;
	padding: 0px;
}
#top .colum2 ul.topLink li dl dd{
	margin: 0px;
	padding: 0px;
}
.box11 {
	display: block;
}
.box11_sp {
	display: none;
}
.box12 {
	margin-bottom: 28px;
}
.box13 {
	margin-bottom: 45px;
}
.topText {
	display: block;
}
.topText_sp {
	display: none;
}
#top .topNotice {
	margin-top: 24px;
	padding-right: 140px;
}

@media screen and (max-width : 780px) {
#top #content {
	background-image: url(../images/bg_top1_sp.jpg);
	}
#top .colum2 {
	background-image: none;
	padding: 20px ;
}
#top .colum2 ul.topLink{
	width: 96%;
}
#top .colum2 ul.topLink li{
	width: 33.3%;
}
.box11 {
	display: none;
}
.box11_sp {
	display: block;
}
.topText {
	display: none;
}
.topText_sp {
	display: block;
}
#top .topNotice {
	padding-right: 10px;
}
}

/*****  MESSAGE  **************/
#message #wrap {
	margin-bottom: 0;
}
#message #contentWrap {
	background-image: url(../images/message_bg2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
#message #content {
	background-image: url(../images/message_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	padding: 50px 20px 0px 20px;
}
#message #messageBox {
	width: 670px;
	margin: 50px  auto 0  auto;
}
#message  #topBox {
	width: 670px;
	margin-bottom: 45px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#message  #topBox h1{
	margin-bottom: 40px;
}
#message  #topBox p {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 20px;
	line-height: 160%;
	text-align: center;
}
#message #contentArea {
	width: 580px;
	/*margin-bottom: 43px;*/
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 22px;
}
#message #contentArea h3.bottom_s{
	margin-bottom: 8px;
}
#message #contentArea p{
	padding-left: 11px;
}
#message #contentArea hr {
	padding: 0px;
	border-width: 1px 0 0 0;
	border-top-style: solid;
	border-top-color: #D23F7D;
	clear: both;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 4px;
}
#message #content .notice {
	margin-top: 30px;
}
@media screen and (max-width : 980px) {
#message #contentWrap {
	background-image: none;
}
}
@media screen and (max-width : 780px) {
#message #contentWrap {
	background-image: none;
}
#message #messageBox {
	width: 100%;
	margin-top: 20px;
}
#message  #topBox {
	width: 100%;
}
#message #content {
	background-image: url(../images/message_bg_sp.jpg);
	padding: 20px 20px 0px 20px;
}
#message #contentArea {
	width: 100%;
}
}


/*****  Lineup TOP  **************/
#lineupTop #wrap {
	margin-bottom: -20px;
}
#lineupTop #contentWrap {
	background-image: url(../images/lineup-bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
#lineupTop  #content {
	padding: 50px 20px 40px 20px;
	margin-bottom:20px;
}
#lineupTop #listBox {
	width: 862px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
#lineupTop  #topBox {
	width: 100%;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}
ul.lineupList {
	clear: both;
	overflow: hidden;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	width: 864px;
}
ul.lineupList li {
	float: left;
	margin-right: 6px;
	margin-left: 6px;
	width: 276px;
}
ul.lineupList li a{
}
ul.lineupList li a:hover img {
  -moz-opacity:0.7;
  opacity:0.7;
}
img.behinde {
	float: left;
}

@media screen and (max-width : 960px) {
#lineupTop #listBox {
	width: 98%;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
ul.lineupList {
	clear: both;
	overflow: hidden;
	text-align: center;
	width: 100%;
}
ul.lineupList li {
	float: left;
	margin-right: 0%;
	margin-left: 1.2%;
	width: 31.8%;
}
ul.lineupList li img{
	width: 100%;
	height:auto;
}
}

@media screen and (max-width : 480px) {
#lineupTop  #content {
	padding: 20px 20px 40px 20px;
	margin-bottom:20px;
}

#lineupTop  #topBox {
	width: 100%;
}
ul.lineupList {
	margin-right: 10%;
	margin-left: 10%;
	margin-bottom: 25px;
	width: 80%;
}
ul.lineupList li {
	float: none;
	width: 100%;
}
ul.lineupList li img{
	width: 100%;
	height:auto;
}
ul.lineupList li img.behinde{
	display:none;
}
}


/*****  Lineup URUOI  **************/
#uruoi #contentWrap {
	background-image: url(../images/bg_lineup-1-3.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
#uruoi #wrap {
	background-image: url(../images/bg_lineup-1-1-1000.jpg);
	background-repeat: repeat-y;
	background-position: left;
	background-size: 100%;
}
#uruoi #content {
	background-image: url(../images/bg_lineup-1-2.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 75%;
	padding: 50px 20px 0px 20px;
}
#uruoi .colum1 {
	width: 787px;
	text-align: left;
	margin-left: 11%;
}
#uruoi .colum1 section {
	text-align: center;
	margin-left: 0;
	clear: both;
	z-index: 100;
}
#uruoi section {
	width: 552px;
	margin-bottom:20px;
}

#uruoi section.last_section {
	text-align: left;
	width: 725px;
	padding-bottom: 60px;
	margin-bottom: 0px;
}

ul.puroductLink {
	overflow: hidden;
	width: 100%;
}
#uruoi section.last_section ul.puroductLink {
	width: 552px;
}
ul.puroductLink li{
	float: left;
}
.item1 {width: 552px;}
ul.puroductLink li.item1-1{width: 50%;}
ul.puroductLink li.item1-2{width: 50%;}

.item1 {width: 552px;}
ul.puroductLink li.item2-1{width: 50%;}
ul.puroductLink li.item2-2{width: 50%;}

ul.puroductLink li.item3-1{width: 35.8%;}
ul.puroductLink li.item3-2{width: 28.4%;}
ul.puroductLink li.item3-3{width: 35.8%;}

.item2 {width: 630px;}
ul.puroductLink li.item4-1{width: 3.96%;}
ul.puroductLink li.item4-2{width: 30.15%;}
ul.puroductLink li.item4-3{width: 26.19%;}
ul.puroductLink li.item4-4{width: 39%;}

ul.puroductLink li.item5-1{width: 34.12%;}
ul.puroductLink li.item5-2{width: 25.39%;}
ul.puroductLink li.item5-3{width: 30.15%;}
ul.puroductLink li.item5-4{width: 10.13%;}


@media screen and (max-width : 850px) {
ul.puroductLink li img{
	width: 100%;
	height:auto;
}

.item1, .item2 {
	width: 100%;
	height:auto;
}
}

#content .noticeBox {
	font-size: 9px;
	line-height: 11px;
	text-align: right;
	/*position: absolute;*/
	right: 80px;
	bottom: 20px;
	z-index: 100;
	height: 11px;
}
#content .noticeBox_sience {
	font-size: 9px;
	line-height: 11px;
	text-align: right;
	/*position: absolute;
	right: 80px;
	bottom: 20px;*/
	z-index: 100;
	height: 11px;
	clear: both;
	padding-top: 20px;
	padding-right: 190px;
	padding-bottom: 25px;
}
@media screen and (max-width : 1000px) {
	#content .noticeBox {
		bottom: 0px;
	}
}
@media screen and (max-width : 850px) {
	#content .noticeBox {
		bottom: -15px;
	}
	#content .noticeBox_sience {
		padding-right: 40px;
	}
}
@media screen and (max-width : 780px) {
	#content .noticeBox {
		bottom: 20px;
	}
}
section.w552 {
	width: 552px;
}
dl.product_comment {
	width: 790px;
	text-align: left;
}
dl.product_comment dt {
	float: left;
	width: 535px;
}
dl.product_comment dt h3 {
	font-size: 19px;
	line-height: 150%;
	color: #008BD5;
	font-weight: bold;
	margin-bottom: 8px;
}
dl.product_comment dt p span{
	color: #008BD5;
	font-weight: bold;
}
dl.product_comment dt p span.greenbule{
	color: #009D95;
}
dl.product_comment dt p span.darkred{
	color: #D23F7D;
}
dl.product_comment dd.box-uruoi_1{
	float: right;
	width: 246px;
}
dl.product_comment dd.box-uruoi_2{
	display: none;
	width: auto;
}
dl.techniquet_comment{
	width: 528px;
	text-align: left;
}
dl.techniquet_comment dt{
	float: left;
	width: 400px;
}
dl.techniquet_comment dd{
	float: right;
	width: 121px;
}
p.side-padding {
	padding-right: 7px;
	padding-left: 7px;
}

/*****  Lineup FUKKURA  **************/
#fukkura #contentWrap {
	background-image: url(../images/bg_lineup-2-3.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
#fukkura #wrap {
	background-image: url(../images/bg_lineup-2-1-1000.jpg);
	background-repeat: repeat-y;
	background-position: left;
	/*background-size: 15.9%;*/
	background-size: 100%;
}
#fukkura #content {
	background-image: url(../images/bg_lineup-2-2.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 75%;
	padding: 50px 20px 0px 20px;
}
#fukkura .colum1 {
	width: 787px;
	text-align: left;
	margin-left: 11%;
}
#fukkura .colum1 section {
	text-align: center;
	margin-left: 0;
	clear: both;
}
#fukkura section {
	width: 552px;
	margin-bottom:20px;
}

#fukkura section.last_section {
	text-align: left;
	width: 552px;
	padding-bottom: 60px;
	margin-bottom: 0px;
}

/*****  Lineup Winkle_care 乾燥小じわケア  **************/
#kansou #contentWrap {
	background-image: url(../images/bg_lineup-3-3.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
#kansou #wrap {
	background-image: url(../images/bg_lineup-3-1-1000.jpg);
	background-repeat: repeat-y;
	background-position: left;
	background-size: 100%;
}
#kansou #content {
	background-image: url(../images/bg_lineup-3-2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 75%;
	padding: 50px 20px 0px 20px;
}
#kansou #content .noticeBox {
	font-size: 9px;
	line-height: 11px;
	text-align: right;
	/* position: absolute; */
	padding-bottom: 20px;
	z-index: 100;
	height: 11px;
}
@media screen and (max-width : 1000px) {
#kansou #content .noticeBox {
		bottom: -30px;
	}
}
@media screen and (max-width : 850px) {
#kansou #content .noticeBox {
		bottom: -30px;
	}
}
@media screen and (max-width : 780px) {
#kansou #content .noticeBox {
		bottom: 10px;
		right: 5%;
	}
}
#kansou .colum1 {
	width: 787px;
	text-align: left;
	margin-left: 11%;
}
#kansou .colum1 section {
	text-align: center;
	margin-left: 0;
	clear: both;
}
#kansou section {
	width: 552px;
	margin-bottom:20px;
}

#kansou section.last_section {
	text-align: left;
	width: 552px;
	padding-bottom: 60px;
	margin-bottom: 40px;
}


@media screen and (max-width : 982px) {
dl.product_comment {
	width: 100%;
	text-align: left;
}
dl.product_comment dt {
	float: none;
	width: 100%;
	width: 552px;
}
dl.product_comment dd.box-uruoi_1{
	display: none;
}
dl.product_comment dd.box-uruoi_2{
	display: block;
	max-width: 552px;
	margin-bottom:20px;
}

}
@media screen and (max-width : 780px) {
li.nav0{display: none;}

#uruoi #wrap,
#fukkura #wrap,
#kansou #wrap {
	background-image: none;
}
#uruoi #contentWrap {
	background-image: url(../images/bg_lineup-1-3_sp.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}

#uruoi #content {
	background-image: url(../images/bg_lineup-1-2_sp.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 75%;
	padding: 50px 20px 0px 20px;
}
#fukkura #contentWrap {
	background-image: url(../images/bg_lineup-2-3_sp.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}

#fukkura #content {
	background-image: url(../images/bg_lineup-2-2_sp.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 75%;
	padding: 50px 20px 0px 20px;
}
#kansou #contentWrap {
	background-image: url(../images/bg_lineup-3-3_sp.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}

#kansou #content {
	background-image: url(../images/bg_lineup-3-2_sp.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 75%;
	padding: 50px 20px 0px 20px;
}
#uruoi .colum1,
#fukkura .colum1,
#kansou .colum1 {
	width: 100%;
	max-width: 552px;
	margin-left: auto;
	margin-right: auto;
}
#uruoi .colum1 section,
#fukkura .colum1 section,
#kansou .colum1 section {
	text-align: center;
	margin-left: 0;
	clear: both;
}
#uruoi section,
#fukkura section,
#kansou section {
	width: 100%;
}

#uruoi section.last_section,
#fukkura  section.last_section,
#kansou section.last_section {
	background-image: none;
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 0px;
}
#uruoi section.last_section ul.puroductLink {
	width: 100%;
}
section.w552 {
	width: 552px;
}
dl.product_comment {
	width: 100%;
	text-align: left;
}
dl.product_comment dt {
	float: none;
	width: 100%;
	max-width:552px;
}
dl.product_comment dd.box-uruoi_1{
	display: none;
}
dl.product_comment dd.box-uruoi_2{
	display: block;
	max-width: 652px;
	margin-bottom:20px;
}
dl.techniquet_comment{
	width: 528px;
	text-align: left;
}
dl.techniquet_comment dt{
	float: left;
	width: 400px;
}
dl.techniquet_comment dd{
	float: right;
	width: 121px;
}
}


/*********************
 Cleansing  
*********************/
#cleansing #contentWrap {
	background-image: url(../images/bg_lineup-4-3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
#cleansing #wrap {
	background-image: url(../images/bg_lineup-4-1.png);
	background-repeat: repeat-y;
	background-position: left;
	background-size: 100%;
}
#cleansing #content {
	background-image: url(../images/bg_lineup-4-2.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 75%;
	padding: 50px 20px 0px 20px;
	background-size: 24.8%;
}
#cleansing #content .noticeBox{
	padding-bottom: 20px;
}
#cream #contentWrap {
	background-image: url(../images/bg_lineup-5-3.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
#cream #wrap {
	background-image: url(../images/bg_lineup-5-1-1000.jpg);
	background-repeat: repeat-y;
	background-position: left;
	background-size: 100%;
}
#cream #content {
	background-image: url(../images/bg_lineup-5-2.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 75%;
	padding: 50px 20px 0px 20px;
	background-size: 24.8%;
}
#cream #content  .noticeBox{
	padding-bottom: 20px;
}

#nayami #contentWrap {
	background-image: url(../images/bg_lineup-6-3.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
#nayami #wrap {
	background-image: url(../images/bg_lineup-6-1-1000.jpg);
	background-repeat: repeat-y;
	background-position: left;
	background-size: 100%;
}
#nayami #content {
	background-image: url(../images/bg_lineup-6-2.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 75%;
	padding: 50px 20px 0px 20px;
	background-size: 24.8%;
}
#line-other_box {
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 95px;
}
#line-other_box #topBox{
	width: 630px;
	margin-bottom: 36px;
}
#line-other_box #contentArea {
	width: 630px;
	overflow: hidden;
	position: relative;
}
p.comment1 {
	font-size: 8px;
	line-height: 140%;
	margin-top: 9px;
	margin-bottom: 0px;
}
#line-other_box #contentArea .productArea {
	overflow: hidden;
}
#line-other_box #contentArea #leftBox{
	float: left;
	width: 430px;
	margin-bottom: 18px;
	overflow: hidden;
}
#line-other_box #contentArea #rightBox{
	float: right;
	width: 175px;
	overflow: hidden;
}
#line-other_box #bottomBox{
	clear: both;
	width: 630px;
}
#line-other_box h2{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 21px;
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 30px;
}
#line-other_box h3{
	margin-bottom: 10px;
}


@media screen and (max-width : 780px) {
#cleansing #wrap,
#cream #wrap ,
#nayami #wrap {
	background-image: none;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#cleansing #contentWrap,
#cream #contentWrap,
#nayami #contentWrap {
	background-image: none;
}
#cleansing #content {
	background-image: url(../images/bg_lineup-4-3_sp.jpg);
	background-position: center bottom;
	background-size: 100%;
	padding:30px 0px 20px 0px;
}
#cream #content {
	background-image: url(../images/bg_lineup-5-3_sp.jpg);
	background-position: center bottom;
	background-size: 100%;
	padding:30px 0px 20px 0px;
}
#nayami #content {
	background-image: url(../images/bg_lineup-6-3_sp.jpg);
	background-position: center bottom;
	background-size: 100%;
	padding:30px 0px 20px 0px;
}
#line-other_box {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 35px;
}
#line-other_box #bottomBox {
	width: 100%;
}
#line-other_box #topBox{
	width: 100%;
	margin-bottom: 36px;
}

#line-other_box #contentArea {
	width: 100%;
	overflow: hidden;
}
#line-other_box #contentArea #leftBox{
	float: left;
	width: 68.25%;
}
#line-other_box #contentArea #rightBox{
	float: right;
	width: 27.77%;
}
#line-other_box #bottomBox{
	clear: both;
	width: 100%;
}
.bottom_marginLL {
	margin-bottom:16%;
}
}

/*****  BEAUTY SCIENCE  **************/
#science #contentWrap {
	background-image: url(../images/science-1_bg2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 35%;
}
#science #wrap {
	background-image: url(../images/science-1_bg1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 37%;
}
#science #contentWrap.science2_bg {
	background-image: url(../images/science-2_bg2.jpg);
}
#science #wrap.science2_bg {
	background-image: url(../images/science-2_bg1.jpg);
}
#science #contentWrap.science3_bg {
	background-image: url(../images/science-3_bg2.jpg);
}
#science #wrap.science3_bg {
	background-image: url(../images/science-3_bg1.jpg);
}
#science #content {
	width: 100%;
	padding: 0px;
	margin-top: 26px;
}
#science #content #scienceBox{
	width: 800px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 200px;
}
#science #content #ttl {
	width: 100%;
	margin: 0 10px 0 0;
}
#science #content #ttl .title{
	float: left;
	width: 443px;
	margin: 35px 15px 0 0;
}
#science #content #ttl ul.menu{
	width: 150px;
	float: left;
}
#science #content #ttl ul.menu li {
	margin-bottom: 6px;
	width: 150px;
	height: 50px;
}
#science #content hr.line-1 {
	border: 1px 0 0 0;
	border-top-style: solid;
	border-top-color: #BFE1F4;
	width: 706px;
}
#science #content hr.line-2 {
	border: 1px 0 0 0;
	border-top-style: solid;
	border-top-color: #BFE6E0;
	width: 706px;
}
#science #content hr.line-3 {
	border: 1px 0 0 0;
	border-top-style: solid;
	border-top-color: #F3CFDE;
	width: 706px;
}
#science #content .sciencecolumn{
	text-align: left;
	width: 100%;
	overflow: hidden;
	clear: both;
	margin-bottom: 28px;
}
#science #content .sciencecolumn img{
	margin: 0 auto;
}
#science #content .sciencecolumn2{
	text-align: left;
	width: 100%;
	margin-bottom: 8px;
}
#science #content .sciencecolumn2{
	display: block;
	overflow: hidden;
}
#science #content .sciencecolumn2_sp{
	display: none;
}
#science #content .sciencecolumn3{
	text-align: left;
	width: 100%;
	margin: 0;
	overflow: hidden;
}
#science #content .sciencecolumn3_sp{
	display: none;
}
.person1 {
	background-image: url(../images/science-1-person.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.person2 {
	background-image: url(../images/science-2-person.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.person3 {
	background-image: url(../images/science-3-person.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.sciencecolumn3 dl dt {
	float: left;
	padding-top: 9px;
}
.sciencecolumn3 dl dd {
	float: left;
}
#science #content #scienceBox h1{
	margin-bottom: 20px;
}
#science #content .sciencecolumn h3{
	font-size: 20px;
	line-height: 150%;
	padding-left: 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #008CD6;
	margin-bottom: 16px;
	color: #595757;
}
#science #content .sciencecolumn h3.green{
	border-left-color: #009D95;
}
#science #content .sciencecolumn h3.darkred{
	border-left-color: #D23F7D;
}
#science #content .sciencecolumn p {
	font-size: 16px;
	line-height: 165%;
	letter-spacing: -0.03em;
	width: 615px;
}
@media screen and (max-width : 850px) {
#science #wrap {
	background-image: none;
	}
#science #wrap.science2_bg {
	background-image: none;
	}
#science #wrap.science3_bg {
	background-image: none;
	}
#science #Wrap,
.person1,
.person2,
.person3{
	background-image: none;
}
#science #content #scienceBox{
	width: 88%;
	margin: 20px 5.5% 20px 5.5%;
}

#science #content .sciencecolumn h1{
	margin-bottom: 0px;
}
#science #content .sciencecolumn p {
	width: 100%;
}
#science #contentWrap {
	padding-bottom:60px;
	background-image: url(../images/science1-bg_sp.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
#science #contentWrap.science2_bg {
	padding-bottom:60px;
	background-image: url(../images/science2-bg_sp.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
#science #contentWrap.science3_bg {
	padding-bottom: 60px;
	background-image: url(../images/science3-bg_sp.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
#science #content hr.line-1,
#science #content hr.line-2,
#science #content hr.line-3 {
	 visibility:hidden
}
}
@media screen and (max-width : 680px) {
#science #content #ttl ul.menu{
	width: 100%;
	float: left;
	margin-top: 15px;
	margin-bottom: 18px;
}
#science #content #ttl .title{
	width: 100%;
	float: none;
	margin-bottom: 10px;
}
#science #content .sciencecolumn h1{
	margin-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D2407D;
	padding-top: 25px;
}

#science #content #ttl ul.menu li {
	float: left;
	margin-right: 5px;
	margin-bottom: 16px;
}
#science #content .sciencecolumn2 img.pc{
	display: none;
}
#science #content .sciencecolumn2 img.sp{
	display: block;
}
#science #content .sciencecolumn2{
	text-align: left;
	width: 100%;
	margin-bottom: 8px;
}
science #content .sciencecolumn2{
	display: none;
}
#science #content .sciencecolumn2_sp{
	display: block;
	width: 100%;
	margin-bottom: 8px;
	text-align: center;
}
}

/*****  CHOITASHI  **************/
#choi #wrap {
	margin-bottom: 0px;
}
#choi #content {
	width: 100%;
	padding: 0px;
	margin-top: 26px;
}
#choi #content #choitasiBox{
	width: 92%;
	margin: 0 0 0px 8%;
}
#choi #content section{
	text-align: left;
	width: 100%;
	margin: 0 0 80px 0;
	overflow: hidden;
}
#choi #content section.colum1{
	background-image: url(../images/choi_bg1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 54.5%;
}
#choi #content section.colum2{
	background-image: url(../images/choi_bg2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 54.5%;
}
#choi #content section.colum3{
	background-image: url(../images/choi_bg3.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 54.5%;
}
#choi #content section.colum4{
	width: 100%;
	margin-bottom: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}
#choi #content section h1{
	margin-bottom: 40px;
}
#choi #content section h2{
	margin-bottom: 40px;
}

#choi #content section.colum1 h2{
	width: 400px;
	overflow: hidden;
}
#choi #content section.colum1 h2{
	width: 400px;
	overflow: hidden;
}
#choi #content section.colum1 h2 img{
	width: 590px;
}
#choi #content section.colum2 h2{
	width: 557px;
	overflow: hidden;
}
#choi #content section.colum3 h2{
	width: 555px;
	overflow: hidden;
}
#choi #content section h3{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", srif;
	font-size: 23px;
	line-height: 150%;
	text-align: left;
	margin-left: 70px;
	margin-bottom: 8px;
}
#choi #content section p {
	font-size: 16px;
	line-height: 150%;
	text-align: left;
	width: 570px;
	margin-left: 70px;
}
#choi #content section.colum4 .bottomLogo{
	text-align: center;
	margin-bottom: 7px;
}
#choi #content section.colum4 .goTop{
	text-align: center;
	padding-bottom: 25px;
	margin-bottom: 0px;
}
#choi #content section img.fig{
	margin-left: 48px;
}


@media screen and (max-width : 780px) {
#choi #content section.colum1,
#choi #content section.colum2,
#choi #content section.colum3 {
	background-image: none;
	margin-bottom: 35px;
}
#choi #content section.colum4{
	width: 90%;
	margin-bottom: 25px;
	padding-left: 0;
}
#choi #content #choitasiBox{
	width: 92%;
	margin: 0 4% 0 4%;
}
#choi #content section.colum1 h2{
	width: 100%;
	margin-bottom: 17px;
	overflow: hidden;
}
#choi #content section.colum1 h2 img{
	width: 100%;
}
#choi #content section.colum2 h2{
	width: 100%;
	margin-bottom: 17px;
	overflow: hidden;
}
#choi #content section.colum3 h2{
	width: 100%;
	margin-bottom: 17px;
	overflow: hidden;
}
#choi #content section h3{
	font-size: 21px;
	margin-right: 3.6%;
	margin-left: 20px;
}
#choi #content section p {
	width: 92%;
	margin-left: 5%;
}
#choi #content section img.fig{
	margin-left: 0px;
}
}