/*-------------------右下に動画固定（動画）-----------------------------------*/
.fixed_btn { 
//	width: 320px;
//	height: 180px;
position: fixed;
bottom: 300px;
right: 0px;
z-index: 999;		/*フッターの下に隠れないように最前面へ表示*/
}

/*-------------------右下に動画固定（定額減税）-----------------------------------*/
.fixed_btn_1 {
//display: grid;
position: fixed;
bottom: 120px;
right: 0px;
z-index: 999;		/フッターの下に隠れないように最前面へ表示*/
}
/*-------------------右下に動画固定（インボイス制度）-----------------------------------*/
.fixed_btn_2 { 
//display: grid;
position: fixed;
bottom: 0;
right: 0px;
z-index: 999;		/フッターの下に隠れないように最前面へ表示*/
}
/*-----------------------------------------------*/
ul.sample1{
  padding: 0;
  font: 18px/1.6 'arial narrow', sans-serif;
line-height: 32px;	/* 行間調整*/
  width:820px;
  list-style: none;
}
ul.sample1 li{
  position: relative;
  padding: 0.5em 1em 0.5em 2.3em;
  margin-bottom:5px;
  color:rgb(129,194,250)
  font-size: 16px;
/*color: #FF8202;		フォントカラー*/
  font-weight: bold;
  border-bottom: 3px solid rgba(129,194,250, 0.5);	/*ラインの太さ*/
}
ul.sample1 li:after,
ul.sample1 li:before{
  content: "";
  position: absolute;
  border-radius: 50%;
}
ul.sample1 li:before{
  left: 0.2em;
  width: 17px;
  height: 17px;
  background: rgba(255,130,2,0.5);
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ul.sample1 li:after{
  top: 1.1em;
  left: 0.7em;
  width: 14px;
  height: 14px;
  background: rgba(129,194,250,0.3);
}

/*黄色下線、数値が低いほど太くなる*/
    .under1 {
      background: linear-gradient(transparent  50%, #ffff00  50%);
    }

/* ハッシュタグ群（投稿に表示） */
.hastags-wrapper .hashtags{
	margin: .25rem 0;
	display: flex;
	gap: .5rem;
}

/* ハッシュタグリスト（ハッシュタグページに表示） */
.hashtags-list h3{
	font-size: 1.0rem;	/*--フォントサイズ--*/
	margin: .5rem 0 1rem;
}
.hashtags-list h3 .hashtag{
	background-color: #ffffff;	/*--背景色--*/
	color: #065FD4;		/*--文字カラー--*/
	margin: auto .5rem;
	padding: .25rem .5rem;
	border: 1px solid gray;
}
.hashtags-list ul{
	margin: 1rem 0 1rem 1rem;
}
.hashtags-list ul li{
	list-style-type: circle;
	margin: .5rem 0;
}
.hashtags-list ul li a{
	color: black;
}
.hashtags-list ul li a:hover{
	opacity: .5;
}

/* ハッシュタグ共通 */
.hashtag a{
	font-size: 0.9rem;	/*--フォントサイズ--*/
	background-color: #ffffff;	/*--背景色--*/
	color: #065FD4;		/*--文字カラー--*/
	display: inline-block;
	padding: .25rem .5rem;
	border: 1px solid gray;
}
.hashtag a:hover{
	opacity: .5;
	text-decoration: none;
}




/* ====== HERO BANNER ====== */
.hero-banner{
  position: relative;

  background-image:
    linear-gradient(rgba(80, 130, 170, 0.62), rgba(80, 130, 170, 0.62)),
    url("https://nakagaki-tax.com/wp-content/uploads/sites/21/0113.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  max-width: 100%;
  height: 250px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer; /* バナー全体クリックを示す */
}

/* バナー全体リンク（最前面） */
.hero-banner-link{
  position: absolute;
  inset: 0;
  z-index: 5;
  display: block;
}

/* 中央コンテンツ：クリックは「通す」 */
.hero-inner{
  position: relative;
  z-index: 6;                 /* 見た目は前に */
  text-align: center;
  color: #fff;
  width: 90%;
  max-width: 900px;

  pointer-events: none;       /* ← ここが重要：バナーリンクにクリックを渡す */
}

/* テキスト類 */
.hero-kicker{
  font-size: 20px;
  letter-spacing: 0.04em;
  margin: 0 0 10px;
font-weight: normal;
//  font-weight: 600;
  opacity: 0.95;
}

.hero-title{
  font-size: 34px;
  margin: 0 0 14px;
font-weight: bold;
//  font-weight: 800;
  letter-spacing: 0.02em;
}

.hero-line{
  width: 78%;
  max-width: 760px;
  height: 2px;
  margin: 0 auto 18px;
  background: rgba(255,255,255,0.9);
}

/* ====== BUTTON（左から青がスライド） ====== */
.hero-btn{
  pointer-events: auto;   /* ← ボタンだけはクリックできるように戻す */
  position: relative;
  display: inline-flex;
//display: inline-block;
  align-items: center;
  justify-content: center;


//  padding: 10px 26px;
  padding: 8px 40px 8px 40px;
  border: 2px solid rgba(255,255,255,0.95);
  border-radius: 999px;

  background: rgba(255,255,255,0.08);
border-color:#ffffff;
//  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;

  overflow: hidden;
  z-index: 0;

  cursor: pointer;
}

/* スライドする青背景（文字の下） */
.hero-btn::before{
  content: "";
  position: absolute;
  inset: 0;
//  background-color: #3c65ff;
  background-color: #0068B7;
  transform: translateX(-100%);
  transition: transform 0.35s ease;

  z-index: -1;
}

/* ホバー時：左からスライド */
.hero-btn:hover::before{
  transform: translateX(0);
}

/* 文字色固定（テーマ上書き対策） */
.hero-btn,
.hero-btn:hover,
.hero-btn:active,
.hero-btn:visited{
  color: #ffffff;
}