@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.2
*/

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

a{ text-decoration: none; }

/* PC表示時のスタイル */
@media (min-width: 768px) {
    .entry-card-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 150px; /* PC表示時の画像高さに合わせる */
    }
	
}

/* スマホ表示時のスタイル */
@media (max-width: 767px) {
    .entry-card-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 60px; /* スマホ表示時の画像高さに合わせる */
    }



}

.ranking{text-align: center;}
#main{
	background-color: transparent;
	padding:0px;
}

.sidebar{
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	border-radius: 5px!important;/*角丸コーナー*/
	height:100%;
}
.entry-card-wrap{ 
	background-color: #FFF;
	 box-shadow: 0 3px 3px rgba(0,0,0,.1);
	border-radius: 5px!important;/*角丸コーナー*/

}

.article,.under-entry-content{ 
	background-color: #FFF; 
	padding:20px;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);

}


.pagination-next {
	display: none;
}
.page-numbers {
    color: var(--cocoon-text-color);
    text-decoration: none;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 4px;
    border-radius: 0;
    border:none;
	 background-color: #fff;

}
.pagination .current,
.pagination a:hover {
    background-color: #111;
    color: #fff;
}
.page-numbers.dots {
    opacity: 1;
    background-color: #fff;
}


.entry-card {
    transition: .3s;
}
.entry-card:hover {
    cursor: pointer;
    transform: translateY(-5px);
	 background-color: #fff;
}
.entry-card-wrap:hover {
    cursor: pointer;
    transform: translateY(-5px);
	 box-shadow: 0 5px 10px rgba(0,0,0,.1);
	 background-color: #fff;
}
/* eyecatch画像の非表示 */
.eye-catch {
display: none;
}
.comment-form-email {
    display:none;
    }
.comment-form-url {
    display:none;
    }
.form-allowed-tags {display:none; }
.comment-notes {display:none; }
.says{display:none; }



.wp-custom-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0px;

}

.wp-custom-item {
  flex: 1 1 calc(33.333% - 20px); /* 画面の1/3の幅 - 両サイドのマージン */
  min-width: 300px; /* 最小幅を300pxに設定 */
  margin: 10px; /* 余白 */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 箱の影を付ける(オプション) */
  padding: 10px; /* 内側の余白 */
  box-sizing: border-box; /* ボックスサイズをborder-boxに設定 */
  background: #FFF;
  border-left: 5px solid #4169e1; /* 左側に色をつける */
  position: relative;

}


  .item_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  }
  
  .item {
    flex: 0 0 calc(33% - 10px); /* スマホの場合は2列 */
  margin-bottom: 20px;
  box-sizing: border-box;
  }



.new-badge {
    position: absolute;
    top: 0;
    left: 0;
   font-size:12px;
    background-color: red;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    padding: 3px 8px;
}




/*エントリーカードのデザインを整える*/
.entry-card-thumb {
	margin: 0 8px 0 0;
	width: 250px !important;
	height: auto;
	
}
.entry-card-content {
	margin: 0;
	padding: 0;
}
.entry-card-title {
	color: initial;
	font-size: 1em;
	line-height: 1.5;
	margin: 0;
}
.entry-card-snippet {
	color: inherit;
	line-height: 1.5;
}

.required {
    display: none;
}
.ai_comment {
    background-color: #fffeee;  /* 背景色をクリーム色に */
    border: 1px solid #b3d9ff;  /* 淡いブルーの罫線 */
    padding: 20px;  /* 内側の余白 */
    margin: 10px 0;  /* 上下の余白 */
    border-radius: 8px;  /* 角を丸く */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);  /* 軽いシャドウをつけて立体感を */
}

.ai_comment::before {
    content: "初動ちゃんAIコメント";  /* 見出しを疑似要素で追加 */
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #0066cc;  /* 見出しの文字色を青色に */
    margin-bottom: 15px;  /* 見出しの下に余白を追加 */
}

/* 下部に注釈を追加 */
.ai_comment::after {
    content: "※このコメントはAIによる分析結果であり、投資を推奨するものではありません。";  /* 注釈内容 */
    display: block;
    font-size: 12px;
    color: #666;  /* 注釈文字の色をグレーに */
    margin-top: 15px;  /* 上部に余白 */
    font-style: italic;  /* イタリック体に */
}

/* 最初に表示する部分 */
.ai_comment {
    max-height: none;  /* 高さを制限しない */
    overflow: visible;  /* 超過分を隠さず表示 */
}



/* カテゴリーウィジェット全体 */
#categories-2 {
    padding: 0px; /* ウィジェット全体の余白を調整 */
    margin-bottom: 0px; /* 他の要素との間隔を調整 */
}

/* カテゴリーリストのスタイル */
#categories-2 ul {
    margin: 0; /* リスト全体の外側余白をゼロに */
    padding: 0; /* リスト全体の内側余白をゼロに */
    list-style: none; /* リストマーカーを非表示 */
}

/* リスト項目のスタイル */
#categories-2 li {
    margin: 0; /* 各項目の上下間隔を縮小 */
    padding: 0; /* 内側の余白を削除 */
    line-height: 1.2; /* 行間を詰める */
}

/* リンクのスタイル */
#categories-2 a {
    font-size: 14px; /* 文字サイズを調整 */
    text-decoration: none; /* 下線を非表示 */
    color: #333; /* 文字色を変更 */
}

/* ホバー時のリンクのスタイル */
#categories-2 a:hover {
    color: #0073aa; /* ホバー時の文字色を変更 */
    text-decoration: underline; /* 下線を表示 */
}
.ai-button {
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center;
    background-color: transparent;
    border: 5px solid #4169E1; /* ロイヤルブルー */
    color: #4169E1; /* ロイヤルブルー */
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    border-radius: 10px;
    transition: background-color 0.3s, color 0.3s;
	margin-top: 20px;
	background-color: #ffe; /* ロイヤルブルー */

}

.ai-button:hover {
    background-color: #4169E1; /* ロイヤルブルー */
    color: white;
}

/* サイドバーRSS全体 */
.sidebar .widget_rss,
#sidebar .widget_rss,
.sidebar .widget.widget_rss {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 10px 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}

/* タイトル全体 */
.sidebar .widget_rss .widget-title,
#sidebar .widget_rss .widget-title {
    background: #2563eb;
    padding: 6px 10px;
    border-radius: 8px;
    margin: 0 0 8px;
    line-height: 1.2;
}

/* 見出しリンク文字 */
.sidebar .widget_rss .widget-title .rsswidget,
#sidebar .widget_rss .widget-title .rsswidget,
.sidebar .widget_rss .widget-title a,
#sidebar .widget_rss .widget-title a {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

/* RSSアイコン */
.sidebar .widget_rss .rss-widget-icon,
#sidebar .widget_rss .rss-widget-icon {
    margin-right: 4px;
    vertical-align: middle;
}

/* リスト全体 */
.sidebar .widget_rss ul,
#sidebar .widget_rss ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 各記事 */
.sidebar .widget_rss ul li,
#sidebar .widget_rss ul li {
    padding: 8px 0;
    margin: 0;
    border-bottom: 1px solid #eef2f7;
    line-height: 1.5;
}

/* 最後の線を消す */
.sidebar .widget_rss ul li:last-child,
#sidebar .widget_rss ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* 記事タイトルリンク */
.sidebar .widget_rss ul li a,
#sidebar .widget_rss ul li a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #2563eb;
    text-decoration: none;
    line-height: 1.5;
}

/* ホバー */
.sidebar .widget_rss ul li a:hover,
#sidebar .widget_rss ul li a:hover {
    color: #1d4ed8;
}

/* 投稿日 */
.sidebar .widget_rss .rss-date,
#sidebar .widget_rss .rss-date {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    color: #6b7280;
    line-height: 1.3;
}

/* 説明文 */
.sidebar .widget_rss .rssSummary,
#sidebar .widget_rss .rssSummary {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #4b5563;
    line-height: 1.5;
}

/* 7件目以降非表示 */
.sidebar .widget_rss ul li:nth-child(n+7),
#sidebar .widget_rss ul li:nth-child(n+7) {
    display: none;
}
.sidebar .widget_rss ul li,
#sidebar .widget_rss ul li {
    padding: 2px 0;
}

.sidebar .widget_rss ul li a,
#sidebar .widget_rss ul li a {
    line-height: 1.3;
}

.sidebar .widget_rss .rss-date,
#sidebar .widget_rss .rss-date {
    margin-top: 1px;
}

/* 下からにょきっと出るメニューの「検索」だけ消す */
.mobile-footer-menu-buttons .search-menu-button,
.search-menu-button.menu-button {
    display: none !important;
}

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

/*834px以下*/
@media screen and (max-width: 834px) {
  .item_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .item {
    flex: 0 0 calc(50% - 10px); /* スマホの場合は2列 */
    margin-bottom: 10px;
    box-sizing: border-box;
  }
	.entry-card-thumb {/*サムネイル画像のサイズを変更（変更前320px）*/
  width: 25% !important;
	}
}

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

@media (max-width: 600px) {
  .wp-custom-item {
    flex: 0 1 100%; /* 画面幅が600px以下の場合は、幅を100%に設定 */
    min-width: 0; /* 小さい画面では最小幅の制約を解除 */
  }
}