@charset "utf-8";

@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("https://fonts.googleapis.com/css?family=Crimson+Text:600");
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:10002; overflow:hidden; padding-top:0px;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow: hidden;}/*スクロール対策*/
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
User Style:
Change the following styles to modify the appearance of ColorBox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{ margin:0 auto;}
#cboxContent{ padding:0px; position:relative;}
#cboxError{padding:0px; border:1px solid #ccc;}
#cboxLoadedContent{position:relative;}
#cboxTitle{position:absolute; bottom:50px; left:50%; transform:translateX(-50%);}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
/*#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}*/
/*#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}*/
#cboxLoadingOverlay{/*background:#FFF;*/}
#cboxLoadingGraphic{/*background:url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/loading.gif) no-repeat center center;*/}
#cboxClose{position:absolute; top:0; right:0; display:block; width:63px; height:63px; text-indent:-9999px;z-index:9999;}
#cboxClose:before {
	content:'';
	height: 1px;
	width: 34px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left:-17px;
	-moz-transform:rotateZ(45deg);
	-ms-transform:rotateZ(45deg);
	transform:rotateZ(45deg);
	background-color:#FFF;
}
#cboxClose:after {
	content:'';
	height: 1px;
	width: 34px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left:-17px;
	-moz-transform:rotateZ(-45deg);
	-ms-transform:rotateZ(-45deg);
	transform:rotateZ(-45deg);
	background-color:#FFF;
}
#cboxPrevious {
	position: absolute;
	z-index: 501;
	left: 45px;
	bottom: 45px;
	height: 32px;
	width: 66px;
	padding-left: 44px;
	line-height: 37px;
	color: #FFF;
	text-align: left;
	display: block;
	font-size: 12px;
	transition: all 0.3s ease;
	font-family: 'Crimson Text', serif;
	font-weight:600;
	z-index:6001;
}
#cboxPrevious:before {
	content:'';
	position:absolute;
	height:32px;
	width:32px;
	box-sizing:border-box;
	border:2px solid #FFF;
	border-radius:16px;
	left:0px;
	top:0px;
}
#cboxPrevious:after {
	content:'';
	position:absolute;
	width:4px;
	height:4px;
	border-top:solid 2px #FFF;
	border-right:solid 2px #FFF;
	top:13px;
	left:14px;
	-ms-transform:rotateZ(-135deg);
	-webkit-transform:rotateZ(-135deg);
	transform:rotateZ(-135deg);	
}
#cboxPrevious:hover {
	opacity:0.6;
}
#cboxNext {
	position: absolute;
	z-index: 501;
	right: 45px;
	bottom: 45px;
	height: 32px;
	width: 66px;
	padding-right: 44px;
	line-height: 37px;
	color: #FFF;
	text-align: right;
	display: block;
	font-size: 12px;
	transition: all 0.3s ease;
	font-family: 'Crimson Text', serif;
	font-weight:600;
	z-index:6001;
}
#cboxNext:before {
	content:'';
	position:absolute;
	height:32px;
	width:32px;
	box-sizing:border-box;
	border:2px solid #FFF;
	border-radius:16px;
	right:0px;
	top:0px;
}
#cboxNext:after {
	content:'';
	position:absolute;
	width:4px;
	height:4px;
	border-top:solid 2px #FFF;
	border-right:solid 2px #FFF;
	top:13px;
	right:14px;
	-ms-transform:rotateZ(45deg);
	-webkit-transform:rotateZ(45deg);
	transform:rotateZ(45deg);	
}
#cboxNext:hover {
	opacity:0.6;
}
#cboxContent:before {
	content:'';
	left:30px;
	bottom:30px;
	height:62px;
	width:120px;
	background-color:rgba(0,0,0,0.7);
	position:absolute;
	z-index:5000;
}
#cboxContent:after {
	content:'';
	right:30px;
	bottom:30px;
	height:62px;
	width:120px;
	background-color:rgba(0,0,0,0.7);
	position:absolute;
	z-index:5000;
}
#cboxLoadedContent:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	box-sizing:border-box;
	opacity:0.7;
	z-index:1000;
	border:30px solid #000;
}
#cboxLoadedContent:after {
	content:'';
	position:absolute;
	top:30px;
	right:30px;
	box-sizing:border-box;
	opacity:0.7;
	z-index:1000;
	width:33px;
	height:33px;
	background-color:#000;
	opacity:0.7;
}
/*#cboxClose.hover{background-position:bottom center}*/
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item.center {
	opacity:1;
}
.owl-carousel .owl-item img {
  display: block;
/*  width: 100%;*/
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
/*  transform-style: preserve-3d;*/
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/css/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
.owl-controls {
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.owl-controls .owl-nav {
	position:absolute;
	top:0px;
	left:50%;
	width:0px;
	height:0px;
	margin: 0px;
	display: block;
	cursor: pointer;
}
.owl-prev {
	color::transparent;
	position:absolute;
	right:336px;
	top:0px;
	width:572px;
	height:366px;
	text-indent:-9999px;
	display:none;
}
.owl-next {
	color:transparent;
	position:absolute;
	left:336px;
	top:0px;
	width:572px;
	height:366px;
	text-indent:-9999px;
}
.owl-dots .owl-dot span {
	width: 19px;
	height: 19px;
	background-image:url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/top/dot.gif);
	display: block;
}
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span {
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/top/dot_active.gif);
}
.owl-controls .owl-nav .disabled {
	opacity: .5;
	cursor: default
}
.owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
*display:inline;
}


body {
	font-family: 'Noto Sans Japanese', sans-serif;
}
a {
	color: #a4a4a4;
	text-decoration: none;
	transition: color 0.2s ease;
}
a:hover {
	color: #FFF;
}
::selection {
	background: #000;
}
::-moz-selection {
background: #342276;
}
* {
	outline: none;
}
.ct {
	font-family: 'Crimson Text', serif;
	font-weight: 600;
	letter-spacing: 0.5px;
}
iframe {
	vertical-align: bottom;
}
#indexWrap {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	min-height: 670px;
	min-width: 1200px;
	overflow: hidden;
}
#indexWrap h1 {
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/indexLogo.png);
	height: 330px;
	width: 410px;
	margin-top: -165px;
	margin-left: -170px;
	position: absolute;
	left: 50%;
	top: 50%;
	transition: opacity 0.3s ease;
	z-index: 6000;
}
#copyright {
	position: absolute;
	top: 50%;
	right: 20px;
	font-size: 11px;
	transform: rotateZ(-90deg) translate(50%, 0);
	-ms-transform: rotateZ(-90deg) translate(50%, 0);
	-webkit-transform: rotateZ(-90deg) translate(50%, 0);
	-ms-transform-origin: right bottom;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	transition: opacity 0.3s ease;
	z-index: 6000;
}
#indexWrap h1.tp, #copyright.tp {
	opacity: 0;
}
nav {
	position: fixed;
	height: 100%;
	width: 70px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.7, 1);
	z-index: 9995;
}
nav.active {
	width: 100%;
}
#navPillar {
	background-color: #000;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 70px;
	bottom: 0px;
}
.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 70px;
	height: 70px;
	padding-top: 44px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
}
.menu-trigger span {
	position: absolute;
	left: 20px;
	width: 30px;
	height: 1px;
	background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
	top: 25px;
}
.menu-trigger span:nth-of-type(2) {
	top: 31px;
}
.menu-trigger span:nth-of-type(3) {
	top: 37px;
}
.menu-trigger.active span {
	width: 20px;
	left: 25px;
}
.menu-trigger.active span:nth-of-type(1) {
	-ms-transform: translateY(6px) rotate(-315deg);
	-webkit-transform: translateY(6px) rotate(-315deg);
	transform: translateY(6px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-ms-transform: translateY(-6px) rotate(315deg);
	-webkit-transform: translateY(-6px) rotate(315deg);
	transform: translateY(-6px) rotate(315deg);
}
.menu-trigger strong {
	font-weight: 600;
}
#navMain {
	width: 400px;
	position: absolute;
	left: 70px;
	top: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.7);
}
#menuTitle {
	color: #FFF;
	padding-top: 40px;
	padding-left: 40px;
}
#gnav {
	position: absolute;
	height: 304;
	width: 250px;
	left: 40px;
	top: 50%;
	margin-top: -152px;
}
#gnav li {
	height: 25px;
	margin-bottom: 13px;
}
#gnav li:first-child {
	margin-bottom: 26px;
}
#gnav li:last-child {
	margin-bottom: 0px;
}
#gnav li a {
	height: 25px;
	position: relative;
	display: block;
	line-height: 30px;
	box-sizing: border-box;
	transition: all 0.4s ease;
}
#gnav li a:before {
	content: '';
	background-color: #e40d2c;
	position: absolute;
	height: 1px;
	width: 0px;
	left: 0px;
	top: 12px;
	transition: all 0.4s ease;
}
#gnav li a.active {
	padding-left: 30px;
	font-size: 22px;
	color: #FFF;
}
#gnav li a:hover {
	padding-left: 30px;
	color: #FFF;
}
#gnav li a:hover:before, #gnav li a.active:before {
	width: 18px;
}
#gnav li a .openBlank {
	display: inline-block;
	position: relative;
	height: 10px;
	width: 10px;
	margin-left: 5px;
	transition: all 0.2s ease;
}
#gnav li a .openBlank:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 2px;
	right: 2px;
	border: 1px solid #a4a4a4;
	transition: all 0.2s ease;
}
#gnav li a .openBlank:after {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 2px;
	left: 2px;
	bottom: 0px;
	right: 0px;
	border-right: 1px solid #a4a4a4;
	border-bottom: 1px solid #a4a4a4;
	transition: all 0.2s ease;
}
#gnav li a.active .openBlank {
	width: 14px;
	height: 14px;
}
#gnav li a:hover .openBlank:before, #gnav li a:hover .openBlank:after {
	border-color: #FFF;
}
nav footer {
	position: absolute;
	left: 40px;
	right: 0px;
	bottom: 40px;
}
.cancaleLogo {
	margin-bottom: 20px;
}
#footNav {
	display: table;
}
#footNav li {
	display: table-cell;
	color: #a4a4a4;
	font-size: 10px;
}
#footNav li:after {
	content: ' ／ ';
}
#footNav li:last-child:after {
	content: '';
}
nav #navShop {
	background-color: rgba(255,255,255,0.2);
	overflow: auto;
	position: absolute;
	left: 470px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#shopListWrap {
	margin: 0 auto;
}
@media screen and (max-width:1416px) {
#shopListWrap {
	width: 651px;
}
}
@media screen and (min-width:1417px) and (max-width:1633px) {
#shopListWrap {
	width: 868px;
}
}
@media screen and (min-width:1634px) and (max-width:1850px) {
#shopListWrap {
	width: 1085px;
}
}
@media screen and (min-width:1851px) and (max-width:2067px) {
#shopListWrap {
	width: 1302px;
}
}
@media screen and (min-width:2068px) {
#shopListWrap {
	width: 1519px;
}
}
#navShopInner {
	padding-top: 40px;
	padding-bottom: 80px;
	padding-left: 40px;
}
#btnStudioRental {
	height: 30px;
	width: 150px;
	margin-left: auto;
	background-color: #000;
	margin-right: 30px;
}
#btnStudioRental a {
	display: block;
	height: 30px;
	padding-right: 15px;
	line-height: 32px;
	text-align: center;
	font-size: 12px;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #000;
}
#btnStudioRental a span {
	color: #FFF;
	position: relative;
	z-index: 2;
	transition: all 0.2s ease;
}
#btnStudioRental a:hover span {
	color: #000;
}
#btnStudioRental a:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 0px;
	background-color: #F8DC33;
	transition: all 0.2s ease;
}
#btnStudioRental a:hover:before {
	width: 100%;
}
#btnStudioRental a:after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	border-top: solid 1px #FFF;
	border-right: solid 1px #FFF;
	top: 11px;
	right: 15px;
	-ms-transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
#btnStudioRental a:hover:after {
	border-color: #000;
}
#navShopInner h2 {
	text-align: center;
	font-size: 22px;
	line-height: 24px;
	color: #000;
	padding-top: 20px;
	padding-bottom: 20px;
}
#navShopInner h3 {
	text-align: center;
	padding-top: 22px;
	padding-bottom: 20px;
	position: relative;
	clear: both;
}
.belgiumFlag {
	background-color: #F8DC33;
	position: absolute;
	height: 2px;
	width: 18px;
}
.belgiumFlag:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 6px;
	background-color: #000;
}
.belgiumFlag:after {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 6px;
	background-color: #E40D2C;
}
#navShopInner h3 .belgiumFlag {
	margin-left: -9px;
	position: absolute;
	left: 50%;
	top: 0px;
}
#navLogo {
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/navLogo.png);
	position: absolute;
	height: 152px;
	width: 152px;
	top: 30px;
	right: -76px;
	z-index: 5500;
}
.navShopList {
	padding-bottom: 50px;
}
.navShopList li {
	float: left;
	height: 160px;
	width: 216px;
	margin-right: 1px;
	margin-bottom: 1px;
	position: relative;
}
.navShopList li a {
	background-color: rgba(0,0,0,0.5);
	display: block;
	position: absolute;
	height: 160px;
	width: 216px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.navShopList li a:hover {
	background-color: rgba(0,0,0,0);
	transition: all 0.3s ease;
}
.navShopListHoverBg {
	border: 5px solid #000;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
	box-sizing: border-box;
	background-color: #f8dc33;
	opacity: 0;
	transition: all 0.3s ease;
}
.navShopList li a:hover .navShopListHoverBg {
	opacity: 0.8;
}
.navShopListName {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	transition: all 0.3s ease;
	color: #FFF;
}
.navShopList li a:hover .navShopListName {
	color: #000;
}
.navShopListName h4 {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	width: 216px;
	height: 60px;
	position: relative;
	padding-top: 25px;
	font-size: 20px;
}
.navShopListName h4 .belgiumFlag {
	margin-left: -9px;
	position: absolute;
	left: 50%;
	bottom: 0px;
}
.navShopListCity {
	font-size: 14px;
	text-align: center;
	padding-top: 20px;
}
#background {
	position: fixed;
	z-index: -1;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
}
#background li {
	background-position: center center;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;
}
#background li:first-child {
	opacity: 1;
}
#background .hover {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	z-index: 201;
	opacity: 0;
	transition: opacity 0.3s ease;
	background-size: cover;
	background-position: center center;
}
#background .normal {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	z-index: 200;
	opacity: 1;
	background-size: cover;
	background-position: center center;
}
#background .hover.active {
	opacity: 1;
}
#shopWrap {
	position: relative;
	padding-left: 70px;
	min-width: 1130px;
	overflow: hidden;
}
#shopListNav {
	position: fixed;
	left: 110px;
	top: 40px;
	z-index: 8520;
}
#shopListNav li {
	float: left;
	height: 21px;
	width: 80px;
	margin-right: 5px;
}
#shopListNav a {
	height: 21px;
	width: 80px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A4A4A4;
	padding-top: 13px;
	font-size: 12px;
	line-height: 8px;
	box-sizing: border-box;
	display: block;
}
#shopListNav a.active {
	border-top-color: #e40d2c;
	color: #FFF;
}
#shopBox {
	min-height: 782px;
	position: relative;
}
.shopThumb {
	background-position: center center;
	background-size: cover;
	height: 160px;
}
#shopDetail1 {
	padding-top: 255px;
	padding-left: 40px;
	position: relative;
	z-index: 500;
	padding-bottom: 40px;
	padding-right: 350px;
}
#shopDetail1 p {
	color: #FFF;
}
#shopDetail1 h2 {
	padding-top: 10px;
	font-size: 50px;
	font-weight: bold;
	color: #f8dc33;
}
#detailJa {
	padding-top: 20px;
}
#reservation {
	font-size: 12px;
	text-align: center;
	display: block;
	height: 40px;
	width: 210px;
	margin-top: 20px;
	color: #FFF;
	background-color: #000;
}
#reservation a {
	height: 40px;
	width: 210px;
	display: block;
	padding-right: 15px;
	line-height: 40px;
	text-align: center;
	font-size: 12px;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #000;
}
#reservation a:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 0px;
	background-color: #F8DC33;
	transition: all 0.2s ease;
}
#reservation a span {
	color: #FFF;
	position: relative;
	z-index: 2;
	transition: all 0.2s ease;
}
#reservation a:hover span {
	color: #000;
}
#reservation a:hover:before {
	width: 100%;
}
#reservation a:after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	border-top: solid 1px #FFF;
	border-right: solid 1px #FFF;
	top: 15px;
	right: 15px;
	-ms-transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
#reservation a:hover:after {
	border-color: #000;
}
#shopDetail1 .belgiumFlag {
	position: absolute;
	left: 40px;
	bottom: 0px;
}
#shopDetail2 {
	position: relative;
	z-index: 501;
	padding-left: 40px;
	padding-top: 40px;
	padding-right: 350px;
}
#shopDetail2 table {
	width: 100%;
}
#shopDetail2 th {
	width: 90px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
}
#shopDetail2 th, #shopDetail2 td {
	padding-top: 6px;
	padding-bottom: 5px;
	vertical-align: top;
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
}
#shopDetail2 td {
	padding-left: 33px;
}
#sns {
	position: absolute;
	height: 13px;
	left: 40px;
	bottom: 40px;
	color: #FFF;
	z-index: 501;
	width: 115px;
}
#sns dt {
	font-size: 12px;
	line-height: 16px;
	height: 13px;
	width: 61px;
	position: relative;
	float: left;
}
#sns dt:after {
	content: '';
	background-color: #FFF;
	width: 10px;
	height: 1px;
	position: absolute;
	top: 6px;
	right: 0px;
}
#sns dd {
	line-height: 13px;
	height: 13px;
	width: 13px;
	padding-left: 13px;
	float: left;
}
#sns a {
	transition: all 0.3s ease;
}
#sns a:hover {
	opacity: 0.6;
}
#shop .shopNext {
	right: 350px;
}
.shopNext {
	width: 110px;
	position: absolute;
	z-index: 501;
	right: 40px;
	bottom: 40px;
}
.shopNext a {
	height: 32px;
	width: 66px;
	padding-right: 44px;
	line-height: 37px;
	color: #FFF;
	text-align: right;
	display: block;
	font-size: 12px;
	transition: all 0.3s ease;
}
.shopNext a:before {
	content: '';
	position: absolute;
	height: 32px;
	width: 32px;
	box-sizing: border-box;
	border: 2px solid #FFF;
	border-radius: 16px;
	right: 0px;
	top: 0px;
}
.shopNext a:after {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	top: 13px;
	right: 14px;
	-ms-transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.shopNext a:hover {
	opacity: 0.6;
}
.shopPrev {
	width: 110px;
	position: absolute;
	z-index: 501;
	left: 40px;
	bottom: 40px;
}
.shopPrev a {
	height: 32px;
	width: 66px;
	line-height: 37px;
	color: #FFF;
	text-align: left;
	display: block;
	font-size: 12px;
	transition: all 0.3s ease;
	padding-left: 44px;
}
.shopPrev a:before {
	content: '';
	position: absolute;
	height: 32px;
	width: 32px;
	box-sizing: border-box;
	border: 2px solid #FFF;
	border-radius: 16px;
	left: 0px;
	top: 0px;
}
.shopPrev a:after {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	top: 13px;
	left: 14px;
	-ms-transform: rotateZ(-135deg);
	-webkit-transform: rotateZ(-135deg);
	transform: rotateZ(-135deg);
}
.shopPrev a:hover {
	opacity: 0.6;
}
#gmap {
	height: 380px;
	margin-right: 310px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	position: relative;
	z-index: 501;
}
#gmap iframe {
	height: 380px;
	width: 100%;
	transition: all 0.5s ease;
}
#gmap h3 {
	font-size: 12px;
	line-height: 35px;
	color: #FFF;
	text-align: center;
	height: 30px;
	width: 117px;
	margin-left: -58px;
	position: absolute;
	left: 50%;
	top: -15px;
	background-color: #000;
	z-index: 502;
}
#gmap h3:before {
	content: '';
	position: absolute;
	top: 0px;
	left: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 10px 15px 0;
	border-color: transparent #000000 transparent transparent;
}
#gmap h3:after {
	content: '';
	position: absolute;
	top: 0px;
	right: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 10px;
	border-color: transparent transparent transparent #000000;
}
#shopTopics {
	background-color: rgba(0,0,0,0.7);
	width: 310px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1001;
}
#shopTopics h3 {
	font-size: 12px;
	line-height: 35px;
	color: #a4a4a4;
	width: 105px;
	background-color: #000;
	height: 30px;
	position: absolute;
	left: -135px;
	top: 0px;
	text-align: center;
	-ms-transform: rotateZ(-90deg);
	-moz-transform: rotateZ(-90deg);
	transform: rotateZ(-90deg);
	-ms-transform-origin: top right;
	-moz-transform-origin: top right;
	transform-origin: top right;
}
#shopTopics h3:before {
	content: '';
	position: absolute;
	top: 0px;
	left: -30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 30px 30px;
	border-color: transparent transparent #000000 transparent;
}
#shopNewsList {
	color: #a4a4a4;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
}
#shopNewsList li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a4a4a4;
	margin-bottom: 18px;
}
.thumb {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 250px;
	height: 160px;
}
#shopNewsList li a p {
	color: #a4a4a4;
	display: block;
	transition: all 0.3s ease;
}
#shopNewsList li a:hover p {
	color: #FFF;
}
.listDate {
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	padding-top: 15px;
	padding-bottom: 8px;
}
.listTitle {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 15px;
}
.newsMore {
	padding-bottom: 50px;
	padding-right: 30px;
	padding-left: 30px;
}
.newsMore a {
	font-size: 12px;
	line-height: 35px;
	display: block;
	height: 30px;
	width: 250px;
	border: 1px solid #a4a4a4;
	color: #a4a4a4;
	text-align: center;
	transition: all 0.3s ease;
}
.newsMore a:hover {
	color: #FFF;
	border-color: #FFF;
}
#shopFacebook {
	height: 430px;
	width: 250px;
	position: absolute;
	left: 30px;
	bottom: 30px;
}
#shopFacebook h4 {
	font-size: 12px;
	line-height: 35px;
	color: #FFF;
	background-color: #000;
	text-align: center;
}
#shopList {
	color: #FFF;
	background-color: #000;
}
.ani, .anis {
	transition: all 0.5s ease;
}
.ani0 {
	opacity: 0;
}
#gmap.ani0 {
	margin-right: 0px;
	opacity: 1;
}
#gmap.ani0 iframe {
	opacity: 0.2;
}
#shopTopics.ani0 {
	opacity: 1;
	right: -350px;
}
#shopTopics.aniR {
	right: -310px !important;
}
#gmap.aniR {
	margin-right: 0px;
}
#loading {
	background-color: #000;
	position: fixed;
	z-index: 9999;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/loading.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
.sectionFloat {
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
	min-width: 1130px;/*	transition:all 0.5s ease;*/
}
.sectionFloat section {
	position: relative;/*	min-width:1200px;*/
}
#sectionCarousel {
	position: fixed;
	left: 70px;
	top: 0px;
}
.sectionFloat .leftCont {
	position: absolute;
	width: 60%;
	left: 0px;
	top: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.7);
}
#concept, #chef, #party {
	min-height: 670px;
}
.leftCont h2 {
	color: #f8dc33;
	font-size: 30px;
}
.leftContinner {
	position: absolute;
	left: 40px;
	top: 140px;
	right: 40px;
	bottom: 130px;
}
.leftScroll {
	overflow: auto;
	position: absolute;
	left: 194px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.leftScroll .ja {
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 26px;
}
.leftScroll .ja:after {
	content: '・・';
	display: block;
	padding-top: 10px;
	color: #515151;
	font-size: 10px;
	line-heigh: 10px;
}
.leftScroll .en {
	font-size: 16px;
	line-height: 20px;
}
.shopname {
	font-size: 50px;
	color: #FFF;
	width: 500px;
	position: absolute;
	top: 40px;
	right: -250px;
	text-align: center;
	opacity: 0.4;
	z-index: 505;
}
.comname {
	font-size: 12px;
	color: #FFF;
	position: absolute;
	top: 40px;
	right: 40px;
}
.rightCont {
	position: absolute;
	width: 40%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#galleryList {
	padding-top: 140px;
	padding-left: 75px;
	padding-bottom: 130px;
	position: relative;
	padding-right: 40px;
}
#galleryList h3 {
	text-align: center;
	height: 12px;
	width: 80px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: -26px;
	position: absolute;
	left: -5px;
	top: 50%;
	font-size: 12px;
	line-height: 12px;
	color: #FFF;
	-moz-transform: rotateZ(-90deg);
	-ms-transform: rotateZ(-90deg);
	transform: rotateZ(-90deg);
}
#galleryList h3:after {
	content: '';
	height: 8px;
	width: 1px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	background-color: #FFF;
}
#galleryList li {
	float: left;
	height: 100px;
	width: 100px;
	margin-right: 1px;
	margin-bottom: 1px;
}
#galleryList li a {
	display: block;
	height: 100px;
	width: 100px;
	transition: all 0.3s ease;
}
#galleryList li a:hover {
	opacity: 0.7;
}
.chefJa {
	font-size: 11px;
	padding-top: 10px;
}
.dlPdf {
	padding-top: 50px;
}
.dlPdf a {
	background-color: #FFF;
	height: 44px;
	width: 310px;
	padding-right: 40px;
	border: 1px solid #A4A4A4;
	display: block;
	line-height: 44px;
	color: #000;
	text-align: center;
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/btn_pdf.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	transition: all 0.3s ease;
}
.dlPdf a:hover {
	opacity: 0.7;
}
#reserveModal {
	background-color: rgba(0,0,0,0.9);
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 9999;
	display: none;
}
#reserveModal ul {
	display: table;
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#reserveModal li {
	display: table-cell;
	padding-right: 40px;
	padding-left: 40px;
}
#reserveModal li a {
	display: block;
}
#reserveModal li dd {
	font-size: 12px;
	text-align: center;
	padding-top: 7px;
}
#reserveModal li dt {
	font-size: 18px;
}
.close {
	height: 26px;
	width: 26px;
	position: absolute;
	top: 18px;
	right: 18px;
}
.close a {
	display: block;
	height: 26px;
	width: 26px;
}
.close a:before {
	content: '';
	height: 1px;
	width: 34px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -17px;
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	background-color: #FFF;
}
.close a:after {
	content: '';
	height: 1px;
	width: 34px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -17px;
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
	background-color: #FFF;
}
.leftScroll p {
	padding-right: 30px;
}
.new .navShopListCity {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding-bottom: 20px;
}
.new:before {
	content: 'NEW';
	padding: 4px 5px 1px 5px;
	left: 10px;
	top: 10px;
	position: absolute;
	background-color: #E60012;
	color: #FFF;
	font-size: 12px;
	font-family: 'Crimson Text', serif;
	font-weight: 600;
	letter-spacing: 0.5px;
}
#drinkWrap {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	min-width: 1200px;
	min-height: 670px;
}
#drinkCarousel {
	position: absolute;
	left: 70px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#drinkCarousel li {
	float: left;
	height: 100%;
	height: 100vh;
	height: 100vmin;
	width: 283px;
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/drink_listbg.png);
	background-position: center center;
	background-size: 100% 100%;
	position: relative;
}
#drinkCarousel ul {
	height: 100%;
}
#drinkCarousel li a {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#drinkCarousel li h3 {
	font-size: 16px;
	line-height: 35px;
	color: #A4A4A4;
	text-align: center;
	position: absolute;
	height: 30px;
	left: 0px;
	top: 50%;
	right: 0px;
	margin-top: -15px;
}
.drinkListThumb {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.drinkListThumb img {
	display: block;
}
#drinkCarousel li .drinkListOver {
	background-position: center center;
	background-size: 100% 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	transition: all 0.3s ease;
	opacity: 0;
}
#drinkCarousel li a:hover .drinkListOver {
	opacity: 1;
}
.drinkListDetail {
	height: 222px;
	width: 283px;
	margin-top: -111px;
	position: absolute;
	left: 0px;
	top: 50%;
	right: 0px;
}
.drinkListMark {
	height: 67px;
	width: 53px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
.drinkListDetail h4 {
	font-size: 30px;
	line-height: 22px;
	text-align: center;
	height: 22px;
}
.drinkListDetail h4 span {
	font-size: 16px;
}
.drinkListJa {
	font-size: 12px;
	line-height: 12px;
	color: #FFF;
	text-align: center;
	padding-top: 12px;
}
.drinkListLine {
	border: 15px solid #000;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	box-sizing: border-box;
	opacity: 0.2;
}
.drinkListBubble {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	/*	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/bubble.png);*/
	background-repeat: no-repeat;
	background-position: center bottom;
}
#shopNav {
	display: table;
	margin-right: auto;
	margin-left: auto;
	table-layout: fixed;
	padding-bottom: 30px;
}
#shopNav li {
	display: table-cell;
	width: 70px;
	height: 25px;
	line-height: 30px;
}
#shopNav li a {
	display: block;
	height: 25px;
	color: #000;
	text-align: center;
	transition: all 0.3s ease;
	font-size: 12px;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#shopNav li:last-child {
	border-right: 1px solid #000;
}
#shopNav li a:hover {
	background-color: rgba(0,0,0,0.5);
}
#shopNav li a.active {
	background-color: #000;
	color: #FFF;
}
#drinkListWrap {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	min-width: 1200px;
	min-height: 670px;
}
#drinkList {
	position: absolute;
	top: 0px;
	left: 70px;
	bottom: 0px;
	right: 0px;
}
#drinkSinglWrap {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	min-width: 1200px;
	min-height: 670px;
}
#drinkSingle {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#drinkLine {
	border: 30px solid #000;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	box-sizing: border-box;
	opacity: 0.2;
}
#drinkLine:before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	width: 33px;
	height: 33px;
	background-color: #000;
}
#backtolist {
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	width: 40px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	display: block;
	transition: all 0.3s ease;
	z-index: 5000;
}
#backtolist:hover {
	background-color: rgba(0,0,0,0.9);
}
#backtolist span {
	text-align: right;
	display: block;
	height: 10px;
	width: 110px;
	position: absolute;
	color: #FFF;
	font-size: 12px;
	line-height: 15px;
	margin-top: -5px;
	margin-left: -55px;
	left: 50%;
	top: 50%;
	-ms-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}
#backtolist span:before {
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	left: 0px;
	top: 0px;
	transform: rotateZ(45deg);
}
#drinkListin {
	position: absolute;
	left: 169px;
	top: 50%;
	right: 169px;
	z-index: 6001;
	transform: translateY(-50%);
}
#drinkListin h3 {
	font-size: 50px;
	text-align: center;
	line-height: 55px;
}
.catname {
	font-size: 12px;
	color: #FFF;
	text-align: center;
	padding-bottom: 25px;
	position: relative;
}
#drinkListin .belgiumFlag {
	margin-left: -9px;
	position: absolute;
	left: 50%;
	bottom: 0px;
}
.cattext_ja {
	padding-top: 25px;
	text-align: center;
	padding-bottom: 10px;
}
.cattext_en {
	text-align: center;
	font-size: 16px;
}
#drinkListCarousel {
	height: 270px;
	text-align: center;
}
#drinkListCarousel li {
	width: 264px;
	display: inline-block;
}
#drinkListCarousel li a {
	display: block;
	height: 270px;
	width: 264px;
	transition: all 0.3s ease;
	margin: 0 auto;
}
#drinkListCarousel li a:hover {
	opacity: 0.7;
}
#drinkListCarousel dt {
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 215px;
	width: 264px;
	margin-bottom: 35px;
	margin-right: auto;
	margin-left: auto;
}
#drinkListCarousel dd {
	max-width: 170px;
	margin: 0 auto;
	height: 20px;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
	padding: 0 10px;
	box-sizing: border-box;
}
#drinkglow {
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin-top: 135px;
}
#drinkListCarousel .shopPrev {
	position: absolute;
	left: -50px;
	bottom: 85px;
}
#drinkListCarousel .shopPrev a, #drinkListCarousel .shopNext a {
	color: #000;
}
#drinkListCarousel .shopPrev a:before, #drinkListCarousel .shopNext a:before, #drinkListCarousel .shopPrev a:after, #drinkListCarousel .shopNext a:after {
	border-color: #000;
}
#drinkListCarousel .shopNext {
	position: absolute;
	right: -50px;
	bottom: 85px;
}
#drinkListbg {
	background-position: center center;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-size: cover;
	opacity: 0.9;
}
#drinkOnceWrap {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	min-height: 670px;
	min-width: 1200px;
}
#drinkOnce {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#drinkOnceBg {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-position: center center;
	background-size: cover;
	opacity: 0.9;
}
#drinkOncein {
	height: 640px;
	width: 1140px;
	margin-top: -320px;
	margin-left: -570px;
	position: absolute;
	left: 50%;
	top: 50%;
}
#drinkOncein h2 {
	padding-top: 40px;
	padding-left: 40px;
	font-size: 50px;
}
.beername_ja {
	color: #FFF;
	padding-left: 40px;
	padding-bottom: 30px;
	position: relative;
}
.beername_ja .belgiumFlag {
	position: absolute;
	left: 40px;
	bottom: 0px;
}
#drinkOnceLeft {
	padding-top: 30px;
	padding-left: 40px;
	color: #FFF;
	width: 370px;
	height: 380px;
}
#drinkOnceLeft .ja {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 26px;
	padding-right: 15px;
}
#drinkOnceLeft .ja:after {
	content: '・・';
	display: block;
	padding-top: 7px;
	color: #515151;
	font-size: 10px;
	line-heigh: 10px;
}
#drinkOnceLeft .en {
	font-size: 16px;
	line-height: 20px;
	padding-right: 15px;
}
#drinkMainImage {
	height: 420px;
	width: 230px;
	margin-top: -210px;
	margin-left: -115px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-repeat: no-repeat;
	background-position: center center;
}
#drinkOnceRight1 {
	width: 395px;
	position: absolute;
	top: 185px;
	right: 0px;
}
#drinkOnceRight1 li {
	height: 20px;
	padding-bottom: 10px;
}
#drinkOnceRight1 li span, #drinkOnceRight2 li span {
	font-size: 14px;
	line-height: 23px;
	height: 20px;
	padding-right: 10px;
	padding-left: 10px;
	display: inline-block;
	position: relative;
	overflow: hidden;
}
#drinkOnceRight1 li #listShopOver {
	padding-right: 20px;
}
#listShopOver {
	cursor: pointer;
}
#listShopOver strong {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 6.1px;
	right: 5px;
	top: 7px;
}
.overPoint {
	display: inline-block;
	position: relative;
	height: 20px;
	width: 1px;
}
#overShop {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 5001;
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}
#overShop p {
	font-size: 14px;
	line-height: 20px;
	padding-right: 10px;
	padding-left: 10px;
	white-space: nowrap;
	padding-top: 2px;
	box-sizing: border-box;
	height: 20px;
}
#overShop p a:hover {
	opacity: 0.7;
}
#overShop.active {
	display: block;
	opacity: 1;
}
#drinkOnceRight2 {
	position: absolute;
	width: 395px;
	right: 0px;
	bottom: 155px;
}
#drinkOnceRight2 li {
	height: 20px;
	padding-top: 10px;
}
#drinkOnceRight2 li span i {
	font-style: normal;
	font-size: 12px;
	color: #f78b00;
}
#drinkOnceRight2 li span em {
	font-size: 12px;
	font-family: 'Noto Sans Japanese', sans-serif;
	line-height: 20px;
}
#drinkOnce .shopPrev {
	left: 70px;
	bottom: 70px;
	color: #000;
	width: 400px;
}
#drinkOnce .shopNext {
	right: 70px;
	bottom: 70px;
	color: #000;
	width: 400px;
}
#drinkOnce .shopPrev a, #drinkOnce .shopNext a {
	color: #000;
	width: 363px;
}
#drinkOnce .shopPrev a:before, #drinkOnce .shopPrev a:after, #drinkOnce .shopNext a:before, #drinkOnce .shopNext a:after {
	border-color: #000;
}
#foodWrap, #infoWrap, #ourWrap, #partyWrap {
	width: 100%;
	position: absolute;
	top: 0px;
	min-width: 1200px;
	min-height: 670px;
	height: 100%;
	left: 0px;
}
#foodScroll, #infoScroll, #ourScroll, #partyScroll {
	position: absolute;
	left: 70px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	overflow: auto;
}
#foodList, #infoList, #ourList, #partyList {
	padding-top: 140px;
	position: relative;
	z-index: 501;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 100px;
}
#infoList {
	width: 930px;
}
@media screen and (max-width:1509px) {
#foodList, #ourList, #partyList {
	width: 930px;
}
}
@media screen and (min-width:1510px) and (max-width:1819px) {
#foodList, #ourList, #partyList {
	width: 1240px;
}
}
@media screen and (min-width:1820px) and (max-width:2129px) {
#foodList, #ourList, #partyList {
	width: 1550px;
}
}
@media screen and (min-width:2130px) {
#foodList, #ourList, #partyList {
	width: 1860px;
}
}
#foodList h2, #infoList h2, #infoOnce h2, #ourList h2, #partyList h2 {
	text-align: center;
	font-size: 30px;
	padding-bottom: 30px;
	position: relative;
	color: #FFF;
}
#foodList h2 .belgiumFlag, #infoList h2 .belgiumFlag, #infoOnce h2 .belgiumFlag, #ourList h2 .belgiumFlag, #partyList h2 .belgiumFlag {
	margin-left: -9px;
	position: absolute;
	left: 50%;
	bottom: 0px;
}
#foodList ul, #partyList ul {
	padding-top: 60px;
}
#foodList li, #partyList li {
	width: 280px;
	margin-right: 15px;
	margin-left: 15px;
	float: left;
	margin-bottom: 60px;
	transition: all 0.3s ease;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A4A4A4;
}
#ourList ul {
	padding-top: 60px;
}
#ourList li {
	width: 280px;
	margin-right: 15px;
	margin-left: 15px;
	float: left;
	margin-bottom: 60px;
	transition: all 0.3s ease;
}
.detailThumb {
	background-repeat: no-repeat;
	background-position: center center;
	height: 180px;
	width: 280px;
	background-size: cover;
	background-color: #000;
	position: relative;
}
#foodList li dl, #partyList li dl {
	padding-top: 30px;
}
#foodList li dt {
	height: 73px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A4A4A4;
	border-bottom-color: #A4A4A4;
	display: table-cell;
	width: 280px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 16px;
}
#partyList li dt {
	height: 73px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A4A4A4;
	border-bottom-color: #A4A4A4;
	display: table-cell;
	width: 280px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 20px;
}
#foodList li dd, #partyList li dd {
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFF;
}
#ourList li dl {
	padding-top: 30px;
}
#ourList li dt {
	height: 73px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A4A4A4;
	border-bottom-color: #A4A4A4;
	display: table-cell;
	width: 280px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 20px;
}
#foodBgMask, #infoBgMask, #ourBgMask, #partyBgMask {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.8);
	display: none;
}
#foodList li a, #ourList li a, #partyList li a {
	display: block;
	transition: all 0.3s ease;
}
#foodList li a:hover, #ourList li a:hover, #partyList li a:hover {
	opacity: 0.7;
}
#foodList .coution {
	font-size: 12px;
	color: #a4a4a4;
	padding-left: 15px;
}
.detailThumb span {
	text-indent: -9484px;
	display: block;
	position: absolute;
	background-color: rgba(0,0,0,0.7);
	height: 17px;
	width: 17px;
	right: 5px;
	bottom: 5px;
}
.detailThumb span:before {
	content: '';
	width: 9px;
	height: 1px;
	position: absolute;
	left: 4px;
	top: 8px;
	background-color: #FFF;
}
.detailThumb span:after {
	content: '';
	width: 1px;
	height: 9px;
	position: absolute;
	left: 8px;
	top: 4px;
	background-color: #FFF;
}
.pixi {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
#infoPulldown {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	display: table;
}
#infoPulldown li {
	height: 40px;
	width: 280px;
	padding-right: 15px;
	padding-left: 15px;
	display: table-cell;
}
#infoPulldown li select {
	background-color: #000;
	height: 40px;
	width: 280px;
	border: 1px solid #a4a4a4;
	color: #a4a4a4;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
	font-size: 14px;
	box-sizing: border-box;
	padding-left: 15px;
	line-height: 45px;
}
#info {
	padding-top: 60px;
}
#info li {
	width: 280px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 60px;
	transition: all 0.3s ease;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a4a4a4;
}
#info li a {
	color: #FFF;
	transition: all 0.3s ease;
	display: block;
}
#info li a:hover {
	opacity: 0.6;
}
#info .date {
	font-size: 10px;
	padding-top: 20px;
	padding-bottom: 5px;
}
#info li h3 {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 16px;
}
#info .tags {
	padding-bottom: 20px;
}
#info .tags li {
	height: 24px;
	padding-right: 5px;
	display: inline-block;
	padding-bottom: 5px;
	margin: 0px;
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#info .tags li a {
	font-size: 14px;
	color: #a4a4a4;
	display: block;
	height: 24px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 28px;
	background-color: #000;
	width: auto;
	font-family: 'Crimson Text', 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
	font-size: 14px;
	width: auto;
}
#pagination {
	padding-top: 50px;
	position: relative;
	height: 32px;
	clear: both;
}
#pagination .shopPrev {
	left: 0px;
	bottom: 0px;
}
#pagination .shopNext {
	right: 0px;
	bottom: 0px;
}
.wp-pagenavi {
	display: table;
	height: 32px;
	margin-right: auto;
	margin-left: auto;
}
.wp-pagenavi .page, .wp-pagenavi span {
	display: table-cell;
	height: 32px;
	width: 48px;
	text-align: center;
	font-size: 18px;
	line-height: 38px;
}
.wp-pagenavi span {
	color: #FFF;
}
.notEntry {
	color: #FFF;
}
.nextpostslink {
	position: absolute;
	z-index: 501;
	right: 0px;
	bottom: 0px;
	height: 32px;
	width: 66px;
	padding-right: 44px;
	line-height: 37px;
	color: #FFF;
	text-align: right;
	display: block;
	font-size: 12px;
	transition: all 0.3s ease;
}
.nextpostslink:before {
	content: '';
	position: absolute;
	height: 32px;
	width: 32px;
	box-sizing: border-box;
	border: 2px solid #FFF;
	border-radius: 16px;
	right: 0px;
	top: 0px;
}
.nextpostslink:after {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	top: 13px;
	right: 14px;
	-ms-transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.nextpostslink:hover {
	opacity: 0.6;
}
.previouspostslink {
	position: absolute;
	z-index: 501;
	left: 0px;
	bottom: 0px;
	height: 32px;
	width: 66px;
	line-height: 37px;
	color: #FFF;
	text-align: left;
	display: block;
	font-size: 12px;
	transition: all 0.3s ease;
	padding-left: 44px;
}
.previouspostslink:before {
	content: '';
	position: absolute;
	height: 32px;
	width: 32px;
	box-sizing: border-box;
	border: 2px solid #FFF;
	border-radius: 16px;
	left: 0px;
	top: 0px;
}
.previouspostslink:after {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	top: 13px;
	left: 14px;
	-ms-transform: rotateZ(-135deg);
	-webkit-transform: rotateZ(-135deg);
	transform: rotateZ(-135deg);
}
.previouspostslink:hover {
	opacity: 0.6;
}
#infoOnce {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-top: 140px;
}
#infoOnce #onceTag {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
}
#onceTag li {
	display: inline-block;
	height: 20px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
#onceTag li a {
	font-size: 14px;
	line-height: 28px;
	color: #A4A4A4;
	height: 24px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #000;
	display: block;
}
#infoOnce h3 {
	padding-top: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a4a4a4;
	font-size: 18px;
	line-height: 28px;
	color: #FFF;
	padding-bottom: 30px;
}
#onceDate {
	font-size: 14px;
	color: #FFF;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a4a4a4;
}
#onceLoc {
	font-size: 14px;
	color: #FFF;
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a4a4a4;
	text-align: right;
}
#onceDetail {
	padding-top: 40px;
	padding-bottom: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a4a4a4;
}
#onceDetail p {
	font-size: 14px;
	line-height: 26px;
	color: #FFF;
	padding-bottom: 30px;
}
.prevPost {
	float: left;
	width: 449px;
	margin-top: 75px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #a4a4a4;
}
.prevDetail a {
	display: block;
}
.prevDetail {
	width: 330px;
	padding-top: 20px;
	float: left;
}
.onceNavThumb {
	background-position: center center;
	float: left;
	height: 82px;
	width: 130px;
	margin-right: 20px;
	background-size: cover;
}
.prevPost .shopPrev {
	position: static;
	left: auto;
	bottom: auto;
	position: relative;
}
.oncenavDetailSub h4 {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
.onceNavDate {
	font-size: 10px;
	padding-top: 7px;
}
.nextPost {
	float: right;
	width: 450px;
	padding-top: 75px;
}
.nextPost .shopNext {
	margin-left: auto;
	right: auto;
	bottom: auto;
	position: relative;
}
.nextDetail a {
	display: block;
}
.nextDetail {
	padding-top: 20px;
	width: 330px;
	margin-left: auto;
}
.nextDetail .onceNavThumb {
	float: right;
	margin-right: 0px;
	margin-left: 20px;
}
.nextDetail .oncenavDetailSub {
	float: right;
	margin-left: 0px;
	width: 180px;
}
.nextDetail .oncenavDetailSub h4 {
	text-align: right;
}
.nextDetail .onceNavDate {
	text-align: right;
}
#backtoNews {
	clear: both;
	padding-top: 60px;
	padding-bottom: 100px;
}
#backtoNews a {
	height: 40px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #a4a4a4;
	font-size: 14px;
	line-height: 46px;
	text-align: center;
	display: block;
}
#infoMiddle {
	top: 0px;
	left: 70px;
	right: 0px;
	bottom: 0px;
}
#company {
	padding-top: 100px;
	padding-left: 80px;
	padding-right: 80px;
}
#company h2 {
	font-size: 30px;
	color: #FFF;
	padding-bottom: 80px;
	position: relative;
}
#company h2 .belgiumFlag {
	bottom: 40px;
	left: 0px;
}
#companyDetail {
	color: #FFF;
}
#companyDetail h3 {
	font-size: 26px;
	padding-bottom: 40px;
}
.officeList li {
	padding-bottom: 30px;
}
.officeList li h4 {
	font-size: 18px;
	padding-bottom: 5px;
}
.officeList li p {
	line-height: 24px;
}
#officialSite a {
	color: #FFF;
	text-decoration: underline;
}
#officialSite a:hover {
	color: #a4a4a4;
}
#privacyDetail {
	padding-bottom: 60px;
	color: #FFF;
}
#privacyDetail dt {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}
#privacyDetail dd {
	line-height: 24px;
	padding-bottom: 30px;
}
#contactDetail {
	color: #FFF;
	padding-bottom: 60px;
}
#contactDetail .description {
	padding-bottom: 20px;
}
#contactDetail dt {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 30px;
}
#contactDetail dd {
	line-height: 24px;
}
.tenpo {
	height: 40px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #a4a4a4;
	font-size: 14px;
	line-height: 46px;
	text-align: center;
	display: block;
}
.city {
	font-size: 14px;
	font-family: 'Noto Sans Japanese', sans-serif;
	line-height: 20px;
	font-weight: normal;
	color: #a4a4a4;
}
.nw {
	display: inline-block;
	padding: 0 5px;
	margin-right: 10px;
	height: 16px;
	background-color: #E60012;
	color: #FFF;
	line-height: 18px;
	font-size: 12px;
	font-weight: normal;
}
#ourList h3 {
	width: 100px;
	height: 30px;
	background-color: #000;
	line-height: 33px;
	font-size: 14px;
	text-align: center;
	color: #FFF;
	margin: 70px auto 0 auto;
}
#partyDescription {
	color: #FFF;
	text-align: center;
	padding-top: 30px;
	font-size: 15px;
	line-height: 25px;
}
#partyDescription span {
	font-size: 13px;
	color: #a4a4a4;
}
#partyList #mainImage {
	padding-top: 60px;
	padding-bottom: 66px;
	position: relative;
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/party_point.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 900px;
	height: 280px;
}
#partyList #mainImage:before {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 6px;
	right: 50%;
	margin-right: 19px;
	height: 1px;
	background-color: #666;
}
#partyList #mainImage:after {
	content: "";
	position: absolute;
	right: 0px;
	bottom: 6px;
	left: 50%;
	margin-left: 19px;
	height: 1px;
	background-color: #666;
}
#singleWrap {
	position:absolute;
	top:0px;
	left:70px;
	bottom:0px;
	right:0px;
}
#singleScroll {
	width: 100%;
	position: absolute;
	top: 0px;
	min-width: 1200px;
	min-height: 670px;
	height: 100%;
	left: 0px;
}
#singleIn {
	min-width: 1200px;
}
#beer01 {
	height: 620px;
	opacity:0;
	position:relative;
}
#beer01_1 {
	height: 500px;
	width: 1010px;
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/beer01_img.jpg);
	margin:0 auto;
}
#beer01 h2 {
	height: 60px;
	font-size: 13px;
	line-height: 65px;
	color: #FFF;
	text-align: center;
}
#beer01 h2 span {
	display: inline-block;
	width: 50px;
	text-indent: -9418px;
	position: relative;
	height: 60px;
}
#beer01 h2 span:before {
	content:'';
	position:absolute;
	top:50%;
	left:11px;
	width:28px;
	height:1px;
	background-color:#FFF;
}
#beer01_1 h3 {
	text-align: right;
}
#beer02 {
	height: 772px;
	background-color: #212121;
	opacity:0;
}
#beer02_01 {
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 89px;
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/beer02_bg.gif);
	background-repeat: no-repeat;
	background-position: left 89px;
	position: relative;
}
#singleIn h4 {
	font-size: 20px;
	line-height: 32px;
	color: #FFF;
	letter-spacing: 5px;
}
#singleIn h4 span {
	font-size: 16px;
	color: #F8DC33;
	display: block;
}
#beer02_02 {
	background-color: #666;
	height: 536px;
	width: 410px;
	margin-left: 570px;
	position: relative;
}
#beer02_03 {
	position: absolute;
	left: 30px;
	top: 30px;
}
#beer02_01 h4 {
	float: left;
}
#beer02_01 p {
	clear: both;
	font-size: 13px;
	line-height: 49px;
	color: #FFF;
	position: absolute;
	left: 0px;
	top: 475px;
	letter-spacing: 3px;
}
#beer03 {
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/beer03_bg.jpg);
	background-position: center center;
	background-size: cover;
	height: 470px;
	background-attachment: fixed;
}
#beer03_01 {
	height: 350px;
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
	position: relative;
}
#beer03_01d {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#beer03_01d p {
	line-height: 49px;
	color: #FFF;
	letter-spacing: 3px;
	text-align: right;
	font-size: 13px;
	background-color: rgba(0,0,0,0.6);
	border: 1px solid #666;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
}
.beer04s {
	float: left;
	width: 50%;
	background-color: #000;
}
#beer05_01 {
	background-color: #DDD;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 60px;
	box-sizing: border-box;
	float: left;
	width: 50%;
}
.beer05_01d {
	height: 280px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #484848;
	border-bottom-color: #484848;
	border-left-color: #484848;
	text-align:right;
}
.beer05_01d p {
	height: 278px;
	padding-right: 60px;
	font-size: 13px;
	line-height: 44px;
	color: #484848;
	letter-spacing: 3px;
	text-align: right;
	vertical-align: middle;
	margin-left: auto;
	margin-right:0px;
	padding-top:50px;
}
.beer05_02 {
	background-color: #212121;
	padding-top: 60px;
	padding-right: 60px;
	padding-bottom: 60px;
	float: left;
	box-sizing: border-box;
	float: left;
	width: 50%;
}
.beer05_02d {
	height: 280px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-top-color: #484848;
	border-bottom-color: #484848;
	border-right-color: #484848;
	text-align:right;
}
.beer05_02d h5 {
	height: 278px;
	font-size: 13px;
	line-height: 44px;
	color: #dddddd;
	letter-spacing: 3px;
	text-align: left;
	vertical-align: middle;
	margin-left: auto;
	margin-right:0px;
	padding-left:60px;
	display:table-cell;
	font-size:20px;
}
#beer06 {
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/beer02_bg.jpg);
	background-position: right top;
	background-size: cover;
	height: 510px;
	position: relative;
}
#beer06_01 {
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 100px;
	position: relative;
	z-index: 101;
}
#beer06_01 p {
	font-size: 13px;
	line-height: 44px;
	color: #FFF;
	letter-spacing: 3px;
	padding-top: 40px;
}
.bttop {
	height: 60px;
}
.bttop a {
	font-size: 12px;
	line-height: 65px;
	color: #FFF;
	text-align: center;
	display: block;
	position: relative;
	height: 60px;
	background-color: #212121;
	transition:all 0.3s ease;
}
.bttop a span {
	height: 50px;
	width: 22px;
	margin-left: -11px;
	position: absolute;
	left: 50%;
	bottom: 50px;
	transition:all 0.3s ease;
}
.bttop a span:before {
	content:'';
	position:absolute;
	top:0px;
	bottom:0px;
	width:1px;
	left:50%;
	margin-left:-1px;
	background-color:#FFF;
}
.bttop a span:after {
	content:'';
	position:absolute;
	transform-origin:left top;
	top:0px;
	left:50%;
	width:15px;
	height:1px;
	background-color:#FFF;
	transform:rotateZ(45deg);
}
.bttop a:hover {
	background-color:#000;
}
.bttop a:hover span {
	height:65px;
}
#singleIn section {
	/*opacity:0;*/
}
.ef {
	position: relative;
	top: 100px;
	transition: all 0.5s ease;
	opacity: 0;
	z-index:4001;
}
.efs {
	opacity: 1;
	top: 0px;
}
.beer04s2 .ef {
	transition-delay:0.2s;	
}
#beer02_01 p span {
	padding-top: 200px;
}
.beer05_01d .ef {
	left: -300px;
	top: 0px;
}
.beer05_02d .ef {
	top: 0px;
	right: -300px;
}
.beer05_01d .efs {
	left:0px;
}
.beer05_02d .efs {
	right:0px;
}
#beer06s {
	left:0px;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/beer02_bgs.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size:cover;
	opacity:1;
}
#beer06s.ef {
	top:0px;
}
#beer06s.efs {
	width:100%;
	opacity:0;
}
.scrollText {
	font-size: 14px;
	line-height: 65px;
	color: #000;
	text-align: center;
	height: 60px;
}
.mn0 {
	opacity:0;
	transition:all 0.3s ease;
}
#concept01 {
	height: 620px;
	opacity:0;
}
#concept01 h2 {
	height: 60px;
	font-size: 13px;
	line-height: 65px;
	color: #484848;
	text-align: center;
}
#concept01 h2 span {
	display: inline-block;
	width: 50px;
	text-indent: -9418px;
	position: relative;
	height: 60px;
}
#concept01 h2 span:before {
	content:'';
	position:absolute;
	top:50%;
	left:11px;
	width:28px;
	height:1px;
	background-color:#484848;
}
#concept01_1 {
	height: 500px;
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/concept01_img.jpg);
}
#concept01_1 h3 {
	text-align: right;
}
#concept02 {
	height: 772px;
	position: relative;
	background-color: #FFF;
	opacity:0;
}
#concept02 h4 {
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/concept_02text.png);
	height: 361px;
	width: 19px;
	position: absolute;
	left: 55px;
	top: -180px;
}
#concept02_1 {
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 90px;
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/conceput02_2bg.gif);
	background-repeat: no-repeat;
	background-position: left 60px;
	padding-bottom: 30px;
	position: relative;
}
#concept02_2 {
	background-color: #ebe2af;
	height: 536px;
	width: 410px;
	margin-left: 570px;
	position: relative;
}
#concept02_3 {
	position: absolute;
	left: 30px;
	top: 30px;
}#concept03 {
	background-color: #FFF;
	height: 1245px;
	padding-top: 60px;
}
#concept03_1 {
	height: 1130px;
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #515151;
	position: relative;
}
#concept03_1 h4 {
	font-size: 16px;
	line-height: 28px;
	background-color: #FFF;
	height: 56px;
	width: 560px;
	color: #484848;
	text-align: center;
	margin-left: -280px;
	position: absolute;
	left: 50%;
	top: -28px;
}
#concept03_1 ul {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
}
#concept03_1 li {
	height: 300px;
	width: 220px;
	float: left;
	padding-bottom: 37px;
}
#concept03_1 li:nth-child(4n+2),
#concept03_1 li:nth-child(2){
	transition-delay:0.1s;
}
#concept03_1 li:nth-child(4n+3),
#concept03_1 li:nth-child(3){
	transition-delay:0.2s;
}
#concept03_1 li:nth-child(4n){
	transition-delay:0.3s;
}

#concept03_1 li a {
	transition:all 0.3s ease;
}
#concept03_1 li a:hover {
	opacity:0.7;
}
#concept02_1 p {
	width: 500px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-size: 13px;
	line-height: 42px;
	letter-spacing: 3px;
	color: #484848;
}
#concept02_1 p span {
	display: inline-block;
	font-size:20px;
	position:relative;
}
#concept02_1 p span strong {
	position:relative;
	z-index:1;
	font-weight:normal;
}
#concept02_1 p span:before {
	content:'';
	background-color:#f8dc33;
	position:absolute;
	z-index:0;
	left:5px;
	right:5px;
	bottom:0;
	height:50%;
}
#concept04,#concept06 {
	background-color:#FFF;
}
.concept04s,.concept06s {
	float: left;
	width: 50%;
}
#concept05_01 {
	background-color: #EBE2AF;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 60px;
	box-sizing: border-box;
	float: left;
	width: 50%;
}
.concept05_01d {
	height: 280px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #484848;
	border-bottom-color: #484848;
	border-left-color: #484848;
	text-align:right;
}
.concept05_01d p {
	height: 278px;
	padding-right: 60px;
	font-size: 13px;
	line-height: 44px;
	color: #484848;
	letter-spacing: 3px;
	text-align: right;
	vertical-align: middle;
	margin-left: auto;
	margin-right:0px;
	padding-top:50px;
}
.concept05_02 {
	background-color: #FFFFFF;
	padding-top: 60px;
	padding-right: 60px;
	padding-bottom: 60px;
	float: left;
	box-sizing: border-box;
	float: left;
	width: 50%;
}
.concept05_02d {
	height: 280px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-top-color: #484848;
	border-bottom-color: #484848;
	border-right-color: #484848;
	text-align:right;
}
.concept05_02d h5 {
	height: 278px;
	font-size: 13px;
	line-height: 44px;
	color: #484848;
	letter-spacing: 3px;
	text-align: left;
	vertical-align: middle;
	margin-left: auto;
	margin-right: 0px;
	padding-left: 60px;
	display: table-cell;
	font-size: 28px;
}
.concept04s2 .ef,
.concept06s2 .ef {
	transition-delay:0.2s;	
}
#concept02_01 p span {
	padding-top: 200px;
}
.concept05_01d .ef {
	left: -300px;
	top: 0px;
}
.concept05_02d .ef {
	top: 0px;
	right: -300px;
}
.concept05_01d .efs {
	left:0px;
}
.concept05_02d .efs {
	right:0px;
}
#concept07 {
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/concept07_bg.jpg);
	background-position: center top;
	background-size: cover;
	height: 420px;
	position: relative;
}
#concept07 p {
	font-size: 14px;
	line-height: 21px;
	color: #FFF;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 800px;
	margin-top: -21px;
	margin-left: -400px;
	text-align: center;
}
#concept07s {
	left:0px;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/images/concept07_bgs.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size:cover;
	opacity:1;
}
#concept07s.ef {
	top:0px;
}
#concept07s.efs {
	width:100%;
	opacity:0;
}
#concept05 {
	background-color: #FFF;
}
#chooseLang {
	position:absolute;
	display:block;
	top:40px;
	right:40px;
	background-color:#F8DC33;
	color:#212121;
	width:100px;
	height:40px;
	line-height:40px;
	text-align:center;
}
#chooseLang:hover {
	opacity:0.6;
}
/*----[[newInfo AREA]]----*/
#indexWrap #newInfo{
    position: absolute;
    margin: auto;
    top: 420px;
    left: 70px;
    right: 0;
    bottom: 0;
    width: 500px;
    height: 55px;
    background: #000;
    border: solid #626262 2px;
    font-size: 20px;
	-webkit-transition: all  0.3s ease;
	transition: all  0.3s ease;
}
#indexWrap #newInfo:hover{
	opacity: 0.7;
}
#indexWrap #newInfo a{
    display: inline-block;
    line-height: 55px;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
}
#indexWrap #newInfo .newTag{
	background: #e40d2c;
    padding: 4px 8px 0;
    margin-right: 10px;
}
#indexWrap #newInfo .newDate{
	margin-right: 20px;
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 8px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 0px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 8px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		height: 100%;
		margin: 0 auto;
	/*	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;*/
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 8px;
		height: 100%;
		margin: 0 auto;
		/*-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;*/
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
	background-color: #000;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #A2A2A2;
	}
	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #A2A2A2;
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #A2A2A2;

	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(//belgianbrasseriecourt.jp/wp/wp-content/themes/bbc_pc/css/mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}body{color:#000;background-color:#FFF;font-size:14px}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}
.open {
position: absolute;
margin: auto;
top: 550px;
left: 70px;
right: 0;
bottom: 0;
width: 500px;
height: 55px;
background: #000;
border: solid #626262 2px;
font-size: 125%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color:#fff;
display: flex;
justify-content: center;
align-items: center;
cursor:pointer;
}
.open i{
margin-right:.5rem;
}
#pop-up {
display: none;
}
.overlay {
display: none;
}
#pop-up:checked + .overlay {
display: block;
z-index: 9999;
background-color: #000;
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
}
.window {
width: 90vw;
max-width:800px;
height: 15rem;
background-color:rgba(255,255,255,0.8);
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.text {
margin: 0;
}
.text ul {
list-style: none;
display: flex;
}
.text ul li {
width:20%;
text-align: center;
verticals-align:middle;
margin:5px;
}
.text ul li a {
text-decoration: none;
color: #fff;
font-size:1.3rem;
font-weight: bold;
display:block;
justify-content: center;
align-items: center;
padding: 20px;
font-family: 'Crimson Text', serif;
background-color:#000;
border-radius: 6px;
}
.text ul li a:hover {
background-color:rgba(0,0,0,0.6);
border-radius: 6px;
}
.text ul li a span{
font-size:.8rem;
padding-top:1rem!important;
font-weight:400;
}
.close {
cursor:pointer;
position: absolute;
top: 4px;
right: 4px;
font-size: 20px;
}