@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;
}



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



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



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



/***********エントリーカード アイキャッチ画像***********/
.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: 18px;
}



/**********エントリーカード カテゴリーラベ非表示**********/
.cat-label {
  display: none !important;
}



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



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



/***********トップページ 新着記事一覧「新着記事」非表示***********/
.list-new-entries-title {
    display: none;
}



/***********関連記事タイトルサイズ***********/
.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 #000000;
}
#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;
}



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



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



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



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



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



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



/***********ページ内検索フォームのスタイル（出身地域別選手一覧）***********/
#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;
}



/*************************************************************************************************************************
********************************************ここから下はモバイル**********************************************************
*************************************************************************************************************************/
	
	
	
/***********エントリーカード アイキャッチ画像***********/
@media screen and (min-width: 769px) {
    .entry-card-thumb {
        height: 60px; /* 高さを60pxに設定 */
    }
}
	
	
	
/***********エントリーカード タイトル***********/
@media screen and (max-width:768px){
  .entry-card-title {
    font-size: 14px !important;
    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;
}
	
	

/***********投稿一覧 スニペット（モバイルは2行表示）***********/
@media all and (max-width: 768px) {
  .entry-card-snippet {
    font-size: 12px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 行数制限：2行まで表示 */
    line-height: 1.4; /* 行間調整（任意） */
  }
}