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

/*html,body, div#wrapper{height:100%;}min-heightを設定するか検討する、div#wrapperは書いて無い。
body{position:relative;}
1.5emは1.42857143emにする。
*/
h1,h2,h3{
	margin-top:0;
	color:#783930;
}
h1{
	margin-bottom:0.7143em;
	font-size:2em;
	line-height:1.42857143;
}
h2{
	margin-bottom:1em;
	font-size:1.42857143em;
	line-height:2;
}
h3{
	margin:0 0 1.12em;
	font-size:1.2857em;
	line-height:1.12;
	text-indent:10px;
	background:url('../images/h3-title.gif') no-repeat left center;
}
h3.media-heading{
    text-indent:0px;
    background-image:none;
}
.bold{font-weight:bold;}
/*p{
	text-shadow:1px 1px 3px rgba(255, 255, 255, 0.3);				2.85714286em
}*/
header + p{
	position:absolute;
	top:83px;
	right:15px;
	color:#783930;
}
.text-right-xs{
	text-align:right;
}
.border-purple{border-top:1px solid #a67eb7;}
.mb-3{margin-bottom:1.42857143em;}
div#contents{
	padding-bottom:1.42857143em;
	margin-bottom:1.42857143em;
}
div#main-visual,section{
	margin-bottom:1.42857143em;
}
figure img{
	margin-bottom:1.42857143em;
}
aside img{/* or aside div*/
	margin-bottom:1.42857143em;
}
/* 過去のイベント用 */	/*	他のimgに影響するので変更する。			*/
div a img{
	margin-bottom:1.42857143em;
}
div#pagi-wrapper{
	position:fixed;
	bottom:0;
	left:15px;
	z-index:1100;
	width:100%;
	height:74px;
	padding:20px 15px 0;
	margin-right:-15px;
	margin-left:-15px;
	background-color:#fffbf5;
	box-shadow: 0px -1px 3px #333;
}
p.event-name{
	padding-left:15px;
	background:url('../event/images/heart2.gif') no-repeat left center;
}
/*bar-betty/index.html & mama.html*/
th{
	background-color:#eee;
}
td{
	background-color:#fff;
}
#golf h3{
    text-indent:0px;
    background:none;
}
#golf th, #golf td{
	background-color:transparent;
    border-top:none;
    border-bottom:1px solid #ddd;
}
#golf .table-responsive > table tr > td{
    white-space:normal;
}

dt{
	padding-left:15px;
	background:url('../images/heart.gif') no-repeat 4px center;
	border-bottom:solid 1px #a67eb7;
}
dd{
	padding-left:15px;
	margin-bottom:1.5em;
}
#staff > div > div{padding-bottom:1.42857143em;}
.text-success{color:#de007f;}

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:4px;
	-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;
  color:#783930;
}
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;
}
.jumbotron{
	background:url('../images/jum.jpg') no-repeat left center;
	/*background-size:cover;*/
}
.btn{
	margin-bottom:1.42857143em;
}
div.btn-group-vertical{
	margin-bottom:1.42857143em;
}
div.btn-group-vertical > .btn{
	margin-bottom:0;
}
/*ul.sub  a.list-group-item{margin-bottom:-1px;}*/

p#return-top{
	position:fixed;
	right:15px;
	bottom:20px;
	opacity:0.7;
}
#image-list #return-top{
	bottom:94px;
	z-index:1100;
	margin-bottom:0;
}
#image-list p#return-top > .btn{
	margin-bottom:0;
}
div#footer-wrapper{
	width:100%;
	padding:1.42857143em 0;
	color:#fff;
	background:#111;
}
footer li{
	float:left;
	width:50%;
	margin-bottom:1.42857143em;
}
footer li a{
	display:block;
	color:#fff;
}
@media only screen and (min-width:568px){
h1{
	border-bottom:solid 1px #783930;
}
h2{
	border-bottom:solid 1px #a67eb7;
}
header + p{
	right:10%;
	margin-right:15px;
}

/*header > nav > div,
header + p + div,
footer{width:80%;}*/

}
@media only screen and (max-width:767px){
    #golf .table-responsive{
        border:none;
    }
}

@media only screen and (min-width:768px){
h1{
	text-indent:15px;
	background-color:#ffd1dd;
}
h2{
	text-indent:15px;
	background-color:#eee;
}
header{
	background:url('../images/body-back.gif') repeat-x left top;
}
div#header-top p{
	margin-bottom:0;
	line-height:2.85714286;
	color:#fff;
}
p#lead{
	float:left;
}
p#sitemap{
	float:right;
}
header p > a{
	color:#fff;
}
div#logo{
	clear:right;
	float:left;
}
div#logo img{
	margin-bottom:0;
}
address{
	float:right;
}
address p{
	margin:0.71428571em 0;
	}
address p a{
	color:#333;
}
.breadcrumb{padding-right:15px;padding-left:15px;}	
div.contents-inner{
	padding-left:15px;
}
.text-right-xs{
	text-align:left;
}
div#pagi-wrapper{
	position:static;
	z-index:auto;
	width:auto;
	height:auto;
	padding:0;
	margin-right:0;
	margin-left:0;
	background-color:transparent;
	box-shadow:none;
}


section#news > div{
	padding-left:15px;
}
section#news ul li{
	padding-left:15px;
	margin-bottom:1.42857143em;
	background:url('https://bar-betty.com/css/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 #783930; 
}

div#local-nav li a{
	display:block;
	padding:20px 0 20px 20%;
	color:#783930;
	background-color:#ffd1dd;
	border-bottom:solid 1px #783930;
}
#local-nav a.local-current{
	color:#fff;
	background-color:#a67eb7;
}
#local-nav li:last-child a{	
	border-bottom:none;
}


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


/*
#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('../images/beer.gif') inside;*/
}
#image-list #return-top{
	bottom:20px;
	z-index:auto;
	margin-bottom:1.42857143em;
}
#image-list p#return-top > .btn{
	margin-bottom:1.42857143em;
}
footer li{
	width:auto;
}
footer li a{
	padding:0 20px;
}
footer small{
	padding-left:20px;
}


} /* //min:768px*/