/*===========================================
color setting
===========================================*/
/*===========================================
base.css
===========================================*/
a {
  color: #333; }

a:visited {
  color: #333; }

body, select, input, textarea {
  color: #333; }

/*-------------------------------------------
header
-------------------------------------------*/
#globalNav ul li.lowerOpen a {
  color: #014099; }

#globalNav ul li a.current {
  color: #383930; }

#globalNav ul li a.off {
  color: #ccc; }

#globalNav ul li a.off:hover,
#globalNav ul li a:hover {
  color: #666; }

#globalNav ul li .subGnav .category {
  color: #fff;
  background: #333; }

#globalNav ul li .subGnav a.category:hover {
  background-color: #383930; }

#globalNav ul li .subGnav .category a {
  color: #fff; }

#globalNav ul li .subGnav .menus a {
  color: #333; }

#globalNav ul li .subGnav .menus a:hover {
  color: #999; }

#selectRegion .regionHead {
  background-color: #333;
  color: #fff; }

#selectRegion .regionList {
  background-color: #fff; }

#funcBtns #gnavTrigger span,
#funcBtns #gnavTrigger::before,
#funcBtns #gnavTrigger::after {
  background-color: #83979d; }

.mf_finder_searchBox_submit {
  background-color: #333 !important; }

@media screen and (max-width: 767px) {
  header #logo #spMenuBtn span {
    background-color: #383930; }

  #siteFunctions {
    background-color: #e9e9e9; }

  #siteFunctions a:hover {
    color: #fff !important; }

  #searchSet {
    background-color: inherit;
    border-bottom: #383930 1px solid; }

  #searchSet form::before {
    background-color: #fff; }

  #searchSet form input[type="submit"] {
    background-color: #383930; }

  #gNavSP ul li a.menuToggle::before {
    border-color: #fff; }

  #gNavSP > ul > li {
    border-bottom: #383930 1px solid; }

  #gNavSP ul li a {
    color: #383930; }

  #gNavSP ul li .subGnav .menus ul li a:hover {
    color: #999; }

  #funcBtns li#contactLink a {
    color: #fff;
    background-color: #383930; }

  #funcBtns li#contactLink a:hover {
    color: fff !important; }

  #subFunctions .langSelect a,
  #subFunctions .langSelect span + a {
    color: #fff;
    background: #383930; }

  #subFunctions .langSelect span {
    color: #383930; }

  #subFunctions .langSelect a.active {
    color: #fff; }

  #subFunctions .otherLink a,
  #subFunctions .otherLink a:hover {
    color: #fff;
    background-color: #383930; }

  #selectRegion .regionList ul li {
    background-color: #383930; }

  #selectRegion .regionList ul li a {
    color: #fff; }

  #selectRegion .regionList {
    background-color: inherit; }

  #searchSet .mf_finder_searchBox_submit {
    background-color: #383930 !important; }

  #searchSet .mf_finder_searchBox_selects label:before {
    color: #383930 !important; } }
/*-------------------------------------------
contents
-------------------------------------------*/
#contents {
  background-color: #fff;
  clear: both; }

#sidebar dl dt {
  color: #fff; }

#sidebar dl dt a {
  background-color: #383930;
  color: #fff; }

#sidebar dl dt a:hover {
  background-color: #383930; }

#sidebar dl > dd > ul {
  border-bottom: #e5e5e5 1px solid; }

#sidebar dl dd li {
  border-left: #e5e5e5 1px solid;
  border-right: #e5e5e5 1px solid;
  background-color: #fff; }

#sidebar dl dd li a {
  color: #000; }

#sidebar dl dd li a:hover {
  background-color: #e9e9e9; }

#sidebar dl dd li.active a {
  color: #333; }

#sidebar dl dd li.active li a {
  color: #5c5c5c; }

#sidebar dl dd li li.active a,
#sidebar dl dd li li li.active li.active a {
  color: #333; }

#sidebar dl dd li li.active li a,
#sidebar dl dd li li li.active li a {
  color: #5c5c5c; }

#sidebar dl dd li li li.active a {
  color: #333; }

#sidebar .contact a {
  background-color: #fff;
  border: #eaeaea 1px solid;
  color: #333; }

#sidebar .contact a:hover {
  color: #fff;
  background-color: #333; }

#sidebar #localNav {
  border-top: #eaeae8 1px solid; }

#sidebar #localNav li {
  border: #eaeae8 1px solid;
  border-top: none; }

#sidebar #localNav li a {
  padding: 10px 15px; }

#sidebar #localNav li a:hover {
  background-color: #e9e9e9; }

#sidebar .asideList dt {
  color: #000;
  border: #e9e9e9 1px solid; }

#sidebar .asideList dd li.newWindow a:hover {
  background-color: #ebf2fb; }

@media screen and (max-width: 767px) {
  #sidebar nav {
    background-color: #f0f0f0;
    border: #eaeaea 1px solid; }

  #sidebar .contact a:hover {
    background-color: #333;
    color: #fff; }

  #sidebar .asideList dt {
    background-color: #fff; } }
/* ------------------------------------------
footer
--------------------------------------------- */
.pagetop > a {
  background-color: #383930; }

.pagetop > a::before {
  border-color: #fff; }

/*===========================================
modules.css
===========================================*/
.color01 {
  color: #ff3300 !important; }

.h1BlockS .headLink {
  color: #333; }

.txtLink02 a::before {
  border-color: #333; }

ul.iconLink li.arrow01::before,
a.arrow01::before {
  border-color: #333; }

.dlListColor a, .dlListColor a:link {
  color: #333; }

.dlListColor dd:nth-of-type(2n) a {
  background-color: #fafafa; }

.dlListColor dd a:hover {
  background-color: #e9f7fb; }

.dlListSide a, .dlListSide a:link {
  color: #333; }

@media screen and (max-width: 767px) {
  *[class*="insideLinks"]:not(.notChange) li {
    background-color: #e9e9e9; }

  ul.iconLink li {
    background-color: #e9e9e9; }

  ul.iconLink li a {
    border-top: #fff 1px solid; }

  ul.iconLink li.newWindow a {
    background-color: #e9e9e9; } }
.tPattern01 thead th {
  background: #ececec; }

.tPattern02 caption {
  background: #eaeaea; }

.tPattern02 th {
  background: #f6f6f6; }

.tPattern03 caption {
  background: #eaeaea; }

.tPattern03 th {
  background: #f6f6f6; }

.tPattern03_pad3 th {
  background: #f6f6f6; }

.tShadeLine01 .odd th,
.tShadeLine01 .odd td {
  background-color: #f6f6f6; }

.bPattern01 {
  background: #e9e9e9; }

.bPattern02 {
  background: #eee; }

.bPattern03 .heading {
  background: #e5e5e5; }

.btnLink a {
  background-color: #e9e9e9; }

.btnLink a:hover {
  background-color: #333;
  color: #fff; }

.backCategory a {
  background-color: #e9e9e9; }

.backCategory a:hover {
  background-color: #333;
  color: #fff; }

.backCategory a::before {
  border-color: #333; }

@media screen and (max-width: 767px) {
  .bPattern02 ul.iconLink li {
    background-color: #eee; } }
.row > a {
  color: #333; }

[class*="inner-col"] {
  background-color: #e9e9e9; }

.bnr-container {
  background-color: #e9e9e9; }

.bnr-container .row [class^="col"] .img-cap,
.bnr-container .row [class^="col"] .img-cap-s {
  background-color: #fff; }

#keyvisual section {
  background-color: #333;
  color: #fff; }

#keyvisual section .slogan {
  color: #fff; }

.tabNav a:visited {
  color: #333; }

.tabNav li a {
  background-color: #e5e5e5; }

.tabNav li a:hover {
  background-color: #dcdcdc; }

.tabNav li.on a {
  background-color: #e9e9e9; }

.tabWrap {
  background-color: #e9e9e9; }

.linksWrap {
  background-color: #e9e9e9; }

.linksWrap .heading {
  background-color: #333;
  color: #fff; }

@media screen and (max-width: 767px) {
  .tabNav li.on {
    color: #0099cc; }

  .linksWrap ul li {
    border-top: #fff 1px solid; }

  .linksWrap h3 {
    background: #e9e9e9; } }
.resp-tab-item {
  background-color: #e5e5e5; }

.resp-tab-item:hover {
  background-color: #dcdcdc; }

.resp-tab-active {
  background-color: #e9e9e9 !important; }

.resp-vtabs li.resp-tab-active {
  background-color: #fff; }

h2.resp-accordion:first-child {
  border-top-color: #fff !important; }

@media screen and (max-width: 767px) {
  h2.resp-accordion {
    background: #e9e9e9;
    color: #000;
    border-top-color: #fff; }

  h2.resp-tab-active {
    background: #83979d !important;
    color: #fff; }

  .resp-vtabs .resp-tab-content {
    border: 1px solid #fff; }

  .resp-vtabs .resp-tab-content:last-child {
    border-bottom-color: #fff !important; }

  .resp-arrow::before {
    border-top-color: #727e8f;
    border-right-color: #727e8f; }

  .resp-tab-active .resp-arrow::before {
    border-color: #fff; }

  .resp-tab-content-active {
    border-color: #e9e9e9;
    background-color: #fff; } }
.pressBlock .lists {
  background-color: #e9e9e9; }

.pressBlock dl {
  background-color: #e9e9e9; }

.pressBlock dl.ellipsis dt {
  color: #666; }

.pressBlock dl dt span.labelNew {
  background-color: #ed6942;
  color: #fff; }

.pressBlock dl dt span.labelSeg {
  background-color: #999;
  color: #fff; }

.bnr-container {
  background-color: #e9e9e9; }

.chapterKV {
  color: #fff; }

.chapterKV .more a {
  border: #fff 1px solid;
  color: #fff; }

.sectionKV .more a:hover {
  background-color: #fff;
  color: #333; }

.chapterKV.colorA,
.chapterKV.colorA h1 {
  color: #000; }

.chapterKV.colorB,
.chapterKV.colorB h1 {
  color: #333; }

.accWrap .accHead {
  background: #e9e9e9; }

.accWrap .accordion-open {
  background: #83979d;
  color: #fff; }

.accWrap .accordion-close span::before {
  border-color: #727e8f; }

.accWrap .accordion-open span::before {
  border-color: #fff; }

.accWrap .accElem {
  border: #e9e9e9 1px solid; }

.productDetail .toContactUs a {
  border: #e5e5e5 1px solid;
  color: #000; }

.productDetail .toContactUs a:hover {
  background-color: #333;
  color: #fff; }

.productDetail .toBrandSite a {
  background-color: #e9e9e9; }

.productDetail .toBrandSite a:hover {
  background-color: #333;
  color: #fff; }

.backCategory a::before {
  border-color: #333; }

.switchWrap .closeBtn span,
.switchWrap .switchToggle {
  color: #333; }

.switchWrap .closeBtn span {
  border: 1px solid #ccc; }

.switchWrap .allOpenBtn {
  background-color: #333;
  color: #fff; }

.switchWrap .nowOpen {
  color: #4e98fb; }

.switchWrap .allOpenBtn.nowOpen {
  background-color: #fff;
  color: #333;
  border: #333 1px solid; }

.accIsh.switchWrap .switchToggle {
  background: #e9e9e9;
  color: #000;
  border-top-color: #fff; }

.accIsh.switchWrap .switchToggle.nowOpen {
  background: #83979d !important;
  color: #fff; }

.accIsh.switchWrap .switchToggle span::before {
  border-top-color: #727e8f;
  border-right-color: #727e8f; }

.accIsh.switchWrap .switchToggle.nowOpen span::before {
  border-color: #fff; }

.accIsh.switchWrap .switchDetail {
  border-color: #e9e9e9; }

/*===========================================
boxer
===========================================*/
#boxer .boxer-control.previous::before,
#boxer .boxer-control.next::before {
  border-color: #333 !important; }

#boxer .boxer-close:before,
#boxer .boxer-close:after {
  background-color: #333 !important; }

/*===========================================
bxslider
===========================================*/
.bx-wrapper .bx-prev::before,
.bx-wrapper .bx-next::before {
  border-color: #333 !important; }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #333 !important; }

.kvWrap .elemslider div.elemInner.colorB {
  color: #333 !important; }

.kvWrap .elemslider div p.more a:hover {
  background-color: #fff;
  color: #333 !important; }

.kvWrap .elemslider .colorB p.more a {
  color: #333 !important;
  border-color: #333 !important; }

.kvWrap .elemslider .colorB p.more a:hover {
  background-color: #333 !important;
  color: #fff; }