@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');

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

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

.home {
    font-family: 'Noto Sans JP', sans-serif;
}

body.public-page {
	--cocoon-text-color:  #6e6058;
}

/*キャッチコピー*/

.tagline {
	font-size: 15px;
	margin: 1.6em 1em 0.6em;
	letter-spacing: 0.1em;
	display: inline-block;
}

.logo-text {
	padding: 3px 0 20px;
}

.site-name-text {
	letter-spacing: 0.1em;
	font-weight: 600;
}

/*暮らしにビタミンタイトル*/

.site-name-text-link {
	display: inline-block;
}

/*携帯メニュー*/

.menu-content {
	overflow: auto;
}

.mobile-menu-buttons{
	background: linear-gradient(90deg, #c0cfb7a6 30%, #c2cfb4 70%);
}

.mobile-menu-buttons .menu-button > a{
	color: #ffffff;
	font-weight: 500;
}

.menu-close-button {
	text-align: right;
	padding: 0 1em 0;
}

.fa-times:before {
	content: "\f7a4";
	font-size: 20px;
}

.navi-menu-content {
	left: auto;
	right: 0;
	-webkit-transform: translateX(105%);
	transform: translateX(105%);
	background-color:  #6e6058;
	color: #fff;
}

.mobile-menu-buttons .menu-caption{
	display: none;
}

.mobile-menu-buttons .menu-button:hover{
	background: linear-gradient(45deg, #fdf9e2 70%, #fcecec 100%) ;
}

.navi-menu-button{
	order: 3;
}

.navi-in a:hover {
	background: linear-gradient(45deg, #fdf9e2 70%, #fcecec 100%);
}

.navi-menu-content .menu-drawer a {
	border-bottom: initial;
	text-align: right;
}

.font-awesome-5 blockquote::before, .font-awesome-5 .navi-menu-content .menu-drawer a::after {
	display: none;
}

.logo-menu-button {
	order: 1;
	justify-content: flex-start;
	padding: 0 0 0 1em;
}

.carousel-in {
	background-color: initial;
}

.a-wrap:hover {
	background: linear-gradient(45deg, #f8f5e5 70%, #fcecec 100%);
}

/*新着記事タイトル*/

#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] {
	background:  #8d9f79 ;
	border: initial;
}

.search-menu-button {
	order: 2;
}


.cat-label {
  display: none;
	background-color: #d18080;
}

/*カルーセル*/

.carousel.loaded{
	background: linear-gradient(90deg, #c0cfb7a6 30%, #c2cfb4 70%);
}

.slick-dots li.slick-active button:before {
	color: #8d9f79;
}

.wp-block-search__label {
	display: none;
}

.search-edit,input[type="text"] {
	border:1px solid #f24862;
}

.card-thumb img {
  width: 100%;
	max-width: 100%;
}

.carousel-entry-card-thumb {
  width: 100%;
	}
	
/*投稿記事の概要*/

.entry-card-snippet {
  display: none;
	}

/*投稿タイトル下線*/

.list .entry-card-title {
	border-bottom: 2px solid;
	border-image: linear-gradient(45deg, #f4e9a8 70%, #f0adad 100%) 2 ;
}

.article h3 {
border-top: 1px solid #e6c7c0;
border-bottom: 1px solid #e6c7c0;
background: initial;
}

.article h4 {
border-top: initial;
}

/*検索ボタン*/
.wp-element-button, .wp-block-button__link {
	background-color: #8a9978;
}

.wp-block-search__button {
	border: initial;
}

.search-edit, input[type="text"] {
	border: 1px solid #8a9978;
}

/*サイドバー*/

.widget h2 {
	color: #657452;
}

.sidebar h2, .sidebar h3 {
	border-bottom: 2px solid #b5c4a3;
}

.sidebar h2::before, .sidebar h3::after {
	border-bottom: 2px solid #8a9978;
}

.sidebar h2, .sidebar h3 {
	color: #657452;

}


/*プロフィール*/
.author-box {
	border: 1px solid #8a9978;
	background-color: #fefffc;
}

.author-box .author-name a {
	color: #6e6058;
}


/*リスト*/
ul {
	padding-left: 0;
}

li {
list-style: none;
}

.toc {
 margin: 100px 0;
 padding: 3rem;
 border-radius: 20px;
 }

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	main.main, div.sidebar {
		padding: 32px 30px;
	}
	
	#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] {

  width: 100%;
	}
	

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	.tagline {
		font-size: 14px;
	}
	
	#header .site-name-text {
		font-size: 20px;
	}
	
	/*モバイルメニュー*/
	
	.menu-content {
		max-width: 65%;
	}
	
	/*モバイルテキスト*/
	.fz-24px {
	  font-size: 20px;
		}
		
	.article h2 {
	  font-size: 20px;
	}
	
	.article h3 {
	  font-size: 18px;
	}
	
	/*目次*/
	.toc {
	  width: 90%;
		margin: 0 auto;
		padding-top: 1rem;
		padding-bottom: 1.5rem;
	}

/*プロフィール*/
		.nwa .author-box {
	display: flex;
	border-radius: 20px;
	padding: 10px;
	align-items:center;
	justify-content: center;
	}
	
	.nwa .author-box .author-thumb {
	width: 90px;
	margin: auto 20px;
	}
	.e-card-title {
	font-size: 14px
	}

	
}