@charset "UTF-8";
li {
	list-style: none;
}
#brandWrp {
	margin-right: auto;
	margin-left: auto;
	width: 95%;
	height: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 23px;
	margin-top: 50px;
    background-color: transparent !important;
}
#brandWrp .brand_tit {
	margin-bottom: 40px;
}
#topWrp {
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}
#topWrp #slider {
}
#topWrp #slider li img {
	width: 100%;
	height: auto;
}
#logoWrp {
	position: relative;
	text-align: left;
	margin-bottom: 10px;
}
#logoWrp .logo {
	padding: 0;
	text-align: left;
	margin-left: 5%;
}
#logoWrp .logo h1 img {
	width: 170px;
	height: auto;
}
#logoWrp .top_cmt {
	font-size: 22px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	line-height: 40px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 2px;
	text-align: left;
	left: 30%;
}
#cmtWrp {
	text-align: left;
	margin-bottom: 60px;
}
#cmtWrp h1 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
}
#shopWrp {
}
#shopWrp nav ul {
	text-align: left;
	width: 100%;
	height: auto;
	margin-left: 1%;
}
#shopWrp nav ul li {
	width: 32%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 50px;
}
#shopWrp nav ul li .salonbox {
	width: 100%;
	height: auto;
	margin: 0 auto;
	max-width: 230px;
	position: relative;
	text-align: left;
}
.salonbox .s_img {
	width: 100%;
	height: auto;
}
.salonbox .s_img img {
	width: 100%;
	height: auto;
}
.salonbox .s_img .reserve {
	border-radius: 10px;
	background-color: #FFFFFF;
	z-index: 2;
	position: relative;
	width: 80%;
	margin: 0 auto;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	top: -27px;
	max-width: 173px;
	padding-bottom: 0px;
	height: auto;
}
.salonbox .s_img .reserve a{
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.salonbox .s_img .reserve::before,
.salonbox .s_img .reserve::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.salonbox .s_img .reserve,
.salonbox .s_img .reserve::before,
.salonbox .s_img .reserve::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	
}
.salonbox .s_img .reserve a:hover {
	opacity: 0.7;
}
.salonbox .s_addr {
	margin-top: -10px;
}
.salonbox .s_addr h2 {
	font-size: 16px;
	letter-spacing: 1px;
}
.salonbox .s_addr p {
	margin-left: 2px;
	line-height: 25px;
}
.s_addr .tel  {
	font-size: 15px;
	letter-spacing: 1px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.s_addr .tel:before  {
	content: "TEL";
	font-size: 13px;
}
.s_addr span {
	padding-top: 11px;
	margin-left: 1px;
}

@media screen and (max-width:768px){
	main .inner1000 {
	width: 100%;
	height: auto;
}
#brandWrp .brand_tit {
	margin-top: 60px;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	max-width: 190px;
	min-width: 150px;
}
#brandWrp .brand_tit img  {
	width: 100%;
	height: auto;
}
#logoWrp {
}
#logoWrp .logo {
	margin: 0 0 30px 5%;
}
#logoWrp .logo h1 img {
	
}
#logoWrp .top_cmt {
	position: relative;
	text-align: left;
	font-size: 18px;
	line-height: 32px;
	width: 90%;
	display: block;
	left: 0px;
	margin-right: auto;
	margin-left: auto;
}
#cmtWrp h1 {
	font-size: 13px;
}
#shopWrp nav ul {
	text-align: left;
}
#shopWrp nav ul li {
	width: 49%;
	margin-bottom: 50px;
}
#shopWrp nav ul li .salonbox    {
	width: 90%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
.salonbox .s_img {
	width: 100%;
	height: auto;
}
.salonbox .s_img img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	max-width: 200px;
}
.salonbox  .s_img .reserve {
	width: 60%;
	height: auto;
	top: -21px;
}
.salonbox .s_img .reserve a img {
	width: 100%;
	height: auto;
}
.salonbox .s_addr {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-top: -17px;
}
.salonbox .s_addr h2 {
	font-size: 14px;
}
.salonbox .s_addr p {
	line-height: 20px;
	font-size: 12px;
}
.salonbox .s_addr .tel  {
	font-size: 14px;
}
.salonbox .s_addr span img {
	width: 30%;
	height: auto;
}
.bx-wrapper .bx-prev {
	display: none;	
}
.bx-wrapper .bx-next {
	display: none;	
}
.bx-wrapper .bx-controls-direction a {
	display: none;	
}
}

@media screen and (max-width:480px){
#brandWrp {
	width: 100%;
	height: auto;
}
#topWrp  {
	margin-bottom: 0px;
}
#logoWrp {
	margin-bottom: 0px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#logoWrp .logo h1 img {
	padding-bottom: 20px;
}
#logoWrp .top_cmt {
	font-size: 15px;
}
#cmtWrp {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#shopWrp {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#shopWrp nav ul li .salonbox    {
	width: 95%;
	max-width: 170px;
}
.salonbox .s_img .reserve {
	width: 80%;
}
.salonbox .s_addr {
	padding-left: 5px;
}
.salonbox .s_addr h2 {
	font-size: 13px;
	text-align: left;
}
.salonbox .s_addr p {
	line-height: 18px;
	font-size: 10px;
	text-align: left;
	margin-left: 4px;
}
.salonbox .s_addr .tel {
	font-size: 11px;
}
.salonbox .s_addr span img {
	width: 46%;
	font-size: 0px;
	display: inline-block;
	float: left;
	margin-bottom: 3px;
	max-width: 68px;
	margin-right: 3px;
}
#cmtWrp h1 {
	font-size: 11px;
}

}