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

/************************************
** 子テーマ用のスタイルを書く
************************************
/*ブログ全体*/
body{
	font-family:游ゴシック;
	font-size:16px !important;
}

/*引用背景色カスタマイズ*/
blockquote{
  background: #fffafa;/*背景色を少し濃いめの灰色に*/
  border-radius: 5px; /*角を丸める*/
}
blockquote:before{ /*上の引用アイコン*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f10d';
  top: 10px;/*上からの距離*/
  left: 10px;/*左からの距離*/
  color: silver;
  font-size: 1.5em;
}
blockquote:after{ /*下の引用アイコン*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f10e';
  bottom: 20px;/*下からの距離*/
  right: 10px;/*右からの距離*/
  color: silver;
  font-size: 1.5em;
}

/*サイト背景色カスタマイズ*/
.main, 
.sidebar {
  background-color: #fff;
}

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

.sidebar h3{
	border:none;
}

/*エントリーカードタイトルの位置調整*/
.entry-card-content, .related-entry-card-content {
    padding-bottom: 1.2em;
	padding-top:1.5em;
	line-height: 2;
}
/*サイドバー文字サイズ*/
.widget-entry-card {
    font-size: 14px;
}

/*---------サイドバーフォローボタン---------*/
.sidebar .sns-follow-buttons {
  justify-content: center; /*ボタンを中央寄せにする*/
}
.sidebar .sns-follow-buttons a {
  width: 30%; /*ボタンの幅*/
}
.sidebar .sns-follow {
  margin: 0 0 24px 0;
}
.sidebar .sns-follow-buttons a {
  border-radius: 50%;
  background: none !important;
  border: 1px solid #444d53;
  color: #444d53;
  border-radius: 50px !important;
  
}
.sidebar .twitter-button:hover {
  background-color: #1da1f2 !important;
  color: #fff;
  border-color: #1da1f2;
}

/*プロフィール情報*/
.nwa .author-box .author-description { 
  font-size: 14px; /*フォントサイズ*/
}

/*プロフィール情報名前カスタマイズ*/
#sidebar .author-box .author-name a {
  color: #808080!important;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 16px!important;
}

/*個別記事タイトルまわり余白*/
.entry-title {
padding-bottom: 10px;
padding-top: 40px;
padding-left : 20px;	
}

/*アイキャッチ画像中央寄せ*/
.eye-catch{
  margin: 0 auto;
}

/*メインカラムコンテンツ幅*/
.main{
	padding:60px
}

/*タイトルの行間*/
.article h1{
	line-height:1.5;
}

/*カルーセル記事タイトル*/
.carousel-entry-card-title {
font-size: 16px; /*文字サイズ*/
color: #333333; /*文字色*/
}

/*見出し3カスタマイズ*/
.article h3 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #ede4cd;/*左線*/
}

/* サイドバープロフィール欄カスタマイズ */
.nwa .author-box {
	border: none;
	padding: 0 20px;
}

/* アイコン */
.nwa .author-box .author-thumb{
	width: 110px;
}
.nwa .author-box .author-thumb img{
	box-shadow: 0 1px 3px rgba(0,0,0,.18)
}

/* 下側 */
.nwa .author-box .author-content {
	padding: 1em 0;
}


/* 名前 */
.author-box .author-name {
	margin-bottom: 1em;
}
.author-box .author-content .author-name a{
	color: #696969; /* リンク色にしない */
	font-size: 1.0em;
	font-weight: normal; /* 太字にしない */
	text-decoration: none; /* 下線をなくす */
	letter-spacing: 0.2em; /* 字間を広く */
}

/* プロフィール文 */
.author-description{
	margin-bottom: 16px;
}
.author-description p{
	margin: 0 0 0.5em 0;
	text-align: left;
	line-height: 2.0;
}

/*吹き出しカスタマイズ*/

/*電球*/
.sb-id-17 .speech-balloon{
background:#fff3b8;/*コメント部分の「背景色」*/
border-color:#fff3b8;/*コメント部分の「枠の色」*/
}
.sb-id-17 .speech-balloon::before,.sb-id-17 .speech-balloon::after{
background:none;
border-right-color:#fff3b8;/*コメントの「三角形の部分の色」*/
}

/*涙*/
.sb-id-12 .speech-balloon{
background:#dff2f6;/*コメント部分の「背景色」*/
border-color:#dff2f6;/*コメント部分の「枠の色」*/
}
.sb-id-12 .speech-balloon::before,.sb-id-12 .speech-balloon::after{
background:none;
border-right-color:#dff2f6;/*コメントの「三角形の部分の色」*/
}

/*ニコニコ*/
.sb-id-16 .speech-balloon{
background:#f5f5dc;/*コメント部分の「背景色」*/
border-color:#f5f5dc;/*コメント部分の「枠の色」*/
}
.sb-id-16 .speech-balloon::before,.sb-id-16 .speech-balloon::after{
background:none;
border-right-color:#f5f5dc;/*コメントの「三角形の部分の色」*/
}

/*check*/
.sb-id-14 .speech-balloon{
background:#f5f5f5;/*コメント部分の「背景色」*/
border-color:#808080;/*コメント部分の「枠の色」*/
}
.sb-id-14 .speech-balloon::before,.sb-id-14 .speech-balloon::after{
background:none;
border-right-color:#f5f5f5;/*コメントの「三角形の部分の色」*/
}

/*Point*/
.sb-id-13 .speech-balloon{
background:#f8f4e6;/*コメント部分の「背景色」*/
border-color:#f8f4e6;/*コメント部分の「枠の色」*/
}
.sb-id-13 .speech-balloon::before,.sb-id-13 .speech-balloon::after{
background:none;
border-right-color:#f8f4e6;/*コメントの「三角形の部分の色」*/
}

/*王冠*/
.sb-id-18 .speech-balloon{
background:#ffedab;/*コメント部分の「背景色」*/
border-color:#ffedab;/*コメント部分の「枠の色」*/
}
.sb-id-18 .speech-balloon::before,.sb-id-18 .speech-balloon::after{
background:none;
border-right-color:#ffedab;/*コメントの「三角形の部分の色」*/
}

/*考える*/
.sb-id-19 .speech-balloon{
background:#fff3b8;/*コメント部分の「背景色」*/
border-color:#fff3b8;/*コメント部分の「枠の色」*/
}
.sb-id-19 .speech-balloon::before,.sb-id-19 .speech-balloon::after{
background:none;
border-right-color:#fff3b8;/*コメントの「三角形の部分の色」*/
}

.menu-header .item-label {
	font-size:17px;
}

.box-menu-icon {
	color:#696969;
}

/* カスタマイズされたリストの点 https://turicco.com/list/ */
.ullist {
    list-style: none; /* デフォルトの点を消す */
    line-height: 1.8; /* 行間を広げる */
}

.ullist > li { 
    position: relative; /* 点の配置基準 */
}

.ullist > li:before {
    content: ''; /* 点の内容を空に */
    background-color: #ede4e1; /* 点の色 */
    position: absolute; /* 点の位置 */
    top: 6px; /* 垂直位置の調整 */
    left: -1.5em; /* 水平位置の調整 */
    width: 20px; /* 点の幅 */
    height: 20px; /* 点の高さ */
    border-radius: 50%; /* 点を丸くする */
}
/* === 景品表示法対応 === */
/* Cocoon設定本文上のPR表記 */
.pr-label-l {
    border-top: 1px dotted #333; /* 上の点線 */
    border-bottom: 1px dotted #333; /* テキスト下の点線 */
    border-left: none;
    border-right: none;
    border-radius: 0;
    font-size: 14px; /* 文字サイズ */
    color: #696969; /* 文字の色 */
    text-align: center; /* テキスト中央揃え */
    background: #fff;
    padding: 3px 0;
    margin-bottom: 2em;
}
.date-tags {
	padding:10px;
}

/*記事内強調用文字色変更*/
.bold-red{
	color:#aa455b;
}
.bold-blue{
	color:#5b9ea6;
}
.bold-green{
	color:#90926f;
}
.marker{
	background-color:#e8ece6;
}
.marker-under{
	background:linear-gradient(transparent 60%, #e8ece6 60%);
}

.marker-under-red {
    background: linear-gradient(transparent 60%, #efdcd8 60%);
}



/*テキストリンクホバー時の色*/
a:hover{
	color:#c07b74 !important;
}

/*トップページブログカードタイトル*/
h2.entry-card-title.card-title.e-card-title{
color:#696969;
}

/*目次カスタマイズ　https://yujiblog.org/table-of-contents*/
.toc-title{
font-weight:bold;
}
.toc-title::after {
color:#337ab7;
}
.toc-list > li a {
font-weight: bold;
display:block;
margin-top:10px;
margin-left: 10px;
color:#696969;
}
/*H2リスト*/
.toc-list > li a::before {
font-family: "Font Awesome 5 Free";
content : "\f144";
margin-right: 7px;
}
/*H3リスト*/
.toc-list > li li a {
font-weight: normal;
font-size: 95%;
margin-top:0;
margin-left: 2em;
}
.toc-list > li li a::before {
content: "";
width: 7px;
height: 7px;
left: -2px;
display: inline-block;
border-radius: 50%;
background: #c97586;/*こちらで緑点の色を変更できます*/
position: relative;
margin-bottom: 2px;
}

@media (max-width:880px){
.toc-list > li a {
margin-left: -10px;
}
.toc-list > li li a {
margin-left: -2em;
}
.toc-list > li li a::before {
left: 3px;
margin-bottom:1px;
}
}
.toc a:hover {
color: #333333;
text-decoration: underline;
}

/*H3目次の前のドットを消去*/
.toc-list > li li {
  list-style: none;
}
/*H2目次の前のドットを消去*/
.toc-list > li {
  list-style: none;
}

/*目次を開く／閉じるのカスタマイズ*/
.toc-title::after {
    color: #696969;
    content:'[Open]';
}
.toc-checkbox:checked+.toc-title::after{
    color:#696969;
    content:'[Close]';
}

/*サイドバー目次のCoccon設定のタイトルを消す*/
.sidebar .toc-title{
	display:none;
}

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

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

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