/* ************************************* */
/* カエレバ、ヨメレバ、トマレバ */
/* ************************************* */
/* 基本style */
.kaerebalink-box,
.booklink-box,
.tomarebalink-box{
border: 3px double #ccc;
padding: 3%;
margin: 1em 0 2.5em;
overflow: hidden;
font-size: small;
}
.kaerebalink-box a,
.booklink-box a,
.tomarebalink-box a{
text-decoration: none;
color: initial;
}
.kaerebalink-box a[target="_blank"]::after,
.booklink-box a[target="_blank"]::after,
.tomarebalink-box a[target="_blank"]::after{
content: none;
}
.kaerebalink-image,
.booklink-image,
.tomarebalink-image{
max-width: 150px;
text-align: center;
margin: 10px auto!important;
float: none!important;
}
.kaerebalink-name,
.booklink-name,
.tomarebalink-name{
font-weight: bold;
font-size: 120%;
line-height: 1.8!important;
margin-bottom: 10px!important;
}
.kaerebalink-name p:empty,
.booklink-name p:empty,
.tomarebalink-name p:empty{
display: none;
}
.kaerebalink-powered-date,
.booklink-powered-date,
.tomarebalink-powered-date,
.kaerebalink-detail,
.booklink-detail,
.tomarebalink-address{
font-size: 10px!important;
font-weight: normal;
}
.kaerebalink-link1,
.booklink-link2,
.tomarebalink-link1{
overflow: hidden;
}
.kaerebalink-link1 div,
.booklink-link2 div,
.tomarebalink-link1 div{
background-image: none!important;
margin: 0!important;
padding: 3px!important;
display: inline-block!important;
width: 48.5%;
}
.kaerebalink-link1 div a,
.booklink-link2 div a,
.tomarebalink-link1 div a{
border-width: 2px;
border-style: solid;
font-size: 90%;
font-weight: bold;
border-radius: 5px;
padding: 0.7em 0.3em;
width: 100%;
text-align: center;
display: block;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.kaerebalink-link1 div a:hover,
.booklink-link2 div a:hover,
.tomarebalink-link1 div a:hover{
color: #fff;
box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.15);
transform:translate(-1px, -2px);
}
.kaerebalink-link1 div a:active,
.booklink-link2 div a:active,
.tomarebalink-link1 div a:active{
transform:translate(0, 1px);
}
.kaerebalink-link1 div img,
.booklink-link2 div img,
.tomarebalink-link1 div img{
display: none;
}

/* 画面幅768px以上の場合のstyle */
@media only screen and (min-width: 768px) {
.kaerebalink-image,
.booklink-image,
.tomarebalink-image{
float: left!important;
margin: 0 1.5em 0.5em 0!important;
}
.kaerebalink-link1 div,
.booklink-link2 div,
.tomarebalink-link1 div{
width: 11em;
}
}


/* ▼ボタンカラーここから▼ */
.shoplinkamazon a{
color: #e89713;
}
.shoplinkrakuten a{
color: #d91414;
}
.shoplinkyahoo a{
color: #691ed5;
}
.shoplinkjalan a{
color: #ed5016;
}
.shoplinkjtb a{
color: #e10b0b;
}
.shoplinkknt a{
color: #0f75c2;
}
.shoplinkikyu a{
color: #18b412;
}
.shoplinkrurubu a{
color: #0f32a3;
}
.shoplinkamazon a:hover{
background-color: #e89713;
border-color: #e89713;
}
.shoplinkrakuten a:hover{
background-color: #d91414;
border-color: #d91414;
}
.shoplinkyahoo a:hover{
background-color: #691ed5;
border-color: #691ed5;
}
.shoplinkjalan a:hover{
background-color: #ed5016;
border-color: #ed5016;
}
.shoplinkjtb a:hover{
background-color: #e10b0b;
border-color: #e10b0b;
}
.shoplinkknt a:hover{
background-color: #0f75c2;
border-color: #0f75c2;
}
.shoplinkikyu a:hover{
background-color: #18b412;
border-color: #18b412;
}
.shoplinkrurubu a:hover{
background-color: #0f32a3;
border-color: #0f32a3;
}
/* ▲ボタンカラーここまで▲ */

/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

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

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

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {

	/*基本のフォントサイズ*/
	p, /* テキスト */
	.st-kaiwa-hukidashi, /* ふきだし */
	.yellowbox, /* 黄色ボックス */
	.graybox, /* グレーボックス */
	.redbox, /* 薄赤ボックス */
	.post ul li, /* ulリスト */
	.post ol li, /* olリスト */
	.post h5, /* H5 */
	.post h6, /* H6 */
	.post table tr td,
	table tr td /* テーブル */
	 {
		font-size: 16px;
		line-height: 25px;
	}

/*-- ここまで --*/
}

/*media Queries スマホサイズ（600px以下）
----------------------------------------------------*/
@media only screen and (max-width: 959px) {
	
	/*基本のフォントサイズ*/
	p, /* テキスト */
	.st-kaiwa-hukidashi, /* ふきだし */
	.yellowbox, /* 黄色ボックス */
	.graybox, /* グレーボックス */
	.redbox, /* 薄赤ボックス */
	.post ul li, /* ulリスト */
	.post ol li, /* olリスト */
	.post h5, /* H5 */
	.post h6 /* H6 */
	 {
		font-size: 15px;
		line-height: 24px;
	}
/*-- ここまで --*/
}

/* 関連記事グリッド表示 スマホ */
aside .kanren { padding-top: 0px;}
.random{padding:0px;margin:0px;}
.random ul{padding:0px;margin:0px;display:inline-block;}
.random li{float:left;position:relative;list-style:none;}
.random li:last-child{margin-right:0px;}

@media only screen and (min-width: 300px) and (max-width:399px){
/* 関連記事グリッド表示 スマホ */
.random span{background:rgba(0,0,0,0.6);color:#fff;font-size:11px;padding:5px;position:absolute;left:0;bottom:0;line-height:normal;width:130px;}
.random li img{width:140px;height:auto;border:0px;}
}

@media only screen and (min-width: 400px) and (max-width:499px){
/* 関連記事グリッド表示 スマホ */
.random span{background:rgba(0,0,0,0.6);color:#fff;font-size:11px;padding:5px;position:absolute;left:0;bottom:0;line-height:normal;width:167px;}
.random li img{width:187px;height:auto;border:0px;}
}

@media only screen and (min-width: 600px) {
/* 関連記事グリッド表示 */
.random span{background:rgba(0,0,0,0.6);color:#fff;font-size:11px;padding:5px;position:absolute;left:0;bottom:0;line-height:normal;width:160px;}
.random li img{width:170px;height:auto;border:0px;}
}

@media only screen and (max-width: 960x) {
/* 関連記事グリッド表示 */
.random span{background:rgba(0,0,0,0.6);color:#fff;font-size:11px;padding:5px;position:absolute;left:0;bottom:0;line-height:normal;width:160px;}
.random li img{width:170px;height:auto;border:0px;}
}

@media print, screen and (min-width: 960px) {
/* 関連記事グリッド表示 */
.random span{background:rgba(0,0,0,0.6);color:#fff;font-size:11px;padding:5px;position:absolute;left:0;bottom:0;line-height:normal;width:145px;}
.random li img{width:155px;height:auto;border:0px;}
}

.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;
}

@media screen and (max-width: 500px){
     .adsbygoogle {
         overflow: visible;
     }
}

.margin40 p {
	margin: 40px 0px;
}