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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* フォントの読み込み */
@font-face {
  font-display: swap;
  font-family: 'BIZ UDGothic';
  font-style: normal;
  font-weight: 400;
  src: url('https://test.clear-note.jp/wp/wp-includes/fonts/biz-udgothic-v9-japanese-regular.woff2') format('woff2'); 
}

@font-face {
  font-display: swap;
  font-family: 'BIZ UDGothic';
  font-style: normal;
  font-weight: 700;
  src: url('https://test.clear-note.jp/wp/wp-includes/fonts/biz-udgothic-v9-japanese-700.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('https://test.clear-note.jp/wp/wp-includes/fonts/lato-v24-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('https://test.clear-note.jp/wp/wp-includes/fonts/lato-v24-latin-700.woff2') format('woff2');
}

/* -------------------------------------------- */
/*  ▼ 遅延読み込み設定 ▼
/* -------------------------------------------- */

/* Font Awesome */
@font-face{
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-display: swap;
	font-weight: 400,900;
	src: url("/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-brands-400.woff2","/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-solid-900.woff2","/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-regular-400.woff2","/wp-content/themes/cocoon-master/webfonts/icomoon/fonts/icomoon.woff?3o5bkh")format("woff2");
}


/* -------------------------------------------- */
/*  ▼ 全体設定 ▼
/* -------------------------------------------- */

/*
img {
	pointer-events: none;
     SPの長押し禁止 
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    user-select:none;
}
*/

body {
	font-family: "Lato", "BIZ UDGothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}

body, a { /* タップ時のハイライト背景を消す */
	-webkit-tap-highlight-color:rgba(0,0,0,0) !important;
}

object {
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: content-box;
}

/*角丸削除*/
.main,
.index-tab-buttons .index-tab-button,
.sidebar,
.sidebar h2,
.sidebar h3,
.author-box{
border-radius: 0px;
}

input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
textarea,
select, .search-edit {
border-radius: 0px;
}




/* hover時に背景色を消す */
/*.sns-share-buttons a:hover, */
/*.cat-link:hover, .tag-link:hover, */
.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,
.tagcloud a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.pagination a:hover,
.pagination-next-link:hover,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.breadcrumb a:hover,
.bp-login-widget-register-link a:hover {
	background-color: transparent;
	transition: none;
	transform: none;
	opacity: 1 !important;
}

.mobile-menu-buttons .menu-button:hover .menu-button-in {
	opacity: 1 !important;
}

input:focus,
textarea:focus {
	outline: none;
}

/* 閉じる用の薄黒カバー色 */
#navi-menu-input:checked ~ #navi-menu-close,
#sidebar-menu-input:checked ~ #sidebar-menu-close,
#search-menu-input:checked ~ #search-menu-close,
#share-menu-input:checked ~ #share-menu-close,
#follow-menu-input:checked ~ #follow-menu-close {
	display: block;
	opacity: .9;
	background: #2B2E38;
}

/* カーソル選択時の文字色と背景色 */
::selection {
	background-color: #EC5973;
	color: #FFF;
}

/* -------------------------------------------- */
/*  ▼ インデックスページ ▼
/* -------------------------------------------- */



.main {
  padding: 9px 29px;
}

/************************************
** エントリーカードの設定 共通
************************************/

/* -------------------------------------------- */
/*  ▼ 投稿ページ ▼
/* -------------------------------------------- */

.rect-mini-card .related-entry-card-title {
    font-size: 13px;
    font-weight: 400;
}

/************************************
** ボトムシェアボタンをシンプルにする
************************************/
.sns-share-message{ /* SNSシェアメッセージを消す */
	display:none;	
}

.sns-share.ss-bottom .sns-share-buttons { /* SNSシェアボタンを右端に寄せる */
	justify-content: flex-end;
}

.sns-buttons a.share-button .button-caption { /* SNSアイコンの文字を消す */
	display: none;
}

.sns-buttons a.share-button { /* SNSアイコン枠の装飾 */
	width: 40px;
	height: 40px;
	margin: 0 4px !important;
	border-radius: 10%;
	border: 1px solid #51656f;
	background: #f3f5fa;
}

.sns-buttons a.share-button .social-icon { /* SNSアイコンの装飾 */
	line-height:1;
	font-size: 22px;
	color: #51656f;
}

.related-entry-heading, .comment-title { /* 関連記事＆コメント欄のタイトル */
	padding-bottom: 6px;
	margin: 12px 0;
	border-bottom: solid 2px #111;
	line-height: 1;
	font-size: 16px;
    font-weight: 500;
}

.related-entry-main-heading,
.comment-entry-main-heading {
	padding: 5px 15px;
	max-width: 80%;
	box-sizing: border-box;
    border-radius: 0 5px 0 0;
    background-color: #111;
    color: #fff;
}
	
}



.footer{
background:	#323537;
	color: #b8c1c9;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/* ▽▽▽ 1023pxより上 ここから ▽▽▽ */
@media screen and (min-width : 1023px) {
	
	
.breadcrumb.sbp-main-before + .content {
  margin-top: 24px;
}
	
	.breadcrumb.sbp-main-before{
		display: none;
	}
	
} 
/* △△△ 1023pxより上 ここまで △△△ */


/* ▽▽▽ 1023px以下 ここから ▽▽▽ */
@media screen and (max-width: 1023px){

	/*------------------------------------
	 コンテンツエリア
	 ------------------------------------ */
	.content { /* コンテンツの高さ調整 */
		margin-top: 30px;
	}
	
	.breadcrumb.sbp-main-before {
		display: none;
	}
	
}
/* △△△ 1023px以下 ここまで △△△ */

/* ▽▽▽ 834px以下 ここから ▽▽▽ */
@media screen and (max-width: 834px){
	
	/*------------------------------------
	 コンテンツエリア
	 ------------------------------------ */
	main.main { /* メインコンテンツとサイドバーの幅 */
		padding: 24px 48px;
		margin-top: 40px;
	}

}
/* △△△ 834px以下 ここまで △△△ */



/* ▽▽▽ 480px以下 ここから ▽▽▽ */
@media screen and (max-width: 480px){


	/*------------------------------------
	 コンテンツエリア
	 ------------------------------------ */
	
	.breadcrumb.sbp-main-before { /* パンくずリスト */
		display: block;
		padding: 0 0 0 20px;
		margin: 12px auto 0;
		line-height: 1;
		background: transparent;
	}
	
	.breadcrumb, .breadcrumb a { /* パンくずリストのリンク */
		color: #51656f;
	}
	
	.breadcrumb-item:last-child,
	.breadcrumb-item:nth-last-child(2) span.sp { /* パンくずリスト 本文タイトル非表示 */
		display:none;
	}	
	
	.content { /* コンテンツの高さ調整 */
		margin-top: 10px;
	}
			
	main.main { /* メインコンテンツとサイドバーの幅 */
		padding: 16px 16px;
		margin: 12px 0;
	}
	
	.rect-mini-card .related-entry-card-wrap { /* 関連記事の高さ調整 */
		margin-bottom: 4px;
		padding: 0 4px;
	}
	
	.rect-mini-card .related-entry-card-title { /* 関連記事のタイトル */
		font-size: 14px;
		font-weight: 400;
	}
	
	.related-entry-card .cat-label{ /* 関連記事のカテゴリラベル */
		display: none;
	}
	
}
/* △△△ 480px以下 ここまで △△△ */



.page-numbers { /* ページナンバー */
	display: inline-flex;
	height: 40px;
	width: 40px;
	line-height: 40px;
	justify-content: center;
	align-items: center;
}




.pagination-next-link, .comment-btn {
  background: #f3f5fa;
  border: 1px solid #51656f;
  color: #51656f;
}
.pagination-next-link:hover, .comment-btn:hover {
  background: #fff;
  transition: all 0.3s ease-in-out;
  color: #51656f;
}






.author-box {
	border: none;
	background: #FFF;
}
.nwa .author-box .author-content {
	padding: 0;
}

.nwa .author-box .author-thumb {
	margin: 0 auto;
}

.author-box .author-name {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0.4em;
}

.author-box .author-name a{
	text-decoration: none;
	color: #51656f;
	font-weight: 400;
}

.author-description {
	margin-bottom: 0;
	font-size: 14px;
}


/*
.site-logo-image{
visibility: var(--logo-view);
}

.logo-header.logo-image{
	display: var(--logo-image);
background-image: url(https://demo.clear-note.com/wp/wp-content/uploads/2024/04/Clear-Note_logo_dark.png);
	height:var(--takasa);
	padding:10px 0;
	background-size: contain;
background-position: center;
background-repeat: no-repeat;
}

*/







/* サイド分離
.sidebar{
	background: transparent;
	padding-top: 0;
	padding-bottom: 0;
}

.sidebar h2,
.sidebar h3 {
  background-color: #fff;
}

.widget_categories,
.widget_meta {
	background: #fff;
}

*/


.widget-index-middle {
	margin-bottom:0 !important;
}
.widget-index-middle .ad-area {
	margin-bottom:0 !important;
}



.breadcrumb.sbp-footer-before {
	margin: 20px auto 0; /*フッターとの高さ調整*/
	background: transparent;
}