body{background-color:#FFF;color:#000;font-size:1.6rem;margin:0;overflow-x: hidden;}

#main{width:1100px;margin-right:auto;margin-left:auto}
#maintext{width:800px;margin-right:auto;margin-left:auto}
#head{width:1080px;margin-left:10px;margin-bottom: 0px;}
#myhead{width:985px;margin-left:10px;margin-bottom: 0px;
	padding: 20px;	background-color: #F9F9F9;}

.list{font-size:1.6rem;color:#000;padding:3px;width:250px;float:left;margin-left:30px}

.main0{width:765px;float:left;margin-left:10px}
.main0::after {
  content: "";
  display: block;
  clear: both;
}

.container {
  display: flex;
  width: 1100px;
  margin: 0 auto;
}
.main1{padding:10px;width:755px;background-color:#3270cc;font-size:1.6rem;text-transform:uppercase;color:#FFF;border-right-width:1px;border-right-style:solid;border-right-color:#06F;border-left-width:1px;border-left-style:solid;border-left-color:#08F;padding-left:10px;padding-right:10px}

h2.main1 {
   margin-bottom: 0px;
   font-size: 1.6rem;
   padding: 10px;
}
h2.kijilist {
	margin: 0px;
	font-size: 1.6rem;
	padding: 10px;
 }
.main2{padding:5px;width:755px;font-size:1.7rem;background-color:#F9F9F9;border-right-width:1px;border-right-style:solid;border-right-color:#666;border-left-width:1px;border-left-style:solid;border-left-color:#BBB;padding-left:10px;padding-right:10px}

.main3{
line-height: 1.75;
width:755px;
font-size:1.6rem;
background-color:#F9F9F9;
border-right-width:1px;
border-right-style:solid;
border-right-color:#666;
border-left-width:1px;
border-left-style:solid;
border-left-color:#BBB;
padding-left:10px;
padding-right:10px;
padding:10px;
margin: 0px;
}
.main3body{
line-height: 1.75;
width:755px;
font-size:1.6rem;
background-color:#F9F9F9;
border-right-width:1px;
border-bottom-width:1px;
border-right-style:solid;
border-bottom-style:solid;
border-right-color:#666;
border-bottom-color:#666;
border-left-width:1px;
border-left-style:solid;
border-left-color:#BBB;
padding-left:10px;
padding-right:10px;
margin-bottom:40px;
padding:10px;
}



.main4{line-height: 1.75;padding:1px 50px 20px;font-size:1.6rem;border-style:solid;background-color:#F9F9F9;border-width:1px;border-color:#666;}
.main5{padding:5px;width:755px;background-color:#5c5c5c;font-size:1.6rem;text-transform:uppercase;color:#FFF;border-right-width:1px;border-right-style:solid;border-right-color:#06F;border-left-width:1px;border-left-style:solid;border-left-color:#08F;padding-left:10px;padding-right:10px}

h2.main5 {
	margin-bottom: 0px;
	font-size: 1.6rem;
	padding: 10px;
 }
.author-area{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin:20px 0px;
	height:30px;
	width:100%;
}
.post-share a,
.post-share button {
  margin-left:10px;
}

.dli-caret-right {
	display: inline-block;
	vertical-align: middle;
	color: #333;
	line-height: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 0.375em 0.64952em;
	border-left-color: currentColor;
	border-right: 0;
}
#foot{clear: both;width:99%;font-size:1.4rem;margin:20px;text-align:center;
padding-top:30px;}

td,th,table{font-size:1.5rem}
.font12{font-size:1.6rem}

.font10{font-size:1.2rem}
.font8{font-size:1.0rem}

div.content{
margin-top: 25px;
word-break: break-all;
}


a:link{text-decoration:none;color:#0066CC;}a:visited{text-decoration:none;color:#0066CC;}a:active{text-decoration:none;color:#D00}a:hover{text-decoration:underline;color:#D00}

img{border:0;max-width:100%;height:auto;}

.img100{width:100%;}
.ad{font-size:1.6rem}.titlecss{margin-top:5px;margin-bottom:20px}.subcss{margin-top:5px;height:1px}.social{vertical-align:bottom;margin:25px 5px 5px 20px;padding:0;background-color:#3270cc}.gplus{width:40px;display:inline;margin:4px}

.mainhr{margin-top:10px;height:1px;clear:both}

li{margin:0 5px 5px 2px;padding:0 5px 5px 2px}

.nextkiji{font-size:1.6rem;margin:5px;padding:2px 20px;}

.kijilist{font-size:1.4rem;margin:6px;padding:1px}.pgray{color:gray}.pspace{font-size:1.4rem;color:#333}#___plusone_0,#___plusone_1,#___plusone_2,#___plusone_3,#___plusone_4,#___plusone_5,#___plusone_6,#___plusone_7,#___plusone_8,#___plusone_9{*display:inline!important}

#kijibody{margin:10px}

h1{display:inline}

h2.toph2{margin:15px 0;font-size:2.4rem;line-height:1em}
h2{margin:28px 0;font-size:2.4rem;line-height:1.4em}


h3 {
	color: #000;/*文字色*/
	padding: 0.5em;/*文字周りの余白*/
	line-height: 1.3;/*行高*/
	background: #dbebf8;/*背景色*/
	vertical-align: middle;
	border-radius: 25px 25px 25px 25px; /*左側・右側の角を丸く*/
	max-width:98%;
	margin-top:30px;
	font-size:1.9rem;
  }
  
 h3:before {
	content: '●';
	color: white;
	margin-right: 8px;
  }

h4 {
    color: #000;
    padding: 0.5em;
    line-height: 1.3;
    background: #dadada;
    vertical-align: middle;
    border-radius: 25px 25px 25px 25px;
    max-width: 98%;
    margin-top: 30px;
    font-size: 1.7rem; /* h2より少し小さく */
}


 .article-text h3 {
    all: unset; /* すべてのスタイルを未設定に戻します */
	color: #000;/*文字色*/
	padding: 0.5em;/*文字周りの余白*/
	line-height: 1.3;/*行高*/
	font-size:1.9rem;
}
.article-text h3::before {
    all: unset; /* すべてのスタイルを未設定に戻します */
}


.article-badge {
    position: absolute; /* 絶対位置を指定 */
    top: -47px; /* 上からの位置 */
    left: 0px; /* 左からの位置 */
    color: white; /* テキストの色 */
    font-weight: bold; /* テキストの太さ */
    background-color: rgba(0, 0, 0, 0.5); /* 背景色（半透明） */
    padding: 5px; /* パディング */
    border-radius: 5px; /* 角丸 */
}



h3.special {
background: #dadada;
}


noborder{border:0}

.alertpnt{display:inline;position:absolute;width:400px;height:92px;background-color:#F9F9F9;border:1px solid gray;padding:0px;}

.margintop30{
	margin-top: 40px;
}
.margintop50{
	margin-top: 70px;
}
.margintop10{margin-top:20px}

.kiji_pull{margin-top:30px;padding:0;float:left}.css_btn_class{font-size:1.6rem;font-weight:700;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;border:1px solid #dcdcdc;padding:2px 18px;margin:0px 5px;text-decoration:none;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#fff),color-stop(100%,#929a9e));background:-moz-linear-gradient(center top,#fff 5%,#929a9e 100%);background:-ms-linear-gradient(top,#fff 5%,#929a9e 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#929a9e');background-color:#fff;color:#666;display:inline-block;text-shadow:1px 1px 0 #fff;-webkit-box-shadow:inset 1px 1px 0 0 #fff;-moz-box-shadow:inset 1px 1px 0 0 #fff;box-shadow:inset 1px 1px 0 0 #fff}.css_btn_class:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#929a9e),color-stop(100%,#fff));background:-moz-linear-gradient(center top,#929a9e 5%,#fff 100%);background:-ms-linear-gradient(top,#929a9e 5%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#929a9e', endColorstr='#ffffff');background-color:#929a9e}.css_btn_class:active{position:relative;top:1px}
#share a,#share a:hover{text-decoration:none;color:#fff}#share ul{height:auto;margin-left:0px;}#share li{margin-left:0px;font-size:1.2rem;float:left;text-align:center;width:84px;margin-right:1%;margin-bottom:8px;border-radius:3px;list-style:none}#share li.share-twitter{background:#55acee;box-shadow:0 2px #2795e9}#share li.share-twitter:hover{background:#83c3f3}#share li.share-facebook{background:#3b5998;box-shadow:0 2px #2d4373}#share li.share-facebook:hover{background:#4c70ba}#share li.share-google{background:#dd4b39;box-shadow:0 2px #c23321}#share li.share-google:hover{background:#e47365}#share li.share-hatena{background:#2c6ebd;box-shadow:0 2px #225694}#share li.share-hatena:hover{background:#4888d4}#share li.share-pocket{background:#f13d53;box-shadow:0 2px #e6152f}#share li.share-pocket:hover{background:#f26f7f}#share li.share-line{background:#00C300;box-shadow:0 2px #009d00}#share li.share-line:hover{background:#2bd92b}#share a{display:block;height:37px;padding-top:3px}
.kaipage{font-size:2.0rem;margin:15px;}
.kaipagea{margin:5px;text-decoration:none;}
#share li.share-feedly{
	background:#87c040;
	box-shadow:0 2px 0 #74a436;
}
#share li.share-feedly:hover{background:#89E66A;}
#blogrank{
	display: inline;float: left;margin-left:30px;margin-top:5px;
}

#snsmes a,#snsmes a:hover{text-decoration:none;color:#000}

.sns-button {
	position: relative;
	background: #3270cc;
	border: 1px solid #c2e1f5;
	width: 60px;
	height: 30px;
	color:#FFF;
	font-size:1.8rem;
	float:right;
	text-align:center;
	padding-top:13px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	text-decoration:none;
	padding: 5px;
	margin-left:20px;
}
.sns-button a,.sns-button a:hover{text-decoration:none;color:#fff}
.sns-button:after, .sns-button:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.sns-button:after {
	border-color: rgba(134, 197, 213, 0);
	border-left-color: #0066cc;
	border-width: 10px;
	margin-top: -10px;
}
.sns-button:before {
	border-color: rgba(26, 74, 84, 0);
	border-left-color: #c2e1f5;
	border-width: 11px;
	margin-top: -11px;
}

.catelist {
  display: flex;
  justify-content: space-between; /* 左右に分ける */
  align-items: center;
  flex-wrap: wrap; /* レスポンシブ対応：狭いときに折り返し */
  gap: 10px; /* 隙間 */
  margin-bottom: 10px;
}
#catelist ul{
	margin:5px 20px; padding:0px; 
}
#catelist li{
	margin-top:2px; font-size:1.4rem; padding:0px;
}
.pref-link {
  margin-left: auto;
  font-size: 1.4rem;
}

.digest{
	margin:10px 20px;
}
.digestimg{
	float:left;
	margin:5px;
}
.digestcate{
	margin-top:2px;
}
.digestsub{
}
.digesttime{
	font-size:1.2rem;
}
.card_img{
float:left;
padding:5px;
}

.card_end{
clear: both;
}

.card_img2{
	text-decoration: none;
}

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #a84300;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.btn--radius {
   border-radius: 100vh;
   margin:5px 15px 5px 0px;
   padding: 5px 20px;
}

#youtubewaku{
	width:240px;
}

 
.s-share-buttons {
	display: flex;
	justify-content: space-between;
	width: 80%;
	font-size: 1.7rem;
	margin: auto;
	height:48px;
  }
   
   .button_x, .button_l, .button_f {
	flex: 1;
	margin: 0 5px;
	 display: block;
	 width: 10rem;
	 padding: 1rem;
	 color: #FFF !important;
	 text-align: center;
	 letter-spacing: .1rem;
	 text-decoration: none;
	 margin-right: 5px;  /* 右側のマージンを5pxに設定 */
   }

   /* 最後のボタンだけ右マージンを0に */
   .s-share-buttons a:not(:last-child) {
	 margin-right: 5px;
   }
   
   .button_x {
	 background: #000000;
   }
   
   .button_l {
	background: #008000;
	border:none;
	cursor: pointer;
   }

   .shareLink_button{
	cursor: pointer;
   }

   .shareLink_button_sns{
	background: none; 
	border: none; 
	padding: 0; 
	cursor: pointer;
   }
   
   .button_f {
	 background: #0f2f6d
   }
 
.authorline{
    text-align: right;
	font-size: 1.2rem;
	margin-right: 5px;
}


#foot {
	text-align: center; /* 全体を中央に配置 */
	max-width: 950px;
	margin:auto;
}
#foot ul {
	list-style: none; /* リストの点を削除 */
	padding: 0; /* デフォルトのパディングをリセット */
	margin: 0; /* デフォルトのマージンをリセット */
	display: flex; /* Flexboxを使用 */
	flex-wrap: wrap; /* アイテムがコンテナを超えたら折り返す */
	justify-content: center; /* 中央揃え */
  }
  
  #foot li {
	box-sizing: border-box; /* ボーダーとパディングを要素の幅に含める */
	padding: 10px; /* リストアイテムのパディング */
	width: 23%; /* 5個のリストアイテムを均等に分割 */
	display: flex; /* Flexboxを使用 */
	justify-content: center; /* テキストを中央揃え */
	align-items: center; /* アイテムを垂直方向に中央揃え */
	border-right: 1px solid #ccc; /* 右側に縦線を追加 */
  }
  
  #foot li:nth-child(4n) {
	border-right: none; /* 5番目の要素の右側の縦線を削除 */
  }
  #foot a {
    text-decoration: none;
    color: #333; /* リンクの色 */
     font-size:1.4rem;
    padding: 5px 0; /* 上下のパディング */
  }


#parentDiv {
	text-align: center;
	color:#000;
	font-size:1.6rem;
	margin-top:20px;
}
#parentDiv > div {
margin: 0; /* 上下の余白を0に設定 */
padding: 0; /* 左右の余白を0に設定 */
}
#parentDiv img {
display: block; /* 画像をブロック要素として扱い */
margin: 0 auto; /* 上下の余白は0、左右の余白は自動で中央に */
}
#logoimg{
width:200px;
height:auto;
}

.list1 {
	color: #000000;/*文字色*/
	padding: 0.3em;/*文字周りの余白*/
	line-height: 1.3;/*行高*/
	background: #dadada;/*背景色*/
	vertical-align: middle;
	border-radius: 25px 25px 25px 25px; /*左側・右側の角を丸く*/
	max-width:100%;
	margin-top:30px;
	font-size:1.7rem;
  }

.list1:before {
  content: '●';
  color: white;
  margin-right: 8px;
}

.listnext1{
  margin-top:10px;
}

.listlink{
	font-size:2.0rem;
}
.floating-fixed {
    position: fixed;
    top: 0; /* ヘッダーの下または望ましい位置に固定 */
    width: 250px; /* 任意の幅 */
    z-index: 1000;
}

video {
	max-width: 600px;
	height: auto;
}
.breadcrumb {
	list-style: none;
	display: flex;
	margin-top: 0px;
	margin-left: -50px;
  }
  
  .breadcrumb-item {
	margin-right: 0px;
  }
  
  .breadcrumb-item a {
	text-decoration: none;
	color: #3270cc;
  }
  
  .breadcrumb-item::after {
	content: " \003e ";
	margin-left: 5px;
  }
  
  .breadcrumb-item:last-child::after {
	content: '';
  }

.breadcrumb-container {
  display: flex;
  align-items: center;
}

  .shitagakiul{
	margin-left:-20px;
  }
  .shitagakiul li{
	line-height: 1.3;
  }

  .newslink{
	font-weight:bold
  }

  .article-item {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 96%;
    margin-left: 5px;
    padding-bottom: 4px;
    margin-bottom: 4px;
    border-bottom: 1px solid #ccc;
}

.image-container {
    position: relative;
    flex-shrink: 0;
    width: 240px;
    height: auto;
}

.image-container a img {
    width: auto;
    height: 100%;
    margin-top: 5px;
}

.overlay-text {
    position: absolute;
    bottom: 10px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.7); /* 薄暗い背景 */
    color: white; /* 白いテキスト */
    padding: 5px; /* パディング */
}

.article-text {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 1.4rem;
}

.article-text div {
    margin: 0;
}

.article-text div a {
    font-size: 1.8rem;
}

.signature {
    text-align: right;
    flex-grow: 1;
	font-size:1.4rem;
}

.sidemes {
	margin:10px;
}


.circle-list {
    list-style-type: none; /* デフォルトのマーカーを削除 */
    margin: 10px; /* 外側の余白を削除 */
    padding: 10px; /* 内側の余白を削除 */
    border-radius: 8px; /* 角を丸くする */
}

.circle-list li {
    position: relative; /* 疑似要素を配置するために必要 */
    padding-left: 24px; /* マーカー分のスペースを確保 */
    border-bottom: 1px solid #ddd; /* 各リストアイテムの区切り線 */
    white-space: nowrap; /* 折り返し防止 */
    overflow: hidden; /* 要素の幅を超えた部分を隠す */
    text-overflow: ellipsis; /* 長い場合に省略記号を表示 */
	margin: 20px 20px 10px -30px;
}

.circle-list li::before {
    content: "●"; /* カスタムマーカー */
    position: absolute; /* 左側に配置 */
    left: 0; /* リストアイテムの左端に配置 */
    top: 50%; /* 垂直方向の中央に配置 */
    transform: translateY(-50%); /* 中央揃えを補正 */
    color: #808080; /* マーカーの色 */
    font-size: 14px; /* マーカーのサイズ */
}

.circle-list li:last-child {
    border-bottom: none; /* 最後のリストアイテムの区切り線を削除 */
}

.circle-list a {
    display: inline-block; /* リンクをインラインブロック要素に */
    padding: 0; /* 不要な余白を削除 */
    margin-left: 8px; /* テキストとリンクの間に余白を追加 */
    color: #0069d9; /* リンクの色 */
    font-size: 16px; /* フォントサイズ */
    text-decoration: none; /* アンダーラインを削除 */
    transition: color 0.3s ease; /* ホバー時の色変更をアニメーション */
}

.circle-list a:hover {
    background-color: #007BFF; /* ホバー時の背景色 */
    color: #fff; /* ホバー時の文字色 */
}

.topshitagaki {
    display: flex;
    justify-content: space-between;
	padding: 0px 10px;
}

.shitagaki-section {
    /* 必要に応じて幅やその他のスタイルを調整 */
    flex: 1;
    margin-right: 20px; /* セクション間のスペース */
}

.shitagaki-section:last-child {
    margin-right: 0; /* 最後のセクションの余白を削除 */
}

.centerpoint{
	margin:20px auto;
	text-align: center;
}

.styled-ins {
	text-decoration: none;
    margin: 10px 0;
    padding: 20px;
    background-color: #f0f0f0;
    border-left: 10px solid #999999; /* 左側の帯の色を濃い灰色に変更 */
    line-height: 1.6;
    display: inline-block; /* ブロックとして表示 */
}
.indexprefpc {
    position: relative;
    display: inline-block; /* または必要に応じて別の表示方法 */
}

.indexprefpc .overlay-text {
    position: absolute;
    bottom: 10px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7); /* 薄暗い背景 */
    color: white; /* 白いテキスト */
    padding: 5px; /* パディング */
	 will-change: transform;
}
.newlistkiji{
	margin-top:10px;
	border-bottom: 1px solid #ccc;
}

.newlistkiji {
    position: relative;
    width: 100%;
}

.newlistkiji .newlisttitle {
    position: absolute;
    bottom: 0; /* 画像の下部に配置 */
    left: 0;
    width: 100%; /* 画像の幅に合わせる */
    background-color: rgba(0, 0, 0, 0.5); /* 半透明の黒背景 */
    color: white; /* 白色のテキスト */
    padding: 3px; /* パディングでテキストにスペースを追加 */
    box-sizing: border-box;
    overflow: hidden; /* はみ出すテキストをカット */
    white-space: nowrap; /* 一行に収める */
    text-overflow: ellipsis; /* はみ出すテキストを省略記号で表示 */
	font-size:1.2rem;
}

.newlistkiji .newlisttime {
    position: absolute;
    top: 0; /* 画像の下部に配置 */
    left: 0;
    width: 100%; /* 画像の幅に合わせる */
    background-color: rgba(0, 0, 0, 0.5); /* 半透明の黒背景 */
    color: white; /* 白色のテキスト */
    padding: 3px; /* パディングでテキストにスペースを追加 */
    box-sizing: border-box;
    overflow: hidden; /* はみ出すテキストをカット */
    white-space: nowrap; /* 一行に収める */
    text-overflow: ellipsis; /* はみ出すテキストを省略記号で表示 */
	font-size:1.2rem;
}

.newlistkiji img {
    width: 100%; /* 画像をコンテナに合わせて拡大/縮小 */
    display: block; /* 縦の余白を取り除く */
}


.textright{
	text-align: right;
	margin:10px;
}



.openlist{
	border-bottom: 1px solid #ccc;
	margin-left: -20px;
	margin-bottom: 0px;
    padding-bottom: 15px;
}


.openlist-item {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 96%;
    margin-left: 5px;
    padding-bottom: 4px;
    margin-bottom: 4px;
}


.midashimes:link{text-decoration:none;color:#000000;}
.midashimes:visited{text-decoration:none;color:#000000;}
.midashimes:active{text-decoration:none;color:#000000;}
.midashimes:hover{text-decoration:underline;color:#000000;}

.midashituduki {
    color:#000000;
	width: calc(100% - 30px);
	margin-top: 20px;
	text-align: center;
    border: 2px solid #b7b7b7; 
    border-radius: 5px; 
    padding: 10px;
	text-decoration:none; 
}



.featuredimg{
	float: right;
	margin: 0 0 10px 10px;
	width:242px;
	height:150px;
}

.mainmenu-wrapper {
  display: flex;
  justify-content: center; /* メニューを中央寄せ */
  padding-bottom: 30px; /* 下側に30pxの余白 */
}

.mainmenu-container {
background-color: #333;
    width: 100%;
    max-width: 1025px;
    transform: translateX(-28px);
    position: relative;
}

.mainmenu {
  display: flex; /* 横並び配置 */
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: space-between; /* 各アイテムを均等に配置 */
}

.mainmenu li {
  flex: 1; /* 均等幅にする */
}

.mainmenu li a {
    padding: 20px 5px 5px 5px;
    padding-bottom: 10px;
}
.mainmenu a {
  display: block;
  padding: 15px 20px 10px 20px;
  text-decoration: none;
  color: white;
  text-align: center;
  background-color: #333;
  width: 100%; /* リンク全体をボタン化 */
}

.mainmenu a:hover {
  background-color: #555; /* ホバー時の色 */
}

.mainmenu-container {
overflow-x: visible; /* PC時は横スクロールを無効化 */
}

.mainmenu {
justify-content: space-between; /* PC時は均等配置 */
}

.mainmenu li {
flex: 1; /* PC時は各項目を均等幅にする */
}

figure {
  position: relative;
  width: 600px;
  margin: 0; 
}
figure figcaption {
  position: absolute; /* 画像の上に重ねる */
  bottom: 9px; /* 下端に配置 */
  left: 0; 
  font-size: 1.2rem; /* キャプションの文字サイズ */
  color: white; /* 白文字に設定 */
  background: rgba(0, 0, 0, 0.5); /* 背景を半透明の黒に設定 */
  padding: 5px 5px; /* キャプションに余白を追加 */
  border-radius: 0 4px 0 0; /* 左上の角を丸くする */
  text-align: left; /* テキストを左揃え */
  width: auto; /* 必要に応じて調整可能 */
}
.sns-links-inline {
	display: flex;
	justify-content: left;
	gap: 15px; /* リンク間の間隔 */
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.sns-links-inline li {
	display: inline-block;
}
.sns-links-inline a {
	text-decoration: none;
	font-weight: bold;
	color: #0078d7;
}
.sns-links-inline a:hover {
	text-decoration: underline;
}


.content > ul li {
	margin-bottom: 5px;
}

.content > ul.commentary li {
	margin-bottom: 30px;
}
.heading-icon {
    vertical-align: middle;
    margin-right: 4px;
}

.heading-label {
    font-weight: bold;
    color: #c00;
    margin-right: 4px;
}

.link-box {
  border: 2px solid #ccc;
  padding: 1em;
  margin: 1em 0;
  background-color: #f9f9f9;
  border-radius: 8px;
  font-size: 1em;
  line-height: 1.5;
}
.link-box a {
  display: inline-block;
  max-width: 90%;        /* 幅制限 */
  white-space: nowrap;   /* 折り返し禁止 */
  overflow: hidden;      /* はみ出し隠す */
  text-overflow: ellipsis; /* 「...」で省略表示 */
  text-decoration: none;
  color: #005a9e ;
  font-weight: bold;
  vertical-align: middle;
}
.link-box .link-icon {
  margin-right: 0.4em;
}
.link-box a {
  text-decoration: none;
  color: #005a9e ;
  font-weight: bold;
  word-break: break-all; /* 長いURLでも折り返しやすくする */
}
.link-box a:hover {
  text-decoration: underline;
}

.adlink-box {
  border: 2px solid #ccc;
  padding: 1em;
  margin: 1em 0;
  background-color: #f9f9f9;
  border-radius: 8px;
  font-size: 1em;
  line-height: 1.5;
  text-align: center;
}
.adlink-box a {
  display: inline-block;
  max-width: 90%; 
  white-space: normal;
  overflow: visible;  
  text-decoration: none;
  color: #005a9e ;
  font-weight: bold;
  vertical-align: middle;
}
.adlink-box .adlink-icon {
  margin-right: 0.4em;
}
.adlink-box a {
  text-decoration: none;
  color: #005a9e ;
  font-weight: bold;
  word-break: break-all; /* 長いURLでも折り返しやすくする */
}
.adlink-box a:hover {
  text-decoration: underline;
}

.blogrank{
	margin:10px;
}

.faq dt,
.faq dd {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  column-gap: 0.75em;
}

.faq dt {
  font-weight: bold;
  margin-top: 1.5em;     /* Qの上にスペース */
  margin-bottom: 0.2em;  /* QとAの間を狭める */
}

.faq dd {
  margin: 0 0 1.8em 0;   /* Aの下だけスペース → 次のQとの間隔 */
}

.faq dt::before,
.faq dd::before {
  content: "Q";
  display: inline-block;
  border: 1px solid #000;
  border-radius: 4px;
  padding: 0.1em 0.6em;
  background: #fff;
  font-weight: normal;
  font-family: sans-serif;
  line-height: 1.2;
  text-align: center;
  width: 2em;
}

.faq dd::before {
  content: "A";
}