/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

.booklink-box, .kaerebalink-box {
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    padding: 22px 25px 22px 25px;
    width: 94%;
    margin: 0 auto 15px;
    border: 3px solid #dfdfdf; 
    box-sizing: border-box;
    text-align: center;
}
.booklink-image, .kaerebalink-image {
    width: 100%;
    margin: 0 0 5px 0;
}
.booklink-image img, .kaerebalink-image img {}
.booklink-info, .kaerebalink-info {
    line-height: 125%;
    width: 100%;
}
.booklink-name, .kaerebalink-name {
    margin: 0 0 4px 0;
}
.booklink-name a, .kaerebalink-name a {
    color: #0066cc;  
    text-decoration: underline;
}
.booklink-name > a, .kaerebalink-name > a {
    font-size: 16px; 
}
.booklink-name a:hover, .kaerebalink-name a:hover {
    color: #FF9900;
}
.booklink-powered-date, .kaerebalink-powered-date {
     font-size: 8px;
}
.booklink-detail, .kaerebalink-detail {
    color: #333333; 
    font-size: 12px; 
    margin: 0 0 10px 0;
}
.booklink-link2, .kaerebalink-link1 {}
.booklink-link2 a, .kaerebalink-link1 a {
    width: 90%;
    display: block;
    margin: 0px auto 8px;
    padding: 10px 1px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    
    
    
}
.booklink-link2 a:hover, .kaerebalink-link1 a:hover {
    opacity: 0.6;
}

@media screen and (min-width: 800px) {

.booklink-box, .kaerebalink-box {
    text-align: left;
    display: table;
}
.booklink-image, .kaerebalink-image {
    vertical-align: top;
    box-sizing: border-box;
    display: table-cell;
    width: 111px;
    text-align: center;
    margin: 0;
}

.booklink-image img, .kaerebalink-image img {
    max-width: 100%
}

.booklink-info, .kaerebalink-info {
    line-height: 125%;
    vertical-align: top;
    box-sizing: border-box;
    display: table-cell;
    padding-left: 25px;
    width: auto;
}

.booklink-name, .kaerebalink-name {
    margin: 0 0 24px 0;
}

.booklink-name > a, .kaerebalink-name > a {
    font-size: 16px; 
}

.booklink-powered-date, .kaerebalink-powered-date {
    margin: 6px 0 0 0;
}

.booklink-detail, .kaerebalink-detail {
    margin: 0 0 14px 0;
}

.booklink-link2 a, .kaerebalink-link1 a {
    width: auto;
    text-align: center;
    margin: 0;
}

.booklink-link2 > div, .kaerebalink-link1 > div {
    width: 33.33%;
    padding: 0 5px 5px 0;
    box-sizing: border-box;
    float: left;
}

}

.shoplinkamazon a {
    color: #ffffff;
    background: #ff9901;
    border: 2px solid #ff9901;
}
.shoplinkrakuten a {
    color: #ffffff;
    background: #bf0000;
    border: 2px solid #bf0000;
}
.shoplinkyahoo a {
    color: #ffffff;
    background: #ff0033;
    border: 2px solid #ff0033;
}
.shoplinkseven a {
    color: #ffffff;
    background: #008837;
    border: 2px solid #008837;
}
.shoplinkbellemaison a {
    color: #ffffff;
    background: #80bd22;
    border: 2px solid #80bd22;
}
.shoplinkcecile a {
    color: #ffffff;
    background: #8d124b;
    border: 2px solid #8d124b;
}
.shoplinkkakakucom a {
    color: #ffffff;
    background: #051d93;
    border: 2px solid #051d93;
}
.shoplinkkindle a {
    color: #ffffff;
    background: #0074c1;
    border: 2px solid #0074c1;
}
.shoplinkrakukobo a {
    color: #ffffff;
    background: #bf0000;
    border: 2px solid #bf0000;
}
.shoplinkbk1 a {
    color: #ffffff;
    background: #0085cd;
    border: 2px solid #0085cd;
}
.shoplinkehon a {
    color: #ffffff;
    background: #000066;
    border: 2px solid #000066;
}
.shoplinkkino a {
    color: #ffffff;
    background: #004097;
    border: 2px solid #004097;
}
.shoplinktoshokan a {
    color: #ffffff;
    background: #15b0e7;
    border: 2px solid #15b0e7;
}

.kattene__imgpart img {
    box-shadow: none !important;
}

/* ボックスデザイン */
.c_box{
	padding: 1em 4%;
	margin: 2em 0 2em;
	border: 1px solid #dddddd;
	border-radius: 0.2em;
}
.c_box.intitle{
	padding-top: 0;
	padding-bottom: 1.4em;
}
.c_box.intitle .box_title span{
	position: relative;
	top: -0.85em;
	padding: 0.1em 0.7em;
	background: #6d6d6d;
	color: #ffffff;
	font-weight: bold;
	border-radius: 0.2em;
	display: inline-block;
	vertical-align: bottom;
}
.c_box.blue_box{
	/* background: #d4f3ff; */
	border-color: #82c8e2;
	color: #465d65;
}

/* 吹き出し本体 - 左右の中心 */
.balloon1{
  position: relative;
  padding: 20px;
  background-color: #eee;
  border-radius: 10px;
}
/* 三角アイコン - 左右の中心 */
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  bottom: -15px;
  margin: 0 auto;
  border-top: 15px solid #eee;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

.item_img{
	margin-top:20px;
	margin-bottom:20px;	
	text-align:center;
}

.yellowbox {
    padding: 20px;
    border: solid 1px #fffacd;
    background-color: #ffffe0;
    margin-bottom: 20px;
}

.yellow_line {
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;
}