@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-style:normal; font-weight:normal; font-size:100%; vertical-align:baseline;}
strong { margin:0; padding:0; border:0; font-style:normal; font-weight:bold; font-size:100%; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
html{ overflow-y:scroll;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none;}
input, textarea{ margin:0; padding:0;}
ol, ul{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
caption, th{ text-align:left;}
a:focus { outline:none;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}  
.clearfix { display:inline-table; }  
/* Hides from IE-mac \*/  
* html .clearfix { height:1%; }  
.clearfix { display:block; }  
/* End hide from IE-mac */  
 
* { box-sizing:border-box;}
.audiojs * { box-sizing:content-box !important;}

a { text-decoration:none;}
a:hover { text-decoration:none; opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)";}
a, a:hover { -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}

img, ins { max-width:100%; height:auto; vertical-align: bottom;}


/*---- body, wrap, inner ----*/

body { min-width: 1200px; line-height: 150%; text-align: center; word-wrap: break-word; font-size: 16px; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important; }
.inner, .innerW { width: 1200px; margin: 0 auto;}

@media screen and (max-width: 788px){
	body { min-width: 1px;}
	.inner, .innerMB { width: auto; padding: 0 10px;}
	.innerW { width: auto;}
}
@media screen and (max-width: 768px){
	.clearfixMB:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}  
	.clearfixMB { display:inline-table; }  
	/* Hides from IE-mac \*/  
	* html .clearfixMB { height:1%; }  
	.clearfixMB { display:block; }  
	/* End hide from IE-mac */  
}
@media screen and (max-width: 480px){
}


/*---- header ----*/

header { width: 100%;}
#headerWrap { }
.headerInner { position: relative; width: 1200px; margin: 0 auto;}

.snsBar { height: 35px; background: #333; text-align: right;}
.snsBar ul li { display: inline-block; margin-left: 20px;}
.snsBar ul li a i { color: #bbb; font-size: 21px; line-height: 35px;}
.snsBar ul li a i span.text { display: none;}
.snsBar ul li.lng { padding-top: 2px;}

.naviBar { padding: 12px 0; text-align: left;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #222), color-stop(0.00, #000));
background: -webkit-linear-gradient(top, #000 0%, #222 88%);
background: -moz-linear-gradient(top, #000 0%, #222 88%);
background: -o-linear-gradient(top, #000 0%, #222 88%);
background: -ms-linear-gradient(top, #000 0%, #222 88%);
background: linear-gradient(to bottom, #000 0%, #222 88%);}
.naviBar .logo { float: left;}

#lngBtn, #lngList { display: none;}

#menuBtn { display: none;}

#gNavi { width: 860px; padding: 8px 0; margin-left: 340px;}
#gNavi ul { display: table; table-layout: fixed; width: 100%;}
#gNavi ul li { display: table-cell; text-align: center;}
#gNavi ul li a { position: relative; display: block; height: 50px; color: #fff;}
#gNavi ul li a:after { position: absolute; left:50%; bottom: 0px; margin-left: -6px; content: "\f107"; font-family: Font Awesome\ 5 Free; font-size: 20px;}
#gNavi ul li a .ja { display: block; color: #fff; margin-bottom: 4px;}
#gNavi ul li a .en { display: block; color: #888; font-size: 12px;}

.h1Bar { height: 40px; background: #333;}
.h1Bar h1 { color: #eee; font-size: 15; line-height: 35px;}
.h1Bar h1 .icon { margin-left:6px;}
.h1Bar h1 .icon img { width: 23px; height: 23px; margin: 0 2px; vertical-align: middle;}
.h1Bar h1 .mb { display: none;}

@media screen and (max-width: 768px){
	header { height: 26px;}
	.headerInner  { width: auto; padding: 0 10px;}
	.snsBar { display: none;}
	.h1Bar { margin-top: 56px; height: 30px;}
	.h1Bar h1 { font-size: 13px; line-height: 30px;}
	.h1Bar h1 .icon img { width: 20px; height: 20px;}
	.naviBar { position: fixed; top: 0px; left:0px; width: 100%; padding: 8px 0; background: rgba(0,0,0,0.8); z-index: 1000;}
	.naviBar .logo, .naviBar .logo img { height: 40px; float: none; }
	
	#lngBtn { position: fixed; top: 8px; right: 60px; display: block; height: 38px; color: #ccc; font-size: 26px; z-index: 2000;}
	#lngList { display: none; z-index: 3000;}

	#menuBtn { position: fixed; top: 8px; right: 10px; display: block; width: 38px; height: 38px; border: 1px #fff solid; background: rgba(0,0,0,0.8); border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; color: #fff; font-size: 26px; text-align: center; line-height: 40px; z-index: 2000;}
	#gNavi { position: fixed; top: 56px; left:0px; display: none; width: 100%; margin-left: 0; background: rgba(0,0,0,0.8); z-index: 3000;}
	#gNavi ul, #gNavi ul li { display: block; width: 100%; text-align: left;}
	#gNavi ul li a { padding-left: 20%; line-height: 50px;}
	#gNavi ul li a:after { left: 80%; content: "\f105"; font-family: Font Awesome\ 5 Free; font-size: 16px;}
	#gNavi ul li a .ja { display: inline; margin: 0 12px 0 0;}
	#gNavi ul li a .en { display: inline;}
}
@media screen and (max-width: 640px){
	header { height: auto;}
	.h1Bar { height: auto;}
	.h1Bar h1 .mb { display: block;}
	.h1Bar h1 { font-size: 11px; line-height: 15px;}
	.h1Bar h1 .icon img { width: 13px; height: 13px;}
}




/*---- main ----*/

main {}
#mainWrap { position: relative; padding: 30px 0;}
#lng { position: fixed; right: 0px; top: 222px; width: 80px; background:#fff;}
#lng a { display: block; margin-bottom: 4px; border: 1px #ccc solid; border-right: none; border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; color: #eee; font-size: 14px; background:#333;}
#lng a .mb { display: none;}

@media screen and (max-width: 768px){
	#mainWrap { padding: 10px 0;}
	#lng { position: absolute; width: auto; top: 18px; right: 14px; height: 22px;}
	#lng a { display: block; width: 22px; height: 22px; background: #fff; margin: 0 0 0 4px; float: left; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; line-height: 22px; text-align: center;}
	#lng a .pc { display: none;}
	#lng a .mb { display: inline;}
}

.breadWrap { width: 100%; height: 46px;}
.breadBox { text-align: left; color: #999; font-size: 16px; line-height: 46px;}
.breadBox a { color: #666;}
@media screen and (max-width: 768px){
	.breadWrap { height: 0px;}
	.breadBox { display: none;}
}


#mainLeft { width: 336px; float: left; }
#mainRight { width: 834px; float: right;}

.h1wrap { width: 100%; min-height: 42px; padding: 8px 0; background: #8C8D83 url(../images/h1back.png) left center no-repeat;}
.h1wrap h1 { padding-left: 42px; line-height: 26px; color: #fff; font-size: 22px; font-weight: bold; text-align: left;}

.addWrap { display: table; width: 100%; margin: 30px 0;}
.addCell { display: table-cell; width: 50%; text-align: center; vertical-align: middle;}
.addBox  { margin: 0 auto 15px auto; }
.addBox ins.w336 {width:336px;height:280px}

@media screen and (max-width: 768px){
	#mainLeft { width: 100%; padding: 10px 0; float: none; }
	#mainRight { width: 100%; padding: 10px 0; margin-left: 0;}
	.addWrap, .addCell { display: block; width: 100%;}
	.addBox ins.w336 {width:468px;height:60px}
}
@media screen and (max-width: 480px){
	.addBox ins.w336 {width:320px;height:50px}
}


/*---- side ----*/

.sideHead { padding: 6px; margin-bottom: 6px; background: #8C8C83; color: #fff; font-size: 18px; font-weight: bold; text-align: center; line-height: 24px;}
.sideWrap { width: 100%; padding: 16px; border: 1px #C2C8BB solid;}

.sideWrap ul.p > li { width: 100%; color: #8C8C83; }
.sideWrap ul.p > li > a { display: inline-block; width: 100%; border-bottom: 1px #C2C8BB solid; color: #727269; font-size: 16px; font-weight: bold; text-align: center;}
.sideWrap ul.p > li > a.none:hover { cursor: default; text-decoration: none; opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";}
.sideWrap ul.children { width: 100%; max-height: 160px; margin: 10px 0; overflow-y: scroll; text-align: left;}
.sideWrap ul.children > li a { color: #727269; text-decoration: none;}
.sideWrap ul.children > li a:hover { text-decoration: underline;}

@media screen and (max-width: 768px){
	.sideHead { height: 40px; border: 1px #C2C8BB solid; line-height: 40px;}
	.sideHead:before { margin-right: 1em; content: "\f107"; font-family: Font Awesome\ 5 Free; font-size: 20px;}
	.sideWrap { display: none; padding: 10px;}
}

.addBoxSide { margin: 0 auto 10px auto; border: 1px #C2C8BB solid;}
.addBoxSide ins.w336 {width:336px;height:280px}

.addBoxSide.MB { display: none;}

@media screen and (max-width: 768px){
	.addBoxSide ins.w336 {width:468px;height:60px}
	.addBoxSide.PC { display: none;}
	.addBoxSide.MB { display: block;}
}
@media screen and (max-width: 480px){
	.addBoxSide ins.w336 {width:320px;height:50px}
}





/*---- search ----*/

.searchHead { padding: 6px; margin-bottom: 6px; background: #8C8C83; color: #fff; font-size: 18px; font-weight: bold; text-align: center; line-height: 24px;}
.searchWrap { width: 100%; height: 42px; margin-bottom: 12px; border: 1px #C2C8BB solid; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
.searchWrap input { display: inline-block; width: 270px; height: 38px; padding: 0 10px; margin-left: 2px; border: none; line-height: 40px; float: left;}
.searchWrap input:focus { border:none; outline: none;}
.searchWrap button { display: block; width: 60px; height: 40px; background: #C2C8BB; border:none; float: right;}
.searchWrap button:hover { cursor: pointer; opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)"; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.searchWrap button:focus { border:none; outline: none;}
.searchWrap button span { display: inline-block; font-size: 22px; line-height: 22px;}


/*---- pager ----*/

.wp-pagenavi { display: block; float: left;}
.wp-pagenavi span, .wp-pagenavi a { display: block; min-width: 36px; height: 36px; padding-top: 0 !important; line-height: 36px; float: left; white-space: nowrap;}


/*---- footer ----*/

footer {}
#footerWrap { background: #333;}
.footerInner { width: 1200px; margin: 0 auto;}

#fNavi { width: 100%; padding: 20px 0; background: #222;}
#fNavi ul li { display: inline-block; padding: 0 16px;}
#fNavi ul li a { color: #fff;}

.copyWrap { width: 100%; height: 44px;}
.copyWrap p { color: #777; font-size: 12px; line-height: 44px; text-align: right;}
.copyWrap p.add { float: left;}
.copyWrap p.add a { color: #777; font-size: 12px; line-height: 44px;}

@media screen and (max-width: 768px){
	.footerInner  { width: auto; padding: 0 10px; text-align: center;}
	#fNavi { display: none;}
	.copyWrap { height: auto;}
	.copyWrap p.add { float: none;}
	.copyWrap p.add a { line-height: 24px;}
	.copyWrap p { line-height: 24px; text-align: center;}
}
@media screen and (max-width: 480px){

}

/* mobilemenu */

.logoBar .footerInner { position: relative; height: 56px; background: url(../images/footer_logo.png) right center no-repeat;}
.logoBar .footerInner .ftMenu { display:none;}
.logoBar .footerInner .pagetop { display:block; position: absolute ; top:-29px; right:0px;}
.logoBar .footerInner .pagetop a { display: block; width:29px; height:29px; padding-top: 3px; background: #333; text-align:center; line-height:13px; color: #fff; font-size:11px;}

@media screen and (max-width: 768px){
	.logoBar .footerInner { position: relative; height: 56px; background: url(../images/footer_logo.png) center center no-repeat;}
	
	.logoBar .footerInner .ftMenu { display:block; position: fixed; top: auto; right: 10px; bottom: 70px;}
	.logoBar .footerInner .ftMenu a { display: block; width:40px; height:40px; background: #333; text-align:center; line-height:40px; color: #fff; font-size:18px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
	.logoBar .footerInner .pagetop { display:block; position: fixed; top: auto; right: 60px; bottom: 70px;}
	.logoBar .footerInner .pagetop a { display: block; width:40px; height:40px; padding-top: 3px; background: #333; text-align:center; line-height:13px; color: #fff; font-size:11px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
}

#fNaviMb { display: none; position: fixed; left: 0px; bottom: 0px; width: 100%; padding: 5px; background: rgba(34,34,34,0.95);}
#lngList2 { display: none; position: fixed; left: 0px; bottom: 60px; width: 100%; z-index: 200;}

@media screen and (max-width: 768px){
	#fNaviMb { display: block;}
	#fNaviMb ul { display: table; table-layout: fixed; width: 100%; height: 50px;}
	#fNaviMb ul li { display: table-cell; padding: 0 3px; vertical-align: top;}
	#fNaviMb ul li a { display: block; width: 100%; height: 50px; border: 1px #fff solid; color: #fff; font-size: 14px; line-height: 50px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
	#fNaviMb ul li a.trans { font-size: 24px;}
}

#mobileMenu { display: none;}

@media screen and (max-width: 768px){
	#mobileMenu { position: fixed; top: 0px; left: 0px; display: block; width: 100%; height: 100%; padding: 5px; background: rgba(34,34,34,0.95); z-index: 4000; overflow-y: scroll;}
	#mobileMenu .mmCloseBtn { display:block; position: fixed; top: auto; right: 10px; bottom: 10px; width:40px; height:40px; background: #333; text-align:center; line-height:40px; color: #fff; font-size:18px; border: 1px #999 solid; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; z-index: 5000; }

	#mobileMenu .mmInner { width: 100%; height: 1500px; padding: 10px; overflow-y: scroll; }
	#mobileMenu .mmInner a { color: #fff; font-size: 14px;}
	#mobileMenu .mmInner .search { margin-bottom: 10px;}
	#mobileMenu .mmInner .search a { display: block; width: 100%; padding: 20px 0; border: 1px #fff solid; line-height: 20px;}
	#mobileMenu .mmInner table.mmNavi { width: 100%; margin-bottom: 10px;}
	#mobileMenu .mmInner table.mmNavi tr td { width: 50%; height: 68px; border: 1px #fff solid;}
	#mobileMenu .mmInner table.mmNavi tr td a { width: 100%; height: 68px; line-height: 68px;}
	#mobileMenu .h2newsItemWrap { width: 100%; margin: 10px 0; border-bottom: 2px #fff solid; color: #fff;}
	#mobileMenu ul.mmItemList { width: 100%; list-style-type: none; margin-bottom: 10px;}
	#mobileMenu ul.mmItemList li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #D9D9D9 solid; color: #fff; list-style-type: none; text-align: left;}
	#mobileMenu ul.mmItemList li figure.itemMeta { display: table; table-layout: fixed; width: 100%;}
	#mobileMenu ul.mmItemList li figure.itemMeta .imgBox { display: table-cell; width: 80px; vertical-align: top;}
	#mobileMenu ul.mmItemList li figure.itemMeta figcaption { display: table-cell; padding-left: 10px; vertical-align: top;}
	#mobileMenu ul.mmItemList li figure.itemMeta dl { width: 100%;}
	#mobileMenu ul.mmItemList li figure.itemMeta dl dt { margin-bottom: 0;}
	#mobileMenu ul.mmItemList li figure.itemMeta dl dt .date { display: block; width: 80px; font-size: 13px; line-height: 23px;}
	#mobileMenu ul.mmItemList li figure.itemMeta dl dt .title { display: block; margin-right: 10px; line-height: 23px;}
	#mobileMenu ul.mmItemList li figure.itemMeta dl dt .title a { font-size: 16px; font-weight: bold; background: none;}
	#mobileMenu ul.mmItemList li figure.itemMeta dl dd.comment { margin-bottom: 10px;}
	#mobileMenu ul.mmItemList li figure.itemMeta dl dd.comment a { background: none;}
}
@media screen and (max-width: 480px){
	#mobileMenu ul.mmItemList li figure.itemMeta dl dt .date { font-size: 11px; line-height: 13px;}
	#mobileMenu ul.mmItemList li figure.itemMeta dl dt .title a { font-size: 14px; line-height: 20px;}
	#mobileMenu ul.mmItemList li figure.itemMeta dl dd.comment { font-size: 12px; line-height: 20px;}
}



/* pager */

.wp-pagenavi a { color: #727269 !important;}


/* Font Awesome hatena bookmark */
.fa-hatena:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold
}


/* CSS memo

Font Awesome
https://fontawesome.com/icons?d=gallery&m=free
 
角丸
border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; 

テキストシャドウ
text-shadow:1px 1px 3px #000;
 
ボックスシャドウ
-moz-box-shadow:1px 1px 3px #000; -webkit-box-shadow:1px 1px 3px #000; box-shadow:1px 1px 3px #000;
 
ボックスシャドウ内側
-moz-box-shadow:inset 1px 1px 3px #000; -webkit-box-shadow:inset 1px 1px 3px #000; box-shadow:inset 1px 1px 3px #000;

トランジション
-webkit-transition: 1.5s; -moz-transition: 1.5s; -o-transition: 1.5s; transition: 1.5s;
 
要素全部を透明
filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;
 
背景のみ透明
background-color:rgba(255,255,255,0.2);
 
:first-child
:last-child
:nth-child(odd)　･･･　奇数番目の要素に適用
:nth-child(even)　･･･　偶数番目の要素に適用
:nth-child(n)　･･･　n番目の要素に適用
:nth-child(2n+1)　･･･　奇数番目の要素に適用
:nth-child(2n)　･･･　偶数番目の要素に適用
:nth-child(3n)　･･･　3,6,9,12…番目の要素に適用
:nth-child(3n+1)　･･･　1,4,7,10…番目の要素に適用 

明朝体
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

テキスト省略
.container { overflow: hidden; width: 100%;}
.container  p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

コンタクトフォーム
.contactTable {}
.contactTable input[type="text"] { width:250px;}
.contactTable input.eisu { ime-mode:inactive;}
.contactTable textarea { width:100%;}
.formNotice { display:none; color:#f33;}

可変Youtube埋め込み
.youtube { position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

要素を横スクロール
.scroll { width: 100%;
overflow-y: hidden;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}

WordPress

.postContents .alignnone { display: inline;}
.postContents .aligncenter { display: block; margin: 0 auto;}
.postContents .alignright { display: block; float: right;}
.postContents .alignleft { display: block; float: left;}
.postContents p + p { margin-top: 1em;}



CSS memo */


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