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

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

/*h1見出し*/
h1.entry-title {
font-size: 21px;
line-height: 130%;
font-weight: bold;
color: #333;
margin: 10px 0px 10px 0px;
padding: 18px 0px 12px 55px;
background:url(https://www.momocafe.net/unsei/h1.png) no-repeat center left 10px;
}

/*h2見出し*/
.article h2 {
	position: relative;
	padding: 15px 2px 8px 15px;
	border-bottom: 2px #333333 dotted; /* ドット下線追加 */
	color: #333;
}

/*h3見出し*/
.article h3{
line-height:2;
font-size:20px;
border:none;
color:#333333;
border-radius:2px;
border-left:8px solid #c5cbd1;/*H3の色の変更はこちら*/
padding: 0.4em 0.8em;
margin-top:30px;
}
.article h3:before {
width: 0em;
}

/*関連記事*/
.related-entry-heading{
  　position: relative;
	margin: 0px 0px 3px 0px;
	padding: 0 0 0 45px;
	letter-spacing: 0.1em; /* 字間を広げる */
	background: url(https://www.momocafe.net/unsei/h2.png) no-repeat center left;
}

/*人気記事*/
.main-widget-label{
  　position: relative;
	margin: 0px 0px 3px 0px;
	padding: 0 0 0 45px;
	letter-spacing: 0.1em; /* 字間を広げる */
	background: url(https://www.momocafe.net/unsei/h2.png) no-repeat center left;
}

/*サイドバーの見出し*/
.sidebar h3 {
	background:transparent; /* Cocoon親テーマCSSリセットのため */
	margin: 0px 0px 10px 0px;
	padding: 0 0 0 50px;
	border-bottom: 2px #333333 dotted; /* ドット下線追加 */
	letter-spacing: 0.1em; /* 字間を広げる */
	background: url(https://www.momocafe.net/unsei/h4.png) no-repeat center left;
}


/*---親カテゴリのカスタマイズ---*/
.widget_categories ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}

.widget_categories ul li a::before{
  font-family: FontAwesome;
  content: "\f1bb"; /* FontAwesomeのユニコード */
  color: #434344; /* アイコンの色 */
  padding-right: 6px;
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}

/*---子カテゴリのカスタマイズ---*/
.widget_categories ul li ul li a::before{
  font-family: FontAwesome;
  content: "\f114"; /* FontAwesomeのユニコード */
  color: #434344; /* アイコンの色 */
  padding-right: 6px;
}


/*---SNSボタンを丸くする---*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*SNSフォローボタン*/
.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*---フッター---*/
.footer {
	padding-top: 0px;
}

/*---フッターメニューの線を消す---*/
#navi-footer li {
  border: none;
}

/*フッターメニューを一列に*/
/*フッターメニューの文字の大きさを変更*/
@media screen and (max-width: 480px){
	.navi-footer-in>.menu-footer {
	flex-wrap: nowrap;
}	
	.navi-footer-in a{
		font-size: 80%;
}
}
.new-entry-card img,.entry-card-thumb img,.related-entry-card-thumb img,.widget-entry-card img,.blogcard-thumbnail img,.carousel img{
	border:4px solid #eeeeee;
	box-shadow:.5px .5px 4px rgba(0,0,0,.3);
	border-radius:3px;
}

/* === 景品表示法対応 === */
/* 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: 13px; /* 文字サイズ */
    color: #333; /* 文字の色 */
    text-align: center; /* テキスト中央揃え */
    background: #fff;
    padding: 3px 0;
    margin-bottom: 2em;
}

/*パンくずリストアイコンまとめて非表示(Font Awesome 4)*/
.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file-o
{ display: none; }

/*　パンくずリスト色を変更する　*/
.breadcrumb-home a,
.breadcrumb-home .fa-home,
.breadcrumb-item a {
	color: var(--cocoon-text-color);
}

/*　パンくずリストマウスオーバー時の色　*/
.breadcrumb-home a:hover,
.breadcrumb-item a:hover {
	color: #45aab8
}

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

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

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