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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
**20260520の楽天など広告ボタン編集はここから
amazon広告情報


認証情報ID:amzn1.application-oa2-client.39367c2212f2435382c7b13a33605daa
シークレット：amzn1.oa2-cs.v1.32077bac6367b62f0049dece6eaa4a3709ad4ac50ecc4122c70056d8a2cdbc55
バージョンv3.3


/* 共通設定 */ 
.shoplinkamazon a, 
.shoplinkrakuten a, 
.shoplinkyahoo a, 
.shoplinkmercari a {
  border-radius: 24px !important;
  transition: .4s;
  color: #F8F6F2 !important;
  overflow: hidden;
} 

/* Amazon */
.shoplinkamazon a {
 background: #9C7B5D !important; 
} 

.shoplinkamazon a:hover {
  background: #8C6D52 !important; 
}

/* 楽天 */ 
.shoplinkrakuten a {
  background: #B07A6A !important;
}

 .shoplinkrakuten a:hover {
   background: #9E6859 !important;
 } 

/* Yahoo */
.shoplinkyahoo a {
  background: #A79B8B !important; 
}

.shoplinkyahoo a:hover {
  background: #968A7B !important; 
}

 /* メルカリ */
.shoplinkmercari a {
  background: #8FA08A !important;
} 
.shoplinkmercari a:hover {
  background: #7E9079 !important; 
}
**ここから
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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