@headerBack: hsl(50, 100%, 63%);//hsl(250, 100%,  85%);
@color1: lighten(@headerBack, 5%);
@headerLink: lighten(@headerBack, 5%);
@headerLinkHover: black;

@import "../style-base.less";
@import "./style-store.less";


#header{
}
	#headerContent{
	}
		#headerInfo{
		}
			#headerLogo{
			}
			#headerInfomation{
			}
		#headerMenu{
		}
				#headerWidgets{
					.headAddInfo{
						.headTel{
						}
						.headAddr{
						}
						@media screen and (max-width: @tMWidth){
							.headTel{
							}
							.headAddr{
							}
						}
						@media screen and (max-width: @sMWidth){
							.headTel{
								.innerTel{
								}
							}
							.headAddr{
							}
						}
					}
				}
/** widget **/
#header{
	.widget{
		.storeInsideLink{
			ul{
				background: @headerBack;
				@media screen and (max-width: @tMWidth){
					background: none;
				}
				li{
					a{
						.FontSizeIe6(large);
					}
					a:hover,
					&.current-menu-item a{
						background: #FFFFFF;
					}
					//drawer
					@media screen and (max-width: @tMWidth){
						margin: 3px 3px;
						text-align: center;
						background: @headerBack;
						padding: 1px;
					}
					//@media screen and (max-width: @tMWidth){
					//	margin: 3px 3px;
					//	width: 30%;
					//	text-align: center;
					//	background: @headerBack;
					//	padding: 1px;
					//}
					//@media screen and (max-width: @sMWidth){
					//	width: 45%;
					//}
					//drawer-end
				}
			}
		}
		.headNotice{
			padding: 5px 0;
			font-size: large;
			font-weight: bold;
			color: red;
			a{
				display: inline;
			}
			
			@media screen and (max-width: @tMWidth){
				text-align: center;
			}
			span{
				@media screen and (max-width: @sMWidth){
					.InlineBlock();
				}
			}
		}
	}
}

#slide{
}
#contents{
	/* GW notice */
	//padding-top: 125px;
	@media screen and (max-width: @tMWidth){
		padding-top: 0;
	}
}
	#contentHead{
	}
		#news{
		}
	#contentMenu{
	}
	#mainContent{
	}
		#content{
		}
			#postContent{
				.FontSizeIe6(medium);
				h3{
					.FontSizeIe6(large);
					span{
						color: lighten(@headerBack, -30%);
					}
				}
				table{
					th{
						font-weight: bold;
						color: black;
						background: lighten(@headerBack, -15%);
					}
					.priceCat{
						background: lighten(@headerBack, 10%);
						color: black;
					}
				}
				.voiceLink{
					text-align: center;
					li{
						a{
							border: 1px solid lighten(@headerBack, -20%);
						}
					}
				}
				.pains{
					padding-left: 5px;
					margin-top: 0px;
					li{
						.InlineBlock();
						padding: 5px 0 0 5px;
						border-bottom: 1px dotted hsl( hue(@headerBack), 80%, lightness(@headerBack)-30% );
						margin: 2px 5px;
						width: 120px;
					}
				}
				a.showToggle{
					padding-top: 15px;
					img{
						border: 3px solid #2C8FFF;
						@media screen and (max-width: @sMWidth){
							width: 95%;
						}
					}
					&:hover{
						img{
							border: 3px solid #E27900;
						}
					}
				}
				.treatment{
					ol{
						padding-left: 60px;
						@media screen and (max-width: @sMWidth){
							padding-left: 40px;
						}
					}
					li{
						color: #C0691A;
						margin-bottom: 0.5em;
						font-size: x-large;
						font-weight: bold;
					}
					h3{
						overflow:visible;
						margin-bottom: 0.5em;
						margin-left: -0.5em;
						margin-right: 1em;
						border-bottom: 3px solid #854D06;
					}
					div{
						font-size: medium;
						font-weight: normal;
						color: black;
						margin-right: 1em;
					}
				}
				.pat1{
					padding-left: 20px;
					@media screen and (max-width: @sMWidth){
						padding-left: 0.5em;
						padding-right: 0.5em;
						ul{
							padding-left: 1.5em;
						}
					}
					.toggleText{
						padding: 1em;
						margin-left: 1em;
						margin-right: 1em;
						background: #FFF2E2;
						border-radius: 15px;
						@media screen and (max-width: @sMWidth){
							margin-left: 0px;
							margin-right: 0px;
						}
					}
					.toggleText2{
						padding-left: 20px;
						padding-right: 20px;
						@media screen and (max-width: @sMWidth){
							padding-left: 0px;
							padding-right: 0px;
						}
						.toggleText{
							margin-left: 0px;
							margin-right: 0px;
						}
					}
					
					.compareTable{
						text-align: center;
						.compareStyle{
							text-align: left;
							.InlineBlock();
							width: 45% !important;
							@media screen and (max-width: @sMWidth){
								display: block;
								width: 100% !important;
							}
							.styleImg{
								border-right: none;
								height: 425px;
							}
							.detailText{
								border-left: none;
								width: 200px;
							}
						}
					}
				}
			}
				#home,
				#home2{
					strong{
						color: spin(@headerBack, 180); //#1F46E2;
					}
				}
				#staff{
					h3,
					.profile{
						padding-left: 0.5em;
						padding-right: 0.5em;
					}
				}
				#campaign{
					h2{
						background: url("http://kaifuku.co.jp/img/store/fujieda/css/fujieda-campaign-h2.png");
						//border-left: 5px solid #95B5F8;
						//border-right: 2px solid #4268FF;
						border-left: 5px solid #978111;
						border-right: 2px solid #6d653b;
						color: black;
					}
					
					strong{
						color: red;
					}
					.campaign{
						background: url("http://kaifuku.co.jp/img/com/css/right-arrow-red.png");
						background-repeat: no-repeat;
						background-position: left center;
						padding-left: 35px;
					}
					table{
						strong{
							color: black;
						}
					}
				}
				#difference{
					.details{
						margin-left: 1em;
						margin-right: 1em;
						margin-bottom:15px;
						padding-left: 10px;
						border: 2px solid hsl( hue(@headerBack), 80%, lightness(@headerBack)-30% );
						background: url("http://kaifuku.co.jp/img/com/css/pat.png");
						.BorderRadius(20px);
						
						img{
							padding: 5px;
						}
						div{
							padding: 0 10px;
							@media screen and (max-width: @sMWidth){
								padding: 0px;
							}
						}
						h3{
							margin: 5px 10px 0px 5px;
							padding: 5px 0;
							//color:  spin(@headerBack, 180);
							color: #1F46E2;
							background: transparent;
							span{
								.FontSizeIe6(medium);
								color: #E72C4B;
								padding: 5px 10px;
								background: url('http://kaifuku.co.jp/img/com/css/diff2.png');
								background-repeat: no-repeat;
								background-position: center center;
							}
						}
						@media screen and (max-width: @sMWidth){
							padding: 0 0.5em 0.5em 0.5em;
						}
					}
					.detailsItem{
					}
				}
				#working{
					//.price,
					//.item,
					//.lastItem{
					//	th{
					//		padding-left: 0;
					//		padding-right: 0;
					//	}
					//}
					.campaign{
						background: url("http://kaifuku.co.jp/img/com/css/right-arrow-red.png");
						background-repeat: no-repeat;
						background-position: left center;
						padding-left: 35px;
					}
				}