/*
Theme Name: STINGER PLUS2 Child
Template: stingerplus2
Version: 20170621
*/

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/

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


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

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


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

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


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







header .smanone ul.menu li:hover {
	background: #1db2f5 ; /*メニューバーマウスオーバー時の色*/
}
 
header .smanone ul.menu li a{
	font-size: 18px !important; /*メニューのフォントサイズ*/
	font-weight: bold; /*メニューのフォントを太字に*/
	color: #fff !important; /*メニューのフォント色*/
 }

header .smanone ul.menu li li a{
	background: rgba(51, 51, 51, 0.91) !important; /*サブメニューの背景 ※少し透過してます*/
	border-top: none !important;
	transition: 0.5s;
}
 
header .smanone ul.menu li li a:hover { 
	background: #1db2f5 !important; /*メニューバーマウスオーバー時の色*/
}








/*テーブル背景色指定なし*/
.post table tr:nth-child(even) { background-color:transparent; }





/*蛍光　マーカー*/
.red-line {
  background: linear-gradient(transparent 40%, #FF6699 50%);
}

.pink-line {
  background: linear-gradient(transparent 40%, #ff99ff 50%);
}

.yellow-line {
  background: linear-gradient(transparent 40%, #ffff66 50%);
}

.green-line {
  background: linear-gradient(transparent 40%, #66FFCC 50%);
}

.blue-line {
  background: linear-gradient(transparent 40%, #66ccff 50%);
}

.gray-line {
  background: linear-gradient(transparent 40%, #666666 50%);
}


/*枠*/
.waku1 {
    padding:20px;
    border:ridge 10px #EEEEEE;
    border-radius:4px;
    background-color:#EEEEEE;
    margin-top:20px;
    margin-bottom:20px;
}


.waku2 {
    padding:20px;
    border:solid 6px #8EB8FF;
    border-radius:4px;
    background-color:#EEFFFF;
    margin-top:20px;
    margin-bottom:20px;
}


/*ヨメレバ・カエレバ（レスポンシブ）*/
.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 -12px;
 padding: 10px 1px;
 text-decoration: none;
 font-size: 14px;
 font-weight: bold;
 box-shadow: 2px 2px 1px #dcdcdc;
}
.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: none;
}
.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;
}
.shoplinkkindle a {
 color: #ffffff;
 background: #0074c1;
 border: 2px solid #0074c1;
}