@charset "UTF-8";
/*template key color: #f2f2f2;*/
/*===================================================
link text color
===================================================*/
a {
  color: #006694;
  text-decoration: none;
}

/*===================================================
gloval nav(svg icon color)
===================================================*/
#gloval-nav ul li.gnav > a {
	color:#fff;
}
#gloval-nav ul li > a:hover {
	color:#000;
	font-weight:bold;
}

#gloval-nav ul li a {
  color: #006694;
  transition-duration: 0.25s;
}

#gloval-nav ul li a:hover {
  background-color: #f5f5f5;
}

#gloval-nav ul li a.current {
  background-color: #2a5591;
  color: #fff;
}

/*svg color(ie9+)*/
.st1, .st2, .st3, .st4,
.st5, .st6, .st6, .st7,
.st9, .st9, .st10, .st11, .st12 {
  fill: #00347c !important;
}

.st3 {
  opacity: 0;
}

.st5 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #00347c !important;
}

.st7 {
  filter: url(#Adobe_OpacityMaskFilter);
}

.st8 {
  fill: #00347c !important;
}

.st9 {
  opacity: 0.53;
  mask: url(#SVGID_1_);
}

#gloval-nav ul li a path {
  fill: #00347c !important;
}

#gloval-nav ul li a.current .st1, #gloval-nav ul li a.current .st2, #gloval-nav ul li a.current .st3,
#gloval-nav ul li a.current .st4, #gloval-nav ul li a.current .st5, #gloval-nav ul li a.current .st6,
#gloval-nav ul li a.current .st7, #gloval-nav ul li a.current .st8, #gloval-nav ul li a.current .st9,
#gloval-nav ul li a.current .st10, #gloval-nav ul li a.current .st11, #gloval-nav ul li a.current .st12 {
  fill: #fff !important;
}

#gloval-nav ul li a.current path {
  fill: #fff !important;
}

/*===================================================
theme color
===================================================*/
.theme-color {
  background-color: #00347c;
}

/*タブボタンカラー*/
.theme-tab-bg-color {
  background-color: #d3edfb;
}

/*ヘッダーカラー*/
.theme-header-bg-color-1 {
  background-color: #00347c;
}

.theme-header-bg-color-2 {
  background-color: #fff;
}

.theme-header-bg-color-3 {
  background-color: #d3edfb;
}

.theme-header-bg-color-4 {
  background-color: #e9f8fb;
}

.theme-header-bg-color-5 {
  background-color: #f2f2f2;
}

.theme-header-bg-color-6 {
  background-color: #00b3b2;
}

/*other component color*/
.theme-color-1 {
  background-color: #00abbe;
}

.theme-color-2 {
  background-color: #008db7;
}

.theme-color-3 {
  background-color: #00358b;
}

.theme-color-4 {
  background-color: #d3edfb;
}

.theme-color-5 {
  background-color: #00aacf;
}

.theme-color-6 {
  background-color: #3cc9d6;
}

/*===================================================
breadcrumb color
===================================================*/
/*
.breadcrumb > .active {
  font-weight: bold;
  opacity: 1;
  color: #fff;
}

.breadcrumb > .next {
  color: #337ab7;
}

.breadcrumb > li > a {
  color: #fff;
  opacity: 0.5;
}

.breadcrumb > li > a:hover {
  opacity: 1;
  text-decoration: underline;
}
*/
.breadcrumb > .active {
  font-weight: bold;
  opacity: 1;
  color: #333;
}

.breadcrumb > .next {
  color: #555;
}

.breadcrumb > li > a {
  color: #555;
  opacity: 0.8;
}

.breadcrumb > li > a:hover {
  opacity: 1;
  text-decoration: underline;
}
/*===================================================
footer color
===================================================*/
#site-footer {
  background-color: #f2f2f2;
}

/*===================================================
pagenation border color
===================================================*/
.pagenation-bodered {
  border-top: 5px solid #ffe100 !important;
  /*border-top: 5px solid #00347c!important;*/
}

/*===================================================
table heading color
===================================================*/
.table-head-color th, .table-head-color .th {
  background-color: #f2f2f2;
}

/*===================================================
toggle content background-color
===================================================*/
.toggle-bg-color.active {
  background-color: #fffbc4;
}

/*ここからページごとの指定*/
/*===================================================
ダイナミックパッケージ
===================================================*/
/*フローティングボックス（価格表示・検索フォーム）*/
.floating-box {
  background-color: #fffbc4;
  border-color: #e8383d;
}

.float-header {
  color: #fff;
  background-color: #e8383d;
}

.float-discount-price-list {
  border-color: #d70035;
  background-color: #fff;
}