//明度ならlighten()
//彩度ならsaturate()
//色相ならspin()

@headerBack: #9DC357; 
@color1: lighten(@headerBack, 10%); 
@headerLink: lighten(@headerBack, 10%);
@headerLinkHover: white;

@import "style-base.less";


#header{
}
#contents{
}
	#contentHead{
	}
	#contentMenu{
	}
	#mainContent{
	}
		#content{
		}
			#postHead{
			}
			
			//最初のH2が
			//記事のタイトル名の場合はpostContent内
			//違う場合はスラッグを利用する
			#postContent{
				strong{
					color: red;
				}
				//** top **/
					#contentNews{
						h2{
							margin-top: 0px;
							font-weight: normal;
						}
						.resWidth{
							width: 100%;						}
						.topSales{
							ol{
								.FontSizeIe6(medium);
								//font-weight: bold;
								li{
									padding-top: 5px;
								}
							}
						}
						table.newSeminar{
							width: 100%;
							border-collapse: separate;
							border-spacing: 5px;
							th,td{ border: none; }
							.item{
								border: 1px dotted @headerBack;
								
								width: 330px;
								&.firstArea{
								}
								&.lastArea{
								}
							}
							.thumb{
								.InlineBlock();
								vertical-align: top;
								margin: 10px;
								width: 100px;
								img{
									border: 1px solid @headerBack;
								}
							}
							.info{
								.InlineBlock();
								h3{
									margin: 0;
								}
							}
							.detail{
								.FontSizeIe6(medium);
							}
						}
					}
				//** 店舗の紹介 store**/
				#stores{
					margin: 0px;
					padding: 0px;
					.FontSizeIe6(small);
					//margin: 5px 0;
					.Clearfix();
					.store{
						background: white;
						margin: 10px 10px;
						position: relative;
						
						overflow: hidden;
						//ie
						zoom:1;
						div,p{
							padding: 5px;
							margin: 0;
						}
						h3{
							text-align: center;
							font-weight: bold;
							//margin: 0 0 5px 0;
							margin: 0;
							border: none;
							color: black;
							//border-bottom: 1px dotted hsl( hue(@headerBack), 30%, lightness(@headerBack)-30% );
						}
						.pic{
							float: left;
							//padding: 5px;
						}
						.info{
							float: left;
							//padding: 5px;
						}
					}
					.eachStore(@color){
						border: 1px solid lighten(@color, -20%);
						h3{
							background: @color;
							
						}
						.toHp{
							padding: 0;
							position: absolute;
							bottom: 10px;
							right: 10px;
							
							border: 1px solid lighten(@color, -30%);
							a{
								padding: 5px;
								display: block;
								text-decoration: none;
							}
							a:hover{
								color: black;
								background: @color;
							}
						}
					}
					#clickMap{
						.Clearfix();
						img{
							//2013/10/30
							//margin: 5px 20px;
							//float: left;
							
							//2013/10/30
							margin: 5px auto;
							display: block;
							//
						}
						ul{
							text-align: center;
							padding: 5px 10px;
							margin: 0;
							list-style: none;
							
							li{
								margin: 2px;
								width: 190px;
								.InlineBlock();
								a{
									display: block;
									padding: 5px;
								}
								a:link{
									color: black;
									text-decoration: none;
								}
								a:hover{
									color: white;
								}
							}
						}
					}
							.toEach(@color){
								border: 1px solid lighten(@color, -20%);
								background: @color;
								&.jsHover{
									background: white;
									a:link{
										color: black !important;
									}
								}
							}
							#toShimizu{
								.toEach(@shimizuColor);
							}
							#toSakura{
								.toEach(@sakuraColor);
							}
							#toFujieda{
								.toEach(@fujiedaColor);
							}
							#toNumazu{
								.toEach(@numazuColor);
								a:link{
									color: white !important;
								}
								a:hover{
									color: black !important;
								}
							}
							#toFujinomiya{
								.toEach(@fujinomiyaColor);
							}
							#toFuji{
								.toEach(@fujiColor);
							}
							#toSuruga{
								.toEach(@surugaColor);
							}
							#toToshinden{
								.toEach(@toshindenColor);
								a:link{
									color: white !important;
								}
								a:hover{
									color: black !important;
								}
							}
							#toFutaba{
								.toEach(@toshindenColor);
								a:link{
									color: white !important;
								}
								a:hover{
									color: black !important;
								}
							}
					#storeShimizu{
						.eachStore(@shimizuColor);
					}
					#storeSakura{
						.eachStore(@sakuraColor);
					}
					#storeFujieda{
						.eachStore(@fujiedaColor);
					}
					#storeNumazu{
						h3{
							color: white;
						}
						.eachStore(@numazuColor);
					}
					#storeFujinomiya{
						.eachStore(@fujinomiyaColor);
					}
					#storeFuji{
						.eachStore(@fujiColor);
					}
					#storeSuruga{
						.eachStore(@surugaColor);
					}
					#storeToshinden{
						h3{
							color: white;
						}
						.eachStore(@toshindenColor);
					}
					#storeFutaba{
						h3{
							color: white;
						}
						.eachStore(@toshindenColor);
					}
				}
				
				//** 有効な症例 effectivity**/
				#symptoms{
					.Clearfix();
					overflow: hidden;
					position: relative;
					
					div{
						padding: 0;
						margin: 0;
					}
					#human{
						position: absolute;
						top: 25px;
						left: 240px;
						@media screen and (max-width: @sMWidth){
							opacity: 0.1;
							top: 200px;
							left: 130px;
						}
					}
					.part{
						width: auto;
						ul{
							padding: 0;
							margin: 0;
							list-style: none;
							li{
								margin: 1px 15px 1px 0;
								padding: 0 0 0 3px;
								.InlineBlock();
								border-left: 3px solid @headerBack;
							}
						}
					}
					.fright,
					.fleft{
						width: 250px;
						@media screen and (max-width: @sMWidth){
							width: 100%;
						}
					}
					.fleft{
						float: left;
						@media screen and (max-width: @sMWidth){
							float: none;
						}
					}
					.fright{
						float: right;
						@media screen and (max-width: @sMWidth){
							float: none;
						}
					}
				}
				
				//** 施術の流れ flow**/
				#careFlow{
					.scenes{
						margin: 0;
						overflow: hidden;
						.Clearfix();
						.scene1,
						.scene2{
							width: 300px;
						}
						.scene1{
							float: left;
						}
						.scene2{
							float: right;
						}
					}
					.scene{
						overflow: hidden;
						.Clearfix();
						& img{
							float: left;
							padding: 5px;
						}
						.serif{
							float:left;
							margin: 0;
							width: 290px;
							th,td{
								img{
									clear:both;
								}
								padding: 5px 0;
								border: none;
								background: transparent;
							}
							th{
								width: 45px;
							}
						}
						.character(){
							background: transparent;
						}
						
						.practitioner,
						.recipient{
							.character();
						}
					}
				}
				
				//** qa qa**/
				#q-a{
					.question{
						.questionContent{
							padding: 0;
							margin: 0;
							background-image: url('http://kaifuku.co.jp/img/com/css/qa/q.gif');
							background-repeat: no-repeat;
							background-position: left center;
							padding-left: 45px;
							.MinHeight(45px);
							
							position: relative;
							h4{
								padding-top: 15px;
							}
						}
						.answer{
							padding: 10px;
							background-image: url('http://kaifuku.co.jp/img/com/css/qa/a.gif');
							background-repeat: no-repeat;
							background-position: 25px top;
							padding-left: 65px;
							padding-right: 0px;
							.MinHeight(45px);
						}
					}
				}
				
				//** 患者様の声 voice **/
				#voicesIndex{
					padding-bottom: 15px;
					.eachIndex{
						padding-left: 15px;
					}
					a.toCare{
						padding-left: 15px;
					}
				}
				#voices{
					.people{
						//2013/11/01 padding-bottom: 15px;
						margin-bottom: 20px;
						padding-left: 10px;
						border-bottom: 1px dotted black;
						h4{
							//margin: 10px 5px;
							//add 2013/08/02
							margin: 10px 0px;
						}
						.eachVoice{
							padding-bottom: 15px;
							//add 2013/08/02
							padding-left: 10px;
						}
					}
					a.toCare{
						padding-left: 15px;
					}
				}
				
				//** お問い合わせ inquiry**/
				#mailForm{
				}
					.wpcf7{
						.reauire{
							padding: 0 5px;
							.FontSizeIe6(x-small);
							font-weight: bold;
							color: lighten( spin( @headerBack, 120), 30%);
						}
						table{
							border-collapse: separate;
							border-spacing: 0 2px;
							td, th{
								border: none;
								border-bottom: 1px dotted black;
								@media screen and (max-width: @sMWidth){
									display: inline-block;
									text-align: left;
									border: none;
								}
							}
							th{
								@media screen and (max-width: @sMWidth){
									width: 100%;
								}
							}
							tr{
								//border-collapse: collapse時のみ有効
								//border-bottom: 1px solid black;
							}
							textarea,
							input[type="text"],
							input[type="selectarea"]
							input[type="select"]{
								width: 100%;
							}
							input[type="submit"],
							input[type="button"]{
								text-align: center;
							}
							input[type="email"]{
								width: 100%;
							}
							.your-tell input{
								width: 130px;
								@media screen and (max-width: @sMWidth){
									width: 100%;
								}
							}
							.your-zip input{
								width: 80px;
								@media screen and (max-width: @sMWidth){
									width: 100%;
								}
							}
							.send{
								text-align: center;
								td, th{
									border: none;
									background: transparent;
								}
							}
						}
					}
				
				//** まくら pillows **/
				#pillowsSale{
					font-size: medium;
					h3{
						position: relative;
						&:before{
							content:"";
							display: block;
							border-top: solid 1px @headerBack;
							width: 95%;
							height: 1px;
							position: absolute;
							top: 50%;
							z-index: 1;
						}
						span{
							background: white;
							z-index: 5;
							position: relative;
							padding-right: 5px;
							
							color: inherit;
							font-size: inherit;
							font-weight: inherit;
							padding-left: inherit;
						}
					}
					.comm(){
						overflow: hidden;
						.Clearfix();
					}
					.detail,
					.check,
					.stretch{
						> div{
							padding: 0 10px;
						}
					}
					
					.detail{
						margin-bottom: 2em;
						img{
							float: right;
							@media screen and (max-width: @sMWidth){
								float: none;
								display: block;
								margin: auto;
							}
						}
						.comm();
						div{
							ul{
								margin-left: 30px;
								@media screen and (max-width: @sMWidth){
									margin-left: 0px;
								}
							}
						}
					}
					.check{
						margin-bottom: 2em;
						form{
							overflow: hidden;
							.Clearfix();
							ul{
								float: left;
								padding: 5px;
								margin: 5px;
								list-style: none;
							}
						}
						strong{
							//display: block;
							border-bottom: 2px dotted @headerBack;
							color: black;
						}
						.result{
							font-weight: inherit;
							font-size: inherit;
							
							clear: both;
							padding: 0;
							margin: 5px 0 20px 0;
						}
					}
					.buy{
						//border-bottom: solid 1px @headerBack;
						margin-bottom: 2em;
						
						td,th{
							border: none;
							background: transparent;
						}
						th{
							@media screen and (max-width: @sMWidth){
								.InlineBlock();
								width: 100%;
								text-align: center;
							}
						}
						td{
							//width: 315px;
							box-sizing: border-box;
							@media screen and (max-width: @sMWidth){
								.InlineBlock();
								width: 100%;
								text-align: center;
								ul{
									box-sizing: border-box;
									padding-left: 20px;
									text-align: left;
								}
							}
						}
						.explanatory{
							ul{
								padding-left: 20px;
							}
						}
						.price{
							.FontSizeIe6(medium);
							font-weight: bold;
							.sendfree{
								padding-left: 10px;
								.FontSizeIe6(medium);
								color: red;
							}
						}
					}
					.stretch{
						@media screen and (max-width: @sMWidth){
							img{
								width: 100%;
							}
						}
					}
				}
				//** 会員まくら **/
				#m-pillows{
					@cartQantInputWidth: 50px;
					strong{
						color: red;
						@media screen and (max-width: @sMWidth){
							.InlineBlock();
						}
					}
					.guid{
						.FontSizeIe6(medium);
					}
					#komachi,
					#kenbiKomachiSet,
					#kenbi,
					#explanatory,
					#note{
						overflow: hidden;
						.Clearfix();
						h3{
							position: relative;
							&:before{
								content:"";
								display: block;
								border-top: solid 1px @headerBack;
								width: 95%;
								height: 1px;
								position: absolute;
								top: 50%;
								z-index: 1;
							}
							span{
								background: white;
								z-index: 5;
								position: relative;
								padding-right: 5px;
								
								color: inherit;
								font-size: inherit;
								font-weight: inherit;
								padding-left: inherit;
							}
						}
						.itemTable{
							padding: auto 2em;
							@media screen and (max-width: @sMWidth){
								padding: 0px;
							}
							
							th, td{
								border: none;
								@media screen and (max-width: @sMWidth){
									display: block;
								}
							}
						}
						.places{
							margin: 0 2em;
							.Clearfix();
							overflow: hidden;
							text-align: center;
							
							@media screen and (max-width: @sMWidth){
								margin: 0;
							}
							
							.placeTable{
								//width: auto;
								float: left;
							}
							div.placeTable{
								padding-top: 25px;
								.FontSizeIe6(medium);
								margin-bottom: 20px;
							}
							form{
								float: right;
								padding-top: 25px;
								input[type="text"]{
									width: @cartQantInputWidth;
									text-align: right;
								}
								input{
									margin: 0 5px;
								}
								@media screen and (max-width: @sMWidth){
									float: none;
									padding-top: 0px;
								}
							}
						}
						.pict{
							text-align: center;
						}
					}
					
					#komachi,
					#kenbiKomachiSet,
					#kenbi,
					#explanatory{
						margin-bottom: 1em;
						padding-bottom: 1em;
						//border-bottom: 1px solid green;
						//&.lastItem{
						//	border-bottom: none;
						//}
					}
					#komachi,
					#kenbiKomachiSet,
					#kenbi{
					}
					
					#komachi{
					}
					#kenbiKomachiSet{
					}
					#kenbi{
						table{
							margin: 10px 0;
						}
					}
					#note{
						h4{
							margin-top: 5px;
							margin-bottom: 15px;
						}
					}
					#send{
						//table{
						//	width: auto;
						//}
						th,
						td{
							color: black;
							text-align:left;
							border:#9AC239 solid 1px;
							padding:5px 10px;
						}
						th{
							text-align:center;
							background-color:#FCFDCB;
						}
						
						.color1 th,
						.color1 td{
							background-color:#febdfa;
						}
						.color2 th,
						.color2 td{
							background-color:#ffae57;
						}
						.color3 th,
						.color3 td{
							background-color:#71ff57;
						}
						.color4 th,
						.color4 td{
							background-color:#02a8f2;
						}
						.color5 th,
						.color5 td{
							background-color:#f2eb02;
						}
						.color6 th,
						.color6 td{
							background-color:#f20211;
						}
						.color0 th,
						.color0 td{
							background-color:#FFFFFF;
						}
						img{
							*zoom: 1;
							@media screen and (max-width: @sMWidth){
								width: 100%;
							}
						}
					}
				}
				
				//** 特定商取引法について **/
				#lowInfo{
					table{
						margin: 10px auto;
						width: 95%;
					}
				}
				//** 会社概要 **/
				#companyinfo{
					table{
						margin: 10px auto;
						width: 90%;
						@media screen and (max-width: @tMWidth){
						}
						@media screen and (max-width: @sMWidth){
						}
						td,th{
							@media screen and (max-width: @tMWidth){
							}
							@media screen and (max-width: @sMWidth){
								width: 90%;
								.InlineBlock();
							}
						}
					}
					.place{
						width: auto;
						th, td{
							margin: 0;
							padding: 5px 0;
							border: none;
							background: transparent;
							color: black;
						}
						th{
							@media screen and (max-width: @sMWidth){
								padding-bottom: 0;
								width: 100%;
							}
						}
						td{
							@media screen and (max-width: @sMWidth){
								padding-top: 0;
								width: 100%;
							}
						}
						
						.head{
							font-weight: bold;
							padding-top: 15px;
							border-bottom: 1px solid black;
						}
						.first{
							padding-top: 5px;
						}
					}
				}
				
				//** welcart **/
				@import "../welcart/wel-style.less";
				
				//** 小顔用ジェル **/
				#jell{
					margin: 0px;
					padding: 0px;
					//#F19EC2
					//#E73562
					//#F5B1AA
					//#EA545E
					@jellColor: #EA545E;
					@jellColor2: #F19EC2;
					h2{
						//background-color: @jellColor2;
						//border: 1px solid @jellColor2;
						//span{
						//	font-weight: normal;
						//	padding: 15px;
						//	.FontSizeIe6(small);
						//}
						
						background:  hsl( hue(@jellColor), saturation(@jellColor) , 90% );
						border-left: 5px solid @jellColor;
						border-right: 2px solid @jellColor;
						span{
							color:  @jellColor;
						}
					}
					h3{
						////border-left: 5px solid #F5B1AA;
						////border-bottom: 1px solid @jellColor;
						////border-right: 1px solid @jellColor;
						//background:  hsl( hue(@jellColor), saturation(@jellColor) , 90% );
						////background-image: url("http://kaifuku.co.jp/img/com/css/h-pat2.png");
						//border-left: 5px solid @jellColor;
						//border-right: 2px solid @jellColor;
						//span{
						//	color:  @jellColor;
						//}
						
						color: lighten(@jellColor, -30%);
						span{
							color:  @jellColor;
						}
					}
					h4{
						border-bottom: 2px dotted @jellColor;
					}
					table{
						th{
							background: hsl( hue(@jellColor), saturation(@jellColor) , 75% );
						}
					}
					#jellbody{
						/*
						.Clearfix();
						overflow: hidden;
						img{
							float: left;
						}
						div{
							float: left;
						}
						*/
						img{
							display: block;
							margin: auto;
							@media screen and (max-width: @sMWidth){
								width: 100%;
							}
						}
					}
					#jellmechanism{
						.Clearfix();
						overflow: hidden;
						strong{
							display: block;
							text-align: center;
							border-bottom: 2px dotted @jellColor;
							color: black;
						}
						img{
							padding: 70px 0;
							float: left;
							@media screen and (max-width: @sMWidth){
								padding: 0;
								float: none;
								display: block;
								margin: auto;
							}
						}
						ol{
							float: left;
						}
					}
					#jellherb{
						table{
							margin-right: 30px;
							float: left;
							th, td{
								padding-left: 20px;
								padding-right: 20px;
							}
							@media screen and (max-width: @sMWidth){
								float: none;
								margin: 0 auto;;
							}
						}
						img{
							padding: 20px;
							float: right;
							@media screen and (max-width: @sMWidth){
								float: none;
								display: block;
								margin: auto;
							}
						}
						.etc{
							clear: both;
						}
						
					}
					#jellprice{
						table{
							margin: auto;
							tr{
								border: 1px solid black;
							}
							th,td{
							}
							td{
								border: 1px dotted black;
								text-align: center;
								
								@media screen and (max-width: @sMWidth){
									img{
										width: 95%;
									}
								}
							}
							.noneCell{
								border: none;
								background:transparent;
								td{
									border: none;
									background:transparent;
								}
							}
						}
						.jellAddSales{
							border-top: 2px dotted @jellColor2;
							border-bottom: 2px dotted @jellColor2;
							text-align: center;
							.FontSizeIe6(large);
						}
					}
					#jellqa{
						.ques{
							border-left: none;
							border-right: none;
							border-bottom: 1px dotted @jellColor;
							strong{
								padding-right: 5px;
							}
						}
						.ans{
							padding-left: 30px;
							strong{
								color: lighten(@headerBack, -10%);
								padding-right: 5px;
							}
						}
					}
					#jellcarefull{
						table{
							margin: auto;
							td{
								border: none;
							}
							tr{
								border: 1px solid black;
							}
						}
						.volume{
							text-align: center;
							
							@media screen and (max-width: @sMWidth){
								img{
									width: 100%;
								}
							}
						}
					}
					#jelluse{
						.useTechnique{
							table{
								margin: auto;
								td{
									border: none;
									background: transparent;
								}
								tr{
									border-bottom: 1px solid @jellColor2;
								}
							}
						}
						.usePlace{
							h4{
								padding-left: 10px;
								background: white;
								clear:both;
								span{
									color: @jellColor;
									font-weight: normal;
									padding: 0 10px;
									.FontSizeIe6(small);
								}
							}
							img{
								padding: 0px 10px;
								float:left;
							}
							.details{
								.Clearfix();
								overflow: hidden;
								div{
									margin: 0;
								}
							}
						}
					}
				}
				
				//** チャリティ施術 **/
				#charityMedical{
					table{
						width: 580px;
					}
				}
				
				//** PPC **/
				#shizuokaCityStore{
					.ppcShop{
						padding-bottom: 50px;
						h4{
							.Clearfix();
							strong{
								color: black;
							}
							span{
								float: right;
								padding-left: 50px;
								font-size: smaller;
								font-weight: bold;
							}
						}
						.toShop{
							.InlineBlock();
						}
						.shopInfo{
							.InlineBlock();
						}
					}
					.ppcCoupon{
						tr{
							padding: 5px;
							border: 1px solid #9dc357;
						}
						td{
							padding: 5px;
							border: none;
						}
						strong{
							.FontSizeIe6(large);
						}
					}
					.lastItem{
						padding-bottom: 10px;
					}
					.ppcAccess{
						ul{
							padding-left: 0px;
						}
						li{
							.InlineBlock();
							list-style: none;
							margin-right: 30px;
							border-bottom: 2px dotted #9dc357;
							span{
								.FontSizeIe6(large);
								font-weight: bold;
								padding-right: 10px;
							}
							&.ppcSakura span{
								color: #ffbde1;
							}
							&.ppcSuruga span{
								color: #fb8fff;
							}
							&.ppcToshinden span{
								color: #1e51a4;
							}
						}
					}
				}
				#map-canvas {
					width: 700px;
					height: 500px;
				}
				
				//** course **/
					//** maternity **/
					#expectantMother{
						@maternityColor: #FFA8DC;
						.PostContentColor(@maternityColor);
						.FontSizeIe6(medium);
						h3{
							background: lighten(@maternityColor, 12%);
							background-repeat: no-repeat;
							background-position: left center;
							background-image: url("http://kaifuku.co.jp/img/com/css/h2-3-5.png");
							//padding-left: 25px;
							//padding-top: 2px;
							padding: 6px 0 5px 25px;
							margin-top: 20px;
						}
						.point{
							margin: 25px 0px;
							//line-height: 1.7;
						}
						.detail{
							padding: 0 20px;
						}
						.textdiv{
							//line-height: 1.7;
						}
						table th{
							color: black;
						}
						.voices{
							.eachVoice{
								padding: 5px 0 10px 20px;
								.Clearfix();
								img{
									float:left;
									padding-right: 20px;
									@media screen and (max-width: @sMWidth){
										float: none;
										display: block;
										margin: auto;
										padding: 5px 0;
									}
								}
							}
						}
						.Mhospital{
							@media screen and (max-width: @sMWidth){
								.alignleft{
									float: none;
									text-align: center;
								}
							}
							.detailText{
								width: 520px;
								padding-left: 10px;
								@media screen and (max-width: @sMWidth){
									width: auto;
									text-align: left;
								}
							}
						}
						.Mjust{
							.alignleft{
								width: 425px;
								@media screen and (max-width: @sMWidth){
									width: auto;
								}
							}
							@media screen and (max-width: @sMWidth){
								.alignright{
									float: none;
									text-align: center;
								}
							}
						}
						.Mmerit{
							.alignleft{
								width: 500px;
								@media screen and (max-width: @sMWidth){
									width: auto;
								}
							}
							@media screen and (max-width: @sMWidth){
								.alignright{
									float: none;
									text-align: center;
								}
							}
						}
						.Mendurance{
							.alignleft,
							.alignright{
								@media screen and (max-width: @sMWidth){
									float: none;
								}
							}
						}
						.Mcare{
							.alignleft{
								@media screen and (max-width: @sMWidth){
									float: none;
									text-align: center;
								}
							}
							.alignright{
								width: 485px;
								@media screen and (max-width: @sMWidth){
									width: 100%;
								}
							}
						}
						.Mmaternity{
							.alignleft{
								width: 400px;
								@media screen and (max-width: @sMWidth){
									width: auto;
								}
							}
							.alignright{
								@media screen and (max-width: @sMWidth){
									float: none;
									text-align: center;
								}
							}
						}
						.Mstore{
							.store{
								@media screen and (max-width: @sMWidth){
									td, th{
										.InlineBlock();
										width: 90%;
									}
									.sName{
										font-weight: bold;
										text-align: center;
										border-bottom: 1px dotted;
										padding-bottom: 0;
									}
									.sAddr{
										padding-top: 0;
										border-top: none;
										border-bottom: none;
										text-align: center;
									}
									.lastItem{
										border-bottom: 1px solid;
									}
								}
							}
						}
					}
					//** kogao **/
					#c-kogao{
						.FontSizeIe6(medium);
						.details{
							padding-left: 20px;
						}
						.compare{
							text-align: center;
							border-bottom: 1px dotted black;
							margin-bottom: 10px;
						}
						.lastItem{
							border-bottom: none;
						}
						.info{
							table{
								margin: 5px 0px 25px 25px;
							}
							.store{
								@media screen and (max-width: @sMWidth){
									th, td{
										.InlineBlock();
										width: 90%;
									}
									td{
										padding-top: 0;
										padding-bottom: 0;
									}
									.sName{
										font-weight: bold;
										text-align: center;
										border-bottom: none;
									}
									.sTell,
									.sAddr{
										border-top: none;
										border-bottom: none;
										text-align: center;
									}
									.lastCell{
										border-bottom: 1px solid black;
									}
								}
							}
						}
						.worryText{
							.compare{
								@media screen and (max-width: @sMWidth){
									img{
										width: 100%;
									}
								}
							}
						}
						.whyText{
							.compare{
								@media screen and (max-width: @sMWidth){
									img{
										width: 45%;
									}
								}
							}
						}
					}
				//** coupon **/
				#hpCoupon{
					@media screen and (max-width: @sMWidth){
						img{
							width: 100%;
						}
					}
				}
				
				//** tablet bottle **//
				@c-litalife: #009adf;
				#litaTabletBottle{
					.eachContent{
						margin: 10px 0 30px 0;
						h4{
						 	margin-left: 20px;
						 	font-weight: bold;
						}
						@media screen and (max-width: @sMWidth){
							img{
								width: 100%;
							}
						}
						.headline{
							h2{
								.BorderRadius( 20px 0px 20px 0);
							 	//width: 200px;
							 	.InlineBlock();
							 	padding-left: 20px;
							 	padding-right: 20px;
							 	line-height: 2.2em;
							 	.FontSizeIe6(large);
							 	font-weight: bold;
							 	background: @c-litalife;
							 	color: white;
							 	border: none;
								strong{
									color: #FFB800;
								}
								@media screen and (max-width: @sMWidth){
									display: block;
								}
							}
						}
						 .texts{
						 	padding-top: 10px;
						 	padding-left: 30px;
							@media screen and (max-width: @sMWidth){
								//padding-left: 15px;
								//padding-right: 10px;
								padding-left: 10px;
								padding-right: 10px;
							}
						}
						 .chemicalFormula{
						 	background: #D5E5FD; //#74cebc;
						 	.BorderRadius( 20px );

						 	width: 680px;
						 	margin: 15px auto;
						 	padding-top: 15px;
						 	div{
						 		font-size: larger;
						 		font-weight: bold;
						 		margin: auto;
						 		width: 600px;
						 	}
							@media screen and (max-width: @sMWidth){
								width: 100%;
								div{
									width: 90%;
								}
							}
						}
					}
				}
					#newItems{
						h3{
							color: white;
							border-radius: 10px;
							background: @c-litalife;
							font-size: large;
							margin-top: 1em;
							margin-bottom: 0.5em;
							padding: 3px 0px 0px 1em;
						}
						.headline{
							h2{
								margin-top: 0.5em;
								@media screen and (max-width: @sMWidth){
									padding-left: 10px;
									padding-right: 10px;
								}
							}
						}
						.salesDetail{
							padding-left: 1em;
							@media screen and (max-width: @sMWidth){
							}
						}
						.item{
						}
							.IMGimg{
								.InlineBlock();
								vertical-align: middle;
								@media screen and (max-width: @sMWidth){
									display: block;
									margin: auto;
									img{
										width: auto;
									}
								}
								width: 150px;
								text-align: center;
								img{
									.BorderRadius(10px);
								}
								.price{
									padding-top: 5px;
									font-weight: bold;
									color: red;
									span{
										color: black;
										font-size: smaller;
										display: block;
									}
								}
								.toCart{
									padding-top: 5px;
								}
								@media screen and (max-width: @tMWidth){
									width: 140px;
								}
							}
						.bottle{
							.Clearfix();
							margin-bottom: 3em;
							
							.bottleImg{
								height: 250px;
							}
							.bottle-campaing,
							.spec{
								ul{
									padding-left: 2em;
								}
								@media screen and (max-width: @sMWidth){
									display: block;
									ul{
										padding-left: 1em;
									}
								}
							}
							.bottle-campaing{
								.InlineBlock();
								vertical-align: top;
								width: 530px;;
								@media screen and (max-width: @tMWidth){
									vertical-align: middle;
									width: 550px;
								}
								@media screen and (max-width: @sMWidth){
									width: 100%;
								}
								
								h4{
									margin-top: 0px;
								}
								.text{
									ul{
										list-style-type: none;
										padding-left: 1em;
										@media screen and (max-width: @sMWidth){
										}
									}
										li{
											font-weight: bold;
											font-size: larger;
											color: #008FFF;
											margin: 5px 0;
											&:before{
												content: "・";
											}
										}
								}
								.concentration{
									.Clearfix();
									padding-left: 20px;
									.testResult{
										float: left;
										margin: 5px 20px 5px 0;
										a{
											.BorderRadius(10px);
											img{
												display: block;
												margin: auto;
											}
										}
										@media screen and (max-width: @tMWidth){
											float: none;
											text-align: center;
										}
									}
								}
							}
							.spec{
								li{
									
									.InlineBlock();
									vertical-align: middle;
									background: #8EDFFF;
									margin: 4px 5px;
									padding: 5px 10px;
									text-align: center;
									.BorderRadius(10px);
									@media screen and (max-width: @sMWidth){
										display: block;
										margin: 10px auto;
									}
								}
							}
						}
						.tablet{
							.Clearfix();
							.tabletImg{
							}
							.IMGimg,
							.text{
								.InlineBlock();
								vertical-align: top;
								@media screen and (max-width: @sMWidth){
									display: block;
									margin: auto;
								}
							}
							.text{
								width: 530px;
								ul{
									line-height: 5em;
									list-style-type: none;
									padding-left: 1em;
									text-indent: -1em;
									li{
										font-weight: bold;
										font-size: larger;
										color: #008841;
										margin: 5px 0;
										&:before{
											content: "・";
										}
									}
									@media screen and (max-width: @sMWidth){
										line-height: 1.5em;
									}
								}
								@media screen and (max-width: @tMWidth){
									width: 530px;									
									img{
										width: 100%;
									}
								}
								@media screen and (max-width: @sMWidth){
									padding: 0;
									width: 100%;
								}
							}
							.detail1,
							.detail2,
							.detail3{
							}
							.spec{
								li{
									.InlineBlock();
									margin: 2px 0.5em;
									&:before{
										content: "・";
									}
								}
								@media screen and (max-width: @sMWidth){
									ul{
										padding-left: 1em;
									}
								}
							}
							.pTable{
								margin: 0 auto 2em auto;
								font-size: larger;
								.error_message{
									display: inline;
								}
								td{
									padding-top: 0px;
									border: none;
									border-bottom: dotted 1px black;
									vertical-align: bottom;
								}
								.price{
								}
								.priceDown{
									padding-top: 2em;
									strong{
										font-weight: bold;
										color: red;
										span{
											color: black;
											font-size: larger;
										}
										&.month{
											
										}
										&.strongPrice{
											font-size: x-large;
											//padding: 0 0.5em;
											color: #00972A;
										}
									}
								}
								.toCart{
									padding-top: 5px;
								}
							}
						}
					}
					#experiences{
						.eachExperience{
							text-align: center;
						}
	
						a{
							.InlineBlock();
							text-align: center;
							text-decoration: none;
							margin: 10px 10px;
							padding: 10px;
								background: #F5F5F5;
							//background: #EEE;
							//border: 1px solid #ECF9FF;
							.BorderRadius(10px);
							.BoxShadow(#C5C5C5);
	
							strong{
								color: #E01F4E;
							}
							img{
								display: block;
								padding-bottom: 5px;
								.BorderRadius(10px);
							}
							&:hover{
							background: #ECF9FF;
								//border: 1px solid #009ADF;
								img{
									.Opacity(0.6);
								}
							}
							@media screen and (max-width: @tMWidth){
								margin: 10px 10px;
							}
							@media screen and (max-width: @sMWidth){
								width: 43%;
								margin: 5px 0px;
								padding: 10px 5px;
							}
	
						}
					}
					#o2{
						.imgs,
						.detail{
							.Clearfix();
						}
						.yi1-1,
						.yi1-2{
							height: 150px;
							@media screen and (max-width: @sMWidth){
								height: 120px;
							}
						}
						.yi1-3,
						.yi1-4{
							height: 140px;
							@media screen and (max-width: @tMWidth){
								margin: 5px 5px;
								height: 130px;
							}
							@media screen and (max-width: @sMWidth){
								height: 120px;
							}
						}
						.yi1-1,
						.yi1-2,
						.yi1-3,
						.yi1-4{
							padding: 10px;
							margin: 5px 10px;
							vertical-align: middle;
							.BorderRadius(10px);
							border: dotted 3px #AAA;
							@media screen and (max-width: @sMWidth){
								margin: 5px 5px;
								width: auto;
							}
						}
	
						.detail{
							margin-bottom: 2em;
						}
						.detailText{
						}
						.imgs{
							text-align: center;
							img{
								@media screen and (max-width: @sMWidth){
									width: auto;
								}
							}
						}
					}
					#anti-o2{
						.paragraph{
							margin-bottom: 1em;
						}
						.yi2-1,
						.yi2-2,
						.yi2-3,
						.yi2-4,
						.yi2-5,
						.yi2-6,
						.yi2-7{
							@media screen and (max-width: @sMWidth){
								width: auto;
							}
						}
						.yi2-1{
							height: 70px;
							float: left;
							@media screen and (max-width: @sMWidth){
								width: auto !important;
							}
						}
						.yi2-2,
						.yi2-3,
						.yi2-4,
						.yi2-5{
							height: 130px;
							margin: 0px 20px;
							@media screen and (max-width: @sMWidth){
								width: 90%;
								height: auto;
								margin: 0;
							}
						}
						.yi2-2,
						.yi2-4{
							@media screen and (max-width: @sMWidth){
								margin-bottom: 15px;
							}
						}
						.imgs{
							padding: 5px 10px;
							text-align: center;
							border: dotted 3px #AAA;
							.BorderRadius(10px);
							@media screen and (max-width: @sMWidth){
								margin: 0;
								padding: 15px;
							}
						}
						.yi2-7{
							display: block;
							margin: auto;
							height: 150px;
							@media screen and (max-width: @sMWidth){
								width: 100%;
								height: auto;
							}
						}
						.gout{
							margin: 1em 0;
							.Clearfix();
						}
						.yi2-6{
							padding: 0 10px;
							height: 80px;
							float: right;
							@media screen and (max-width: @sMWidth){
								float: none;
								display: block;
								margin: auto;
								width: auto !important;
							}
						}
					}
					#health{
						.Clearfix();
						.yi3-1{
							height: 130px;
							float: left;
							@media screen and (max-width: @tMWidth){
								height: 125px;
							}
							@media screen and (max-width: @sMWidth){
								height: auto;
								float: none;
							}
						}
						.symptomList{
							padding: 0px 20px;
							li{
								.InlineBlock();
								background: @c-litalife;
								color: white;
								padding: 2px 10px;
								margin: 0 2px 7px 0px;
								.BorderRadius(5px);
								.BoxShadow(#C5C5C5, 3px, 3px);
							}
							@media screen and (max-width: @sMWidth){
								padding:0px;
							}
						}
						.mediaIntro{
							text-align: center;
	
							.healthAbsorption{
								width: 250px;
								@media screen and (max-width: @sMWidth){
									width: 100%;
									margin-bottom: 10px;
								}
							}
							.popupColorbox,
							.popupColorboxImg{
								.BorderRadius(20px);
								.ImgMoverOpacity(@c-litalife, 0.6);
								margin: 5px 10px;
								img{
									border: 2px solid #009adf;
									.BorderRadius(20px);
									height: 200px;
								}
								@media screen and (max-width: @sMWidth){
									margin: 5px 0px;
								}
							}
							.popupColorboxImg{
								img{
									@media screen and (max-width: @sMWidth){
										height: 120px;
										width: auto;
									}
								}
							}
						}
					}
					#toWthite{
						text-align: center;
						a{
							box-sizing: border-box;
							border:1px solid #009adf;
							width: 60%;
							img{
								width: 100%;
							}
							@media screen and (max-width: @sMWidth){
								width: 100%;
							}
						}
						
					}
					//jump用
					@scrollHeight: 90px;
                    #h2Bottle,
                    #h2Tablet{
						margin-top: -@scrollHeight;
						padding-top: @scrollHeight;
						@media screen and (max-width: @sMWidth){
							margin-top:0;
							padding-top:0;
						}
                    }

			}
			//** 小顔用ジェル id=jellはページスラッグ **/
			#jell{
				#postHead{
					//.CellGra(#E73562, 6);
					//border: 1px solid #F5B1AA;
					.PostHeadColor(#F3A5A9);
				}
			}
		#sidebar{
		}