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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.toc-title {
    font-weight: bold;
	color: #0693cd;
}
.toc {
	border: 2px solid #0693cd;
}

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

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

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


/*Rinkerのカスタマイズ*/

div.yyi-rinker-contents img{
	max-width: 300px;
	max-height: 300px;
	width: auto;
	height: auto;
}

/*外部リンクマーク非表示*/
div.yyi-rinker-contents div.yyi-rinker-title a span,
div.yyi-rinker-contents div.yyi-rinker-detail a span,
div.yyi-rinker-contents ul.yyi-rinker-links li a span {
	display: none;
}

/*ボタンのデザイン*/
div.yyi-rinker-contents ul.yyi-rinker-links li {
	min-width: 180px;
	border-radius: 4px !important;
	margin: 5px !important;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
	height: 40px !important;
	line-height: 40px !important;
	text-align: center;
	font-size: 14px !important;
	color: #fff;
	transition: all 0.5s 0s ease;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a::after {
    content: "で探す"; /* 各ショップ名の後ろに「で探す」を付与 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a::after {
    content: ""; /* フリーリンク1のボタンだけ文言を付与しない */
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
  background: #FFC266;/*Amazonリンクのボタンの色*/
}

div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
  background: #ff7c74;/*楽天リンクのボタンの色*/
}

div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
  background: #95cad7;/*Yahooショッピングのボタンの色*/
}

div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {
  background: #90d581;/*自由リンクのボタンの色*/
}

/*レスポンシブ480px以下*/
@media screen and (max-width: 480px){
	/*縦表示*/
	div.yyi-rinker-contents div.yyi-rinker-box {
		flex-direction: column;
	}

	/*画像を中央寄せ*/
	div.yyi-rinker-contents div.yyi-rinker-image {
		width: auto;
	}

	/*商品情報を中央寄せ*/
	div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
		width: calc(100% - 10px);
		text-align: center;
		padding: 0 !important;
	}

	div.yyi-rinker-contents div.yyi-rinker-detail {
		padding: 0 !important;
	}

	/*ボタンの幅を100%にする*/
	div.yyi-rinker-contents ul.yyi-rinker-links li {
		width: 100%;
	}
	
  /*ボタン文字位置の調整*/
	div.yyi-rinker-contents ul.yyi-rinker-links li a {
		padding: 0 !important;
	}
}

/* rinkerの横幅を調整 */
@media all and (min-width: 421px) {
div.yyi-rinker-contents div.yyi-rinker-info {
    width: 100%;
}
/* rinkerの商品画像の横幅を調整 */
div.yyi-rinker-image {
    width: 150px !important;
    min-width: 150px !important;
}
}

/* ★ブログカード★ */
/*ブログカードのラベルの色*/
.blogcard-type .blogcard-label{
  background-color:#3399CC;
}
 

/* 見出し3リセット */ 
.article h3{ 
	border-top:none; 
	border-bottom:none; 
	border-left:none; 
	border-right:none; 
	padding: 0; 
} 

/* 見出し4リセット */ 
.article h4{ 
	border-top:none; 
	border-bottom:none; 
	padding: 0; 
} 

/* タイトルデザイン（単純な背景色をつける） */ 
.article h1 {
	font-size: 26px; /*文字サイズ*/
	color: #F4F5F7;/*文字色*/
	background: #3398CC;/*背景色*/ 
	padding: 1em;/*文字まわり（上下左右）の余白*/ 
}

/* 見出し3デザイン（上下に線） */ 
.article h3 {
	color: #003768;/*文字色*/
	background: #F4F5F7;/*背景色*/ 
	padding: 0.5em;/*上下左右の余白*/ 
	border-top: solid 3px #3398CC;/*上線*/ 
	border-bottom: solid 3px #3398CC;/*下線*/ 
}

/* 見出し4デザイン（下線付き） */ 
.article h4 {
	border-bottom: solid 3px #3398CC;
	/*線の種類（実線） 太さ 色*/ 
}