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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*---------------------検索BOX表示位置と幅--------------------------*/
.header-search {
	width: 200px
}
.header-search .search-box {
	margin: 0;
}
/*---------------------検索BOXの枠を丸く加工--------------------------*/
.header-search input[type="text"] {
  padding: 8px 14px;
  font-size: 14px;
  border-radius: 14px 14px 14px 14px / 50% 50% 50% 50%;
}
.header-search .search-
.header-search .search-submit {
  color: #378cb0;
}

/*---------------------投稿リストの大きさ設定--------------------------*/
/* ↓↓記事をふわっと浮き上がらせ、影を濃くする */
.entry-card-wrap:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transform: translateY(-2px);
  transition: all .3s ease;
  background: white;
}
/*サムネ画像枠のサイズを指定*/
.entry-card-thumb.card-thumb.e-card-thumb {
  height: 120px;
  width: 200px;
}
/*コンテンツの中身を画像横に寄せる*/
.entry-card-content.card-content.e-card-content {
  margin-left: 0px;
}
/*---------------------見出しデザイン--------------------------*/
/* 見出し2 プライバシー*/
.page-id-22 .article h2 {
  padding: 1rem 2rem;
  color: #fff;
  background: #015dac;
  background-image: radial-gradient(#0175d5 13%, transparent 13%), radial-gradient(#0175d5 13%, transparent 13%);
  background-size: 50px 50px;
  background-position: 0 0, 25px 25px;
}
/* 見出し2 */
.article h2 {
  position: relative;
  padding: 0.5rem 0.5rem;
  color: #fff;
  background: #404040;
}

.article h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: '';
  border-radius: 3px;
  background-image: -webkit-linear-gradient(20deg, yellow, blue, orange, purple, green, red);
  background-image: linear-gradient(70deg, yellow, blue, orange, purple, green, red);
}
/* 見出し3 */
.article h3 {
  padding: 0;
  color: #000;
  font-size: 16pt;
  border-top:none;
  border-bottom:none;
  border-left:none;
  border-right:none;
}
/*見出しリセット　コピペ用
background-color:initial;/*背景色リセット
border:initial;/*上下左右の枠線リセット
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
*/
/*----------------------サイドバー設定-------------------------------*/
/* サイドバー見出し */
/*	background: none; /* Cocoon親テーマCSSリセット */
/*	background-color: transparent;/*noneではクリアされない部分*/
/*	border: none; /*この3つだけを実行してから変更しないと反映されない*/
.sidebar h3 {
	color: white;                      /* 文字色 */
    background: linear-gradient(to right,  black 0%, navy 100%);  /* 背景 グラデーション*/
	padding: 0;
	text-align: center;
}
/*サイドバー欄のリスト文字サイズ変更*
*/
.widget-sidebar ul li a {
font-size: 0.9em;
}
/*-----------------------------------------------
 *プロフィール欄の文字サイズ変更*
*/
.nwa .author-box .author-description {
font-size: 0.7em;
}
/*-----------------------------------------------
 *プロフィール背景画像を設定*
*/
.sidebar.nwa .author-box{
    padding: 0;
}
.sidebar.nwa .author-box .author-thumb{
    width: 100%;
    margin: 0 0 2.5em 0;
    background: url(https://pc-btoguide.com/wp-content/uploads/2023/12/prof_wall.jpg);
    background-size: cover;
    height: 8em;
}
.sidebar.nwa .author-box .author-thumb img{
    max-width: 100px;
    margin-top: 4.5em;
}
.sidebar.nwa .author-box .author-name{
    margin-bottom: 1em;
}
/* テキストの左右の余白 */
.sidebar.nwa .author-box .author-content{
    padding: 1em 1.8em;
}
/* サイドバープロフィール背景色をつける */
#sidebar .widget_author_box .author-box{
    background: #f7f7f7;
/*    border: none; /* 外枠線を消す */
}
/*------------------------------------------------------------------------------------*/
/* モバイルフッターメニューの背景色と文字色変更 */
/*
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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