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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*タイトルの色を変更する*/
.entry-card-title, 
.related-entry-card-title,
.e-card-info > span{
  color: #ffffff;
  background-color: #0F2A44;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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

/************************************
モバイル上部コンテンツの調整
************************************/
.text-mobile div {
    line-height: 1.4 !important;
}
/************************************
投稿のタイトル（色タイトル）を調整
************************************/
@media screen and (max-width: 480px) {
    .entry-card-wrap .entry-card-title {
        font-size: 11px !important;
        padding: 2px 4px !important;
        line-height: 1.2 !important;

        white-space: nowrap !important; /* ← 折り返し禁止 */
        overflow: hidden !important;   /* ← はみ出した場合に隠す */
        text-overflow: ellipsis !important; /* …で省略 */
        display: block !important;
    }
}


/************************************
リンクカラー調整20260313
************************************/
a {
  color:#1F4E79;
  text-decoration:none;
  position:relative;
}

/************************************
サイドバータイトル調整20260313
************************************/
.sidebar h2,
.sidebar h3 {
  background:#0F2A44;
  color:#fff;
  border-radius:6px;
  padding:10px 15px;
  border-left:4px solid #F5A623;
}

/************************************
掲載媒体リスト 調整20260313
************************************/

.media-links{
  list-style:none;
  padding-left:0;
}

.media-links li{
  margin:8px 0;
}

/* リンク */
.media-links a{
  position:relative;
  color:#1F4E79;
  text-decoration:none;
  display:inline-block;
  transition:all 0.3s ease;
}

/* 下線 */
.media-links a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:0;
  height:2px;
  background:#F5A623;
  transition:width 0.3s ease;
}

/* ホバー */
.media-links a:hover{
  color:#F5A623;
  transform:translateX(5px);
}

/* 下線アニメーション */
.media-links a:hover::after{
  width:100%;
}

/************************************
モバイルのヘッダー上部テキスト用　調整20260313
************************************/
.mobile-header-text{
  text-align:center;
  font-size:12px;
}

.mobile-header-text .text1{
  font-weight:600;
  margin-top:20px;
  margin-bottom:5px;

}

/* 横並び */
.mobile-header-text .text2{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:10px !important;
}

.mobile-header-text .text2 a{
  color:#1F4E79;
  text-decoration:none;
}

.mobile-header-text .text2 a:hover{
  color:#F5A623;
}

/* お問い合わせボタン */
.mobile-header-text .text3 a{
  display:inline-block;
  background:#F5A623;
  color:#fff;
  padding:6px 14px;
  border-radius:3px;
  text-decoration:none;
  font-weight:600;
}


/************************************
ヘッダー画像内のロゴを上部中央に　調整20260313
************************************/

.header-container-in{
position:relative;
}

.header .logo-image{
position:absolute;
top:90px;
left:50%;
transform:translateX(-50%);
z-index:1;
}

/* PCロゴサイズ */
.header .logo-image img{
max-height:none;
max-width:800px; /* 好きなサイズ */
height:auto;
}

/* スマホ */
@media screen and (max-width:768px){

.header .logo-image{ 
top:3px; 
}

.header .logo-image img{
max-width:330px;
}

}

/************************************
ページャー色　調整20260313
************************************/

/* 通常ページ */
.pagination .page-numbers{
  color:#1F4E79;
}

/* ホバー */
.pagination .page-numbers:hover{
  background:#0F2A44;
  color:#fff;
}

/* 現在のページ */
.pagination .page-numbers.current{
  background:#F5A623;
  color:#fff;
  border-color:#F5A623;
}

/* 省略記号（…）をモバイルでも表示 */
.pagination .page-numbers.dots{
  display:inline-block !important;
  padding:0 6px;
}

/* 上部「次のページ」 */
.next-page-link a,
.pager-next a,
.pagination-next-link{
  background:#0F2A44;
  color:#fff;
  padding:6px 12px;
}



/************************************
Cocoon カルーセル最適化
2026-03
************************************/

/* PCタイトル */
.carousel .carousel-entry-card-title{
font-size:10px;
line-height:1.3;
margin-bottom:0;
height:2em;
}


/*********スマホ調整************/
@media (max-width:768px){
/* カードを4表示 */
.carousel-content .slick-slide{
width:25% !important;
}

/* カード余白 */
.carousel-entry-card-wrap{
padding:2px;
}

/* タイトル */
.carousel .carousel-entry-card-title{
font-size:7px;
line-height:1.2;
margin-top:0;

/* 2行で省略 */
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}

/* サムネイル角丸 */
.carousel-entry-card-thumb img{
border-radius:3px;
}

}