#contents {
    background: #FFF;
}

/*** ↓PC用 ***/
@media screen and (min-width:768px){
/*html {
    background: url("../../images/common/bg_br.png") repeat-y scroll center top;
}*/


/*shop_header*/


#shop_header {
    position: relative;
    width: 917px;
}
    
#shop_header h2 {
    width: 917px;
    padding: 20px 0 5px 0;
    border-bottom: 1px solid #c1272d;
}

#shop_header p.tel {
    position: absolute;
    top: 28px;
    right: 0px;
    font-size: 25px;
    margin: 0;
}

#shop_header p.intro {
    width: 550px;
    font-size: 17px;
    line-height: 1.5;
    margin: 10px 0 0 5px;
		float: left;
}

#shop_header p.shop_info {
    width: 350px;
    margin: 10px 5px 0 0;
    font-size: 15px;
    text-align: right;
		float: right;
}


/*shop_tab*/

#shop_tab_container {
    width: 971px;
    height: 46px;
    margin: 15px -27px 0 -27px;
    background: url(../../images/shops/common/menu/tab_underline.png) repeat-x left bottom;
}

ul.shop_tab {
    padding-left: 58px;
}

ul.shop_tab li {
    float: left;
    width: 171px;
    height: 46px;
}

ul.shop_tab li a {
    width: 171px;
    height: 46px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

ul.shop_tab a:hover,
ul.shop_tab a.selected {
    background-position: 0 -46px;
}

ul.shop_tab li#shop_top a {
    width: 171px;
    height: 46px;
    background-image: url(../../images/shops/common/menu/tab_shop_top.png);
}

ul.shop_tab li#menulist a {
    width: 171px;
    height: 46px;
    background-image: url(../../images/shops/common/menu/tab_shop_menulist.png);
}

ul.shop_tab li#shop_hair a {
    width: 171px;
    height: 46px;
    background-image: url(../../images/shops/common/menu/tab_shop_hair.png);
}

ul.shop_tab li#staffs a {
    width: 171px;
    height: 46px;
    background-image: url(../../images/shops/common/menu/tab_shop_staff.png);
}

ul.shop_tab li#reservation a {
    width: 171px;
    height: 46px;
    background-image: url(../../images/shops/common/menu/tab_shop_rsv.png);
}
}
/*** ↓スマフォ用 ***/
@media screen and (max-width:767px){
html>/**/body img {
    max-width: 100%;
    height: auto;
    width /****/:auto;  /*IE8のみ適用*/
}

p {
    margin: 0;
}

#shop_header p.tel {
    font-size: 120%;
    border-bottom: 1px solid #c1272d;
    margin: 0.3rem 0 0 0;
}

#shop_header p.intro {
    margin: 0.5rem 0 0.5rem 0;
    padding: 0 0 0.5rem 0;
    border-bottom: 1px solid #c1272d;
}

#shop_header p.shop_info {
    margin: 0 0 0.3rem 0;
}


/*shop_tab*/
#shop_tab_container {
	margin: 0.5rem 0;
}

.shop_tab {
    width: 100%;
	display: table;
}

.shop_tab li {
	text-align: center;
		box-sizing: border-box;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 13%,
		#f1eee4));
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.13, #ffffff),
		to(#f1eee4));
	border: 1px solid #a2a39b;
	-moz-box-shadow:
		0px 0px 0px rgba(10,10,10,0),
		inset 1px 0px 0px rgba(255,255,255,0.8);
	-webkit-box-shadow:
		0px 0px 0px rgba(10,10,10,0),
		inset 1px 0px 0px rgba(255,255,255,0.8);
	box-shadow:
		0px 0px 0px rgba(10,10,10,0),
		inset 1px 0px 0px rgba(255,255,255,0.8);
	text-shadow:
		2px 2px 1px rgba(255,255,255,1);
}

.shop_tab li#shop_top {
	display: table-cell;
  width: 20%;
	height: 79px;
	vertical-align: middle;
}

.shop_tab li#shop_top a i.fa {
	font-size: 130%;
}

.shop_tab li#menulist,
.shop_tab li#shop_hair,
.shop_tab li#staffs,
.shop_tab li#reservation {
  float: left;
  width: 50%;
}

.shop_tab li a {
	color: #534741;
	text-decoration: none;
	display: block;
	padding: 10px 6px;
}

.shop_tab li a.selected {
	color: #c1272d;
}

.shop_tab li#shop_top,
.shop_tab li#menulist,
.shop_tab li#staffs {
	border-right: 0px;
}

.shop_tab li#menulist,
.shop_tab li#shop_hair {
	border-bottom: 0px;
}

ul.shop_tab li#reservation a span {
	position: absolute;
	margin-left: -1.5rem;
}
}