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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*ウィジェットのフォントサイズ*/
.nwa .author-box .author-description {
font-size: 15px;
}

/*ボックス（案内）サクセスの色指定*/
.success-box{
	background: #86cfcf;
	color: #fff;
}


/************************
 *COCOONランキングのフォントサイズ
/************************/
.ranking-item-name-text{ /*商品名*/
font-size:18px;
}
.ranking-item-description >p { /*説明文*/
font-size:14px;
}

/************************
 *COCOONランキングのボタン
/************************/
.ranking-item-link-buttons a{ /*公式ページ*/
border: none;
background:  #fd5252;
font-size:16px;
padding-top: 9px; /*上内側余白設定*/
padding-bottom: 7px; /*下内側余白設定*/
}
.ranking-item-detail a { /*詳細ページ*/
background-color: #0095d9;
font-size:16px;
padding-top: 9px; /*上内側余白設定*/
padding-bottom: 7px; /*下内側余白設定*/
}

/************************************
**ウィジェットの見出しのカスタマイズ
************************************/
#main .main-widget-label {
  margin-top: 25px; /*上マージン*/
  margin-bottom: 15px; /*下マージン*/
  border-radius: 6px; /*角丸コーナー*/
  color: #fff; /*フォントカラー*/
  font-size: 18px; /*フォントサイズ*/
  font-weight: 700; /*フォント太さ*/
  text-align: center;/*中央寄せ*/
  position: relative;
  background:#73c3fb; /*タイトル背景カラー*/
  padding-top: 15px; /*上内側余白設定*/
  padding-bottom: 12px; /*下内側余白設定*/
  padding-left: 24px; /*左内側余白設定*/
}

/************************/
/*吹き出し（フラット）
/************************/
/*吹き出し設定　スタンダード（id=1）*/
.sb-id-1 .speech-icon img, .sb-id-1 .speech-icon amp-img {
  border: 2px solid #6495ED; /* ボーダーの太さ・形状・色 */
  background: #e6eeff; /* 背景色 */
}
.sb-id-1 .speech-balloon {
  	background: #fff!important;
	border: solid 2px #B3CBFF!important;
}
.sb-id-1 .speech-balloon::before {
  border-right: 12px solid #B3CBFF;
}
.sb-id-1 .speech-balloon::after {
	border-right: 12px solid #fff;
}

/*吹き出し設定　にっこり（id=11）*/
.sb-id-11 .speech-icon img, .sb-id-11 .speech-icon amp-img {
  border: 2px solid #6495ED; /* ボーダーの太さ・形状・色 */
  background: #e6eeff; /* 背景色 */
}
.sb-id-11 .speech-balloon {
  	background: #fff!important;
	border: solid 2px #B3CBFF!important;
}
.sb-id-11 .speech-balloon::before {
  border-right: 12px solid #B3CBFF;
}
.sb-id-11 .speech-balloon::after {
	border-right: 12px solid #fff;
}

/*吹き出し設定　困った（id=12）*/
.sb-id-12 .speech-icon img, .sb-id-12 .speech-icon amp-img {
  border: 2px solid #6495ED; /* ボーダーの太さ・形状・色 */
  background: #e6eeff; /* 背景色 */
}
.sb-id-12 .speech-balloon {
  	background: #fff!important;
	border: solid 2px #B3CBFF!important;
}
.sb-id-12 .speech-balloon::before {
  border-right: 12px solid #B3CBFF;
}
.sb-id-12 .speech-balloon::after {
	border-right: 12px solid #fff;
}

/*吹き出し設定　考える（id=13）*/
.sb-id-13 .speech-icon img, .sb-id-13 .speech-icon amp-img {
  border: 2px solid #6495ED; /* ボーダーの太さ・形状・色 */
  background: #e6eeff; /* 背景色 */
}
.sb-id-13 .speech-balloon {
  	background: #fff!important;
	border: solid 2px #B3CBFF!important;
}
.sb-id-13 .speech-balloon::before {
  border-right: 12px solid #B3CBFF;
}
.sb-id-13 .speech-balloon::after {
	border-right: 12px solid #fff;
}

/************************************
** ブログカード　抜粋文の削除・ファビコンとURLを消す・記事を読むボタン追加
************************************/
.internal-blogcard-snippet{
    display: none;
}

.internal-blogcard-footer{
	display: none
}

.internal-blogcard-footer{
	display: none
}

.blogcard{
	position: relative
}

.internal-blogcard:after{
	position: absolute;
	bottom: 10px;
	right: 20px;
	content: '記事を読む >>';
	font-size: 90%;
	font-weight: bold;
	background-color: #3E9CF1;
	color: #FFF; 
	padding: 0.2em 2em;
	border-radius: 2px
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
/************************************
** グローバルメニューを1行に
************************************/
	#navi .navi-in > .menu-mobile li a {
		font-size: 14px; /*場合によってフォントサイズを小さく*/
	}
}

/************************************
** ユーチューブを中央ぞろえ
************************************/
.video-container {
margin: 0px auto;
}

/************************************
** アコーディオンの見出しを左詰めにする
************************************/
.toggle-button {
	text-align: left;
}


/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/*吹き出し設定　スタンダード（id=1）*/
	.sb-id-1>.speech-balloon::before {
		border-right: 7px solid #B3CBFF;
	}
	.sb-id-1 .speech-balloon::after { 
		border-right: 7px solid #fff;
	}
/*吹き出し設定　にっこり（id=11）*/
	.sb-id-11>.speech-balloon::before {
		border-right: 7px solid #B3CBFF;
	}
	.sb-id-11 .speech-balloon::after { 
		border-right: 7px solid #fff;
	}
/*吹き出し設定　困った（id=12）*/
	.sb-id-12>.speech-balloon::before {
		border-right: 7px solid #B3CBFF;
	}
	.sb-id-12 .speech-balloon::after { 
		border-right: 7px solid #fff;
	}
/*吹き出し設定　考える（id=13）*/
	.sb-id-13>.speech-balloon::before {
		border-right: 7px solid #B3CBFF;
	}
	.sb-id-13 .speech-balloon::after { 
		border-right: 7px solid #fff;
	}
}