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

/*html,body, div#wrapper{height:100%;}min-heightを設定するか検討する、div#wrapperは書いて無い。
body{position:relative;}
1.5emは1.42857143emにする。
*/
/*bootstrap テーマcssに完成後追加する*/
.navbar-default{
	border-color:#28ac3e;
	}
.navbar-toggle{
	margin-top:23px;
	margin-bottom:23px;
	background-color:#fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color:#28ac3e;
}
.navbar-brand{	/*955行目のfloatを消す*/
	float:none;
	padding:0;
	width:137px;
	height:53px;
	margin:14px auto 13px;
	background:url('../images/logo-137x53.png') no-repeat center center;
}
.dropdown-menu>li>a{font-weight:600;}
.nav-tabs > li.open > a.dropdown-toggle{
	background-color:#eee;
	border-color:#ddd;
	}
.carousel-control.left, .carousel-control.right{background:none;}

.nav-tabs{margin-bottom:1.42857143em;}
.nav-tabs > li > a{
	padding-right:8px;
	padding-left:8px;
}
.table{border:solid 1px #ddd;}
/*bootstrap テーマcssに完成後追加する、ここまで*/

/*bootstrap検討*/
.navbar-default .navbar-toggle .icon-bar{background-color:#333;}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text{font-weight:600;}

/*.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	color:#fff;
	background-color:#814e21;
}*/
.border-brown{border-top:1px solid #814e21;}

#lunch-rank > div,
#dinner-rank > div{margin-bottom:1.42857143em;}
#lunch-rank div a img,
#dinner-rank div a img{margin-bottom:0;}
.mb-3{margin-bottom:1.42857143em;}


.label-warning{background-color:#F9982D;}
.menu-txt{margin-bottom:1.42857143em;}

#minidessert{margin-bottom:1.42857143em;}
#minidessert p{position:relative;}
#minidessert .price{
	top:0;
	font-weight:500;
}
.well-chaya{
	min-height:20px;
	padding:19px;
	margin-bottom:20px;
	border:1px solid #bba18a;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
	/*background:url('../images/well-top.png') no-repeat center top , url('../images/well-bottom.png') no-repeat center bottom , url('../images/well-back.png') repeat;
	background-size:contain,contain,auto;*/
	background-image:url('../images/well-back.png');
}
#recruit div > img{
	margin-bottom:1.42857143em;
}
#staff > div > div{padding-bottom:1.42857143em;}
figcaption{
	margin-bottom:10px;
	font-weight:bold;}
.comment{
	min-height:20px;
	padding:19px;
	margin-bottom:20px;
	background-color:#fff;
	border:1px solid #e3e3e3;
	border-radius:10px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
}
p.comment {
  position: relative;
}
p.comment:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 16%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #ccc;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
p.comment:after {
  content: "";
  position: absolute;
  top: -9px;
  left: 16%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.text-green{
	font-weight:700;
	color:#28ac3e;
	}
.bold{
	font-weight:700;
}
p#bento-price,p#order-tel{
    border-bottom:solid 1px #ddd;
}
@media only screen and (min-width:414px){
	.nav-tabs > li > a{
	padding-right:15px;
	padding-left:15px;
}
}
@media only screen and (min-width:568px){
header > nav > div,
header + div,
footer{width:80%;}
}




@media only screen and (min-width:768px){
th{white-space:nowrap;}
}

/*bootstrap 検討ここまで*/

h1,h2{
	margin-top:0;
	color:#333;/*#6AB89B	*/
}
h1{
	margin-bottom:0.7143em;
	font-size:2em;
	line-height:1.42857143;
}
h2{
	margin-bottom:1em;
	font-size:1.42857143em;
	line-height:2;
}
h2.panel-title, h3.panel-title{
	/*font-size:1.2857em;*/
	padding-left:0;
	border-bottom:none;
}
h3{
	margin:0 0 1.12em;
	font-size:1.2857em;
	line-height:1.12;
	color:#333;/*#6AB89B*/
}
h4{
	margin-bottom:1.25em;
	font-size:1.14285em;
	line-height:1.25;
}


/*p{
	text-shadow:1px 1px 3px rgba(255, 255, 255, 0.3);
}*/
p#sitemap a:visited,
footer a:visited{color:;}
/*.navbar-text a,*/ .tel-num a{
	text-decoration:none;
	color:#fff;}/*mobile tel対応*/
.navbar-text .glyphicon, .navbar-text .glyphicon + a{color:#333;}/*mobile tel対応*/
.nav > li.open{z-index:200;}


a.btn-warning{color:#6e6b03;}
ul.nav-pills{
	margin-bottom:20px;
}
a#access{color:#333;}
a#access:hover{text-decoration:none;}

section section, div.row > section, #ouenken{
	overflow:hidden;
	margin-bottom:1.42857143em;
}
section section h2{
	margin-bottom:1.12em;
	font-size:1.2857em;
	font-weight:500;
	line-height:1.12;
	/*color#6AB89B*/
}

.text-right-xs{
	text-align:right;
}
.pull-left-sm{
	float:left;
	width:40%;
	margin-right:4%;
}
div#contents{
	padding-bottom:1.42857143em;
	margin-bottom:1.42857143em;
}
div#main-visual, #side-rss{
	margin-bottom:1.42857143em;
}
div#menu-morning > iframe, div#menu-lunch > iframe, div#menu-dinner > iframe, div#menu-course > iframe{
	margin-bottom:1.42857143em;
	width:100%;
}
.mb-2{
	margin-bottom:1.42857143em;
}
figure img{
	margin-bottom:1.42857143em;
}
aside img{/* or aside div*/
	margin-bottom:1.42857143em;
}
/* 過去のイベント用 */	/*	他のimgに影響するので変更する。	*/
section > div > img, div a img{
	margin-bottom:1.42857143em;
}
p.otoku{
	font-size:1.2857em;
	line-height:1.12;
	color:#f00;
}
p.event-name{
	padding-left:15px;
	background:url('https://chaya.bar-betty.com/event/images/heart2.gif') no-repeat left center;
}
/*bar-betty/index.html & mama.html*/
th{
	background-color:#eee;
}
td{
	background-color:#fff;
}
dt{
	padding-left:15px;
	background:url('https://chaya.bar-betty.com/images/heart.gif') no-repeat 4px center;
	border-bottom:solid 1px #a67eb7;
}
dd{
	padding-left:15px;
	margin-bottom:1.5em;
}

.btn{
	margin-bottom:1.42857143em;
}
div.btn-group-vertical{
	margin-bottom:1.42857143em;
}
div.btn-group-vertical > .btn{
	margin-bottom:0;
}

#food li, #dessert li, #drink li, #alcohol li, #morning-menu li,#morning-toufa li, #morning-pizza li{
	position:relative;
	padding-top:0.71428572em;
	padding-bottom:0.71428572em;
	margin-bottom:1.42857143em;
	font-weight:500;
	border-bottom:dotted 1px #ddd;
}
/*#food li:nth-child(even), #dessert li:nth-child(even), #drink li:nth-child(even), #alcohol li:nth-child(even){
	background-color:#f5f5f5;
}
#food li:last-child, #dessert li:last-child, #drink li:last-child, #alcohol li:last-child{
	border-bottom:none;
}*/

li#sour, li#highball{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none;
}
span.price{
	position:absolute;
	top:10px;
	right:15px;
}
.price + b{
	display:block;
	font-weight:normal;
	color:#777;
}
#morning-menu .menu-txt,#morning-toufa .menu-txt, #morning-pizza .menu-txt{margin-bottom:0;}
/*ul.sub  a.list-group-item{margin-bottom:-1px;}*/








p#return-top{
	position:fixed;
	bottom:10px;
	right:15px;
	z-index:1200;
	margin-bottom:0;
	opacity:0.5;
}
p#return-top .btn{margin-bottom:0;}
div#footer-wrapper{
	width:100%;
	padding:1.42857143em 0;
	/*color:#fff;*/
	background-color:#333;
}
footer li{
	float:left;
	width:50%;
	margin-bottom:1.42857143em;
}
footer li a{
	display:block;
	font-weight:600;
	color:#fff;
}
footer li a:hover{color:#28ac3e;}
footer p{color:#fff;}
@media only screen and (min-width:568px){

}


@media only screen and (max-width:768px){
div#bento-price-tel{
    margin-bottom:1.42857143em;
    }
} /* max-width:768px */


@media only screen and (min-width:768px){
	
body{
	/*background:url('https://chaya.bar-betty.com/images/body-top-back.gif') repeat-x left top;
*/}
h1{
	/*padding-left:15px;*/
	border-bottom:dotted 1px #ddd;
}
h2{
	/*padding-left:15px;
	text-indent:15px;*/
	background:url('https://chaya.bar-betty.com/images/h2-title.png') no-repeat left center;
	border-bottom:dotted 1px #ddd;
}
section section h2{
	background-color:transparent;
	background-image:none;
	border-bottom:none;
}
div#header-top{
	background-color:#333;
}
#header-top ul{margin-bottom:0;}
#header-top li{float:right;margin-left:30px;line-height:2.85714286;}
#header-top li a{font-weight:500;color:#fff;}
#header-top li a:hover{color:#28ac3e;}
p#lead{
	float:left;
	margin-bottom:0;
	line-height:2.85714286;
	color:#fff;
}
div#logo-back{
	background:url('https://chaya.bar-betty.com/images/logo-back.png') repeat-x left center;
}
div#logo{float:left;}
div#logo img{
	margin-bottom:0;
}
#address{
	float:right;
	margin:0.71428571em 0;
}
.breadcrumb{padding-right:15px;padding-left:15px;}	
div.contents-inner{
	/*padding-left:15px;*/
}
.menu-txt{margin-bottom:0;}
.text-right-xs{
	text-align:left;
}
div#menu-morning > iframe, div#menu-lunch > iframe, div#menu-dinner > iframe, div#menu-course > iframe{
	height:655px;
}
section#news > div{
	/*padding-left:15px;*/
}
section#news ul li{
	/*padding-left:15px;*/
	margin-bottom:1.42857143em;
	background:url('https://chaya.bar-betty.com/ /images/heart1.gif') no-repeat left center;
}
#news-li time{
	display:block;
	float:left;
	width:78px;
}
/* bar-betty/mama.html*/
dt{
	background-color:#eee;
}


/*	event , past event		*/
div#local-nav{
	margin-bottom:1.5em;
}
div#local-nav ul{
	border:solid 1px #389900; 
}

div#local-nav li a{
	display:block;
	padding:20px 0 20px 20%;
	color:#389900;
	/*background-color:#f8f407;*/
	border-bottom:solid 1px #389900;
}
#local-nav a.local-current{
	color:#fff;
	background-color:#fcc605;
}
#local-nav li:last-child a{	
	border-bottom:none;
}


#local-nav a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#389900;	
}


/*
#local-nav ul.local-sub a{
	padding:10px 0 10px 20%;
	color:#783930;
	background-color:#eee;
	border:solid 1px #ccc;
}
#local-nav ul.local-sub a:hover{
	background-color:#783930;
	color:#fff;
	border-color:#783930;
}
*/
ul#sitemap-contents li{
	float:left;
	margin-bottom:1.42857143em;
	width:50%;
	/*list-style:disc url('https://chaya.bar-betty.com/images/beer.gif') inside;*/
}

p#return-top{
	bottom:20px;
	opacity:0.7;
}
footer li{
	width:auto;
}
footer li a{
	padding:0 20px;
}
footer small{
	padding-left:20px;
}


} /* //min:768px*/
@media only screen and (min-width:992px){
.mb-md-3{margin-bottom:1.42857143em;}
.pull-left-sm{
	float:none;
	width:auto;
	margin-right:0;
}
div#menu-morning > iframe, div#menu-lunch > iframe, div#menu-dinner > iframe, div#menu-course > iframe{
	height:862px;
}
} /* col-md : 992px*/
@media only screen and (min-width:1200px){
div#menu-morning > iframe, div#menu-lunch > iframe, div#menu-dinner > iframe, div#menu-course > iframe{
	height:1050px;
}
}