/*
Theme Name: STINGER8 Child
Template: stinger8
Version: 20161115
*/
@import url('../stinger8/style.css');


/*  カエレバ　 */

.kaerebalink-box {
	background: #E6E6FA;
    width: 600px;
    height: 100%;
    padding-right: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.kaerebalink-image img {
	max-width: 180px;
margin-left: 5px !important;
padding-top: 10px;
float: left;
max-height: 240px;
}

.kaerebalink-info {
	margin-left: 10px;
float: left;
margin-top: 20px;
color: #808080;
	width: 400px;
}

.kaerebalink-info a {
	color: #00bfff;
}


.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom,  .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;
}
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo,  .shoplinkseven :hover{
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
background-color:#f6f6f6;
}
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo,  .shoplinkseven :active{
position:relative;
top:1px;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom,  .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;
} 
.shoplinkseven a{
color:#cd5c5c;
} 
.booklink-footer{
clear:left;
}


/* トップページ新着記事一覧 */
#sintyakukiji dl{
width:225px;
    border: 1px solid #ccc;
    float:left;
    background-color: #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    margin-left: 2px;
    margin-right: 2px;
margin-top: 3px;
margin-bottom: 3px;
text-align: center;
}
#sintyakukiji dt{
    width:100%;
}
#sintyakukiji dd{
    padding: 0 10px 0px 10px;
}
#sintyakukiji dl:first-child {
    padding-top: 10px;
}

#sintyakukiji dd h3{
    /*記事タイトルが入りきらない場合はここを編集してください*/
    font-size:15px;
line-height:1.3em;
    height:100px;  
}
.sns{
    margin-left: 10px;
}
#sintyakukiji dl:last-child {
border: 1px solid #ccc;
    padding-top: 10px;
border-style: solid;
 border-color: #dddddd;
}



/* サイドバーの見出し */
.menu_underh2 {
margin-bottom: 20px;
margin-top: 20px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 0px;
color: #000000;/*文字色のカラーコード*/
border-left:/*横線追加*/

}

/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {

/*  カエレバ　 */

.kaerebalink-box {
	background: #E6E6FA;
    width: 100%;
    height: 100%;
    padding-right: 2px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.kaerebalink-image img {
	max-width: 160px;
margin-left: 5px !important;
padding-top: 10px;
float: left;
max-height: 240px;
}

.kaerebalink-info {
	margin-left: 10px;
float: left;
margin-top: 10px;
color: #808080;
	width: 170px;
}

.kaerebalink-info a {
	color: #00bfff;
}


.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom,  .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;
}
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo,  .shoplinkseven :hover{
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
background-color:#f6f6f6;
}
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo,  .shoplinkseven :active{
position:relative;
top:1px;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom,  .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;
} 
.shoplinkseven a{
color:#cd5c5c;
} 
.booklink-footer{
clear:left;
}
/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {

/*-- 記事幅 --*/
.st-main {
  padding: 30px 29px 30px;
}



/*-- ここまで --*/


/*ブログタイトル*/
header .sitename {
	font-size: 30px;
	color: #fff;
	line-height: 30px;
	font-family: 'Oswald', sans-serif;
	padding: 10px 0 0;
	margin-bottom: 10px;
}

/*-- ここまで --*/


/*ブログ名の下のキャプション */
header h1 {
	font-size: 12px;
	font-weight: normal;
}

/*-- ここまで --*/


header .descr {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 0px;
	line-height: 24px;
	padding-bottom: 0;
}

/*-- ここまで --*/


/*投稿のカテゴリ*/
.post .st-catgroup {
	font-size:12px;
	line-height:18px;
	margin:0;
	padding-top:10px;
}

/*-- ここまで --*/


.catname {
	font-size: 13px!important;
	line-height: 1em;
	color: #1a1a1a;
	display: inline-block;
	white-space: nowrap;
	padding: 8px 8px;
	margin-top: 5px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-decoration: none;
	background:#f3f3f3;
}

/*-- ここまで --*/


.post .st-catgroup a {
	text-decoration:none;
	color:#000;
}

/*-- ここまで --*/


.post .st-catgroup a:hover {
	opacity:0.5;
}

/*-- ここまで --*/
}