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

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

/*ヘッダー背景透明化*/
#header-container {
	background-color: transparent;
	position: relative;
	margin-top:24px;
}

/*フッターを最下部へoriginal*/
#footer {
	background-color: transparent;
	margin-top:0;
}
.footer-bottom {
	margin-top:0;
}
#content {
	min-height:calc(100vh - 175px);
}

/* 記事背景 */
.main {
	background-color: #f1f1f1;
	border-radius: 5px;
}

/*ナビゲーションメニュー背景透明化*/
#header-container .navi {
	background-color: transparent;
}

/*サブメニュー背景透明化*/
#navi .navi-in > .menu-header .sub-menu {
	background-color: rgba(55, 1, 120, 0.15);
	border-radius: 10px;
}
#navi .sub-menu a {
	padding: 0 22.4px;
}
.navi-in .has-icon {
	right: 10px;
}

/* メニューホバー */
#navi .navi-in a:hover {
/* 	background-color: rgba(0, 0, 0, 0.25); */
	background-color: rgba(55, 1, 120, 0.3);
	border-radius: 10px;
	transition: all 0.5s ease; */
 }  
#navi .navi-in a {
	padding-right: 1.5em!important;
}

/* エントリーカード */
.cat-label {
	margin: 3px;
	font-size: 12px;
	border-radius: 3px;
	border: none;
	background-color:rgba(178, 84, 255, 0.8);
}
.ect-3-columns .entry-card-wrap {
	padding: 10px;
	border-radius: 5px;
}
.entry-card-wrap:hover {
	background-color: rgba(58, 188, 188, 0.2);
}
.entry-card-thumb img {
	border-radius: 7px;
}
.entry-card-thumb {
	margin-top: 0;
}

/*トップナビカード調整*/
.home .navicard a {
	color:#dfff2d;
	padding-left:0;
	margin-right:20px!important;
}
.home .navicard .swiper-wrapper {
	margin-left:0;
}
.navi-entry-card-thumb, .widget-entry-card-thumb, .card-thumb {
	border-radius:10px;
}

/* ブログカード */
.blogcard-wrap {
	border-radius: 7px;
}
/* ブログカードサイト名非表示 */
.blogcard-footer {
	display: none;
}
/* nextprevカード */
.prev-post-thumb img, .next-post-thumb img {
	border-radius: 7px;
}
/* 記事下カテゴリー */
.entry-categories-tags .cat-link {
	border-radius: 4px;
}
/*サイトロゴのフォント変更*/
.logo-header a span{
	font-family: 'Avenir','Helvetica Neue';
	font-weight: bold;
	font-size:28px!important;
	/*サイトロゴとナビカード左端揃*/
	padding-left:15px;
}

/*アーカイブのタイトル変更*/
.archive-title {
/* 	font-size: 28px; */
	margin-top: 0;
	margin-bottom: 25px;
	letter-spacing: 1px;
	padding-left: 8px;
}
.archive-title span {
	display: none;
}


/*カテゴリーウィジェットの基礎のカスタマイズ*/
/*ここから*/

/*ウィジェットの各部分をrelativeに設定*/
.cf .widget_categories, .sidebar .widget_categories h3, .cf .widget_categories ul, .cf .widget_categories ul li, .cf .widget_categories a {
    position: relative;
}

/*ここまで*/

/*カテゴリーウィジェットのデザインのカスタマイズ（アイコン）*/
/*ここから*/

.cf .widget-index-top-title {
	font-size: 0;
}
.cf .widget-index-top-title:before {
	font-size: 14px;
	content: "Category";
	padding-left: 1.5em;
	margin-bottom: 5px;
	font-weight: 700;
	letter-spacing: 1px;
/* 	text-decoration: underline; */
}

.cf .widget_categories {
	margin-top: 10px;
}

.cf .widget_categories ul {
	font-size: 14px;
	display: flex;
}

.cf .widget_categories > ul > li > ul {
	padding-left: 1.75em;
}

.cf .widget_categories > ul > li > ul > li ul {
	padding-left: 1.55em;
}

.cf .widget_categories a {
	padding: 0;
	font-weight: 600;
	letter-spacing: 1px;
	transition: all 0.3s ease-in-out;
}

.cf .widget_categories a:hover {
	color: #ababab;
	background-color: transparent;
}

.cf .widget_categories > ul > li > a {
	margin-top: 6px;
/* 	font-size: 1.1em; */
	margin-left: 1.5em;
}

.cf .widget_categories > ul > li > ul > li > a {
	padding-top: 5px;
	font-size: 1em;
	padding-left: 2em;
}

.cf .widget_categories > ul > li > ul > li > ul li a {
	font-size: 0.9em;
	padding-left: 2em;
}

/*アイコン管理*/
.cf .widget_categories a::after {
	position: absolute;
	top: 0;
	left: 0;
/* 	color: #686868; */
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
}

/* .cf .widget_categories > ul > li > a::after { 
 	content: '\f138';
 	content: '\f005';
	margin-top: 0.38em;
	margin-left: 0.62em;
}

.cf .widget_categories > ul > li > ul > li a::after {
	content: '\f111';
	font-size: 0.66em;
}

.cf .widget_categories > ul > li > ul > li > a::after {
	margin-top: 0.82em;
	margin-left: 1.14em;
}

.cf .widget_categories > ul > li > ul > li > ul > li a::after {
	margin-top: 0.82em;
	margin-left: 1.2em;
}  */
/*ここまで*/

/* 記事内ボックス調整 */
.entry-content .wp-block-quote, .wp-block-verse {
	border-radius: 10px;
	padding: 1.5em;
	border: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
/* サイトタイトル位置調整 */
	#header-container .site-name-text {
		padding-left: 0;
	}
	#header-container {
		margin: 22px 0 24px 0;
		padding: 24px 0;
	}
	/* タイトルロゴ */
	.logo-menu-button a {
		font-size: 28px;
		color: #dfff2d!important;
		font-family: 'Avenir','Helvetica Neue';
		font-weight: bold;
	}
	.logo-menu-button {
		margin-top: 22px;
	}

/* メニューカスタム */
	.mobile-header-menu-buttons, .mobile-menu-buttons {
		background: transparent;
		box-shadow: none;
	}
	/* ハンバーガーメニュー */
	.navi-menu-icon, .menu-icon {
		color: #efefef;
		opacity: 0.7;
		margin-top: 23px;
		font-size: 30px!important;
	}
	.navi-menu-caption, .menu-caption {
		display: none!important;
	}
	/* スライドインメニュー */
	.navi-menu-close-button, .menu-close-button{
		padding: 20px;
		text-align: right;
	}
	.navi-menu-close-button span {
		color: black;
		opacity: 0.5;
		padding-right: 10px;
	}
	.navi-menu-content, .menu-content{
		background-color: rgba(255,255,255,0.8);
	}
	.mobile-header-menu-buttons #navi-menu-content .menu-drawer a {
		font-size: 18px;
		padding: 10px
		color: #dfff2d!important;
		font-weight: bold;
		letter-spacing: 1px;
		margin: 10px 5px;
	}
	
/* 記事調整 */
	body {
		margin-top: 0;
	}
	.entry-title {
		padding: 12px 15px;
	}
	.main article p {
		text-align: left;
		padding: 0 15px!important;
	}
	
/* ブログカード */
	.blogcard {
		padding: 12px;
	}
	.blogcard .blogcard-title {
		font-size: 13px;
		padding-bottom:3px;
	}
	.blogcard-snippet, .internal-blogcard-snippet {
		font-size; 0.8em;
	}
	.blogcard-thumbnail {
		margin-top: 0;
	}
	/* トップページセンター揃え */
	#post-70 .sp-home-heading-center {
		text-align: center!important;
	}
	/* トップページスワイプ矢印 */
	.navicard .swiper-button-next {
/* 		background-color: rgba(178, 84, 255, 0.3); */
		background-color: rgba(130, 61, 187, 0.5);
		margin-top: 110px;
		box-shadow: none;
	}
}

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


/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.navi-menu-content, .menu-content{
		width:80%;
	}
	
/* カテゴリーウィジェットスマホ用 */
	.cf .widget_categories ul {
		font-size: 14px;
	}

	.cf .widget_categories > ul > li > ul > li a::after {
		margin-top: 0.34em;
	}

	.cf .widget_categories > ul > li > ul > li > a::after {
		margin-top: 0.74em;
	}

	.cf .widget_categories > ul > li > ul > li > ul > li a::after {
		margin-top: 0.72em;
	}
/* カードカテゴリタグ */
	.cat-label {
		padding: 2px 4px 4px 4px;
		border-radius: 3px;
		border: none;
		background-color:rgba(178, 84, 255, 0.8);
	}
/* ブログカード */
	#main .blogcard-snippet {
		font-size; 0.8em !important;
	}
}