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

/*--------------------------------------
全体装飾
--------------------------------------*/
* {
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
p {
	font-size: 16px;
	line-height: 1.8em;
	letter-spacing:1.2pt
	margin-bottom: 20px;
}
a {
	color: #4682b4;
	text-decoration: none;.
}
a:hover {
	color: #4682b4;
	text-decoration: underline;
}
/* ロゴ画像の最大サイズ */
.sitename img {
	max-width: 150px;
	margin: 0 auto;
}
/* 記事タイトル下 */
.blogbox p {
	margin: 0px 0px 10px 0px;
}

/* サイドバー背景 */
#side > aside {
background-color: #fff;
box-sizing: border-box;
border-radius: 5px;
padding: 10px;
}

/*--------------------------------------
全体装飾：ここまで
--------------------------------------*/
/*--------------------------------------
本文見出し
--------------------------------------*/
h2 {
	background:none;
	color: #91d660;
	font-size: 23px;
	line-height: 30px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top:none;
	border-bottom:none;
	position: relative;
	letter-spacing:0.6pt;
}
.post h3 {
	font-size: 20px;
	color:color:#333333;
	padding: 5px 10px;
	margin-bottom:20px;
	border-left:solid 10px #91d660;
	border-bottom:solid 1px #91d660;
	letter-spacing:0.6pt;
	line-height: 27px;
	font-weight: normal;
}
.post h4{
	background: #91d660;
	color: #FFFFFF;
	margin-bottom:10px;
	padding:10px;
	font-size:16px;
	line-height: 27px;
}
.post h5{
	margin-bottom:10px;
	font-size:16px;
}
/*--------------------------------------
本文見出し：ここまで
--------------------------------------*/
/*--------------------------------------
リスト
--------------------------------------*/
.post ul {
	list-style-type: disc;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.post ul li {
	line-height: 1.8em;
	margin-bottom: 10px;
}
.post ol {
	list-style-type: decimal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.post ol li {
	padding-left: 5px;
	line-height: 1.8em;
	margin-bottom: 10px;
}
/*--------------------------------------
リスト：ここまで
--------------------------------------*/
/*--------------------------------------
本文内装飾
--------------------------------------*/
/*内部リンク枠線 */
.solid-box {
	border-style: solid; 
	border-color: #91d660;
	border-width: 2px;
 	background-color: #f3f3f3;
	margin: 10px 0px 20px 0px;
}
.solid-box > h5 {
	background: #91d660;
	color: #FFFFFF;
	padding:5px;
	font-size:16px;
}
.solid-box > p,ul {
	margin: 10px;
}
/*枠線内リスト */
.dashed-box {
	border-style: dashed; 
	border-color: #91d660;
	border-width: 1px;
	margin: 0px 0px 10px 0px;
	padding: 10px 5px 10px 10px;
 	background-color: #f3f3f3;
}
.dashed-box ul {
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.dashed-box ul li {
	line-height: 27px;
}
.dashed-box ol {
	list-style-type: decimal;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.dashed-box ol li {
	line-height: 27px;
	
}
/* チェックマーク */
.checkmark{
	position:relative;
	padding-left:30px;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
}
.checkmark:after, .checkmark:before{
	content:'';
	height:18px;
	width:4px;
	display:block;
	background:#91d660;
	position:absolute;
	top:8px;
	left:15px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
.checkmark:before{
	height:10px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	top:16px;
	left:7px
}
/* 蛍光マーカー */
strong{
	background: linear-gradient(transparent 60%, #CBECB3 0%);
	font-weight: normal;
	padding: 0px;　
}
/*--------------------------------------
本文内装飾：ここまで
--------------------------------------*/
/*--------------------------------------
サイドバー
--------------------------------------*/
#side aside h4 {
		font-size: 14px;
		line-height: 24px;
	}
#side aside ul li {
	list-style-type: none;
	margin: 10px 0px;
}
#side aside #mybox ul li ul li {
	padding-left: 15px;	
	background-position: left center;
	background-size:10px 10px;
	background-repeat: no-repeat;
	background-position: left middle;
}
/*--------------------------------------
サイドバー ここまで
--------------------------------------*/
/*--------------------------------------
  テーブル
  http://neganin.com/blog/web/responsive-table/
--------------------------------------*/
table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 640px;
    border-spacing: 0;
    margin: 0 auto;
}
th {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    background-color: #91d660; color: #fff;
    text-align: center;
    padding: 5px;
}
td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    padding: 5px;
}
/*--------------------------------------
  テーブルここまで
--------------------------------------*/

/*--------------------------------------
　レーティング★評価
http://designcolor-web.com/2016/01/12/css-rating-star/
--------------------------------------*/
.rate {
	position: relative;
  	display: inline-block;
  	width: 80px;
  	height: 16px;
  	font-size: 16px;
}
.rate:before, .rate:after {
  	position: absolute;
  	top: 0;
  	left: 0;
  	content: '★★★★★';
  	display: inline-block;
  	height: 16px;
  	line-height: 16px;
}
.rate:before {
  	color: #ccc;
}
.rate:after {
  	color: #91d660;
  	overflow: hidden;
  	white-space: nowrap;
}
.rate0:after {
  	width: 0;
}
.rate1:after {
  	width: 16px;
}
.rate1-5:after {
  	width: 24px;
}
.rate2:after {
  	width: 32px;
}
.rate2-5:after {
  	width: 40px;
}
.rate3:after {
  	width: 48px;
}
.rate3-5:after {
  	width: 56px;
}
.rate4:after {
  	width: 64px;
}
.rate4-5:after {
  	width: 72px;
}
.rate5:after {
  	width: 80px;
}
.wrap {
  	width: 80px;
  	margin: 0 auto;
}


/*--------------------------------------
  ヨメレバ・カエレバ
--------------------------------------*/
.booklink-box, .kaerebalink-box{
	width:85%;
	margin: 1em 0 1em;
	padding: 5%;
	border:solid 1px #dcdcdc;
	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 auto;
	text-align:center;
}
.booklink-info, .kaerebalink-info{
	text-align:center;
	line-height:120%;
	overflow: hidden;
}
.booklink-name, .kaerebalink-name{
	font-size: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{
    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;
}
/*★★★chum★★★*/
.shoplinkamazon{
	background-color:#FF9901;
}
.shoplinkrakuten{
	background-color:#c20004;
}
.shoplinkkindle{
	background-color:#333333;
}
/*ここまで*/
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover{
	/*background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);*/
	background-color:#cccccc;
}
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active{
	position:relative;
	top:1px;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom a{
	display:block;
	cursor:pointer;
	text-decoration:none;
	font-weight:800;
	/*text-shadow:1px 1px 1px #dcdcdc;*/
	font-size:12px;
}
.shoplinkamazon a{
	color:#FFFFFF;
}
 .shoplinkrakuten a{
	color:#FFFFFF;
}
.shoplinkkindle a{
	color:#FFFFFF;
}
.shoplinkyahoo a{
	color:#7b0099;
}
.booklink-footer{
	clear:left;
}
/*--------------------------------------
  ヨメレバ・カエレバここまで
--------------------------------------*/

/*--------------------------------------
  サイドバー「ピックアップ記事」
　プラグイン：display-posts-shortcode
--------------------------------------*/
.entry-content a img.emoji {
	display: inline;
}
.boxlist ul.display-posts-listing .alignright,
.boxlist ul.display-posts-listing .alignleft {
	float: none;
	margin: 10px 0px;
}
.boxlist ul.display-posts-listing {
	padding-left: 0 !important;
	text-align: left;
	margin-left: 0;
	width:90%;
}
.boxlist ul.display-posts-listing > li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	white-space: normal;
	text-overflow: ellipsis;
	word-wrap: break-word;
	font-size: 13px;
	line-height: 1.2;
	margin: 0;
	padding: 7px 2px;
	border-bottom: 1px dashed #cccccc;
	position: relative;
}
.boxlist ul.display-posts-listing li .title {
	display: inline !important;
}
.boxlist.w100 ul.display-posts-listing > li {
	width: 100%;
}
.boxlist ul.display-posts-listing li > a > img:not(.emoji) {
	display: block !important;
	height: 80px !important;
	width: 80px !important;
	float: left !important;
	margin: 5px !important;
	padding: 2px !important;
}
.display-posts-listing {
	line-height: 1.2em;
}
/* 日付の装飾 */
.display-posts-listing .date {
	font-size: 12px;
	display: block;
	color: #aaaaaa;
}
/** サムネイル画像つきリスト **/
ul.boxlist {
	padding-left: 0 !important;
	margin-left: 0;
	text-align: left;
}
ul.boxlist li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	white-space: normal;
	word-wrap: break-word;
	font-size: 12px;
	line-height: 1.2;
	margin: 0;
	padding: 2px;
}
ul.boxlist li a {
	font-weight: bold;
	padding-left: 5px;
}
/*--------------------------------------
  サイドバー「ピックアップ記事」
　プラグイン：display-posts-shortcode ここまで
--------------------------------------*/


/*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) {

/*--------------------------------------
ヨメレバ・カエレバ
--------------------------------------*/
.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 {
    float:left;
    width:30%;
	margin:15px 1% 0 auto;
	padding:10px 0px;
}
.shoplinkyahoo a{
	font-size:10px;
}
/*--------------------------------------
　ヨメレバ・カエレバここまで
--------------------------------------*/
/*-- ここまで --*/
}