html {
   font-family: sans-serif;
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -ms-overflow-style: scrollbar;
   -webkit-tap-highlight-color: transparent;
 }


html,
body {
  width: 100%;
}

 body {
   margin: 0;
   font-family: var(--bs-body-font-family);
   font-size: var(--bs-body-font-size);
   font-weight: var(--bs-body-font-weight);
   line-height: var(--bs-body-line-height);
   color: var(--bs-body-color);
   text-align: var(--bs-body-text-align);
   background-color: var(--bs-body-bg);
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

/* ページ全体の最大幅は wrapper 側で制御する */
		.page-wrap {
		  max-width: 1080px;
		  margin: 0 auto;
		}
/* cloud2 上書き専用（Bootstrap5の後に読む） */

/* クリーム色背景 <div class="bg-cream p-3 mb-3">とdivに付けて使う*/
	div.bg-cream{
	    background-color:#F4F1E8 !important;
		border:1px solid #d6cfc0; 
		border-radius:6px;
	}

/* navbar 共通 */

		/* 濃い背景系：白文字 */
		.navbar.navbar-font .navbar-brand,
		.navbar.navbar-font .navbar-nav .nav-link{
		  font-size: 14px !important;
		  font-weight: 700 !important;
		  color: #fff !important;
		  opacity: 1;
		}

		.navbar.navbar-font .navbar-nav .nav-link:hover,
		.navbar.navbar-font .navbar-nav .nav-link:focus,
		.navbar.navbar-font .navbar-nav .nav-link.active{
		  color: #ffff00 !important;
		}

		/* 薄い背景系：黒文字 */
		.navbar.navbar-font-light .navbar-brand,
		.navbar.navbar-font-light .navbar-nav .nav-link{
		  font-size: 15px !important;
		  font-weight: 700 !important;
		  color: #000 !important;
		  opacity: 1;
		}

		.navbar.navbar-font-light .navbar-nav .nav-link:hover,
		.navbar.navbar-font-light .navbar-nav .nav-link:focus,
		.navbar.navbar-font-light .navbar-nav .nav-link.active{
		  color: #2f5597 !important;
		}

		/* sticky navbar */
		.navbar.navbar-sticky{
		  position: -webkit-sticky;
		  position: sticky;
		  top: 0;
		  z-index: 1080;
		  width: 100%;
		  overflow: visible;
		  transition: box-shadow .18s ease;
		  background-color: #212529;
		}

		.navbar.navbar-sticky.is-scrolled{
		  box-shadow: 0 6px 18px rgba(0,0,0,.12);
		}


	/* スマホ用 */
		@media (max-width: 991.98px){

		  /* 折りたたみ領域 */
		  .navbar.navbar-sticky .navbar-collapse{
			background-color: inherit;
			padding: 8px 0;
		  }

		  /* 薄い背景系 navbar 本体の高さを確保
			 対象：
			 - 資料DL
			 - バージョンアップ
			 - お問合せ
			 - ログイン・購入申込
			 - 入力画面
			 - 作成帳表
			 - 特徴
			 - ソフトを作った理由
			 など */
		  .navbar.navbar-light.navbar-font-light{
			padding-top: 8px !important;
			padding-bottom: 8px !important;
			min-height: 56px !important;
		  }

		  /* 濃い背景系 navbar 本体の高さを確保
			 既存HTMLの class をそのまま利用 */
		  .mobile-bar-blue,
		  .mobile-bar-maroon,
		  .mobile-bar-dark{
			padding-top: 8px !important;
			padding-bottom: 8px !important;
			min-height: 56px !important;
		  }

		  /* 縦メニュー共通 */
		  .navbar-nav.mobile-fix,
		  .navbar-nav.mobile-fix-blue,
		  .navbar-nav.mobile-fix-maroon,
		  .navbar-nav.mobile-fix-dark{
			align-items: initial !important;
			width: 100% !important;
		  }

		  .navbar-nav.mobile-fix .nav-item,
		  .navbar-nav.mobile-fix-blue .nav-item,
		  .navbar-nav.mobile-fix-maroon .nav-item,
		  .navbar-nav.mobile-fix-dark .nav-item{
			display: block !important;
			width: 100% !important;
			margin: 0 !important;
			background: transparent !important;
		  }

		  .navbar-nav.mobile-fix .nav-item .nav-link,
		  .navbar-nav.mobile-fix-blue .nav-item .nav-link,
		  .navbar-nav.mobile-fix-maroon .nav-item .nav-link,
		  .navbar-nav.mobile-fix-dark .nav-item .nav-link{
			display: block !important;
			width: 100% !important;
			padding: 10px 16px !important;
			line-height: 1.5 !important;
			min-height: 44px !important;
			height: auto !important;
			margin: 0 !important;
			background: transparent !important;
			box-sizing: border-box !important;
			border-radius: 0 !important;
		  }

		  /* active項目の背景リセット */
		  .navbar-nav.mobile-fix .nav-item.active-page,
		  .navbar-nav.mobile-fix-blue .nav-item.active-page-blue,
		  .navbar-nav.mobile-fix-maroon .nav-item.active-page-maroon,
		  .navbar-nav.mobile-fix-dark .nav-item.active-page-dark{
			background: transparent !important;
		  }

		  /* active色 */
		  .navbar-nav.mobile-fix .nav-item.active-page .nav-link{
			background-color: #5A6A73 !important;
			color: #FFFFFF !important;
		  }

		  .navbar-nav.mobile-fix-blue .nav-item.active-page-blue .nav-link{
			background-color: #2F75B5 !important;
			color: #FFFFFF !important;
		  }

		  .navbar-nav.mobile-fix-maroon .nav-item.active-page-maroon .nav-link{
			background-color: #7A2E43 !important;
			color: #FFFFFF !important;
		  }

		  .navbar-nav.mobile-fix-dark .nav-item.active-page-dark .nav-link{
			background-color: #5A6268 !important;
			color: #FFFFFF !important;
		  }
		}		
/* プルダウン用 pulldown*/
            .nav-pulldown {
		      background-color: #5a6268;
		    }
		
		    .nav-pulldown > .nav-link {
		      color: #ffff99 !important;
		      font-weight: 700;
		      padding: 0 12px;
		      margin: 0;
		      background: transparent;
		    }
		
		    .nav-pulldown > .nav-link:hover,
		    .nav-pulldown > .nav-link:focus {
		      color: #ffffff !important;
		      background-color: #6c757d;
		    }
		
		    .nav-pulldown .dropdown-menu {
		      border-color: #5a6268;
		    }

/* 薄い navbar 用：
   選択中ページ（#5C748A）より少し薄い同系色にする */
.navbar-light .nav-pulldown {
  background-color: #C6CFD8;
}

.navbar-light .nav-pulldown > .nav-link {
  color: #ffffff !important;
}

.navbar-light .nav-pulldown > .nav-link:hover,
.navbar-light .nav-pulldown > .nav-link:focus {
  color: #ffffff !important;
  background-color: #7b91a5;
}

.navbar-light .nav-pulldown .dropdown-menu {
  border-color: #6f879c;
}

/* フォント */
		h1 {
		  font-size: 20px;
		  line-height: 1.5;
		  margin: 0 0 12px;
		  font-weight: 700;
		  color:#2f5597;
		  vertical-align:middle;
		}

        h1z {
		  font-size: 20px;
		  line-height: 1.5;
		  margin: 0 0 12px;
		  font-weight: 700;
		  color:#2F000E;
		  vertical-align:middle;
		}

		h2 {
		  font-size: 16px;
		  line-height: 1.5;
		  margin: 24px 0 8px;
		  font-weight: 700;
		  vertical-align:middle;
		}
        
       h3 {
		  font-size: 15px;
		  line-height: 1.5;
		  margin: 8px 0 8px;
		  font-weight: 500;
		  color:#333333; 
		  vertical-align:middle;
		}
        .h18{font-size:18px;vertical-align:middle;}
        .h18b{font-size:18px;vertical-align:middle;font-weight:700;}
        .h18bz{font-size:18px;vertical-align:middle;font-weight:700;color:#2f000e;}
        .h18bb{font-size:18px;vertical-align:middle;font-weight:700;color:#23364d;}
        .h16bw{font-size:16px;vertical-align:middle;font-weight:700;color:#ffffff;}
		.h16{font-size:16px;vertical-align:middle;}
		.h16b{font-size:16px;vertical-align:middle;font-weight:700;}
		.h16bb{font-size:16px;color:#2f5597;font-weight:700;}
        .h16br{font-size:16px;color:#d90000;vertical-align:middle;font-weight:700;}
        .h15{font-size:15px;color:#000;vertical-align:middle;}
		.h15b{font-size:15px;vertical-align:middle;font-weight:700;}
        .h15bb{font-size:15px;color:#2f5597;font-weight:700;}
		.h15r{font-size:15px;color:#d90000;vertical-align:middle;}
        .h15rb{font-size:15px;color:#d90000;vertical-align:middle;font-weight:700;}
        .h15cb{font-size:15px;color:#4A3F2C;vertical-align:middle;font-weight:700;}
        .h15db{font-size:15px;color:#23364D;vertical-align:middle;font-weight:700;}
		.h14{font-size:14px;color:#000;vertical-align:middle;}
		.h14b{font-size:14px;vertical-align:middle;font-weight:700;}
		.h14w{font-size:14px;color:#fff;vertical-align:middle;}
		.h14r{font-size:14px;color:#d90000;vertical-align:middle;}
		.h13{font-size:13px;color:#000;vertical-align:middle;}
        .h13b{font-size:13px;color:#000;vertical-align:middle;font-weight:700;}
        .h13r{font-size:13px;color:#d90000;}
        .h13rb{font-size:13px;color:#d90000;font-weight:700;}
		.h12{font-size:12px;vertical-align:middle;}
		.h12w{font-size:12px;text-align:start;color:#fff;vertical-align:middle;}
		.h12wb{font-size:12px;color:#fff;vertical-align:middle;font-weight:700;}
		.h11{font-size:11px;vertical-align:middle;}
		.h10{font-size:10px;vertical-align:middle;}
		.h10w{font-size:10px;color:#fff;vertical-align:middle;}
		.h10wb{font-size:10px;color:#fff;vertical-align:middle;font-weight:700;}
		.h9{font-size:9px;vertical-align:middle;}
		.h9w{font-size:9px;color:#fff;}

/* リンクの色　使い方→<a href="/furusato/about" class="link-white-bold">ふるさと納税 上限額とは何か</a> */
		.link-white-bold,
		.link-white-bold:visited {
		  color: #ffffff;
		  font-weight: 700;
		  text-decoration: none;
		}

		.link-white-bold:hover,
		.link-white-bold:focus {
		  color: #ffffff;
		  text-decoration: underline;
		}

		.link-black-normal,
		.link-black-normal:visited {
		  color: #000000;
		  font-weight: 400;
		  line-height: 1.3;
		  text-decoration: none;
		}

		.link-black-normal:hover,
		.link-black-normal:focus {
		  color: #2f5597;
		  text-decoration: none;
		}  

/* 揃え */
		.text-start{text-align:left!important;}
		.text-end{text-align:right!important;}
		.text-center{text-align:center!important;}

/* 余白 */
		.m-0{margin:0!important;}
		.m-1{margin:.25rem!important;}
		.m-2{margin:.5rem!important;}
		.m-3{margin:1rem!important;}
		.m-4{margin:1.5rem!important;}
		.m-5{margin:3rem!important;}
		.m-auto{margin:auto!important;}

		.mx-0{margin-right:0!important;margin-left:0!important;}
		.mx-1{margin-right:.25rem!important;margin-left:.25rem!important;}
		.mx-2{margin-right:.5rem!important;margin-left:.5rem!important;}
		.mx-3{margin-right:1rem!important;margin-left:1rem!important;}
		.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important;}
		.mx-5{margin-right:3rem!important;margin-left:3rem!important;}
		.mx-auto{margin-right:auto!important;margin-left:auto!important;}

		.my-0{margin-top:0!important;margin-bottom:0!important;}
		.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important;}
		.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important;}
		.my-3{margin-top:1rem!important;margin-bottom:1rem!important;}
		.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important;}
		.my-5{margin-top:3rem!important;margin-bottom:3rem!important;}
		.my-auto{margin-top:auto!important;margin-bottom:auto!important;}

		.mt-0{margin-top:0!important;}
		.mt-1{margin-top:.25rem!important;}
		.mt-2{margin-top:.5rem!important;}
		.mt-3{margin-top:1rem!important;}
		.mt-4{margin-top:1.5rem!important;}
		.mt-5{margin-top:3rem!important;}
		.mt-auto{margin-top:auto!important;}

		.me-0{margin-right:0!important;}
		.me-1{margin-right:.25rem!important;}
		.me-2{margin-right:.5rem!important;}
		.me-3{margin-right:1rem!important;}
		.me-4{margin-right:1.5rem!important;}
		.me-5{margin-right:3rem!important;}
		.me-auto{margin-right:auto!important;}

		.mb-0{margin-bottom:0!important;}
		.mb-1{margin-bottom:.25rem!important;}
		.mb-2{margin-bottom:.5rem!important;}
		.mb-3{margin-bottom:1rem!important;}
		.mb-4{margin-bottom:1.5rem!important;}
		.mb-5{margin-bottom:3rem!important;}
		.mb-auto{margin-bottom:auto!important;}

		.ms-0{margin-left:0!important;}
		.ms-1{margin-left:.25rem!important;}
		.ms-2{margin-left:.5rem!important;}
		.ms-3{margin-left:1rem!important;}
		.ms-4{margin-left:1.5rem!important;}
		.ms-5{margin-left:3rem!important;}
        .ms-10{margin-left:6rem!important;}
        .ms-20{margin-left:16rem!important;}
		.ms-auto{margin-left:auto!important;}

		.p-0{padding:0!important;}
		.p-1{padding:.25rem!important;}
		.p-2{padding:.5rem!important;}
		.p-3{padding:1rem!important;}
		.p-4{padding:1.5rem!important;}
		.p-5{padding:3rem!important;}

		.px-0{padding-right:0!important;padding-left:0!important;}
		.px-1{padding-right:.25rem!important;padding-left:.25rem!important;}
		.px-2{padding-right:.5rem!important;padding-left:.5rem!important;}
		.px-3{padding-right:1rem!important;padding-left:1rem!important;}
		.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important;}
		.px-5{padding-right:3rem!important;padding-left:3rem!important;}

		.py-0{padding-top:0!important;padding-bottom:0!important;}
		.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important;}
		.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important;}
		.py-3{padding-top:1rem!important;padding-bottom:1rem!important;}
		.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important;}
		.py-5{padding-top:3rem!important;padding-bottom:3rem!important;}

		.pt-0{padding-top:0!important;}
		.pt-1{padding-top:.25rem!important;}
		.pt-2{padding-top:.5rem!important;}
		.pt-3{padding-top:1rem!important;}
		.pt-4{padding-top:1.5rem!important;}
		.pt-5{padding-top:3rem!important;}

		.pe-0{padding-right:0!important;}
		.pe-1{padding-right:.25rem!important;}
		.pe-2{padding-right:.5rem!important;}
		.pe-3{padding-right:1rem!important;}
		.pe-4{padding-right:1.5rem!important;}
		.pe-5{padding-right:3rem!important;}

		.pb-0{padding-bottom:0!important;}
		.pb-1{padding-bottom:.25rem!important;}
		.pb-2{padding-bottom:.5rem!important;}
		.pb-3{padding-bottom:1rem!important;}
		.pb-4{padding-bottom:1.5rem!important;}
		.pb-5{padding-bottom:3rem!important;}

		.ps-0{padding-left:0!important;}
		.ps-1{padding-left:.25rem!important;}
		.ps-2{padding-left:.5rem!important;}
		.ps-3{padding-left:1rem!important;}
		.ps-4{padding-left:1.5rem!important;}
		.ps-5{padding-left:3rem!important;}
        .ps-10{padding-left:6rem!important;}

		.gap-0{gap:0!important;} 
        .gap-01{gap:.1rem!important;}
		.gap-1{gap:.25rem!important;}
		.gap-2{gap:.5rem!important;}
		.gap-3{gap:1rem!important;}
		.gap-4{gap:1.5rem!important;}
		.gap-5{gap:3rem!important;}

/* 特徴の見出しbox */
		.gap-box{background-color:#e9eff7;height:100%;padding:2px;}
        .gap-box2{background-color:#e1e1e1;height:100%;padding:2px;border-radius: 16px;}

/* row gap-1 / gap-2 のとき「外側の余白」を下地に依存せず見せる */
		.row.gap-1 .gap-box{box-shadow:0 0 0 4px #fff;}
		.row.gap-2 .gap-box{box-shadow:0 0 0 7px #fff;}

/* rowの横並びの間隔を狭くする 使用方法→<div class="row mt-3 row-box-tight">*/
		.row-box-tight {
		  margin-left: -4px;
		  margin-right: -4px;
		}

		.row-box-tight > [class*="col-"] {
		  padding-left: 4px;
		  padding-right: 4px;
		}
/* carousel-caption内の「ふるさと名人のページへ」リンクを黒に固定 */
		.carousel-caption a,
		.carousel-caption a:link,
		.carousel-caption a:visited,
		.carousel-caption a:hover,
		.carousel-caption a:focus{
		  color: #000 !important;
		}

 .hero-carousel-full{
    width: 100%;
    background: #f3f3f3;
  }

  .hero-carousel-full .carousel,
  .hero-carousel-full .carousel-inner,
  .hero-carousel-full .carousel-item{
    width: 100%;
  }

  .hero-carousel-full .carousel-item img{
    display: block;
    width: 100%;
    height: auto;
  }

/* table-base（外枠:#333 / 内側罫線:#888）*/
		table.table-base{
		  width: 100%;
		  border-collapse: collapse;      /* 罫線を1本にまとめる */
		  border: 1px solid #333;         /* 外枠 */
		  background: #fff;
		}
  
		/* 内側罫線（th/td） */
		table.table-base th,
		table.table-base td{
		  border: 1px solid #888;         /* 内側 */
		  padding: 6px 8px;               /* 余白は好みで */
		  vertical-align: middle;
		}

  /* 背景色青（th/td） */
		/* th は見出し扱い：背景色を付ける */
		table.table-base th{
		  background: #DFE7F0 !important;
		}

     /* 背景色青：2行目見出し（th2） */
        /* 使い方 
		  <tr>
			  <th class="th2">中見出し</th>
			  <th class="th2">中見出し</th>
		 </tr>*/
		table.table-base th.th2{
		  background: #EDF2F7 !important;
		  font-weight: 500;/* 少し太い */
		}

 /* 背景色緑（th/td） */
		/* th は見出し扱い：背景色を付ける */
		table.table-base th.tg{
		  background-color: #E6EEEA !important;
		  font-weight: 500;/* 少し太い */
		}

   /* 背景色緑：2行目見出し（th2） */
        /* 使い方 
		  <tr>
			  <th class="tg2">中見出し</th>
			  <th class="tg2">中見出し</th>
		 </tr>*/
		table.table-base th.tg2{
		  background-color: #F2F4F3 !important;		  
		}

      .th-ddd{
        background-color:#e7eef8 !important;
        --bs-table-bg:#e7eef8 !important;
      } /* 薄い青 */

      .th-ccc{
        background-color:#bfd1ea !important;
        --bs-table-bg:#bfd1ea !important;
      } /* 濃い青 */

      .th-eee{
        background-color:#d3e0f2 !important;
        --bs-table-bg:#d3e0f2 !important;
      } /* 中間の青 */

   /* クリーム色 テーブルのどんな指定にも負けない*/
      table.table-base th.th-cream,
      table.table-base td.th-cream,
      table.table th.th-cream,
      table.table td.th-cream,
      th.th-cream,
      td.th-cream{
        background-color:#F4F1E8 !important;
        --bs-table-bg:#F4F1E8 !important;
        --bs-table-accent-bg:#F4F1E8 !important;
      }

		.bg-ddd{background-color: #e7eef8 !important; } /* 薄い青 */
		.bg-ccc{background-color: #bfd1ea !important; }　/* 濃い青 */
		.bg-eee{background-color: #d3e0f2 !important; }　/* 中間の青 */
		.bg-cream{
		  background-color:#F4F1E8 !important;
		  border:1px solid #d6cfc0;
		} /* クリーム色 */

		/* 購入申込みのメルアド入力欄の枠線を見えなくするためだけ */
		.apply-formbox{
		  border: 0 !important;
		  box-shadow: none !important;
		}

/* 会計トップ画面用 */
		.hero-books {
		  display: block;
		  width: 100vw;
		  margin-left: calc(50% - 50vw);

		  min-height: 448px;

		  background-image: url("../images/kaikei/shikkuikabe_hakkiri.png");
		  background-size: cover;
		  background-position: center center;
		  background-repeat: no-repeat;

		  padding: 30px 0;
		  box-sizing: border-box;
		  text-decoration: none;
		}

		.hero-message {
		  max-width: 1040px;
		  min-height: 360px;
		  width: calc(100% - 80px);

		  margin: 0 auto;
		  padding: 70px 80px 55px;

		  background-color: #23384f;
		  color: #ffffff;

		  box-sizing: border-box;

		  display: flex;
		  flex-direction: column;
		  justify-content: space-between;

		  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS Mincho", serif;
		}

		.hero-main {
		  margin: 0;
		  text-align: right;
		  font-size: clamp(28px, 4vw, 42px);
		  font-weight: normal;
		  line-height:2.5;
		  letter-spacing: 0.04em;
		}

/* ==================================================
   鹿谷会計ホーム専用 navbar
   ※ kaikei-navbar が付いた nav にだけ効かせる
   ※ ソフト紹介画面など他の nav には影響させない
   ================================================== */

/* nav全体 */
nav.kaikei-navbar {
  background-color: #E7EEF8 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* PCでは左側の「丸鹿＋鹿谷総研/鹿谷会計」を非表示 */
nav.kaikei-navbar .kaikei-mobile-brand {
  display: none;
  cursor: default;
  color: #4A3F2C !important;
  font-size: 15px;
  white-space: nowrap;
}

/* navリンク 通常時 */
nav.kaikei-navbar .navbar-nav .nav-item .nav-link,
nav.kaikei-navbar .navbar-nav .nav-item .nav-link:link,
nav.kaikei-navbar .navbar-nav .nav-item .nav-link:visited {
  color: #4A3F2C !important;
  background-color: transparent !important;
  font-weight: 600;
  padding-left: 12px;
  padding-right: 12px;
}

/* navリンク hover / focus / active */
nav.kaikei-navbar .navbar-nav .nav-item .nav-link:hover,
nav.kaikei-navbar .navbar-nav .nav-item .nav-link:focus,
nav.kaikei-navbar .navbar-nav .nav-item .nav-link:active {
  color: #23364D !important;
  background-color: #e0e0e0 !important;
}

/* 現在ページ */
nav.kaikei-navbar .navbar-nav .nav-item.active-page-dark > .nav-link,
nav.kaikei-navbar .navbar-nav .nav-item.active > .nav-link {
  color: #23364D !important;
  background-color: #e0e0e0 !important;
}

/* 現在ページをhoverしても色を維持 */
nav.kaikei-navbar .navbar-nav .nav-item.active-page-dark > .nav-link:hover,
nav.kaikei-navbar .navbar-nav .nav-item.active-page-dark > .nav-link:focus,
nav.kaikei-navbar .navbar-nav .nav-item.active > .nav-link:hover,
nav.kaikei-navbar .navbar-nav .nav-item.active > .nav-link:focus {
  color: #23364D !important;
  background-color: #e0e0e0 !important;
}

/* 左側ブランド文字 */
nav.kaikei-navbar .kaikei-mobile-brand,
nav.kaikei-navbar .kaikei-mobile-brand:link,
nav.kaikei-navbar .kaikei-mobile-brand:visited {
  color: #4A3F2C !important;
  background-color: transparent !important;
}

/* 左側ブランド文字 hover時も変えない */
nav.kaikei-navbar .kaikei-mobile-brand:hover,
nav.kaikei-navbar .kaikei-mobile-brand:focus,
nav.kaikei-navbar .kaikei-mobile-brand:active {
  color: #4A3F2C !important;
  background-color: transparent !important;
}

/* ハンバーガーボタン */
nav.kaikei-navbar .navbar-toggler {
  border: 1px solid #4A3F2C !important;
  background-color: #E7EEF8 !important;
  padding: 4px 8px;
}

/* ハンバーガーボタンのフォーカス時 */
nav.kaikei-navbar .navbar-toggler:focus {
  box-shadow: 0 0 0 2px rgba(74, 63, 44, 0.25) !important;
}

/* ハンバーガーアイコンを確実に見えるようにする */
nav.kaikei-navbar .navbar-toggler-icon {
  width: 1.5em;
  height: 1.5em;
  background-image:
    linear-gradient(to bottom, #4A3F2C 0%, #4A3F2C 100%),
    linear-gradient(to bottom, #4A3F2C 0%, #4A3F2C 100%),
    linear-gradient(to bottom, #4A3F2C 0%, #4A3F2C 100%) !important;
  background-size: 100% 2px, 100% 2px, 100% 2px;
  background-position: center 4px, center center, center calc(100% - 4px);
  background-repeat: no-repeat;
}

/* ==================================================
   スマホ表示
   Bootstrap lg 未満
   ================================================== */
@media screen and (max-width: 991.98px) {

  /* スマホでは上部の大きいロゴ画像を非表示 */
  img[src="images/logo/kaikei_top_ue_4c.jpg"] {
    display: none !important;
  }

  /* スマホでは「丸鹿＋鹿谷総研/鹿谷会計」を表示 */
  nav.kaikei-navbar .kaikei-mobile-brand {
    display: flex !important;
    align-items: center;
    color: #4A3F2C !important;
  }

  /* スマホ展開メニュー */
  nav.kaikei-navbar .navbar-collapse {
    background-color: #E7EEF8 !important;
    border-top: 1px solid #e0e0e0;
    margin-top: 4px;
  }

  nav.kaikei-navbar .navbar-nav {
    align-items: stretch !important;
  }

  nav.kaikei-navbar .navbar-nav .nav-item {
    display: block !important;
    width: 100%;
  }

  /* スマホのリンク通常時 */
  nav.kaikei-navbar .navbar-nav .nav-item .nav-link,
  nav.kaikei-navbar .navbar-nav .nav-item .nav-link:link,
  nav.kaikei-navbar .navbar-nav .nav-item .nav-link:visited {
    color: #4A3F2C !important;
    background-color: transparent !important;
    padding: 10px 14px;
    border-bottom: 1px solid #e0e0e0;
  }

  /* スマホのリンクhover時 */
  nav.kaikei-navbar .navbar-nav .nav-item .nav-link:hover,
  nav.kaikei-navbar .navbar-nav .nav-item .nav-link:focus,
  nav.kaikei-navbar .navbar-nav .nav-item .nav-link:active {
    color: #23364D !important;
    background-color: #e0e0e0 !important;
  }

  /* スマホの現在ページ */
  nav.kaikei-navbar .navbar-nav .nav-item.active-page-dark > .nav-link,
  nav.kaikei-navbar .navbar-nav .nav-item.active > .nav-link {
    color: #23364D !important;
    background-color: #e0e0e0 !important;
  }
}

<!-- 0_zoyo_s_6faq.html：贈与名人 プルダウン（よくある質問など）のページ用 nav CSS -->

    /* 贈与名人ページ用：下段nav */
    .zoyo-subnav{
      background-color:#F5F1F1 !important;
    }

    .zoyo-subnav .nav-link,
    .zoyo-subnav .nav-link:link,
    .zoyo-subnav .nav-link:visited{
      color:#2f000e !important;
      font-weight:700;
    }

    .zoyo-subnav .nav-item:not(.active-page) .nav-link:hover,
    .zoyo-subnav .nav-item:not(.active-page) .nav-link:focus,
    .zoyo-subnav .nav-item:not(.active-page) .nav-link:active{
      color:#2f000e !important;
    }

    .zoyo-subnav .active-page{
      background-color:#8D6161 !important;
    }

    .zoyo-subnav .active-page > .nav-link,
    .zoyo-subnav .active-page > .nav-link:link,
    .zoyo-subnav .active-page > .nav-link:visited,
    .zoyo-subnav .active-page > .nav-link:hover,
    .zoyo-subnav .active-page > .nav-link:focus,
    .zoyo-subnav .active-page > .nav-link:active{
      color:#FFFFFF !important;
      background:transparent !important;
    }

    .zoyo-subnav .dropdown-menu .dropdown-item,
    .zoyo-subnav .dropdown-menu .dropdown-item:link,
    .zoyo-subnav .dropdown-menu .dropdown-item:visited{
      color:#333333 !important;
    }

    .zoyo-subnav .dropdown-menu .dropdown-item:hover,
    .zoyo-subnav .dropdown-menu .dropdown-item:focus,
    .zoyo-subnav .dropdown-menu .dropdown-item:active{
      color:#2f000e !important;
      background-color:#F5F1F1 !important;
    }

    .zoyo-subnav .dropdown-menu .dropdown-item.current-page,
    .zoyo-subnav .dropdown-menu .dropdown-item.current-page:link,
    .zoyo-subnav .dropdown-menu .dropdown-item.current-page:visited,
    .zoyo-subnav .dropdown-menu .dropdown-item.current-page:hover,
    .zoyo-subnav .dropdown-menu .dropdown-item.current-page:focus,
    .zoyo-subnav .dropdown-menu .dropdown-item.current-page:active{
      color:#2f000e !important;
      background-color:#F5F1F1 !important;
      font-weight:700;
    }

    /* スマホメニュー内：現在位置 */
    .mobile-fix-dark .zoyo-mobile-current,
    .mobile-fix-dark .zoyo-mobile-current:link,
    .mobile-fix-dark .zoyo-mobile-current:visited,
    .mobile-fix-dark .zoyo-mobile-current:hover,
    .mobile-fix-dark .zoyo-mobile-current:focus,
    .mobile-fix-dark .zoyo-mobile-current:active{
      color:#FFFFFF !important;
      background-color:#5A6268 !important;
    }

    .mobile-fix-dark .zoyo-mobile-current-sub,
    .mobile-fix-dark .zoyo-mobile-current-sub:link,
    .mobile-fix-dark .zoyo-mobile-current-sub:visited,
    .mobile-fix-dark .zoyo-mobile-current-sub:hover,
    .mobile-fix-dark .zoyo-mobile-current-sub:focus,
    .mobile-fix-dark .zoyo-mobile-current-sub:active{
      color:#FFFFFF !important;
      background-color:#8D6161 !important;
      font-weight:700;
    }

/* 贈与名人：本文上の6個ボックス */
.zoyo-about-box-list .gap-box2{
  display:flex;
  align-items:stretch;
  height:100%;
  min-height:52px;
  padding:0;
  overflow:hidden;
}

/* 通常のボックス内リンク */
.zoyo-about-box-list .zoyo-about-box-link,
.zoyo-about-box-list .zoyo-about-box-link:link,
.zoyo-about-box-list .zoyo-about-box-link:visited,
.zoyo-about-box-list .zoyo-about-box-link:hover,
.zoyo-about-box-list .zoyo-about-box-link:focus,
.zoyo-about-box-list .zoyo-about-box-link:active{
  display:flex;
  align-items:center;
  width:100%;
  min-height:52px;
  padding:6px 8px;
  color:#2f000e !important;
  font-size:13px;
  line-height:1.35;
  font-weight:600;
  text-decoration:none !important;
  background:transparent !important;
}

/* 通常ボックスにマウスを乗せたとき */
.zoyo-about-box-list .gap-box2:not(.is-current):hover,
.zoyo-about-box-list .gap-box2:not(.is-current):focus-within{
  background-color:#F5F1F1 !important;
}

/* 現在ページのボックス */
.zoyo-about-box-list .gap-box2.is-current{
  background-color:#8D6161 !important;
}

/* 現在ページのボックス内リンク：青に変わらないよう固定 */
.zoyo-about-box-list .gap-box2.is-current .zoyo-about-box-link,
.zoyo-about-box-list .gap-box2.is-current .zoyo-about-box-link:link,
.zoyo-about-box-list .gap-box2.is-current .zoyo-about-box-link:visited,
.zoyo-about-box-list .gap-box2.is-current .zoyo-about-box-link:hover,
.zoyo-about-box-list .gap-box2.is-current .zoyo-about-box-link:focus,
.zoyo-about-box-list .gap-box2.is-current .zoyo-about-box-link:active{
  color:#FFFFFF !important;
  font-weight:700;
  background:transparent !important;
}

/* PC用：2段目の薄いnavを、上段の濃いnavの下に固定 */
@media (min-width: 992px){
  nav.navbar.navbar-light.navbar-font-light.d-none.d-lg-flex{
    position: sticky !important;
    top: 45px !important;
    z-index: 1020;
  }
}