@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Prata);
*{
	margin:0;
	padding:0;
	list-style:none;
}
@media screen and (max-width: 768px){
	body{
		font-size:14px;
	}

	/* header //////////////////////////////////////////////////////////////////////////////////////////*/
	header{
		position:relative;
		border-bottom:#ccc solid 1px;
	}
	header .logo{
		text-align:center;
		padding:10px 0;
		height:40px;
	}
	header .logo img{
		height:40px;
	}
	header .menu{
		position:absolute;
		right:10px;
		top:10px;
	}
	header .menu a{
		display:block;
		width:40px;
		height:40px;
	}
	header #gnav{
		display:none;
	}
	header #gnav ul{
		border-top:#ccc solid 1px;
	}
	header #gnav ul li{
		border-bottom:#ccc solid 1px;
	}
	header #gnav ul li a{
		width:auto;
		height:50px;
		line-height:50px;
		display:block;
		font-weight:bold;
		letter-spacing:0.2em;
		text-decoration:none;
		text-indent:10px;
	}
	header #gnav ul li a:before{
		content:">";
		display:inline-block;
		vertical-align:middle;
		margin:0 10px 0 0;
		color:#777;
	}
	header #gnav ul li ul{
		margin:0 0 0 25px;
	}
	header #gnav ul li ul li:last-of-type{
		border-bottom:none;
	}

	/* footer //////////////////////////////////////////////////////////////////////////////////////////*/
	footer{
		border-top:#ccc solid 1px;
		padding:30px 0 0;
	}
	footer nav ul{
		font-size:0;
		margin:0 10px 30px;
	}
	footer nav ul li{
		width:50%;
		font-size:12px;
		line-height:40px;
		display:inline-block;
	}
	footer nav ul li:before{
		content:">";
		display:inline-block;
		vertical-align:middle;
		margin:0 10px 0 0;
		color:#777;
	}
	footer small{
		background:#191919;
		width:100%;
		height:60px;
		display:block;
		line-height:60px;
		text-align:center;
		color:#fff;
	}

	/* index //////////////////////////////////////////////////////////////////////////////////////////*/
	#mainimage{
		height:350px;
		position:relative;
		overflow:hidden;
	}
	#mainimage > div{
		width:100%;
		height:350px;
		position:absolute;
		top:0;
		left:0;
		z-index:7;
	}
	#mainimage div.active{
		z-index:10;
	}
	#mainimage div.last-active{
		z-index:9;
	}
	#topimage01{
		background:url(../images/mainimage01.jpg) center;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	#topimage02{
		background:url(../images/mainimage02.jpg) center;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	#topimage03{
		background:url(../images/mainimage03.jpg) center;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	#topimage04{
		background:url(../images/mainimage04.jpg) center;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	#mainimage .description{
		background:rgba(0,0,0,0.2);
		width:100%;
		padding:20px;
		box-sizing:border-box;
		position:absolute;
		bottom:0;
		color:#fff;
	}
	#mainimage .description h2{
		font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		margin:0 0 15px;
	}
	#mainimage .description .btnMore a{
		font-family:Arial, Helvetica, sans-serif;
		width:100px;
		height:30px;
		display:block;
		text-align:center;
		line-height:30px;
		margin:30px auto 0;
		border:#fff solid 1px;
		color:#fff;
	}
	#mainimage .description .btnMore a:hover{
		background:#fff;
		color:#191919;
	}
	.snsTop{
		margin:5px auto 0;
	}
	.snsTop ul{
		font-size:0;
	}
	.snsTop ul li{
		font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:12px;
		width:25%;
		display:inline-block;
		text-align:center;
		padding:15px 5px;
		box-sizing:border-box;

	}	
	.snsTop ul li a{
		font-family:Arial, Helvetica, sans-serif;
		height:30px;
		display:block;
		margin:15px auto 0;
		line-height:30px;
		color:#777;
		border:#777 solid 1px;
	}
	.productTop{
		margin:5px 0 0;
	}
	.productTop ul li{
		width:100%;
		display:table;
		margin:0 0 5px;
	}
	.productTop ul li figure{
		width:50%;
		display:table-cell;
	}
	.productTop ul li dl{
		width:50%;
		padding:0 7%;
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		box-sizing:border-box;
	}
	.productTop ul li:nth-of-type(2n+1) dl{
		background:#ddd;
	}
	.productTop ul li dl dt{
		margin:0 0 30px;
		font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
	}
	.productTop ul li dl dd{
		font-family:Arial, Helvetica, sans-serif;
	}
	.productTop ul li dl dd a{
		height:30px;
		display:block;
		margin:0 auto;
		line-height:30px;
		color:#777;
		border:#777 solid 1px;
	}
	.contentTop ul li{
		width:100%;
		display:table;
		margin:5px 0 30px;
	}
	.contentTop ul li figure{
		width:50%;
		display:table-cell;
	}
	.contentTop ul li figure figcaption{
		text-align:center;
		margin:5px;
		color:#191919;
		font-size:11px;
	}
	.contentTop ul li dl{
		width:50%;
		padding:0 7%;
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		box-sizing:border-box;
	}
	.contentTop ul li dl dt{
		font-family: 'Prata', serif;
		font-size:14px;
		text-align:center;
		margin:0 0 15px;
		padding:0 0 10px;
		border-bottom:#bd9655 solid 1px;
		color:#191919;
	}
	.contentTop ul li dl dd a{
		height:30px;
		display:block;
		margin:0 auto;
		line-height:30px;
		color:#777;
		border:#777 solid 1px;
	}

	/* about //////////////////////////////////////////////////////////////////////////////////////////////*/
	.about{
		padding:0 0 30px;
	}
	.about section#prologue{
		background:url(../images/ttl_prologue.jpg) center;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	.about section#history{
		background:url(../images/ttl_history.jpg) center;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	/*
	.about section#howto{
		background:url(../images/ttl_howto.jpg) left;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}*/
	
	.about section#faq{
		background:url(../images/ttl_faq.jpg) left center;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	.about section#salon{
		background:url(../images/ttl_salon.jpg) left% top;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	.about section .aboutInner{
		background:rgba(255,255,255,0.6);
		width:70%;
		margin:0 0 0 30%;
		padding:30px 5%;
		box-sizing:border-box;
	}
	.about section .aboutInnerWide{
		padding:30px;
	}
	.about section .aboutInner h2,
	.about section .aboutInnerWide h2{
		font-family:"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		text-align:center;
		margin:0 0 30px;
		padding:0 0 15px;
		border-bottom:#bd9655 solid 1px;
		color:#191919;
	}
	.about section .aboutInner p,
	.about section .aboutInnerWide p{
		line-height:2.0;
	}
	.about nav{
		display:none;
	}
	.about section#history .profileImage{
		margin:0 0 15px;
	}
	.about section#history .profileName{
		margin:15px 0 0;
	}
	.about section#history .courselist{
		margin:30px auto 0;
	}
	.about section#history .courselist a{
		width:300px;
		display:block;
		margin:0 30px 30px 0;
		float:left;
		text-decoration:none;
	}
	.about section#history .courselist a:nth-of-type(3n){
		margin-right:0;
	}
	.about section#history .courselist a li{
		position:relative;
		padding:10px 0;
		border:#ccc solid 1px;
	}
	.about section#history .courselist a li figure{
		background:#eee;
		height:185px;
		overflow:hidden;
		margin:0 9px 15px;
	}
	.about section#history .courselist a li h3{
		font-family:"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		margin:0 9px 15px;
	}
	.about section#history .courselist a li h3:before{
		content:"";
		width:28px;
		height:1px;
		background:#191919;
		display:inline-block;
		margin:0 10px 0 0;
		vertical-align:middle;
	}
	.about section#history .courselist a li p{
		font-size:11px;
		line-height:20px;
		margin:0 9px 10px;
	}
	.about section#history .courselist a dl{
		margin:0 9px;
	}
	.about section#history .courselist a dl dt{
		background:#b5a642;
		width:70px;
		height:20px;
		line-height:20px;
		text-align:center;
		margin:0 5px 5px 0;
		float:left;
		color:#fff;
	}
	.about section#history .courselist a dl dd{
		width:205px;
		height:20px;
		line-height:20px;
		margin:0 0 5px 0;
		float:left;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		-webkit-text-overflow:ellipsis;
		-moz-text-overflow:ellipsis;
	}
	.about section#history .courselist a .btn_detail{
		font-family:Arial, Helvetica, sans-serif;
		width:100px;
		height:30px;
		display:block;
		margin:15px auto 0;
		line-height:30px;
		color:#777;
		border:#777 solid 1px;
		text-align:center;
	}
	.about section#history .courselist a:hover .btn_detail{
		background:#191919;
		color:#fff;
		border:#191919 solid 1px;
	}
	.about section#history .courselist .label{
		position:absolute;
		left:208px;
		top:-10px;
	}
	
	.about #effect .sample ul{
		margin:30px 0 0;
	}
	.about #effect .sample ul li{
		margin:0 0 5px;
	}
	.about #effect .sample ul li:last-of-type{
		margin:0;
	}
	.about #howto:before{
		background:url(../images/ttl_howto.jpg) 10%;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		content:"";
		width:100%;
		height:320px;
		display:block;
	}
	.about #howto .aboutInner{
		width:100%;
		margin:0;
		padding:0 30px;
	}
	.about #howto ol li{
		margin:0 0 30px;
	}
	.about #howto ol li:last-of-type{
		margin:0;
	}
	.about #howto ol li h3{
		font-weight:bold;
		color:#191919;
		margin:0 0 15px;
	}
	.about #howto ol li h3 small{
		width:50%;
		padding:1px 0;
		display:block;
		background:#191919;
		color:#fff;
		text-align:center;
		margin:0 0 5px;
	}
	.about #howto ol li .time{
		display:inline-block;
		margin:10px 0 0;
		padding:1px 10px;
		border:#777 solid 1px;
		line-height:1.6;
	}
	.about #faq dl dt{
		margin:0 0 15px;
		padding:0 0 0 40px;
		font-weight:bold;
		color:#191919;
	}
	.about #faq dl dt:before {
		background:#191919;
		content:"Q";
		font-family:Arial, Helvetica, sans-serif;
		width:30px;
		height:30px;
		line-height:30px;
		font-weight:normal;
		margin:0 10px 0 -40px;
		display:inline-block;
		text-align:center;
		color:#fff;
		border-radius:15px;
	}
	.about #faq dl dd{
		margin:0 0 30px;
	}
	.about #faq dl dd:last-of-type{
		margin:0;
	}
	.about section#course .courselist{
		margin:30px auto 0;
	}
	.about section#course .courselist a{
		width:300px;
		display:block;
		margin:0 30px 30px 0;
		float:left;
		text-decoration:none;
	}
	.about section#course .courselist a:nth-of-type(3n){
		margin-right:0;
	}
	.about section#course .courselist a li{
		position:relative;
		padding:10px 0;
		border:#ccc solid 1px;
	}
	.about section#course .courselist a li figure{
		background:#eee;
		height:185px;
		overflow:hidden;
		margin:0 9px 15px;
	}
	.about section#course .courselist a li h3{
		font-family:"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		margin:0 9px 15px;
	}
	.about section#course .courselist a li h3:before{
		content:"";
		width:28px;
		height:1px;
		background:#191919;
		display:inline-block;
		margin:0 10px 0 0;
		vertical-align:middle;
	}
	.about section#course .courselist a li p{
		font-size:11px;
		line-height:20px;
		margin:0 9px 10px;
	}
	.about section#course .courselist a dl{
		margin:0 9px;
	}
	.about section#course .courselist a dl dt{
		background:#b5a642;
		width:70px;
		height:20px;
		line-height:20px;
		text-align:center;
		margin:0 5px 5px 0;
		float:left;
		color:#fff;
	}
	.about section#course .courselist a dl dd{
		width:205px;
		height:20px;
		line-height:20px;
		margin:0 0 5px 0;
		float:left;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		-webkit-text-overflow:ellipsis;
		-moz-text-overflow:ellipsis;
	}
	.about section#course .courselist a .btn_detail{
		font-family:Arial, Helvetica, sans-serif;
		width:100px;
		height:30px;
		display:block;
		margin:15px auto 0;
		line-height:30px;
		color:#777;
		border:#777 solid 1px;
		text-align:center;
	}
	.about section#course .courselist a:hover .btn_detail{
		background:#191919;
		color:#fff;
		border:#191919 solid 1px;
	}
	.about section#course .courselist .label{
		position:absolute;
		left:208px;
		top:-10px;
	}
	.about #flow h3{
		font-family:"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		margin:30px 0 15px;
		color:#191919;
	}
	.about #flow h3:before{
		content:"";
		width:28px;
		height:1px;
		background:#191919;
		display:inline-block;
		margin:0 10px 0 0;
		vertical-align:middle;
	}
	.about #flow h3:first-of-type{
		margin-top:0;
	}
	.about #flow ul.advancelist{
		background:#f7f7f7;
		margin:15px 0;
		padding:15px;
	}
	.about #flow ul.advancelist li{
		line-height:2.0;
	}
	.about #flow ul.advancelist li:before{
		content:"・";
	}
	.about #flow .aboutInnerWide .imagephoto{
		margin-top:30px;
	}
	.about #flow h4{
		font-family:"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		font-weight:bold;
		letter-spacing:0.2em;
		margin:0 0 15px;
		color:#191919;
	}
	.about #flow ul.list > li{
		margin-bottom:30px;
	}
	.about #flow ul.list > li:last-of-type{
		margin-bottom:0;
	}
	.about #flow dl{
		border:#ccc solid 1px;
		margin:0 0 30px;
		padding:30px;
		box-sizing:border-box;
	}
	.about #flow dl dt{
		background:#b5a642;
		padding:5px 10px;
		display:inline-block;
		color:#fff;
		margin:30px 0 10px;
	}
	.about #flow dl dt:first-of-type{
		margin-top:0;
	}
	.about #flow dl dd{
		margin:5px 0 0;
	}
	.about #flow ul.point{
		background:#f7f7f7;
		margin:15px 0;
		padding:15px;
	}
	.about #flow ul.point li{
		line-height:2.0;
	}
	.about #flow ul.point li:before{
		content:"・";
	}
	.about #curriculum h3{
	font-family:"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:18px;
	margin:30px 0 15px;
	color:#191919;
}
	.about #curriculum h3:before{
		content:"";
		width:28px;
		height:1px;
		background:#191919;
		display:inline-block;
		margin:0 10px 0 0;
		vertical-align:middle;
	}
	.about #curriculum h3:first-of-type{
		margin-top:0;
	}
	.about #curriculum ul.list > li{
		margin-bottom:30px;
	}
	.about #curriculum ul.list > li:last-of-type{
		margin-bottom:0;
	}
	.about #curriculum dl{
		border:#ccc solid 1px;
		margin:0 0 30px;
		padding:30px;
		box-sizing:border-box;
	}
	.about #curriculum dl dt{
		background:#b5a642;
		padding:5px 10px;
		display:inline-block;
		color:#fff;
		margin:30px 0 10px;
	}
	.about #curriculum dl dt:first-of-type{
		margin-top:0;
	}
	.about #curriculum dl dd{
		margin:5px 0 0;
	}
	.about #curriculum ul.point{
		background:#f7f7f7;
		margin:15px 0;
		padding:15px;
	}
	.about #curriculum ul.point li{
		line-height:2.0;
	}
	.about #curriculum ul.point li:before{
		content:"・";
	}
	.about #curriculum .curriculumimage{
		width:50%;
		padding:0 7%;
		box-sizing:border-box;
		float:right;
	}
	.about #curriculum .curriculumimage .imagephoto li{
		margin:0 0 30px;
	}
	.about #salon h3{
		font-family:"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		margin:30px 0 15px;
		color:#191919;
	}
	.about #salon h3:before{
		content:"";
		width:28px;
		height:1px;
		background:#191919;
		display:inline-block;
		margin:0 10px 0 0;
		vertical-align:middle;
	}
	.about #salon h3:first-of-type{
		margin-top:0;
	}
	.about #salon .salonroom ul{
		text-align:center;
		font-size:0;
	}
	.about #salon .salonroom ul li{
		display:inline-block;
		font-size:11px;
		width:32%;
		margin:0 2% 0 0;
		border:#fff solid 1px;
		box-sizing:border-box;
	}
	.about #salon .salonroom ul li:nth-of-type(3n){
		margin-right:0;
	}
	
	
	.about #salon h4{
		font-family:"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:22px;
		font-weight:bold;
		letter-spacing:0.2em;
		color:#191919;
		margin:0 0 15px;
	}
	.about #salon dl:not(.salondata){
		border:#ccc solid 1px;
		margin:0 0 30px;
		padding:30px;
		box-sizing:border-box;
	}
	.about #salon dl:not(.salondata) dt{
		background:#b5a642;
		padding:5px 10px;
		display:inline-block;
		color:#fff;
		margin:30px 0 10px;
	}
	.about #salon dl:not(.salondata) dt:first-of-type{
		margin-top:0;
	}
	.about #salon dl:not(.salondata) dd{
		margin:5px 0 0;
	}
	.about #salon dl.salondata{
		margin:30px 0;
		border-bottom:#ccc solid 1px;
	}
	.about #salon dl.salondata dt{
		background:#f2f2f2;
		border-top:#ccc solid 1px;
		padding:20px;
		font-weight:bold;
	}
	.about #salon dl.salondata dd{
		border-top:#ccc solid 1px;
		padding:20px;
	}
	.about #salon .map{
		margin:20px 0 0;
	}
	.about #salon .map img{
		width:100%;
		height:auto;
	}

	/*
	.about #salon .menu{
		border:#ccc solid 1px;
		margin:0 0 30px;
		padding:30px;
		box-sizing:border-box;
		background:rgba(255,255,255,0.6);
	}
	.about #salon .menu figure{
		margin:0 0 15px;
	}
	.about #salon h4{
		font-family:"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:22px;
		font-weight:bold;
		letter-spacing:0.2em;
		color:#191919;
		margin:0 0 15px;
	}
	.about #salon dl dt{
		background:#b5a642;
		padding:5px 10px;
		display:inline-block;
		color:#fff;
		margin:30px 0 10px;
	}
	.about #salon dl dt:first-of-type{
		margin-top:0;
	}
	.about #salon dl dd{
		margin:5px 0 0;
		font-size:14px;
	}
	.about #salon .menu dl dd:first-of-type{
		color:#f0f;
		font-size:18px;
	}
	*/
	.about #salon img{
		max-width:100%;
	}

	/* product //////////////////////////////////////////////////////////////////////////////////////////////*/
	.product .itemList{
		padding:30px 0;
	}
	.product .itemList h2{
		max-width:1100px;
		font-family:"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		text-align:center;
		margin:0 30px 30px;
		padding:0 0 15px;
		border-bottom:#bd9655 solid 1px;
		color:#191919;
	}
	.product .itemList p{
		line-height:2.0;
		margin:0 30px 30px;
	}
	.product .itemList ul li .inner{
		margin:0 auto;
		padding:20px 0;
		border-bottom:#ccc solid 1px;
	}
	.product .itemList ul li:first-child .inner{
		padding-top:0;
	}
	.product .itemList ul li .inner figure{
		margin:0 30px 15px;
	}
	.product .itemList ul li .inner figure img{
		width:100%;
	}
	.product .itemList ul li .inner .textArea{
		padding:0 7% 35px;
		box-sizing:border-box;
		position:relative;
	}
	.product .itemList ul li .inner .label{
		display:inline-block;
		font-family:Arial, Helvetica, sans-serif;
		background:#bd9655;
		color:#fff;
		margin:0 0 15px;
		padding:1px 10px;
	}
	.product .itemList ul li .inner dl dt{
		font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		font-weight:bold;
		letter-spacing:0.2em;
		color:#191919;
	}
	.product .itemList ul li .inner dl dd{
		margin:15px 0 0;
		line-height:2.0;
	}
	.product .itemList ul li .btnMore{
		width:30px;
		height:30px;
		position:absolute;
		right:20px;
		bottom:0;
	}
	.product .itemList ul li .btnMore img{
		width:100%;
	}
	.product .itemList ul li .detailArea{
		padding:30px 0;
		display:none;
	}
	.product .itemList ul li #item01{
		background:url(../images/item_01_large.jpg) 25% top;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	.product .itemList ul li #item02{
		background:url(../images/item_02_large.jpg) 25% top;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	.product .itemList ul li #item03{
		background:url(../images/item_03_large.jpg) 25% top;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	.product .itemList ul li #item04{
		background:url(../images/item_04_large.jpg) 25% top;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	.product .itemList ul li #item05{
		background:url(../images/item_05_large.jpg) 25% top;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	.product .itemList ul li #item06{
		background:url(../images/item_06_large.jpg) 25% top;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	.product .itemList ul li #item07{
		background:url(../images/item_07_large.jpg) 25% top;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	.product .itemList ul li #item08{
		background:url(../images/item_08_large.jpg) 25% top;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	.product .itemList ul li #item09{
		background:url(../images/item_09_large.jpg) 25% top;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	.product .itemList ul li #item10{
		background:url(../images/item_10_large.jpg) 25% top;
		background-size:cover;
		-web-kit-background-size:cover;
		-moz-background-size:cover;
	}
	.product .itemList ul li .detailArea .block{
		background:rgba(255,255,255,0.8);
		width:70%;
		margin:0 0 0 30%;
		padding:30px 5%;
		box-sizing:border-box;
		position:relative;
	}
	.product .itemList ul li .detailArea .block h2{
		font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		font-weight:bold;
		color:#191919;
		margin:0;
	}
	.product .itemList ul li .detailArea .block h2 small{
		width:50%;
		font-size:12px;
		background:#191919;
		padding:1px 0;
		color:#fff;
		display:block;
		text-align:center;
		margin:10px auto 0;
	}
	.product .itemList ul li .detailArea .block p{
		margin:15px 0 30px;
		line-height:2.0;
	}
	.product .itemList ul li .detailArea .block dl{
		margin:0 0 30px;
		border-bottom:#bd9655 solid 1px;
		font-size:11px;
	}
	.product .itemList ul li .detailArea .block dl dt{
		padding:10px;
		border-top:#bd9655 solid 1px;
	}
	.product .itemList ul li .detailArea .block dl dd{
		padding:10px;
		border-top:#bd9655 solid 1px;
	}
	.product .itemList ul li .detailArea .block .btnBuy{
		text-align:center;
	}
	.product .itemList ul li .detailArea .block .btnBuy a{
		width:auto;
		height:40px;
		display:block;
		font-family:Arial,Helvetica,sans-serif;
		line-height:40px;
		border:#777 solid 1px;
	}
	.product .itemList ul li .detailArea .block .btnClose{
		width:30px;
		height:30px;
		position:absolute;
		top:-20px;
		right:20px;
	}
	.product .itemList ul li .detailArea .block .btnClose img{
		width:100%;
	}
	.product .detail{
		padding:0 0 30px;
	}
	.product .detail figure{
		display:none;
	}
	.product .detail .textcolumn{
		background:url(../images/item_herbpeeling.jpg) right center;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		margin:0 auto 15px;
		padding:30px 0;
	}
	.product .detail .textcolumn .inner{
		background:rgba(255,255,255,0.6);
		padding:30px;
	}
	.product .detail .textcolumn h2{
		font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:20px;
		margin:0 0 30px;
		padding:0 0 15px;
		font-weight:bold;
		text-align:center;
		border-bottom: #bd9655 solid 1px;
		color:#191919;
	}
	.product .detail .textcolumn h2 small{
		line-height:30px;
		font-size:12px;
		display:block;
		margin:15px 0 0;
	}
	.product .detail .textcolumn p{
		line-height:2.0;
		margin:15px 0 0;
	}
	.product .data{
		margin:2px auto 0;
		padding:0 0 30px;
	}
	.product .data h3{
		font-family:"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		text-align:center;
		margin:0 0 30px;
		padding:0 0 15px;
		border-bottom:#bd9655 solid 1px;
		color:#191919;
	}
	.product .data .howto{
		margin:0 0 2px;
		padding:30px;
	}
	.product .data .howto:after{
		background:url(../images/img_detail_howto.jpg) no-repeat center;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		content:"";
		width:100%;
		height:320px;
		display:block;
	}
	.product .data .howto ol li{
		line-height:30px;
		margin:0 0 15px 40px;
	}
	.product .data .howto ol li span{
		background:#191919;
		font-family:Arial, Helvetica, sans-serif;
		width:30px;
		height:30px;
		line-height:30px;
		font-weight:normal;
		margin:0 10px 0 -40px;
		display:inline-block;
		text-align:center;
		color:#fff;
		border-radius:15px;
	}
	.product .data .caution{
		margin:0 0 30px;
		padding:30px;
	}
	.product .data .caution:after{
		background:url(../images/img_detail_caution.jpg) no-repeat center;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		content:"";
		width:100%;
		height:320px;
		display:block;
	}
	.product .data .caution ul{
		background:#f7f7f7;
		padding:15px;
	}
	.product .data .caution ul li{
		margin:0 0 10px;
	}
	.product .data .caution ul li:last-of-type{
		margin:0;
	}
	.product .detail .data dl{
		border-bottom:#ccc solid 1px;
		margin:0 30px 30px;
	}
	.product .detail .data dl dt{
		border-top:#ccc solid 1px;
		padding:20px;
		font-weight:bold;
	}
	.product .detail .data dl dd{
		border-top:#ccc solid 1px;
		padding:20px;
		box-sizing:border-box;
	}
	.product .detail .data .btn_buy{
		margin:0 30px;
	}
	.product .detail .data .btn_buy a{
		width:auto;
		height:60px;
		display:block;
		font-family:Arial,Helvetica,sans-serif;
		line-height:40px;
		border:#777 solid 1px;
		line-height:60px;
		text-align:center;
		letter-spacing:0.2em;
		font-size:18px;
	}

	/* experience //////////////////////////////////////////////////////////////////////////////////////////*/
	.experience{
		padding:0 0 30px;
	}
	.experience .mainList{
		margin:30px 0 0;
	}
	.experience .mainList ul li{
		width:100%;
		display:table;
	}
	.experience .mainList ul li figure{
		width:50%;
		display:table-cell;
	}
	.experience .mainList ul li figure img{
		width:100%;
	}
	.experience .mainList ul li dl{
		width:50%;
		padding:0 7%;
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		box-sizing:border-box;
	}
	.experience .mainList ul li dl dt{
		font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		text-align:center;
		margin:0 0 30px;
		padding:0 0 15px;
		border-bottom:#bd9655 solid 1px;
		color:#191919;
	}
	.experience .mainList ul li dl dd.btnMore a{
		font-family:Arial, Helvetica, sans-serif;
		height:30px;
		display:block;
		text-align:center;
		line-height:30px;
		margin:0 auto;
		color:#777;
		border:#777 solid 1px;
	}
	.experience .subList{
		margin:30px auto 0;
	}
	.experience .subList ul li{
		width:25%;
		float:left;
	}
	.experience .subList ul li img{
		width:100%;
	}

	/* contact //////////////////////////////////////////////////////////////////////////////////////////////*/
	.contact section{
		padding:30px;
	}
	.contact section h3{
		font-family:"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		margin:0 0 15px;
		color:#191919;
	}
	.contact section h3:before{
		content:"";
		width:28px;
		height:1px;
		background:#191919;
		display:inline-block;
		margin:0 10px 0 0;
		vertical-align:middle;
	}
	.contact section p{
		line-height:2.0;
	}
	.contact form{
		margin:35px 0 0;
	}
	.contact form dl{
		border-bottom:#ccc solid 1px;
		margin:0 0 30px;
	}
	.contact form dt{
		border-top:#ccc solid 1px;
		padding:20px 20px 0;
	}
	.contact dl dt.must:after{
		background:#000;
		width:40px;
		content:"必須";
		margin:0 0 0 10px;
		display:inline-block;
		text-align:center;
		color:#fff;
		border-radius:20px;
		font-size:11px;
	}
	.contact form dd{
		padding:20px;
	}
	.contact form dd .caution{
		color:#c20;
		font-weight:bold;
		margin:0 0 10px;
	}
	.contact form dd input[type="text"],
	.contact form dd select,
	.contact form dd textarea{
		font-size:16px;
		width:100%;
		padding:4px;
		border:1px solid #aaa;
		box-sizing:border-box;
		border-radius:3px;
	}
	.contact form dd textarea{
		width:100%;
		height:200px;
	}
	.contact ul.submitBtn{
		text-align:center;
	}
	.contact ul.submitBtn li{
		display:inline-block;
	}
	.contact ul.submitBtn li input[type="submit"]{
		background:#191919;
		width:260px;
		height:56px;
		border:none;
		color:#fff;
		text-align:center;
		cursor:pointer;
		font-size:14px;
		line-height:56px;
	}

	/* privacy //////////////////////////////////////////////////////////////////////////////////////////////*/
	.privacy section{
		padding:30px;
	}
	.privacy section h3{
		font-family:"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		margin:30px 0 15px;
		color:#191919;
	}
	.privacy section h3:before{
		content:"";
		width:28px;
		height:1px;
		background:#191919;
		display:inline-block;
		margin:0 10px 0 0;
		vertical-align:middle;
	}
	.privacy h3:first-child{
		margin-top:0;
	}
	.privacy section p{
		line-height:2.0;
	}
	.privacy section dl{
		border:#ccc solid 1px;
		margin:30px 0 30px;
		padding:30px;
	}
	.privacy section dl dt{
		background:#b5a642;
		padding:5px 10px;
		display:inline-block;
		color:#fff;
		margin:30px 0 10px;
	}
	.privacy section dl dt:first-of-type{
		margin-top:0;
	}
	.privacy section ul{
		background:#f7f7f7;
		margin:15px 0;
		padding:30px;
	}
	.privacy section ul li{
		margin:0 0 15px;
	}
	.privacy section ul li:last-of-type{
		margin:0;
	}
	.privacy section small{
		font-size:12px;
		display:block;
		margin:30px 0 0;
		text-align:right;
	}

	/* company（特定商取引法に関する記載）///////////////////////////////////////////////////////////////////*/
	.company section{
		padding:30px;
	}
	.company dt{
		background:#f2f2f2;
		border-top:#ccc solid 1px;
		padding:20px;
		font-weight:bold;
	}
	.company dd{
		border-top:#ccc solid 1px;
		padding:20px;
	}
	.company dd a{
		text-decoration:underline;
	}

	/* recruit //////////////////////////////////////////////////////////////////////////////////////////////*/
	.recruit section{
		padding:30px;
	}
	.recruit h3{
		font-family:"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		margin:30px 0;
		color:#191919;
	}
	.recruit section h3:before{
		content:"";
		width:28px;
		height:1px;
		background:#191919;
		display:inline-block;
		margin:0 10px 0 0;
		vertical-align:middle;
	}
	.recruit p{
		line-height:2.0;
	}
	.recruit dl{
		border-bottom:#ccc solid 1px;
		margin:0 0 30px;
	}
	.recruit dt{
		background:#f2f2f2;
		border-top:#ccc solid 1px;
		padding:20px;
		font-weight:bold;
	}
	.recruit dd{
		border-top:#ccc solid 1px;
		padding:20px;
	}
	.recruit .contactArea{
		border:#ccc solid 1px;
		margin:0 0 60px;
		padding:30px;
	}
	.recruit .imagephoto ul{
		margin:30px 0 0;
	}
	.recruit .imagephoto ul li{
		margin:0 0 10px;
	}
	.recruit .imagephoto ul li:nth-of-type(2n){
		margin-bottom:0;
	}
	
	/* sitemap //////////////////////////////////////////////////////////////////////////////////////////////*/
	.sitemap section{
		margin:30px;
		border:#f7f7f7 solid 15px;
	}
	.sitemap section dl{
		padding:30px 15px;
		border-bottom:#f7f7f7 solid 1px;
	}
	.sitemap section dl:last-child{
		border-bottom:none;
	}
	.sitemap section dl dt{
		font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:18px;
		font-weight:bold;
		margin:0 0 15px;
		color:#171717;
	}
	.sitemap section dl dd{
		font-size:11px;
		margin:10px 0 0;
	}

	/* common //////////////////////////////////////////////////////////////////////////////////////////////*/
	.title{
		background:url(../images/ttl_recruit.jpg) right;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		padding:30px 0;
		color:#fff;
	}
	.title hgroup{
		background:rgba(0,0,0,0.2);
		padding:30px;
	}
	.title hgroup h2{
		font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:24px;
		letter-spacing:0.2em;
	}
	.title hgroup p{
		margin:15px 0 0;
		line-height:2.0;
	}
	.btn_topto{
		text-align:right;
		margin:0 10px 10px 0;
	}
	.btn_topto a{
		background:#191919;
		display:inline-block;
		width:40px;
		height:40px;
		border-radius:20px;
	}
}