@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/************************************
** モバイルフレンドリーにする
************************************/
@media screen and (max-width : 480px){
	html,
	body {
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
}

/*ブログカードの文字サイズ変更用CSS*/
.blogcard-title {
 font-size: 14px;
}
/************************************
** ブログカード
************************************/
/*内部ブログカードのフッター非表示*/
.internal-blogcard-footer{
	display: none
}
/*背景色*/
.blogcard-wrap {
background-color: #f8f8f8;
}
/*枠線なし*/
.blogcard{
border:none;
}
.entry-card-title {
 font-size: 12px;
} 
/*--cocoon目次--*/
/**目次**/
.toc {
  display: block;
  padding: 0px;
  max-width: 600px;
  border: 1.2px #6ec4db solid !important;
  font-family: 'Noto Sans JP', sans-serif;
}
.toc-title {
  position: relative;
  padding: 10px 0;
  background: #6ec4db;
  color: #fff;
  font-weight: bold;
}
.toc .toc-content {
  padding: 15px 20px;
  background-color: #fff7ee;
}
.toc-list > li li a {
  font-weight: normal;
  font-size: 95%;
  color: #708090;
  margin-left: -10px;
}
.toc-list > li li ::before {
  content: '';
  width: 5px;
  height: 5px;
  display: inline-block;
  left: -15px;
  border-radius: 100%;
  background: #cdcdcd;
  position: relative;
  margin-bottom: 2px;
}
.article .toc-list > li li {
  list-style: none;
}
/*--cocoonサイドバー目次--*/
#toc-2 .toc {
background-color: #fff; /*--背景色を白色に--*/
}
#toc-2 .toc .toc-list li a {
font-size:14px; /*--文字のサイズを変更--*/
}
#toc-2 .toc .toc-list li ul li a {
font-size:12px; /*--文字のサイズを変更--*/
}

/*--cocoonスマホ目次--*/ 
.toc {
font-size:12px; /*--文字の大きさ--*/
padding: 10px; /*--空白を変更--*/ 
}
.toc .toc-list li a {
color: #333; /*--文字の色--*/
text-decoration: none; /*--リンクの下線を消去--*/
font-weight: normal; /*--太字に変更--*/
font-size:13px; /*--文字の大きさ--*/
}
.toc ul {
padding-left: 8px !important; /*--左側の空白を変更--*/
}

/* テーブル内で文字を折り返す */
.scrollable-table td {
 white-space: normal;
}

/* ストロングタグをBタグに */
.my_bold{
  font-weight: bold;
}
/* すべての枠線を一括で細くする場合 */
.blank-box {
  border-width: 1px !important;
}
/* ブログカードカスタマイズ */
.internal-blogcard::after{
	content: '記事を読む'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .3rem;
	right: .3rem;
	font-size: 50%;
	background-color: #ff69b4; /* 内部リンク右下枠の背景色 */
	padding: .3em .3em;
	font-weight: bold;
	color: #fff; /* 内部リンク右下枠の文字色 */
	border-radius: 1px;
}
/* ブログカードカスタマイズ抜粋文字を消す */
.blogcard-snippet{
display:none;
}
/* 内部ブログカードカスタマイズURLを消す */
.internal-blogcard-footer{
	display: none; /* 内部ブログカードのアイコンとURLを非表示 */
}
/*---------------------------------
テーブルをコンパクトにするCSS
--------------------------------*/
table {
  border-collapse: collapse;
  width: 100%;
}

td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

tr:first-child {
  background-color: #e2eed2;
}

tr:last-child {
  background-color: #e2eed2;
}
@media screen and (max-width: 480px) { /* スマホ用のCSS / .logo > a .site-name-text { height: 45px; / 高さを指定 / margin: .5em auto; / 上下に余白をつける */ } }
/* 破線囲み注意文 */
.box {
    margin: 0.5rem;
    padding: 1rem;
    border: 5px dashed #ff0000;
    background-color: #f9b8ef;
}

.box p {
    color: black;
    line-height: 1.5;
}
/* 吹き出しの文字サイズ変更 */
@media screen and (max-width: 480px) {
	.speech-wrap .speech-balloon {
		font-size: 16px;
	}
}
/* 吹き出しの囲み線を細くする */
.speech-balloon {
  border-width: 1px !important; /* 線の太さを1pxに設定（デフォルトは2-3px程度） */
}

/* 吹き出しの三角形部分（疑似要素）も調整 */
.speech-balloon::before {
  border-right-width: 12px !important; /* 三角形の大きさを調整 */
  margin-top: -10px !important; /* 位置を調整 */
}

.speech-balloon::after {
  border-right-width: 10px !important; /* 三角形の大きさを調整 */
  margin-top: -9px !important; /* 位置を調整 */
}
/* 指定した箇所で太字を有効にする */
.my_bold {
  font-weight: bold;
}
/* 記事作成画面の書体を変更 */
.editor-post-content {
  font-family: '游ゴシック', sans-serif;
}
/*ブログカード 説明文(スニペット) 非表示 */
.blogcard-snippet {
display: none;
}
// 内部リンクを全て<a rel="follow" target="_blank" href="...">に設定する
add_filter('the_content', 'set_all_internal_links_as_dofollow_target_blank');
function set_all_internal_links_as_dofollow_target_blank($content) {
    // ...
}
.sidebar h3 {
  color: #333;  /* 文字色を黒に設定 */
}
@media (max-width: 767px) {
    .mobile-menu-buttons .menu-button > a {
        padding: 12px 20px; /* 上下のパディングと左右のパディングを調整 */
        font-size: 16px; /* フォントサイズを調整 */
        border-radius: 5px; /* ボタンの角を丸くする（必要に応じて） */
    }
}
/*768px以下でロゴの大きさを変更*/
@media screen and (max-width: 768px){
.logo-menu-button img {
　　margin: 10px auto;
width:250px;
height:66px;
}