/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/

.kaerebalink-image a+img {height:1px;}
.booklink-image a+img {height:1px;}
.reccomend_wrap {margin:0 auto -5px; font-size:13px; display:table;}

/* アプリーチ */
.appreach {margin:0 0 2rem; text-align: left; padding: 10px; border: 1px solid #CCC; overflow: hidden; }
.appreach:after { content: ""; display: block; clear: both; }
.appreach p { margin:0; padding: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; }

/* ==========================================================================
トマレバ
========================================================================== */
.tomarebalink-box {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 1px #ddd;
  padding: 15px;
  overflow: hidden; /* float解除用 */
  margin-bottom: 20px;
}
.tomarebalink-image {
  margin-right: 18px;
  float:left;
}
.tomarebalink-image img {
  box-shadow: 0 0 1px 1px #ccc;
}
.tomarebalink-info {
  font-size: 14px;
  margin: 0;
  overflow: hidden;
}
.tomarebalink-name {
  font-size: 18px;
  margin-top: 2px;
}

.tomarebalink-name p {padding:0;}

.tomarebalink-detail {
  margin-top: 5px;
}
.tomarebalink-powered-date {
  font-size: 12px;
  margin-top: 5px;
}
.tomarebalink-link1 {width:100%; display:table;
  font-size: 16px;
}
.tomarebalink-link1 img {display:none;}
.tomarebalink-link1 .shoplinkrakuten, .tomarebalink-link1 .shoplinkjalan, .tomarebalink-link1 .shoplinkjalan, .tomarebalink-link1 .shoplinkyahoo {margin-right:8px!important;
  float: left;
  text-align: center;
  padding: 5px 0;
  border-radius: 8px;
}
.tomarebalink-link1 .shoplinkrakuten a{padding:12px!important;
  background: #FF0040!important; display:block; font-size:0.8rem!important; text-decoration: none;
}
.tomarebalink-link1 .shoplinkjalan a{padding:12px!important;
  background: #FF8C00!important; display:block; font-size:0.8rem!important; text-decoration: none; color:#fff;
}
.tomarebalink-link1 .shoplinkjalan a{padding:12px!important;
  background: #565656!important; display:block; font-size:0.8rem!important; text-decoration: none;
}
.tomarebalink-link1 .shoplinkyahoo a{padding:12px!important;
  background: #0000FF!important; display:block; font-size:0.8rem!important; text-decoration: none;
}
.tomarebalink-link1 .shoplinkrakuten, .tomarebalink-link1 .shoplinkjalan, .tomarebalink-link1 .shoplinkyahoo {
  text-decoration: none;
  display: block;
}
/*.tomarebalink-link1 .shoplinkamazon a:hover, .tomarebalink-link1 .shoplinkrakuten a:hover, .tomarebalink-link1 .shoplinkkindle a:hover {
  opacity: 0.7;
  background: -moz-linear-gradient(top,#FFF 80%,#EEE);
}*/

/* 記事中サンプル */
.sample_triangle01 {width:0; height:0; margin:0 0 2em!important; border-width:10px; border-style:solid; border-color:#00F #F90 #0C0 #F00;}
.sample_triangle02 {width:0; height:0; border-width:10px; border-style:solid; border-color:#00F transparent transparent;}
.sample_triangle03 {margin:0 0 20px; position:relative; display:table;}
.sample_triangle03 a {padding:10px; border-radius:8px; background:#00F; color:#fff; text-decoration:none;}
.sample_triangle03 a:after {width:0; height:0; content:""; border-width:8px; border-style:solid; border-color:#00F transparent transparent; position:absolute; bottom:-22px; left:50%;}
.sample_triangle03 a:hover {opacity:0.5;}
.sample_triangle04 {margin:0 0 15px; padding:10px; border:solid 1px #999; border-radius:8px; text-decoration:none; position:relative; display:table;}
.sample_triangle04:before {width:0; height:0; content:""; border-width:8px; border-style:solid; border-color:#fff transparent transparent; position:absolute; bottom:-12px; left:50%; z-index:100;}
.sample_triangle04:after {width:0; height:0; content:""; border-width:8px; border-style:solid; border-color:#999 transparent transparent; position:absolute; bottom:-15px; left:50%;}
.sample_triangle05 {margin:0 0 10px; padding:0 0 0 15px; position:relative;}
.sample_triangle05:before {width:6px; height:6px; content:""; border-width:2px 2px 0 0; border-style:solid; border-color:#f00 #00f transparent transparent; position:absolute; bottom:9px; left:0px; transform: rotate(45deg);}
.date_20173031 {display:flex; align-items:center; text-align:center;}
.date_20173031:before {margin-right:5px; border-top:1px solid #ccc; content:""; flex-grow:1;}
.date_20173031:after {margin-left:5px; border-top:1px solid #ccc; content:""; flex-grow:1;}
.date_20173031_right {display:flex; align-items:center;}
.date_20173031_right:after {margin-left:5px; border-top:1px solid #ccc; content:""; flex-grow:1;}

/* Preタグ装飾 */
pre {margin:0 0 2em; padding: 0.99em; font-family: "Courier New",Courier,monospace; font-size: 1em; color: #007000; background-color: #fafafa; border: solid 1px #bbbbbb; line-height: 120%; overflow-x: auto; overflow-y: auto; /* Mozilla */white-space: -moz-pre-wrap; /* Opera 4-6 */white-space: -pre-wrap; /* Opera 7 */white-space: -o-pre-wrap; /* CSS3 */white-space: pre-wrap!important; /* IE 5.5+ */word-wrap: break-word;}


@media (max-width: 767px) {

/* 記事中サンプル */
.sample_triangle01 {width:0; height:0; border-width:10px; border-style:solid; border-color:#00F #F90 #0C0 #F00;}
.sample_triangle02 {width:0; height:0; border-width:10px; border-style:solid; border-color:#00F transparent transparent;}
.sample_triangle03 {margin:0 0 20px; position:relative; display:table;}
.sample_triangle03 a {padding:10px; border-radius:8px; background:#00F; color:#fff; text-decoration:none;}
.sample_triangle03 a:after {width:0; height:0; content:""; border-width:8px; border-style:solid; border-color:#00F transparent transparent; position:absolute; bottom:-22px; left:50%;}
.sample_triangle03 a:hover {opacity:0.5;}
.sample_triangle04 {margin:0 0 15px; padding:10px; border:solid 1px #999; border-radius:8px; text-decoration:none; position:relative; display:table;}
.sample_triangle04:before {width:0; height:0; content:""; border-width:8px; border-style:solid; border-color:#fff transparent transparent; position:absolute; bottom:-12px; left:50%; z-index:100;}
.sample_triangle04:after {width:0; height:0; content:""; border-width:8px; border-style:solid; border-color:#999 transparent transparent; position:absolute; bottom:-15px; left:50%;}
.sample_triangle05 {margin:0 0 10px; padding:0 0 0 15px; position:relative;}
.sample_triangle05:before {width:6px; height:6px; content:""; border-width:2px 2px 0 0; border-style:solid; border-color:#f00 #00f transparent transparent; position:absolute; bottom:9px; left:0px; transform: rotate(45deg);}

}

/* ===========================================
	smartPhone
   =========================================== */
@media screen and (max-width: 640px) {
.my-profile {display:none;}

.tomarebalink-link1 .shoplinkrakuten, .tomarebalink-link1 .shoplinkjalan, .tomarebalink-link1 .shoplinkjalan, .tomarebalink-link1 .shoplinkyahoo {width:100%; margin:5px 0 0!important; padding:0; text-align:center; border-radius:8px;}

.bottom_button_item {width:100%; position:fixed; bottom:-6px; animation: fixNavFadeIn .3s linear 0s 1 forwards; display:none;}

.profile-card {display:none;}
}

/************************************
** トップページカスタマイズ
************************************/
.home .cps-post-main{
  padding-top:0;
}
.home .top-wrap{
  display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content:space-between;
  -ms-flex-wrap: wrap;
  flex-wrap:wrap;
  margin-bottom:1rem;
}
.home .top-wrap .blog-card-hl-box{
  display:none;
}
.home .top-wrap .blog-card{
  border:none;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  background:#fff;
  padding:0 !important;
  margin:1rem 0 !important;
  flex-basis:48%;
}
.home .top-wrap .blog-card:hover{
  transform: translateY(-3px);
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08);
  opacity:1 !important;
}
.home .top-wrap .blog-card:hover .blog-card-thumbnail img{
  transform:none;
}
.home .top-wrap .blog-card-box{
  display:block;
}
.home .top-wrap .blog-card-content{
  flex:unset;
}
.home .top-wrap .blog-card-thumbnail {
  margin: 0 !important;
  flex: unset;
  overflow: visible;
}
.home .blog-card-title{
  padding:1rem;
}
.home .blog-card-excerpt{
  display:none;
}
.home h1.cps-post-title{
  display:none;
}
.home .cps-post-main-box h2:first-of-type{
  margin-top:0 !important;
}
.home .share-top,.home .share{
  display:none;
}
/*(スマホ)480px以下*/
@media screen and (max-width: 480px){
  .home .top-wrap{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction:column;
  }
  .home .top-2{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
}