@charset "UTF-8";
/* CSS Document */


/* main
--------------------------------------------------------------------------------------*/

#main{
	width:100%;
  height:240px;
	position:relative;
	margin: 0;
	background-color: #fff5e0;
	border-top: 1px solid #a48200;
	border-bottom: 1px solid #a48200;
}

#main #page-title{
     position: absolute;
     top: 100px;
     left: 0;
     right: 0;
     bottom: auto;
     margin: auto;
	text-align: center;
}
#main #page-title img{
	width:auto;
	height:60px;
}


/* salon
--------------------------------------------------------------------------------------*/
#salon,
#sec_menu,
#access{
	max-width: 980px;
	clear:both;
	margin: 5% auto;
	padding: 0;
}

#salon .item3{
  	width:calc(30%);
	margin:1.5%;
}
#salon .item3:nth-child(3n){
	margin-right:0;
}




/* sec_menu
--------------------------------------------------------------------------------------*/

#sec_menu h3{
	margin-bottom: 3%;
}
#sec_menu h3 img{
  	width:100%;
	height: auto;
}
#sec_menu .price{
	width: 92%;
	margin:0 4% 7% 4%;
	text-align: left;
	font-size: 100%;
}

#sec_menu .price2{
	width: 92%;
	margin:0 4% 7% 4%;
	text-align: left;
	font-size: 100%;
	border-bottom: 1px double#b4b4b4;
}
#sec_menu .price caption{
	text-align: center;
}
#sec_menu .price th,
#sec_menu .price2 th{
	text-align: left;
	font-size: 110%;
	padding: 8px;
	border-bottom: 1px solid #b4b4b4;
}

#sec_menu .price td,
#sec_menu .price2 td{
	text-align: right;
	padding: 8px;
	border-bottom: 1px solid #b4b4b4;
}



/* access
--------------------------------------------------------------------------------------*/
#access .map iframe {
    width:80%;
	margin: 0 10%;
    height:600px;
}


/* ここからタブ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 1260px) {
	/* salon
--------------------------------------------------------------------------------------*/

#salon,
#sec_menu,
#access{
	max-width: 100%;
	width: 90%;
	margin: 0 0 5% 0;
	padding: 5%;
}

/* access
--------------------------------------------------------------------------------------*/
#access .map iframe {
	width:100%;
	height:400px;
	margin: 0;
}

}





/* ここからスマホ
--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 481px) {

/* main
--------------------------------------------------------------------------------------*/

#main{
  height:140px;
	margin-bottom: 5%;
}

#main #page-title{
     position: absolute;
     top: 50px;
     left: 0;
     right: 0;
     bottom: auto;
     margin: auto;
	text-align: center;
}
#main #page-title img{
	width:30%;
	margin: 0 35%;
	height:auto;
}

	
/* salon
--------------------------------------------------------------------------------------*/

#salon .item3{
	width:calc(48%);
	margin:1%;
}
#salon .item3:nth-child(3n){
	width:calc(48%);
	margin:1%;
}

	

/* sec_menu
--------------------------------------------------------------------------------------*/
/*
#sec_menu h3{
	margin-bottom: 3%;
}
#sec_menu h3 img{
  	width:100%;
	height: auto;
}*/
#sec_menu .fL,
#sec_menu .fR{
		float: none;
		display: block;
		clear: both;
}

#sec_menu .width47{
	width: 100%;
}
#sec_menu .price,
#sec_menu .price2{
	width: 90%;
	margin:0 5% 15% 5%;
}
#sec_menu .price th,
#sec_menu .price2 th{
	font-size: 100%;
}




}