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

/* 全ての記事変更 */
* {
	font-family: 'Open Sans',Arial,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	/* line-height: 1.8; */ /* 行間 */
	/* font-size:1em ; */ /* フォントサイズ */

}
/* 全てのリンク変更 */
 * a{
	color: #2098a8;
}

/* 本文 */
.cps-post-main p {
    padding-bottom: 0;
    padding-top: 0;
    margin-top: .8em;
    margin-bottom: .8em;
    letter-spacing: 0.05em;
/*     line-height: 1.8em;　*/ /* 行間 */
/*    font-size: 1em; */ /* フォントサイズ */
}

/* ヘッダー（スマホ） */
@media screen and (max-width: 767px) {
  #header-box {
      padding: 0 0 10px;
  }
  
  #site-info img {
    display: none;
  }
  
  #site-info {
      background: url(https://www.captainjack.jp/wp/wp-content/uploads/hatena/20170703232520.jpg);
      background-size: contain;
      background-repeat: no-repeat;
      height: 214px;
      width: 100%;
      max-width: 100% !important;
  }
  
  .sp-menu-open, .sp-menu-close {
    left: 3px;
  }
  
/* スマホメニュー */
  .sp-menu-box {
    z-index: 100;
  }
  
  .sp-menu-open, .sp-menu-close {
    z-index: 101;
  }
}

/* スポンサー */
table.sponsor-line {
  width: 100%;
  margin-bottom: 20px;
  border: none;
}

table.sponsor-line tr,
table.sponsor-line td {
  border: none !important;
}

table.sponsor-line img {
  margin: 0 auto;
}

.sponsor-iijima::before {
  content: "👇";
}

.share {
  margin-top: 0;
}

.my-profile .myintro a {
  color: #2098a8;
}

/* SNSサイズ変更 */
.sns-design-type01 .sns-top li a,
.sns-design-type01 .sns li a {
  height: 45px; /* 高さ */
  font-size: 1.2rem; /* フォントサイズ */
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.sns-design-type01 .sns .line a svg,
.sns-design-type01 .sns-top .line a svg {
  width: 31px !important; /* LINEの文字サイズ */
}

/* スマホのサイドバー非表示 */
@media screen and (max-width: 767px) {
  #sidebar {
    display: none;
  }
}

/*--------------------------------------
  はてなブログ移行
--------------------------------------*/
.entry-content h4{
    color: #3f3f3f;
    padding: 1px 10px;
    border-bottom: 1px dotted #e07000;
}

h3.bottom-heading::before {
    content: none !important;
}

h3.bottom-heading {
    color: #000000;
    font-size:20px;
    background: #f3f3f3;
    border-radius: 5px;
    padding: 15px 15px;
    font-weight: bold;
    margin-top: 40px;
}

.background-gray{
    background: #f0f0f0;
    padding: 10px 20px 10px 20px;
    margin: 5px;
}

.background-pink{
    background: #fdeff2;
    padding: 10px 20px 10px 20px;
    margin: 5px;
    border-radius: 5px;
}

.background-blue{
    background: #EAF6FD;
    padding: 10px 20px 10px 20px;
    margin: 5px;
    border-radius: 5px;
}

.background-red{
    background: #ffdcdc;
    padding: 10px 20px 10px 20px;
    margin: 5px;
    border-radius: 5px;
}

.background-solid{
    border: 1px solid #444444;
    padding: 10px 20px 10px 20px;
    margin: 5px;
    border-radius: 5px;
}

.background-dashed{
    border: 2px dashed #444444;
    padding: 10px 20px 10px 20px;
    margin: 5px;
}

.background-dotted{
    border: 2px dotted #444444;
    padding: 10px 20px 10px 20px;
    margin: 5px;
}

/* フォローボタン */
.follow-btn{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.follow-btn a {
    display: inline-block;
    position: relative;
    width: 20%;
    height: 45px;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    color: #fff !important;;
}
.follow-btn .hatena {
    background-color: #a9a9a9;
    box-shadow: 0 3px 0 #696969;
}
.follow-btn .twitter {
    background-color: #00ACEE;
    box-shadow: 0 3px 0 #0092ca;
}
.follow-btn .facebook {
    background-color: #405BA7;
    box-shadow: 0 3px 0 #2c4373;
}
.follow-btn .feedly {
    background-color: #70CA3B;
    box-shadow: 0 3px 0 #00C300;
}
.follow-btn .line{
    top: 1px;
    background-color: #00C300;
    box-shadow: 0 3px 0 green;
}
.follow-btn a:active{
    top: 3px;
    box-shadow: none;
}
.text-small{font-size: 10px;}

/*****ここから会話のCSS http://georges.hatenablog.jp/entry/blog-custom14*****/
.talk-wrap{
display: block;
clear: both;
margin:0 auto 3px auto;
}
.talk-wrap p{
margin:0;
}
.left-icon{
width: 83px;
height: 83px;
border-radius: 50%;
-webkit-border-radius: 50%;
background: no-repeat;
background-size: 100%;
background-position: center;
float:left;
display:inline-block;
box-shadow: 1px 1px 5px #aaa; /*左のアイコンの影の設定*/
border: 3px solid #fff; /*左のアイコンの枠の設定*/
margin-bottom: 10px;
}
.talk-left{
float:right;
position: relative;
background: #89f274; /*左の会話の背景色*/
border: 0px solid #666;
padding: 3%;
border-radius: 10px;
width: 75%;
margin-top:10px;
box-shadow: 1px 1px 5px #aaa; /*左の会話の影の設定*/
margin-bottom: 10px;
}
.talk-left:before {
content: "";
display: inline-block;
border: 10px solid transparent;
border-right-color: #89f274; /*左の会話の吹き出し枠の色*/
position: absolute;
left: -20px;
top: 25%;
margin-top: -9px;
}
.talk-left:after {
content: "";
display: inline-block;
border: 9px solid transparent;
border-right-color: #89f274; /*左の会話の吹き出し枠の横三角の部分*/
position: absolute;
left: -16px;
top: 25%;
margin-top: -8px;
}
.right-icon{
width: 83px;
height: 83px;
border-radius: 50%;
-webkit-border-radius:50%;
background: no-repeat;
background-size: 100%;
background-position: center;
float:right;
display:inline-block;
box-shadow: 1px 1px 5px #aaa; /*右のアイコンの影の設定*/
border: 3px solid #FFF; /*右のアイコンの枠の設定*/
margin-bottom: 10px;
}
.talk-right{
float:left;
position: relative;
background: #efefed; /*右の会話の背景色*/
border: 0px solid #666;
padding: 3%;
border-radius: 10px;
width: 75%;
margin-top:10px;
box-shadow: 0px 0px 0px #aaa; /*右の会話の影*/
margin-bottom:10px;
}
.talk-right:before {
content: "";
display: inline-block;
border: 10px solid transparent;
border-left-color: #efefed;
position: absolute;
right: -20px;
top: 30%;
margin-top: -9px;
}
.talk-right:after {
content: "";
display: inline-block;
border: 1px solid transparent;
border-left-color: #efefed;
position: absolute;
right: -16px;
top: 30%;
margin-top: -8px;
}
.talk-end{
clear:both;
}
/*****レスポンシブ設定*****/
@media screen and (max-width: 480px){
.left-icon{
width: 80px;
height: 80px;
}
.talk-left{
width: 65%;
}
.right-icon{
width: 80px;
height: 80px;
}
.talk-right{
width: 65%;
}
}
@media screen and (max-width: 380px){
.left-icon{
width: 60px;
height: 60px;
}
.talk-left{
width: 65%;
}
.right-icon{
width: 60px;
height: 60px;
}
.talk-right{
width: 65%;
}
}
/*****ここから会話のCSS http://georges.hatenablog.jp/entry/blog-custom14*****/



/***** 蛍光ペンのCSS http://blog.z0i.net/2016/11/css-highlighter-pen.html *****/
strong{
    font-weight:bold;
}
.marker_yellow{
    background:linear-gradient(to bottom, transparent 70%,#fcfc60 73%);
}
.marker_lime{
    background:linear-gradient(to bottom, transparent 70%,#66FFCC 73%);
}
.marker_water{
    background:linear-gradient(to bottom, transparent 70%,#66ccff 73%);
}
.marker_pink{
    background:linear-gradient(to bottom, transparent 70%, #ffbbdd 73%);
}
/***** 蛍光ペンのCSS http://blog.z0i.net/2016/11/css-highlighter-pen.html *****/


/***** オススメ記事の装飾 http://shiromatakumi.hatenablog.com/entry/2017/01/16/205403 *****/
.entry-content .emphasize-link-awasete {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #df8182;
  background-color: #fffbf5;
}
.entry-content .emphasize-link-awasete p:last-child {
  margin-bottom: 0;
}
.entry-content .emphasize-link-awasete::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 26px;
  content: "あわせて読みたい";
  background-color: #df8182;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.entry-content .emphasize-link-awasete::after {
  position: absolute;
  top: -16px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #df8182;
  border-radius: 14px;
  line-height: 25px;
  text-align: center;
  content: "\f010";
  font-size: 18px;
  font-family: "blogicon";
  color: #fff;
}

.entry-content .emphasize-link-check {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #ee7917;
  background-color: #fffbf5;
}
.entry-content .emphasize-link-check p:last-child {
  margin-bottom: 0;
}
.entry-content .emphasize-link-check::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 26px;
  content: "Check!!";
  background-color: #ee7917;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.entry-content .emphasize-link-check::after {
  position: absolute;
  top: -16px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #ee7917;
  border-radius: 14px;
  line-height: 25px;
  text-align: center;
  content: "\f029";
  font-size: 18px;
  font-family: "blogicon";
  color: #fff;
}

.entry-content .emphasize-link-kanren {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #c62824;
  background-color: #fffafa;
}
.entry-content .emphasize-link-kanren p:last-child {
  margin-bottom: 0;
}
.entry-content .emphasize-link-kanren::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 26px;
  content: "関連記事";
  background-color: #c62824;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.entry-content .emphasize-link-kanren::after {
  position: absolute;
  top: -16px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #c62824;
  border-radius: 14px;
  line-height: 27px;
  text-align: center;
  content: "\f009";
  font-size: 16px;
  font-family: "blogicon";
  color: #fff;
}

/*--------------------------------------
  ヨメレバ・カエレバ（レスポンシブ）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    padding:25px;
    margin-bottom: 10px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}
.booklink-image, .kaerebalink-image{
    margin:0 15px 0 0;
    float:left;
    min-width: 160px;
    text-align: center;
}
.booklink-image img, .kaerebalink-image img{
    margin:0 auto;
    text-align:center;
}
.booklink-info, .kaerebalink-info{
    margin:0;
    line-height:120%;
    overflow: hidden;
}
.booklink-name, .kaerebalink-name{
    margin-bottom:24px;
    line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8px;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
}
.booklink-detail, .kaerebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:30%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    margin:5px 2px 0 0;
    padding:10px 1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
    color: #fff !important;
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{
    position:relative;
    top:1px;
}
/*ボタンを変えるときはここから*/
.shoplinkamazon a{color:#FF9901 !important;border: 1px solid #FF9901 !important;}
.shoplinkrakuten a{color:#c20004 !important;border: 1px solid #c20004 !important;}
.shoplinkkindle a{color:#007dcd !important;border: 1px solid #007dcd !important;}
.shoplinkkakakucom a{color:#314995 !important;border: 1px solid #314995;}
.shoplinkyahoo a{color:#7b0099 !important;border: 1px solid #7b0099 !important;}
/*ここまでを変更*/
.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}

@media screen and (max-width: 680px) {
.booklink-box, .kaerebalink-box{padding:15px;}
.booklink-image, .kaerebalink-image{
    width: 100px !important;
    min-width: initial;
}
.booklink-name > a, .kaerebalink-name > a{
    font-size: 15px;
    font-weight: bold;
}
.booklink-name, .kaerebalink-name{margin-bottom:12px;}
.booklink-powered-date, .kaerebalink-powered-date{margin-top:5px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:calc(100% - 4px);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin: 2px 0px;
    padding:10px 0px;
}
}

/* 引用 */
.cps-post-main blockquote {
  padding-bottom: 2.4em;
}