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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*----------------------------------------------------------------------------------------*/
/* 参考URL:https://musasabiyanen.com/cocoon-header-menu */
/* ①ヘッダーロゴ */
.header-site-logo-image {
	transition:0.5s;
}
/* ②ヘッダーロゴ(hover時) */
@media screen and (min-width: 980px) {
	.header-site-logo-image:hover {
		opacity:0.8;
	}
}
/*③グローバルナビの下線*/
#navi .navi-in a:after{
	position: absolute;
	content: "";
	left: 0px;
	bottom: 1px;
	height: 2px;
	width: 100%;
	/*background: #8cab8b;*/
	background: #ffffff;
	transform: scale(0,1);
	transition: 0.5s;
}
/*④グローバルナビの下線(hover)*/
@media screen and (min-width: 980px) {
	#navi .navi-in a:hover:after{
		transform: scale(1);
	}
}
/*⑤メニュー項目の間隔*/
#navi .navi-in>ul>li>a{
	padding: 0 1.0em;
}

/*----------------------------------------------------------------------------------------*/
/* 参考URL:https://musasabiyanen.com/index */
/* ①タブ一覧*/
.index-tab-button {
	font-size: 16px !important;
	transition: 0.3s;
	padding: 9px 13px !important;
	background-color: #E9E8E6 !important;
	box-shadow: 2px 6px 10px -5px rgb(0 0 0 / 25%);
}
/* ②タブ一覧(hover) */
@media screen and (min-width: 980px) {
	.index-tab-button:hover {
	  color: #00B295;
	}
}
/* ③タブ一覧（選択カテゴリー） */
#index-tab-1:checked~.index-tab-buttons .index-tab-button[for=index-tab-1],
#index-tab-2:checked~.index-tab-buttons .index-tab-button[for=index-tab-2],
#index-tab-3:checked~.index-tab-buttons .index-tab-button[for=index-tab-3],
#index-tab-4:checked~.index-tab-buttons .index-tab-button[for=index-tab-4]{
	color: #FFF;
	background: #00B295 !important;
	border-color: #728f71;
	font-weight: 500;
	transform:scale(0.97,0.97);
   -webkit-transform:scale(0.97,0.97);
   -moz-transform:scale(0.97,0.97);
}
/* ④エントリーカード */
.entry-card-wrap {
	padding: 0px;
	margin-top: 11px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
/* ⑤エントリーカード(hover) */
@media screen and (min-width: 980px) {
	.entry-card-wrap:hover {
		background-color: #F8F8F6;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
		transform: translate(0px,-5px);
	}
}
/* ⑥エントリーカード - 上部 */
.entry-card-thumb-image {
	border-radius: 8px 8px 0px 0px;
}
/* ⑦エントリーカード - 下部 */
.entry-card-content {
	padding: 3px 15px 30px 15px;
}
/* ⑧エントリーカード - 投稿日・更新日 */
.post-date, .post-update {
	padding: 0px 10px 7px 0px;
}
/* ⑨エントリーカード - タイトル */
.card-title {
	color: #4D4435;
}
/* ⑩エントリーカードのカテゴリーを消す */
/*.entry-card .cat-label{
	display: none;
}*/
/* ⑪もっと見るボタン */
.list-more-button {
	font-size: 16px !important;
	transition: 0.3s;
	padding: 4px 18px !important;
	background-color: #E9E8E6 !important;
	border: 1px solid #ccc;
	box-shadow: 2px 6px 10px -5px rgb(0 0 0 / 25%);
}
/* ⑫もっと見るボタン (hover)*/
@media screen and (min-width: 980px) {
	.list-more-button:hover {
		color: #00B295;
	}
}
/* ⑬現在ページ */
.pagination .current {
	background-color: #00B295;
	color: #fff; 
	border-radius: 50%;
	border: none;
}
/* ⑭次のページリンクを消す */
.pagination-next {
	display: none;
}

/*----------------------------------------------------------------------------------------*/
/* 参考URL:https://www.satokobo.net/cocoon/1164 */
/************************************
** SNS ボタンをまとめて丸くする
************************************/
/*シェア・フォローボタンの枠組み*/
.sns-share.ss-top .sns-share-buttons,
.sns-share.ss-bottom .sns-share-buttons,
.sns-follow.sf-bottom .sns-follow-buttons,
.sns-follow.sf-widget .sns-follow-buttons {
	justify-content: center; /*中央に寄せる*/
	flex-wrap: wrap; /*折り返す*/
}
/*シェア・フォローボタンのリンク*/
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a,
.sns-follow.sf-bottom .sns-buttons a,
.sns-follow.sf-widget .sns-buttons a {
	width: 40px; /*横幅*/
	height: 40px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border-radius: 50%; /*丸み*/
}
/*プロフィールウィジェットのリンク*/
.sns-follow.sf-profile .sns-buttons a {
	border-radius: 50%; /*丸み*/
}
/*シェアボタンのアイコン*/
.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon {
	font-size: 18px; /*アイコンの大きさ*/
}
/*フォローボタンのアイコン*/
.sns-follow.sf-bottom .sns-follow-buttons .follow-button,
.sns-follow.sf-widget .sns-follow-buttons .follow-button {
	font-size: 24px; /*アイコンの大きさ*/
}
/*シェアボタンのキャプション*/
.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption {
	display: none; /*非表示*/
}
/*シェア・フォローボタンのシェア数*/
.sns-share.ss-top .sns-buttons a .share-count,
.sns-share.ss-bottom .sns-buttons a .share-count,
.sns-follow.sf-bottom .sns-buttons a .follow-count,
.sns-follow.sf-widget .sns-buttons a .follow-count {
	right: -2px; /*右側からの距離*/
	bottom: -2px; /*下側からの距離*/
	padding: 2px; /*内側の余白*/
	font-size: 10px; /*文字の大きさ*/
	border: solid 1px; /*線*/
	border-radius: 3px; /*丸み*/
	background-color: inherit; /*背景色*/
}
/*シェア数の表示が必要ないシェア・フォローボタン*/
.sns-share.ss-top .sns-buttons a .share-count:empty,
.sns-share.ss-bottom .sns-buttons a .share-count:empty,
.sns-follow.sf-bottom .sns-buttons a .follow-count:empty,
.sns-follow.sf-widget .sns-buttons a .follow-count:empty {
	padding: 0; /*内側の余白*/
	border: 0; /*線*/
}
/* サイドバーSNSボタンを丸くする */
.sidebar [class^=icon-], .sidebar [class*=" icon-"]{
    line-height: 40px;
    font-size: 23px;
}
#slide-in-sidebar .widget_author_box .author-box .follow-button{
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
/*----------------------------------------------------------------------------------------*/
.header-container-in.hlt-top-menu {
  width:100%;
}


/************************************
****　サイドバー
************************************/
#sidebar>.widget{
border-radius:10px;
background:#FFFFFF;
}
.sidebar {
padding-left:0px;
background: transparent;
}

.widget_search{
padding:0;
}
span.fas.fa-search::before{
color:#00B295;/*検索マーク色変更はこちら*/
}

.sidebar h3{
color:#7b7b7b;
border-radius: 7%;
border-bottom:3px dotted;
border-color:#90C31F;/*タイトル下のライン色変更はこちら*/
padding-bottom:0.3em;
margin-top:-0.5em;
margin-bottom:1em;
text-align:center;
/*background-image: url("images/memo.jpg");*/
}
.widget_categories ul li a
{
background-color:#f7f7f7;
margin: 6px 0;
padding: 4px 10px;
border-radius:20px;
transition: 0.4s
}
.widget_categories ul li a:hover
{
background-color:#00B295;/*マウスオーバー時の背景色変更はこちら*/
color:#fff!important;
}
.tagcloud a{
background-color:#f7f7f7;
}
.tagcloud a:hover{
background-color:#00B295;/*マウスオーバー時の背景色変更はこちら*/
color:#fff!important;
transition: 0.4s ;
}
.nwa .recommended.rcs-card-margin a {
margin: 0 0 1em;
width: 90%;
}
.widget-entry-cards .widget-entry-card-content{
color: #565656;
}
/*----------------------------------------------------------------------------------------*/
/* 子カテゴリのパディングを狭める */
.widget_categories ul li a + ul {
    display:none;
}

/* デフォルトで、子カテゴリを非表示状態にする */
.widget_categories ul li:hover ul {
    display:block;
}

/*----------------------------------------------------------------------------------------*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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