/*
Theme Name: stingerplus child
Template: stingerplus
Version: 20160525
*/
@import url('../stingerplus/style.css');

/*--------------------------------------
  ヨメレバ・カエレバ・トマレバ
--------------------------------------*/
.cstmreba {
	width:100%;
	height:auto;
	margin:36px 0;
}
.booklink-box, .kaerebalink-box, .tomarebalink-box {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 5px;
}
/* サムネイル画像ボックス */
.booklink-image,
.kaerebalink-image,
.tomarebalink-image {
	width:150px;
	float:left;
	margin:0 14px 0 0;
	text-align: center;
}
.booklink-image a,
.kaerebalink-image a,
.tomarebalink-image a {
	width:100%;
	display:block;
}
/* サムネイル画像 */
.booklink-image a img, .kaerebalink-image a img, .tomarebalink-image a img {
	margin:0 ;
	padding: 0;
	text-align:center;
}
.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 dotted ;
	color:#2098A8;
	font-size:15px;
}
/* 作品・商品・ホテル名ホテル名 リンク ホバー時 */
.booklink-name>a:hover,
.kaerebalink-name>a:hover,
.tomarebalink-name>a:hover {
	color: #722031;
}
/* 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 {
	border-bottom: 1px dotted ;
	color: #2098A8;
}
/* 著者・住所 */
.booklink-detail, .kaerebalink-detail, .tomarebalink-address {
	font-size:12px;
}
.kaerebalink-link1 img, .booklink-link2 img, .tomarebalink-link1 img {
	display:none;
}
.booklink-link2>div, 
.kaerebalink-link1>div, 
.tomarebalink-link1>div {
	float:left;
	width:31%;
	min-width:125px;
	margin:0.5% 1%;
}
.booklink-link2 a, 
.kaerebalink-link1 a,
.tomarebalink-link1 a {
	width: 100%;
	display: inline-block;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	padding:3% 1%;
	border-radius: 4px;
	box-shadow: 0 2px 0 #ccc;
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover,
.tomarebalink-link1 a:hover {
	text-decoration: underline;
}
/* ボタンカラー */
/* トマレバ */
.tomarebalink-link1 .shoplinkrakuten a { color: #76ae25; }/* 楽天トラベル */
.tomarebalink-link1 .shoplinkjalan a { color: #ff7a15; }/* じゃらん */
.tomarebalink-link1 .shoplinkjtb a { color: #c81528; }/* JTB */
.tomarebalink-link1 .shoplinkknt a { color: #0b499d; }/* KNT */
.tomarebalink-link1 .shoplinkikyu a { color: #bf9500; }/* 一休 */
.tomarebalink-link1 .shoplinkrurubu a { color: #000066; }/* るるぶ */
.tomarebalink-link1 .shoplinkyahoo a { color: #ff0033; }/* Yahoo!トラベル */
/* カエレバ */
.kaerebalink-link1 .shoplinkyahoo a {color:#ff0033;} /* Yahoo!ショッピング */
.kaerebalink-link1 .shoplinkbellemaison a { color:#84be24 ; }	/* ベルメゾン */
.kaerebalink-link1 .shoplinkcecile a { color:#8d124b; } /* セシール */ 
.kaerebalink-link1 .shoplinkkakakucom a {color:#314995;} /* 価格コム */
/* ヨメレバ */
.booklink-link2 .shoplinkkindle a { color:#007dcd;} /* Kindle */
.booklink-link2 .shoplinkrakukobo a{ color:#d50000; } /* 楽天kobo */
.booklink-link2  .shoplinkbk1 a { color:#0085cd; } /* honto */
.booklink-link2 .shoplinkehon a { color:#2a2c6d; } /* ehon */
.booklink-link2 .shoplinkkino a { color:#003e92; } /* 紀伊國屋書店 */
.booklink-link2 .shoplinktoshokan a { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.kaerebalink-link1 .shoplinkamazon a, 
.booklink-link2 .shoplinkamazon a { color:#FF9901; } /* Amazon */
.kaerebalink-link1 .shoplinkrakuten a , 
.booklink-link2 .shoplinkrakuten a { color: #c20004; } /* 楽天 */
.kaerebalink-link1 .shoplinkseven a, 
.booklink-link2 .shoplinkseven a { color:#225496;} /* 7net */
/* ボタンカラー ここまで*/
.booklink-footer {
	clear:both;
}
/***  解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.booklink-image,
.kaerebalink-image,
.tomarebalink-image {
	width:100%;
	float:none;
}
.booklink-link2>div, 
.kaerebalink-link1>div, 
.tomarebalink-link1>div {
	width: 48%;
}
.booklink-info,
.kaerebalink-info,
.tomarebalink-info {
	text-align:center;
}
}
/*--------------------------------------
 ヨメレバ・カエレバ・トマレバ おわり
--------------------------------------*/

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {


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

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


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

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {

main {
        margin-right: 320px;
        margin-left: 0px;
        background-color: #fff;
        border-radius: 4px;
        padding: 30px 29px 30px;
    }

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


/*--------------------------------
ヘッダーコンテンツ
---------------------------------*/
#header-l {
float:left;
max-width:100%;
}

ul.children {
padding-left:20px; 
}

.tagcloud a {
    font-size: 10px!important;
    background: #3498db;
    border-radius: 3px;
    color: #fff;
    display: inline-table;
    padding: 3px 4px;
    margin-top: 3px;
    text-decoration: none;
}
.tagcloud a:before {
    font-family: "FontAwesome";
    content: "\f02b";
    padding-right: 3px;
    padding-left: 3px;
}
/* 以下はタグにローマ字がある場合の設定 */
a.tag-link-14,
a.tag-link-35 {
    padding: 4px 4px 3px 4px;
}

/*--------------------------------
パンくず
---------------------------------*/
div#breadcrumb a {
     background: #f3f3f3;
     color: #000;
     padding: 2px 4px 1px 7px;
     border-radius: 2px;
     margin-right: 5px;
}
div#breadcrumb a:hover { 
    background: #f4f4f4;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

@media only screen and (min-width: 414px) {
.kanren-custom dt {
	width: 150px;
}
 
.kanren-custom dt img {
	width: 150px;
}
 
.kanren-custom dd {
	padding-left: 160px;
}
}

/*アドセンス見出し（h2）の上　ここから*/
.ad-k {
  margin-bottom:30px;
}
 
/*アドセンスラベル　ここから*/
.label p {
 margin-bottom:0;
 font-size:12px;
}

/*アドセンス記事下　ここから*/
/*PC・タブレット*/
@media print, screen and (min-width: 768px) {
 
.ad-box { 
  margin-bottom: 40px;
}
 
#ad-pc-left {
  float: left;
}
 
#ad-pc-right {
  float: right;
}
}

/*目次(Table of Contents Plus)　ここから*/
/*中央*/
#toc_container { 
  margin-left: auto; 
  margin-right: auto; 
}

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

/*--------------------------------
スマホのフッターメニュー
---------------------------------*/
ul.footer_menu {
margin: 0 auto;
padding: 3px 0;
width: 100%;
overflow: hidden;
display: table;
}
ul.footer_menu li {
margin: 0;
padding: 0;
display: table-cell;
vertical-align:middle;
list-style-type: none;
font-size: 10px;
}
ul.footer_menu li a i{
font-size: 24px;
}
ul.footer_menu li a {
border: none;
display: block;
color: #fff;
text-align: center;
text-decoration: none;
}
.footer_menu {
position: fixed;
bottom: 0;
left:0;
background: #000;
z-index: 9999999999;
-moz-opacity: 0.9;
opacity: 0.9;
}

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