@charset "UTF-8";
/*! カスタマイズ */
.p-header-row1 {
  /********** ヘッダー **********/
  color: #505050;
  /* 1段目の文字色 */
  background-color: #fff;
  /* 1段目の背景色 */ }

.p-g-nav1-item::before {
  border-left-color: #ccc;
  /* 1段目メニュー区切り線の色 */ }

.p-g-nav1-item > a:hover {
  background-color: rgba(0, 0, 0, 0.15);
  /* 1段目メニューホバー時の色 */ }

.p-header-row2 {
  color: #fff;
  /* 2段目の文字色 */
  background-color: #001c39;
  /* 2段目の背景色 */ }

.p-h-user-info {
  border-left-color: #fff;
  /* 2段目ログインID頭の線の色 */ }

.p-global-nav__item {
  border-color: #fff;
  /* 2段目メニュー区切り線の色 */ }

.p-global-nav .c-navbar__item > a:hover {
  background-color: rgba(255, 255, 255, 0.15);
  /* 2段目メニューホバー時の色 */ }

.p-hamburger-btn {
  /********** ハンバーガーボタン **********/
  color: #001c39;
  /* 文字色 */
  border-color: #001c39;
  /* 線の色 */
  background-color: #fff;
  /* 背景色 */ }

.p-hamburger-btn--drawer {
  /* ポップアップ時の線の色 */
  border-color: #fff;
  /* ポップアップ時の背景色 */
  background-color: transparent; }

.p-footer-row1 {
  /********** フッター **********/
  color: #fff;
  /* 文字色 */
  background-color: #001c39;
  /* 背景色 */ }

.p-contents-footer-row1 {
  /********** フッターメニュー **********/
  color: #505050;
  /* 文字色 */
  background-color: #ccebff;
  /* 背景色 */ }

.p-c-footer-nav__item {
  border-bottom-color: #fff;
  /* 縦区切り線の色 */
  border-right-color: #001c39;
  /* 横区切り線の色 */ }
  .p-c-footer-nav__item > a {
    border-color: #505050;
    /* 矢印の色 */ }

.p-card-link__frame > span::before, .p-card-link__frame > span::after {
  /********** 網掛けボタン **********/
  background-color: #f4f4f4;
  /* 網掛けボタンの網の色 */ }

.p-button1 {
  /********** デフォルトのボタン **********/
  color: #001c39;
  /* 文字色 */
  border-color: #000;
  /* 枠の色 */
  background-color: #fff;
  /* 背景色 */
  box-shadow: 0.3rem 0.3rem 0 0 #001c39;
  /* 影 */ }
  .p-button1:hover {
    background-color: rgba(0, 0, 0, 0.15);
    /* ホバー時の色 */ }

.p-button1--reload {
  /********** 画面更新ボタン **********/
  color: #001c39;
  /* 文字色 */
  border-color: #000;
  /* 枠の色 */
  background-color: #fff;
  /* 背景色 */
  box-shadow: 0.3rem 0.3rem 0 0 #001c39;
  /* 影 */ }
  .p-button1--reload:hover {
    background-color: rgba(0, 0, 0, 0.15);
    /* ホバー時の色 */ }

.p-button1--applause {
  /********** 拍手ボタン **********/
  color: #001c39;
  /* 文字色 */
  border-color: #000;
  /* 枠の色 */
  background-color: #fff;
  /* 背景色 */
  box-shadow: 0.3rem 0.3rem 0 0 #001c39;
  /* 影 */ }
  .p-button1--applause:hover {
    background-color: rgba(0, 0, 0, 0.15);
    /* ホバー時の色 */ }

.p-button1--message {
  /********** メッセージボタン **********/
  color: #001c39;
  /* 文字色 */
  border-color: #000;
  /* 枠の色 */
  background-color: #fff;
  /* 背景色 */
  box-shadow: 0.3rem 0.3rem 0 0 #001c39;
  /* 影 */ }
  .p-button1--message:hover {
    background-color: rgba(0, 0, 0, 0.15);
    /* ホバー時の色 */ }

.p-button1--user-login {
  /********** ログインボタン **********/
  color: #fff;
  /* 文字色 */
  background-color: #001c39;
  /* 背景色 */
  box-shadow: 0.3rem 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.4);
  /* 影 */ }
  .p-button1--user-login:hover {
    color: #000;
    /* ホバー時の文字色 */
    background-color: #fff;
    /* ホバー時の背景色 */ }

.p-button1--admin-login {
  /********** 事務局ログインボタン **********/
  color: #fff;
  /* 文字色 */
  background-color: #001c39;
  /* 背景色 */
  box-shadow: 0.3rem 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.4);
  /* 影 */ }
  .p-button1--admin-login::after {
    border-color: #fff;
    /* 矢印の色 */ }
  .p-button1--admin-login:hover {
    color: #000;
    /* ホバー時の文字色 */
    background-color: #fff;
    /* ホバー時の背景色 */ }
    .p-button1--admin-login:hover::after {
      border-color: #000;
      /* ホバー時の矢印の色 */ }

/********** ユーザーログインページ **********/
.p-user-login__frame {
  /* ログインパネル文字色 */
  color: #505050;
  /* ログインパネル背景色 */
  background-color: #fff; }