/* CSS Document */
main{
	padding-bottom: 100px;
}
.f-top{
	text-align: center;
	position: relative;
	margin-bottom: 50px;
}
.f-top .title{
	margin-bottom:40px;
}
.herb {
    position: absolute;
    top: 50%;
    -webkti-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    width: 30%;
}
.herb img{
	width: 100%;
	height: auto;
}
.f-top .herb {
    top: 25%;
    left: 0;
    max-width: 184px;
}
.f-top .herb.img2 {
    top: 25%;
	left: auto;
    right: 0;
    max-width: 184px;
}
.f-box{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.f-box .inner{
	background-color: #fff;
	padding: 30px;
	margin-bottom: 30px;
}
.f-box .inner h3{
	margin-bottom: 40px;
}
.f-box .inner span{
	vertical-align: middle;
	margin: 0 0.2em;
}
.f-box .flexbox {
	align-items: stretch;
}
.f-box .flexbox > .inner{
	width: 48.5%;
}
.f-box .flexbox > .inner p{
	line-height: 1.2;
}
.f-box .inner > div{
	padding: 30px;
	height: 100%;
	position: relative;
	text-align: center;
}
.f-box .inner > div::before,
.f-box .inner > div::after{
	display: block;
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
}
.f-box .inner > div::before{
	border-top: 3px solid #a48e2a;
	border-left: 3px solid #a48e2a;
	top: 0;
	left: 0;
}
.f-box .inner > div::after{
	border-bottom: 3px solid #a48e2a;
	border-right: 3px solid #a48e2a;
	bottom: 0;
	right: 0;
}
.service ul{
	display: inline-block;
}
.service li{
	text-align: left;
}
.reserve dt,
.reserve dd{
	display: inline-block;
	vertical-align: middle;
}
.reserve figure{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.reserve figcaption{
	margin-top: 30px;
}
.shop_logo{
	margin-bottom: 20px;
	position: relative;
}
/*.shop_logo img{
	max-width: 130px;
	max-height: 65px;
}*/
.reserve .btn_a{
	margin: 15px 0;
}
.omotesando{
	margin-bottom: 35px;
}
.old .btn_c{
	width: auto;
	display: inline-block;
	font-size: 13px;
	padding:5px 10px;
	font-weight: normal;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.inner.point .f21{
    line-height: normal;
}
@media screen and (max-width:768px){
.herb {
    position: absolute;
    top: 50%;
    -webkti-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    width: 30%;
}
.f-top .herb {
    top: -30%;
    left: 0;
    max-width: 184px;
}
.f-top .herb.img2 {
    top: -30%;
	left: auto;
    right: 0;
    max-width: 184px;
}
.f-box .flexbox > .inner{
	width: 100%;
}
}

@media screen and (max-width:480px){
.f-top .txt{
	letter-spacing: 0;
	}
.herb {
    position: absolute;
    top: auto;
    -webkti-transform: translateY(-50%);
    transform: none;
    z-index: -1;
    width: 20%;
}
.f-top .herb {
    left: 0%;
    max-width: 184px;
}
.f-top .herb.img2 {
	left: auto;
    right: 0;
    max-width: 184px;
}
.f-box .inner{
	padding: 20px;
}
.service .f21{
	font-size: 14px;
}
.reserve .flexbox.clm3 li{
	width: 100%;
	margin-bottom: 60px;
}	
}