@charset "utf-8";
/*
001: Default Block
002: Animation Block
003: Background Block
004: Header Block
005: Header SP Block
006: Header PC Block
007: Global Navigation Block
008: Footer Block
*/

/*---------------------------------------
001: Default Block
---------------------------------------*/
html { font-size: 62.5%; height:100%; }
* html body { font-size: 75%; height:100%; }
*:first-child+html body { font-size: 75%; }
ul, ol { list-style: none; margin: 0; padding: 0; }
dl, dt, dd, li { margin: 0; padding: 0; }
textarea { font-family: sans-serif;}
body {
font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", Arial, Osaka, Sans-Serif;
font-size: 12px;
font-size: 1.2rem;
color: #FFF;
background: #14171b;
}
p { font-size:14px; font-size: 1.4rem; line-height :1.6em; }

a { color: #0092C4; text-decoration: none; cursor: pointer; transition: color 0.3s ease 0s; }
a:hover,
a:focus,
a:active { color: #33A8D0;text-decoration: none; outline: none;}

/*
全指定したいが、ヘッダーに影響が出るために最後に設定
img { width:100%; height:auto; }
*/


/*---------------------------------------
Site Title Setting
---------------------------------------*/
/* Page Title */
h1.page_title {
font-family: 'Crimson Text', serif;
font-size: 22px;
font-size: 2.2rem;
font-weight: 400;
text-align: center;
letter-spacing: 1px;
margin-top: 8px;
margin-bottom: 8px;
color: #333;
}
h1.page_title span {
font-family: "Noto Sans Japanese";
display: block;
font-size: 10px;
font-size: 1.0rem;
margin-top: -3px;
}


/*---------------------------------------
002: Animation Block
---------------------------------------*/
.tanime {
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-name: tanime;
-ms-animation-name: tanime;
animation-name: tanime;
visibility: visible !important;
}

.lanime {
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-name: lanime;
-ms-animation-name: lanime;
animation-name: lanime;
visibility: visible !important;
}
.ranime {
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-name: ranime;
-ms-animation-name: ranime;
animation-name: ranime;
visibility: visible !important;
}
@-webkit-keyframes tanime {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes tanime {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes lanime {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes lanime {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
-ms-transform: translateX(-200px);
transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes ranime {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes ranime {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
-ms-transform: translateX(200px);
transform: translateX(200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}


/*---------------------------------------
003: Background Block
---------------------------------------*/
.content_block,
.content_block_footer {
position: relative;
widht: 100%;
overflow: hidden;
}
/* Navigation */
.bg_menu {
background: rgba(0,0,0,0.6);
}
.bg_menu_f {
background: #14171b;
}




.bg_h001 {
background: #14171b;
padding-top: 50px;
padding-bottom: 50px;
}
.bg_h002 {
background: #f4f4f4;
padding-top: 50px;
padding-bottom: 50px;
}
.bg_h003 {}
.bg_h004 {
background: #f4f4f4;
padding-top: 50px;
padding-bottom: 50px;
}
.bg_h005 {
background: #14171b;
padding-top: 50px;
padding-bottom: 50px;
}
.bg_h006 {
background: transparent;
color: #FFF;
padding-top: 50px;
}
.bg_pe_t {
background: #14171b;
padding-top: 50px;
padding-bottom: 50px;
}
.bg_pe_c {
background: transparent;
padding-top: 80px;
padding-bottom: 80px;
}
.bg_pe_b {
background: transparent;
padding-top: 50px;
padding-bottom: 50px;
}

.bg_title {
background: #f4f4f4;
}


/*---------------------------------------
004: Header Block
---------------------------------------*/
#header {
position: fixed;
top: 0;
display: block;
width: 100%;
height: 42px;
margin: 0;
padding: 0;
background: transparent;
z-index: 10;
margin-bottom: 42px;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
#header.is-animation {
background: rgba(0,0,0,0.4);
box-shadow: 3px 3px 3px rgba(30, 30, 30, 0.2);
}
/* Logo Area */
#logo_area {
position: relative;
margin: 0;
padding: 0;
}
h1#logo {
font-size: 18px;
font-size: 1.8rem;
margin: 0;
padding: 0 0 0 10px;
}
h1#logo img {
width: auto;
height: 38px;
margin: 0;
padding: 0;
}
h1 a {
font-size: 1rem;
font-weight: bold;
color: #fff;
line-height: 4.5;
}


/*---------------------------------------
005: Header SP Block
---------------------------------------*/
/* SP TEL BTN */
#header_sp_meta {
display: none;
}
#header_bg {
position: relative;
}
#login_bg_img img {
width: 100%;
height: auto;
}
span.header_shop_name {
position: absolute;
top: 10px;
left: 10px;
font-size: 14px;
font-size: 1.4rem;
color: #FFF;
z-index: 11;
text-shadow: 0px 0px 1px #000;
}
span.header_shop_business_hours {
position: absolute;
top: 80px;
right: 10px;
font-size: 13px;
font-size: 1.3rem;
color: #FFF;
z-index: 11;
text-shadow: 0px 0px 1px #000;
}
span.header_regular_holiday {
position: absolute;
top: 100px;
right: 10px;
font-size: 13px;
font-size: 1.3rem;
color: #FFF;
z-index: 11;
-moz-text-shadow: -1px -1px 1px rgba(0, 0, 0, 1);
-webkit-text-shadow: -1px -1px 1px rgba(0, 0, 0, 1);
-ms-text-shadow: -1px -1px 1px rgba(0, 0, 0, 1);
text-shadow: -1px -1px 1px rgba(0, 0, 0, 1);
}
#header_sp_block {
clear: both;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
padding-bottom: 44px;
}
#header_sp_tel {
float: left;
width: 100%;
margin: 0;
padding: 0;
border-right: 1px solid #333;
}
#header_sp_contact {
float: right;
width: 50%;
margin: 0;
padding: 0;
}
#header_sp_contact,
#header_sp_tel,
#header_sp_contact {
margin: 0;
text-align: center;
height: 44px;
}
#header_sp_tel,
#header_sp_contact {
font-size: 10px;
font-size: 1.0rem;
line-height: 16px;
background: #212121;
padding-top: 6px;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
#header_sp_tel a,
#header_sp_contact a {
color: #FFF;
}
#header_sp_tel:hover,
#header_sp_contact:hover {
background: #313131;
color: #FFF;
}
/* TEL BTN */
.tel_btn a {
display: block;
position: absolute;
right: 50px;
top: 7px;
margin: 0;
padding: 0;
z-index: 11;
background: url(../images/icon/tel.png) no-repeat center;
background-size: 24px 24px;
width: 24px;
height: 24px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
z-index: 1;
}
.tel_btn a:hover {
display: block;
background: url(../images/icon/tel_hover.png) no-repeat center;
background-size: 24px 24px;
}
.tel_btn img {
width: 24px;
height: 24px;
}
/* SP MENU BTN */
#btn_menu {
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 0;
z-index: 11;
}
.nav-trigger {
position: relative;
display: block;
height: 40px;
overflow: visible;
white-space: nowrap;
z-index: 3;
cursor: pointer;
color: transparent !important;
}
.nav-trigger span,
.nav-trigger span::before,
.nav-trigger span::after {
/* hamburger icon in CSS */
position: absolute;
display: inline-block;
height: 1px;
width: 24px;
background: #FFF;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.nav-trigger span {
/* line in the center */
position: absolute;
top: 50%;
right: 10px;
margin-top: -2px;
-webkit-transition: background 0.3s 0.3s;
-moz-transition: background 0.3s 0.3s;
transition: background 0.3s 0.3s;
}
.nav-trigger span::before,
.nav-trigger span::after {
/* other 2 lines */
content: '';
right: 0;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s 0.3s;
-moz-transition: -moz-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
}
.nav-trigger span::before {
top: -6px;
}
.nav-trigger span::after {
top: 6px;
}


/*---------------------------------------
006: Header PC Block
---------------------------------------*/
#header_pc_meta {
display: none;
}


/*---------------------------------------
007: Global Navigation Block
---------------------------------------*/
.drawer {
position: fixed;
top: 0;
right: 0;
height: 100%;
width: 260px;
background: #14171b;
overflow: auto;
-webkit-overflow-scrolling: touch;
z-index: 11;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.drawer-open .nav-trigger span {
background: rgba(46, 50, 51, 0);
}
.drawer-open .nav-trigger span::before,
.drawer-open .nav-trigger span::after {
background: #FFF;
}
.drawer-open .nav-trigger span::before {
-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.drawer-open .nav-trigger span::after {
-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
transform: translateX(4px) translateY(2px) rotate(-45deg);
}
#drawer .category-nav {}
#drawer .category-nav a:link,
#drawer .category-nav a:visited,
#drawer .category-nav a:hover,
#drawer .category-nav a:active {
text-decoration: none;
}
#drawer .category-nav a:hover,
#drawer .category-nav li > a:hover,
#drawer .category-nav li > a.active {
background: rgba(204, 204, 204, 0.1);
}
#drawer .category-nav li {
position: relative;
}
#drawer .category-nav li a {
display: block;
font-size: 13px;
font-size: 1.3rem;
font-weight: normal;
letter-spacing: 1px;
color: #FFF;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid #333;
padding: 8px 0 8px 15px;
}
#drawer .category-nav li span {
display: block;
font-size: 8px;
font-size: 0.8rem;
color: #b0b0b0;
padding-top: 3px;
}
#drawer .category-nav li::before {
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #dedede;
border-right: solid 2px #dedede;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 20px;
margin-top: -4px;
}
.overlay {
position: fixed;
z-index: 2;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
background-color: rgba(0,0,0, 0.5);
visibility: hidden;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.overlay.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}




/*---------------------------------------
More Button
---------------------------------------*/
.more_block {
font-size: 14px;
font-size: 1.4rem;
margin-top: 30px;
margin-bottom: 30px;
}
.more_button {
position: relative;
display: inline-block;
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
outline: none;
z-index: 2;
border: 1px solid #333;
color: #333;
overflow: hidden;
}
.more_button::before,
.more_button::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.more_button,
.more_button::before,
.more_button::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.more_button:hover {
color: #fff;
}
.more_button::after {
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(.5);
transform: scale(.5);
}
.more_button:hover::after {
background: #333;
-webkit-transform: scale(1);
transform: scale(1);
}


/*---------------------------------------
008: Footer Block
---------------------------------------*/
#footer_content {
background: #000000;
}
#footer_left {
display: block;
text-align: center;
margin-bottom: 20px;
}
#footer_left img {
width: auto;
height: 50px;
margin: 0;
padding: 0;
}
#copyright {
font-size: 14px;
font-size: 1.4rem;
text-align: center;
color: #FFF;
}
#copyright p {
margin: 10px 0;
}









@media only screen and (max-width: 991px) {
/*---------------------------------------
001: Default Setting
---------------------------------------*/
.sp{display: block !important;}
.pc{display: none !important;}
span.sp{display: inline !important;}


/*---------------------------------------
004: Global Navigation Block
---------------------------------------*/
.drawer-open #main {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
}
.drawer {
height: 0;
visibility: hidden;
-webkit-transition: visibility 0s 0.3s;
-moz-transition: visibility 0s 0.3s;
transition: visibility 0s 0.3s;
}
.drawer-open .drawer {
height: 100%;
visibility: visible;
-webkit-transition: visibility 0s 0s;
-moz-transition: visibility 0s 0s;
transition: visibility 0s 0s;
}
.category-nav a {
will-change: transform, opacity;
}
.overlay.is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
}
.overlay.is-visible.cart-is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}











@media only screen and (min-width : 992px ){
/*---------------------------------------
001: Default Block
---------------------------------------*/
.sp{display: none !important;}
.pc{display: block !important;}
span.pc{display: inline !important;}


/*---------------------------------------
002: Animation Block
---------------------------------------*/
.tanime {
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-name: tanime;
-ms-animation-name: tanime;
animation-name: tanime;
visibility: visible !important;
}
.lanime {
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-name: lanime;
-ms-animation-name: lanime;
animation-name: lanime;
visibility: visible !important;
}
.ranime {
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-name: ranime;
-ms-animation-name: ranime;
animation-name: ranime;
visibility: visible !important;
}
@-webkit-keyframes tanime {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes tanime {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes lanime {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes lanime {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
-ms-transform: translateX(-200px);
transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes ranime {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes ranime {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
-ms-transform: translateX(200px);
transform: translateX(200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}


/*---------------------------------------
004: Header Block
---------------------------------------*/
#header {
display: block;
position: fixed;
top: 0;
width: 100%;
height: auto;
margin: 50px 0 0 0;
padding: 0;
background: transparent;
z-index: 10;
}
#header.is-animation {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
background: transparent;
box-shadow: none;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
-webkit-transition: all 0.6s;
transition: all 0.6s;
z-index: 2;
}
h1#logo {
font-size: 18px;
font-size: 1.8rem;
text-align: left;
}
h1#logo img {
width: auto;
height: auto;
max-height: 50px;
}
#header.is-animation h1#logo img {
max-height: 40px;
}


/*---------------------------------------
005: Header SP Block
---------------------------------------*/
#header_sp_meta {
display: none;
}
span.tel_btn,
#btn_menu {
display: none;
}


/*---------------------------------------
006: Header PC Block
---------------------------------------*/
#header_pc_meta {
display: block;
margin-top: 10px;
}
/* `PC TEL BTN */
#header_pc_tel {
font-family: Times New Roman, Times, serif;
font-size: 20px;
font-size: 2.0rem;
font-weight: normal;
letter-spacing: 1px;
text-align: right;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
span.header_tel_btn {
font-size: 18px;
font-size: 1.8rem;
padding-right: 5px;
}
#header_pc_tel a {
position: relative;
display: inline-block;
transition: 0.3s;
color: #FFF;
}
#header_pc_tel a::after {
position: absolute;
bottom: 13px;
left: 0;
content: '';
width: 0;
height: 1px;
background: #FFF;
transition: 0.3s;
}
#header_pc_tel a:hover::after {
width: 100%;
}
/* Web予約 */
#header_pc_contact {
display: block;
}
.header_contact_btn {
display: inline-block;
position: relative;
font-size: 10px;
font-size: 1.0rem;
font-weight: bold;
text-align: center;
text-decoration: none;
width: 100%;
height: 26px;
line-height: 26px;
outline: none;
z-index: 2;
background: #000;
border: 1px solid #000;
color: #fff;
}
.header_contact_btn::before,
.header_contact_btn::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.header_contact_btn,
.header_contact_btn::before,
.header_contact_btn::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.header_contact_btn:hover {
background-color: #fff;
border-color: #000;
color: #000;
}
.header_contact_btn::before,
.header_contact_btn::after {
top: 0;
width: 50%;
height: 100%;
background-color: #000;
}
.header_contact_btn::before {
right: 0;
}
.header_contact_btn::after {
left: 0;
}
.header_contact_btn:hover::before,
.header_contact_btn:hover::after {
width: 0;
background: #000;
}


/*---------------------------------------
005: Header SP Block
---------------------------------------*/
.drawer {
position: static;
height: auto;
width: auto;
margin: 0 auto;
overflow: visible;
background: transparent;
text-align: center;
}
.drawer:after {
content: "";
display: table;
clear: both;
}
.category {}
.category-nav {
font-size: 0;
}
ul.category-nav li {
position: relative;
display: inline-block;
text-align: center;
}
ul.category-nav li::before {
display: none;
content: '';
width: 0;
height: 0;
border: 0;
border-top: 0 none;
border-right: 0 none;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
position: absolute;
top: 0;
right: 0;
*display: inline;
*zoom: 1;
}
.category-nav li a {
position: relative;
display: block;
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 1px;
font-weight: normal;
color: #FFF;
padding: 15px 20px;
line-height: normal;
border-bottom: 0 none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 0;
}
.overlay {
display: none;
}
/* hover efect */
.bg_menu ul.category-nav li a:hover {
background: #14171b;
}
ul.category-nav li span {
display: none;
}
ul.category-nav li a.active {
color: #fff;
background: #14171b;
}



/*---------------------------------------
008: Footer Block
---------------------------------------*/
.bg_menu_f ul.category-nav li a:hover {
background: #000;
}
ul.footer_navi li a.active {
color: #fff;
background: #000;
}
}