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

.logo-image * {
  display: block;
}

.logo-image {
  padding: 0;
}

.logo-header {
 padding-top: 0px;
 padding-bottom: 5px ;
} 

a {
  text-decoration: none;
}

/* ↓h２見出し */
.article h1 {
  background: linear-gradient(180deg, #ba7373, #f2bfbf);
  position: relative;
  width: 100%;
  padding: 13px;
  overflow: hidden;
}

/* 左側の円 */
.article h1::before {
  content: '';
  display: block;
  position: absolute;
  top: -20px;
  left: 130px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #fdf2ed;
  opacity: 0.3;
}

/* 右側の円 */
.article h1::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -50px;
  left: 180px;
  width: 100px;
  height: 100px;
  background-color: #fdf2ed;
  border-radius: 50%;
  opacity: 0.3;
}
/* ↑h２見出し */

/*ウィジェットタイトル*/
.sidebar h3{
	margin-bottom: 15px;
}

.widget ul li {
    list-style:none;
}

.widget li a {
	margin-left: 0px;
	color: #3E423C;
}
 
.widget ul li::before {
    content: '\f559';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
    color: #ed2939;
}

.widget_tag_cloud .tagcloud a{
border: solid 1px #ed2939; /*枠線色*/
width:48%;
border-radius:5px; /*角丸め*/
flex: 0 1 auto; /*横幅いっぱいにならないように*/
}
.widget_tag_cloud .tagcloud a:hover{
background: #ed2939; /*ホバー背景色*/
color: #fff; /*ホバー文字色*/
}

.sidebar h3 {
	background-color: #ed2939; /* 背景色 */
	color: #fff; /* 文字色 */
	overflow: hidden;
	padding: 10px; /* 余白 */
	position: relative;
	border: none;
}

.sidebar h3:before {
	background-color: #fff; /* 大きな円の色 */
	border-radius: 50%;
	content: '';
	display: block;
	opacity: 0.6; /* 大きな円の不透明度 */
	position: absolute;
	top: -20px;
	left: 0px;
	width: 200px; /* 大きな円の幅 */
	height: 200px; /* 大きな円の高さ */
}

.sidebar h3:after {
	background-color: #fff; /* 小さな円の色 */
	border-radius: 50%;
	content: '';
	display: block;
	opacity: 0.6; /* 小さな円の不透明度 */
	position: absolute;
	bottom: -50px;
	left: 180px;
	width: 100px; /* 小さな円の幅 */
	height: 100px; /* 小さな円の高さ */
}

.amazon-ad iframe {
min-height: 250px;
}

/************************************
** 人気ランキングウィジェット表示
************************************/
.widget-entry-cards.ranking-visible .card-thumb::before {
    background-color: transparent !important;
    color:#333;
    font-size: 15px;
}
.popular-entry-card::before{
    content: "";
    border-bottom: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 24px solid #EFECE9;
    border-left: 24px solid #EFECE9;
    opacity: 0.9;
    top: 0;
    position: absolute;
}

/*---------------------------------
「次のページ」のカスタマイズ
--------------------------------*/
.pagination-next-link {
  background-color: #ed2939; /* 背景色 */
  font-weight:bold;
  color: #ffffff; /* 文字の色 */
   border-radius: 10px;
}

.pagination-next-link:hover {
  background-color: #ffffff; /* ホバー時の背景色 */
  color: #95CE4B; /* ホバー時の文字の色 */
}

/*---------------------------------
数字の部分のカスタマイズ
--------------------------------*/
.page-numbers {
  color: #002395; /* 数字の色 */
  border: 1px solid #002395; /* 枠線の太さ、色 */
}

.pagination .current {
  background-color: #ffffff; /* 現在のページの背景色 */
  color: #002395; /* 現在のページの文字色 */
}

.page-numbers.dots {
  opacity: 1;
  background: none;
}
.pagination a:hover {
  background-color: #EAF5DB; /* ホバー時の背景色 */
  color: #95CE4B; /* ホバー時の文字の色 */
}

#footer {
	background-image: url( https://vinvino.ter-terbose.com/wp-content/uploads/2025/10/mv02.png );
	background-size: cover;
	height: 181px;
}