@charset "UTF-8";
/*サイズ大*/
html.large {
  font-size: 120%;
}
@media (max-width: 1280px) {
  html.large {
    font-size: 110%;
  }
}
@media (max-width: 768px) {
  html.large {
    font-size: 105%;
  }
}
@media (max-width: 520px) {
  html.large {
    font-size: 90%;
  }
}

/*黒背景+白文字*/
html.color-white {
  color: #fff !important;
  background-color: #000;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
html.color-white * {
  background-color: inherit;
}
html.color-white img {
  -webkit-filter: none;
          filter: none;
}
html.color-white .bread-nav {
  background-color: #6f6f6f;
}
html.color-white .bread-nav .breadcrumbsWrap .breadcrumbs {
  color: #fff;
}
html.color-white .bread-nav .breadcrumbsWrap .breadcrumbs a {
  color: #fff;
}
html.color-white .bread-nav .breadcrumbsWrap .breadcrumbs .arrow {
  border-top: solid 1.5px #fff;
  border-right: solid 1.5px #fff;
}
html.color-white .header-count-inner {
  background: #000 !important;
}
html.color-white .header-count-text02 p {
  color: #fff !important;
}
html.color-white .runnet-btn-pc > a, html.color-white .lang-btn-pc > a {
  background: #000 !important;
}
html.color-white .header-size-box .size-btn {
  color: #000 !important;
}
html.color-white .header-size-box .size-btn.on {
  color: #fff !important;
  background: #000 !important;
}
html.color-white .lang-child-linkbox ul li btn {
  color: #000 !important;
}
html.color-white .header-link-box01 {
  background-color: #000;
}
html.color-white .header-link-box01 li a {
  color: #fff;
}
html.color-white .common-title02 {
  color: #fff;
}
html.color-white .sec02-title h2 {
  background: unset !important;
  background-clip: unset !important;
  color: #fff !important;
  -webkit-text-fill-color: unset !important;
}
html.color-white .sec02-news-box, html.color-white .sec02-news-tab {
  border: 1px solid #fff;
}
html.color-white .sec02-news-tab .sec02-news-tab-inner .active {
  color: #000;
}
html.color-white .sec02-news-tab .sec02-news-tab-inner button {
  color: #fff;
}
html.color-white .sec02-news-tab .sec02-news-tab-inner button:hover {
  color: #000;
}
html.color-white .sec02-news-list .tab-panel ul li p {
  color: #fff;
}
html.color-white .sec02-news-list .tab-panel ul li a {
  color: #fff;
}
html.color-white .sec02-news-list .tab-panel ul li a:hover {
  color: #fff;
}
html.color-white .pickup-lsit-day, html.color-white .pickup-list-title {
  color: #000 !important;
}
html.color-white .pickup-list-kotira {
  background-color: #3a4f10 !important;
}
html.color-white .side-sponsor {
  border: 1px solid #fff;
}
html.color-white footer .footer-inner .footer-contents01 {
  color: #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
html.color-white .footer-left .footer-link-box ul li a {
  color: #fff;
}
html.color-white .footer-left .footer-link-box ul .footer-link-title {
  border-bottom: 1px solid #fff !important;
}
html.color-white .footer-sns-box div a img {
  -webkit-filter: invert(1);
          filter: invert(1);
}
html.color-white .footer-textbox {
  color: #fff;
}
html.color-white .footer-img img {
  background-color: #fff;
}
html.color-white .footer-text01 {
  color: #fff !important;
}
html.color-white .section-left-content-inner h2 {
  color: #fff !important;
  background-color: #000 !important;
  border: 1px solid #fff;
  border-left: unset;
}
html.color-white .contents-inner .sections .section-left-content {
  background-color: #000;
  border: 1px solid #fff;
}
html.color-white .section-left-content-inner {
  color: #fff;
}
html.color-white .section-left-content-inner .section-left-content-text a {
  color: #fff;
}
html.color-white .section-left-content-inner .other-list .company-box {
  border: 1px solid #fff !important;
}
html.color-white .hg-menu-outer {
  background-color: #000 !important;
}
html.color-white .header-btn-box-sp {
  border: 1px solid #fff;
}
html.color-white .header-btn-title-sp {
  color: #fff;
}
html.color-white .hg-menu-inner .header-link-sp > li {
  border-bottom: 1px solid #fff !important;
}
html.color-white .hg-menu-inner .header-link-sp > li a {
  color: #fff !important;
}
html.color-white .header-link-sp .head-oya-link > a:after {
  color: #fff !important;
  speak: none;
}
html.color-white .head-oya-link ul.sub-menu li {
  border-bottom: 1px solid #fff !important;
}
html.color-white .head-oya-link ul.sub-menu li a {
  color: #fff !important;
}
html.color-white .header-btn-box-sp04 {
  border: 1px solid #fff !important;
}
html.color-white .header-btn-box-sp01 div a {
  color: #fff !important;
  background-color: #000 !important;
}
html.color-white .header-link-box02 li:hover a {
  background-color: unset;
}
html.color-white .header-btn-box-sp02 div button, html.color-white .header-btn-box-sp03 div button {
  color: #fff !important;
}
html.color-white .header-btn-box-sp02 .lang-btn01.on, html.color-white .header-btn-box-sp02 .size-btn01.on, html.color-white .header-btn-box-sp03 .lang-btn01.on, html.color-white .header-btn-box-sp03 .size-btn01.on {
  color: #000 !important;
  background-color: #fff !important;
}
html.color-white .to-top-btn {
  border: 2px solid #fff;
}
html.color-white .to-top-btn:before {
  border-left: 3px solid #fff;
  border-top: 3px solid #fff;
  speak: none;
}
html.color-white .to-top-btn a {
  color: #fff;
  background-color: unset;
}
html.color-white .runnet-child-linkbox ul li a {
  color: #000 !important;
  background-color: #fff;
}
html.color-white .runnet-child-linkbox ul li a:hover {
  color: #fff;
  background: #009de6;
}
html.color-white .side-sponsor-inner h3 {
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
html.color-white .side-class-name {
  color: #fff !important;
}
html.color-white .company-box a {
  color: #fff !important;
}
html.color-white .company-box img {
  background-color: #fff;
}

/*グレー背景+黒文字*/
html.color-black {
  color: #000 !important;
  background-color: #d9dada;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
html.color-black * {
  color: #000 !important;
  /*     background-color: #d9dada;*/
}
html.color-black img {
  -webkit-filter: none;
          filter: none;
}
html.color-black .footer-inner small {
  color: #fff !important;
}
html.color-black .hg-menu-outer {
  background-color: #d9dada;
}
html.color-black .common-title01 .common-title-inner {
  color: #fff !important;
}
html.color-black .side-sponsor {
  background-color: #c0c9ce;
}
html.color-black .lang-btn01.on, html.color-black .size-btn01.on {
  color: #fff !important;
}
html.color-black .side-special-partner-btn a {
  color: #fff !important;
}
html.color-black .side-special-partner-btn a:hover {
  color: #000 !important;
}
html.color-black .footer-btn-box div a {
  color: #fff !important;
}