/*
Theme Name: WING-AFFINGER5 Child2
Template: aj20191114
Description: ver20180831以上対応
Version: 20180831
*/

.pctopnews a,.kanren a {
	text-decoration: none !important;
	color: #333;
}

.side-topad .dfad {
	margin-bottom: 15px;
}

/*******************************
* 左からの吹き出し
********************************/
.left_balloon {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    margin-left: 80px;
    padding: 10px 0 10px 16px;
    border-radius: 8px;
text-align: left;
}
.left_balloon:after,
.left_balloon:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.left_balloon:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 7px;
    margin-top: -7px;
}
.left_balloon:before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #999;
    border-width: 8px;
    margin-top: -8px;
}
.left_balloon span{
	color: #ff322f;
}

.smatoplink {
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
	border: 1px solid #ccc;
	padding: 8px 12px;
}
.toplink i,.bottomlink i,.smatoplink i {
	color: #00a29a;
}
.toplink i.pr,.bottomlink i.pr {
	color: #0577fa;
}
.toplink div,.bottomlink div,.smatoplink div {
	margin-bottom:4px;
	font-size: 14px;
	line-height: 140%;
}

.top-link-more a{
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 16px;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
	width: 280px;
	margin: 20px auto 40px auto;	
	color: #fff;
	background: #262126;
}
.top-link-more a:hover {
	color: #fff;
	background: #ff322f;
	transition : 0.5s;
}

.pcnav {
	float: none;
	padding-top: 18px;
	margin: 0 auto;
}
.pcnav ul{
	width: 713px;
}

.pcnav ul li{
	display: inline;
}
.pcnav ul li a{
	color: #999;
	background: #eee;
	font-weight: 500;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 1.0;
	border: 1px solid #fff;
	margin: 0 -1px -1px 0;
	padding: 2px 0 4px 0;
	width: 88px;
	text-decoration: none;
	text-align: center;
}
.pcnav ul li:nth-child(n + 17) a {
	background: #eee;
}
.pcnav ul li a:hover{
	color: #fff;
	background: #ccc;
	border: 1px solid #ccc;
	text-decoration: none;
}
.cate-icon {
	position: absolute;
	top: 0;
	left: 0;
	font-size:12px;
	line-height: 1.6em;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	padding: 4px 12px;
	z-index: 9999;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
.cate-icon-sma {
	font-size:12px;
	width: 100%;
	padding: 6px 0 6px 0;
	color:#FFF;
	text-align:center;
}
.event-day {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size:11px;
	background-color: rgba(255,255,255,0.8);
	width: 100%;
	padding: 2px 4px;
	font-weight: bold;
}

/*カテゴリーをクラス名にして存在する数だけ用意します。*/
#outing {
	background-color: rgba(143,195,31,0.9);
}
#gift {
	background-color: rgba(212,158,19,0.9);
}
#useful {
	background-color: rgba(122,106,86,0.9);
}
#news, #sale {
	background-color: rgba(0,162,154,0.9);
}
#city, #weekly-akashi {
	background-color: rgba(207,25,27,0.9);
}
#matome, #monthly-akashi {
	background-color: rgba(3,110,184,0.9);
}
#challenge {
	background-color: rgba(210,18,83,0.9);
}
#event {
	background-color: rgba(46,167,224,0.9);
}
#gourmet {
	background-color: rgba(248,182,45,0.9);
}
#people, #coupon {
	background-color: rgba(178,130,71,0.9);
}
#photo {
	background-color: rgba(137,137,137,0.9);
}
#management{
	background-color: rgba(89,87,87,0.9);
}
#openclose {
	background-color: rgba(234,85,20,0.9);
}
#guest {
	background-color: rgba(137,137,137,0.9);
}
.pctopnews {
	margin: 0px;
	padding: 0px;
	min-width: 732px;
}
.pctopnews dl {
	float: left;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding: 0;
	border-bottom: 1px solid #B9C297;
	width: 240px;
	border-radius: 0px;
	background-color : #fff;

}

.pctopnews dl.clearfix:hover {
	background-color : #f8ffff;
	cursor : pointer ;
	transition : 0.5s ;
}
.pctopnews dl.clearfix:hover h3 {
	color : #ff322f;
	transition : 0.5s ;
}
.pctopnews dl:first-child {
}
.pctopnews dl:last-child {

}
.pctopnews dt {
	position: relative;
	width: 240px;
	margin-bottom: 0;
}
.pctopnews dt img {
	width: 100%;
}
.pctopnews .blog_info p {
	font-size: 14px;
	color: #999;
	font-weight: normal;
	padding: 5px 0;
}
.pctopnews dd {
	padding: 10px;
}
.pctopnews dd h3 {
	line-height: 150%;
		font-size: 15px;
	margin: 0 0 5px 0;
	color: #333;
	height:75px;
	overflow: hidden;
}
.pctopnews dd p {
	font-size: 14px;
	line-height: 140%;
	color: #333;
	font-weight: 500;
}
.pctopnews dd .smanone {
	height: 40px;
	margin-bottom: 10px;
	overflow: hidden;
	color: #666;
}
.views {
	text-align: right;
	color: #666;
	font-size: 12px;
}

.shares {
	font-weight: 700;
	color: #ff322f;
}
.top-comment {
	color: #3D7A8A;
}

.smatitle {
margin-bottom: 16px;
margin-top: 24px;
border-left: solid #ff322f 3px;
color: #ff322f;
padding-left: 8px;
}

.pc-midashi {
	color: #262126;
	font-size: 20px;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 0px;
}
.pc-midashi span {
	display: block;
	color: #ccc;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	padding-top: 5px;
}

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


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

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {
.sitename {

	max-width: 300px;
float: left;
		text-align: left;

}
	.pcnav {
	float: right;
	padding-top: 24px;
	margin-right: -10px;

}
main {
		margin:0 auto;
		width: 732px;
	padding: 0 !important;
	}
.post {
		width: 728px;
}

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

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {
	
	/*-- ここまで --*/
}

/*--------------------------------
/* 記事内リンク
---------------------------------*/

.journal-link{
	padding: 4px 8px;
	color: #46AB92;
	background-color: #fff;
	font-size: 14px;
	font-weight: bold;
	border-radius: 0px;
	line-height: 1.0;
	margin-right: 8px;
	margin-bottom: 8px;
	display: inline-block;
	border: 1px solid #46AB92;
	border-radius: 4px;
}
.other-link{
	padding: 4px 8px;
	color: #46AB92;
	background-color: #fff;
	font-size: 14px;
	font-weight: bold;
	border-radius: 0px;
	line-height: 1.0;
	margin-right: 8px;
	margin-bottom: 8px;
	display: inline-block;
	border: 1px solid #46AB92;
	border-radius: 4px;
}

.dfad_first {
	float: left;
}

.dfad_last {
	float: right;
}

/*--------------------------------
店舗紹介
---------------------------------*/
.shop_info {
	border-top: 1px solid #262126;
	border-bottom: 1px solid #262126;
	padding: 10px;
	margin: 20px 0px 5px 0px;
	background-color: #fff;
	line-height: 1.2;
}
.shop_info_name {
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	padding-bottom: 8px;
	color: #3D7A8A;
	border-bottom: 1px dashed #262126;
}
.shop_info_title {
	font-size: 13px;
	line-height: 1.6;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #3D7A8A;
	display: inline-block;
}
.shop_info_txt {
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	font-weight: 500;
	margin: 0px 0px 4px 0px;
	display: inline-block;
}
.shop_info p:last-child {
	margin: 0px;
}
.shop_attention {
	font-size: 12px;
	color: #B9C297;
	text-align: center;
	margin-bottom: 16px;
}
/*--------------------------------
フォト紹介
---------------------------------*/
.post-photo {
	margin-bottom: 20px;
}
.photo_info {
	border: 1px solid #999;
	padding: 20px;
	margin: 20px 0px;
}
.photo_info_name {
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding-bottom: 10px;
	color: #63c031;
	border-bottom: 1px dashed #ccc;
}
.photo_info_title {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #63c031;
}
.photo_info_txt {
	font-size: 14px;
	margin: 0px 0px 10px 0px;
}
.photo_info p:last-child {
	margin: 0px;
}
.photo_attention {
	color: #999;
}
.photo_link {
}
.photo_link a{
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 8px 16px;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;
	width: 280px;
	margin: 40px auto;	
	color: #fff;
	background: #2c7cde;
}
.photo_link a:hover {
	color: #fff;
	background: #eb2d7e;
}
/************************************
** ブログカードのスタイル
************************************/
a.blog-card-thumbnail-link {
  text-decoration:none;
}
.blog-card{
  padding:12px;
  margin:16px auto 24px auto;
  border:1px solid #4682BB;
  word-wrap:break-word;
  max-width:520px;
    background: #fff;
  border-radius:4px;

}
a:hover .blog-card{
    background: #f8ffff;
}
.blog-card-thumbnail{
  float:left;
}

.blog-card-content{
  margin-left:130px;
  line-height:120%;
}
.blog-card-title{
  margin-bottom:5px;
  line-height:140%;
}

a .blog-card-title{
  font-weight:bold;
  text-decoration:none;
  color:#262126;
}
a:hover .blog-card-title {
    color: #ff322f;
}

.blog-card-excerpt{
  color:#333;
  font-size:90%;
}

.blog-card-footer{
  font-size:80%;
  color:#999;
  margin-top:5px;
	text-align: right;
}

.clear{
  clear:both;
}
.journal-link2{
    padding: 4px 0px;
    width: 100%;
    color: #fff;
    background-color: #4682BB;
    font-size: 14px;
    font-weight: bold;
    border-radius: 0px;
    line-height: 1.0;
    margin: 0px;
    display: block;
    text-align: center;
}
/*--------------------------------
関連記事表示部分
---------------------------------*/
.kanren {
	
}

.kadomaru img{
	border-radius:100px;
}

/* タイトル名 */
.kanren dd h5 {
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}
.kanren dd h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}

.kanren dl.mbtopnews dt {
	float: left;
	width: 130px;
}

.kanren dl.mbtopnews dt img {
	width: 130px;
}

.kanren dl.mbtopnews dd {
	padding-left: 140px;
}

.kanren dl {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}

.kanren dl p {
	margin-bottom: 0px;
}

.kanren dl:last-child {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}


/*--------------------------------
人気記事表示部分
---------------------------------*/
#popular,#popular-sma {
	padding: none;
}

/* タイトル名 */
#popular dd h5,#popular-sma dd h5 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 10px;
line-height: 140%;
}

#popular dt {
	float: left;
	width: 145px;
}

#popular dt img {
	width: 145px;
}

#popular dd {
	padding-left: 155px;
}
#popular-sma dt {
	float: left;
	width: 130px;
}

#popular-sma dt img {
	width: 130px;
}

#popular-sma dd {
	padding-left: 140px;
}

#popular dl,#popular-sma dl {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}

/* 抜粋文字 */
#popular .clearfix dd p {
	font-size: 13px;
	color: #666;
	line-height: 18px;
}

#popular .clearfix dd h5 a,
#popular-sma .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}

#popular .clearfix dd h5 a:hover,
#popular-sma .clearfix dd h5 a:hover {
	color: #b22222;
}

#popular .wpp-views{
	padding: 4px 8px;
	color: #333;
	background-color: #eee;
	font-size: 12px;
	font-weight: bold;
	border-radius: 2px;
	border: 1px solid #999;
	display: block;
}

#most-view,#most-view2 {
width: 728px;
margin-bottom: 20px;
}
#most-view3 {

}

#most-view dl {
width: 240px;
float:right;
position: relative;
margin-bottom: 3px;
}
#most-view dl:nth-of-type(n+4) {
float:left;
margin-right: 4px;
}
#most-view dl:nth-child(6) {
float:left;
margin-right: 0px;
}


#most-view2 dl {
width: 240px;
float:left;
position: relative;
margin-right: 4px;
margin-bottom: 3px;
}

#most-view2 dl:nth-child(3n) {
margin-right: 0px;
}

#most-view dl dd,#most-view2 dl dd {
position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0px;
color: #262126;
	background-color: rgba(255,255,255,0.7);

}
#most-view dl dd div,#most-view2 dl dd div {
padding:8px;
font-size: 12px;
line-height: 140%;
}
#most-view dl dd div a,#most-view2 dl dd div a {
color: #262126;
text-decoration: none;
font-weight: bold;
}
#most-view dl dd span,#most-view2 dl dd span {
color: #ff322f;
font-weight: bold;
font-size: 12px;
float: right;
display: block;
}

#most-view dl:first-child {
width: 484px;
float:left;
margin-bottom: 2px;
}

#most-view {
  counter-reset: ranking;
  list-style-type: none;
}
#most-view dt {
  clear: both;
  position: relative;
  overflow: hidden;

}
#most-view dt::before {
  counter-increment: ranking;
  content: counter(ranking);
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  text-align: center;
  width: 1.5em;
  height: 1.5em;
  color: #fff;
  line-height: 1.5em;
  font-size: 14px;
}


/* 吹き出しのCSS　*/
.l-fuki,
.r-fuki {
	position: relative;
	width: 80%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 20px;
	border-radius: 6px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 5px #ccc;
	background-color: #fff;
	z-index: 1;
}
.l-fuki {
	margin: 20px 20% 40px 0;
}
.r-fuki {
	margin: 20px 0 40px 19%;
}
.l-fuki::before,
.r-fuki::before {
	position: absolute;
	content: "";
	top: 16px;
	width: 10px;
	height: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	z-index: 2;
}
.l-fuki::before {
	right: -7px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.r-fuki::before {
	left: -7px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.l-fuki::after,
.r-fuki::after {
	position: absolute;
	content: "";
	width: 80px;
	height: 80px;
	top: -10px;
	border-radius: 40px;
	border: 3px solid #fff;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 1px 1px 5px #aaa;
}
.l-fuki::after {
	right: -110px;
}
.r-fuki::after {
	left: -110px;
}
@media screen and (max-width: 620px) {
	.l-fuki,
	.r-fuki {
		width: 70%
	}
	.l-fuki {
		margin-right: 30%;
	}
	.r-fuki {
		margin-left: 30%;
	}
}
@media screen and (max-width: 478px) {
	.l-fuki::after,
	.r-fuki::after {
		width: 60px;
		height: 60px;
		border-radius: 30px;
	}
	.l-fuki::after {
		right: -84px;
	}
	.r-fuki::after {
		left: -84px;
	}
}
.wauchi::after {background-image:url(https://akashi-journal.com/images/wauchi.jpg);}
.asahina::after {background-image:url(https://akashi-journal.com/images/asahina.jpg);}
.gf-koma::after {background-image:url(https://akashi-journal.com/images/gfkoma.jpg);}
.koma::after {background-image:url(https://akashi-journal.com/images/koma.jpg);}
.masaya::after {background-image:url(https://akashi-journal.com/images/masaya.jpg);}

/* ポータル　*/

/*--------------------------------
上部
---------------------------------*/
.entry-phonetic {
	font-size: 12px;
	font-weight: 500;
	color: #666;
	margin-bottom: 16px;
}
.entry-address{
	font-size: 12px;
	font-weight: 500;
	color: #666;

}
.entry-spot {
	font-size: 12px;
	font-weight: 500;
	color: #666;
	margin-bottom: 24px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
}

.hotel-reserve {
	display: inline;
}
.hotel-reserve a{
	display: block;
	text-align: center;
	font-size: 14px;
	padding: 8px 0;
	text-decoration: none;
	color: #fff;
}
.hotel-reserve a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.hotel-reserve img{
	position: absolute;
}
.jaran a {
	float: left;
	width: 49%;
	background: #ff5800;
}
.r-travel a {
	float: right;
	width: 49%;
	background: #66b821;
}


/*--------------------------------
店舗紹介
---------------------------------*/
.portal_shop_info {
	border-top: 1px solid #ccc;
	padding: 12px 0;
	margin: 20px 0px 0px 0px;
	background-color: #fff;
	line-height: 1.2;
}
.portal_shop_info_name {
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	margin: 0;
	padding-bottom: 12px;
	padding-left: 8px;
	color: #333;
}
.portal_shop_info_name span {
	font-size: 12px;
	font-weight: 500;
}

.portal_shop_info dl {
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	font-size: 12px;
	background: #eee;
	overflow: hidden;
}
.portal_shop_info dl dt {
	float: left;
	width: 8em;
	border-top: solid 1px #ccc;
	padding: 1em; 
}
.portal_shop_info dl dd {
	margin-left: 10em;
	border-top: solid 1px #ccc;
	padding: 1em;
	background: #fff;
}
.portal_shop_info dl dt:last-child,.portal_shop_info dl dd:last-child  {
	margin-bottom: 0;
}


.sma-random .pc-random{
	margin-bottom: 20px;
	width: 100%;
}

.sma-random .random-box {
	float: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0px;
	padding: 0;
	border: none;
	width: 49.5%;
	border-radius: 0px;
	background-color : #fff;
	position: relative;
}
.sma-random .random-box:nth-child(even) {
	float: right;
}

.random-box .random-thumbnail {
	width: 100%;
	margin-bottom: 0;
}
.random-thumbnail img {
	width: 100%;
}
.random-cat {
	display: inline;
}
.random-cat a {
	font-size: 12px;
	color: #fff;
	display: block;
	padding: 4px 0;
	text-decoration: none;
	text-align: center;
}
.random-cat a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.catname-ap a {
	font-size: 12px;
	color: #fff;
	display: inline-block;
	padding: 4px 8px;
	text-decoration: none;
}
.catname-ap a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.post-cat {
	margin: 16px 0;
}

.cat-gourmet a {
	background-color: #f39800;
}
.cat-akashiyaki a {
	background-color: #ef3349;
}
.cat-park a {
	background-color: #00a29a;
}
.cat-hotel a {
	background-color: #0699c9;
}
.random-title {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 8px 0;
	background-color: rgba(255,255,255,0.7);
}
.random-title div {
	color: #333;
	text-align: center;
	font-size: 14px;
	line-height: 100%;
	font-weight: 500;
	padding: 0;
	margin: 0;
	border: none;
}

.pc-random .random-box {
	float: left;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 4px;
	margin-left: 0px;
	padding: 0;
	border: none;
	width: 33%;
	border-radius: 0px;
	background-color : #fff;
	position: relative;
}
.pc-random .random-box:nth-child(3n) {
	margin-right: 0;
}

.top-randam-box {
	margin-bottom: 40px;
}
.top-randam-box h2 {
	max-width: 728px;
}

/*--------------------------------
記事下アドセンス
---------------------------------*/
#adsense-bottom {
	padding: 20px;
	width: 688px;
	margin: 0 0 20px 0;
	background: #eee;
}
#adsense-left {
	float:left;
}
#adsense-right {
	float:right;
}

/*記事所要時間*/
.dokuryou {
    color: #888;
    font-size: 12px;
	border-left: 1px solid #999;
	background: linear-gradient(-135deg, #fff,#eee);
	padding-left: 10px;
}
.dokuryou span {
    color: #777;
    font-weight: bold;
    padding: 0 3px;
}
.coupon-link {
    font-size: 14px;
}
.coupon-link span{
	display:inline-block;
	background: #333;
	padding: 0 4px;
	color: #fff;
	background: #1583ff;
}
.coupon-link a {
	color: #ff1815;
	font-weight: bold;
}

@media screen and (max-width: 500px){
.adsbygoogle {
overflow: visible;
}
}
@media screen and (max-width: 600px) {
#wpadminbar {
position: fixed!important;
}
}
main {
		margin:0 auto;
	padding: 0 !important;
	}


/*=================================================================================
カエレバ・ヨメレバ・トマレバ
=================================================================================*/
.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%;
}
}