@charset "UTF-8";

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

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

/*---------------------------------
固定ページの日付・更新日を非表示にする
--------------------------------*/
#post-7 .date-tags, #post-11 .date-tags { 
 display: none; 
} /* post-xx の 日付,更新日 の非表示 */
#post-7 .read-time, #post-11 .read-time{ 
 display: none; 
}

/*****************************
	post-xx の 時間 の非表示
******************************/
　関連記事非表示
#related-entries {
/*    display: none;
*/
}

/*******************************
	SNSの名称部分を非表示
*********************************/
.button-caption {
	  display: none; 
}

/**************************
	イメージ枠線表示
***************************/
img {
border: 1px #dddddd solid;
}

/****************************
	アプリーチカスタム
*****************************/
.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}
#appreach-box {
	border: 1px solid #ddd;
	margin: 1em 1em;
}
#appreach-appname {
	font-size:120%;
	font-weight:bold;
}
#appreach-gplay-link,
#appreach-itunes-link {
	margin:10px;
	max-width: 40%;
}
#appreach-image {
	margin:10px !important;
}
.appreach-powered {
	 display: block !important;
	 padding: .1em .5em .0 0;
	 text-align: right;
}

/*--------------------------------------
  ヨメレバ・カエレバここから
--------------------------------------*/
.cstmreba .kaerebalink-link1 div img,
.cstmreba .booklink-link2 div img {
	display:none !important;
}

.cstmreba .booklink-box,
.cstmreba .kaerebalink-box {
	width: 90%;
	overflow: hidden;
}

.booklink-link2 > *, 
.kaerebalink-link1 > * {
/*  width: 32%;
*/
}

.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a {
	padding: 9px;
	border-radius: 8px;
	box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26);

}
.booklink-link2 > *, 
.kaerebalink-link1 > * {
  width: 32%;
}
.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a {
	font-size: 13px;
	}
@media screen and (max-width: 1200px) and (min-width: 1024px) {
	.booklink-box, .kaerebalink-box {
		display: block;
  }
	.kaerebalink-info,
	.booklink-info {
		text-align: center;
  }
	.booklink-link2 > *, 
	.kaerebalink-link1 > * {
		width: 100%;
	}
.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a {
		font-size: 16px;
	}
}

@media screen and (max-width: 1023px) and (min-width: 835px) {
	.booklink-link2 > *, 
	.kaerebalink-link1 > * {
		  width: 32%;
	}
.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a {
		font-size: 13px;
	}
}

@media screen and (max-width: 834px) {
	.kaerebalink-box,
	.booklink-box {
		display: block;
	}
	.kaerebalink-image,
	.booklink-image {
		float: none !important;
    	margin: 0 auto !important;
	}
	.kaerebalink-info,
	.booklink-info {
		text-align: center;
	}
	.booklink-link2 > *, 
	.kaerebalink-link1 > * {
		  width: 100%;
	}
.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a {
		font-size: 16px;
	}
}

/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border:2px solid #ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;}	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkwowma a { background:#ea5404; border: 2px solid #ea5404;} /* Wowma */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */
.cstmreba .booklink-link2  .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinkebj a { background:#f8485e; border: 2px solid #f8485e;} /* ebookjapan */
.cstmreba .booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a,
.cstmreba .booklink-link2 .shoplinkamazon a {
	background:#333e48;
	border: 2px solid #333e48;
} /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a,
.cstmreba .booklink-link2 .shoplinkrakuten a {
	background: #bf0000;
	border: 2px solid #bf0000;
} /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a,
.cstmreba .booklink-link2 .shoplinkseven a {
	background:#225496;
	border: 2px solid #225496;
} /* 7net */
/****** ボタンカラー ここまで *****/

/***** ボタンデザイン　マウスオーバー時ここから *****/
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover {
	background: #fff;
}

/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; }	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkwowma a:hover { color:#ea5404; } /* Wowma */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinkebj a:hover { color:#f8485e; } /* ebookjapan */
.cstmreba .booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a:hover,
.cstmreba .booklink-link2 .shoplinkamazon a:hover {
	color:#333e48; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a:hover,
.cstmreba .booklink-link2 .shoplinkrakuten a:hover {
	color: #bf0000; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a:hover,
.cstmreba .booklink-link2 .shoplinkseven a:hover {
	color:#225496;} /* 7net */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.cstmreba .booklink-footer {
	clear:both;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}