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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.wrap {
	width: 100%;
    padding: 0 20%;
    margin: 0 0 5%;
}

.ect-vertical-card .entry-card-wrap {
    width: 49.5%;
    display: inline-block;
}

.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
    width: 100%;
    /* height: 300px; */
    object-fit: cover;
    object-position: center;
    aspect-ratio: 3 / 2;
    height: auto;
}

.admin-pv {
    position: relative;
    display: none;
}

/* --- 記事カードのホバーエフェクト（移動・影・色変化）を消す --- */
.item-box a:hover,
.entry-card-wrap:hover,
.entry-card.a-wrap:hover,
.popular-entry-card-link.a-wrap:hover,
.related-entry-card-link.a-wrap:hover {
	background-color: transparent !important;
    box-shadow: none!important; /* 影を消す */
    opacity: 1; /* 透明度を保つ */
}

/* --- タイトルのホバー時の色変化を消す（任意） --- */
.entry-card:hover .entry-card-title {
    color: #333; /* 元の文字色に戻す */
}

/* 一覧ページの抜粋を行数で制限する */
.entry-card-snippet {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5;
    max-height: calc(1.5em * 2);
}
.article-header{display:none;}
.entry-title, .archive-title {
    font-size: 26px;
    margin: 16px 0;
    line-height: 1.3;
    font-family: le monde livre std, serif;
    display: inline-block;
    font-weight: 600;
    padding-bottom: 0.5%;
}
/* カテゴリーページの説明文を装飾 */
.entry-content p.categoryname {
    font-size: 26px;
    margin: 16px 0;
    line-height: 1.3;
    font-family: le monde livre std, serif;
    display: inline-block;
    font-weight: 600;
    padding-bottom: 0.5%;
}
.entry-content p.categoryname span {
    font-size: 14px;
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 400;
    margin-left: 1em;
}


/* 投稿ページタイトル下のアイキャッチのキャプション表示 */
.single .eye-catch-wrap .wp-caption-text {
  display: block;
  text-align: center; /* 中央寄せ */
  font-size: 0.85em; /* 文字サイズ調整 */
  color: #666; /* 文字色 */
  margin-top: 5px; /* 画像との隙間 */
  margin-bottom: 20px; /* 本文との隙間 */
}

.entry-categories-tags>div.entry-categories{
	display:flex;
	flex-wrap: wrap;
	margin-bottom: -2px;
}
.entry-categories-tags>div.entry-categories>a{
	margin-bottom: 5px;
}
.entry-categories-tags .tax-icon {
    margin-right: 0;
}

.cat-link {
    color: #0e3460!important;
	background-color: #fff!important;
    text-decoration: none;
    display: inline-block;
    margin-right: 2%;
    padding: 0.5em 1.8em;
    font-size: 12px;
    border-radius: 20px;
    word-break: break-all;
	border: 1px solid #a8a4a5;
}
a.cat-link.cat-link-13{ order:1; }
a.cat-link.cat-link-33{ order:2; }
a.cat-link.cat-link-34{ order:3; }
a.cat-link.cat-link-15{ order:4; }
a.cat-link.cat-link-19{ order:5; }
a.cat-link.cat-link-20{ order:6; }
a.cat-link.cat-link-21{ order:7; }
a.cat-link.cat-link-22{ order:8; }
a.cat-link.cat-link-23{ order:9; }
a.cat-link.cat-link-24{ order:10; }
a.cat-link.cat-link-25{ order:11; }
a.cat-link.cat-link-26{ order:12; }
a.cat-link.cat-link-27{ order:13; }
a.cat-link.cat-link-28{ order:14; }
a.cat-link.cat-link-29{ order:15; }
a.cat-link.cat-link-30{ order:16; }
a.cat-link.cat-link-31{ order:17; }
a.cat-link.cat-link-32{ order:18; }
a.cat-link.cat-link-37{ display: none; }

.widget {margin: 3em auto!important;}
.widget h2 {font-size: 18px;}
.main-widget-label {display: none;}
.widget_nav_menu ul {padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.widget_nav_menu ul li a {
  display: inline-block; /* これがないとリンク範囲が全幅になる */
  position: relative; /* 相対位置指定 */
}
.widget_nav_menu ul li a::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 1px;
background-color: #0e3460;
bottom: -1px;       /*アンダーラインが位置する、各リストの下端からの高さ　ヘッダーの下端に合わせています*/
visibility: hidden; /*ホバー前に、アンダーラインを可視化しない*/
}
.widget_nav_menu ul li a:hover { background-color: transparent; opacity: 1;}
/* リンクにホバーした際の下線の表示 */
.widget_nav_menu ul li a:hover::after {
visibility: visible; /*ホバー後、アンダーラインを可視化する*/
}

.widget_nav_menu ul.sub-menu {
    display: none;
}
select option[value="15"],select option[value="19"],select option[value="20"],select option[value="37"],select option[value="13"],select option[value="33"],select option[value="34"],select option[value="1"] { display: none; }
select.postform{ margin: auto; display: block; font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 300; font-size: 80%; width: 140px;}
option.level-0{ font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 300; font-size: 80%;}
.widget_categories .current-cat { display: none; }
.pagination-next {display: none;}
.page-numbers {border: 1px solid #0e3460; border-radius: 25px!important;}

#globalmenu .fab,
.site-header .fab {
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
}

#globalmenu .fas,
.site-header .fas {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1280px) {
    .wrap {
        width: auto;
        padding: 100px 2%;
    }
}
@media screen and (max-width: 1024px) {
	select { border-bottom: 1px solid!important; appearance: auto!important;}
	select.postform{ height:32px !important; line-height:32px !important; padding:0 8px 0 5px !important; }
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  .wrap {
        padding: 0 2%;
    }
	.entry-card-snippet {
    -webkit-line-clamp: 3;
    max-height: calc(1.5em * 3);
	}
	.entry-content p.categoryname {font-size: 18px; text-align: center; display: block;}
	.entry-content p.categoryname span {font-size: 11px; display: block; margin-top: 4px; margin-left: 0;}
	.widget h2 {font-size: 90%;}
}

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

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