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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* 記事内の見出し・本文 */
.article h2 {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px 10px 20px;
    border-left: 6px solid #003399;
    border-bottom: none;
    background-color: #ecf6f9;
}

.article h3 {
    margin-bottom: 5px;
    padding: 5px 5px;
    border: none;
}

.article p {
    padding-left: 5px;
    padding-right: 5px;
}

.iconlist-box {
    padding: 12px;
    margin: 0;
}

/* サイドバーの見出し */
.sidebar h2 {
    padding: 0 10px;
    border-left: none;
    border-radius: 0;
    border-bottom: 2px solid #003399;
}

ol, ul {
  padding-left: 30px;
}


/*商品リンクボックス*/
.product-block {display: flex; border: 1px solid #ddd; padding: 20px; margin-bottom: 20px; border-radius: 6px;  background-color: #fff;  width: 100％;}
.product-block img { width: 140px; height: auto; object-fit: contain; margin-right: 15px;}
.product-info { display: flex; flex-direction: column;  justify-content: space-between;}
.product-info h3 { margin: 0 0 10px 0; font-size: 1.1rem;}
.product-links a { text-decoration: none; margin-right: 10px; padding: 6px 12px; border-radius: 4px; font-size: 0.9rem;  color: #fff;}
.product-links .amazon { background-color: #ff9900;}
.product-links .rakuten { background-color: #bf0000;}

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

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

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