/******************************************************************************************************
 * General
 *****************************************************************************************************/

#debug_area { position: fixed; display: /*block*/ none; left: 0; bottom: 0; padding: 5px; background: #fff; z-index: 1000; }
#debug_area.active { display: block; }


/*h1, h2, h3, h4, h5, h6 */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1.0em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0;
	margin: 0;
}

.remove {
	display: block;
	font-size: 0.1em;
	text-align: left;
	text-indent: -9999px;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.tAc { text-align: center; }
.tAl { text-align: left; }
.tAr { text-align: right; }

blockquote p { font-size: inherit; font-weight: inherit; line-height: inherit; }

.p-off p {
	font: inherit;
}

.img-responsive { margin-left: auto; margin-right: auto; }

body.fpp { background: #000 !important; color: #fff !important; }





/******************************************************************************************************
 * Header
 *****************************************************************************************************/

header {
	display: block;
	width: 100%;
	padding: 10px 0;
	/*background: rgba(230,230,230,1);*/
	background: #ebebeb;
	border-bottom: solid 1px rgba(220,220,220,1);;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 990;
}
	header.trans {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
	}
	header.active-trans { top: 0 !important; }

#frontpage-body header.init {
	background: rgba(234,234,234,0.5);
	border-bottom-color: rgba(220,220,220,0);
}

header > .container > .inner { position: relative; width: 100%; }

/*
header h1 {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	line-height: 0;
	height: 23px;
	margin: 0;
	margin-top: -11.5px;
	vertical-align: top;
	z-index: 990;
}

header a#logo {
	display: block;
	font-size: 0.5em;
	text-align: left;
	text-indent: -9999px;
	line-height: 0;
	width: 236px;
	height: 23px;
	background: url(../img/common/logo.png) top left no-repeat;
	background-size: 100% auto;
}
	header a#logo:hover {
		filter: alpha(opacity=35);
		-moz-opacity: 0.35;
		opacity: 0.35;
	}
*/

a.header-logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 260px;
	padding-top: 6px;
	z-index: 990;
}
a.header-logo h1 {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-top: 13%;
	background-image: url(../img/common/common_logo.png);
}

nav#menu_row {
	background: none;
	width: 100%;
	z-index: 100;
}

#global_menu { position: relative; padding: 0; }

	#global_menu:after {
		display: block;
		clear: both;
		height: 0px;
		line-height: 0px;
		visibility: hidden;
		content: ".";
	}

ul.navbar-nav#menu-global-menu {
	position: relative;
	display: block;
	list-style: none;
	margin: 0;
	padding-left: 117px !important;
	padding-right: 0 !important;
	letter-spacing: -.40em;
	line-height: 1em;
	text-align: right;
}

ul.navbar-nav#menu-global-menu li {
	float: none;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	margin-left: 15px;
}
	/*ul.navbar-nav li:first-child { margin-left: 0 !important; }*/
ul#menu-global-menu.navbar-nav li:nth-child(8) {
	margin-left: 25px;
}

/*ul#menu-global-menu.navbar-nav li:last-child {
	margin-left: 4%;
}*/


ul.navbar-nav#menu-global-menu li a {
	display: inline-block;
	color: #333;
	font-size: 13px;
	font-weight: 500;
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	background: none !important;
	padding: 0 10px;
	margin: 0;
	line-height: 32px;
	letter-spacing: 0.05em;
	text-indent: 0.05em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	/* ul.navbar-nav#menu-global-menu li a:hover { color: #fff; } */
	ul.navbar-nav#menu-global-menu li a:hover { color: #41b373; }
	.page-id-8 ul.navbar-nav#menu-global-menu li a:hover,
	.tax-cafe_category ul.navbar-nav#menu-global-menu li a:hover, .cafe-header ul.navbar-nav#menu-global-menu li a:hover { color: #ff0066; }
	#frontpage-body header.init ul.navbar-nav#menu-global-menu li a { color: #fff; }
	#frontpage-body header.init ul.navbar-nav#menu-global-menu li a:hover { color: #41b373 !important; }

ul.navbar-nav#menu-global-menu li:nth-child(8) a,
ul.navbar-nav#menu-global-menu li:last-child a {
	color: #fff !important;
	font-size: 12px;
	font-weight: 600;
	background: rgba(75,75,75,1) !important;
	padding: 0;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
	ul.navbar-nav#menu-global-menu li:nth-child(8) a {
		font-size: 0.5em;
		text-align: left;
		text-indent: -9999px;
		background-image: url(../img/common/fb_normal.png) !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: 100% auto !important;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		width: 20px;
		height: 20px;
		vertical-align: middle;
	}
	ul.navbar-nav#menu-global-menu li:nth-child(8) a:hover, ul.navbar-nav#menu-global-menu li:last-child a:hover { background-color: rgba(150,150,150,1) !important; }
	#frontpage-body header.init ul.navbar-nav#menu-global-menu li:nth-child(8) a, #frontpage-body header.init ul.navbar-nav#menu-global-menu li:last-child a { color: #0078bc !important; background-color: rgba(255,255,255,0.75) !important; }
	#frontpage-body header.init ul.navbar-nav#menu-global-menu li:nth-child(8) a:hover, #frontpage-body header.init ul.navbar-nav#menu-global-menu li:last-child a:hover { background-color: rgba(255,255,255,1) !important; }
	#frontpage-body header.init ul.navbar-nav#menu-global-menu li:nth-child(8) a { background-image: url(../img/common/fb_init.png) !important; }



nav.main-menu { display: none; }

.navbar-toggle { margin: 0; z-index: 990; }
.navbar-brand { padding: 3px; }
.navbar-toggle, .navbar-header { vertical-align: top; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-brand { color: #fff; }
.navbar-collapse { z-index: 990; }

header ul#header_sub_menu {
	position: absolute;
	display: block;
	list-style: none;
	margin: 0;
	letter-spacing: -.40em;
	line-height: 1em;
	white-space: nowrap;
	top: 0;
	right: 0;
	z-index: 990;
}

header ul#header_sub_menu li {
	float: none;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin-left: 15px;
}
	header ul#header_sub_menu li:first-child { margin-left: 0 !important; }

header ul#header_sub_menu li a {
	display: block;
	width: 32px;
	height: 32px;
	background-image: url(../img/common/header_icons.png);
	background-repeat: no-repeat;
	background-size: auto;
}

header ul#header_sub_menu li:last-child a { background-image: none !important; }

header ul#header_sub_menu li a#sm-f { background-position: top left; }
header ul#header_sub_menu li a#sm-f:hover { background-position: bottom left; }

header ul#header_sub_menu li a#sm-t { background-position: top center; }
header ul#header_sub_menu li a#sm-t:hover { background-position: bottom center; }

header ul#header_sub_menu li a#sm-b { background-position: top right; }
header ul#header_sub_menu li a#sm-b:hover { background-position: bottom right; }

header ul#header_sub_menu li .tel {
	display: inline-block;
	color: #595757;
	font-size: 1.71em;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 32px;
	background-image: none !important;
	word-break: keep-all;
	white-space: nowrap;
}


.pankuzu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-left: 50px;
	padding-right: 50px;
}

.pankuzu ul {
	display: block;
	list-style: none;
	letter-spacing: -.40em;
	text-align: left;
	white-space: nowrap;
	line-height: 3em;
}
.pankuzu ul li {
	display: inline-block;
	color: #999;
	letter-spacing: normal;
	padding-left: 7px;
}
.pankuzu ul li a, .pankuzu ul li span { font-size: 13px; margin-left: 7px; }
.pankuzu ul li:first-child a, .pankuzu ul li:first-child span { margin-left: 0; }
.pankuzu ul li span { color: #333; }
.pankuzu ul li a { color: #41b373; }
#cafe-section .pankuzu ul li a { color: #ff0066; }
.pankuzu ul li a:hover, .pankuzu ul li a:focus { color: #ff9900; }

.pankuzu ul li .en {
	font-weight: 500;
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	letter-spacing: 0.05em;
}
.pankuzu ul li a.en { font-weight: 600; }



/******************************************************************************************************
 * Footer
 *****************************************************************************************************/
.footer-fix { height: 375px; margin-top: 7%; }

footer {
	position: relative;
	color: #fff;
	width: 100%;
	background: #333;
	z-index: 100;
}

footer > .container { font-size: 0.875em; padding-top: 4%; padding-bottom: 4%; }

footer a { color: #fff; }
	footer a:hover { color: #ff9900; }

footer ul.sitemap {
	display: block;
	width: 100%;
	list-style: none;
	text-align: center;
	line-height: 1em;
	letter-spacing: -.40em;
	border-bottom: dashed 1px #999;
	padding-bottom: 3%;
	margin-bottom: 3%;
}

footer ul.sitemap li {
	display: inline-block;
	letter-spacing: normal;
	padding-left: 15px;
	padding-right: 15px;
	border-left: solid 2px #666;
	vertical-align: top;
}
	footer ul.sitemap li:first-child { border-left: none; }

.footer-table {
	position: relative;
	overflow: hidden;
	display: table;
	width: 100%;
}

.footer-table-cel {
	position: relative;
	overflow: hidden;
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}


footer .footer-logo {
	position: relative;
	width: 100%;
	max-width: 260px;
	text-align: center;
	margin-bottom: 7px;
}

footer .footer-logo a {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 12%;
	background-image: url(../img/common/common_logo_w.png);
}

footer .footer-info {
	font-size: 0.875em;
	line-height: 1.5em;
}

footer .footer-info span { margin-right: 15px; }

footer ul.sns-list {
	display: block;
	width: 100%;
	list-style: none;
	letter-spacing: -.40em;
	text-align: right;
}

footer ul.sns-list li {
	display: inline-block;
	letter-spacing: normal;
	margin-left: 4.5%;
	vertical-align: middle;
}
footer ul.sns-list li:last-child { margin-left: 19%; }

footer ul.sns-list li a {
	width: 25px;
	height: 0;
	padding-top: 98%;
}

	footer ul.sns-list li a:hover, footer ul.sns-list li a:focus {
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}

footer ul.sns-list li a#sns-icon-facebook { background-image: url(../img/common/sns_facebook.png); }
footer ul.sns-list li a#sns-icon-twitter { background-image: url(../img/common/sns_twitter.png); }
footer ul.sns-list li a#sns-icon-instagram { background-image: url(../img/common/sns_instagram.png); }
footer ul.sns-list li a#sns-icon-youtube { background-image: url(../img/common/sns_youtube.png); }
footer ul.sns-list li a#sns-icon-contact {
	display: block;
	width: auto;
	height: auto;
	line-height: 1em;
	padding: 15px 25px;
	border: solid 1px rgba(255,255,255,0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
footer ul.sns-list li a#sns-icon-contact span {
	display: inline-block;
	background: url(../img/common/icon_mail.png) center left no-repeat;
	background-size: auto 100%;
	padding-left: 26px;
}


#copyright {
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 3em;
	letter-spacing: 0.075em;
	text-indent: 0.075em;
	text-align: center;
	background: #000;
	padding: 15px 0;
}



footer ul.shop-logos li { vertical-align: bottom; }
	footer ul.shop-logos li:first-child, footer ul.shop-logos li:last-child { padding-bottom: 10px; }

footer ul.foot-anchors { letter-spacing: 0.75em; }
footer ul.foot-anchors li a { display: inline-block; color: #0073bd; font-size: 0.85em; width: 105px; height: 22px; line-height: 22px; background: #d9eaf5; }
	footer ul.foot-anchors li a:hover { color: #fff; font-weight: bold; background: #ff6699; }

footer .col-md-5 { text-align: right; }

footer .copyright { font-family: Tahoma, Geneva, sans-serif; letter-spacing: 0.075em; }

.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{ width: 100%!important; }
.fb-like-box { background: #fff; }

a.to-reserve-button {
	position: fixed;
	right: 30px;
	bottom: 150px;
	width: 125px;
	height: 125px;
	background: url(../img/index/reservation.png) center center no-repeat;
	background-size: 100%;
	z-index: 990;
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
}

a.init-off {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

a.init-opa-off {
	-webkit-transform: translate(125%,0);  
	-moz-transform: translate(125%,0);  
	transform: translate(125%,0);
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

a.to-reserve-button:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

a.to-reserve-button.action-on {
	-webkit-transform: translate(0,-10%);  
	-moz-transform: translate(0,-10%);  
	transform: translate(0,-10%);
}

a#pagetop {
	position: fixed;
	overflow: hidden;
	right: 62px;
	bottom: 30px;
	width: 61px;
	height: 61px;
	background: url(../img/common/pagetop.png) #333 top center no-repeat;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 990;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

a#pagetop:hover {
	background-position: bottom center;
}

#pagetop a.menu {
	width: 59px;
	height: 59px;
	background-position: top center;
	background-image: url(../img/common/pagetop_arrow.png);
	cursor: pointer;
}
	#pagetop a.menu:hover { background-position: bottom center; }

#pagetop.pagetopHidden {
	bottom: -30px !important;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}


/******************************************************************************************************
 * Container
 *****************************************************************************************************/

.container {
	position: relative;
	width: auto;
	max-width: 1280px;
	padding-left: 50px;
	padding-right: 50px;
	margin-left: auto;
	margin-right: auto;
}
.container:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}

blockquote {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	border: none;
	padding: 0;
	margin: 0;
	background: #fff;
	z-index: 10;
	_zoom: 1;
}
	:root blockquote { margin-top: 0\0 !important; }
	#tablet-body  blockquote { margin-top: 0 !important; }


h2.label-tag {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 2.57em;
	font-weight: bold;
	line-height: 1.5em;
	text-shadow: 0 0 6px #000;
	margin: 7.5% 0;
}

h2.label-tag span.u {
	display: block;
	border-bottom: solid 1px #fff;
	margin-bottom: 7px;
}
h2.label-tag span.s {
	font-size: 1.33em;
}

	h2.label-tag.init-set {
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
	}
	h2.label-tag.trans {
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
		-webkit-transform: translate(0,0);  
		-moz-transform: translate(0,0);  
		transform: translate(0,0);
	}
	h2.label-tag.trans.init-set {
		-webkit-transform: translate(0,25%);  
		-moz-transform: translate(0,25%);  
		transform: translate(0,25%);
	}
	
	.rbts h2.label-tag {
		filter: alpha(opacity=100) !important;
		-moz-opacity: 1 !important;
		opacity: 1 !important;
	}

	
#loading-filter {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.95);
	z-index: 998;
}
#loading-bar {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 74px;
	height: 74px;
	background: url(../img/common/loading_bar.png) 0 0 no-repeat;
	margin-left: -37px;
	margin-top: -37px;
	z-index: 999;
}




/******************************************************************************************************
 * Pager
******************************************************************************************************/

.pagination {
	display: block;
	clear: both;
	padding: 20px 0;
	position: relative;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.28em;
	letter-spacing: -.40em;
	text-align: center;
}

.pagination span, .pagination a {
	display: inline-block;
	margin-left: 2px;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color: #666;
	background: #ddd;
	letter-spacing: normal;
}

.pagination > *:first-child { margin-left: 0px; }

.pagination a:hover { color:#fff; background: #ff9900; }
 
.pagination .current { background: #666; color:#fff; }

.pagination .no-navi { color: #ccc; background: #fff; }

.pagination .blog-content-under {
	font-size: 0.85em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	vertical-align: top;
	padding-left: 15px;
	padding-right: 15px;
}

.blog-archive-item .wp_social_bookmarking_light { margin-bottom: -10px !important; }