@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

body {
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#222222 !important;
}

p{
 margin-left:10px;
}

/* 見出し */

.article h1 {
 color: #555555;
 font-weight: 600;
 font-size: 1.8rem;
 line-height: 1.3
}

.article h2 {
 border: none;
 font-size: 1.6rem;
 font-weight: 600;
 color: #555555;/* 青色の#2da0ffもあとで検討せよ */
 padding: 0px 0px 5px 10px;/* 4つめは、横線と1文字めの左スペース */
 margin-bottom: 30px;/* 青い横線と本文とのスペース */
 border-bottom: 3px solid #2aa8fc;
/* width: 672px;罫線を短くできるが、スマホで閲覧したとき、おかしくなる */
 max-width: 100%;
}

.article h3{
 position:relative;
 padding:9px;
 padding-left:13px;/* 縦の青線と、その横にある文字のスペース */
 font-size: 1.3rem;
 font-weight: 600;
 color: #555555;
 border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-bottom: 0px;
}

.article h3:before{
 content:''; 
 height:25px; 
 width:2px; 
 display:block; 
 position:absolute;
 top:9px;  
 left:2px;/* 縦の青線の位置 */
 background-color:#2aa8fc; 
 border-left: 3px solid #2aa8fc;
 border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
}

.article h4{
 font-size: 1.1rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 15px;
 border-bottom: none !important;
 border-left: 2px solid #10ABA6;
 color: #000;
 margin:35px 5px 20px;
}

/* サイドバーの見出し */

#sidebar h3{
 color: #555555;
 border-bottom: 2px solid #2aa8fc;
 padding: 0px 10px 3px 7px;
}

/* キーワード */

span.keyword{
 color: #444444;
 font-weight: 600;
}

/* メインとサイドバーの枠線を消す */

#main,#sidebar{
 border:none !important;
}

/* 記事一覧の「一覧」の部分 */

#archive-title{
  color:#555555;
  padding-bottom:20px;
  font-size:24px;
}

#page-top{
  position:fixed;
  display:none;
  right: 10px;
  bottom: 10px;
}

/* 記事一覧の見出しの部分 */

.entry h2 a{
  color:#555555;
  font-size:24px;
  text-decoration:none;
  font-weight:700;
}

/* 日付の背景色 */

.post-meta{
  background-color: #FFF !important;
  font-size: 13px;
}

/* 記事間に線を引く */

#main .entry {
 border-bottom: 1px solid #F0F0F0;
 padding-bottom: 15px;
}

/* トップへ戻る（画面右下のボタン） */

#page-top a{
  color:#fff;
  padding:5px;
  text-decoration:none;
  display:block;
  cursor:pointer;
  text-align:center;
  background-color: #2aa8fc;
  line-height:100%;
  border-radius: 7px;
  font-size:15px;
}

/* サイトタイトル */ 

#site-title a{
 font-weight: 600;
}

/* サイト概要（キャッチコピー） */ 

#site-description{
 line-height: 1.8;
}

/* カーソルを重ねたとき、人気記事の画像を半透明に */

.wpp-list img:hover{
opacity: 0.7;
}

/* カーソルを重ねたとき、ブログカードの画像を半透明に */

.blog-card-thumbnail img:hover{
opacity: 0.7;
}

/* ブログカードの記事名の部分 */
.blog-card-content a{
color: #555555;
}

.blog-card-content a:hover{
color: #555555 !important;
text-decoration: underline;
}

/* フッター（中）のリンク */

#pages-2 a{
color: white;
text-decoration: underline;
}

#pages-2 a:hover{
color: white;
}

/* フッター（右）のリンク */

#categories-3 a{
color: white;
text-decoration: underline;
}

#categories-3 a:hover{
color: white;
}

/* 関連記事の背景色 */

#related-entries{
  padding:12px 12px 0;
  border:0px solid #278cf2;
  word-wrap:break-word;
  border-radius:5px;
  background-color: none;
  min-width: initial;
  min-width: auto;
}

/* 関連記事 */

#related-entries h2{
color: #555555;
}

/* コメントの見出しの文字（1） - 「質問・コメントを残す」の部分 */

#reply-title{
 color: #555555;
 padding: 15px 10px 5px 10px;
 margin-left: -15px;
 border-bottom: 3px solid #2aa8fc;
}

/* コメントの見出しの文字（2） - 「質問・コメント」の部分 */

#comments{
 color: #555555;
 padding: 15px 10px 5px 10px;
 margin-left: -15px;
 border-bottom: 3px solid #2aa8fc;
}

/* ブログカードの背景色 */

.internal-blog-card{
  padding:12px 12px 0;
  border:1px solid #278cf2;
  word-wrap:break-word;
  border-radius:5px;
  background-color: #e8effc;
  min-width: initial;
  min-width: auto;
}

/* リストマーク（箇条書き、チェックマーク） */

.fa-ul {
  padding-left: 1em;
  margin-left: 2.142857142857143em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  color: #2E9AFE;
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: 0.14285714285714285em;
  text-align: center;
}

/* リストマーク（箇条書き）、大きい番号 */

ol:not(.commets-list):not(.normal) {
	counter-reset: li;
}

ol:not(.commets-list):not(.normal)  > li {
	list-style: none;
	position: relative;/*リストの項目の位置を基準に*/
	padding-left: 1.2em; /*本文の左に余白。調整可*/
	padding-bottom: 0.8em;
	padding-top: 0.4em;
	/*margin-bottom: 0.8em;*//*リストの数字がくっついてしまう場合*/
}

ol:not(.commets-list):not(.normal)  > li:before {
    font-size: 1.7rem;
	counter-increment: li;
	content: counter(li);
	margin-right: 3em;
	background: white;
	color: #555555;
	border-radius: 50%; /*丸く*/
    font-weight: 600;
	text-align: center; /*端に寄ってる数字を真ん中に*/
	width: 1.3em; /*幅を決めるheightと同じ数値に*/
	height: 1.3em; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
	position: absolute; /*リストの基準から移動させる*/
	left: -1em; /*項目の基準、左にあわせる*/
	top: 2px; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
	line-height: 1.4;/*数字の位置あわせで数値を指定*/
}

/* リストマーク（箇条書き）、小さい番号・数字 */

ol.normal {
	counter-reset: li;
}

ol.normal > li {
	list-style: none;
	position: relative;/*リストの項目の位置を基準に*/
	padding-left: 1em; /*本文と番号とのあいだの空白*/
	margin-bottom: 0.2em;/*リストの数字がくっついてしまう場合*/
}

ol.normal > li:before {
	counter-increment: li;
	content: counter(li);
	margin-right: 3em;
	background: #555555;
	border: none;
	color: white;
	border-radius: 50%; /*丸く*/
	text-align: center; /*端に寄ってる数字を真ん中に*/
	width: 1.3em; /*幅を決めるheightと同じ数値に*/
	height: 1.3em; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
	position: absolute; /*リストの基準から移動させる*/
	left: -1em; /*項目の基準、左にあわせる。番号の左の空白*/
	top: 2px; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
	line-height: 1.4;/*数字の位置あわせで数値を指定*/
}

/* 表、テーブル */

table {
  font-size: 15px;
}

.purple {
	text-align:center;
	background-color:#f8f8ff;
}

.blue {
	background-color:#E1F0FF;
}

.img {
	text-align:center;
}

.support {
	text-align:center;
	width:65%;
}

/* グローバルナビメニュー */
#navi ul{
  position: relative;
  clear: both;
  border: 0px;
  background-color:#383838;
  border-radius:0px;
  margin:0;
  padding:0;
  width:100%;
  box-sizing: border-box;
}

/* ブログカード全体をリンク化した状態、記事のタイトル */

.blog-card-title{
color: #555555 !important;
}

/* ブログカード全体をリンク化した状態、記事一覧の見出しの部分 */

.entry-card-content h2{
  color: #555555;
  font-size:20px;
  text-decoration:none;
  font-weight:700;
}

/* ブログカード全体をリンク化した状態、カテゴリーのアイコン */

.post-meta .category{
color: #555555;
}

/* ブログカード全体をリンク化した状態、関連記事のタイトル */

.related-entry-title {
color: #555555;
}

/* ブログカード全体をリンク化した状態、ホバーしたときの色 */

 .entry:hover{
  background-color: #FFF !important;
}

/* ボックス、囲み線、ポイント */

.point-box {
    border: 2px solid #b5d1ff;
    border-radius: 6px;
    background-color: #f7f9fc;
    margin: 2em 0;
    padding: 1em 0.5em 0.5em 0.9em; /* 境界線の枠の部分 */
    position: relative;
}

.point-box::before {
    background-color: #439bf9;
    color: #ffffff;
    content: "ポイント";
    font-weight: bold;
    left: 1em; /* 「ポイント」と、その背景の左右位置 */
    padding: 0 .5em;
    position: absolute;
    top: -1em; /* 「ポイント」と、その背景の上下位置 */
}

/* バッジのスタイル */

.sankou,
.sanko,
.reffer,
.ref{
  color: #fff;/*文字色*/
  background-color: #439bf9;/*背景色*/
  padding: 2px 6px 1px;/*内側の余白*/
  border-radius: 3px;/*角丸*/
  font-size: 13px;/*文字サイズ*/
  letter-spacing: 0.07em;/*文字間*/
  margin-right: 6px;/*バッジの右側に余白*/
}

/* パンくずリスト */

#breadcrumb a {
    color: #808080; 
    font-size: 14px;
}

#breadcrumb {
    color: #808080; 
    font-size: 14px;
}

/* パンくずリスト（ホームアイコン非表示）

#breadcrumb .fa-home {
  display: none;
}

*/

/* パンくずリスト（フォルダアイコン非表示）

#breadcrumb .fa-folder {
  display: none;
}

*/

/* 検索ボックス（フォーカス時のスタイル） */

input#s:focus {
    outline: none;
    box-shadow: none;
    background: none;
    background-repeat-x: inherit;
}

/* 検索ボックス（ボックス自体のスタイル） */

#s {
    background-clip: padding-box;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    box-shadow: none;/*影をなくす*/
    border-top: none;/*枠線をなくす*/
    border-left: none;/*枠線をなくす*/
    border-right: none;/*枠線をなくす*/
    border-radius: 0;/*角丸をなくす*/
    border-bottom: 1px solid #555555;/*下線のみに*/
    background: #fff;/*背景色*/
    background-repeat-x: no-repeat;
}

/* 検索ボックス（文字） */

input::-webkit-input-placeholder {
    color: #808080;
    font-weight: lighter;
    font-family: 'Arial','Avenir Next';
    letter-spacing: 0.07em;
}
input:-moz-placeholder {
    color: #808080;
    font-weight: lighter;
    font-family: 'Arial','Avenir Next';
    letter-spacing: 0.07em;
}
input::-moz-placeholder {
    color: #808080;
    font-weight: lighter;
    font-family: 'Arial','Avenir Next';
    letter-spacing: 0.07em;
}
input:-ms-input-placeholder {
    color: #808080;
    font-weight: lighter;
    font-family: 'Arial','Avenir Next';
    letter-spacing: 0.07em;
}

/* グローバルメニューのサブメニューの横幅 */

#navi ul.sub-menu,
#navi ul.children{
  min-width:210px;/*サブメニューの横幅を変えられる*/
}

/* 注釈の小さい文字のサイズ（こちらのほうがよいかも） */

.small{
  font-size: 14px;
  color: #5e5e5e;
}

/* 注釈の小さい文字のサイズ */

figcaption{
  font-size: 14px;
  color: #5e5e5e;
  padding: 0px 13px;
}

/* グローバルメニュー・ナビの小メニューの下矢印のアイコン */

.menu>.menu-item:nth-child(1)>a:after { /* 数字は左から何番めの項目に▼を表示するのかということ */
  border-color: #FFF transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  content: "";
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: -1px;
}

/* グローバルメニュー・ナビの小メニューの下矢印のアイコン */

.menu>.menu-item:nth-child(2)>a:after { /* 数字は左から何番めの項目に▼を表示するのかということ */
  border-color: #FFF transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  content: "";
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: -1px;
}

/* グローバルメニュー・ナビの小メニューの下矢印のアイコン */

.menu>.menu-item:nth-child(3)>a:after { /* 数字は左から何番めの項目に▼を表示するのかということ */
  border-color: #FFF transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  content: "";
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: -1px;
}

/* グローバルメニュー・ナビの小メニューの下矢印のアイコン */

.menu>.menu-item:nth-child(4)>a:after { /* 数字は左から何番めの項目に▼を表示するのかということ */
  border-color: #FFF transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  content: "";
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: -1px;
}

/* グローバルメニュー・ナビの小メニューの下矢印のアイコン */

.menu>.menu-item:nth-child(5)>a:after { /* 数字は左から何番めの項目に▼を表示するのかということ */
  border-color: #FFF transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  content: "";
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: -1px;
}

/* グローバルメニュー・ナビの小メニューの下矢印のアイコン */

.menu>.menu-item:nth-child(6)>a:after { /* 数字は左から何番めの項目に▼を表示するのかということ */
  border-color: #FFF transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  content: "";
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: -1px;
}

/* グローバルメニュー・ナビの小メニューの下矢印のアイコン */

.menu>.menu-item:nth-child(7)>a:after { /* 数字は左から何番めの項目に▼を表示するのかということ */
  border-color: #FFF transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  content: "";
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: -1px;
}

/* グローバルメニュー・ナビの小メニューの下矢印のアイコン */

.menu>.menu-item:nth-child(8)>a:after { /* 数字は左から何番めの項目に▼を表示するのかということ */
  border-color: #FFF transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  content: "";
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: -1px;
}

/* 画像上部の空白

img{
  padding-top: 15px;	
} */

/* 人気記事ランキングの順位をカスタマイズ　*/

.widget_popular_ranking ul li:before, .widget_new_popular ul li:before {
 background: none repeat scroll 0 0 #429ef4 !important;
 color:#fff !important;
 border-radius: 0px !important;
 top: 3px !important;
 border:solid 1px #ffffff !important;
 font-weight: bold;
}

/*=================================================================================
	カエレバ・ヨメレバ・トマレバ
=================================================================================*/

.cstmreba {
	width:98%;
	height:auto;
	margin:36px auto;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
	line-height: 1.5;
	word-wrap: break-word;
	box-sizing: border-box;
	display: block;
}
.cstmreba a {
	transition: 0.8s ;
	color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
	color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,
.cstmreba .kaerebalink-box,
.cstmreba .tomarebalink-box {
	width: 100%;
	background-color: none; /* 全体の背景カラー */
	overflow: hidden;
	border-radius: 0px;
	box-sizing: border-box;
	padding: 12px 8px;
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
	width:150px;
	float:left;
	margin:0 14px 0 0;
	text-align: center;
	background: #fff;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
	width:100%;
	display:block;
}
.cstmreba .booklink-image a img,
.cstmreba .kaerebalink-image a img,
.cstmreba .tomarebalink-image a img {
	margin:0 ;
	padding: 0;
	text-align:center;
	background: #fff;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
	overflow:hidden;
	line-height:170%;
	color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
	text-decoration: none;
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
	border-bottom: 1px solid ;
	font-size:16px;
}
/* タイトル下にPタグ自動挿入された際の余白を小さく */
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
    margin: 0;
}
/* powered by */
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
	font-size:10px;
	line-height:150%;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
	color:#333;
	border-bottom: none ;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
	color:#333;
	border-bottom: 1px solid #333 ;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
	font-size:12px;
}
.cstmreba .kaerebalink-link1 div img,.cstmreba .booklink-link2 div img,.cstmreba .tomarebalink-link1 div img {
	display:none !important;
}
.cstmreba .kaerebalink-link1, .cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
}
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
	float:left;
	width:24%;
	min-width:128px;
	margin:0.5%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
	width: 100%;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	margin: 1px 0;
	padding:3% 0.5%;
	border-radius: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	color: #fff;
	box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26);
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a { background: #004bb0; border: 2px solid #004bb0;}/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border:2px solid #ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;}	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */
.cstmreba .booklink-link2  .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a,
.cstmreba .booklink-link2 .shoplinkamazon a {
	background:#f7ca88;/* Amazonのボタンの背景色 */
	border: 2px solid #ff9901;
} /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a,
.cstmreba .booklink-link2 .shoplinkrakuten a {
	background: #e06060;/* 楽天のボタンの背景色 */
	border: 2px solid #bf0000;
} /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a,
.cstmreba .booklink-link2 .shoplinkseven a {
	background:#225496;
	border: 2px solid #225496;
} /* 7net */
/****** ボタンカラー ここまで *****/

/***** ボタンデザイン　マウスオーバー時ここから *****/
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
	background: #fff;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a:hover { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a:hover { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a:hover { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a:hover { color: #004bb0; }/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; }	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a:hover,
.cstmreba .booklink-link2 .shoplinkamazon a:hover {
	color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a:hover,
.cstmreba .booklink-link2 .shoplinkrakuten a:hover {
	color: #bf0000; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a:hover,
.cstmreba .booklink-link2 .shoplinkseven a:hover {
	color:#225496;} /* 7net */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.cstmreba .booklink-footer {
	clear:both;
}

/*****  解像度768px以下のスタイル *****/
@media screen and (max-width:768px){
	.cstmreba .booklink-image,
	.cstmreba .kaerebalink-image,
	.cstmreba .tomarebalink-image {
		width:100%;
		float:none;
	}
	.cstmreba .booklink-link2>div,
	.cstmreba .kaerebalink-link1>div,
	.cstmreba .tomarebalink-link1>div {
		width: 32.33%;
		margin: 0.5%;
	}
	.cstmreba .booklink-info,
	.cstmreba .kaerebalink-info,
	.cstmreba .tomarebalink-info {
	  text-align:center;
	  padding-bottom: 1px;
	}
}

/*****  解像度480px以下のスタイル *****/
@media screen and (max-width:480px){
	.cstmreba .booklink-link2>div,
	.cstmreba .kaerebalink-link1>div,
	.cstmreba .tomarebalink-link1>div {
		width: 49%;
		margin: 0.5%;
	}
}

/* 箇条書きの行間

li {
  font-size: 16px;
  line-height: 180%;
}

*/

/* アプリーチ */

.appreach {
  text-align: left;
  padding: 20px;
  border: 1px solid #dbdbdb;/* ボーダーの色 */
  overflow: hidden;
  max-width: 70%;/* 横幅。自分で追加した */
}
.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;
}

/* 外部リンクボタン */

.entry-content .link_btn{
   text-align: center;
   padding: 1.5em;/* ボタン外の上下左右スペース */
}
.entry-content .link_btn a{
   color:#fff !important;
   background-color:#2da0ff;
   text-decoration: none;
   padding:20px;
   border-radius:3px;
   border: 1px solid #2da0ff;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all  0.4s ease;
}
.entry-content .link_btn a:hover{
   color:#2da0ff !important;
   background-color: #fff;
   text-decoration: none;
   padding:20px;
   border: 1px solid #2da0ff;
}

/* .sp-infoクラス（PowerDirectorのバージョン告知の背景色） */

.sp-info{
background-color:#e0effc;
}

/* 吹き出し */

.box24 {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #e6f4ff;
    color: #5c98d4;
    font-weight: bold;
}
.box24:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #e6f4ff;
    width: 0;
    height: 0;
}
.box24 p {
    margin: 0; 
    padding: 0;
}

/* 吹き出し02 */

.box25 {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #e6efff;
    color: #636363;
    font-weight: bold;
}
.box25:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #e6efff;
    width: 0;
    height: 0;
}
.box25 p {
    margin: 0; 
    padding: 0;
}

/* 囲み枠、インパクト大 */

.box29 {
    margin: 2em 0;
    background: #dcefff;
    padding: 0em 0em 0.1em 0em; /* 文字と背景のスペース */
}
.box29 .box-title {
    font-size: 1em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

/* 取り消し線 */

.del{
 text-decoration: line-through;
}

/* 折りたたみ（コメジェネの解説記事） */

a.sample01 {
  color: #fff;
  background: #333;
  box-shadow: 1px 1px 1px #555;
}

/* Rinker ボタンの色 */

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink { /* Amazon */
background: #f8b862 ;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink { /* 楽天 */
background: #e36662 !important;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink { /* Yahoo */
background: #89c3eb !important;
}

/* Rinker ホバー時に透明度を下げる */

div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
	color: #fff !important;
	opacity: 1;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
	opacity: 0.8;
}

/* この部分は、WordPress Popular Postsをバージョン 5.0.0にしたときに、トップページの「人気記事」のレイアウトが崩れたので、対処するために追加した。Simplicity 2.8.4（安定版）にアップデートしたあとは、削除してもよい。2019.11.1 */

#popular_ranking-3 { list-style-type: none; }
#popular_ranking-3 li { display: flex; margin-top: 10px; }
#popular_ranking-3 li > a:nth-child(1) { display: block; width: 90px; }
#popular_ranking-3 li > a:nth-child(2) { display: block; width: 240px; }