/*====================================================================

	ヘッダー

====================================================================*/


/*サイトロゴ*/
.siteLogo {
	text-align:center;
	margin:20px auto 0px;

}



/*991px以下*/
@media (max-width:991px) {
	.text {
	margin:10px 0 0 15px;
	font-size:10px;
	color:#000000;
	}
}


/*992px以上*/
@media (min-width:992px) {
	.text {
		margin:10px 0 0 0;
		text-align:center;
		font-size:12px;
		color:#000000;
	}
}






/*====================================================================

	ナビゲーション

====================================================================*/

/*------------------------------------------------------
	PC用設定 992px以上
------------------------------------------------------*/

/*ナビゲーション*/
.navG {
	position: relative;

}
.navG-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding:0px 20px;
	background-color:#fff;

	z-index: 14;
	
}
.navG.fixed .navG-inner {
	position: fixed;
	z-index: 13;
}

.navG-main {

}



.navG-main-inner {
	padding:30px 0 10px;
	text-align:center;

}
.navG-main-inner li{
	letter-spacing:0.1em;
	display: inline-block;
	*display: inline;
	font-size:15px;
	font-weight:bold;
	*zoom: 1;
	margin:0 12px 0 12px;
	letter-spacing: 0.1em;

	
}


.navG-main-inner li a:hover {
	border-bottom:solid 1px #ccac55;
}


.navG-main-inner li.span{
	}
	


.navG-main-inner li span a{
	color:#000000;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	}
	
	




/*------------------------------------------------------
	スマホ・タブレット用ナビ
------------------------------------------------------*/

#navSP{
	letter-spacing:0.1em;
}

#navSP a {
	color:#000000;
}

#navSP li span{
	background:url(img/arrow01a.png) 0px 5px no-repeat;
	padding-left:8px;
}


/*====================================================================

	サイト全体

====================================================================*/


/*992px以上*/
@media (min-width:992px) {
	#siteAll{
		padding-top:100px;
	}
}


/*991px以下*/
@media (max-width:991px) {
	#siteAll{
		padding-top:50px;
	}
}


/*====================================================================

	共通部分

====================================================================*/

/*各コンテンツ囲み*/
.contentIn{
	padding:35px 0 0;

}


/*992px以上*/
@media (min-width:992px) {
	.contentIn{
	width:1000px;
	margin:0px auto;
	}
}

/*991px以下*/
@media (max-width:991px) {
	.contentIn{
		padding:0 0 40px 0;
	}
}




/*タイトル囲み*/
.titleBox{
	text-align:center;
}



.mainTitle {
	margin:75px 0 0 0;
	padding:13px 0;
	border-top:solid 1px #B88C3D;
	border-bottom:solid 1px #B88C3D;
	}
	
	
.textSet {
	clear:both;
	text-align:center;
	line-height: 1.7em;
	margin:0 0 40px 0;
	}
	
	
h2{
	font-size:20px;
	color:#B88C3D;
	
	}	
	
	
h3{
	text-align:center;
	font-size:160%;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-weight:normal;
	letter-spacing: 0.1em;
	margin:0 0 10px 0;
	}
	

h4{
	text-align:center;
	font-size:110%;
	font-weight:bold;
	margin:0 0 10px 0;
	color:#B88C3D;
	}


.red {
	color:#C00;
	}
	


.sbImage {
	margin:0 0 30px 0;
	}



/*992px以上*/
@media (min-width:992px) {
	h2{
	text-align:center;
	width:1000px;
	color:#B88C3D;
	font-size:20px;
	font-weight:bold;
	margin:0 auto;
	}
	
	
}



/*991px以下*/
@media (max-width:991px) {
	
	.worksBoxBox,
	.guideBoxBox,
	.companyBoxBox,
	.addBoxBox{
		width:90%;
		margin:0px auto;
	}
	
	.recruitBoxBox {
		width:90%;
		margin:30px auto 0;
		}
		
	.mainTitle {
		margin:30px 0 0 0;
		text-align:center;
		padding:8px 0;
		}
		
		
	.textSet {
	clear:both;
	text-align:left;
	line-height: 1.7em;
	margin:0 0 40px 0;
	}
	
	
	h3{
	text-align:center;
	}

	
	#top,
	#flow,
	#menu,
	#faq,
	#voice,
	#contact,
	#error {
		padding:30px 0 0 0;
		}
		
	
}




/*====================================================================

	トップページ／imdex.html

====================================================================*/

.worksBoxBox{
	overflow:hidden;
	
}



.worksTitle {
	text-align:center;
	margin:0 0 12px 0;
	}

.worksTitle2 {
	text-align:center;
	font-size:100%;
	font-weight:bold;
	color:#333;
	}
	
	


/*ご予約・おといあわせバナー*/
.reservation {
	clear:both;
	background-color:#CCAC55;
	text-align:center;
	padding:5px;
	}
	
.reservation a {
		display:block;
		color:#FFF;
		}
		
.reservation dl {
	border:solid 1px #FFF;
	padding:20px 10px;
	}		
		
		
.reservation dl dt {
	margin:0 0 8px 0;
	}
	

/*新型コロナウイルス感染症対策についてバナー*/
.covidBnr {
	clear:both;
	background-color:#000;
	text-align:center;
	padding:10px 0 10px 0;
	margin:0 0 40px 0;
	}
	
.covidBnr a {
		display:block;
		color:#FFF;
		}
				
		
.covidBnr p {
font-size:140%;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-weight:normal;
	}	
	



/*992px以上*/
@media (min-width:992px) {
	.worksBoxLeft,
	.companyLeft,
	.addLeft{
		float:left;
		width:320px;
		padding:20px;
		display: block;
		border: double 6px #CCAC55;
		
	}
	
	
	.leftMg {
		margin:0 20px 0 0;
		}
	
	.leftNon {
		margin:0;
		}	
		
	.reservation {
		width:1000px;
		margin:80px auto 30px;
	}	
		

	
}




/*991px以下*/
@media (max-width:991px) {

	.worksBoxLeft{
		text-align:center;
		padding:20px;
		margin-bottom:20px;
		border: double 6px #CCAC55;
	}
	
	
	.worksList{
		text-align:center;
	}
	
	.covidBnr {
	padding:5px 10px 5px 10px;
	}
	
	.covidBnr p  {
	font-size:100%;
		}	
	
	
	.campaign img {
		width:100%;
		}
	
	
	.workspg {
		padding:0px 0 40px 0;
		}
				
		
}



/*====================================================================

	FLIPについて／about

====================================================================*/

.premiumsable {
	padding:20px 0;
	border-top:dotted 2px #B88C3D;
	border-bottom:dotted 2px #B88C3D;
	margin:20px auto 30px;
	}

dl.premiumsableIn {
	clear:both;
	text-align:center;
	}

dl.premiumsableIn dt {
	margin:0 0 15px 0;
	}
	
dl.premiumsableIn dd {
	line-height: 1.7em;
	}
	

dl.premiumsableIn dt img {
	border:solid 1px #D4D4D4;
	}
	


/*991px以下*/
@media (max-width:991px) {
	
	.premiumsable {
	margin:0 auto 30px;
	}
	
	

	dl.premiumsableIn dd {
	text-align:left;
	}
	
	
	
	dl.premiumsableIn dt img {
		width:280px;
		height:205px;
	}
	
	
}


/*992px以上*/
@media (min-width:992px) {
	
	.premiumsable {
	width:60%;
	}
	
	
	
	dl.premiumsableIn dt img {
		width:184px;
		height:135px;
	}
	
}




/*====================================================================

	ADDRESS

====================================================================*/

.addBoxBox{
	overflow:hidden;
}


.addBox dt{
	margin-bottom:25px;
}

.addList{

}

.addList li{
	margin-bottom:10px;
}

/*991px以下*/
@media (max-width:991px) {
	.addBox{
	text-align:center;
	}
	.addLeft{
		margin-bottom:40px;
		border-bottom:#eee 1px solid;
		padding-bottom:30px;
	}
	
	.addBox dt img{
		width:130px;
	}
}

/*====================================================================

	googlemap

====================================================================*/

.access-map {
	margin: 20px 0 0 0;
	height: 350px;
}

/*991px以下*/
@media (max-width:991px) {
	.access-map {
		height:250px;
		}
}





/*====================================================================

	フッターバナー／フッターナビ

====================================================================*/


.footerNav{
	clear:both;
	margin:0 0 0 0;
	background-color:#000;
	color:#FFF;
}


.footerLogo {
	text-align:center;
	margin:20px 0 10px 0;
	}
	
.addBox{
	text-align:center;
	padding:0 0 20px 0;
}

.addBox a {
	color:#CCAC55;
	}
	


/*フッターバナー（共通）*/	
.footerBnr {
	overflow:hidden;
	background-color:#F4F4EE;
	padding:25px 0;
	}
			
	
.footerBnr ul li {
	text-align:center;
	font-weight:bold;
	color:#000;
	}
	
.footerBnr ul li a {
	color:#000;
	}	
	
.footerBnr ul li.fb {
	background-color:#336699;
	}	

.footerBnr ul li.fb a {
	color:#FFF;
	}



.footerBnr ul li.lb {
	background-color:#2dbf13;
	}	

.footerBnr ul li.lb a {
	color:#FFF;
	}
	

.footerBnr ul li.ib {
	background-color:#ff1493;
	}	

.footerBnr ul li.ib a {
	color:#FFF;
	}





/*991px以下*/
@media (max-width:991px) {
	.footerNav{
	
}


.footerNav ul li{
	border-top:solid 1px #CCC;
	background-color:#FFF;
	}

.footerNav ul li a {
	display:block;
	padding:15px 30px;
	color:#000;
	}
	
	
.footerNav ul li.yoyaku {
	border:none;
	background-color:#CCAC55;
	}

.footerNav ul li.yoyaku a {
	display:block;
	padding:15px 30px;
	color:#FFF;
	}


/*フッターバナー（991px以下）*/

.footerBnr ul li {
	margin:0 0 10px 0;
	border: double 1px #666;
	background-color:#FFF;
	}	

.footerBnr ul li a {
	padding:20px;
	display:block;
	}	
	
.footerBnr ul li.fb {
	margin:0px;
	}	
	


}



/*992px以上*/
@media (min-width:992px) {
	.footerNav{
	padding:25px 0 0;
	margin:0px auto;
	text-align:center;
}



.footerNav ul {
	margin:0 0 40px 0;
	}


.footerNav ul li{
	letter-spacing:0.1em;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right:25px;
	}

.footerNav ul li a {
	border-bottom:dotted 1px;
	color:#FFF;
	}
	
	.footerNav ul li.yoyaku {
		margin-right:0px;
		}



/*フッターバナー（992px以上）*/	
.footerBnr ul {
	width:1000px;
	margin:0 auto;
	}
	
.footerBnr ul li {
	float:left;
	margin:0 20px 0 0;
	border: double 1px #666;
	background-color:#FFF;
	}	
	
.footerBnr ul li a {
	display:block;
	width:233px;
	padding:20px 0;
	}	
	
.footerBnr ul li.fb {
	margin:0px;
	}
	
	
}



/*====================================================================

	コピーライト

====================================================================*/

footer{
	padding:20px;
	text-align:center;
}

.copyright{
	font-size:10px;
	color:#000;
}




/*====================================================================

	施術までの流れ／flow

====================================================================*/

.step {
	overflow:hidden;
	clear:both;
	margin:0 0 50px 0;
	padding:0 0 25px 0;
	border-bottom:dotted 2px #B88C3D;
	}
	
	
.step dl {
	clear:both;
	}	


.attention dl {
}

.attention dl dt {
	color:#B88C3D;
	font-size:130%;
	margin:0 0 5px 0;
	}

.attention dl dd {
	padding:30px 20px 20px;
	border:solid 1px #B88C3D;
	background-color:#FFFEEE;
	}


.attention dl dd ul {
	margin:0 0 0 20px;
	}


.attention dl dd ul li {
	list-style:disc;
	margin:0 0 10px 0;
	}
	
	
.attention2 dl {
margin:0 0 40px 0;
}

.attention2 dl dt {
	color:#000;
	text-align:center;
	font-size:130%;
	margin:0 0 5px 0;
	}

.attention2 dl dd {
	padding:40px 40px 20px;
	background-color:#f5f5f5;
	}


.attention2 dl dd ul {
	margin:0 0 0 20px;
	}


.attention2 dl dd ul li {
	list-style:disc;
	margin:0 0 10px 0;
	}	



/*991px以下*/
@media (max-width:991px) {
		
	.g_icon {
		text-align:center;
		margin:0 0 20px 0;
	}
	
	.g_title {
	font-size:130%;
	color:#FFF;
	margin:0 0 20px 0;
	font-weight:bold;
	text-align:center;
	background-color:#CAAF77;
	padding:5px 0;
	}

.attention dl {
		margin:0 0 20px 0;
	}

.attention2 dl {
		margin:0 0 20px 0;
	}
	
.attention2 dl dd {
	padding:30px 20px 20px;
	}	

}

	

/*992px以上*/
@media (min-width:992px) {
	.g_icon {
	height:170px;
	float:left;
	margin:0 20px 0 0;
	}
	
	.g_title {
	font-size:18px;
	font-weight:bold;
	margin:0 0 8px 0;
	color:#B88C3D;
	}
	
	
	.attention {
		margin:0 auto;
	}
	
	.attention2 {
	width:70%;
		margin:0 auto;
	}
	
}




/*====================================================================

	店舗のご案内／access

====================================================================*/

.profile {
	clear:both;
	margin:0 0 50px 0;
	}

p.name {
	font-size:22px;
	color:#B98C3D;
	margin:0 0 10px 0;
	}
	

.accessSbtitle {
	font-size:18px;
	font-weight:bold;
	color:#714042;
	margin:20px 0 25px 0;
	}


/*991px以下*/
@media (max-width:991px) {
	
	.accessSbtitle {
	text-align:center;
	border-top:solid 1px #714042;
	border-bottom:solid 1px #714042;
	padding:8px 0 8px 0;
		}
		
		
	dt.proImg {
		text-align:center;
		}	
	
	
}


/*992px以上*/
@media (min-width:992px) {
	.kg {
		display:none;
		}
		
	.proImg {
	height:240px;
	float:left;
	margin:0 20px 0 0;
	}	
		
	
	
}



	
/*====================================================================

	よくあるご質問／faq

====================================================================*/
	
	
dl.faq{
	margin: 0 auto 25px;
	border-bottom:dotted 2px #B98C3D;
	padding-bottom: 10px;
}

dl.faq dt{
	overflow: hidden;
	color: #B88C3D;
	font-size: 18px;
	margin-bottom: 5px;
}

dl.faq dt span{
	display: inline-block;
	width: 0px;
	float: left;
}

dl.faq dt p{
	margin-left: 35px;
}


dl.faq dd {
	margin:0 0 10px 0;
	}


dl.faq dd span{
	display: inline-block;
	width: 0px;
	float: left;
}

dl.faq dd p{
	margin-left: 35px;
	padding:5px 0 0 0;
}
	
	

/*991px以下*/
@media (max-width:991px) {
	dl.faq dd p{
	padding:3px 0 0 0;
	}
	
	
}
	




/*====================================================================

	お客さまの声／voice

====================================================================*/


.caseBox {
	margin:0 0 50px 0;
	}
	
dl.case {
	clear:both;
	overflow:hidden;
	padding:0 0 25px 0;
	border-bottom:dotted 2px #B98C3D;
	margin:0 0 35px 0;
	}	

.caseTitle {
	font-size:18px;
	color:#B98C3D;
	margin:0 0 5px 0;
	font-weight:bold;
	}


/*991px以下*/
@media (max-width:991px) {
	
	dt.caseImg {
		text-align:center;
		margin:0 0 10px 0;
		}	
	
	
}





/*992px以上*/
@media (min-width:992px) {
	.kg {
		display:none;
		}
		
	.caseImg {
	height:180px;
	float:left;
	margin:0 20px 0 0;
	}	
		
	
	
}




/*====================================================================

	メニュー・料金表／menu

====================================================================*/


.extension {
	margin:35px 0 0 0;
	}

.extension ul.exteList {
	clear:both;
	overflow:hidden;
	}

	
.extension ul.exteList li.last {
	margin:0 0 40px 0;
	}	

.number {
	text-align:center;
	margin:0 0 5px 0;
	font-size:16px;
	font-weight:bold;
	}

.fee {
	text-align:center;
	font-size:16px;
	}
	
.katame {
	font-weight:normal;
	font-size:80%;
	}	




.extension ul.exteList li img {
	border:solid 1px #BA8C3D;
	margin:0 0 10px 0;
	}





.style {
	overflow:hidden;
	clear:both;
	background-color:#F4F4EE;
	padding:50px 0;
	margin:0 0 30px 0;
	}
	
.color {
	overflow:hidden;
	clear:both;
	background-color:#F4F4EE;
	padding:50px 0;
	margin:0 0 30px 0;
	}	
	

.style ul.styleList li img {
	border:solid 1px #BA8C3D;
	margin:0 0 10px 0;
	}	


.style ul.styleList li.last {
	margin:0 0 40px 0;
	}
	

.color ul.colorList li img {
	border:solid 1px #BA8C3D;
	margin:0 0 10px 0;
	}	


.color ul.colorList li.last {
	margin:0 0 40px 0;
	}	
	
	
.styleName {
	text-align:center;
	margin:0 0 5px 0;
	font-size:16px;
	font-weight:bold;
	color:#BA8C3D;
	}	



.curl {
	text-align:center;
	}



.curl ul.curlList li img {
	border:solid 1px #BA8C3D;
	margin:0 0 10px 0;
	}	


.curl ul.curlList li.last {
	margin:0 0 40px 0;
	}
		
.tokuten{
	margin:30px 0 30px 0;
	padding:15px 0 15px 0;
	background-color:#ececec;
	}
	
.tokutenBold{
	color:#BA8C3D;
	font-weight:bold;
	font-size:20px;
	}	
	
.priceList {
	margin:30px 0 0 0;
	}

dl.price {
	clear:both;
	overflow:hidden;
	padding:0 0 10px 0;
	border-bottom:dotted 2px #B98C3D;
	margin:0 0 20px 0;
	}	

.priceTitle {
	font-size:18px;
	color:#B98C3D;
	margin:0 0 5px 0;
	font-weight:bold;
	}


	
	


/*991px以下*/
@media (max-width:991px) {
	
	.extension {
		text-align:center;
	}
	
	.extension ul.exteList li {
		float:none;
		margin:0 0 40px 0;
	}
	
	
	.extension ul.exteList li img {
		width:280px;
		height:205px;
	}
	
	
	.style ul.styleList {
		width:280px;
		margin:0 auto;
		}
	
	
	
	.style ul.styleList li {
		float:none;
		margin:0 0 40px 0;
	}
	
	
	.style ul.styleList li img {
		width:280px;
		height:205px;
	}
	
	
	.color ul.colorList {
		width:280px;
		margin:0 auto;
		}
	
	
	
	.color ul.colorList li {
		float:none;
		margin:0 0 40px 0;
	}
	
	
	.color ul.colorList li img {
		width:280px;
		height:280px;
	}
	
	
	.curl ul.curlList li {
		float:none;
		margin:0 0 40px 0;
	}
	
	
	.curl ul.curlList li img {
		width:330px;
		height:138px;
	}
	
	.priceIn {
	padding:0 0 30px 0;
	}
	
	.tokuten{
	padding:15px 20px;
	}
	
	dt.priceImg {
		text-align:center;
		margin:0 0 20px 0;
		}
	
	.price dd {
		text-align:center;
		}
			
	
}





/*992px以上*/
@media (min-width:992px) {
	
	
	.extension ul.exteList li {
	float:left;
	margin:0 20px 40px 0;
	}
	
	
	.extension ul.exteList li img {
		width:184px;
		height:135px;
	}
		
	
	.style {
		text-align:center;
		}
	
	
	.style ul.styleList {
	width:1000px;
	margin:0 auto;
	}
	
	
	.style ul.styleList li {
	float:left;
	width:184px;
	margin:0 20px 0 0;
	}
	
	.style ul.styleList li img {
		width:184px;
		height:135px;
	}
	
	
	.color {
		text-align:center;
		}
	
	
	.color ul.colorList {
	width:1000px;
	margin:0 auto;
	}
	
	
	.color ul.colorList li {
	float:left;
	width:312px;
	margin:0 32px 0 0;
	}
	
	.color ul.colorList li img {
		width:312px;
		height:312px;
	}
	

	.curl ul.curlList {
	width:1000px;
	margin:0 auto;
	}
	
	
	.curl ul.curlList li {
	float:left;
	width:480px;
	margin:0 40px 0 0;
	}
	
	.curl ul.curlList li img {
		width:480px;
		height:200px;
	}
	
	.priceIn {
	padding:0 100px 50px 100px;
	}

	.tokuten{
	text-align:center;
	}
	
	.priceImg {
	height:42px;
	float:left;
	margin:0 40px 0 20px;
	}



	
}




/*====================================================================

	ご予約・お問い合わせ／contact

====================================================================*/


.contactMeans {
	overflow:hidden;
	clear:both;
	margin:0 0 50px 0;
	}
	
	
.contactMeans dl {
	clear:both;
	}
	
	
/*991px以下*/
@media (max-width:991px) {
		
	.cm_title {
	font-size:130%;
	color:#FFF;
	margin:0 0 20px 0;
	font-weight:bold;
	text-align:center;
	background-color:#CAAF77;
	padding:5px 0;
	}
	
	
	.cm_title2 {
	font-size:130%;
	color:#FFF;
	margin:0 0 20px 0;
	font-weight:bold;
	text-align:center;
	background-color:#2dbf13;
	padding:5px 0;
	}

}
	

/*992px以上*/
@media (min-width:992px) {
	
	.cm_title {
	font-size:18px;
	font-weight:bold;
	margin:0 0 8px 0;
	color:#B88C3D;
	}
	
	
	.cm_title2 {
	font-size:18px;
	font-weight:bold;
	margin:0 0 8px 0;
	color:#2dbf13;
	}

	
	
}
	



/*====================================================================

	エラーページ／error

====================================================================*/


.errorImg {
	text-align:center;
	margin:0 0 30px 0;
	}