/* ==========著者プロフィール（そうぞく税理士法人 / 浜田勇毅）========================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700&family=Noto+Sans+JP:wght@400;500;700&display=swap');

.author-card *{
  box-sizing:border-box;
}

.author-card{
  width:100%;
  max-width:940px;
  margin:30px auto 20px;
  background:#faf8f3;
  font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN',sans-serif;
  border-radius:4px;
  box-shadow:0 2px 4px rgba(20,45,66,0.06), 0 14px 34px rgba(20,45,66,0.10);
  overflow:hidden;
}

.author-card .top-rule{
  height:4px;
  background:linear-gradient(90deg, #1c4160 0%, #1c4160 62%, #b8933f 100%);
}

.author-card .card-body{
  display:flex;
  gap:40px;
  padding:35px 44px 5px;
}

/* --- photo column --- */
.author-card .photo-col{
  flex:0 0 200px;
}

.author-card .photo-frame{
  position:relative;
  width:200px;
}

.author-card .photo-frame img{
  width:200px;
  height:240px;
  object-fit:cover;
  display:block;
  border:1px solid #e2ddce;
}

/* corner accents for a slight "certificate / frame" luxury touch */
.author-card .photo-frame::before,
.author-card .photo-frame::after{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  border-color:#b8933f;
  border-style:solid;
  z-index:2;
}
.author-card .photo-frame::before{
  top:-6px; left:-6px;
  border-width:2px 0 0 2px;
}
.author-card .photo-frame::after{
  bottom:-6px; right:-6px;
  border-width:0 2px 2px 0;
}

.author-card .role-tag{
  margin-top:18px;
  text-align:center;
  font-family:'Noto Serif JP',serif;
  font-size:12.5px;
  letter-spacing:0.14em;
  color:#1c4160;
  border:1px solid #1c4160;
  border-radius:2px;
  padding:6px 8px;
}

/* --- text column --- */
.author-card .text-col{
  flex:1;
  min-width:0;
}

.author-card .eyebrow{
  font-size:12px;
  letter-spacing:0.24em;
  color:#b8933f;
  font-weight:700;
  margin:0 0 10px;
}

.author-card .headline{
  font-family:'Noto Serif JP',serif;
  font-size:22px;
  font-weight:700;
  color:#142d42;
  line-height:1.5;
  margin:0 0 26px;
  letter-spacing:0.02em;
}

.author-card .credential{
  font-size:13.5px;
  color:#5c6a72;
  letter-spacing:0.06em;
  margin-bottom:6px;
}

.author-card .name-line{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:4px;
}

.author-card .name{
  font-family:'Noto Serif JP',serif;
  font-size:27px;
  font-weight:700;
  color:#142d42;
  letter-spacing:0.04em;
}

.author-card .name-kana{
  font-size:13px;
  color:#5c6a72;
}

.author-card .firm-title{
  font-size:14.5px;
  font-weight:700;
  color:#3a6386;
  margin:0 0 20px;
  letter-spacing:0.02em;
}
.author-card .firm-title::before{
  content:"｜";
  color:#b8933f;
  margin-right:2px;
}

.author-card .divider{
  width:44px;
  height:2px;
  background:#b8933f;
  margin:0 0 20px;
}

.author-card .bio{
  font-size:14.5px;
  line-height:2;
  color:#2b3439;
  margin:0 0 22px;
  text-align:justify;
}

/* --- links row : 常に横一列（改行しない）。収まらない場合のみ横スクロール --- */
.author-card .links{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:6px 14px;
  padding:18px 6px 4px 0;
  border-top:1px solid #e2ddce;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#d9bd7c transparent;
}
.author-card .links::-webkit-scrollbar{
  height:4px;
}
.author-card .links::-webkit-scrollbar-thumb{
  background:#d9bd7c;
  border-radius:4px;
}

.author-card .links a{
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
  white-space:nowrap;
  font-size:13px;
  font-weight:700;
  color:#1c4160;
  text-decoration:none;
  padding:6px 2px;
  position:relative;
  transition:color .15s ease;
}

.author-card .links a::before{
  content:"";
  width:5px;
  height:5px;
  background:#b8933f;
  border-radius:50%;
  margin-right:6px;
  flex:0 0 auto;
}

.author-card .links a:hover{
  color:#b8933f;
}

@media (max-width:600px){
  .author-card .card-body{
    flex-direction:column;
    align-items:stretch;
    text-align:center;
    padding:34px 20px 30px;
  }
  .author-card .photo-col{
    width:100%;
  }
  .author-card .text-col{
    width:100%;
    min-width:0;
  }
  .author-card .photo-frame{
    width:180px;
    margin:0 auto;
  }
  .author-card .photo-frame img{ width:180px; height:216px; }
  .author-card .name-line{ justify-content:center; }
  .author-card .divider{ margin:0 auto 20px; }
  .author-card .bio{ text-align:left; }
  .author-card .links{
    flex-direction:column;
    align-items:center;
    flex-wrap:nowrap;
    gap:10px;
    overflow-x:visible;
    justify-content:flex-start;
  }
  .author-card .links a{
    white-space:normal;
    justify-content:center;
    font-size:13px;
  }
}




/* ==========右にめんこいテレビ固定=============================== */ 
.menkoi {  
position: fixed; 
//bottom: 330px;
bottom: 580px;
right: 0px; 
//z-index: 999; 
z-index: 1; 
}

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

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


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

/* ハッシュタグリスト（ハッシュタグページに表示） */
.hashtags-list h3{
//	font-size: 1.25rem;
	font-size: 1.0rem;	/*--フォントサイズ--*/
	margin: .5rem 0 1rem;

}
.hashtags-list h3 .hashtag{
	margin: auto .5rem;
	padding: .25rem .5rem;
	border: 1px solid gray;
//	background-color: darkgray;
//	color: white;
	background-color: #ffffff;	/*--背景色--*/
	color: #F1890E;		/*--文字カラー--*/
}
.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;	/*--フォントサイズ--*/
//	font-weight: bold;	/*--太字--*/
	display: inline-block;
	padding: .25rem .5rem;
	border: 1px solid gray;
//	background-color: darkgray;
	background-color: #ffffff;	/*--背景色--*/
//	color: white;
	color: #F1890E;
}
.hashtag a:hover{
	opacity: .5;
	text-decoration: none;
}

/*------------------- スマホのみ表示する部分をPCでは非表示に------------------- */
.mobile-only { display: none; }

/* ==========PCインデックス（目次）追加========================== */
.index-wrapper {
  margin: 0 auto;
  padding: 1rem;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  font-size: 0.95rem;
  line-height: 1.6;
//  max-width: 32rem;
  max-width: 20rem;
margin-bottom: 1em;
}

.index-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.index-wrapper li {
  margin: 0.25rem 0;
  cursor: pointer;
}

.index-wrapper li.level-1 {
  font-weight: bold;
  margin-left: 0;
}

.index-wrapper li.level-2 {
  font-weight: normal;
  margin-left: .5rem;
  color: #444;
}

.index-wrapper li.level-3 {
  font-style: italic;
  margin-left: 1rem;
  color: #666;
}

.index-wrapper li:hover {
  text-decoration: underline;
}
.index-wrapper {
  padding: 1rem;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  font-size: 0.95rem;
  line-height: 1.6;
  max-width: 880px;
  margin-bottom: 1.5em;
}

.index-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.index-wrapper li {
  margin: 0.25rem 0;
  cursor: pointer;
}

.index-wrapper li.level-1 {
  font-weight: bold;
  margin-left: 0;
}

.index-wrapper li.level-2 {
  font-weight: normal;
  margin-left: 1.5rem;
  color: #444;
}

.index-wrapper li.level-3 {
  margin-left: 3rem;
  color: #666;
}

.index-wrapper li:hover {
  text-decoration: underline;
}

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