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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.single-post h1:after {
	content: "本ページは広告が含まれています";
	display: block;
	font-size: 12px;
	background: #f9f9f9;
	font-weight: 500;
	text-align: center;
	border: 1px solid #aaa;
	padding: 8px;
	margin-top: 10px;
}
/************************************
** 目次
** 00.基本設定
** 	00-1.カラーの変数
** 	00-2.Font Awesome 5 Free
** 03.ヘッダー
** 10.インデックス
** 11.投稿
** 18.ブログカード
** 13.本文
** 	13-1.コンテンツの余白
** 	13-2.h1～h6
** 	13-3.ボックス
** 33.API
************************************/
/************************************
** 00.基本設定
************************************/
:root {
    --color_main: #9ebfc2;
	--color_main_2: #43676b;
	--color_sub: #8E8781;
	--color_red: #ee827c;
}
/*::00-2.Font Awesome 5 Free :::::::::::::::::::::::*/
.list-ch li:before,
.list-right li:before {
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
/************************************
** 33.API
************************************/
.product-item-thumb {
    display: none;
}
.product-item-box {
    border: none;
}
.rakuten-item-thumb-image, .rakuten-item-title, .rakuten-item-maker, .amazon-item-thumb-image, .amazon-item-title, .amazon-item-maker {
    display: none;
}
.product-item-buttons {
    display: initial !important;
}
.product-item-buttons>*>a {
    border-radius: 4px;
}
.shoplinkrakuten a, .shoplinkamazon a {
    text-align: center !important;
    align-self: flex-end !important;
    width: 100% !important;
    margin: .4em auto !important;
    line-height: 1.9 !important;
    border: 1px solid #e8602e !important;
    background: #e8602e !important;
    box-shadow: initial !important;
    color: #FFF !important;
    font-size: initial !important;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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