@charset "UTF-8";
/* ==========================================================
 font
========================================================== */
/* ==========================================================
 color
========================================================== */
/* color theme
---------------------------------------------------------- */
/* clearfix
---------------------------------------------------------- */
/* ==========================================================
 theme color
========================================================== */
/* theme cobalt
---------------------------------------------------------- */
.theme-cobalt {
  /* common */
  /* heading */
  /* box-cmn-pager */
  /* tabs-navi */
  /* u-navi */
  /* footer */
  /* top page */
  /* box-top-recommend */
  /* box-top-system */
  /* box-top-content */
}
/*
.theme-cobalt .ttl-cmn-01:after {
  background-color: #005baa;
}

.theme-cobalt .ttl-cmn-sec {
  background-color: #eef5fb;
  color: #005baa;
}

.theme-cobalt .ttl-cmn-sub:before {
  background-color: #005baa;
}

.theme-cobalt .box-cmn-pager .item a {
  color: #005baa;
}

.theme-cobalt .box-cmn-pager .item a:hover, .theme-cobalt .box-cmn-pager .item a.is-current {
  background-color: #005baa;
  color: #fff;
}

.theme-cobalt .tabs-navi li a:hover, .theme-cobalt .tabs-navi li a.active {
  background-color: #eef5fb;
  color: #005baa;
}

.theme-cobalt .u-navi .nav .item.js-navi-accd .link.is-active, .theme-cobalt .u-navi .nav .item.js-navi-accd .link.is-current {
  background-color: #005baa;
}

.theme-cobalt .u-navi .nav .item.js-navi-accd .box-nav-sub {
  border-top-color: #005baa;
}

.theme-cobalt .u-navi .nav .item.js-navi-accd .box-nav-sub .title {
  color: #005baa;
  background-color: #f2f7fb;
}

.theme-cobalt .u-navi .nav .item.js-navi-accd .box-nav-sub .list .item-sub .link-sub .icon {
  color: #005baa;
}

.theme-cobalt .btn-cmn-pagetop a {
  color: #005baa;
}

.theme-cobalt .box-top-recommend .box-recommend .slick-dots > li button {
  color: #005baa;
}

.theme-cobalt .box-top-recommend .box-recommend .slick-dots > li.slick-active button {
  background-color: #005baa;
  color: #fff;
  border: 1px solid #005baa;
}

.theme-cobalt .box-top-system .list-system .item .link {
  border-left: 1px solid #005baa;
}

.theme-cobalt .box-top-content .list-content .item .link {
  border-left: 1px solid #005baa;
}

.theme-cobalt .box-top-content .list-content .item .link .icon {
  color: #005baa;
}

.theme-cobalt .ttl-sec {
  background-color: #eef5fb;
}

.theme-cobalt .ttl-sub:before {
  background-color: #005baa;
}
*/
/* theme red
---------------------------------------------------------- */
.theme-red {
  /* common */
  /* heading */
  /* box-cmn-pager */
  /* tabs-navi */
  /* u-navi */
  /* footer */
  /* top page */
  /* box-top-recommend */
  /* box-top-system */
  /* box-top-content */
}
/*
.theme-red .ttl-cmn-01:after {
  background-color: #ab1d31;
}

.theme-red .ttl-cmn-sec {
  background-color: #f9e7e5;
}

.theme-red .ttl-cmn-sub:before {
  background-color: #ab1d31;
}

.theme-red .box-cmn-pager .item a {
  color: #b70031;
}

.theme-red .box-cmn-pager .item a:hover, .theme-red .box-cmn-pager .item a.is-current {
  background-color: #b70031;
  color: #fff;
}

.theme-red .tabs-navi li a:hover, .theme-red .tabs-navi li a.active {
  background-color: #fbe9e7;
  color: #671000;
}

.theme-red .u-navi .nav .item.js-navi-accd .link.is-current, .theme-red .u-navi .nav .item.js-navi-accd .link.is-active {
  background-color: #671000;
}

.theme-red .u-navi .nav .item.js-navi-accd .box-nav-sub {
  border-top-color: #671000;
}

.theme-red .u-navi .nav .item.js-navi-accd .box-nav-sub .title {
  color: #671000;
  background-color: #fbe9e7;
}

.theme-red .u-navi .nav .item.js-navi-accd .box-nav-sub .list .item-sub .link-sub .icon {
  color: #671000;
}

.theme-red .btn-cmn-pagetop a {
  color: #b70031;
}

.theme-red .box-top-recommend .box-recommend .slick-dots > li button {
  color: #ab1d31;
}

.theme-red .box-top-recommend .box-recommend .slick-dots > li.slick-active button {
  background-color: #ab1d31;
  color: #fff;
}

.theme-red .box-top-system .list-system .item .link {
  border-left: 1px solid #ab1d31;
}

.theme-red .box-top-content .list-content .item .link {
  border-left: 1px solid #ab1d31;
}

.theme-red .box-top-content .list-content .item .link .icon {
  color: #ab1d31;
}

.theme-red .ttl-sec {
  background-color: #f9e7e5;
}

.theme-red .ttl-sub:before {
  background-color: #ab1d31;
}
*/