/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20240601
*/

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}

/* ----------------------------------------------- */
/*
      ↓↓↓ここからは追加分↓↓↓
*/
/* ----------------------------------------------- */

a{
	text-decoration: none;
}

/*-- ヘッダー非表示 --*/
#headbox-bg{
	display:none;
}

/*-- ホーム最新記事カードの背景 --*/
.clearfix{
	background-color:#fff;
}

/*-- ページ送りの背景と影 --*/
.page-numbers{
	background-color:#fff;
	box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5)
}

/*-- サイドスペースの背景 --*/
#side{
	background-color:#d6fff2;
}

/*-- サイドスペースの最新記事を非表示 --*/
#side .kanren{
	display:none;
}

/*-- 背景色を無理やり指定 --*/
#content{
	background-color:#d6fff2;
}

/*-- 投稿ページのタイトルを編集（他のCSSが優先されていたので無理やり） --*/
.entry-title{
	background-color:#fff !important;
	border: solid 1px #6091d3 !important;
	border-radius: 5px !important;
	box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.5) !important;
	padding-left:10px !important;
	padding-right:10px !important;
	margin-bottom:10px !important;
	font-size:20px !important;
	letter-spacing:-1px !important;
	padding-bottom:10px !important;
}

/*-- 投稿ページの本文と関連等をつなげるため（single-typel.phpの158/245にclass="all-post"を指定） --*/
.all-post{
	background-color:#fff;
	border: solid 1px #6091d3 ;
	border-radius: 5px ;
	box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.5) ;
	padding-left:10px ;
	padding-right:10px ;
	padding-top:5px;
	margin-bottom:15px;
}

/*-- スマホ投稿ページの行間がおかしかったため編集 --*/
@media only screen and (max-width: 959px) {
.gyoukan{
	line-height:250%;
}
}

/*-- 問い合わせフォームの上間隔 --*/
.wpcf7 p{
	margin-top:15px;
}

/*-- SP（959px以下）で適応したいCSS - 広告等の表示切り替え　--*/
@media only screen and (max-width: 959px) {
	.pc-box ,#wpp-5{
		display:none;
	}
}

/*-- PC（960px）以上で適応したいCSS - 広告等の表示切り替え --*/
@media print, screen and (min-width: 960px) {
	.sp-box ,  #wpp-4{
		display:none;
	}
}

/*-- PC（500px）以上で適応したいCSS - 広告等の表示切り替え --*/
@media print, screen and (min-width:500px) {
	.sp-underkoukoku{
		display:none;
	}
}

/*-- カテゴリ/検索結果ページの月間ランキング下の余白 --*/
#wpp-6 , #wpp-7{
	margin-bottom:10px;
}


/* 投稿ページのヘッダー下に隙間ができたので消すコード */
#st-header-post-under-box.st-header-post-no-data {
	margin:0;
}

/*-- RSS全体を含む要素（背景を複数重ねるため） --*/
.box1{
	background-color:#fff;
}

/* ----------------------------------------------------- */
/*
       ↓↓↓ツイッターフォローボックス ここから↓↓↓
*/
/* ----------------------------------------------------- */

.twitterbox{
	margin-bottom:15px;
	height:100%;
	padding:10px;
	border: solid 1px #6091d3;
	border-radius: 5px;
	box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.5);
	background-color:#fff;
	text-align:center;
}

.twitterbox1{
	border: solid 1px #dcdcdc;
	border-radius: 5px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	/*-- ↓このタグで中身に合わせた箱のサイズに調整↓ --*/
	display: inline-block;
}

.twitter-icon{
	/*-- ↓このタグで画像の横に文字が来るように調整（一行のみ）↓ --*/
	vertical-align: middle;
    display: inline-block;
}

.twitter-txt{
	display: inline-block;
	font-size:12px;
}

/* ----------------------------------------------------- */
/*
      ↑↑↑ツイッターフォローボックス ここまで↑↑↑
*/
/* ----------------------------------------------------- */

/* ----------------------------------------------------- */
/*
      ↓↓↓ランキング表 ここから↓↓↓
*/
/* ----------------------------------------------------- */

.popular-posts{
	background-color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border: solid 1px #6091d3;
	box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.5);
	border-radius:5px;
}

.st-post .wpp-list li:not(:first-child){
	border-top-style: solid;
    border-top-width: 1px;
	border-top-color:#dcdcdc;
	padding-top:;
}

.wpp-list li:not(:last-child){
	padding-bottom:;
}

.wpp-thumbnail{
	display: inline;
    margin: 0 1rem 0 0;
    border: none;
}

.a1{
	display:flex;
	align-items: flex-start;
}

.ul.wpp-cards-compact li img{
	display:block;
}

ul.wpp-cards-compact li {
  border-bottom: 1px dashed #bbb;
  counter-increment: wpp-count;
  position: relative;
}
ul.wpp-cards-compact li:before {
  display: block;
  padding: 1px 11px;
  color: #fff;
  background-color: #333;
  content: counter(wpp-count);
  position: absolute;
  opacity: 1;
  z-index: 10000;
  border-radius: 6px;
  left: 6px;
}
ul.wpp-cards-compact li:last-child {
  border-bottom: none;
}
ul.wpp-cards-compact li:nth-child(1):before{
  background-color: #FBCC54;
}
ul.wpp-cards-compact li:nth-child(2):before{
  background-color: #B7BFC1;
}
ul.wpp-cards-compact li:nth-child(3):before{
  background-color: #D47B16;
}
ul.wpp-cards-compact li img {
  margin: 5px 5px 5px 5px;
  padding: 3px;
  border: 1px solid #ddd;
}
ul.wpp-cards-compact li a.wpp-post-title {
  display: block;
  font-size: 14px;
  padding: 0 12px 12px;
  text-decoration: none;
  color: #333;
}

.ul.wpp-cards li img{
	display:block;
}

ul.wpp-cards li {
  border-bottom:;
  counter-increment: wpp-count;
  position: relative;
}
ul.wpp-cards li:before {
  display: block;
  padding: 1px 11px;
  color: #fff;
  background-color: #333;
  content: counter(wpp-count);
  position: absolute;
  opacity: 1;
  z-index: 10000;
  border-radius: 6px;
  left: 6px;
}
ul.wpp-cards li:last-child {
  border-bottom: none;
}
ul.wpp-cards li:nth-child(1):before{
  background-color: #FBCC54;
}
ul.wpp-cards li:nth-child(2):before{
  background-color: #B7BFC1;
}
ul.wpp-cards li:nth-child(3):before{
  background-color: #D47B16;
}
ul.wpp-cards li img {
  margin: 5px 5px 5px 5px;
  padding: 3px;
  border: 1px solid #ddd;
}
ul.wpp-cards li a.wpp-post-title {
  display: block;
  font-size: 14px;
  padding: 0 12px 12px;
  text-decoration: none;
  color: #333;
}


/* ----------------------------------------------------- */
/*
      ↑↑↑ランキング表 ここまで↑↑↑
*/
/* ----------------------------------------------------- */

/* ----------------------------------------------------- */
/*
      ↓↓↓カテゴリ編集　ここから↓↓↓
*/
/* ----------------------------------------------------- */

.widget_categories{
	background-color:#fff;
	border: solid 1px #6091d3;
	border-radius: 5px;
	box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.5);
}

.children li{
	font-size:13px;
}

/* ----------------------------------------------------- */
/*
      ↑↑↑カテゴリ編集 ここまで↑↑↑
*/
/* ----------------------------------------------------- */

/* ----------------------------------------------------- */
/*
      ↓↓↓アンテナサイト様BOX　ここから↓↓↓
*/
/* ----------------------------------------------------- */

.antena-box{
	background-color:#fff;
	border: solid 1px #6091d3;
	border-radius: 5px;
	box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.5);
	padding-left:10px;
	padding-right:10px;
}

.antena-box li{
	padding-top:5px;
	padding-bottom:5px;
	line-height: 200%;
}

.antena-box li:not(:last-child){
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#dcdcdc;
}

@media print, screen and (min-width: 960px) {
.antena-box ul li {
        line-height: 30px !important;
    }
}

/* ----------------------------------------------------- */
/*
      ↑↑↑アンテナサイト様BOX ここまで↑↑↑
*/
/* ----------------------------------------------------- */


/* ----------------------------------------------------- */
/*
      ↓↓↓その他BOX　ここから↓↓↓
*/
/* ----------------------------------------------------- */

.sonota-box{
	background-color:#fff;
	border: solid 1px #6091d3;
	border-radius: 5px;
	box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.5);
	padding-left:10px;
	padding-right:10px;
}

.sonota-box li{
	padding-top:5px;
	padding-bottom:5px;
}

.sonota-box li:not(:last-child){
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#dcdcdc;
}

@media print, screen and (min-width: 960px) {
	.sonota-box{
	margin-bottom:15px;
	}
}

/* ----------------------------------------------------- */
/*
      ↑↑↑その他BOX ここまで↑↑↑
*/
/* ----------------------------------------------------- */

/* ------------------------------------------------------------------------------------ */
/*
      ↓↓↓投稿ページの前/次の記事BOX（single-type1.phpの227/249）ここから↓↓↓
*/
/* ------------------------------------------------------------------------------------ */

.p-navi-flex{
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
	border-top-style: solid;
    border-top-width: 1px;
	border-top-color:#dcdcdc;
	margin-top:20px;
	font-size:12px;
}

ul.p-navi-flex{
 list-style-type: none 
}

.p-navi-flex li{
	width:50%;
}

.p-navi-flex li:first-child{
	padding-right:10px;
	border-right-style: solid;
    border-right-width: 1px;
	border-right-color:#dcdcdc;
}

.p-navi-flex li:last-child{
	padding-left:10px;
	text-align:right;
}

/* ------------------------------------------------------------------------------------ */
/*
      ↑↑↑投稿ページの前/次の記事BOX（single-type1.phpの227/249）ここまで↑↑↑
*/
/* ------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------ */
/*
      ↓↓↓　PC広告横並び関連タグ　ここから↓↓↓
*/
/* ------------------------------------------------------------------------------------ */

.flex-pc-box{
	width:100%;
	display:flex;
	justify-content: space-around;
}

.flex-pc-box .blogroll-channel{
	margin-bottom:0;
	padding-top:0;
}

.flex-pc-box .blogroll-list{
	padding-top:0;
	padding-bottom:0;
}

.pc-top-rss-b .blogroll-channel{
	padding:5px 5px 0px 5px;
}

/* ------------------------------------------------------------------------------------ */
/*
      ↑↑↑　PC広告横並び関連タグ　ここまで↑↑↑
*/
/* ------------------------------------------------------------------------------------ */

.t_b p{
	margin-bottom:0;
}

.eyecatch-center{ 
text-align:center;
}

@media print, screen and (min-width: 960px){
.t_b p{
font-size:;
	}}

/* ------------------------------------------------------------------------------------ */
/*
      ↓↓↓　ここから　ゲーマーズ商品用コード　↓↓↓
*/
/* ------------------------------------------------------------------------------------ */

.gms-box{
border: 1px solid #ccc;
margin-bottom: 20px; 
position: relative; 
box-shadow: 0 1px 2px rgb(0 0 0 / 20%); 
transition: .3s; 
width: 100%; 
box-sizing: border-box; 
border-radius: 10px; 
padding: 15px;
}

.gms-box-in{
margin-bottom: 0px; 
border-bottom-width: 1px; 
border-bottom-style: solid; 
border-radius: 10px;
border-bottom-color: #f3f3f3;
box-shadow: 0px 8px 5px -5px rgb(0 0 0 / 50%);
padding: 5px; 
padding-bottom: 10px; 
display: flex;
}

.gms-box-in img{
border-radius: 10px; 
overflow: hidden;
width:100px; 
height:auto;
max-width:none;
}

.text-box-1{
padding-left: 10px;
}

.text-box-1 a{
font-weight: bold;
background: linear-gradient(transparent 50%, #a8eaff 50%);
}

.text-box-1 p:nth-child(2){
	margin-bottom:0px;
}

.d-inline > img {
display: inline-block !important;
}

/* ------------------------------------------------------------------------------------ */
/*
      ↑↑↑　ここまで　ゲーマーズ商品用コード　↑↑↑
*/
/* ------------------------------------------------------------------------------------ */

.a8-item-koukoku{
	display: flex; 
	flex-direction: column;
	height: 100%;
    margin-bottom: 15px;
	margin-top:10px;
    padding:2px 5px 5px 5px;
    border: solid 1px #6091d3;
	border-radius: 5px;
	box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.5)
}

.a8-item-box{
	display: flex;
	min-height: 0%;
	padding-top:3px;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#dcdcdc;
}

.a8-item-img{
	width: 75px; 
	height: auto; 
	flex-shrink: 0;
}

.a8-item-text{
	padding-top: 5px;
}

.a8-item-text-in{
	font-size: 100%; 
	display: -webkit-box; 
	padding-left:5px;
	overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	font-weight: bold; 
}

.a8-item-text-in a{
	background: linear-gradient(transparent 70%, #ff99ab 70%);
}

@media only screen and (min-width: 600px){
	.a8-item-text p{
		margin-bottom:0px;
	}
}

/*PC トップRSS画像つきのCSSコード
---------------------------------------------------------------------------------------------------*/

.top-rss-box{
	display: flex; 
	justify-content: space-between; 
	height: 150px;
}

.top-rss{
	width:;
	position: relative;
}

.top-rss a{
	color:#fff !important;
}

.top-rss p{
	margin-bottom:0;
}

.top-rss img{
	object-fit: cover; 
	width: auto;
	height: 150px;
}


.rss-text {
	position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 12px;
	font-weight: bold;
	color:#fff;
	overflow:hidden;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    figure figcaption
}

/*SP　記事した画像つきRSSのCSSコード
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
	
.top-rss-box{
	display: flex; 
	justify-content: space-around; 
	height: 150px;
}

.top-rss{
	width:;
	position: relative;
}

.top-rss a{
	color:#fff !important;
}

.top-rss p{
	margin-bottom:0;
}

.top-rss img{
	object-fit: cover; 
	width: auto;
	height: 112px;
}


.rss-text {
	position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 9px;
	font-weight: bold;
	color:#fff;
	overflow:hidden;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    figure figcaption
}
}

/*　SP記事したRSS画像つき　601以上は表示しない　上のコードの要素
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 601px) {
	.sp-box-500{
		display:none;
	}
}



/*-- PC（1029px）以下で適応したいCSS - 広告等の表示切り替え　RSSの画像つきリンクトップ　5×3＝15個 --*/
@media print, screen and (max-width: 1029px) {
	.pc-box1030{
	display:none;
	}
}

/*-- PC（1023px）以下で適応したいCSS - 広告等の表示切り替え　RSSの画像つきリンク記事下　3個 --*/
@media print, screen and (max-width: 959px) {
	.pc-box1024{
	display:none;
	}
}

	
/*-- PC（1030px）以上で適応したいCSS - 広告等の表示切り替え RSSの画像つきリンクトップ　4×3＝12 下とセット--*/
@media print, screen and (min-width: 1030px) {
	.pc-box1029-960{
		display:none;
}
}

/*-- PC（959px）以下で適応したいCSS - 広告等の表示切り替え RSSの画像つきリンクトップ 4×3＝12　上とセット--*/
@media only screen and (max-width: 959px) {
	.pc-box1029-960{
		display:none;
}
}

/*--カテゴリー欄の開閉式コード+文字サイズ+色--*/
.widget_categories ul li  a + ul {
	display:none;
}

.widget_categories ul li:hover ul {
	display:block;
}

#side aside .children li{ 
  font-size:80%;
}

.children .cat-item .cat-item-label{
	color:#0000cb;
	content: ">";
}

.children .cat-item .cat-item-label:before{
	content: ">";
}


/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	#scrollad{
		margin-right:5px;
	}
	.side-topad{
		margin-right:5px;
	}
}


/*--広告コードの上下の空間　上は通常　下は自動挿入時--*/

#custom_html-4,#custom_html-5,#custom_html-6,#custom_html-7,#custom_html-8,#custom_html-63,#custom_html-86,#custom_html-87{ 
margin-top:40px;
margin-bottom:40px;
}

.code-block .widget_text {
 margin-bottom:20px !important;
}

/*media Queries スマホサイズ（959px）以下で適応したいCSS - ブーストPCサイド広告消す
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 959px) {
.boost-koukoku{ 
display:none;
}
}

/*--ここから記事本文CSS--*/
.kanren-comm{
	color:#0000EE !important;
		font-weight: 500;
}

.kanren-comm a{
	color:#0000EE !important;
		font-weight:500;
}

.kaigyou-1	p{
	margin-bottom:27px;
}
.kaigyou-1	p:last-child{
	margin:initial;
}

.entry-content .kaigyou-1:first-of-type .t_b{
	color:#0000cd;
}

.entry-content .kaigyou-1:last-of-type .t_b{
	color:#e33636;
}

.entry-content .kaigyou-1:last-of-type p:last-child{
	display:none;
}

.t_b p:last-child{
	display:block !important;
}

#wpdcom .wpd-prim-button{
	color:#000 !important;
}

.t_b .photoline-1{
	margin-top:27px;
	display:block;
}

.photoline-1 img{
	border: solid 1px #ccc;
}

.t_b .photoline-1:nth-child(n + 2){
	margin-top:initial;
}

/*--ここまで記事本文欄CSS--*/

/*--ここから記事下のコメントを見る/Xに投稿BOX--*/
.komebox {
	border-left-color:#fff;
	border-bottom-color:#fff;
}

#wpd-threads::before {
  content:'';
  display: block;
  padding-top: 100px;
  margin-top: -100px;
}

.p-under{
	margin-bottom:0px;
}

.sd-sharing-enabled{
	display:none;
}
/*--ここまで--*/

@media print, screen and (max-width: 960px) {
.kaigyou-1 .t_b{
	font-size:110%;
	line-height:1.7;
}
}

/*--ここからSPここからTOPのVtuber最新記事5件表示コードTOPのVtuber最新記事5件表示コード--*/

.custom-posts-container {
    width: 99%; /* コンテナ全体の横幅を画面サイズの99%に */
    margin: 0 auto; /* コンテナを中央揃えに */
}

.custom-post-item {
    display: flex; /* 子要素を横並びにする */
    align-items: center; /* サムネイルとタイトルを縦に中央揃えに */
    margin-bottom: 10px; /* 各記事の間に10pxのスペースを追加 */
    background-color: white; /* 記事ごとの背景を白に */
    border-radius: 10px; /* 記事の角を丸くする */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* カード風の影を追加 */
    padding: 10px; /* 記事内のパディング */
}

.custom-post-thumbnail {
    width: 30%; /* サムネイルの幅を30%に設定 */
    max-width: 100px; /* サムネイルの最大幅を100pxに */
    margin-right: 5%; /* サムネイルとタイトルの間にスペースを追加 */
}

.custom-post-thumbnail img {
    width: 100px; /* サムネイル画像の幅を100pxに固定 */
    height: 100px; /* サムネイル画像の高さを100pxに固定 */
    border-radius: 10px; /* サムネイル画像の角を丸くする */
}

.custom-post-title {
    width: 65%; /* タイトル部分の幅を65%に設定 */
    font-size: 18px;
    font-weight: bold;
}

.custom-post-title a {
    text-decoration: none;
    color: #333;
}

.custom-post-title a:hover {
    color: #0073aa; /* ホバー時のリンクカラー */
}

/*--ここまで--*/

/*--ここからPCTOPのVtuber最新記事4件表示コード--*/

.posts-container-pc {
    display: flex;
    flex-wrap: wrap; /* 2列にするためのラップ設定 */
    justify-content: space-between;
    width: 99%; /* コンテナ全体の横幅を画面サイズの99%に */
    margin: 0 auto; /* コンテナを中央揃えに */
}

.post-item-pc {
    width: 45%; /* 各記事の幅を45%にして2列に配置 */
    display: flex; /* サムネイルとタイトルを横並びに */
    align-items: center;
    background-color: white; /* 各記事の背景色を白に */
    margin-bottom: 10px; /* 各記事の下に10pxのスペースを追加 */
    border-radius: 10px; /* カード風に角を丸くする */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* カード風の影を追加 */
    padding: 10px; /* 記事内のパディング */
}

.post-thumbnail-pc {
    width: 30%; /* サムネイルの幅を30%に設定 */
    max-width: 100px; /* サムネイルの最大幅を100pxに */
    margin-right: 5%; /* サムネイルとタイトルの間にスペースを追加 */
}

.post-thumbnail-pc img {
    width: 100px; /* サムネイル画像の幅を100pxに固定 */
    height: 100px; /* サムネイル画像の高さを100pxに固定 */
    border-radius: 10px; /* サムネイルの角を丸くする */
}

.post-title-pc {
    width: 65%; /* タイトル部分の幅を65%に設定 */
    font-size: 18px;
    font-weight: bold;
    overflow: hidden; /* コンテンツが枠をはみ出ないようにする */
    display: -webkit-box; /* WebKitベースのブラウザ用 */
    -webkit-line-clamp: 4; /* 最大4行まで表示 */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis; /* 省略記号「...」を表示 */
}

.post-title-pc a {
    text-decoration: none;
    color: #333;
}

.post-title-pc a:hover {
    color: #0073aa; /* ホバー時のリンクカラー */
}

/*--ここまで--*/

/*--ここからヘッダー横並び画像+RSS--*/

.container-1 {
    display: flex;
    width: 100%;
}

.left-1 {
    width: 55%;
}

.left-1 img {
    width: 100%;
    height: auto;
    display: block;
}

.right-1 {
    width: 45%;
    overflow-y: hidden;
	display: none; /* 最初は非表示に */  
	background-color:#ffffff;
}

.right-inner-1 {
    height: 100%;
}

@media (max-width: 599px) {
  .container-1 {
    flex-direction: column; /* 縦並びに変更（左右→上下） */
  }

  .left-1 {
    width: 100%;
  }

  .right-1 {
    display: none !important;
  }
}

/*--ここまで--*/

/*--ここから固定ページ--*/

.kotei-a{
color: #333;	
background-color: #fff;
border: solid 1px #6091d3;
border-radius: 5px;
box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.5);
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
letter-spacing: -1px;
padding-bottom: 10px;
}

.h2modoki:before, .post h2:not(.st-css-no):before {
  background: none !important;
}

/*--ここまで--*/

/*--ここから固定ページの記事一覧--*/

.custom-blogcard-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.custom-blogcard {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 12px;
  padding: 8px;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: transform 0.2s, box-shadow 0.2s;
}

.custom-blogcard:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.custom-blogcard-thumb {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 10px;
}

.custom-blogcard-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.custom-blogcard-text {
  font-size: 0.95rem;
  color: #333;
  line-height: 1.4;
  font-weight: bold;
}

@media print, screen and (max-width: 959px) {
#wpp-9{
	display:none;
}
	}

/*--ここまで--*/

/*--ここからホーム隠しh1タグ--*/
.visually-hidden-1 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(100%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}
/*--ここまで--*/

/*--ここから記事の6-10-14～のマージンボトム変更--*/

@media screen and (max-width: 959px) {
  section.kaigyou-1.margin-6 {
    margin-bottom: 85px;
  }
}

/*--ここまで--*/

/* ブログカード一覧の全体 */
.custom-blogcards-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* 各ブログカード */
.custom-blogcard {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
    text-decoration: none;
    color: inherit;
    border-radius: 8px;
    transition: box-shadow 0.2s;
}

/* サムネイル画像 */
.custom-blogcard-thumb {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 10px;
}

.custom-blogcard-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* タイトル部分 */
.custom-blogcard-title {
    font-size: 16px;
    font-weight: bold;
}

/* ホバー時 */
.custom-blogcard:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/*--ここまでブログカード--*/

/*--これ固定ページのもっと見るホバー↓--*/

a.more-link:hover {
    opacity: 0.7;
}

.color-box-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 20px 0;
}

.color-box {
  position: relative;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 900; /* さらに太く！ */
  font-size: 24px; /* 文字サイズもアップ！ */
  font-family: "Helvetica Neue", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif; /* 丸ゴシック寄りで優しめ */
  text-decoration: none;
  color: white;
  border-radius: 24px; /* 角丸さらに大きく！ */
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35); /* 濃く＆広くした影 */
  background-color: #ccc;
  transition: transform 0.3s, box-shadow 0.3s;
}

/* ホバー時ふわっと強めに */
.color-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
}

/* 左右色分け */
.color-box::before,
.color-box::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 1;
}

.color-box::before {
  left: 0;
}

.color-box::after {
  right: 0;
}

.color-box span {
  z-index: 2;
}

/* 個別カラー設定 */
.color-vspo::before { background-color: #F9669C; }
.color-vspo::after  { background-color: #7166CD; }

.color-aogiri::before { background-color: #47CFEC; }
.color-aogiri::after  { background-color: #3F78CA; }

.color-774::before { background-color: #FF3277; }
.color-774::after  { background-color: #0050FF; }

.color-solo {
  background-color: #ffffff;
  color: #222;
}

/* PC用 */
.widget-pc {
    display: block;
}

/* モバイル用 */
.widget-mobile {
    display: none; /* 初期状態では非表示 */
}

@media only screen and (max-width: 768px) {
    .widget-pc {
        display: none; /* モバイルではPC用ウィジェットを非表示 */
    }
    .widget-mobile {
        display: block; /* モバイルでウィジェットを表示 */
    }
}

.mainbox{
	background-color:#fff;
	padding:10px 10px 0 10px;
	border-radius: 5px !important;
}

aside{
	background-color:#d6fff2;
	padding:;
}

@media only screen and (min-width: 960px) {

aside{
	padding:;
}	
}

#side aside{
	background-color:#d6fff2;
}

@media only screen and (min-width: 960px) {
    main {
        padding: 0px 0px 30px 0px !important;
    }
}

@media print, screen and (max-width: 599px) {
    #side {
        padding-top: 0px !important;
    }
}

@media print, screen and (min-width: 960px) {
.entry-content {
    padding-left: 8px;
}
}

.wpd-comment-right{
	padding-left:10px;
}

.wpd-sbs-toggle{
	display:none;
}

.wpd-editor-char-counter{
	font-weight: 900;
}

.gekkan50 ul{
padding-left: 0em !important;
margin-left: 0em !important;
}

.comment-link-wrap {
    margin-left:10px;
}

.comment-link {
    color: var(--st-link-color, #1e73be) !important; /* AFFINGERの変数が使える場合 */
    font-size: inherit;
    text-decoration: none;
    font-weight: 500;
}

.comment-link:hover {
    color: var(--st-link-hover-color, #333) !important;
    text-decoration: underline;
}


.blog_info p{
	font-weight: bold;
}

.kanren dl.clearfix {
    display: flex;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 12px;
    margin-bottom: 10px;
    gap: 15px;
    transition: transform 0.2s ease;
}

.kanren dl.clearfix:hover {
    transform: translateY(-2px);
}

.kanren dl.clearfix dt img {
    border-radius: 8px;
    width: 150px;
    height: auto;
    object-fit: cover;
}

.kanren dl.clearfix dd {
    flex: 1;
}

.kanren .blog_info {
    font-size: 0.85em;
    color: #666;
    margin-top: 4px;
}

.blog_info p{
	font-size:1em !important;
}

.comment-link-wrap {
    margin-left: 10px;
}

.comment-link {
    color: var(--st-link-color, #1e73be);
    text-decoration: none;
    font-weight: 500;
}

.comment-link:hover {
    text-decoration: underline;
    color: var(--st-link-hover-color, #333);
}

.wpd-form-head{
	display:none !important;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap {
    margin: 0 auto;
	width: 90%;
}

#comments li.comment {
    padding: 5px 10px 5px 0px !important;
    position: relative;
}

#comments{
	background-color:#ffffff;
}

/* コメント欄 */

/* レス本体 */
.comment-box {
  background: #f9f9f9;
  padding: 10px 12px;
  margin-bottom: 6px;
  border-left: 4px solid #ccc;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}

/* レスメタ */
.comment-meta {
  font-size: 13px;
  margin-bottom: 4px;
  color: #555;
}

/* 返信アンカー */
.reply-anchor {
  font-weight: bold;
  color: #333399;
  margin-bottom: 4px;
}

/* 返信の階層を左にずらす */
.reply-comment {
  margin-left: 20px;
  border-left: 4px solid #999;
  background: #f0f0ff;
}

/* 返信ボタン */
.comment-reply a {
  display: inline-block;
  background: #ccc;
  color: #000;
  padding: 3px 8px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
}

.comment-reply a:hover {
  background: #bbb;
}

/* 名前欄などを非表示 */
.comment-author.vcard {
  display: none;
}

.comment-list {
  list-style-type: none; /* ← ::marker削除 */
  padding-left: 0;
}

.comment-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.comment-list li::marker {
  display: none;
  content: none;
}

.comment-list,
.comment-list li {
  list-style: none;
  padding-left: 0; /* 必要なら */
  margin-left: 0;  /* 必要なら */
}

.hrcss{
	display:none;
}

.comment-form-author{
	display:none;
}

/* PCとSP両方で中央寄せにする */
.komebox-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 10px;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
}

/* PCの場合、ボタンの幅を親要素の80%に、文字も中央寄せ */
.komebox-2 a {
    width: 40%;  /* 2つのボタンで親要素の80% */
    text-align: center;  /* 文字を中央に配置 */
    display: inline-block;  /* 中央寄せのためにインラインブロックに */
}

/* SPの場合、ボタンの幅を80%に設定、文字も中央寄せ */
@media (max-width: 768px) {
    .komebox-2 {
        flex-direction: column; /* 縦並び */
    }
    .komebox-2 a {
        width: 80%; /* ボタンの幅を80%に */
        text-align: center;  /* 文字を中央に配置 */
    }
}

ul.custom-rss-box {
    background-color: #ffffff;
    padding: 8px 14px;
    margin: 4px 0;
    border: 1px solid #6091d3;
    border-radius: 5px;
    box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.5);
    list-style: none;
}

ul.custom-rss-box li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #555; /* 黒寄りグレー */
    padding:3px 0 !important;
    font-size: 14px;
    line-height: 1.8 !important;
}

ul.custom-rss-box li:last-child {
    border-bottom: none;
}

ul.custom-rss-box li::before {
    content: "▶";
    color: red;
    font-size: 14px;  /* 三角大きめ */
    margin-right: 8px;
    display: inline-block;
}

ul.custom-rss-box li a {
    color: #000;
    text-decoration: none;
    flex: 1;
}

ul.custom-rss-box li a:hover {
    color: #000;
    text-decoration: underline;
}

/* ▼ SP-POST-2RESUUNDER 専用のRSSスタイル */
.sp-post-2resuunder .custom-rss-box {
  list-style: none;
  padding: 0;
  margin: 0;
  border: none !important;      /* 枠線削除 */
  box-shadow: none !important;  /* 影削除 */
  background: none !important;  /* 背景も透過にするなら追加 */
}

/* ▼ 各リスト項目の装飾（リスト風に黒三角） */
.sp-post-2resuunder .custom-rss-box li {
  position: relative;
  padding-left: 1.2em;
  margin: 0.4em 0;
  border: none !important;
  box-shadow: none !important;
}

/* ▼ 黒三角アイコンを表示 */
.sp-post-2resuunder .custom-rss-box li::before {
  content: "▶";
  color: #000;
  position: absolute;
  left: 0;
  top: 3px;
}

/* ▼ spc-post-under のベーススタイル */
.spc-post-under {
  padding:0 10px 10px 10px;	
  margin: 10px 0;
  background: none;
  border: none;
  box-shadow: none;
  position: relative;
}

/* ▼ RSSリスト全体（枠・影なし） */
.spc-post-under .custom-rss-box {
  list-style: none;
  padding: 0;
  margin: 0;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
}

/* ▼ リスト項目（箇条書き風＋赤三角） */
.spc-post-under .custom-rss-box li {
  position: relative;
  padding-left: 1.2em;
  margin: 0.4em 0;
  border: none !important;
  box-shadow: none !important;
}

/* ▼ 赤三角（▶）アイコン */
.spc-post-under .custom-rss-box li::before {
  content: "▶";
  color: #d00; /* 赤色：必要なら #ff0000 にも変更可 */
  position: absolute;
  left: 0;
  top: 3px;
}

#side ul.custom-rss-box li{
line-height: 1.8 !important;
padding:3px 0;	
}

#rightPanel-1 .custom-rss-box {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 260px;
  overflow-y: auto;
  overflow-x: hidden;
  border: none;
  box-shadow: none;
}

/* ▼ 各項目を点線で区切る */
#rightPanel-1 .custom-rss-box li {
  position: relative;
  padding-left: 1.3em;
  margin: 0;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  border-bottom: 1px dashed #ccc;
}

/* ▼ 黒丸：1行目テキストの左にぴったり合わせる */
#rightPanel-1 .custom-rss-box li::before {
  content: "●";
  color: #000;
  position: absolute;
  left: 10px;
  top: 10px; /* 上のpaddingと一致させて垂直位置を調整 */
  font-size: 0.8em;
  line-height: 1;
}

/* ▼ リンク本体：2行目以降を3点リーダーで省略 */
#rightPanel-1 .custom-rss-box a {
  display: -webkit-box;
  -webkit-line-clamp: 2;       /* 表示行数を1に制限 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  text-decoration: none;
  line-height: 1.4;
  word-break: break-word;
  transition: color 0.2s ease;
}

/* ▼ ホバー時だけ下線 */
#rightPanel-1 .custom-rss-box a:hover {
  color: #333;
  text-decoration: underline;
}

.pc-top-rss ul.custom-rss-box li{
	font-size:16px !important;
	font-weight: bold;
}

#commentform textarea {
    border: 2px solid #333333; /* 濃いグレーの枠線 */
    border-radius: 4px; /* 角を少し丸める（任意） */
    padding: 8px; /* 内側の余白（任意） */
    box-sizing: border-box;
}

.comment-list .comment-content p{
	font-size: 14px !important;
    font-weight: 550;
}

.st-cardbox-t{
	padding-right:0px !important;
}

.st-cardbox{
	border: 1px solid gray !important;
}

.kanren.st-cardbox dl:last-child {
	padding-bottom: 13px !important;
}

.mobile-rss ul.custom-rss-box li{
	font-size: 13px !important;
}

.mobile-rss ul.custom-rss-box{
	padding: 3px 7px !important;
}

.sp-post-2resuunder ul.custom-rss-box li {
    font-size: 13px !important;
    line-height: 1.5 !important;
}

@media only screen and (max-width: 959px) {
.spc-post-under ul.custom-rss-box li{
	font-size: 13px !important;
    line-height: 1.6 !important;
	padding-left:1.5em !important;
}
}

.widgettitle{
	display:none;
}

#scrollad {
    padding:0 0 20px 0 !important;
}

#recent-comments-mobile-box {
  display: none;
}

@media screen and (max-width: 959px) {
  #recent-comments-mobile-box {
    display: block;
    background: #fff;
    padding: 10px;
    border-bottom: 1px solid #ccc;
  }

  #recent-comments-mobile-box .comment-entry {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    border-bottom: 1px dotted;
    padding-bottom: 10px;
  }

  /* ▼ 最後の1件には区切り線を非表示にする ▼ */
  #recent-comments-mobile-box .comment-entry:last-child {
    border-bottom: none;
    margin-bottom: 0px;
  }

  #recent-comments-mobile-box a {
    display: flex;
    text-decoration: none;
    color: inherit;
  }

  #recent-comments-mobile-box .comment-thumb {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
  }

  #recent-comments-mobile-box .comment-text {
    flex-grow: 1;
    padding-left: 10px;
  }

  #recent-comments-mobile-box .comment-title {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 6px;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #recent-comments-mobile-box .comment-snippet {
    font-size: 13.5px;
    color: #444;
    line-height: 1.4;
  }
}

#st-page .mainbox{
	background-color:#d6fff2 !important;
	padding: 0 0 0 0 !important
}

@media print, screen and (min-width: 960px) {
#st-page .entry-title{
	margin-left: 8px;
}
}

#st-page .entry-content > div {
    margin-bottom: 0px !important;
}

.page-p{
	margin-bottom:5px !important;
}

div.graybox p {
  font-size: 90% !important;
}

/* CSS：PC（960px以上）のときだけ元に戻す */
@media (min-width: 960px) {
  .t_b,
  .t_b.t_i {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 769px) and (max-width: 959px) {
#content-w {
	margin-top:30px !important;
}
}