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

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

/*タイトルフォント*/
.site-name-text { 
font-family: 'Hachi Maru Pop', cursive;
font-family: 'IBM Plex Sans JP', sans-serif;
font-family: 'M PLUS 2', sans-serif;
font-family: 'Mochiy Pop One', sans-serif;
}

/*投稿ページ文字サイズ変更*/
h1.entry-title, .archive-title {
	font-size: 1.1rem;
}

/*↓↓投稿ページのタイトルの装飾*/
h1 {
  background: #00fa9a;
  box-shadow: 0px 0px 0px 5px #00fa9a;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
}

/*エントリーカードの文字*/
.entry-card-title, .related-entry-card-title {
	font-size:1.0em;
	color:#424242
		
/*↓↓アイキャッチ画像の削除*/
.eye-catch{
	display:none;
}

/*spanタグの改行*/
	span {
  display:block;
}

			

/*内部ブログカードのドメイン非表示*/
	.blogcard-domain{
		display:none;
}

	
.internal-blogcard-domain　{
			display:none;
}

..blogcard-favicon-image {
				display:none;
}

.internal-blogcard-favicon-image{
				display:none;
}

.blogcard-title{
  padding: 0.25rem 0.5rem;/*上下 左右の余白*/
　font-size: 1.0em;/*タイトル文字を1.3倍*/
  color: #6a859c;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #e95295;/*左線*/
}

/*ブログカードの背景色*/
.blogcard{
	background:#fefefe;
	}

/*ブログカード抜粋文（スニペット）の文字サイズ*/
.blogcard-snippet.{
	font-size: 2.5em;
   }
/*ブログカードの抜粋文の非表示*/
.internal-blogcard-snippet{
    display: none;
}

/* リンクの下線を消す */
a {
　　text-decoration:none !important;
}

/* サイト内検索 */
.search-edit,input[type="text"] {
   border: 2px solid #a4e8e6; /* 線の色 */
   border-radius: 3px;
  outline: none;
}
[type=submit].search-submit {
   top: 0;
    right: 0;
    height: 100%;
    padding: 8px 15px;
    background: #a4e8e6; /* ボタンの色 */
    color: #fff; /* 文字の色 */
    font-size: 15px;
    font-weight: bold;
    border: none;
    border-radius: 0 3px 3px 0;
}
[type=submit].search-submit:hover {
    color: #fff;
    background: #95e5e2;
}

/* sns share */
.button-caption{
  display: none;
}
.sns-share-buttons a {
  border-radius: 50%;
  margin: 5px;
}
#main .sns-share a {
  height: 35px;
  width: 35px;
  margin-bottom: 0.5em;
}
.sns-share-buttons {
  justify-content: center;
}
.social-icon {
  font-size: 15px;
}

/*サイドバーの検索窓のカスタマイズ*/
/* ①ボックス部分 */
.search-edit, .search-box input[type="text"] {
	color: #4d4435;
	border-radius: 50px;
	outline: none;
	padding-left: 10px;
}

/* ②検索ボタン */
[type=submit].search-submit {
	top: 0;
	right: 0;
	height: 100%;
	padding: 5px 10px;
	background: #a4e8e6; 
	color: #fff; 
	font-size: 12px;
	font-weight: bold;
	border: none;
	border-radius: 0 50px 50px 0;
	transition:0.3s;
}

/* ③検索ボタン(hover) */
@media screen and (min-width: 980px) {
	[type=submit].search-submit:hover {
		color: #fff;
		background: #a4e8e6;
	}
}

#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: 10px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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

/* アドセンスの横幅指定（エラー対策） */
.adsense {
  width: 300px;
}