@charset "utf-8";


body,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,div{
	margin: 0px;
	padding: 0px;
}

ul,li{
	list-style-type: none;
}

img {
	border: none;
	vertical-align:text-bottom;
	max-width:100%;
}

input,textarea,select {
	font-size: 1em;
}

form {
	margin: 0px;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}
/* -------------------------------------------------------------- */

body {
	background-color:#FFFFFF;
	background-image:url(images/bg-body.jpg);
	color:#6d4c37;
	font-size:14px;
	-webkit-text-size-adjust: none;
}

#header {
}

#header ul.btn {
	width:100%;
	background-color:#cbc0b8;
	border-bottom: solid 1px #6c594d;
	display: table;
	box-shadow: 0 1px 1px rgba(165,151,141,1);
}
#header ul.btn li {
	border-left: solid 1px #a5978d;
	border-right: solid 1px #6c594d;
	display:table-cell;
	text-indent:-9999px;
}
#header ul.btn li:first-child {
	border-left:none
}
#header ul.btn li:last-child {
	border-right:none
}
#header ul.btn li.tel {
	background-size:auto 100%;
	background-position:center;
}
#header ul.btn li.ameblo {
	background:url(images/icon-ameblo_test.png) no-repeat;
	background-size:auto 100%;
	background-position:center;
}
#header ul.btn li.fb {
	background:url(images/icon-fb.png) no-repeat;
	background-size:auto 100%;
	background-position:center;
}
#header ul.btn li.twitter {
	background:url(images/icon-twitter.png) no-repeat;
	background-size:auto 100%;
	background-position:center;
}
#header ul.btn li.instagram {
	background:url(images/icon-instagram.png) no-repeat;
	background-size:auto 100%;
	background-position:center;
}

#header ul.btn li a {
	display:block;
	zoom:1;
	width:100%;
	height:100%;
}
#logo {
	margin-bottom:-5px;
	text-align: center;
}
#main-img {
	border-top:2px solid #462614;
	border-bottom:2px solid #462614;
	margin-bottom:10px;
	text-align: center;
}
#other-main-img {
	margin-bottom:10px;
}
#other-main-img img {
	border-top:2px solid #462614;
	border-bottom:2px solid #462614;
}
ul#nav {
	width:100%;
	display: table;
	table-layout:fixed;
	margin-bottom:10px;
}
ul#nav li {
	display:table-cell;
	text-align:center;
	padding:0 3px;
}

#wrapper {
	width:98%;
	margin:0 auto;
}

p.top-box {
	padding:0 5px;
	margin-top:10px;
}
p.top-box img {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	width:45%;
	height:auto;
}
dl.info-box {
	margin:5px 10px 0;
	padding:5px 10px;
	font-size:12px;
	line-height:1.3em;
}
dl.info-box dt {
	font-weight:bold;
	line-height:1.5em;
	margin-top:5px;
}
dl.info-box dd {
	padding-left:10px;
	margin-bottom:5px;
	font-size:12px;
}
dl#price {
	float:left;
	width:60%;
}
dl#price dt {
	padding-left:5px;
	float:left;
	clear:both;
	margin-right:5px;
}
dl#price dd {
	font-weight:bold;
	text-align:right;
	margin-right:5px;
}
dl#price p.title {
	font-size:18px;
	color:#828217;
	margin-top:10px;
	padding-left:0;
	font-weight:bold;
	clear:both;
}
dl#price p.pt10 {
	font-size:10px;
	margin-top:-3px;
	float:left;
	padding-left:5px;
}
dl#price p.attention {
	font-size:10px;
	float:left;
	padding-left:5px;
	color:#777777;
	line-height:1.3em;
	margin-top:5px;
}
.img-box {
	width:35%;
	float:right;
	margin-top:10px;
}
.img-box p {
	margin-bottom:5px;
}
.img-box p img {
	border:1px solid #967e6e;
}

dl.accordion {margin:0 0 30px 5px; padding:10px 0; font-size:12px;}
dl.accordion dt {
    background:url(images/open.png) 99% center no-repeat;
    border-bottom:1px solid #c5b8ae; height:40px; line-height:40px; color:#6d4c37; font-weight:bold; cursor:pointer;}
dl.accordion dt.open {
    background:url(images/close.png) 99% center no-repeat; padding-right:0;}
dl.accordion dd { background-color: rgba(255,255,255,0.4); padding:10px; line-height:1.5; display:none;}

p.campaign {
	width:90%;
	margin:10px auto 0;
}
dl.salon-info {
	margin-bottom:10px;
	padding:5px;
	font-size:12px;
}
dl.salon-info dt {
	font-weight:bold;
	line-height:1.5em;
	margin-top:5px;
}
dl.salon-info dd {
	padding-left:10px;
	margin-bottom:5px;
}
#g-map {
	border:2px solid #6d5749;
	width:90%;
	margin:10px auto 0; 
}
ul.reserve {
	padding:0 5px;
	margin-top:5px;
	line-height:1.5em;
	border-bottom:1px solid #A38F6E;
	font-size:12px;
}
ul.reserve li {
	list-style:disc;
	margin-bottom:10px;
}
ul.reserve li.title {
	list-style:none;
	font-size:14px;
	font-weight:bold;
	margin-bottom:0;
	line-height:1.8em;
	color: #828217;
}
#form {
	width:90%;
	margin:15px auto 0;
}
#form p {
	padding:10px 10px 0;
	line-height:1.5em;
}
dl#reserve {
	padding:5px 10px 10px;
}
dl#reserve dt {
	line-height:2em;
}
dl#reserve dd {
	margin-bottom:10px;
}
dl#reserve dd.check {
	line-height:2.8em;
}


/*************
/* form
*************/
.entry_btn {
	width:40%;
	margin:30px auto 0;
	padding-bottom:20px;
}
input#styled {
	background-color: #fff;
	border: 1px solid #6d6d6d;
	padding: 5px;
	font-size: 14px;
	color: #565656;
	width:90%;
}
select#styled {
	background-color: #fff;
	border: 1px solid #6d6d6d;
	padding: 5px;
	font-size: 14px;
	color: #565656;
	width:90%;
}
select#styled02 {
	background-color: #fff;
	border: 1px solid #6d6d6d;
	padding: 5px;
	font-size: 14px;
	color: #565656;
}
textarea#styled {
	background-color: #fff;
	border: 1px solid #565656;
	padding: 5px;
	font-size: 18px;
	color: #565656;
	width:90%;
}.submit-bnt {
	text-align:center;
	line-height:2em;
	font-size:12px;
	padding-bottom:20px;
}


/*************
/* footer
*************/
#to-top {
	margin-top:40px;
}
#to-top .btn {
	float:left;
	margin-left:20px;
}
#to-top .logo {
	float:right;
	margin-right:5px;
}

#footer {
	background-color:#41210f;
	color:#8e837c;
	font-size:12px;
	/*height:100%;*/
}
#footer p {
	text-align:center;
	overflow:hidden;
	line-height:1.3em;
	padding:5px 0;
}
#footer img {
	float:right;
	margin-right:5px;
	margin-top:-5px;
}

/*************
/* 縦・横設定
*************/
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
#header ul.btn li {
	height:40px;
}
#header ul.btn li.tel {
	background: url(images/tel.png) no-repeat;
	background-size:auto 100%;
	background-position:center;
}
#header ul.btn li.ameblo {
	width:15%;
}
#header ul.btn li.fb {
	width:15%;
}
#header ul.btn li.twitter {
	width:15%;
}
#to-top img.btn {
	width:50%;
	height:auto;
}
#to-top .btn {
	margin-top:15px;
}
}



@media only screen and (orientation : portrait) { /*縦向きの際に適用*/
#header ul.btn li {
	table-layout:fixed;
	height:50px;
}
#header ul.btn li.tel {
	background:url(images/icon-tel_s.png) no-repeat;
	background-size:auto 100%;
	background-position:center;
	display:table-cell;
	width:25%;
}
#header ul.btn li.ameblo {
	display:table-cell;
}
#header ul.btn li.fb {
	display:table-cell;
}
#header ul.btn li.twitter {
	display:table-cell;
}
#to-top img.btn {
	width:60%;
	height:auto;
}
#to-top .btn {
	margin-top:-10px;
}
#to-top .logo {
	max-width:42px;
	height:auto;
}

#footer img {
	max-width:42px;
	height:auto;
}
}
/*************
/* sub
*************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}  
.clear{clear:both;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.opacity{background-color: rgba(255,255,255,0.4);}
.bold{font-weight:bold;}
.attention{color:#C80003;}

/*****************
/* 20200406追加
*****************/
.emergency {
	padding: 10px;
	margin: 15px 10px;
	border: 5px solid #f00;
	background: #fff;
	font-size: 12px;
	line-height: 1.8em;
}
.emergency p {
	padding: 0 0 10px;
	color: #f00;
	font-size: 22px;
	font-weight: bold;
	text-align:center;
}
.emergency span {
	color: #f00;
	font-size: 14px;
	font-weight: bold;
}
.emergency .date {
	text-align: right;
	padding: 0;
	margin: 10px 0 0;
}