@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){
  /*必要ならばここにコードを書く*/
}



/***********著者情報を消す***********/
.page .author-info {
display: none;
}
.post .author-info {
display: none;
}



/***********見出し2 カスタマイズ***********/
h2 {
  /*線の種類（実線） 太さ 色*/
  border-bottom: solid 3px red;
}



/***********見出しリセット***********/
/* 見出し2 */
.article h2{
background:none;
padding: 0;
}
/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}
/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}
/* 見出し5 */
.article h5{
border-bottom:none;
padding: 0;
}
/* 見出し6 */
.article h6{
border-bottom:none;
padding: 0;
}



/***********テキストリンク 下線非表示***********/
a {
    text-decoration: none;
    border: none; /* 万が一、ボーダーで下線が表示されている場合に備える */
}


/***********フッター テキストリンク下線 非表示***********/
footer a {
    text-decoration: none !important;
	border: none !important; /* 万が一、ボーダーで下線が表示されている場合に備える */
}



/***********内部カード フッター 非表示***********/
.internal-blogcard-footer{
	display: none
}



/***********サイドバー 見出し3***********/
  h3.widget-sidebar-title {
    color: #000000;                     
    background: #ffffff;                
    padding: 0.25em 0.6em;          
    border-top: none;                   
    border-right: none;               
    border-bottom: none;              
    border-left: solid 6px #ff3131;     
  }



/***********サイドバー カテゴリーリスト***********/
.widget_categories ul li a { /*親カテゴリ用のコード*/
    color: #000000;
    text-decoration: none;
    padding: 6px 0;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
    border-top: 1px dotted #ccc; /*上部にボーダーを引く*/
    font-size: 16px;
}
.widget_categories > ul > li > a:first-child { 
    border-top: none; /*最初の親カテゴリは上部ボーダーを消す*/
}
.widget_categories > ul > li > a:last-child {
    border-bottom: 1px dotted #ccc; /*最後の親カテゴリは下部ボーダーを引く*/
}
.widget_categories ul li a .post-count { /*記事数用のコード*/
    display: block;
    float: right;
    background: #efefef;
    padding: 0 1em;
    font-size: 14px;
    margin-top: .2em;
    border-radius: 4px;
}
.widget_categories ul li a:hover { /*親子共通マウスホバー時*/
    background: #efefef;
    transition: 0.25s;
    color: #000000;
}
.widget_categories ul li a:hover .post-count { /*記事数のマウスホバー時*/
    background: #ffffff;
    color: #000000;
    transition: 0.25s;
}
.widget_categories ul li ul { /*子カテゴリのボックス*/
    border-bottom: 1px dotted #ccc;
}
.widget_categories ul li ul li a { /*子カテゴリ用のコード*/
    color: #000000;
    text-decoration: none;
    padding: 0 4px 4px 4px;
    display: block;
    border: none;
}



/***********見出し5***********/
h5 {
  padding: 1.0em 1.0em;/*文字の上下 左右の余白*/
  color: #000000;/*文字色*/
  background: #efefef;/*背景色*/
  border-left: solid 5px #ff3131;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}



/***********エントリーカード アイキャッチ画像***********/
.entry-card-thumb {
    width: 60px;  /* 幅を60pxに設定 */
    height: 60px; /* 高さを60pxに設定 */
    margin-right: 1.6%;
    float: left;
    margin-top: 3px;
    position: relative;
}

.entry-card-thumb img {
    width: 60px;  /* 画像の幅を60pxに設定 */
    height: 60px; /* 画像の高さを60pxに設定 */
    object-fit: cover; /* 画像を正方形にトリミング */
}

.entry-card-content {
    margin-left: 70px; /* サムネイルの幅に合わせて調整 */
}



/**********エントリーカード タイトル**********/
.entry-card-title {
	font-size: 16px;
}



/**********新着記事リスト 非表示**********/
.list-new-entries {
display: none;
}



/**********サイドバー**********/
#sidebar .widget{
  margin-top:34px; /*サイドバー上隙間設定*/
  margin-bottom: 45px; /*サイドバー下隙間設定*/
  line-height: 120%; /*行の高さ指定*/
}



/***********モバイルフッター 画像中央寄せ***********/
.footer-widgets-mobile .widget_media_image {
  text-align: center;
}



/***********関連記事タイトルサイズ***********/
.related-entry-card-title {
  font-weight: bold;
  font-size: 16px !important;
}

#main .button-caption {
	display: none; /*キャプション非表示*/
}



/***********記事内画像 キャプションのデザイン***********/
.wp-caption {
    border: none;
    border-radius: 0px;
    background-color: #fff;
	font-size: 12px;
    text-align: right;
}



/***********ヘッダーメニュー 区切り線***********/
#navi .navi-in > ul > li{
border-right: 1px solid #ffffff;
}

#navi .navi-in > ul > li:last-child{
border-right-width: 0;
}

.navi-in > ul > .menu-item-has-children > a::after{
right: 10px;
}



/***********記事ホバー時 背景色変更***********/
.a-wrap:hover {
background-color: #f6f6f6;
}



/***********アイキャッチ 2P以降非表示（10Pまで）***********/
.single-paged-2 .eye-catch-wrap,
.single-paged-3 .eye-catch-wrap,
.single-paged-4 .eye-catch-wrap,
.single-paged-5 .eye-catch-wrap,
.single-paged-6 .eye-catch-wrap,
.single-paged-7 .eye-catch-wrap,
.single-paged-8 .eye-catch-wrap,
.single-paged-9 .eye-catch-wrap,
.single-paged-10 .eye-catch-wrap {
	display:none;
}



/***********アイキャッチ キャプション サイズ***********/
.eye-catch-caption {
    font-size: 75%;
}



/***********見出し下 余白***********/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
	margin-bottom: 1.0em;
}



/***********グローバルメニュー フォントサイズ***********/
#navi .navi-in > .menu-header .item-label{
	font-size: 14px;
}



/***********投稿一覧 タイトル（モバイルは2行表示）***********/
.entry-card-content h2 {
  /* 三点リーダー対応 */
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
	


/***********関連記事一覧 タイトル 省略***********/
.related-entry-card-content h2 {
  /* 三点リーダー対応 */
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}



/***********固定P「トップページ」タイトル 省略***********/
.wp-block-latest-posts__post-title {
  /* 三点リーダー対応 */
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}



/***********フッター 区切り線非表示***********/
#navi-footer li {
  border: none;
}



/***********ヘッダーモバイルボタン 文字・背景色***********/
.mobile-menu-buttons {
color: #333333; /* 文字色 */
background-color: #ffffff; /* 背景色 */
}



/***********固定ページ 投稿日 非表示***********/
.page .date-tags {
display: none;
}



/***********カテゴリーページ カテゴリー名＋タブアイコン 非表示***********/
.archive-title {
display: none;
}



/***********プラグイン「Broken Link Checker」リンクエラー 打消し線 非表示***********/
.broken_link, .broken_link a {
    text-decoration: none !important;
}



/***********投稿ページ内 カテゴリーラベル 色変更***********/
.cat-link {
	background: #ffffff !important;
	color: #000000 !important;
}



/***********関連記事一覧 カテゴリーラベル 色変更***********/
.cat-label {
	background: #ffffff !important;
	color: #000000 !important;
}



/***********ページ内検索フォームのスタイル　固定P「選手別」「地域別」***********/
#page-search-form {
    display: flex;
    margin: 20px 0;
}

#page-search-input {
    width: 400px;
    padding: 10px;
    margin-right: 10px;
}

#page-search-form button {
    padding: 0px 20px;
}



/***********記事下SNSバナー・サイドSNSバナー・サイド選手＆地域別バナー 影エフェクト***********/
.official-instagram,
.official-x,
.area,
.player,
.partner {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); /* 常に影を表示 */
}



/***********記事下SNSバナー・サイドSNSバナー・サイド選手＆地域別バナー ホバー時に画像が浮き上がる効果***********/
.official-instagram:hover,
.official-x:hover,
.area:hover,
.player:hover,
.partner:hover {
  transform: translateY(-5px); /* 画像を上に5px浮き上がらせる */
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3); /* 影を強調 */
}



/***********Contact Form フォーム全体カスタマイズ***********/
div.wpcf7 { 
background-color: #f8f8f8;
border: 0px solid #333333;
padding:20px;
font-size:14px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
background:#ffffff;
color:#333333;
font-family:lora, sans-serif; 
font-size:14px;
   }
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] { 
background-color:#ec3aa7;
width:100%;
color:#ffffff;
text-align:center;
text-transform:uppercase;
}



/***********Contact Form 送信完了後 質問項目 非表示***********/
form.sent p{
display:none;
}



/***********新着記事一覧＆カテゴリー別記事一覧 エントリーカード アイキャッチ画像 非表示（内部カードは表示）***********/
.list.ect-entry-card.ecb-entry-border .entry-card-thumb,
.list.ect-entry-card.ecb-entry-border .card-thumb,
.list.ect-entry-card.ecb-entry-border .e-card-thumb,
.archive .entry-card-thumb,
.archive .card-thumb,
.archive .e-card-thumb {
    display: none !important; /* アイキャッチ画像を非表示にする */
}
.entry-card-content {
    margin-left: 0; /* 余白をなくす */
    padding-left: 0; /* パディングをなくす */
    text-align: left; /* テキストを左揃え */
}
.entry-card-title,
.entry-card-snippet {
    margin-left: 0; /* タイトルやスニペットの左余白をなくす */
    padding-left: 0; /* タイトルやスニペットの左パディングをなくす */
}
/* サイドバーの人気記事内のアイキャッチ画像を表示する */
.sidebar .popular-entry-card-thumb,
.sidebar .widget-entry-card-thumb,
.sidebar .card-thumb {
    display: block !important; /* 人気記事のアイキャッチ画像を明示的に表示 */
}



/***********サイトマップ アイキャッチ画像非表示＆記事タイトル1行のみ表示***********/
.new-entry-card-thumb {
    display: none; /* アイキャッチ画像を非表示にする */
}
.new-entry-card-content {
    margin-left: 0; /* 左余白をなくす */
    padding-left: 0; /* 左パディングをなくす */
    text-align: left; /* テキストを左寄せにする */
}
.new-entry-card-title {
    white-space: nowrap; /* テキストを折り返さずに1行にする */
    overflow: hidden; /* はみ出た部分を隠す */
    text-overflow: ellipsis; /* はみ出た部分を省略記号（...）で表示 */
}



/***********関連記事一覧 アイキャッチ画像 非表示＆タイトル1行化***********/
.related-entry-card-thumb.card-thumb.e-card-thumb {
    display: none; /* アイキャッチ画像を非表示にする */
}
/* 関連記事のコンテンツの余白をなくす */
.related-entry-card-content {
    margin-left: 0; /* 左余白をなくす */
    padding-left: 0; /* 左パディングをなくす */
    text-align: left; /* テキストを左寄せにする */
}
/* 関連記事のタイトルを1行にする */
.related-entry-card-title {
    white-space: nowrap; /* テキストを折り返さずに1行にする */
    overflow: hidden; /* はみ出た部分を隠す */
    text-overflow: ellipsis; /* はみ出た部分を省略記号（...）で表示 */
}



/*************************************************************************************************************************
********************************************ここから下はモバイル**********************************************************
*************************************************************************************************************************/
	
	
	
/***********エントリーカード アイキャッチ画像***********/
@media screen and (min-width: 769px) {
    .entry-card-thumb {
        height: 60px; /* 高さを60pxに設定 */
    }
}
	
	
	
/***********エントリーカード タイトル***********/
@media screen and (min-width: 481px) {
	.entry-card-title {
		font-size:14px;
		margin-bottom: 0.25em;
	}
	.entry-card-snippet {
		font-size: 12px;
	}
}



/***********投稿一覧 タイトル（モバイルは2行表示）***********/
@media all and (max-width:768px){
.entry-card-content h2 {
  /* 三点リーダー対応 */
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}