@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/*----------------------------
追記: AddQuicktag の装飾
---------------------------- */
.b{font-weight:bold;margin:0 0.15em;}
.red{color:#ce000d;}
.blue{color:#0087ff;}
.green{color:#0ab908;}
.pink{color:#ef6ae9;}
.orange{color:#ff8f00;}
.larger{font-size:150%;font-weight:bold;}
.largest{font-size:300%;font-weight:bold;}
.smaller{font-size:60%;}
.strike{text-decoration:line-through;margin:0 0.15em;}
.P-highlighter{background:linear-gradient(transparent 60%, rgb(255, 169, 233) 60%);}
.B-highlighter{background:linear-gradient(transparent 60%, rgb(182, 242, 255) 60%);}
.G-highlighter{background:linear-gradient(transparent 60%, rgb(159, 255, 0) 60%);}
.O-highlighter{background:linear-gradient(transparent 60%, rgb(253, 185, 64) 60%);}
.Y-highlighter{background:linear-gradient(transparent 60%, rgb(255, 229, 0) 60%);}
.surrounded{margin: 0 0 4em;padding:1em 1.2em;border: 2px solid #616161;}
/*----- AddQuicktag の装飾ここまで-----*/

/*-----カエレバカスタマイズここから-----*/
/*ボックス全体*/
.kaerebalink-box {
  background-color:#ffffff;/*背景色*/
  padding:20px 20px 10px !important; 
  margin-bottom:40px;
  border:2px dashed #bdcbfc; /*ステッチ風ボーダー色*/
  border-radius:5px;
  box-shadow:0 0 0 4px #f0fcf5, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); /*ボーダーの周りの影（背景色と同じコード）*/
}
 
/*商品名*/
.kaerebalink-name a {
  font-size:16px;
  line-height:22px;
  font-weight:bold;
}
 
/*クレジット表記部分*/
.kaerebalink-powered-date a {
  font-size:8px;
}
 
/*Amazonボタン*/
.shoplinkamazon a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background-color:#bdcbfc; /*ボタン背景色*/
  box-shadow: 0 3px 0 #8ca5fa; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/
.shoplinkamazon a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #8ca5fa; /*ボタンの影と同じ色*/
}
 
/*楽天ボタン*/
.shoplinkrakuten a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background:#bdcbfc; /*ボタン背景色*/
  box-shadow: 0 3px 0 #8ca5fa; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/
.shoplinkrakuten a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #8ca5fa; /*ボタンの影と同じ色*/
}
 
/*Yahooショッピングボタン*/
.shoplinkyahoo a {
  width:31%;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background:#bdcbfc; /*ボタン背景色*/
  box-shadow: 0 3px 0 #8ca5fa; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/
.shoplinkyahoo a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #8ca5fa; /*ボタンの影と同じ色*/
}
 
/*タブレット・スマホ*/
@media print, screen and (max-width:1100px) {
.kaerebalink-image {
  width:40%;
}
 
.shoplinkamazon a {
  width:100%;
}
 
.shoplinkrakuten a {
  width:100%;
}
 
.shoplinkyahoo a {
  width:100%;
}
}
/*-----カエレバカスタマイズここまで-----*/

/*-----トップメニューの「キャッチフレーズ」を削除-----*/
#site-description{
    display:none;
}
/*-----トップメニューの「キャッチフレーズ」を削除-----*/
/*-----ボックス内に「ラベル」をつける-----*/
.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 15px 7px;
    border: solid 2px #6b6bb3;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background:#6b6bb3;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}
/*-----ボックス内に「ラベル」をつける～おしまい-----*/
/*-----重要って目立たせる「ラベル」を上につける-----*/
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #4141a3;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #4141a3;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}
/*-----重要って目立たせる「ラベル」を上につける-----*/