.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }

.top-bar 
{background-color:#0058d3; }

.site-header {
	background: url('http://tsuji329.com/wp-content/uploads/2018/04/header-background2.jpg') repeat-x top left;
}

.hero-image:before {
	    background-color: rgba(54,54,57,0.5);
}

a {color: #0058D3;}

/* HEADER */

.hero-title-container {margin-top: 200px; background: none;}
.hero-title-container .front-page-title {}

.hero-btn-container a {
 display: none;
}


/* NAVIGATION */
.main-navigation.toggled ul ul li a {display: block;  padding: 5px 0;}

.main-navigation li.menu-item-has-children:hover ul a {color: #fff;}
.main-navigation.toggled ul ul li a:hover {background-color: #2a78dd;}

@media screen and (min-width: 992px) {
	.main-navigation a {padding-bottom: 30px;}
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a {color: #ffffff;} 

.main-navigation ul ul a {display: block; padding: 3px 0; color: #ffffff;}
.main-navigation ul ul a:link {color: #fff;}
.main-navigation ul ul a:hover {background-color: #2a78dd;}

.main-navigation a:hover {color: #fff;}

@media screen and (min-width: 992px)  {
.main-navigation li.menu-item-has-children:hover a  {color: #fff;}
	.main-navigation li {font-size: 14px;}
}
.main-navigation ul ul {background-color: #0058d3;}

.main-navigation li.menu-item-has-children:hover ul a:hover {color: #fff;}
	
.main-navigation.toggled li a {color: #8c8c8c;}
	
.main-navigation.toggled ul, .categories-navigation.toggled ul {background-color: #0058d3}

.main-navigation.toggled ul li.current-menu-item a {color: #ffffff;}

.main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a {color: #fff;}

.fa-bars {color: #7d7d80}


/* MENU */

.food-menus .food-menu-label h2 {font-size: 150%; padding: 50px 0; line-height: 200%; }

.food-menus .food-menu-item-price, .events-archive .events-item-date-content {width: 200px; text-align: right;}

/* CONTENT */

.hero-image:before {
	background-color: rgba(54,54,57,0.5)
}

.hero-content.small-hero .hero-title {display: none;}

@media screen and (min-width: 992px) { .small-hero {padding: 150px 0 117px !important}
}

@media screen and (min-width: 992px) { .food-menus, .events-archive {padding: 50px 0;}
}

@media screen and (max-width: 1200px)  {
.entry-header {background-color: #CEDDF2;}
}

@media screen and (min-width: 992px) {
.hero-content.big-hero .hero-title {font-size: 50px;}
	}
@media screen and (min-width: 992px) {	
	.big-hero {
		padding: 100px 0 !important;
	}
	.front-page-hero {
		padding: 210px 0 !important ;	
	}
}

/* related-food-menus */
.related-food-menus .container {
	margin-bottom: 40px;
}
