/*
Template: jstork
Theme Name: stork_custom
Theme URI:http://open-cage.com/stork/
*/

/*--2018年08月27日_リストの行間--*/
.entry-content ul li,
.entry-content ol li {
    margin: 0.4em 0;
}

/*--2018年07月20日_あわせて読みたい　複数リンク対応カスタマイズ--*/
.emphasize-link {
position: relative;
margin: 36px 0 16px;
padding: 16px 10px;
border: 2px solid #df8182;
background-color: #fffbf5;
}
.emphasize-link p:last-child {
margin-bottom: 0;
}
.emphasize-link::before {
position: absolute;
bottom: 100%;
left: -2px;
padding: 2px 6px;
content: "あわせて読みたい";
background-color: #df8182;
color: #fff;
font-weight: bold;
}

/*--2018年07月06日_アプリーチカスタム--*/
/*--枠--*/
.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;
}


/*--2017年07月02日_アプリーチカスタム--*/
/*--枠--*/
#appreach-box {
  max-width: 500px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 4px 6px;
  border-radius: 4px;
  line-height: 1.4;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06);
}

#appreach-box br {
  display: none;
}

#appreach-image {
  margin-right: 15px !important;
  margin-bottom: 0 !important;
}

#appreach-appname {
  color: #3a3a3a;
  font-size: 1.35em;
  font-weight: bold;
}

#appreach-developer, #appreach-price, .appreach-powered {
  color: #888;
  font-size: 11px !important;
}

#appreach-box .appreach-links {
  margin-top: 10px;
}

#appreach-itunes-link {
  margin-right: 10px;
}

#appreach-box .appreach-links img:hover {
  opacity: 0.8;
}

/*--アプリーチ表記(非表示に)--*/
.appreach-powered {
  visibility:hidden !important;
}

/*--2016年11月10日_見出しカスタム--*/
.entry-content h3{
background:#f0f0f0;
}

.entry-content h4{
border-bottom: 3px solid #f0f0f0;
padding: 0.1em 0;
}

/*--2016年10月21日_カエレバボタン--*/

/*--外枠--*/
.tomarebalink-box, .booklink-box, .kaerebalink-box{
  margin: 16px auto;
  padding: 5%;
  width: 85%;
  overflow: hidden;
  border: solid 1px #ccc;
  font-size: 90%;
}

/*--画像周り--*/
.tomarebalink-image, .booklink-image, .kaerebalink-image {
  margin: 0 0 16px 0;
  display: block;
}
 
.tomarebalink-image img, .booklink-image img, .kaerebalink-image img {
  margin: 0 auto;
  display: block;
  text-align: center;
}

/*--商品名などの情報--*/
.tomarebalink-info, .booklink-info, .kaerebalink-info {
  overflow: hidden;
  line-height: 120%;
  text-align: left;
}

.tomarebalink-name, .booklink-name, .kaerebalink-name {
  margin-bottom: 16px;
  padding: 0px 4px 0px 4px;
  font-size: 100%;
  line-height: 120%;
}
 
.tomarebalink-powered-date, .booklink-powered-date, .kaerebalink-powered-date {
  margin-top: 16px;
  padding: 0px 4px 0px 4px;
  font-family: verdana;
  font-size: 8pt;
  line-height: 120%;
  text-align: right;
}

/*--商品のメーカーなど(非表示に)--*/
.booklink-detail, .kaerebalink-detail {
  display: none;
}
 
.tomarebalink-link1, .booklink-link2, .kaerebalink-link1 {
  margin-top: 16px;
}

/*--各ショップへのボタン--*/
.tomarebalink-box div.shoplinkrakuten a,
.tomarebalink-box div.shoplinkjalan a,
.tomarebalink-box div.shoplinkjtb a,
.tomarebalink-box div.shoplinkknt a,
.tomarebalink-box div.shoplinkikyu a,
.tomarebalink-box div.shoplinkrurubu a,
.tomarebalink-box div.shoplinkyahoo a,
.kaerebalink-box div.shoplinkamazon a,
.kaerebalink-box div.shoplinkrakuten a,
.kaerebalink-box div.shoplinkyahoo a,
.kaerebalink-box div.shoplinkseven a,
.booklink-box div.shoplinkamazon a,
.booklink-box div.shoplinkrakuten a,
.booklink-box div.shoplinkseven a,
.booklink-box div.shoplinkbk1 a,
.booklink-box div.shoplinkehon a,
.booklink-box div.shoplinkkino a {
  margin: 4px auto 0px auto;
  padding: 4px;
  display: block;
  width:90%;
  border-top: solid 1px #dadada;
  border-right: solid 1px #c7c8c8;
  border-bottom: solid 1px #949494;
  border-left: solid 1px #c7c8c8;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #bcbcbc;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .98), rgba(255, 255, 255, .3) 95%, rgba(255, 255, 255, .98) 100%);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .98), rgba(255, 255, 255, .3) 95%, rgba(255, 255, 255, .98) 100%);
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .6), 0 -0.5px 0 rgba(1, 1, 1, .6);
}

/*--各ショップボタンの上に乗せた時の反応--*/
.tomarebalink-box div.shoplinkrakuten a:hover,
.tomarebalink-box div.shoplinkjalan a:hover,
.tomarebalink-box div.shoplinkjtb a:hover,
.tomarebalink-box div.shoplinkknt a:hover,
.tomarebalink-box div.shoplinkikyu a:hover,
.tomarebalink-box div.shoplinkrurubu a:hover,
.tomarebalink-box div.shoplinkyahoo a:hover,
.kaerebalink-box div.shoplinkamazon a:hover,
.kaerebalink-box div.shoplinkrakuten a:hover,
.kaerebalink-box div.shoplinkyahoo a:hover,
.kaerebalink-box div.shoplinkseven a:hover,
.booklink-box div.shoplinkamazon a:hover,
.booklink-box div.shoplinkrakuten a:hover,
.booklink-box div.shoplinkseven a:hover,
.booklink-box div.shoplinkbk1 a:hover,
.booklink-box div.shoplinkehon a:hover,
.booklink-box div.shoplinkkino a:hover {
  border-top: solid 1px #b4b4b4;
  border-right: solid 1px #a0a2a2;
  border-bottom: solid 1px #6e6e6e;
  border-left: solid 1px #a0a2a2;
  box-shadow: 0 1px 1px rgba(148,148,148,1);
}

/*--各ショップボタンを押した時の反応--*/
.tomarebalink-box div.shoplinkrakuten a:active,
.tomarebalink-box div.shoplinkjalan a:active,
.tomarebalink-box div.shoplinkjtb a:active,
.tomarebalink-box div.shoplinkknt a:active,
.tomarebalink-box div.shoplinkikyu a:active,
.tomarebalink-box div.shoplinkrurubu a:active,
.tomarebalink-box div.shoplinkyahoo a:active,
.kaerebalink-box div.shoplinkamazon a:active,
.kaerebalink-box div.shoplinkrakuten a:active,
.kaerebalink-box div.shoplinkyahoo a:active,
.kaerebalink-box div.shoplinkseven a:active,
.booklink-box div.shoplinkamazon a:active,
.booklink-box div.shoplinkrakuten a:active,
.booklink-box div.shoplinkseven a:active,
.booklink-box div.shoplinkbk1 a:active,
.booklink-box div.shoplinkehon a:active,
.booklink-box div.shoplinkkino a:active {
  position: relative;
  top: 1px;
  border-top: solid 1px #666;
  border-right: solid 1px #999;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #999;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.3);
  background-color: #bcbcbc;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3) 95%, rgba(255, 255, 255, .3) 100%);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3) 95%, rgba(255, 255, 255, .0) 100%);
}

/*--カエレバ各ショップボタンの文字色--*/
.kaerebalink-box div.shoplinkamazon a {
  color: #000000;
  font-size: 14px;
  text-decoration: none;
}
 
.kaerebalink-box div.shoplinkrakuten a {
  color: #bf0000;
  font-size: 14px;
  text-decoration: none;
}

.kaerebalink-box div.shoplinkyahoo a {
  color: #ff9000;
  font-size: 14px;
  text-decoration: none;
}

.kaerebalink-box div.shoplinkyahoo img {
  position:absolute;
  top:1px; left:1px 
}
 
.kaerebalink-box div.shoplinkseven a {
  color: #0d68a2;
  font-size: 14px;
  text-decoration: none;
}

.kaerebalink-box div.shoplinkseven img {
  position:absolute;
  top:1px; left:1px 
}

/*--ヨメレバ各ショップボタンの文字色--*/
.booklink-box div.shoplinkamazon a {
  color: #000000;
  font-size: 14px;
  text-decoration: none;
}
 
.booklink-box div.shoplinkrakuten a {
  color: #bf0000;
  font-size: 14px;
  text-decoration: none;
}

.booklink-box div.shoplinkseven a {
  color: #0d68a2;
  font-size: 14px;
  text-decoration: none;
}

.booklink-box div.shoplinkseven img {
  position:absolute;
  top:1px; left:1px 
}

.booklink-box div.shoplinkbk1 a {
  color: #0085cd;
  font-size: 14px;
  text-decoration: none;
}

.booklink-box div.shoplinkbk1 img {
  position:absolute;
  top:1px; left:1px 
}
 
.booklink-box div.shoplinkehon a {
  color: #000066;
  font-size: 14px;
  text-decoration: none;
}

.booklink-box div.shoplinkehon img {
  position:absolute;
  top:1px; left:1px 
}

.booklink-box div.shoplinkkino a {
  color: #004097;
  font-size: 14px;
  text-decoration: none;
}

.booklink-box div.shoplinkkino img {
  position:absolute;
  top:1px; left:1px 
}
 
.booklink-footer{
  clear:left;
}

/*--トマレバ各ショップボタンの文字色--*/
.tomarebalink-box div.shoplinkrakuten a {
  color: #bf0000;
  font-size: 14px;
  text-decoration: none;
}
 
.tomarebalink-box div.shoplinkjalan a {
  color: #ff5b27;
  font-size: 14px;
  text-decoration: none;
}

.tomarebalink-box div.shoplinkjalan img {
  position:absolute;
  top:1px; left:1px 
}

.tomarebalink-box div.shoplinkjtb a {
  color: #922A3E;
  font-size: 14px;
  text-decoration: none;
}

.tomarebalink-box div.shoplinkjtb img {
  position:absolute;
  top:1px; left:1px 
}

.tomarebalink-box div.shoplinkknt a {
  color: #00519a;
  font-size: 14px;
  text-decoration: none;
}

.tomarebalink-box div.shoplinkknt img {
  position:absolute;
  top:1px; left:1px 
}
 
.tomarebalink-box div.shoplinkikyu a {
  color: #c19129;
  font-size: 14px;
  text-decoration: none;
}

.tomarebalink-box div.shoplinkikyu img {
  position:absolute;
  top:1px; left:1px 
}

.tomarebalink-box div.shoplinkrurubu a {
  color: #001863;
  font-size: 14px;
  text-decoration: none;
}

.tomarebalink-box div.shoplinkrurubu img {
  position:absolute;
  top:1px; left:1px 
}

.tomarebalink-box div.shoplinkyahoo a {
  color: #ff9000;
  font-size: 14px;
  text-decoration: none;
}

.tomarebalink-box div.shoplinkyahoo img {
  position:absolute;
  top:1px; left:1px 
}
 
.booklink-footer{
  clear:left;
}

/*--2016年10月21日_メディアクエリ--*/
@media only screen and (min-width: 1081px){
  .tomarebalink-box, .booklink-box, .kaerebalink-box{
      padding: 32px;
  }
  .tomarebalink-image, .booklink-image, .kaerebalink-image {
    width:220px;
    margin: 0 32px 0 0;
    float: left;
  }
  .tomarebalink-info, .booklink-info, .kaerebalink-info {
    margin: 0;
    text-align: left;
  }
  .tomarebalink-link1, .booklink-link2, .kaerebalink-link1 {
    margin-top: 32px;
  }	
  .tomarebalink-box div.shoplinkrakuten a,
  .tomarebalink-box div.shoplinkjalan a,
  .tomarebalink-box div.shoplinkjtb a,
  .tomarebalink-box div.shoplinkknt a,
  .tomarebalink-box div.shoplinkikyu a,
  .tomarebalink-box div.shoplinkrurubu a,
  .tomarebalink-box div.shoplinkyahoo a,
  .kaerebalink-box div.shoplinkamazon a,
  .kaerebalink-box div.shoplinkrakuten a,
  .kaerebalink-box div.shoplinkyahoo a,
  .kaerebalink-box div.shoplinkseven a,
  .booklink-box div.shoplinkamazon a,
  .booklink-box div.shoplinkrakuten a,
  .booklink-box div.shoplinkseven a,
  .booklink-box div.shoplinkbk1 a,
  .booklink-box div.shoplinkehon a,
  .booklink-box div.shoplinkkino a {
    float: left;/*--回り込み設定--*/
    margin: 4px 4px 0 0;
    width: 48%;
  }
}

/************************************
** ブログカードのスタイル
************************************/
.blog-card{
  padding:12px;
  margin:10px 0;
  border:1px solid #ddd;
  word-wrap:break-word;
  max-width:100%;
  width:474px;
  border-radius:5px;
}
 
.blog-card-thumbnail{
  float:left;
}
 
.blog-card-content{
  margin-left:110px;
  line-height:120%;
}
.blog-card-title{
  margin-bottom:5px;
}
 
.blog-card-title a{
  font-weight:bold;
  text-decoration:none;
  color:#111;
}
 
.blog-card-excerpt{
  color:#333;
  font-size:90%;
}
 
.blog-card-footer{
  font-size:70%;
  color:#777;
  margin-top:5px;
}
 
.clear{
  clear:both;
}