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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.content {
  margin-top: 0;
}
.main {
  padding: 10px 29px;
}
.site-name-text {
  font-size: 10px;
}
.logo {
	text-align: left;
	padding: 10px 0 0 0;
}
.tagline {
  text-align: left;
  font-size: 14px;
  margin: 0 0 10px 10px;
}
#header-container .navi {
	background-color: #333;
}
.navi-in > ul {
  justify-content: right;
}
#menu-menu {
	border-right: 1px solid #FFF;
}
#menu-menu .menu-item
{
	border-left: 1px solid #FFF;
}
#menu-menu .item-label {
	padding: 0 10px;
}
#menu-menu .item-label:before
{
	font-family: "Font Awesome 5 Free";
	position: relative;
	right: 5px;
	font-weight: bold;
}
#menu-menu #menu-item-442 .item-label:before
{
	content: '\f015';
}
#menu-menu #menu-item-3385 .item-label:before
{
	content: '\f2bb';
}
#menu-menu #menu-item-942 .item-label:before
{
	content: '\f0e0';
}
.widget h2
{
	font-size: 16px;
}
/*---single-post---*/
.type-post > header
{
	position: relative;
	overflow: hidden;
}
.type-post > header::before
{
	content: "";
	position: absolute;
	display: inline-block;
    top: 0;
    bottom: 0;
	width: 100%;
	background: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
	z-index: 99;
}
.type-post > header > .entry-title
{
	position: relative;
	margin-bottom: 40px;
	z-index: 100;
}
.type-post > header > .eye-catch-wrap
{
	position: absolute;
	opacity: 0.3;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	z-index: 98;
}
.type-post > header > .sns-share
{
	position: relative;
	z-index: 100;
}
/*---折り畳みアーカイブウィジェット---*/
.widget_archive a.year{ /*各年*/
	cursor: pointer;
	border-bottom: 1px dotted #ccc; /*各年に下線を引く*/
}
.widget_archive a.year::after{ /*各年横のアイコン*/
	font-family: "Font Awesome 5 Free";
	content: '\f107'; /* アイコンの指定 */
	position: relative; /* 相対配置 */
	left: 5px; /* アイコンの位置 */
	font-weight: bold;
}
.widget_archive ul.years .hide { /*各年をクリックすると開閉*/
	margin: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
}
.provide {
/*
    padding: 12px;
    background-color: #EEEEEE;
    margin-bottom: 10px;
*/
	
  --cocoon-custom-border-color: var(--cocoon-grey-color);
  padding: var(--cocoon-box-padding);
  border-radius: var(--cocoon-basic-border-radius);
  background-color: var(--cocoon-custom-background-color);
  color: var(--cocoon-custom-text-color);
  border-style: solid;
  border-width: 0 0 0 6px;
  border-color: var(--cocoon-x-pallid-text-color);
  background-color: var(--cocoon-xx-thin-color);
}
.rak-link {
    padding-top: 10px;
    width: 502px;
}
.rak-link table {
	margin: 0;	
}
.rak-link td {
	border: none;
	background-color: #FFF;
}
.rak-link >tbody>tr>td {
	padding: 0;
}
.rak-link >tbody>tr>td>br {
	display:none;
}
/************************************
** ■ホバー時の背景色設定
************************************/
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover{
  background-color: #efefef; /*背景色*/
  transition: all 0.8s ease; /*アニメーション*/
  color: #333; /*フォントカラー*/
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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