@charset "utf-8";

/*  *** css/common.css ***  */

html, body { 
	width: 320px;
	-webkit-text-size-adjust: none;/*文字の大きさを変えない*/
	-webkit-tap-highlight-color:rgba(0,0,0,0.4);/*クリック時の色*/
}

/* font : rem指定 */
html { font-size: 62.5%; }
body { font-size: 2.8rem; } /* 1.0remで10px 以降1.2remであれば12px */
body { line-height: 1.3; }
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; }

/* margin */
.mgb5 { margin-bottom: 5px; }
.mgb10 { margin-bottom: 10px; }
.mgb20 { margin-bottom: 20px; }
.mgb25 { margin-bottom: 25px; }
.mgb30 { margin-bottom: 30px; }
.mgb40 { margin-bottom: 40px; }
.mgb45 { margin-bottom: 45px; }
.mgb50 { margin-bottom: 50px; }

.mgl40 { margin-left: 40px; }
.mgl20 { margin-left: 20px; }
.mgl10 { margin-left: 10px; }

.mgr10 { margin-right: 10px; }
.mgr20 { margin-right: 20px; }
.mgr40 { margin-right: 40px; }

.pdt10 { padding-top: 10px; }
.pdt15 { padding-top: 15px; }
.pdt20 { padding-top: 20px; }
.pdt25 { padding-top: 25px; }
.pdt30 { padding-top: 30px; }

.pdb20 { padding-bottom: 20px; }

.pdl10 { padding-left: 10px; }

/* float */
.fl { float: left; }
.fr { float: right; }

/* align */
.textL { text-align: left; }
.textC { text-align: center; }
.textR { text-align: right; }

.ftNarrow { letter-spacing: -0.1rem; }

/* clearfix */
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;
}


/*
共通
———————————–*/

a{ color: #0060b0; }
input:focus, select:focus, textarea:focus { outline: 0;}

.fcRed{ color: #e83828; font-weight: bold; }
.fbgYellow { background: linear-gradient(transparent 60%, #ff0 0%); }

.alert{ color: #e83828; font-size: 1.3rem; padding: 0 10px 10px; font-weight: bold; }


/*
テンプレート
———————————–*/

/*ヘッダ*/
#Header{
	position: relative;
	padding: 4px 7px;
	border-top: 2px solid #5c4366;
	border-bottom: 2px solid #5c4366;
	margin-bottom: 2px;
}

	#Header h1{
		font-size:0.6rem;
		margin-bottom: 5px;
	}

	#Header .logo{
		line-height:1;
		margin-bottom: 12px;
	}

	#Header .deli{
		position: absolute;
		top: 17px;
		right: 5px;
	}

	#Header ul{
		overflow: hidden;
	}

	#Header li{
		line-height:1;
		float: left;
		margin-right: 7px;
	}
	#Header li:last-child{
		float: right;
		margin-right: 0px;
	}


/*グローバルナビ*/
#gnav{
	position: relative;
	width: 320px;
	height: 38px;
}

	#gnav li{
		line-height: 1;
		float: left;
	}

	/*プルダウン部分*/
	#gnav .menu {
		display: none;
		position: absolute;
		top: 39px;
		left: 10px;
		width: 297px;
	}
	#gnav .sBox {
		position: relative;
		background-color: #FFF;
		border: 1px solid #E5E1E6;
		padding: 17px 5px 1px 18px;
	}
	
		#gnav .sBox .btnClose{
			position: absolute;
			top: 10px;
			right: 10px;
		}
		#gnav .sBox .btnClose span{
			display: block;
			width: 30px;
			height: 30px;
			text-indent: -9999px;
			background: url(/img/sp/header/btn-close.png);
			background-size: 30px 30px;
		}
	
	#gnav .sBox p {
		display: block;
		line-height: 1;
		font-size: 0;
		margin-bottom: 8px;
	}
	
	#gnav .sBox .sNavi {
		margin-bottom: 13px;
	}
	
	#gnav .sBox .sNavi li {
		float: none;
		margin-bottom: 10px;
	}
	
	#gnav .sBox .sNavi li a {
		background: url(/img/common/icon02.gif) no-repeat 2px 6px;
		color: #3a1437;
		font-size: 1.3rem;
		line-height: 1.6;
		display: block;
		padding-left: 9px;
	}
	
	#gnav .sBox .sNavi li img {
		display: inline-block;
		margin: -1px 3px 0 0;
		vertical-align: middle;
	}


/*コンテンツ*/
#Contents{
	padding: 10px 0;
	background-color: #f7f7f7;
}


/*フッタ*/
#Footer{
	background-color: #f7f7f7;
	margin-bottom: 12px;
}
	
	#Footer .title{
		margin-bottom: 15px;
	}
	
	#Footer .detail{
		overflow: hidden;
		padding: 0 10px 10px;
	}
	
		#Footer .detail .subtitle{
			font-size: 0.9rem;
			color: #5c4265;
			margin-bottom: 4px;
		}
	
		#Footer .detail p{
			font-size: 0.8rem;
			line-height: 1.5;
			margin-bottom: 11px;
		}
	
		#Footer .detail .pct{
			margin-top: -4px;
			margin-bottom: 11px;
		}
	
			#Footer .detail .pct img{
				display: block;
			}
		
#FooterLast{
	background-color: #fff;
	color: #333;
}
		
	#FooterLast .inner{
		overflow: hidden;
		padding: 10px;
	}
		
	#FooterLast .rightBox{
		font-size: 0.9rem;
		margin-bottom: 18px;
	}
		
	#FooterLast .leftBox{
		font-size: 0.8rem;
	}
		
	#FooterLast .leftBox p{
		margin-bottom: 8px;
	}
		
	#FooterLast a{
		color: #333;
		text-decoration: none;
	}
	#FooterLast a:hover{
		text-decoration: underline;
	}


/*
トップ
———————————–*/

/*メインビジュアル*/
.toppage .mainvisual{
	text-align: center;
	margin-bottom: 20px;
}

/*おすすめ*/
.toppage .recommend h2{
    width: 320px;
	height: 35px;
	text-indent: -9999px;
	background: url(/img/online_top/h3_img01.gif) left top no-repeat;
	background-size: 614px 35px;
	margin-bottom: 15px;
}
.toppage .recommendList{
	width: 300px;
	margin: 0 auto;
}
.toppage .recommendList ul{
	overflow: hidden;
}
.toppage .recommendList li{
	float: left;
	width: 150px;
	font-size: 1rem;
	margin-bottom: 20px;
}
.toppage .recommendList li a{
	color: #333;
}
.toppage .recommendList li.last{
	margin-right: 0px;
}
.toppage .recommendList li .itemPct{
	width: 117px;
	display: block;
	margin: 0 auto 5px;
}
.toppage .recommendList li .goodsName{
	width: 117px;
	display: block;
	margin: 0 auto;
}
.toppage .recommendList li .goodsCat{
	width: 117px;
	display: block;
	margin: 0 auto;
}
.toppage .recommendList li .goodsPrice{
	width: 117px;
	display: block;
	margin: 0 auto;
}

/*商品の紹介*/
.toppage .products h2{
    width: 320px;
	height: 35px;
	text-indent: -9999px;
	background: url(/img/top/title_pro.gif) left top no-repeat;
	background-size: 614px 35px;
	margin-bottom: 15px;
}

.toppage .products h3{
	position: relative;
    width: 300px;
	height: 25px;
	text-indent: -9999px;
	background-size: 583px 25px;
	margin: 0 auto 10px;
}
.toppage .products h3 .btn{
	text-indent: 0px;
	position: absolute;
	display: block;
	width: 85px;
	right: 0px;
	top: 2px;
}
.toppage .products h3.subtitle1{
	background: url(/img/top/title_pro_lineup.png) left top no-repeat;
}
.toppage .products h3.subtitle2{
	background: url(/img/top/title_pro_set.png) left top no-repeat;
}

.toppage .products .pct{
	width: 300px;
	margin: 0 auto 20px;
}


/*各説明*/
.toppage .detail{
	margin-bottom: 20px;
}

.toppage .detail ul{
}

.toppage .detail li{
	width: 80px;
	text-align: center;
	float: left;
	margin: 0;
}

.toppage .detail p{
	font-size: 0.9rem;
}

.toppage .detail p a{
	color: #333;
	line-height: 1.5;
	text-decoration: underline;
}


/*ニュース*/
.toppage .news{
	margin-bottom: 20px;
}
.toppage .news h2{
	width: 320px;
	overflow: hidden;
	position: relative;
	margin-bottom:15px;
}

.toppage .news h2 .btn{
	position:absolute;
	display:block;
	right: 5px;
	top: 10px;
}

.toppage .news .subBox {
}

.toppage .news .subBox dt {
	font-size: 1rem;
	color: #3a1437;
	margin: 0;
	padding: 0 5px 1px 5px;
}

.toppage .news .subBox dt img {
	margin: -1px 0 0 6px;
	display: inline-block;
	vertical-align: middle;
}

.toppage .news .subBox dd {
	overflow: hidden;
	font-size: 1rem;
	line-height: 1.4;
	background: url(/img/online_top/line01.gif) no-repeat left bottom;
	color: #3a1437;
	margin-bottom: 5px;
	padding: 0 5px 5px 5px;
	letter-spacing: -1px;
}

.toppage .news .subBox dd a {
	color: #3a1437;
	text-decoration: underline;
}

.toppage .news .subBox dd img {
	width: 40px;
	height: auto;
	float: left; 
	margin-right: 10px;
}

.toppage .news .subBox dd a:hover {
	text-decoration: none;
}


/*SNS*/
.toppage .sns{
    width: 273px;
	margin: 0 auto 15px;
}


/*
エッセンシャルリフトについて
———————————–*/
.quality p{
	color: #666;
	font-size: 1rem;
	line-height: 1.5;
	padding: 0 20px;
}
.quality p.caution{
	font-size: 0.9rem;
	padding: 0 10px;
	margin-bottom: 20px;
}

.quality p strong{
	font-size: 1.1rem;
	display: block;
	margin-bottom: 5px;
}

	.quality .oilList{
		padding-top: 5px;
		margin: 0 10px 3px;
	}

		.quality .oilList li{
			overflow: hidden;
			padding-bottom: 12px;
			margin-bottom: 12px;
			border-bottom: 1px dotted #ccc;
		}

		.quality .oilList li.title{
			font-size: 1.1rem;
			color: #666;
			padding-bottom: 6px;
		}

		.quality .oilList .pct{
			float: left;
			width: 50px;
		}

		.quality .oilList .text{
			float: left;
			width: 250px;
			color: #777;
			font-size: 1rem;
		}
		
		.quality .oilList strong{
			font-size: 1.1rem;
			display: block;
			margin-bottom: 3px;
		}


/*
ラインナップ
———————————–*/
.lineup .cell{
	margin-bottom: 10px;
}

.lineup .flLeft{
	float: left;
	width: 112px;
	padding-left: 10px;
}

.lineup .flRight{
	float: right;
	width: 180px;
}

.lineup .detail{
	padding-right: 5px;
}

.lineup .title{
	color:#361045;
	font-size:1.1rem;
	margin-bottom:8px;
}

.lineup .detail p{
	font-size:1rem;
}

.lineup .detail .price{
	font-size:1rem;
	margin-bottom: 8px;
}
.lineup .detail .price strong{
	color:#691368;
	font-size:110%;
}


/*ガイド*/
.guide h2{
    width: 320px;
	height: 35px;
	text-indent: -9999px;
	background: url(/img/guide/h2_img.gif) left top no-repeat;
	background-size: 614px 35px;
	margin-bottom: 15px;
}

.guide h3{
    width: 320px;
	height: 20px;
	text-indent: -9999px;
	background-size: 540px 20px;
	margin-bottom: 15px;
}
.guide h3#h301{
	background: url(/img/guide/h3_img01.gif) left top no-repeat;
}
.guide h3#h302{
	background: url(/img/guide/h3_img02.gif) left top no-repeat;
}
.guide h3#h303{
	background: url(/img/guide/h3_img03.gif) left top no-repeat;
}
.guide h3#h304{
	background: url(/img/guide/h3_img04.gif) left top no-repeat;
}
.guide h3#h305{
	background: url(/img/guide/h3_img05.gif) left top no-repeat;
}
.guide h3#h306{
	background: url(/img/guide/h3_img06.gif) left top no-repeat;
}
.guide h3#h307{
	background: url(/img/guide/h3_img07.gif) left top no-repeat;
}
.guide h3#h3088{
	background: url(/img/guide/h3_img08.gif) left top no-repeat;
}
.guide h3#h308{
	background: url(/img/guide/h3_img09.gif) left top no-repeat;
}
.guide h3#h310{
	background: url(/img/guide/h3_img10.gif) left top no-repeat;
}

.guide .ulBox {
	margin: 0 0 20px 10px;
}

.guide .ulBox .textLink li {
	font-size: 1rem;
	float: left;
	padding: 0 0 8px 0;
	width: 150px;
}

.guide .ulBox .textLink .liStyle {
}

.guide .ulBox .textLink li a {
	background: url(/img/guide/icon01.gif) no-repeat left 7px;
	background-size: 3px 5px;
	color: #3a1437;
	display: inline-block;
	text-decoration: underline;
	padding-left: 8px;
}

.guide .ulBox .textLink li a:hover {
	text-decoration: none;
}

.guide p{
	font-size: 1rem;
	line-height: 1.5;
	padding: 0 10px 10px;
}

.guide .imgList {
	margin: 0 0 10px 5px;
}
.guide .imgList li {
	background: url(/img/guide/icon02.gif) no-repeat right center;
	background-size: 8px 33px;
	float: left;
	margin-right: 2px;
	margin-bottom: 10px;
	padding-right: 8px;
	width: 95px;
}
.guide .imgList .none {
	background: none;
	margin: 0;
	padding: 0;
}


.guide .timeUl {
	margin: 0 0 20px 10px;
}
.guide .timeUl li {
	float: left;
	line-height: 1;
	margin-right: 6px;
}

.guide .textList {
	margin: 0 0 15px 10px;
}

.guide .textList li {
	color: #3a1437;
	font-size: 1rem;
	line-height: 1.5;
	padding-left: 1em;
	text-indent: -1em;
}

.guide .contactBox {
	text-align: center;
	border: 1px solid #E5E1E6;
	background-color: #fff;
	padding: 10px;
	margin: 20px;
}

.guide .contactBox .link {
}

.guide .contactBox .link a:hover img {
}

.guide .contactBox .imgText {
}



/*
商品詳細
———————————–*/
.products p{
	font-size: 1rem;
}

.products  p.proLead{
	font-size: 1.2rem;
	line-height: 1.8;
	padding-bottom: 18px;
}


/*---------------------------
comTopBox
-----------------------------*/
.products .comTopBox {
	text-align: center;
	padding-top: 10px;
	margin-bottom: 20px;
}

.products .comTopBox .photoBox {
	display: inline-block;
	border: 1px solid #BCBEBD;
}

.products .comTopBox .textBox {
	margin-bottom: 12px;
}

.products .comTopBox .textBox h2 {
	text-align: center;
}


/*---------------------------
tabPanel
-----------------------------*/
.products .tabNavi {
	clear: both;
	margin-bottom: -1px;
	position: relative;
}

.products .tabNavi li {
	float: left;
}

.products .tabNavi li a {
	display: block;
}

.products .tabNavi .navi01 a {
	background: url(/img/common/com_link01_over.gif) no-repeat;
}

.products .tabNavi .navi02 a {
	background: url(/img/common/com_link02_over.gif) no-repeat;
}

.products .tabNavi li a:hover img {
	filter: alpha(opacity=0);
	opacity: 0;
}

.products .tabNavi .on a img {
	visibility: hidden;
}

.products .tabPanel {
	padding: 0;
}

.products .tabPanel .inner {
	margin-bottom: 10px;
}

.products .tabPanel .inner .photoBox {
	text-align: center;
	margin-bottom: 10px;
}
.products .tabPanel .inner .photoBox.mgb20 {
	margin-bottom: 20px;
}

.products .tabPanel .inner .textBox {
	font-size: 1rem;
	padding: 0 10px;
	margin-bottom: 20px;
}

.products .tabPanel .inner .textBox p {
	color: #5f5f5f;
	margin-bottom: 18px;
}

.products .tabPanel .inner .textBox .textUl li {
	padding-left: 1.0em;
	text-indent: -1.0em;
}

.products .tabPanel h3 {
	line-height: 1;
	font-size: 1px;
	clear: both;
	margin-bottom: 12px;
}

.products .tabPanel .h3Ttl {
	margin-bottom: 30px;
}

.products .tabPanel .listUl {
	width: 310px;
	margin: 0 auto 30px;
}

.products .tabPanel .listUl li {
	float: left;
	margin-right: 5px;
	width: 72px;
}

.products .tabPanel .listUl .liStyle01 {
	margin-right: 5px;
	width: 70px;
}

.products .tabPanel .listUl .liStyle02 {
	margin-right: 5px;
	width: 86px;
}

.products .tabPanel .listUl .liStyle03 {
	margin-right: 0;
	width: 59px;
}

.products .tabPanel .listUl li .title {
	margin: 0 0 3px -1px;
	position: relative;
}

.products .tabPanel .listUl li .photo {
	margin-bottom: 3px;
}

.products .tabPanel .listUl li p {
	font-size: 0.7rem;
	color: #5f5f5f;
}

.products .tabPanel .info {
	background: url(/img/common/line.jpg) repeat-x left bottom;
	margin-bottom: 26px;
	padding-bottom: 47px;
}

.products .tabPanel .info .photoBox {
	float: right;
	margin-top: 5px;
}

.products .tabPanel .info .textBox {
	float: left;
	width: 350px;
}

.products .tabPanel .info .textBox .text {
	font-size: 14px;
	margin-bottom: 16px;
}

.products .tabPanel p {
	color: #5f5f5f;
}

.products .tabPanel .textList {
	background: url(/img/common/line.jpg) repeat-x left bottom;
	background-size: 477px 1px;
	padding-bottom: 13px;
}

.products .tabPanel .textList li {
	color: #5f5f5f;
	font-size: 1rem;
	padding-left: 1.0em;
	text-indent: -1.0em;
}

.products .tabPanel .h3Ttl02 {
	margin-bottom: 6px;
}

/*7つの特徴*/
.products .tabPanel .ulList {
	margin: 0 auto 10px;
	overflow: hidden;
	width: 310px;
}

.products .tabPanel .ulList li {
	float: left;
	padding: 10px 0 0 0;
	overflow: hidden;
	width: 155px;
	zoom: 1;
}

.products .tabPanel .ulList li .photoBox {
	float: left;
	width: 42px;
}

.products .tabPanel .ulList li .textBox {
	float: right;
	width: 105px;
}

.products .tabPanel .ulList li .textBox .title {
	line-height: 1;
	font-size: 1px;
	margin: 0 0 5px;
}

.products .tabPanel .ulList li .textBox p {
	color: #5f5f5f;
	font-size: 0.7rem;
	line-height: 1.4;
	padding-right: 5px;
}

.products .tabPanel .ulList .liStyle {
	width: 310px;
}

.products .tabPanel .ulList .liStyle .textBox {
	width: 260px;
}

/*7つの特徴　精油*/
.products .tabPanel .photoList {
	clear: both;
	margin: 0 auto 30px;
	overflow: hidden;
	width: 310px;
}

.products .tabPanel .photoList li {
	float: left;
	margin-right: 7px;
	width: 37px;
}

.products .tabPanel .photoList li .photo {
	margin: 0 auto 2px;
	width: 30px;
}

.products .tabPanel .photoList li p {
	color: #5f5f5f;
	font-size: 0.7rem;
	line-height: 1.1;
	text-align: center;
}


/* 35 - トップの価格部分 */
.products .add_Btnblock{
	width: 320px;
	margin: 0 auto 20px;
}

.products .add_Btnblock .priceArea{
	padding-left: 100px;
	margin-top: -18px;
}
.products .add_Btnblock .priceArea.noThumb{
	padding-left: 0px;
	text-align: center;
	margin-top: -18px;
}

.products .add_Btnblock .priceArea .price{
	color: #7a4476;
	font-size: 1.7rem;
	font-weight: bold;
}

.products .add_Btnblock .priceArea span{
	font-size: 1rem;
	color: #333;
}

.products .add_Btnblock .btnArea{
	overflow: hidden;
	width: 270px;
	margin: 0 auto;
	padding-top: 10px;
}

.products .add_Btnblock .btnArea .btn{
	float: left;
	width: 173px;
	margin-bottom: 10px;
}

.products .add_Btnblock .btnArea .textlink{
	float: right;
	width: 80px;
	font-size: 1rem;
	text-align: center;
	padding-top: 5px;
}

.products .add_Btnblock .btnArea .textlink a{
	display: block;
	padding: 3px 0;
	color: #333;
}
.products .add_Btnblock .btnArea .textlink a:first-child{
	border-bottom: 1px solid #ccc;
}

.products .add_Btnblock .btnArea .hiddenInput{
	display: none;
}

/*図*/
#bgFigure {
	clear: both;
	font-size: 0.9rem;
	margin: 0 auto;
    padding: 10px 0 0 7px;
    position: relative;
    background: url(/img/online_product/essentiallift35/feature_bg.jpg) no-repeat left top;
	background-size: 310px 168px;
    height: 168px;
    width: 310px;
}
/*70の設定*/
#bgFigure.el70 {
	margin: 0 auto;
    padding: 12px 0 0 7px;
    position: relative;
    background: url(/img/online_product/essentiallift70/feature_bg.png) no-repeat left top;
	background-size: 310px 168px;
    height: 168px;
    width: 310px;
}
#bgFigure.el70 .box1 h4 {
    background: url("/img/online_product/essentiallift70/h4_img01.gif") no-repeat;
	background-size: 130px 9px;
}
#bgFigure.el70 .box2 h4 {
	margin-top: 0;
   background: url("/img/online_product/essentiallift70/h4_img02.gif") no-repeat;
	background-size: 149px 9px;
}

/*RWの設定*/
#bgFigure.rw {
	margin: 0 auto 20px;
    padding: 7px 0 0 7px;
    position: relative;
    background: url("/img/online_product/essentialliftrosewater/feature_bg.png") no-repeat left top;
	background-size: 310px 168px;
    height: 168px;
    width: 310px;
}
#bgFigure.rw .box1 h4 {
    background: url("/img/online_product/essentialliftrosewater/h4_img01.gif") no-repeat;
	background-size: 105px 9px;
}
#bgFigure.rw .box2 h4 {
	margin-top: -10px;
   background: url("/img/online_product/essentialliftrosewater/h4_img02.gif") no-repeat;
	background-size: 132px 9px;
}

/*ROの設定*/
#bgFigure.ro {
	margin: 0 auto 20px;
    padding: 15px 0 0 7px;
    position: relative;
    background: url("/img/online_product/essentialliftroseoil/feature_bg.png") no-repeat left top;
	background-size: 310px 168px;
    height: 168px;
    width: 310px;
}
#bgFigure.ro .box1 h4 {
    background: url("/img/online_product/essentialliftroseoil/h4_img01.gif") no-repeat;
	background-size: 168px 9px;
}
#bgFigure.ro .box2 h4 {
	margin-top: 2px;
   background: url("/img/online_product/essentialliftroseoil/h4_img02.gif") no-repeat;
	background-size: 150px 9px;
}


#bgFigure.bgFigure {
    background: url(/img/online_product/essentialliftroseoil/feature_bg.jpg) no-repeat left top;
	background-size: 310px 168px;
    height: 168px;
    width: 310px;
}

#bgFigure .box1 {
    margin-bottom: 35px;
	width: 165px;
}
#bgFigure .box1 p{
	font-size: 0.7rem;
}

#bgFigure.bgFigure .box1 {
	margin-bottom: 38px;
}

#bgFigure .box2 h4,
#bgFigure .box1 h4 {
	margin-bottom: 2px;
	display: block;
    font-size: 0.7rem;
    height: 0;
    overflow: hidden;
    background: url(/img/online_product/essentiallift35/h4_img01.gif) no-repeat;
	background-size: 131px 9px;
    padding-top: 9px;
    width: auto;
}

#bgFigure .box2 {
	width: 165px;
}
#bgFigure .box2 p{
	font-size: 0.7rem;
}

#bgFigure .box2 h4 {
    background: url(/img/online_product/essentiallift35/h4_img02.gif) no-repeat;
	background-size: 150px 9px;
}

#bgFigure.bgFigure .box2 h4,
#bgFigure.bgFigure .box1 h4 {
    background: url(/img/online_product/essentialliftroseoil/h4_img01.gif) no-repeat;
	background-size: 168px 9px;
}

#bgFigure.bgFigure .box2 h4 {
    background: url(/img/online_product/essentialliftroseoil/h4_img02.gif) no-repeat;
	background-size: 150px 9px;
}


/* 35 - 商品説明部分　雑誌など */
.products .add_Public{
	overflow: hidden;
	width: 310px;
	margin: 0 auto 20px;
}

.products .add_Public .leftArea{
	float: left;
	width: 155px;
}

.products .add_Public .rightArea{
	float: right;
	width: 155px;
}

.products .add_Public .title{
	text-align: center;
	line-height: 1;
	font-size: 1px;
	margin-bottom: 7px;
}

.products .add_Public .pct{
	text-align: center;
	margin-bottom: 7px;
}

.products .add_Public p{
	font-size: 0.7rem;
}

/*下線消す*/
.products .tabPanel .info,
.products .tabPanel .textList{
	background-image: none;
}

/*マージン調整*/
.products #bgFigure{
	margin-top: -30px; 
}
.products .tabPanel .textList{
	margin-bottom: 30px;
}


/* 35 - 成分紹介 */
.products .add_ContDetailBlock{
	position: relative;
	width: 310px;
	height: 150px;
	margin: 0 auto;
}
.products .add_ContDetailBlock .pct{
	display: block;
}

.products .add_ContDetailBlock p{
	position: absolute;
	top: 30px;
	left: 98px;
	width: 205px;
	font-size: 0.9rem;
	line-height: 1.3;
}


/* 35 - 最終価格部分 */
.products .add_ProductCartBlock{
	overflow: hidden;
	margin: 0 20px 30px;
}

.products .add_ProductCartBlock .pct{
	float: left;
	width: 125px;
}

.products .add_ProductCartBlock .rightBox{
	float: right;
	width: 145px;
}

.products .add_ProductCartBlock .text{
	font-size: 1.2rem;
	margin-bottom: 5px;
}

.products .add_ProductCartBlock .detail{
	font-size: 1rem;
	margin-bottom: 10px;
}

.products .add_ProductCartBlock .price{
	clear: both;
	text-align: center;
	font-size: 1.7rem;
	font-weight: bold;
	color: #7a4476 !important;
	padding: 10px 0 0;
}

.products .add_ProductCartBlock span{
	font-size: 1rem;
	color: #333;
	margin-bottom: 20px;
}

.products .add_ProductCartBlock .icon{
	float: left;
	width: 50px;
	text-align: center;
	margin-right: 0px;
}
.products .add_ProductCartBlock .icon a span{
	display: block;
	font-size: 0.6rem;
	line-height: 1.6;
	text-decoration: underline;
	padding-top: 3px;
}

.products .add_ProductCartBlock .btn{
	float: right;
}

.products .add_ProductCartBlock .btn .hiddenInput{
	display: none;
}



/*おすすめ箇所*/
#h3Osusume {
    width: 320px;
	height: 18px;
	text-indent: -9999px;
	background: url(/img/online_top/h3_img01.gif) no-repeat;
	background-size: 320px 18px;
	margin: 0 0 10px 0;
}

.products .recommendList{
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}
.products .recommendList ul{
	overflow: hidden;
	width: 300px;
	margin: 0 auto;
}
.products .recommendList li{
	float: left;
	width: 60px;
	margin-right: 20px;
	font-size: 0.7rem;
}
.products .recommendList li.last{
	margin-right: 0px;
}

.products .recommendList li a{
	color: #333;
}

.products .recommendList li .itemPct{
	display: block;
	margin-bottom: 3px;
}
.products .recommendList li .goodsName{
	display: block
}
.products .recommendList li .goodsCat{
	display: block;
}
.products .recommendList li .goodsPrice{
	display: block;
}

/*スペシャルケアとしてのご使用方法*/
.products .howtouseBlock{
	border: 1px solid #ccc;
	padding: 15px 10px;
	margin: 0 10px 30px;
}

	.products .howtouseBlock .title{
		margin-bottom: 10px;
	}

		.products .howtouseBlock .title img{
			display: block;
			width: 100%;
			height: auto;
		}

	.products .howtouseBlock p{
		margin-bottom: 10px;
	}

	.products .howtouseBlock .pct img{
		width: 100%;
		height: auto;
	}