@charset "UTF-8";
/*
Theme Name: MY THEME
Author: LPDONCHAN
Description: This is my original theme.
Version: 1.0
*/


body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}

.container	{max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px}


/* 記事 */
article	{	margin-bottom: 40px;
				overflow: hidden}

article h1	{margin: 0;
	font-size: 32px;
	font-weight: normal}

article h1 a	{color: #000000;
	text-decoration: none}


/* 記事の付加情報 */
.postinfo	{margin-top: 15px;
	font-size: 14px}

.postinfo a	{color: #000000;
	text-decoration: none}

.postinfo .postcat	{margin-left: 20px}

.postinfo .postcom	{margin-left: 20px}

.postinfo i	{color: #888888}


/* 前後の記事へのリンク */
.pagenav a	{padding: 5px 10px;
	border: solid 1px #cccccc;
	border-radius: 10px;
	color: #666666;
	font-size: 12px;
	text-decoration: none}

.pagenav .old a	{float: left}

.pagenav .new a	{float: right}

.pagenav	{overflow: hidden;
	margin-top: 40px;
	margin-bottom: 40px;
	clear: both}


/* ヘッダー */
header	{margin-bottom: 40px;
	background-color: #808000;
	color: #ffffff}

header a	{color: #ffffff;
	text-decoration: none}

.siteinfo	{overflow: hidden;
	padding-top: 14px;
	padding-bottom: 14px;
   background-color:  #ffffff;
   color:  #808000}

.siteinfo a   {color:  #808000}

.siteinfo h1	{float: left;
	margin: 0;
	font-family: 'Black Ops One', cursive;
	font-size: 35px}

.siteinfo p	{float: right;
	margin: 0;
	margin-top: 8px;
	font-size: 12px}



/*ヘッダー画像*/
header img   {width:  100%;
               height:  auto;
               vertical-align:  bottom}

/*ナビゲーションメニュー*/
.header-nav ul   {list-style:  none;
          margin:  0;
          padding:  0;
          font-size:  15px;
	       letter-spacing: 5px;
	       float:left;
	       width:80%;
          overflow:  hidden}


.header-nav li   {float:  left;
	      margin-right:  5px;
         width:  120px;
         text-align:  center}
         

.header-nav li a   {display:  block;
           padding-top:  15px;
           padding-bottom:  10px;
           background-color:  transparent}


.header-nav li a:hover   {background-color:  #eee8aa;
                    color:#808000;
                    transition: 0.5s;}


.header-nav li.current-menu-item a
	                {background-color: #808000;
                    color:#eee8aa}

/*スマホ用のメニューボタン*/
.siteinfo{
	position:relative;
}

#navbutton{
	position:absolute;
	top:50%;
	right:10px;
	padding:8px 12px;
	-webkit-transform:translatey(-50%);
	transform:translatey(-50%);
	border:solid 1px #aaa;
	border-radius:5px;
	background-color:#fff;
}

#navbutton:hover{
	background-color:#ddd;
}

#navbutton:focus{
	outline:none;
}

#navbutton i{
	font-size:2em;
	color:#333;
}




/* フッター */
footer	{margin-top: 40px;
	padding-top: 14px;
	padding-bottom: 14px;
	background-color: #808000;
	color: #ffffff}

footer a {color: #ffffff;
	        text-decoration: none}

.footer-nav ul{list-style:none}

/* 本文中の画像 */
article img	{border: none;
	max-width: 100%;
	height: auto}

.aligncenter	{display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto}

.alignright	{float: right;
	margin-bottom: 30px;
	margin-left: 30px}

.alignleft	{float: left;
	margin-bottom: 30px;
	margin-right: 30px}

.wp-caption	{max-width: 100%}

.wp-caption-text	{margin: 0;
	color: #666666;
	font-size: 14px;
	text-align: center}


/* メニュー */
.blogmenu ul	{margin: 0;
	padding: 0;
	list-style: none}

.blogmenu .widget	{margin-bottom: 30px;
	padding: 20px;
	background-color: #e8e8e8;}

.blogmenu .widgettitle	{margin-top: 10px;
	margin-bottom: 20px;
	border-right: solid 10px #808000;
	color: #000000;
	font-size: 14px}

.blogmenu li a	{display: block;
	padding: 10px 5px;
	color: #666666;
	font-size: 14px;
	text-decoration: none}

.blogmenu li a:hover	{background-color: #ffffff}


/* 見出し */
.archive-title	{margin-top: 0;
	margin-bottom: 40px;
	background-color: #eeeeee;
	font-size: 14px;
	font-weight: normal}

.archive-title i	{padding: 15px;
	background-color: #808000;
	color: #ffffff}


/* コメント投稿フォーム */
#respond p	{margin-top: 0;
	margin-bottom: 20px;
	font-size: 12px}

#respond label	{font-size: 14px}

#respond input,
#respond textarea	{width: 100%;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

#respond input[type="submit"]
	{width: 200px;
	padding: 10px;
	border: none;
	background-color: #e6cc1c;
	-webkit-appearance: none;
	cursor: pointer}

#respond input[type="submit"]:hover
	{background-color: #ffaa00}

#respond .required	{color: #ff0000}


/* コメント */
#comments footer	{background: none;
	margin: 0;
	color: #000000;
	font-size: 12px}

#comments footer a	{color: #000000}

#comments footer div	{display: inline}

#comments ul	{list-style: none;
	margin: 0;
	padding: 0}

#comments article	{border: dotted 1px #aaaaaa;
	margin-bottom: 10px;
	padding: 10px 20px 20px 20px}

#comments .comment-content	{margin-left: 30px}

/* お問い合わせフォーム*/
.wpcf7 input,
.wpcf7 textarea	{width: 100%;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.wpcf7 input[type="submit"]
	{width: 200px;
	padding: 10px;
	border: none;
	background-color: #e6cc1c;
	-webkit-appearance: none;
	cursor: pointer}

.wpcf7 input[type="submit"]:hover
	{background-color: #ffaa00}



/*メディアクエリの設定*/
/*768px以上*/
@media (min-width: 768px) {

/* ２段組 */
.container	{max-width: 1000px;
	overflow: hidden}

.contents	{width: 65%;
	float: left}

.blogmenu	{width: 30%;
	float: right}
	
}

/* レスポンシブ設定 */
/*768以上*/
@media(min-width:768px){

	#navbutton{
		display:none}
	
}

/*767px以下*/
@media (max-width:767px){
	
	.siteinfo	{overflow: hidden;
	padding-top: 14px;
	padding-bottom: 14px;
   background-color:  #808000;
   color:  #ffffff}
	
	.siteinfo a{color:#ffffff}
	
	.siteinfo p{display:none;}
	
/*ヘッダーナビ*/
	
#header-nav{
		display:none;
	}
	

.header-nav{		
		padding-left:10px;
	}
	

.header-nav ul{
		float:none;
		margin:0;
		padding:0;
		list-style:none;
	}
	
.header-nav li{
		float:none;	
		text-align:justify;
	}
	
.header-nav li a:before{
		content:"\f0da";
	   font-family:'Font Awesome 5 Free';
		color:#ffffff;
		font-size:0.9em;
		padding-right:3px;
		
	}
	

.header-nav li a{
		display:block;
		padding:15px 5px;
		color:#ffffff;
		font-weight:bold;
		font-size:1em;
		text-decoration:none;
	}
	

.header-nav li a:hover{
		background-color:#eee8aa;
	   color:#808000;
	   transition:0.5s;
		
	}
	
	
	
}
/*記事の概要*/
.excerpt p   {font-size:  14px}

.excerpt .more a   {padding:  5px  20px;
                       border:  solid  1px  #cccccc;
	                    border-radius:  5px;
                       color:  #000000;
                       text-decoration: none}

.excerpt .more a:hover
                       {background-color:  #e6cc1c}

.excerpt .more i   {margin-left:  10px;
                      color:  #cccccc}

@media(min-width:  500px){
.excerpt img       {float:  left;
                   margin-right:  20px;
                   width:  40%}
}

@media(min-width:  499px){
.excerpt img       {display:  block;
                   margin-left:  auto;
                   margin-right:  auto}
}

/*記事装飾*/
.contents h1 {
  color: #000000;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
}

.contents h2 {
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background:#f4f4f4;
  border-left: solid 5px #808000;/*左線*/
}


.contents h3 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #808000;/*左線*/
}

article h4 {
  position: relative;
  padding-left: 25px;
}

article h4:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(128, 128, 0);
}
article h4:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(128, 128, 0);
}


/*ul装飾*/
article ul, ol {
	width:auto;
	margin:10px;
  background: #fffcf4;
  border-radius :8px;/*角の丸み*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 0.5em 0.5em 0.5em 2em;
}
article ul li, ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}

@media(max-width: 767px) {
  article ul, ol {
	width:auto;
	margin:5px;
  background: #fffcf4;
  border-radius :8px;/*角の丸み*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 0.5em 0.5em 0.5em 2em;
}
article ul li, ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}
}



/*コメント見出し装飾なし*/
#respond h3 {border-left: none}

/*サイドバー*/
.post_list{
				 margin-bottom:30px;
	          padding:20px;
	          background-color:#e8e8e8;
             list-style:none}


.post_list h2{font-size:14px;
	              margin-top:10px;
	              margin-bottom:20px;
	              border-right:solid 10px #808000}

.list{overflow:hidden;
		margin-bottom:5px;
}


.post_list img{
						float:left;
						margin-right:10px;
}

/*SNSボタン*/
.fa-hatena:before {
  font-family: Verdana;
  font-weight: bold;
  content: 'B!';
}
 
.share {
  margin-top: 40px;
  margin-bottom: 40px;
  margin-right:40px
}
 
.share ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
 
.share ul:after {
  display: block;
  clear: both;
  content: '';
}
 
.share li {
  float: left;
  width: 25%;
  margin: 0;
  margin-top: 15px;
}
 
.share li a {
  font-size: 14px;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
 
.share li a:hover {
  opacity: .8;
}
 
.share li a:visited {
  color: #fff;
}

.share i{
	font-size:20px;
	margin-right:5px
}
 
.tweet a {
  background-color: #55acee;
}
 
.facebook a {
  background-color: #315096;
}
 
.googleplus a {
  background-color: #dd4b39;
}
 
.hatena a {
  background-color: #008fde;
}
 
@media(max-width: 599px) {
  .share li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
  }
  .share li i {
    font-size: 1.3em;
    padding-top: 3px;
  }
  .share li span {
    display: none;
  }

	.share i{
		margin: 0px
	}
}

/*検索フォーム*/
.searchfield {
  font-size: 14px;
  width: 75%;
  margin-top: 10px;
  margin-right: 3px;
  margin-left: 5px;
  padding: 7px 5px;
  border: 2px solid #ddd;
  border-radius: 3px;
}
 
.searchsubmit {
  font-family: 'Font Awesome 5 Free';
  font-size: 1.4em;
	font-weight:900;
  padding: 0;
  cursor: pointer;
  color: #808000;
  border: none;
  background: transparent;
}
 
.searchsubmit:hover {
  opacity: .6;
}

/*関連記事*/
.relatedkiji {
  margin: 40px 0 0;
  padding: 10px;
}
 
.relatedkiji h4 {
  font-size: 1.25em;
  padding: 3px 5px;
  border-bottom: solid 1px #999;
}
 
.relatedkiji ul {
  font-size: 0;
  margin: 10px 0;
  padding: 0;
}
 
.relatedkiji li {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding: 10px 5px;
  list-style: none;
  vertical-align: top;
}
 
.relatedkiji li a {
  display: block;
  text-decoration: none;
  color: #000;
}
 
.relatedkiji li a:hover {
  color: #000070;
  background-color: #eee;
}
 
.relatedkiji img {
  height: 120px;
	object-fit:cover;
	width:100%;
}
 
.relatedkiji .text {
  font-size: 16px;
  font-weight: bold;
}
 
@media (max-width: 599px) {
  .relatedkiji ul {
    margin: 0;
  }
  .relatedkiji li {
    display: block;
    width: 100%;
  }
  .relatedkiji li a:after {
    display: block;
    clear: both;
    content: '';
  }
  .relatedkiji img {
    float: left;
    width: 90px;
    height: 70px;
  }
  .relatedkiji .text {
    width: auto;
    margin-top: 5px;
    margin-left: 100px;
  }
}

/*人気記事一覧*/
.relatedkiji {
  margin: 40px 0 0;
  padding: 10px;
}
 
.relatedkiji h4 {
  font-size: 1.25em;
  padding: 3px 5px;
  border-bottom: solid 1px #999;
}
 
.relatedkiji ul {
  font-size: 0;
  margin: 10px 0;
  padding: 0;
}
 
.relatedkiji li {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding: 10px 5px;
  list-style: none;
  vertical-align: top;
}
 
.relatedkiji li a {
  display: block;
  text-decoration: none;
  color: #000;
}
 
.relatedkiji li a:hover {
  color: #000070;
  background-color: #eee;
}
 
.relatedkiji img {
  height: 120px;
  object-fit: cover;
}
 
.relatedkiji .text {
  font-size: 16px;
  font-weight: bold;
}
 
@media (max-width: 599px) {
  .relatedkiji ul {
    margin: 0;
  }
  .relatedkiji li {
    display: block;
    width: 100%;
  }
  .relatedkiji li a:after {
    display: block;
    clear: both;
    content: '';
  }
  .relatedkiji img {
    float: left;
    width: 90px;
    height: 70px;
  }
  .relatedkiji .text {
    width: auto;
    margin-top: 5px;
    margin-left: 100px;
  }
}

/*人気記事一覧*/
.sidekiji ul {
  padding: 0;
  list-style: none;
}
 
.sidekiji li {
  position: relative;
  margin-top: 10px;
  padding: 0 5px 10px;
  border-bottom: dotted 1px #ddd;
}
 
.sidekiji a {
  display: inline-block;
  text-decoration: none;
  color: #333;
}
 
.sidekiji a:hover {
  background-color: #eee;
}
 
.sidekiji a:after {
  display: block;
  clear: both;
  content: '';
}
 
.rank-count {
  position: absolute;
  top: 0;
  left: 5px;
  padding: 1px 10px;
  color: #fff;
  background: rgba(66, 66, 66, .85);
}
 
.r-count1 {
  background: rgba(189, 161, 82, .9);
}
 
.r-count2 {
  background: rgba(152, 153, 173, .9);
}
 
.r-count3 {
  background: rgba(156, 85, 34, .9);
}
 
.sidekiji img {
  float: left;
  width: 70px;
  height: 70px;
}
 
.sidekiji-text {
  font-size: .9em;
  margin-left: 80px;
}

/*プロフィール*/
.blogmenu  {font-size:0.8em;}

.profilemore{text-align:center;
						margin-top:5px;
						
	
}

/*商品紹介*/
/*=================================================================================
	カエレバ・ヨメレバ・トマレバ
=================================================================================*/

.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: #fafafa; /* 全体の背景カラー */
	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:#FF9901;
	border: 2px solid #ff9901;
} /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a,
.cstmreba .booklink-link2 .shoplinkrakuten a {
	background: #bf0000;
	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%;
	}
}
/*内部リンクembedはみ出し防止 */
.wp-embedded-content {
	max-width: 100%;
}

/*記事太文字装飾*/
.box1 {font-weight:bold;}

.marker1{
background:linear-gradient(transparent 75%, #b2ffb2 75%);
font-weight:bold; 
}

/*記事行間*/
article p {line-height:1.7;
           color:#333;}