/*トグル表示ボタン*/
.toggle-wrap .toggle-button {
  display: inline-block;
  cursor: pointer;
margin: 10px 100 ;
  padding: 5px 10px;
  font-weight:800;
  background-color: #fff;
  border: 3px solid #595c5c;
  text-align: center;
  margin-bottom: 1em;
  border-radius: 3px;
}
 
.toggle-wrap .toggle-button:hover {
  border-color: #df8182;
}
 
.toggle-wrap .toggle-content,
.toggle-wrap > input[type="checkbox"] {
  display: none;
  padding: 20px 20px;
    background-color: #fff;
  border-radius: 3px;
}
 
.toggle-wrap > input[type="checkbox"]:checked ~ .toggle-content {
  display: block;
}

/*シアン枠*/

.entry-content .emphasize-link2 {
  position: relative;
  margin: 12px 0 25px;
  padding: 10px 10px;
  border: 2px solid #90dede;
  background-color: #f2fcfc;
   border-radius: 2px;
}
.entry-content .emphasize-link2 p:last-child {
  margin-bottom: 0;
}

/*ポイント*/

.entry-content .emphasize-link {
  position: relative;
  margin: 36px 0 25px;
  padding: 18px 16px;
  border: 2px solid #df8182;
  background-color: #fff5f5;
   border-radius: 2px;
}
.entry-content .emphasize-link p:last-child {
  margin-bottom: 0;
}
.entry-content .emphasize-link::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 12px;
  content: "ポイント";
  background-color: #df8182;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

/*新ページリンクマーク非表示*/
#container .entry-content a[target="_blank"]:after {
    content: none;
}

/* 関連記事(リンクカード)の投稿日非表示 */
.entry-content .related_article .date {
display:none;
}

/* ページタイトル下のSNSシェアボタンを非表示 */
.share.short {
display: none;
}

/* 固定ページのタイトルを非表示 */
.page .entry-title {
display: none;
}

/*** 「次の投稿」「前の投稿」を非表示 ***/
.nav-links {
display: none;
}

/* 見出し装飾 */
.entry-content h2 {
  color: #fff !important;
　border: 4px double #ddd;
  background-color: #515151 !important;
  border-radius: 3px;
  padding: 8px 12px 8px 12px ;
  margin: 20px 0px 20px;
  margin-top: 0px;
}

/* 見出し装飾 */

.entry-content h3 {
  
  border-left: 0px solid #515151 !important;
  padding: 8px 12px 8px 12px ;
  margin: 20px 0px 20px;
}

h3 {

padding: 0.5em;/*文字周りの余白*/
background: #cccccc;/*背景色*/
border-left: solid 5px #d5edef;/*左線（実線 太さ 色）*/
}

/* こちらの記事もよく読まれてます！ */
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 1px #000000;
    border-radius: 4px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    background: #FFF;
    color: #000000;
    font-weight: normal;
}
.box26 p {
    margin: 0; 
    padding: 0;
}


/*--------------------------------------
  ヨメレバ・カエレバ（PC）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    padding:25px;
    margin-bottom: 10px;
    border:solid 1px #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 only screen and (max-width: 480px) {

/*--------------------------------------
  ヨメレバ・カエレバ（スマホ）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    padding:15px;
    margin-bottom: 10px;
    border:solid 1px #CCC;
    overflow: hidden;
    font-size:small;
}
.booklink-image, .kaerebalink-image{
    margin:0 15px 0 0;
    float:left;
    width: 100px;
}
.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 > a, .kaerebalink-name > a{
    font-size: 15px;
    font-weight: bold;
}
.booklink-name, .kaerebalink-name{
    margin-bottom:12px;
    line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:10px;
     margin-top:5px;
     font-family:verdana;
     line-height:120%;
}
.booklink-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:calc(100% - 4px);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    margin: 2px 0px;
    padding:10px 0px;
    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;}
.booklink-footer{clear:left;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}

}

/* ==========================================================================
あわせて読みたい
========================================================================== */
/*---relation---*/
.entry-content .margin-clear {
	margin: 0;
}

.entry-content .relation-head {
	display: inline-block;
	padding: 5px 10px 2px;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
	background-color: #df8182;
	color: #ffffff;
	border-radius: 4px 4px 0 0;
}

.entry-content .relation-link {
	display: block;
	height: auto;
  	color: #1aa4ce;
	text-decoration: underline;
	border: solid 2px #df8182;
	background-color: rgba(0,0,0,0);
	border-radius: 0 4px 4px 4px;
	padding: 20px;
	margin: 0 auto 20px;
	font-size: 18px;
}
.entry-content .relation-link:before {
	content: "\f0a9";
	padding-right: 10px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	animation: horizontal 3s ease infinite;
	-webkit-animation: horizontal 3s ease infinite;
}

/* ==========================================================================
アプリーチ枠追加
========================================================================== */


.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;
}
/* コメント欄を非表示 */
.comments-area {
  display: none;
}

/* 前後記事リンクを非表示 */
.nav-links, .post-navigation {
  display: none;
}

/* タグを非表示 */
.article-tags, .entry-tag {
  display: none;
}