@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){
  /*必要ならばここにコードを書く*/
}


/******************************************************************  楽天・アマゾンホバー設定  ******************************************************************/  .shoplinkamazon a:hover, .shoplinkrakuten a:hover {      opacity: 0.5; /* マウスホバー時の背景色 */      transform:translate3d(0px, 3px, 1px);      box-shadow:none;      transition-duration:0.4s;      transition-property:all;      transition-timing-function:ease;  }    .shoplinkkindle a:hover, .shoplinkrakukobo a:hover {      opacity: 0.5; /* マウスホバー時の背景色 */      transform:translate3d(0px, 3px, 1px);      box-shadow:none;      transition-duration:0.4s;      transition-property:all;      transition-timing-function:ease;  }    /* カエレバリンク　ホバー設定 */  .kaerebalink-image img:hover{      opacity: 0.5;  }    .kaerebalink-name a:hover{      opacity: 0.5;  }    /* ヨメレバリンク　ホバー設定 */  .booklink-image img:hover{      opacity: 0.5;  }    .booklink-name a:hover{      opacity: 0.5;  }    /* 余白等微調整 */  @media screen and (min-width: 768px){  .booklink-link2 a, .kaerebalink-link1 a, .tomarebalink-link1 a, .product-item-buttons a {      margin: 0 2px 0 2px;  }  }    @media screen and (max-width: 480px){  .booklink-link2>*, .kaerebalink-link1>*, .tomarebalink-link1>*, .product-item-buttons>* {      width: 49%;      margin: -10px .5% !important;  }  }