/********************************************************* color01*/
body.color01 {
  color: yellow !important;
  background-color: darkblue !important;
  border-color: yellow !important;
  /*head-----------------*/
  /*btn-----------------*/
  /*icon-----------------*/
}
.color01 * #top_ttl {
  background-image: none;
}
.color01 * {
  color: yellow !important;
  background-color: darkblue !important;
  border-color: yellow !important;
  /*head-----------------*/
  /*btn-----------------*/
  /*icon-----------------*/
}
.color01 #top_ttl {
  background-image: none;
}
.color01 #top-cover {
  background-image: none;
}
.color01 * #top-cover h1 img {
	background-color: #d1d523 !important;
}
.color01 * .head-logo a {
  width: auto;
  background-image: none;
}
.color01 * .head-logo a span {
  opacity: 1;
  z-index: 0;
  color: white !important;
}
.color01 * a.btn-style01,
.color01 * a.btn-style02 {
  box-shadow: 0 4px 0 yellow;
}
.color01 * a.btn-style01:hover,
.color01 * a.btn-style02:hover {
  box-shadow: none;
}
.color01 * a.btn-style01 *,
.color01 * a.btn-style02 * {
  color: white !important;
}
.color01 * a.btn-style01:after {
  background-color: transparent !important;
}
.color01 * .list-ward a {
  background: none;
  box-shadow: 0 4px 0 yellow;
}
.color01 * .list-ward a:hover {
  box-shadow: none;
}
.color01 * .list-ward a * {
  color: white !important;
}
.color01 * .global-sitemap-cols > ul > li > .ttl {
  color: white !important;
}
.color01 * .hamburger-icon .line {
  background-color: white !important;
}
.color01 * .hamburger .txt {
  color: white !important;
}
.color01 * .icon-down {
  background-image: url(../images/icon_arrow_down_w.png);
}
.color01 * .icon-blank {
  background: url(../images/icon_blank_w.png) no-repeat 0 center/100% auto;
}
.color01 * .icon-blank img {
  opacity: 0;
}
.color01 * .icon-circle-arrow:not(.sp) {
  background-image: url(../images/icon_circle_r_w.png);
}
.color01 * .list-step > li:before {
  color: yellow !important;
  background-color: transparent !important;
}
.color01 * .list-level2 a,
.color01 * .head-nav > li a {
  background-image: url(../images/icon_arrow_w.png);
}
.color01 * .page-top a {
  background-image: url(../images/icon_arrow_top_w.png);
}

.color01 a, .color01 select, .color01 input, .color01 option {
  color: white !important;
}

.color01 .comingsoon { box-shadow: 0 4px 0 yellow !important; }
.color01 .comingsoon:before { background-color: darkblue; }
.color01 .comingsoon:after {
	
  color: white !important;
  background: darkblue;
}

/********************************************************* color02*/
body.color02 {
  color: black !important;
  background-color: yellow !important;
  border-color: black !important;
  /*head-----------------*/
  /*btn-----------------*/
  /*icon-----------------*/
}
.color02 * {
  color: black !important;
  background-color: yellow !important;
  border-color: black !important;
  /*head-----------------*/
  /*btn-----------------*/
  /*icon-----------------*/
}
.color02 #top_ttl {
  background-image: none;
}
.color02 * #top_ttl {
  background-image: none;
}
.color02 #top-cover {
  background-image: none;
}
.color02 * #top-cover h1 img {
	background-color: #d1d523 !important;
}

.color02 * .head-logo a {
  width: auto;
  background-image: none;
}
.color02 * .head-logo a span {
  opacity: 1;
  z-index: 0;
  color: blue !important;
}
.color02 * li#gnav01 a {
  background-image: url(../images/icon_hamburger_open_blue.png);
}
.color02 * li#gnav01 a.opend {
  background-image: url(../images/icon_hamburger_close_blue.png);
}
.color02 * a.btn-style01,
.color02 * a.btn-style02 {
  box-shadow: 0 4px 0 black;
}
.color02 * a.btn-style01:hover,
.color02 * a.btn-style02:hover {
  box-shadow: none;
}
.color02 * a.btn-style01 *,
.color02 * a.btn-style02 * {
  color: blue !important;
}
.color02 * a.btn-style01:after {
  background-color: transparent !important;
  background-image: url(../images/icon_arrow_b.png);
}
.color02 * a.btn-style02:after,
.color02 * .side-nav > ul > li > a:after {
  background-image: url(../images/icon_arrow_b.png);
}
.color02 * .side-nav > ul > li > a.trigger-nav-sub:after {
  background-image: url(../images/icon_plus_b.png);
}
.color02 * .side-nav > ul > li > a.trigger-nav-sub.opend:after {
  background-image: url(../images/icon_minus_b.png);
}
.color02 * .list-ward a {
  background: none;
  box-shadow: 0 4px 0 black;
}
.color02 * .list-ward a:hover {
  box-shadow: none;
}
.color02 * .list-ward a * {
  color: blue !important;
}
.color02 * .global-sitemap-cols > ul > li > .ttl {
  color: blue !important;
}
.color02 * .hamburger-icon .line {
  background-color: blue !important;
}
.color02 * .hamburger .txt {
  color: blue !important;
}
.color02 * .icon-circle-arrow:not(.sp) {
  background-image: url(../images/icon_circle_r_b.png);
}
.color02 * .list-step > li:before {
  color: black !important;
  background-color: transparent !important;
}

.color02 a, .color02 select, .color02 input, .color02 option {
  color: blue !important;
}

@media screen and (max-width: 767px) {
  .color02 .has-sub-list .ttl {
    background-image: url(../images/icon_plus_b.png);
  }
  .color02 .has-sub-list .ttl.opend {
    background-image: url(../images/icon_minus_b.png);
  }
  .color02 .global-sitemap-cols .list-level2 a {
    background-image: url(../images/icon_arrow_b.png);
  }
  .color02 .global-sitemap-cols > ul > li > a.icon-circle-arrow.sp {
    background-image: url(../images/icon_circle_r_b.png);
  }
  .color02 .global-nav-sub .global-sitemap .icon-blank {
    background-image: none;
  }
  .color02 .global-nav-sub .global-sitemap .icon-blank img {
    opacity: 1;
  }
}

.color02 .comingsoon { box-shadow: 0 4px 0 black !important; }
.color02 .comingsoon:before { background-color: yellow; }
.color02 .comingsoon:after {
	
  color: blue !important;
  background: yellow;
}

/********************************************************* color03*/
body.color03 {
  color: yellow !important;
  background-color: black !important;
  border-color: yellow !important;
  /*head-----------------*/
  /*btn-----------------*/
  /*icon-----------------*/
}
.color03 * {
  color: yellow !important;
  background-color: black !important;
  border-color: yellow !important;
  /*head-----------------*/
  /*btn-----------------*/
  /*icon-----------------*/
}
.color03 #top_ttl {
  background-image: none;
}
.color03 * #top_ttl {
  background-image: none;
}
.color03 #top-cover {
  background-image: none;
}
.color03 * #top-cover h1 img {
	background-color: #d1d523 !important;
}

.color03 * .head-logo a {
  width: auto;
  background-image: none;
}
.color03 * .head-logo a span {
  opacity: 1;
  z-index: 0;
  color: white !important;
}
.color03 * a.btn-style01,
.color03 * a.btn-style02 {
  box-shadow: 0 4px 0 yellow;
}
.color03 * a.btn-style01:hover,
.color03 * a.btn-style02:hover {
  box-shadow: none;
}
.color03 * a.btn-style01 *,
.color03 * a.btn-style02 * {
  color: white !important;
}
.color03 * a.btn-style01:after {
  background-color: transparent !important;
}
.color03 * .list-ward a {
  background: none;
  box-shadow: 0 4px 0 yellow;
}
.color03 * .list-ward a:hover {
  box-shadow: none;
}
.color03 * .list-ward a * {
  color: white !important;
}
.color03 * .global-sitemap-cols > ul > li > .ttl {
  color: white !important;
}
.color03 * .hamburger-icon .line {
  background-color: white !important;
}
.color03 * .hamburger .txt {
  color: white !important;
}
.color03 * .icon-down {
  background-image: url(../images/icon_arrow_down_w.png);
}
.color03 * .icon-blank {
  background: url(../images/icon_blank_w.png) no-repeat 0 center/100% auto;
}
.color03 * .icon-blank img {
  opacity: 0;
}
.color03 * .icon-circle-arrow:not(.sp) {
  background-image: url(../images/icon_circle_r_w.png);
}
.color03 * .list-step > li:before {
  color: yellow !important;
  background-color: transparent !important;
}
.color03 * .list-level2 a,
.color03 * .head-nav > li a {
  background-image: url(../images/icon_arrow_w.png);
}
.color03 * .page-top a {
  background-image: url(../images/icon_arrow_top_w.png);
}

.color03 a, .color03 select, .color03 input, .color03 option {
  color: white !important;
}

.color03 .comingsoon { box-shadow: 0 4px 0 yellow !important; }
.color03 .comingsoon:before { background-color: black; }
.color03 .comingsoon:after {
	
  color: yellow !important;
  background: black;
}