@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){
  /*必要ならばここにコードを書く*/
.logo-header img {
 width: 200px;
}
.navi-footer-in > .menu-footer li.menu-item { /*モバイルでメニューを1カラムにする*/
width: 100%;
display: block;
flex: auto;
padding: 0.3em 0;
}
}

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

 /*縦型カードのタイトル消す
.related-entry-card-title, .entry-card-title
{
display: none;
}
*/


.archive.category #archive-title .fa-folder-open::before {
content: none;
}
.ect-vertical-card .entry-card-wrap {
margin-bottom: -25px;
}

.comment-form-email,.comment-form-url,.comment-notes{ display:none; }

.widget_tag_cloud .widget-title {
display: none;
}

/*固定ページ日付なし*/
.post-15677 .date-tags,
.post-18431 .date-tags,
.privacy-policy .date-tags,
.aboutus .date-tags
{
display: none;
}
/*検索窓丸く*/
.search-box .search-edit {
border-radius: 30px;
font-size: 14px;
}

 /*検索窓小さく*/
.search-box{
max-width:90%;
margin-left: auto;
margin-right: auto;
}
/*検索ボタン丸く*/
[type=submit].search-submit {
	top: 0;
	right: 0;
	height: 100%;
	padding: 8px 15px;
	background: #d98030; 
	color: #fff; 
	font-size: 16px;
	font-weight: bold;
	border: none;
	border-radius: 0 50px 50px 0;
	transition:0.3s;
}

.tag-link {
/*background-color: #F15A22;*/
background-color: #fff;
color: #000;
border: 0px solid #000;
margin-right: 5px;
padding: 2px 2px;
font-size: 18px;
}

.cat-link {
color: var(--cocoon-white-color);
margin-right: 5px;
padding: 2px 6px;
font-size: 18px;
}

.home .popular-entry-cards {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media screen and (max-width: 834px) {
.home .popular-entry-cards {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

.entry-card-content{
display: none;
}
.ect-3-columns .entry-card-wrap {
padding-bottom: 0;
}
main.main {
padding-bottom: 6px;
}
.sidebar .widget {
margin-bottom: 2px;
}

/*タグクラウドのデザイン変更*/
.tagcloud a {
/*background: none; 当初設定背景を消す*/
background:#fffafa;
border: 1px solid #ccc; 
border-radius: 20px; /*角の丸み*/
color: #000; /*文字色*/
display: inline-block;
padding: 1px 7px;
text-decoration: none;
font-size: 16px;
margin: 5px;
flex: 0 1 auto;
display: flex;
justify-content: space-between;
}

.tagcloud a:hover { /*マウスホバー時*/
background: #72c7e6;
border: 1px solid #72c7e6;
color: #fff;
transition: 0.5s; /*アニメーションの時間*/
}

/*記事のタグリンクアイコンを＃に変更*/
.entry-tags a:before {
content: "#";
margin-right: 3px;
}

.entry-tags .fa-tag,
.widget_tag_cloud .fa-tag {
display: none;
}

.tagcloud {
margin-left: 20px;
}

.back-button {
  padding: 8px 16px;
  background: #0066cc;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
}
.back-button:hover {
  background: #0052a3;
}

/* 最近の投稿ウィジェット全体のスタイリング */
.widget_recent_entries {
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 8px;
}

/* 投稿日付のスタイル */
.widget_recent_entries .post-date {
    display: block;
    font-size: 0.8em;
    color: #6c757d;
    margin-top: 2px;
}

/* リストのマーカーを変更 */
.widget_recent_entries ul {
    list-style-type: none; /* デフォルトのマーカーを消す */
    padding-left: 0;
}

.widget_recent_entries li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 8px;
}

/* カスタムマーカーを追加 */
.widget_recent_entries li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: #0073aa;
}

/* 最近の投稿ウィジェットの行間と文字間を調整 */
.widget_recent_entries ul {
    line-height: 1.2; /* 行間を狭く (1.2が標準、小さくするほど狭まる) */
}

.widget_recent_entries a {
    letter-spacing: -0.2px; /* 文字間を狭く (マイナス値で狭まる) */
    text-decoration: none; /* 下線を消す */
    display: block; /* ブロック要素にして余白を調整しやすく */
    padding: 4px 0; /* 上下の余白を調整 */
    transition: all 0.3s ease; /* ホバー時のアニメーション */
}

.widget_recent_entries a:hover {
    color: #0073aa; /* ホバー時の色変更 */
    transform: translateX(2px); /* ホバー時に少し右に移動 */
}

.pagination-next-link {
  background-color: #fff;
  color: #000;
/* border: none; */
border: 1px solid #000;
border-radius: 30px;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2); /*「次のページ」部分の影*/
}
.pagination-next-link:hover {
  background-color: #d98030;
/*transition: all 0.5s ease;*/
  color: #fff;
}
.page-numbers {
/*color: #49add1;*/
  color: #000;
/*border: 1px solid #49add1;*/
border: 1px solid #000;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); /*数字部分の影*/
}
.pagination .current {
background-color: #d98030;
color: #fff;
border: none;
}
.page-numbers.dots {
  opacity: 1;
  background: none;
}
.pagination a:hover {
background-color: #d98030;
color: #fff;
border: none;
}
a.prev, a.next {
display: none;
}
@media screen and (max-width: 480px) {
.page-numbers {
width: 48px;
height: 48px;
line-height: 48px;
}
}
/* 追加CSS（カスタマイザーや子テーマに貼り付け） */
.widget div[style*="text-align: right"] {
margin-top: -50px;
}

.widget .back-button {
margin-top: -20px;
padding: 6px 12px;
background: #3498db;
color: white;
border: none;
border-radius: 3px;
transition: background 0.3s;
}

.widget .back-button:hover {
background: #2980b9;
}

@media screen and (max-width: 480px) {
.entry-card-title {
font-size:12px;
font-weight: bold;
}
}