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

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

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

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

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

/* タスク5: ショップページの商品表示エリア文字色修正 */
.page-id-12 .woocommerce ul.products li.product .woocommerce-loop-product__title,
.page-id-12 .woocommerce ul.products li.product .price,
.page-id-12 .woocommerce ul.products li.product a{
  color:#fff!important;
}
.page-id-12 .woocommerce ul.products li.product{
  background-color:#1B6B3A!important;
  border-radius:12px;
  padding:16px;
}
.page-id-12 .woocommerce ul.products li.product .button{
  background:#FF8F00!important;
  color:#fff!important;
  border-radius:50px;
}
/* ショップページのパンくず・タイトル非表示 */
.page-id-12 .breadcrumb{display:none!important}
.page-id-12 .entry-title{display:none!important}
.page-id-12 .entry-content{padding:0!important;margin:0!important}
.page-id-12 .article{padding:0!important}