@charset "UTF-8";

h1{
	line-height:1em !important;
}

.open>*{
	background:#fff;
}

/*
#header>*{
	-webkit-transform:scale(.8);
	transform:scale(.8);
}
*/

/**/

#back-1{
	padding-top:34%;
}

#back-1.sumi{
	background:url(../img/salon/sumiyoshi/back-1.jpg) fixed center top;
	background-size:100%;
	margin:20px auto 0;
}

#back-1.hama{
	background:url(../img/salon/hamanomachi/back-1.jpg) fixed center top;
	background-size:100%;
	margin:20px auto 0;
}

/**/

#box1-box{
	max-width:1000px;
}

#box1-box>*{
	padding:5% 0;
}

#name{
	border-bottom:4px solid #333;
	padding-bottom:1%;
}

#box1-txt{
	padding:5% 0;
}

#box1-1{
	width:49%;
}

#box1-2{
	margin-left:2%;
	width:49%;
}

#box1 img{
	display:block;
}

#box1 img+img{
	margin-top:4%;
}

/**/

#back-2{
	padding-top:34%;
}

#back-2.sumi{
	background:url(../img/salon/sumiyoshi/back-2.jpg) fixed center top;
	background-size:cover;
}

#back-2.hama{
	background:url(../img/salon/hamanomachi/back-2.jpg) fixed center top;
	background-size:cover;
}

/**/

#box2-box{
	max-width:1000px;
}

#box2-box>*{
	padding:5% 0;
}

#box2-box h2{
	border-top:4px solid #333;
	padding:1% 0;
}

#box2{
	margin-top:5%;
}

#box2-1{
	width:49%;
}

#box2-1>table{
	width:100%;
}

#box2-1 a{
	color:#000;
}

#box2-1 tr>*{
	padding:10px 0;
}

#box2-1 th{
	border-top:2px solid #333;
	box-sizing:border-box;
	font-weight:bold;
	padding-left:15px;
	text-align:left;
	width:150px;
}

#box2-1 td{
	padding-left:15px;
}

.gaikan {
    padding-top: 6%;
	text-align:center;
}

.pc{
	display:blocknone;
}

.sp{
	display:none;
}

#box2-2{
	margin-left:2%;
	width:49%;
}


#map{
	padding:0 100% 100% 0;
}

#map>*{
	height:100%;
	top:0;
	-webkit-transform:none;
	transform:none;
}

/**/

#box3-box,#box4-box{
	max-width:1000px;
}

#box3-box>*,#box4-box>*{
	padding:5% 0;
}

#box3-box h2,#box4-box h2{
	border-top:4px solid #333;
	padding:1% 0;
}

#box3>*,#box4>*{
	margin-top:2%;
	width:23%;
}

#box3>.empty,#box4>.empty{
	margin-top:0;
}

#box3>*+*{
	margin-left:2%;
}

#box3>*:nth-child(4n+1){
	margin-left:0;
}

#box3 b{
	display:block;
	margin-top:15px;
}

#box3 a+a{
	background:#000;
	color:#fff;
	display:block;
	display:none;
	margin-top:5px;
	padding:10px;
	position:relative;
}

#box3 a+a::before{
	border:5px solid transparent;
	border-left-color:#fff;
	bottom:0;
	content:"";
	height:0;
	margin:auto;
	position:absolute;
	right:5px;
	top:0;
}

.staff>*{
	color:#000;
}

.staff{
	cursor:default;
	opacity:1 !important;
}


/* ブログボックス */

#blog {
    width: 100%;
    overflow: hidden;
}

.blog-box {
    width: 95%;
    border-bottom: 1px solid #ccc;
    padding: 5px 15px 10px 15px;
	
}

.blog-box:nth-child(n+3) {
    padding: 10px 0 10px 15px;
}

.blog-line{
    opacity:1;
	transition:.1s;
	-webkit-transition:.1s;
    color: #000;
}

.blog-line:hover {
    opacity:.5;
}

p.date {
    font-size: 80%;
}

h3.b-title {
    font-size: 17px;
}

p.b-text {
    font-size: 90%;
}


/**/
@media(max-width:1105px){
	
#box2 {
    overflow: hidden;
    max-height: 423.78px;
}

}

@media(max-width:960px){

#back-1,
#back-2{
	background-attachment:scroll !important;
}

#box2 {
    max-height: 100%;
}
.pc{
	display:none;
}

.sp{
	display:block;
}

/**/

#box2-1{
	width:100%;
}

#box2-1 table,
#box2-1 tbody,
#box2-1 tr,
#box2-1 tr>*{
	display:block;
}

#box2-1 th{
	width:100%;
}

#box2-1 td{
	border-top:1px dashed #333;
	padding:10px;
}

#box2-2{
	margin-left:0%;
	margin-top:5%;
	width:100%;
}

.gaikan {
    padding-top: 0;
}

#map{
	padding:0 100% 40% 0;
}

/**/

#box3>*{
	width:32%;
}

#box3>*:nth-child(4n+1){
	margin-left:2%;
}

#box3>*:nth-child(3n+1){
	margin-left:0;
}

/* ブログボックス */
#box4 a {
    color: #000;
    width: 93%;
}

}

/**/

#box-box h2{
	border-top:4px solid #333;
	padding:1% 0;
}

#box-box>*{
	padding-top:0 !important;
}

/**/

@media(max-width:600px){

#box3>*{
	width:49%;
}

#box3>*:nth-child(3n+1){
	margin-left:2%;
}

#box3>*:nth-child(2n+1){
	margin-left:0;
}

}