@charset "UTF-8";


/* Adobe TypeKit
https://typekit.com/kit_editor/kits/old6wuc?popup=1 */

/*==================
画面設計
768px をブレイクポイントとし
それ以上はPCレイアウト
767px以下はスマホレイアウトととする
@media screen and ( max-width:48rem) { }
==================*/


h1,th{
	font-weight: normal;
}
ul li{
	list-style: none;
}
html{
	background-color: #FFFFFF;
	color: #605951;
	text-align: center;
	font-size: 10px;

	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
}
img {
    width:auto;
    height:auto;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color: #605951;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:hover img{
	opacity: 0.8;
}

@media ( max-width:48rem) {
}


@media screen and ( max-width:47rem) {
}
#spReserveBtn{
	display: none;
}
.pagetopBtn{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
}
.wrapper{
	width: 100%;
	text-align: center;
	position: relative;
	font-size: 1.6rem;
}
#header{
	padding-top: 80px;
	padding-bottom: 60px;
	background-color: #FFFFFF;
}
.entranceImg img{
	width: 100%;
	max-width: 860px;
}
#header dl{
	margin-top: 40px;
}
#header dl dt{
	margin-bottom: 20px;
}
#header dl dd{
	margin-bottom: 80px;
	font-size: 16px;
	line-height: 2.2;
}
#header h1{
	font-size: 12px;
	line-height: 1.8;

	padding-bottom: 0px;
}
#header nav{
	padding:  25px 0 35px;
	width: 100%;
	text-align: center;
	background: linear-gradient(rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0.3) 100%);
	z-index: 99;

	position: absolute;
	/* top: 1180px; */
}
#header nav.fixed{
	position: fixed;
	top: 0;
}
@media screen and ( max-width:47rem) {
	#spReserveBtn{
		width: 100%;
		height: 40px;
		padding: 1px;
		box-sizing: border-box;
		line-height: 40px;
		display: block;
		position: fixed;
		bottom: 0;
		z-index: 998;
		background-color: #605951;
		color: #FFFFFF;
	}
	#spReserveBtn a{
		display: block;
		border: #CCC 1px solid;
		height: 38px;
		line-height: 38px;
		color: #FFFFFF;
	}
	.pagetopBtn{
		position: fixed;
		bottom: 50px;
		right: 20px;
		z-index: 999;
	}
	#header{
		padding-top: 0px;
	}
	#header dl dt img{
		width: 70%;
		max-width: 393px;
	}
	#header dl dd{
		margin-bottom: 80px;
		font-size: 14px;
		text-align: left;
		padding: 0 30px;
	}
	#header h1 img{
		width: 120px;
	}
	#header nav,
	#header nav.fixed{
		position: relative;
	}
	#header nav span{
		display: none;
	}
	#header nav a{
		display: block;
		padding: 10px 0;
	}
}
#footer{
	width: 100%;
	padding: 30px 0;
	border-top: #605951 3px solid;
	font-size: 10px;
}
@media screen and ( max-width:47rem) {
	#footer{
		padding: 30px 0 60px;
	}
}
.kodawariArea,
.salonmenuArea,
.accessArea{
	width: 100%;
	padding-bottom: 100px;
}
.kodawariArea{
	margin-top: 50px;
}
.salonmenuArea {
	background-color: #EEEFEC;
}
.bgImg{
	width: 100%;
	height: 300px;
	padding-top: 210px;
	box-sizing: border-box;
	background-size: cover;
	background-position: center center;
}
@media screen and ( max-width:47rem) {
	.bgImg{
		height: 200px;
		padding-top: 120px;
	}
	.kodawariArea{
		margin-top: 0px;
	}
}
.kodawariArea .bgImg{
	background-image: url('../../image/featurebg@2x.png');
}
.salonmenuArea .bgImg{
	background-image: url('../../image/salonmenubg@2x.png');
}
.accessArea .bgImg{
	background-image: url('../../image/access@2x.png');
}

.areaTitle{
}
@media screen and ( max-width:47rem) {
	.areaTitle{
		width: 140px;
		margin: 0 auto;
	}
	.areaTitle img{
		width: 100%;
	}
}
.kodawariArea .titlecaption,
.salonmenuArea .titlecaption{
	padding: 160px 0 60px;
}

.kodawariBox{
	width: 100%;
	padding-top: 30px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-around;

	padding-bottom: 340px;
	background-image: url('../../image/shoppics.png');
	background-size: auto 200px;
	background-position: center bottom;
	background-repeat: repeat-x;
}
.kodawariBox .kodawariUnit{
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-around;
}
.kodawariBox .kodawariUnit li.pic{
	width: 50%;
}
.kodawariBox .kodawariUnit li.caption{
	width: 50%;
}
.kodawariBox .kodawariUnit .caption{
	padding-left: 2%;
	text-align: left;
	line-height: 1.6;
	font-size: 14px;
}
.kodawariBox .kodawariUnit .pic img{
	width: 100%;
}
@media screen and ( max-width:47rem) {
	.kodawariBox{
		padding-bottom: 180px;
		background-size: auto 140px;
	}
	.kodawariBox .kodawariUnit{
		display: block;
	}
	.kodawariBox .kodawariUnit li.pic{
		width: 100%;
	}
	.kodawariBox .kodawariUnit li.caption{
		width: 100%;
	}
	.kodawariBox .kodawariUnit .caption{
		padding-top: 20px;
		font-size: 12px;
	}
	.kodawariBox .kodawariUnit .pic img{
		width: 100%;
	}
}

.instagramArea{
	width: 100%;
	margin-bottom: 100px;
}
.instagramArea ul{
	width: 100%;
	padding: 30px 10px;
	box-sizing: border-box;

	background-image: url('../../image/instabg@2x.png');
	background-position: center center;
	background-size: cover;

	display: flex;
	align-items: center;
	justify-content: center;
}
.instagramArea ul li img{
	width: 100%;
}
@media screen and ( max-width:47rem) {
	.instagramArea p.caption{
		width: 60%;
		text-align: center;
		margin: 0 auto;
	}
	.instagramArea p.caption img{
		width: 100%;
	}
}
.tokutenBanner{
	width: 95%;
	max-width: 730px;
	margin: 30px auto;
	padding: 20px;
	box-sizing: border-box;
	border:#605951 1px solid;
	text-align: left;
	line-height: 1.6;
	font-size: 14px;
	background: url('../../image/bg_banner.png') no-repeat top left;
	background-size: 4%;
}

.tokutenBanner span{
	font-size: 18px;
	font-weight: bold;
}

.priceUnitBox{
	width: 100%;
	max-width: 1100px;
	margin: 60px auto 0;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.priceUnit{
	width: 31%;
	text-align: left;
	margin-bottom: 40px;
}
.priceUnitWide{
	width: 65%;
	text-align: left;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
@media screen and ( max-width:47rem) {
	.priceUnit{
		width: 90%;
		margin: auto;
		margin-bottom: 40px;
	}
	.priceUnitWide{
		width: 90%;
		margin: auto;
	}
}
.unitTitle{
	width: 100%;
	padding-bottom: 4px;
	margin-bottom: 8px;
	border-bottom: #707070 1px solid;
}
.unitTitle img{
	vertical-align: bottom;
}
.unitTitle span{
	display: inline-block;
	margin-bottom: 6px;
	margin-left: 8px;
	font-size: 10px;
	font-weight: 300;
}
.priceUnit dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.priceUnitWide dl{
	width: 48%;
}

.priceUnit dt.menuname{
	width: 60%;
	padding: 12px 0 4px;
	font-size: 14px;
}
@media screen and ( max-width:47rem) {
	.priceUnitWide dl{
		width: 100%;
	}
}
.priceUnit dt.mintitle{
	width: 100%;
	padding: 8px 0;
	font-size: 14px;
}
.priceUnit dt.menuname span{
	font-size: 10px;
	margin-left: 1em;
}
.priceUnit dd.price{
	width: 40%;
	padding: 8px 0;
	text-align: right;
	font-size: 20px;
	font-weight: 500;
}
.priceUnit dd.price .yen{
	display: inline-block;
	font-size: 12px;
	text-align: left;
	width: 2em;
	margin-left: 6px;
	font-weight: 400;
}
.priceUnit dd.caption{
	width: 100%;
	padding-top: 6px;
	margin-bottom: 16px;
	border-top: #707070 1px dotted;
	font-size: 12px;
	line-height: 1.4;
}
.priceUnit dd.cautionMin{
	width: 100%;
	padding-top: 8px;
	font-size: 12px;
}
.priceUnit dt.ilust{
	padding-top: 30px;
	width: 80%;
	padding-left: 20%;
}
.priceUnit dt.ilust img{
	width: 100%;
}
.endBox{
	width: 60%;
	text-align: left;
}

@media screen and ( max-width:47rem) {
	.endBox{
		width: 90%;
		margin: 0 auto;
		text-align: left;
	}
	.priceUnit dt.ilust{
		padding-bottom: 50px;
		width: 70%;
	}
}
.cautionList{
	text-align: left;
	font-size: 14px;
}
.cautionList li{
	padding: 6px;
	line-height: 1.4;
	padding-left: 2em;
	text-indent: -1em;
}
.footerLogo{
	margin-top: 180px;
}
@media screen and ( max-width:47rem) {
	.footerLogo img{
		width: 120px;
	}
}
.shopInfo li{
	font-size: 14px;
	line-height: 1.8;
	padding: 12px 0;

	display: flex;
	justify-content: center;
	align-items: center;
}
.mapArea {
	width: 95%;
	max-width: 760px;
	height: 402px;
	margin: 40px auto;
	box-sizing: border-box;
	border: #707070 1px dotted;
}
.mapArea iframe{
	width: 100%;
	max-width: 760px;
	height: 400px;
}

.contactBox{
	width: 95%;
	max-width: 760px;
	margin: 40px auto;
	padding: 20px 20px 0px;
	box-sizing: border-box;
	border: #707070 1px solid;
}

.contactBox p{
	font-size: 18px;
	line-height: 1.8;
}
.contactBox dl{
	margin-top: 40px;
}
.contactBox dt,
.contactBox dd{
	padding: 6px 0;
}
.contactBox dd.telNum span{
	font-size: 34px;
	margin-left: 8px;
	font-weight: bold;
}
.contactBox dd.link a{
	display: block;
	margin-top: 20px;
	padding: 40px;
	border-top: #707070 1px solid;
}