@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/*下線グラデ*/
.org_uline {
    line-height: 1em;
    background: linear-gradient(to bottom, #fff 0%, #fff 60%, transparent 81%, transparent 100%), linear-gradient(to right, #FF1493 0%, #FFF 100%);
}

  .entry-read a,
  .related-entry-read a{
    display:block;
    width: auto;
    background-color:#eee;
    border:1px solid #ddd;
    border-radius:10px;
    text-align:center;
    padding:5px;
    text-decoration:none;
    color:#111;
    margin-top:18px;
  }


  .entry-card .entry-read a,
  .related-entry .related-entry-read a {
    color: #fff;
    font-size: 14px;
    background-color: #b3dcd8;
    border: 1px solid #b3dcd8;
    border-radius: 2px;
    padding: 3px 10px 3px 0;
    text-decoration: none;
  }

 　.entry-read a::before,
   .related-entry-read a {
     margin-right: 5px;
     font-family: "FontAwesome";
     content: "\f03a";
  }

/*共通スタイル*/
.af-cfx:after {
    content: "";
    clear: both;
    display: block;
}
.af-btnBox {
    width: 100%;
    margin: 10px auto;
    font-size: 0;
}
.af-btnBox li {
    display: inline-block;
}
/*sp-----480px以下-----*/
@media screen and (max-width:480px){
    .af-outer {
        width: 96%;
        margin: 2%;
    }
    .af-leftBox {
        width: 40%;
        margin: 0;
        float: left;
    }
    .af-rightBox {
        width: 58%;
        margin: 0;
        float: right;
    }
    .af-btnBox li:first-child {
        width: 47%;
        margin-right: 3%;
    }
    .af-btnBox li:last-child {
        width: 47%;
        margin-left: 3%;
    }
}
/*tab & pc -----481px以上-----*/
@media screen and (min-width:481px){
    .af-outer {
        width: 90%;
        margin: 1% 5% 1% 5%;
    }
    .af-leftBox {
        width: 30%;
        margin: 0;
        float: left;
    }
    .af-rightBox {
        width: 65%;
        margin: 0;
        float: right;
    }
    .af-btnBox li:first-child {
        width: 47.0%;
        margin-right: 3.0%;
    }
    .af-btnBox li:last-child {
        width: 47.0%;
        margin-left: 3.0%;
    }
}

.af-cfx{
	margin: 0;
	padding: 0;
}

.af-btnBox ul{
	margin: 0;
	padding: 0;
}

.sankou {
    background-color: #00CC00;
    color: #FFFFFF;
    font-size: 12px;
    margin-right: 5px;
    padding: 2px;
    border: 0px solid;
    -webkit-border-radius: 2px;
            border-radius: 2px;
}

.kanren {
    background-color: #FF4500;
    color: #FFFFFF;
    font-size: 12px;
    margin-right: 5px;
    padding: 2px;
    border: 0px solid;
    -webkit-border-radius: 2px;
            border-radius: 2px;
}

.osusume {
    background-color: #1E90FF;
    color: #FFFFFF;
    font-size: 12px;
    margin-right: 5px;
    padding: 2px;
    border: 0px solid;
    -webkit-border-radius: 2px;
            border-radius: 2px;
}

.ninki {
    background-color: #FF69B4;
    color: #FFFFFF;
    font-size: 12px;
    margin-right: 5px;
    padding: 2px;
    border: 0px solid;
    -webkit-border-radius: 2px;
            border-radius: 2px;
}

.tuzuki {
    background-color: #9400D3;
    color: #FFFFFF;
    font-size: 12px;
    margin-right: 5px;
    padding: 2px;
    border: 0px solid;
    -webkit-border-radius: 2px;
            border-radius: 2px;
}

.zenwa {
    background-color: #9400D3;
    color: #FFFFFF;
    font-size: 12px;
    margin-right: 5px;
    padding: 2px;
    border: 0px solid;
    -webkit-border-radius: 2px;
            border-radius: 2px;
}

.koushiki {
    background-color: #FF0000;
    color: #FFFFFF;
    font-size: 12px;
    margin-right: 5px;
    padding: 2px;
    border: 0px solid;
    -webkit-border-radius: 2px;
            border-radius: 2px;
}

@media screen and (max-width:480px){
	.amazon {
	    background-color: #FFA500;
	    color: #FFFFFF;
	    font-size: 16px;
	    margin-right: 5px;
	    padding: 6px 3px;
	    border: 1px solid #215b7a;
	    -webkit-border-radius: 2px;
	            border-radius: 2px;
	}

	.rakuten {
	    background-color: #FF4500;
	    color: #FFFFFF;
	    font-size: 16px;
	    margin-right: 5px;
	    padding: 6px 3px;
	    border: 1px solid #215b7a;
	    -webkit-border-radius: 2px;
	            border-radius: 2px;
	}

	// spanをdisplay:block;でブロック要素にします
	.spanafbox {
	　background-color:white; display:block;
	　border:1px solid gray; padding:5px; margin:5px; 
	}
	.aafbox {
	text-decoration: none;
	}
}
/*tab & pc -----481px以上-----*/
@media screen and (min-width:481px){
	.amazon {
	    background-color: #FFA500;
	    color: #FFFFFF;
	    font-size: 16px;
	    margin-right: 5px;
	    padding: 3px 3px;
	    border: 1px solid #215b7a;
	    -webkit-border-radius: 2px;
	            border-radius: 2px;
	}

	.rakuten {
	    background-color: #FF4500;
	    color: #FFFFFF;
	    font-size: 16px;
	    margin-right: 5px;
	    padding: 3px 3px;
	    border: 1px solid #215b7a;
	    -webkit-border-radius: 2px;
	            border-radius: 2px;
	}

	// spanをdisplay:block;でブロック要素にします
	.spanafbox {
	　background-color:white; display:block;
	　border:1px solid gray; padding:5px; margin:5px; 
	}
	.aafbox {
	text-decoration: none;
	}

	// リンクの見栄えを設定します。
	a .spanafbox {font-weight:bold; }
	a:hover .spanafbox { color:#87CEFA; }
}


@media screen and (max-width:480px){
	.item_box{
	    position:relative;
	    padding:3%;
	    border:solid 1px #DCDCDC;
		margin-top:4px;
	    margin-bottom:4px;
	    background-color:#DCDCDC;
	    -webkit-border-radius: 5px;
	            border-radius: 5px;
	}

}
/*tab & pc -----481px以上-----*/
@media screen and (min-width:481px){
	.item_box{
	    position:relative;
	    padding:1%;
	    border:solid 1px #DCDCDC;
		margin-top:3px;
	    margin-bottom:3px;
	    background-color:#DCDCDC;
	    -webkit-border-radius: 5px;
	            border-radius: 5px;
	}
}

.item_box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
 
.item_box .detail{
    width:70%;
    margin-left:5%;
    float:left;
}

.item_box .move{
    width:20%;
    margin-right:5%;
    float:left;
    text-align: right;
}
 
/* floatによる回り込みをクリア */
.item_clear_fix:after {
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
 
.item_clear_fix {
    min-height: 1px; /*IE6、7対策*/
}

.item_box a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.item_box span{
	font-weight: bold;
	color: #FFFFFF;
}

.item_rakuten{
    background-color:#FF4500;
}

.item_amazon{
    background-color:#FFA500;
}

.item_jyosui{
    background-color:#FF9900;
}

.item_afbtn{
	background-color: #F14142;
    border-bottom: 5px solid #F68384;}

.item_box .jyosuidetail{
    width:80%;
    margin-left:5%;
    float:left;
}

.item_box .jyosuimove{
    width:10%;
    margin-right:5%;
    float:left;
    text-align: right;
}

.afbtn{
    width:100%;
    float:left;
    text-align: center;
	color: #FFFFFF;
}

.afbtn_font_l{
	font-size: 26px;
	color: #FF0 !important;
}

#footer-link-box {
	border-collapse: collapse;
	border: solid 1px #d8cdc1;
	width: 100%;
}

#footer-link-box .list {
    margin: 0;
    background: url(//d3reun7bhr7fny.cloudfront.net/img/common/arrow_bk.png) no-repeat right center;
    width: 50%;
    height: 42px;
	font-size: 12px;
	padding: 0 20px 0 10px;
	color: #3c3c3c;
	border: solid 1px #d8cdc1;
	position: relative;
}

#footer-link-box .list a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#footer-link-box .list p{
	text-align: center;
}

#footer-link-box .title {
	font-size: 12px;
	font-weight: bold;
	background: #f5f5f5;
	color: #666;
	padding: 10px 20px 10px 10px;
}

.org_footer {
	font-size: 15px;
	margin-bottom: 16px;
}

#header-link-box {
	border-collapse: collapse;
	border: solid 1px #d8cdc1;
	width: 100%;
	text-align: center;
}

#header-link-box .list {
    width: 20%;
    height: 36px;
	font-size: 13px;
	color: #3c3c3c;
	border: solid 1px #d8cdc1;
	font-weight: bold;
}

.event-page {
	background-color: black !important;
	color: white !important;
}

.event-page .post-meta{
	background-color: black !important;
	color: white !important;
}

.event-page .entry-title{
	background-color: black !important;
	color: white !important;
}

/* 特定記事一覧用 */
.org-list-title{
	font-size:20px;
	padding:12px 10px;
	border-left:0px;
	background: #FF8080;
	color:#FFF;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

.org-list-article{
	height: 86px;
	overflow: hidden;
	position: relative;
	display: block;
	clear: both;
	border-bottom: 2px solid #eee;
	border-left: 2px solid #eee;
	border-right: 2px solid #eee;
	background-repeat: no-repeat;
	padding-top: 10px;
}

.inf-resrt-border{
	border-bottom: 0;
}

.org-list-article a{
	text-decoration: none;
}

.org-list-article .entry-text {
    line-height: 1.5em;
    padding: 3px 130px 2px 12px;
    max-height: 100px;
}

.org-list-article .entry-title {
    font-size: 14px !important;
    height: 60px;
    overflow: hidden;
    margin: 0;
    line-height: 1.5em;
    font-weight: bold;
	color: #333;
    background-color: #FFF;
	padding: 0px;
	border-bottom: none;
}

.org-list-article .vcard {
    font-size: 10px;
    margin: 0;
    text-align: left;
    overflow: hidden;
}

.org-list-article .entry-thum {
    height: 96px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.org-list-article img{
	margin: 20px 8px !important;
}

.org-list-article-pc{
	height: 86px;
	overflow: hidden;
	position: relative;
	display: block;
	clear: both;
	border-bottom: 1px solid #eee;
	border-left: 2px solid #eee;
	border-right: 2px solid #eee;
	background-repeat: no-repeat;
	padding-top: 10px;
}

.org-list-article-pc a{
	text-decoration: none;
}

.org-list-article-pc .entry-text {
    line-height: 1.5em;
    padding: 3px 178px 2px 12px;
    max-height: 100px;
}

.org-list-article-pc .entry-title {
    font-size: 17px !important;
    height: 60px;
    overflow: hidden;
    margin: 0;
    line-height: 1.5em;
    font-weight: bold;
	color: #333;
    background-color: #FFF;
	padding: 0px;
}

.org-list-article-pc .vcard {
	color: #333;
    font-size: 10px;
    margin: 0;
    text-align: left;
    overflow: hidden;
}

.org-list-article-pc .entry-thum {
    height: 96px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.org-list-article-pc img{
	margin: 8px 7px !important;
}

.org-more-read {
    font-size: 14px;
    text-align: right;
	width:95%;
	margin-right: 5%;
}

.balloon {
  background-color: #FFFFCC;
  padding: 20px;
  position: relative;
}

.dqbox {
  position: relative;
}

@media screen and (max-width:480px){
.textboard {
  width: 91%;
  min-height: 60px;
  margin: 0 5% 0 4%;
  font-size: 14px;
  color: #FFF;
  border: 2px solid #000;
  border-radius: 5px;
  box-shadow: 0 0 0 4px #FFF inset;
  background-color: rgba(0,0,0,0.9);
  position: absolute;
  top: 10px;
}

.textboard .text {
  width: 96%;
  margin: 2%;
  font-family: PixelMplus10-Regular;
}

.msgboard {
  width: 91%;
  min-height: 60px;
  margin: 0 5% 0 4%;
  font-size: 14px;
  color: #FFF;
  border: 2px solid #000;
  border-radius: 5px;
  box-shadow: 0 0 0 4px #FFF inset;
  background-color: rgba(0,0,0,0.9);
  position: absolute;
  bottom: 14px;
}

.msgboard .text {
  width: 96%;
  margin: 2%;
  font-family: PixelMplus10-Regular;
}
}

@media screen and (min-width:481px){
.textboard {
  width: 91%;
  min-height: 96px;
  margin: 0 5% 0 4%;
  font-size: 20px;;
  color: #FFF;
  border: 2px solid #000;
  border-radius: 5px;
  box-shadow: 0 0 0 4px #FFF inset;
  background-color: rgba(0,0,0,0.9);
  position: absolute;
  top: 20px;
}

.textboard .text {
  width: 96%;
  margin: 2%;
  font-family: PixelMplus10-Regular;
}

.msgboard {
  width: 91%;
  min-height: 60px;
  margin: 0 5% 0 4%;
  font-size: 20px;
  color: #FFF;
  border: 2px solid #000;
  border-radius: 5px;
  box-shadow: 0 0 0 4px #FFF inset;
  background-color: rgba(0,0,0,0.9);
  position: absolute;
  bottom: 24px;
}

.msgboard .text {
  width: 96%;
  margin: 2%;
  font-family: PixelMplus10-Regular;
}

.kanren_keyword_box {
　width: 100%;
}

.kanren_keyword_box ul {
  font-size: 11px;
  margin: 0 0 1.6em;
}

.kanren_keyword_box li {
  display: inline-block;
  margin: 0 0 4px 4px!important;
  border: 1px solid #333;
  padding: 6px!important;
  border-radius: 5px;
  background: #fafafa;
  vertical-align: top;
  letter-spacing: -0.05em;
  box-sizing: border-box;
}

.kanren_keyword_box li:before {
	content: none!important;
}

.kanren_keyword_box li .fa {
    padding-right: 4px;
}

/* 下線表示 */
.org_marker {
  font-weight: 700;		//下線の幅
  background: linear-gradient(transparent 50%, #f1d237 50%);		//下線の色
}

}


.article .comment-notes{
display: none;
}
.article .comment-form-author{
display: none;
}
.article .comment-form-email{
display: none;
}
.article .comment-form-url{
display: none;
}

#comments-thread h3{

}


.qa_balloon {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 7px 12px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 14px;
	border-radius: 15px;
}

.qa_balloon:before{
	content: "";
	position: absolute;
  left: 20px;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

.qa_balloon p {
font-size: 14px!important;
margin: 0!important;
}

.qa_color_1 {
	background: #F6CECE;
}

.qa_color_1:before{
	border-bottom: 15px solid #F6CECE;
}

.qa_color_2 {
	background: #F5F6CE;
}

.qa_color_2:before{
	border-bottom: 15px solid #F5F6CE;
}

.qa_color_3 {
	background: #CEF6CE;
}

.qa_color_3:before{
	border-bottom: 15px solid #CEF6CE;
}

.qa_color_4 {
	background: #CEF6F5;
}

.qa_color_4:before{
	border-bottom: 15px solid #CEF6F5;
}

.qa_color_5 {
	background: #F2E0F7;
}

.qa_color_5:before{
	border-bottom: 15px solid #F2E0F7;
}

.qa_color_6 {
	background: #F6CECE;
}

.qa_color_6:before{
	border-bottom: 15px solid #F6CECE;
}

.qa_color_7 {
	background: #F5F6CE;
}

.qa_color_7:before{
	border-bottom: 15px solid #F5F6CE;
}

.qa_color_8 {
	background: #CEF6CE;
}

.qa_color_8:before{
	border-bottom: 15px solid #CEF6CE;
}

.qa_color_9 {
	background: #CEF6F5;
}

.qa_color_9:before{
	border-bottom: 15px solid #CEF6F5;
}

.qa_color_0 {
	background: #F2E0F7;
}

.qa_color_0:before{
	border-bottom: 15px solid #F2E0F7;
}

.qa_title p {
font-size: 14px!important;
margin-bottom: 0 !important;
font-weight: bold;
}

#org_sns_box {
	margin: 16px 0;
    border: solid 1px #ccc;
    padding: 10px;
	border-radius: 10px;
}

	#org_sns_box ul{
	    margin-top: 0px !important;
	    padding-top: 0px !important;
	    padding-bottom: 0px !important;
	}

@media screen and (min-width: 640px){
	#org_sns_box ul.snsbs li {
	    width: 28% !important;
	    padding: 0 2%;
	}

	#org_sns_box .twitter-btn-icon{
		padding-left: 4% !important;
	}

	#org_sns_box .hatena-btn-icon{
		padding-right: 4% !important;
	}
}

.kanren_keyword a{
	text-align: center;
	border: 1px solid #333333;
	border-radius: 18px;
	background: #fff;
	display: block;
	color: #333;
	padding: 4px 0px;
	margin-bottom: 5px;
	text-decoration: none;
}

.kanren_keyword .top{
	font-weight: bold;
}

.marker2{
  background: linear-gradient(transparent 65%, yellow 0%);
  display: inline;
  /*横に余白をつけたり、下にずらしたりするときは以下のpaddingを調整してください*/
  padding: 0 2px 3px;
 }

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

.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 p {
	/*display: none;*/
    /*font-size: 130%;*/
	margin-top: 0px;
    margin-bottom: 10px;
}
.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 2px 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;
}
.booklink-info, .kaerebalink-info, .tomarebalink-info {
	overflow:hidden;
	line-height:170%;
	color: #333;
}
/* infoボックス内リンク下線非表示 */
.booklink-info a,
.kaerebalink-info a,
.tomarebalink-info a {
	text-decoration: none;
}
/* 作品・商品・ホテル名 リンク */
.booklink-name>a,
.kaerebalink-name>a,
.tomarebalink-name>a {
	border-bottom: 1px solid ;
	font-size:16px;
}
/* powered by */
.booklink-powered-date,
.kaerebalink-powered-date,
.tomarebalink-powered-date {
	font-size:10px;
	line-height:150%;
}
.booklink-powered-date a,
.kaerebalink-powered-date a,
.tomarebalink-powered-date a {
	color:#333;
	border-bottom: none ;
}
.booklink-powered-date a:hover,
.kaerebalink-powered-date a:hover,
.tomarebalink-powered-date a:hover {
	color:#333;
	border-bottom: 1px solid #333 ;
}
/* 著者・住所 */
.booklink-detail, .kaerebalink-detail, .tomarebalink-address {
	font-size:12px;
}
.kaerebalink-link1 div img, .booklink-link2 div img, .tomarebalink-link1 div img {
	display:none !important;
}
.kaerebalink-link1, .booklink-link2, .tomarebalink-link1 {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
}
.booklink-link2>div,
.kaerebalink-link1>div,
.tomarebalink-link1>div {
	float:left;
	width:24%;
	margin:0.5%;
}
/***** ボタンデザインここから ******/
.booklink-link2 a,
.kaerebalink-link1 a,
.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 */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.booklink-footer {
	clear:both;
}
/*****  解像度768px以下のスタイル *****/
@media screen and (max-width:768px){
	.booklink-image,
	.kaerebalink-image,
	.tomarebalink-image {
	    width: 70%!important;
	    margin-left: auto!important;
	    margin-right: auto!important;
	    float: none!important;
	}
	.booklink-link2>div,
	.kaerebalink-link1>div,
	.tomarebalink-link1>div {
	width: 46%!important;
    margin: 18px 2% 0px!important;
	}
	.booklink-info,
	.kaerebalink-info,
	.tomarebalink-info {
	  text-align:center;
	  padding-bottom: 1px;
	}
}
/*****  解像度480px以下のスタイル *****/
@media screen and (max-width:480px){
	.booklink-link2>div,
	.kaerebalink-link1>div,
	.tomarebalink-link1>div {
		width: 49%;
		margin: 0.5%;
	}
}

.kaerebalink-name a{
	text-decoration: underline;
}

.kaerebalink-powered-date a{
	text-decoration: none;
}

.shoplinkyahoo a{
	font-size: 70%!important;
    padding: 5px 0.5%!important;
}

/*********
カエレバ風
*********/
.org_item_box{
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border: 1px solid #d1d1d1;
    padding: 10px;
    margin: 0 8px;
}
.org_item_box .m_imgbox{
    width: 160px;
    height: 160px;
    margin: 12px 20px 10px 10px;
    float: left;
    text-align: center;
}
.org_item_box .m_textbox{
    width: 100%;
}
.org_item_box .m_title{
    font-size: 16px;
    font-weight: bold;
}
.org_item_box .m_desc{
    font-size:14px;
	margin-bottom: 6px;
}
.org_item_box .m_btn{
    width: 120px;
    margin: 0 5px 0 0;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    float: left;
    text-align: center;
}
.org_item_box .m_btn a{
    display: block;
    padding: 5px 0 5px 0;
    text-decoration: none;
}
.org_item_box .m_amazon{
    border: 1px solid #F3A847;
}
.org_item_box .m_amazon a{
    color: #F3A847;
}
.org_item_box .m_rakuten{
    border: 1px solid #BF0000;
    color: #BF0000;
}
.org_item_box .m_rakuten a{
    color: #BF0000;
}
.org_item_box .m_prime{
    width: 442px;
    border: 1px solid #1995DF;
    color: #1995DF;
}
.org_item_box .m_prime a{
    color: #1995DF;
}
.org_item_box .m_clear{clear:both;}

.org_item_box .m_rakuten_only{
    width: 442px;
    border: 1px solid #1995DF;
    color: #BF0000;
}
.org_item_box .m_rakuten_only a{
    color: #BF0000;
}

@media screen and (max-width:480px){
	.org_item_box .m_title{
	    font-size: 14px;
	    font-weight: bold;
	}
	.org_item_box .m_imgbox{
		width: 100%;
	    margin: 0px auto 10px;
	    text-align: center;
	}
	.org_item_box .m_imgbox img{
		max-width: 160px;
	}

	.org_item_box .m_textbox{
	    width: 90%;
	    margin: 0 5%;
	}
	.org_item_box .m_prime{
	    width: 100%;
	    border: 1px solid #1995DF;
	    color: #1995DF;
	}
	.org_item_box .m_rakuten_only{
	    width: 100%;
	    border: 1px solid #BF0000;
	    color: #BF0000;
	}
}

#btm_banner {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 5;
	bottom: 0px;
    margin: 0;
    padding: 0;
    border: 0;
}

#btm_banner a{
	display: block;
}

#btm_banner img{
	vertical-align: bottom;
}

.balloon2-chat {
	position: relative;
	margin: 10px 0px;
	padding: 7px 10px;
}

.balloon2-chat .icon {
	text-align: center;
    height: 60px;
	float: left;
}

.balloon2-chat .icon img{
	height: 60px;
    width: 60px;
    border-style: none;
}

.balloon2-chat .name {
    position: absolute;
    overflow: hidden;
    top: 34px;
    left: 80px;
    font-size: 12px;
    white-space: nowrap;
	border-bottom: 2px solid;
}

.balloon2-top {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 3px #555;
 	box-sizing: border-box;
}

.balloon2-top:before{
	content: "";
	position: absolute;
	top: -23px;
	left: 22%;
 	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
 	z-index: 2;
}

.balloon2-top:after{
	content: "";
	position: absolute;
	top: -30px;
	left: 22%;
 	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #555;
 	z-index: 1;
}

.balloon2-top p {
	margin: 0;
	padding: 0;
}

/* 口コミスライダー */
.reviewbox {
	width: 500px;
	border: 1px solid #eee7bb;
    background: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 480px) {
	.reviewbox {
		width: 100%;
		border: 1px solid #eee7bb;
	    background: #FFFFFF;
	    margin-left: auto;
	    margin-right: auto;
	}
}

.reviewbox_title{
	color: #fff;
	margin: -1px -1px 0;
	padding: 6px 5px 4px 35px;
	border-bottom: 1px solid #eba620;
	background: #ffb423;
}

.reviewbox p{
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

.review_title {
	color: #e85e13;
	margin: 10px 30px;
}

.review_point {
	margin: 10px 30px;
	border: 1px solid #eee7bb;
	background: #ffffff;
	text-align: center;
}

.review_point .star{
	margin: 0;
}

.review_point .star img{
	margin: 0;
	height: 18px;
	vertical-align: text-bottom;
}

.review_point .number{
	font-size: 20px;
	color: #ff7200;
    font-weight: bold;
	vertical-align: -2px;
	padding-left: 10px;
}

.review_note {
	margin: 10px 30px;;
}

.reviewbox_btn{
	position: absolute;
    width: 100%;
    height: 90px;
    top: 50%;
    left: 0;
    margin: -45px 0 0;
    z-index: 99;
}

.reviewbox_btn-prev{
	border: 1px solid #eee7bb;
    background: #fff;
	position: absolute;
    height: 100%;
    width: 18px;
	left: -1px;
}

.reviewbox_btn-next{
	border: 1px solid #eee7bb;
    background: #fff;
	position: absolute;
    height: 100%;
    width: 18px;
	right: -1px;
}

.reviewbox_btn-prev i{
	color: #e85e13;
	padding-top: 37px;
    padding-left: 2px;
}

.reviewbox_btn-next i{
	color: #e85e13;
	padding-top: 37px;
    padding-left: 2px;

}

.menu_ul{
	display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    padding: 0px;
	margin-bottom: 0px;
    margin-top: 51px;
}

.menu_ul li{
	display: table-cell;
    vertical-align: middle;
    font-size: 12px;
}

.menu_ul a{
  width: auto;
  margin: 0;
  padding: 10px 0;
  text-decoration: none;
  display: block;
  color: #FFF;
  background: #FCBDBD;
  font-weight: bold;
}

.menu_ul li .active{
  background: #FF8080;
}

.menu_ul .li_child_1{
  border: solid 1px #d8cdc1;
}

.menu_ul .li_child_2{
  border-right: solid 1px #d8cdc1;
  border-top: solid 1px #d8cdc1;
  border-bottom: solid 1px #d8cdc1;
}

.menu_ul .li_child_3{
  border-right: solid 1px #d8cdc1;
  border-top: solid 1px #d8cdc1;
  border-bottom: solid 1px #d8cdc1;
}

.menu_ul .li_child_4{
  border-right: solid 1px #d8cdc1;
  border-top: solid 1px #d8cdc1;
  border-bottom: solid 1px #d8cdc1;
}

.menu_slider {
  border-left: solid 1px #d8cdc1;
  border-right: solid 1px #d8cdc1;
  border-bottom: solid 2px #FF8080;
  padding: 16px 30px;
/*  background: #F3F781;*/
}

.slider_img{
	float: left;
}

.slider_title{
	padding: 0 0 0 130px;
	font-size: 14px;
}

.menu_label {
	text-align: center;
	border-left: solid 1px #d8cdc1;
	border-right: solid 1px #d8cdc1;
	padding: 11px 0;
	background-color: #FBEFEF;
	font-size: 14px;
}

.menu_label_top {
	border-top: solid 1px #d8cdc1;
}

.menu_slider_ul{
	padding: 0;
    margin: 0;
}

.menu_slider_ul li{
  border-bottom: solid 2px #FF8080;
/*  padding: 16px 30px;*/
  list-style: none;
  display: none;
}

.menu_slider_ul .active{
	display: block;
}

.word_search_box {
	border: solid 1px #d8cdc1;
}

@media only screen and (max-width: 480px) {
	.discription_font{
		font-size: 14px;
	}
}

.slideSet1 > div {
	width: 320px;
	height: 96px;
}
.slide1 {
	float: left;
}
.slideSet1 {
	position: absolute;
}
.slider1 {
	width: 320px;
	height: 104px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

.slider-prev1 {
    position: absolute;
    left: 0px;
    width: 26px;
    top: 31px;
}

.slider-next1 {
    position: absolute;
    right: 0px;
    width: 26px;
    top: 31px;
}

.slideSet2 > div {
	width: 320px;
	height: 96px;
}
.slide2 {
	float: left;
}
.slideSet2 {
	position: absolute;
}
.slider2 {
	width: 320px;
	height: 104px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

.slider-prev2 {
    position: absolute;
    left: 0px;
    width: 26px;
    top: 31px;
}

.slider-next2 {
    position: absolute;
    right: 0px;
    width: 26px;
    top: 31px;
}

.slideSet3 > div {
	width: 320px;
	height: 96px;
}
.slide3 {
	float: left;
}
.slideSet3 {
	position: absolute;
}
.slider3 {
	width: 320px;
	height: 104px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

.slider-prev3 {
    position: absolute;
    left: 0px;
    width: 26px;
    top: 31px;
}

.slider-next3 {
    position: absolute;
    right: 0px;
    width: 26px;
    top: 31px;
}

.org-menu-article{
	height: 86px;
	overflow: hidden;
	position: relative;
	display: block;
	clear: both;
	background-repeat: no-repeat;
	padding-top: 18px;
}

.org-menu-article a{
	text-decoration: none;
}

.org-menu-article .entry-text {
    line-height: 1.5em;
    padding: 3px 100px 2px 34px;
    max-height: 100px;
}

.org-menu-article .entry-title {
    font-size: 14px !important;
    height: 60px;
    overflow: hidden;
    margin: 0;
    line-height: 1.5em;
    font-weight: bold;
	color: #333;
    background-color: #FFF;
	padding: 0px;
	border-bottom: none;
}

.org-menu-article .vcard {
    font-size: 10px;
    margin: 0;
    text-align: left;
    overflow: hidden;
}

.org-menu-article .entry-thum {
    height: 96px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.org-menu-article img{
	margin: 20px 34px 0 0!important;
    height: 64px;
    width: 64px;
    object-fit: cover;
}

.sb-type-ln{
padding: 10px 0px!important;
}

.org-newlist-title {
    font-size: 20px;
    padding: 12px 10px;
    border-left: 0px;
    background: #FF8080;
    color: #FFF;
    margin-top: 10px !important;
    margin-bottom: 14px !important;
    font-weight: bold;
    line-height: 130%;
}

.osusume_ikuji_goods{
	position: relative;
	margin: 16px 0;
    border: solid 1px #ccc;
    padding: 10px 10px 2px 10px;
	border-radius: 10px;
}

.osusume_ikuji_goods .ricoh-theta-spherical-image{
    margin-right: auto;
    margin-left: auto;
}

.osusume_ikuji_goods a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}

.osusume_ikuji_goods .checktxt{
	position: absolute;
    bottom: 1px;
    right: 0px;
    padding: 0px 20px;
    background-color: #FF8080;
    margin: 10px;
    color: white;
    font-weight: bold;
}

.blog-card-logo{
	float: left;
padding-left: 8px;
}
.blog-card-kanren{
    font-size: 13px;
    margin-left: 36px;
    margin-bottom: 4px;
}

.blog-card-footer-mb{
	padding: 6px 16px;
    background: #FF8080;
    color: white;
    font-size: 12px;
    clear:both;
    text-decoration: none;
    position: absolute;
    right: 10px;
    bottom: 4px;
}

	.ra-btnBox .ra-amazon{
		display: inline-block;
	    width: 25%;
	    text-align: center;
	    margin-left: 2%;
	    margin-right: 2%;
	    padding: 6px 0;
	    background: #ff9901;
	    border-radius: 20px;
	    font-size: 14px;
	}

	.ra-btnBox .ra-rakuten{
		display: inline-block;
	    width: 25%;
	    text-align: center;
	    margin-left: 2%;
	    margin-right: 2%;
	    padding: 6px 0;
	    background: #bf0000;
	    border-radius: 20px;
	    font-size: 14px;
	}


@media only screen and (max-width: 480px) {
	.ra-btnBox .ra-amazon{
		display: inline-block;
	    width: 44%;
	    text-align: center;
	    margin-left: 3%;
	    margin-right: 3%;
	    padding: 6px 0;
	    background: #ff9901;
	    border-radius: 20px;
	    font-size: 14px;
	}

	.ra-btnBox .ra-rakuten{
		display: inline-block;
	    width: 44%;
	    text-align: center;
	    margin-left: 3%;
	    margin-right: 3%;
	    padding: 6px 0;
	    background: #bf0000;
	    border-radius: 20px;
	    font-size: 14px;
	}
}

.ra-btnBox ul{
	padding-left: 0!important;
}
.ra-btnBox a{
	text-decoration: none;
}

.ra-btnBox .am{
    color: black;
}

.ra-btnBox .ra{
    color: white;
}

.ra-ul{
    font-size: 16px;
	list-style: none;
    padding: 0 10px!important;
}

@media only screen and (max-width: 480px) {
	.ra-ul{
	    font-size: 13px;
		list-style: none;
	    padding: 0 10px!important;
	}
}

  .quote{
    margin: 10px 0px;
	background: #FBFBEF;
  }

  .quote p:before {
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 21px;/*画像の幅*/
	height: 15px;/*画像の高さ*/
	background-image: url(/wp/wp-content/uploads/2018/11/quote.png);
	background-size: contain;
	vertical-align: middle;
    margin-right: 4px;
  }

  .quote p{
	font-size: 11px!important;
    margin: 0px;
    padding: 10px 10px 0px 10px;
  }
  .quote blockquote{
	font-size: 11px;
    margin: 0px;
	background: #FBFBEF;
    padding: 0px 10px 10px 10px;
    line-height: 200%;
  }

 .quote blockquote:before  { left: 0;display:none; }
 .quote blockquote:after  { right: 0;display:none; }

.ray-btnBox .ray-amazon{
	display: inline-block;
    width: 150px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    padding: 6px 0;
    background: #ff9901;
    border-radius: 20px;
    font-size: 14px;
	color: white;
}

.ray-btnBox .ray-rakuten{
	display: inline-block;
    width: 150px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    padding: 6px 0;
    background: #bf0000;
    border-radius: 20px;
    font-size: 14px;
	color: white;
}

.ray-btnBox .ray-yahoo{
	display: inline-block;
    width: 200px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    padding: 6px 0;
    background: #ff0033;
    border-radius: 20px;
    font-size: 14px;
	color: white;
}


@media only screen and (max-width: 480px) {
	.ray-btnBox .ray-amazon{
		display: inline-block;
	    width: 44%;
	    text-align: center;
	    margin-left: 3%;
	    margin-right: 3%;
	    padding: 6px 0;
	    background: #ff9901;
	    border-radius: 20px;
	    font-size: 14px;
	}

	.ray-btnBox .ray-rakuten{
		display: inline-block;
	    width: 44%;
	    text-align: center;
	    margin-left: 3%;
	    margin-right: 3%;
	    padding: 6px 0;
	    background: #bf0000;
	    border-radius: 20px;
	    font-size: 14px;
	}

	.ray-btnBox .ray-yahoo{
		display: inline-block;
	    width: 70%;
	    text-align: center;
	    margin-left: 3%;
	    margin-right: 3%;
	    padding: 6px 0;
	    background: #ff0033;
	    border-radius: 20px;
	    font-size: 14px;
		margin-bottom: 18px;
	}
}

.ray-btnBox ul{
	padding-left: 0!important;
}
.ray-btnBox a{
	text-decoration: none;
	color: white;
}


.introduction_item {
	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;
}
.introduction_item a {
	transition: 0.8s ;
	color:#285EFF; /* テキストリンクカラー */
}
.introduction_item p {
	/*display: none;*/
    /*font-size: 130%;*/
	margin-top: 0px;
    margin-bottom: 10px;
}
.introduction_item a:hover {
	color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.introduction_item .introduction_box {
	width: 100%;
	background-color: #fafafa; /* 全体の背景カラー */
	overflow: hidden;
	border-radius: 0px;
	box-sizing: border-box;
	padding: 12px 8px;
	box-shadow: 0px 2px 5px 2px rgba(0,0,0,.26);
}
/* サムネイル画像ボックス */
.introduction_item .introduction_image {
	width:150px;
	float:left;
	margin:0 14px 0 0;
	text-align: center;
	background: #fff;
}
.introduction_item .introduction_image a {
	width:100%;
	display:block;
}
.introduction_item .introduction_image a img {
	margin:0 ;
	padding: 0;
	text-align:center;
	background: #fff;
}
.introduction_info {
	overflow:hidden;
	line-height:170%;
	color: #333;
}
/* infoボックス内リンク下線非表示 */
.introduction_info a {
	text-decoration: none;
}
/* 作品・商品・ホテル名 リンク */
.introduction_name>a {
	border-bottom: 1px solid ;
	font-size:16px;
}
.introduction_btn div img {
	display:none !important;
}
.introduction_btn {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
}
.introduction_btn>div {
	float:left;
	width:31%;
	margin:1%;
}
/***** ボタンデザインここから ******/
.introduction_btn 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);
}
/* カエレバ */
.introduction_item .introduction_btn .introduction_yahoo a {
	background:#ff0033;
	border:2px solid #ff0033;
	letter-spacing:normal;
} /* Yahoo!ショッピング */
/* カエレバ・ヨメレバ共通 */
.introduction_item .introduction_btn .introduction_amazon a {
	background:#FF9901;
	border: 2px solid #ff9901;
} /* Amazon */
.introduction_item .introduction_btn .introduction_rakuten a {
	background: #bf0000;
	border: 2px solid #bf0000;
} /* 楽天 */
/***** ボタンデザイン　マウスオーバー時ここから *****/
.introduction_item .introduction_btn a:hover {
	background: #fff;
}
/* カエレバ */
.introduction_item .introduction_btn .introduction_yahoo a:hover {
	color:#ff0033;} /* Yahoo!ショッピング */
/* カエレバ・ヨメレバ共通 */
.introduction_item .introduction_btn .introduction_amazon a:hover {
	color:#FF9901; } /* Amazon */
.introduction_item .introduction_btn .introduction_rakuten a:hover {
	color: #bf0000; } /* 楽天 */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.booklink-footer {
	clear:both;
}
/*****  解像度768px以下のスタイル *****/
@media screen and (max-width:768px){
	.introduction_image {
	    width: 70%!important;
	    margin-left: auto!important;
	    margin-right: auto!important;
	    float: none!important;
	}
	.introduction_btn>div {
		width: 96%!important;
	    margin-left: 2%!important;
	    margin-right: 2%!important;
		margin-top: 8px!important;
	}
	.introduction_info {
	  text-align:center;
	  padding-bottom: 1px;
	}
	.introduction_name>a {
		border-bottom: 1px solid ;
		font-size:14px;
	}
}

/* スマホ用 */
@media screen and (max-width: 767px) {
  .fb-container {
  width: 100%;
  max-width: 500px;
 }
}

/* PC用 */
@media screen and (min-width: 768px) {
 .fb-container {
  width: 500px;
 }
}