@charset "UTF-8";

/* リンクをタップした際のハイライト色
/* (Android では設定色にならない場合もあります)
/* #2aaee6 を rgba に変換しています
/* 各サイト毎に変更してください
--------------------------------- */
html { -webkit-tap-highlight-color: rgba(42, 174, 230, 0.5); }

/* 背景色
--------------------------------- */
/* TOP ページの背景色 */
body.home {
  background-color: #f6f6f6;
}

/* 下層ページの背景色 */
body.page,
body.page .breadcrumb {
  background-color: #ffffff;
}

/* ライン色
--------------------------------- */
/* BOX の上部で使用するライン */
hr.gradation {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.00, #b3daeb), color-stop(0.50, #8ad1eb), color-stop(1.00, #b3daeb));
  background: -webkit-linear-gradient(left, #b3daeb 0%, #8ad1eb 50%, #b3daeb 100%);
  background: -moz-linear-gradient(left, #b3daeb 0%, #8ad1eb 50%, #b3daeb 100%);
  background: -o-linear-gradient(left, #b3daeb 0%, #8ad1eb 50%, #b3daeb 100%);
  background: -ms-linear-gradient(left, #b3daeb 0%, #8ad1eb 50%, #b3daeb 100%);
  background: linear-gradient(left right, #b3daeb 0%, #8ad1eb 50%, #b3daeb 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ad1eb', endColorstr='#b3daeb', GradientType=1)";
}

/* トピックスで使用するライン */
hr.topics {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.00, #b3daeb), color-stop(0.44, #c5c5c5), color-stop(1.00, #c5c5c5));
  background: -webkit-linear-gradient(left, #b3daeb 0%, #c5c5c5 44%, #c5c5c5 100%);
  background: -moz-linear-gradient(left, #b3daeb 0%, #c5c5c5 44%, #c5c5c5 100%);
  background: -o-linear-gradient(left, #b3daeb 0%, #c5c5c5 44%, #c5c5c5 100%);
  background: -ms-linear-gradient(left, #b3daeb 0%, #c5c5c5 44%, #c5c5c5 100%);
  background: linear-gradient(left right, #b3daeb 0%, #c5c5c5 44%, #c5c5c5 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3daeb', endColorstr='#c5c5c5', GradientType=1)";
}

/* アクティブ色
--------------------------------- */
.navigation-bar .navigation .sub-menu a:hover, /* ナビゲーションのドロップダウン */
.box .sidenavi-page-index .active, /* サイドバーのページインデックスのアクティブ色 */
.floor>li.active /* 施設案内のフロア一覧 hover 色 */
{
  background-color: #dcf1fb;
}

.flex-control-paging li a.flex-active /* 施設案内のフロア画像拡大ダイアログ内のページネーションアクティブ色 */
{
  background: #2aaee6;
  background: rgba(42,174,230,1);
}

/* リンク色
--------------------------------- */
.navigation-bar .navigation .sub-menu a, /* ナビゲーションのドロップダウン */
.box .sidenavi-page-index a /* サイドバーのページインデックスのリンク色 */
{
  color: #2f2f2f;
}
/* フッターのリンク色 */
.footer ul.list-arrow>li span,
.footer ul.list-arrow>li a,
.footer .copyright {
  color: #626262;
}

/* テキストリンク色
--------------------------------- */
a { color: #2AAEE6;}
a:hover {
  color: #2AAEE6;
  text-decoration: underline;
}

/* 見出しの色
--------------------------------- */
.copy { color: #009bdc;}
.title1 { background-color: #ededed;}
.title1 span { border-left: solid 5px #55beeb;}
.title2 { border-bottom: solid 2px #55beeb;}
.title2:before { border: 3px solid #55beeb;}
.title2-primary { background-color: #55BEEB;}
.title3 span { border-left: solid 3px #55beeb;}
.sub-head { color:#009BDC;}

/* リストの色
--------------------------------- */
.disc > li:before { background-color: #55beeb;}

/* ボタンの色
--------------------------------- */
.btn-default {
  border-color: #7b7b7b;
  background-color: #7f7f7f;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  border-color:#adadad;
  background-color: #7f7f7f;
}
.btn-primary {
  color: #ffffff;
  background-color: #2aaee6;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-default {
  color: #fff;
  border-color:#2aaee6;
  background-color: #2aaee6;
}
.btn-sub {
  color: #2aaee6;
  border: 1px solid #2aaee6;
}
.btn-sub:hover,
.btn-sub:focus,
.btn-sub:active,
.btn-sub.active,
.open .dropdown-toggle.btn-default {
  color: #2aaee6;
  border-color:#2aaee6;
  background-color: #dcf1fb;
}

/* ラベルの色
--------------------------------- */
.label-primary { background-color: #55beeb;}

/* パネルの色
--------------------------------- */
.panel-primary { background-color: #dff0f8;}
.panel-sub { background-color: #d0d0d0;}
.panel-border-notice { padding: 15px 30px; border: 1px solid #55BEEB;}

/* トグルの色
--------------------------------- */
.open .panel-title a { color: #2aaee6;}

/* アラートの色
--------------------------------- */
.alert-success {
  color: #2f2f2f;
  border-color: #ddf1fb;
  background-color: #dff0f8;
}

/* テーブルの色
--------------------------------- */
table.table-default thead th,table.table-default.schedule thead th { background: #dff0f8;}
table.table-parallel thead { background: #ddf1fb;}
table.table-parallel thead th { background: #dff0f8;}
table.table-parallel th { background: #dff0f8;}
table.table-program thead th { background: #55beeb;}
table.table-program th { background: #55beeb;}

/* 画像の色
--------------------------------- */
img.notice { border: solid 1px #20b1e7 !important;}

/* 吹き出しの色
--------------------------------- */
.arrow_box { background-color: #dff0f8;}
.arrow_box.active {
  color: #fff;
  background-color: #55bdeb;
}
.arrow_box:after { border-left-color: #dff0f8;}
.arrow_box.active:after { border-left-color: #55bdeb;}

/* よくあるご質問・お問合せ
--------------------------------- */
.panel-heading:hover a {
  color: #2aaee6;
}

/* PC 用ナビゲーション
--------------------------------- */

/* ナビゲーションの背景画像を定義 (スプライト) */
.navigation-bar .navigation>li {
  background-image: url('/img/common/navigation/pc/navigation.png');
}

/* ナビゲーションの横幅定義 */
.navigation-bar .navigation>li.menu01 { width: 104px; }
.navigation-bar .navigation>li.menu02 { width: 179px; }
.navigation-bar .navigation>li.menu03 { width: 181px; }
.navigation-bar .navigation>li.menu04 { width: 281px; }
.navigation-bar .navigation>li.menu05 { width: 235px; }

/* ナビゲーションの背景画像位置を定義 (スプライト) */
.navigation-bar .navigation>li.menu01 { background-position: 0 top; }
.navigation-bar .navigation>li.menu02 { background-position: 876px top; }
.navigation-bar .navigation>li.menu03 { background-position: 697px top; }
.navigation-bar .navigation>li.menu04 { background-position: 516px top; }
.navigation-bar .navigation>li.menu05 { background-position: 235px top; }

/* ナビゲーションのアクティブ時の背景画像位置を定義 (スプライト) */
.page .navigation-bar .navigation>li.menu01.active { background-position: 0 bottom; }
.page .navigation-bar .navigation>li.menu02.active { background-position: 876px bottom; }
.page .navigation-bar .navigation>li.menu03.active { background-position: 697px bottom; }
.page .navigation-bar .navigation>li.menu04.active { background-position: 516px bottom; }
.page .navigation-bar .navigation>li.menu05.active { background-position: 235px bottom; }

/* ナビゲーションメニューの hover 時の背景画像 (スプライト) */
.navigation-bar .navigation>li>a:hover,
.navigation-bar .navigation>li.open {
  background-image: url('/img/common/navigation/pc/navigation-hover.png');
}

/* ナビゲーションメニューの hover 時の背景画像位置 (スプライト) */
.navigation-bar .navigation>li>a.menu01:hover { background-position: 0 top; }
.navigation-bar .navigation>li>a.menu02:hover { background-position: 876px top; }
.navigation-bar .navigation>li>a.menu03:hover { background-position: 697px top; }
.navigation-bar .navigation>li>a.menu04:hover { background-position: 516px top; }
.navigation-bar .navigation>li>a.menu05:hover { background-position: 235px top; }

/* ナビゲーションのドロップダウンメニューのボーダー色 */
.navigation-bar .navigation .sub-menu {
  border-color: #55bdeb;
}

/* ナビゲーションのドロップダウンメニュー幅 */
.navigation-bar .navigation .sub-menu.menu02 { width: 178px; }
.navigation-bar .navigation .sub-menu.menu03 { width: 180px; }
.navigation-bar .navigation .sub-menu.menu04 { width: 280px; }


/* メインビジュアルのインジケータアクティブ色 */
.bg-carousel-indicators .active {
  background-color: #2aaee6;
}

/* メインビジュアルのボタン配置 */
.bg-indicator-buttons .bg-indicator-button01 {
  top: 290px;
  left: 74px;
}
.bg-indicator-buttons .bg-indicator-button02 {
  top: 290px;
  left: 74px;
}
.bg-indicator-buttons .bg-indicator-button03 {
  top: 290px;
  right: 158px;
}

/* クリック不可ナビゲーション、サイドバー、フッターリンク */
.navigation-bar .navigation .sub-menu .disable a,
.navigation-bar .navigation .sub-menu .disable a:hover,
.sidenavi-page-index .disable a,
.sidenavi-page-index .disable a:hover {
  background-color: #ffffff;
  color: #dcdcdc;
}
.navigation-bar .navigation .sub-menu .disable a,
.navigation-bar .navigation .sub-menu .disable a:hover,
.sidenavi-page-index .disable a,
.sidenavi-page-index .disable a:hover,
.rich-footer .disable a:hover {
  cursor: default;
  text-decoration: none;
}

/* クリック不可画像リンク用 */
img.disable {
  opacity: 0.50;
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  -ms-filter: "alpha(opacity=50)";
}


/* ブレイクポイント時の切り替えスタイル
--------------------------------- */
@media (min-width: 647px) { /* スマートフォンの解像度以上の場合 */

}

@media (max-width: 647px) { /* スマートフォンの解像度の場合 */

  /* ナビゲーションのデフォルトカラー定義 */
  .navbar-default .navbar-nav>li>a,
  .navbar-default .navbar-nav>li>a:hover,
  .navbar-default .navbar-nav>li>a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
    color: #2f2f2f;
    background-color: #ffffff;
  }

 /* ナビゲーションメニュー開閉時のリンク色 */
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #2aaee6;
  }
  /* ナビゲーションのドロップダウンメニューの背景色 */
  .navbar-default .navbar-nav .open .dropdown-menu>li>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus
  {
    background-color: #eef8fd;
  }

  /* クリック不可ナビゲーション */
  .navbar-default .navbar-nav .open .dropdown-menu>.disable>li>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.disable>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.disable>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>.disable>li>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>.disable>li>a:focus
  {
    color: #dcdcdc;
    cursor: default;
  }

  /* メインビジュアル */
  .carousel-indicators li { /* インジケータの背景色 */
    background-color: #676767;
  }
  .carousel-indicators .active { /* アクティブなインジケータの背景色 */
    background-color: #2aaee6;
  }

  /* トピックスで使用するライン */
  hr.topics {
    background: -webkit-gradient(linear, left top, right top, color-stop(0.00, #b3daeb), color-stop(0.40, #b3daeb), color-stop(1.00, #c5c5c5));
    background: -webkit-linear-gradient(left, #b3daeb 0%, #b3daeb 40%, #c5c5c5 100%);
    background: -moz-linear-gradient(left, #b3daeb 0%, #b3daeb 40%, #c5c5c5 100%);
    background: -o-linear-gradient(left, #b3daeb 0%, #b3daeb 40%, #c5c5c5 100%);
    background: -ms-linear-gradient(left, #b3daeb 0%, #b3daeb 40%, #c5c5c5 100%);
    background: linear-gradient(left right, #b3daeb 0%, #b3daeb 40%, #c5c5c5 100%);
    ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3daeb', endColorstr='#c5c5c5', GradientType=1)";
  }
  
  /* テーブルの見出しフォントカラー */
  .table-responsive2 tbody tr td:before { color: #55BEEB;}
}

div.topics .topics-inner dd a,
div.topics .topics-inner dd a:hover {
  color: #2aaee6;
}