@charset "UTF-8";

/*子テーマ用「base.css」*/

/*ヘッダー　サイトタイトルを覆ってもアンダーラインを表示させない*/
.site-title a:hover{
	text-decoration: none;
}

/*アドセンスのラベル・広告を囲む領域*/
.ad-sp {
	text-align: center; /*センター寄せ*/
	margin: 40px 0; /*上下の余白を40・左右は0*/
	max-width: 100%; /*コンテンツ幅よりはみ出さない*/
}

/*広告コードの領域・レクタングル300×250で表示*/
.ad-s {
    width: 300px;
    height: 250px;
    margin: 0 auto; /*真ん中に表示*/
}


/* マーカー強調カスタマイズ */
.marker1 {
 background: linear-gradient(transparent 80%, #a0d8ef 65%);
}

/* マーカー強調カスタマイズ */
.marker2 {
 background: linear-gradient(transparent 80%, #f09199 65%);
}

/* マーカー強調カスタマイズ */
.marker3 {
 background: linear-gradient(transparent 80%, #f8e58c 65%);
}


/* スマホ以外画面には広告を横2つ、コードの領域・レクタングル300×250で表示　（実装なし状態）*/




/*タブレット・PCの指定、レクタングル大で表示*/
@media only screen and (min-width: 768px) {
    .ad-s {
        width: 336px;
        height: 280px;
    }
}

/* アプリーチ（ver.1.1） */

#appreach-box {
 border: 1px dashed #BDBDBD;
 max-width: 500px;
}
#appreach-appname {
 font-weight: bold;
}
.appreach-links{
 margin-top: 10px;
}
.appreach-footer{
 margin-bottom: 0;
 line-height: 0;
}




/*--------------------------------------
ヨメレバ・カエレバ
--------------------------------------*/
.booklink-box, .kaerebalink-box{
text-align:left; /* デフォルトでは何も表記なし：追加しても効果なし */
width:90%; /* デフォルト：85% */
margin: 1em 0 1em;
padding: 2%; /* デフォルトでは5% */
border:double #d2d7e6;
overflow: hidden;
font-size:small;
border-radius:2px;
}
.booklink-image, .kaerebalink-image{
margin:0 0 15px 0;
}
.booklink-image img, .kaerebalink-image img{
display:block;
margin:0;
float: left; /* 画像を左寄せ */
text-align:center; /* デフォルトはcenter */
}
.booklink-info, .kaerebalink-info{
text-align:left/* デフォルトはcenter */
line-height:120%;
overflow: hidden;
}
.booklink-name, .kaerebalink-name{
font-size:16px; /* デフォルト：16px */
margin-bottom:14px;
line-height:1.2em;
}
.booklink-powered-date, .kaerebalink-powered-date{
font-size:8pt;
margin-top:10px;
line-height:120%;
}
.booklink-powered-date, .kaerebalink-detail{
margin-bottom:15px;
}
.booklink-link2, .kaerebalink-link1{
margin-top:20px;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom, .shoplinkrakukobo, .shoplinkseven{
width:90%;
height:15px;
overflow:hidden;
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
background-color:#ffffff;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
margin:0  auto 5px auto;
padding:10px 0px;
text-align:center;
text-align:center;  /* 文字をボタンの中央に */
  margin-right: 10px; /* ボタンとボタンの間の余白 */
	float: center; ?/* ボタンを横並びに */
	width: 50%;?/* ボタンの幅 */
}
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover, .shoplinkrakukobo:hover, .shoplinkseven:hover{
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
background-color:#f6f6f6;
}
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active, .shoplinkrakukobo:active, .shoplinkseven:active{
position:relative;
top:1px;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom a, .shoplinkrakukobo a, .shoplinkseven a{
display:block;
cursor:pointer;
text-decoration:none;
font-weight:800;
text-shadow:1px 1px 1px #dcdcdc;
font-size:12px;

}
.shoplinkamazon a{
color:#FF9901;
}
.shoplinkrakuten a{
color:#c20004;
}
.shoplinkkindle a{
color:#007dcd;	
}
.shoplinkyahoo a{
color:#7b0099;
} 
.shoplinkrakukobo a{
color:#c20004;
}
.shoplinkseven a{
color:#008000;
}
.booklink-footer{
clear:left;
}


/* カエレバ・スマホ版の表示 */
@media (max-width: 640px) {
	.booklink-image img, .kaerebalink-image img{
		display:block;
		margin:0;
		float: center; /* 画像を中央 */
		text-align:center; /* デフォルトはcenter */
		}
		.booklink-info, .kaerebalink-info{
		text-align:center/* デフォルトはcenter */
		line-height:120%;
		overflow: hidden;
	}

	.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom, .shoplinkrakukobo, .shoplinkseven{
		width:99%;
		height:30px;
		overflow:hidden;
		background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
		background-color:#ffffff;
		border-radius:6px;
		border:1px solid #dcdcdc;
		display:inline-block;
		margin:0  auto 5px auto;
		padding:10px 0px;
		text-align:center;
		text-align:center;  /* 文字をボタンの中央に */
		margin-right: 10px; /* ボタンとボタンの間の余白 */
		float: center; ?/* ボタンを中央に配置し、縦並びに */
		width: 100%;?/* ボタンの幅 */
	}
		.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom a, .shoplinkrakukobo a, .shoplinkseven a{
		display:block;
		cursor:pointer;
		text-decoration:none;
		margin:2%;
		font-weight:800;
		text-shadow:1px 1px 1px #dcdcdc;
		font-size:20px;
	}
}



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


/*--------------------------------------
780px ヨメレバ・カエレバ
--------------------------------------*/
.booklink-box, .kaerebalink-box{
width: 90%;
margin:20px auto;
padding:20px;
}
.booklink-image, .kaerebalink-image{
margin:0 15px 0 0;
float:left;
}
.booklink-info, .kaerebalink-info{
margin:0;
text-align:left;
}
.booklink-name, .kaerebalink-name{
margin-bottom:24px;
line-height:1.5;
}
.booklink-link2, .kaerebalink-link1{
margin-top:10px;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom, .shoplinkrakukobo, .shoplinkseven{
float:left;
width:30%;
margin:15px 1% 0 auto;
padding:10px 0px;
}
.shoplinkyahoo a{
font-size:10px;
}