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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* ブログカードカスタマイズ */
.internal-blogcard-footer{
	display: none
}

/****** 本文 ******/
/** 目次 **/
.toc {
    background-color: #f4f3ed; /*#f6f3f0;*/
    border: none;
    width: 98%;
}
.toc-title{
  background-color: #253c64;
  font-weight: bold;
  color: #ffffff;
}
.toc-content, .toc-content a {
  color: #253c64;
}
.toc-content .toc-list > li > a {
	font-weight: bold;	
}
/** 見出し **/
.article h2,
.sidebar h2 {
	background-color:#fff;
	color: #2e4459;
	text-align: center;
}
.article h3,
.sidebar h3{
	position: relative;
	border: none;
 	color: #2e4459;
	text-align: center;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.article h3:before {
 	content: "";
 	position: absolute;
	background: #f4f3ed;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	top: 50%;
	left: calc(50% - 25px);
 	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}
.sidebar h3 {
	background-color: #fff;
}
/* 吹き出し追加css */
.custom-speech-aomi {
	font-size: 95%;	
}
.custom-speech-aomi .speech-person .speech-icon img {
	border: solid 2px #f4f3ed;
}
.custom-speech-aomi .speech-person .speech-name {
	color: #80a18e;
}
.custom-speech-aomi > .speech-balloon {
	padding: 0.8rem;
	background-color: #f4f3ed !important;
	border-color: #f4f3ed !important;
}
.custom-speech-aomi .speech-balloon p {
	margin-bottom: 0.5rem;
	color: #678171; /*#749180;*/
    font-weight: 500;
}
.custom-speech-aomi .speech-balloon::before,
.custom-speech-aomi .speech-balloon::after {
	border-right-color: #f4f3ed !important;
}

/* フッターモバイルボタン */
.mobile-footer-menu-buttons,
.navi-menu-content,
.mobile-footer-menu-buttons .menu-button > a,
.mobile-footer-menu-buttons .menu-button:hover,
.navi-menu-content a,
.navi-menu-content a:hover {
	background: #f4f3ed;
    color: #2e4459;
}
.mobile-menu-buttons {
	box-shadow: none;
}

/******  プロフィール  ******/
/** サイドバー **/
.nwa .sidebar-profile {
  text-align: center;
  padding: 0rem 0.5rem;
}
.nwa .author-box .author-content {
	padding: 0 1rem;
}
.sidebar-profile .author-widget-name {
  font-weight: 700;
  margin-bottom: 0.6rem;
}
.sidebar-profile .author-thumb img {
  margin-bottom: 0.5rem;
}
.sidebar-profile .author-description {
  font-size: 90%;
}
.sidebar-profile .profile-link {
  display: inline-block;
  margin-top: 0.5rem;
  text-decoration: none;
}


/** 投稿下 **/
.author-box {
	padding: 1.2rem 1rem;
	line-height: 1.8;
	background: #fff;
	font-size:90%;
	font-weight: 400;
	border: none;
}
.author-box p {
	margin-top: 0.3em;
	margin-bottom: 0;	 	
}
.author-box .author-widget-name {
	margin-bottom: 1.0rem;
}
.author-thumb {
	margin-top: 0;
	max-width: 100px;
}
.author-box .author-thumb img {
  display: block;
  margin: .25rem auto .75rem;
}
.author-box .author-name {
  font-weight: 500;
}
.author-box .author-name a {
  font-weight: 700;
  text-decoration: none;
}
.author-box .author-name span[itemprop="name"] {
}
.author-box .author-name span.jobSlash {
	margin-left: 0.5rem;
	font-size: 90%;
	color: #919493;
}
.author-box .author-name span[itemprop="jobTitle"] {
	margin-left: 0.5rem;
	font-size: 90%;
	color: #919493;
}
@media (max-width: 480px) {
	.author-box {
		padding: 0.5rem 0.2rem; 
	}
	.author-box .author-content {
		padding: 0 0.5rem;
	}
}

/******  装飾  ******/
/* 左右に横線 */
.heading {
	align-items: center; /* 横線を上下中央 */
	display: flex; /* 文字と横線を横並び */
	justify-content: center; /* 文字を中央寄せ */
	font-weight: 500;
    color: #2e4459;
}
.heading::before,
.heading::after {
  background-color: #2e4459; /* 横線の色 */
  content: "";
  height: 1px; /* 横線の高さ */
  width: 60px; /* 横線の長さ */
}
.heading::before {
  margin-right: 15px; /* 文字との余白 */
}
.heading::after {
  margin-left: 15px; /* 文字との余白 */
}

/******  フッター コピーライト  ******/
.brand-note {
  font-size: 12px;
  color: #999;
  font-style: italic;
  letter-spacing: 0.03em;
  margin-top: 0.4em;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	/* ブログカードカスタマイズ */
	.internal-blogcard-snipet {
  		display: none;
	}
}

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