/*
Theme Name: stingerplus child
Template: stingerplus
Version: 20160525
*/

@charset "UTF-8";
#wrapper {
    max-width: 1400ppx;
}

@import url('https://fonts.googleapis.com/css?family=Stalemate');
/*ブログタイトル*/
header .sitename a{
	font-size: 60px;
	line-height: 30px;
	font-family:'Stalemate', cursive !important;
	padding: 0px;
}


* {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	margin: 0px;
	padding: 0px;
}

/* 基本の文字 */
p {
	font-size: 14.5px;
	line-height: 25.375px;
	margin-bottom: 23.2px;
}


h2, h3, h4, h5, h6{
font-family: inherit;
}

main {
	padding: 0px 14.5px;
	background:#fff;
}

/* ロゴ画像の最大サイズ */
.sitename img {
	max-width: 100px;
	margin-bottom: -10px;
}

@media only screen and (min-width: 771px) { /* PCサイズでの指定 */

main {
	padding: 20px 37px;
	background:#fff;
}

.sitename img {
	max-width: 300px;
	margin: 0 auto;
   margin-bottom: -10px;
}
}


/*ヘッダー画像を伸ばす設定、headerphpもいじった*/
.inner {
	max-width: 1200px;
	padding: 0 10px;
	margin: 0 auto;
}


#headbox {
	padding: 0;
	margin: 0;
}

#header-l {
	text-align: center;
	float: none;
	max-width: initial;
}

header .smanone ul.menu li {
    float:none;
    display:inline-block;
    vertical-align:bottom;
}
/*-- ここまで --*/

/* リンクの色 */
a {
	color: #4682b4;
}

/* リンクにマウスオーバーした時の色 */
a:hover {
	color: #a3a3a3;
}


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



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

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


/*サムネ大きさ*/
.kanren-custom dt {
	width: 150px;
    overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
}
 
.kanren-custom dt img {
	width: 150px;
    display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.kanren-custom dt img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.kanren-custom dd {
	padding-left: 160px;
}


header {
	text-align: center;
}
.sitename img {
	max-width: 200px;
	margin: 0 auto;
}
 
@media only screen and (max-width: 960x) {
.sitename img {
	max-width: 60px;
	margin: 0 auto;
}
}

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

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



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

/* 個別記事ごとのliタグ */
.wpp-list li{
border-top: 1px dotted #CCC;
list-style-type:none;
list-style-image:none;
clear: both;
margin: 0px;
padding: 5px 0 5px 0;}
 
/* サムネイル */
.wpp-list img{
padding:0px;
float: left;}



/*--------------------------------------
  ヨメレバ・カエレバ（レスポンシブ）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    padding:25px;
    margin-bottom: 10px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}
.booklink-image, .kaerebalink-image{
    margin:0 15px 0 0;
    float:left;
    min-width: 160px;
    text-align: center;
}
.booklink-image img, .kaerebalink-image img{
    margin:0 auto;
    text-align:center;
}
.booklink-info, .kaerebalink-info{
    margin:0;
    line-height:120%;
    overflow: hidden;
}
.booklink-name, .kaerebalink-name{
    margin-bottom:24px;
    line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8px;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
}
.booklink-detail, .kaerebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:30%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    margin:5px 2px 0 0;
    padding:10px 1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
    color: #fff !important;
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{
    position:relative;
    top:1px;
}
/*ボタンを変えるときはここから*/
.shoplinkamazon a{color:#FF9901 !important;border: 1px solid #FF9901 !important;}
.shoplinkrakuten a{color:#c20004 !important;border: 1px solid #c20004 !important;}
.shoplinkkindle a{color:#007dcd !important;border: 1px solid #007dcd !important;}
.shoplinkkakakucom a{color:#314995 !important;border: 1px solid #314995;}
.shoplinkyahoo a{color:#7b0099 !important;border: 1px solid #7b0099 !important;}
/*ここまでを変更*/
.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}

@media screen and (max-width: 680px) {
.booklink-box, .kaerebalink-box{padding:15px;}
.booklink-image, .kaerebalink-image{
    width: 100px !important;
    min-width: initial;
}
.booklink-name > a, .kaerebalink-name > a{
    font-size: 15px;
    font-weight: bold;
}
.booklink-name, .kaerebalink-name{margin-bottom:12px;}
.booklink-powered-date, .kaerebalink-powered-date{margin-top:5px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:calc(100% - 4px);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin: 2px 0px;
    padding:10px 0px;
}
}

.sns li a {
	font-size:15px;
	position:relative;
	display:block;
	padding:5px 10px 5px 15px;
	color:#fff;
	border-radius:3px;
	text-decoration: none;
	height:28px;
	margin:5px;
	cursor:pointer;
	vertical-align: middle;
	line-height:25px;
    background-color:#A5C2AD;
}

.sns li a:hover {
}

/*Twitter*/
.sns .fa-twitter {
  border:none;
  padding-right:0;
}

/*Facebook*/
.sns .fa-facebook {
  border:none;
  padding-right:0;
}

/*Google+1*/
.sns .fa-google-plus {
  border:none;
  padding-right:0;
}

/* Pocket */
.sns .fa-get-pocket {
  border:none;
  padding-right:0;
}

/*はてぶ*/
.sns .fa-hatena {
  border:none;
  padding-right:0;
}

/*LINE*/
.sns .fa-comment {
  border:none;
  padding-right:0;
}

/*RSS*/
.sns .rss a {
  background-color:#f79637;
}
 
.sns .rss a:hover {
  background-color:#de7d1e;
}

/*feedly*/
.sns .feedly a {
  
  background-image:url("/wp-content/themes/stingerplus-child/images/feedly-i-.png")!important;
  background-repeat:no-repeat!important;
  background-position:12px 9px!important;
}
 
.sns .feedly a:hover {
  background-color:#6ea727;
}
 
.sns .feedly .snstext {
  padding-left:22px;
}

/*push7*/
.sns .push7 a {
  background-color:#eeac00;
  background-image:url("/wp-content/themes/stingerplus-child/images/push7-i.png")!important;
  background-repeat:no-repeat!important;
  background-position:14px 8px!important;
}
 
.sns .push7 a:hover {
  background-color:#d59300;
}
 
.sns .push7 .snstext {
  padding-left:24px;
}


/*サイドバーランキング順位*/
.number {
  position:relative;
}
 
dl.number:before {
  counter-increment:ranking;
  content:counter(ranking);
  position:absolute;
  top:0;
  left:0;
  padding:2px 8px;
  background:#A5C2AD;
  font-size:13px;
  font-weight:bold;
  color:#fff;
}
 
h4 {
  counter-reset:ranking;
}

#side aside ul li ul li { /* デフォルトのアイコンと余白を削除 */
	background: none;
	padding-left: 0;
}
#side aside li.cat-item a { /* リンク全体の装飾 */
	display: block;
    border-radius: 4px;
    border: 1px solid #333;
	overflow: hidden;
	font-size: 16px; /* 文字サイズ */
	line-height: 2.4em; /* 行（ボックス）の高さ */
	text-decoration: none;
	vertical-align: middle;
	padding: 0 8px; /* 左右の余白 */
	color: #333333; /* 文字色 */
	margin-bottom: 2px; /* 次のカテゴリーとの余白 */
}
#side aside li.cat-item a:hover { /* マウスオーバー時の設定 */
	background: #8AB3CF;/* 背景色 */
	color: #fff; /* 文字色 */
}
#side aside li.cat-item span { /* 記事数部分の装飾 */
	line-height: 1em;
	float: right; /* 右端に寄せる */
	margin: 8px 0 0 8px; /* 位置の調整 */
	padding: 4px 8px; /* 文字周りの余白 */
	border-radius: 4px; /* 角の丸み */
	color: #fff; /* 文字色 */
	background:#a3a3a3; /* 背景色 */
}

/* サイドバータイトル */

#side aside h4.menu_underh2 { /* paddingはこのクラスで指定 */
	padding: 0 0 0 0px;
}
#side aside h4 {
	font-size: 18px;
	line-height: 1.6em;
	font-weight: normal;
	color: #666;
	border-bottom: solid 3px #EDEDED; /* 下にドットのボーダーライン */
	margin: 20px 0 10px 0;
	position: relative;
}

/*一覧の設定（itiranのphp編集済み）*/
.backnon {
    background-color:#fff;
	padding: 0 10px;
}
@media only screen and (min-width: 781px) {
.backnon {
	padding: 0;
}
}

.itiran-custom dl {
	width: 32%;
	float: left;
	padding: 0;
	margin-right: 2%;
	margin-bottom: 20px;
    border-bottom:none;
}
.itiran-custom dl:nth-child(3n) {
	margin-right: 0;
}
.itiran-custom dl:last-child {
	padding: 0;
	margin-bottom: 20px;
}
.itiran-custom dt {
	float: none;
	width: 100%;
}
.itiran-custom dt img {
	width: 100%;
	height: auto;
}
.itiran-custom dd {
	height: 160px; /* タイトル・日付・カテゴリ部分のボックスの高さ */
	padding: 10px;
}
@media only screen and (max-width: 413px) {
.itiran-custom dl {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}
.itiran-custom dd {
	height: auto;
	padding: 10px;
}
}

.itiran-custom dl h3 a { /* スマホサイズでの指定 */
	font-size: 15px; /* 文字サイズ */
	line-height: 1.4em; /* 行の高さ */
	color: #333; /* 文字の色 */
    font-family: inherit;
	font-weight: 500;
}
@media only screen and (min-width: 414px) {
.itiran-custom dl h3 a { /* タブレット・PCサイズでの指定 */
	font-size: 16px;
    font-family: inherit;
	font-weight: 500;
	line-height: 1.4em;
	color: #333;
}
}

.itiran-time { /* 投稿日の装飾 */
	color: #999 !important;
	margin-bottom: 10px !important;;
    text-align:right;
}

.fa-clock-o:before {
   display:none;
}
.itiran-cat a { /* カテゴリー・タグの装飾 */
	margin-right: 6px;
	margin-bottom: 10px;
	color: #999 !important;
	padding: 0px 0px;
	border-radius: 4px;
	font-size: 13px;
	display: inline-block;
	position: absolute;
}	
@media only screen and (max-width: 413px) {
.itiran-cat a {　/* カテゴリー・タグの装飾（スマホ） */
	font-size: 10px;
}
}

/*タグの装飾*/
.tagcloud a {
	font-size: 13px!important;
	line-height: 1em;
	color: #fff;
	display: inline-block;
	border:1px #fff solid;
	white-space: nowrap;
	padding: 8px 8px;
	margin-top: 5px;
	border-radius: 4px;
	text-decoration: none;
	opacity:1;
}
/*SNSの装飾サイドバー*/
ul.side-sns-btn {
	display: table;
	width: 100%;
}
ul.side-sns-btn li {
	display: table-cell;
	width: 33%; /* ボタン5つなら20% */
	text-align: center;
}
ul.side-sns-btn li a {
	display: inline-block;
	text-align: center;
	font-size: 20px; /* アイコンの大きさ */
	width: 50px; /* ボタンの横の大きさ */
	height: 50px; /* ボタンの縦の大きさ */
	color: #fff!important; /* アイコンの色 */
	border-radius: 50%; /* 角を丸く */
	text-decoration: none;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul.side-sns-btn span {
	line-height: 50px; /* ボタンの縦の大きさに合わせる */
}
a.side-twitter {
	background: #8AB3CF;
	border: 2px solid #8AB3CF;
}
a.side-twitter:hover {
	background: none;
	color: #8AB3CF;
	border: 2px solid #8AB3CF;
}
a.side-facebook {
	background: #333333;
	border: 2px solid #333333;
}
a.side-facebook:hover {
	background: none;
	color: #333333;
	border: 2px solid #333333;
}
a.side-rss {
	background: #F7EDE6;
	border: 2px solid #F7EDE6;
}
a.side-rss:hover {
	background: none;
	color: #F7EDE6;
	border: 2px solid #F7EDE6;
}
a.side-feedly {
	background: #A5C2AD;
	border: 2px solid #A5C2AD;
	font-size: 24px !important;
}
a.side-feedly:hover {
	background: none;
	color: #A5C2AD;
	border: 2px solid #A5C2AD;
}

/*ページ送り*/
.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 1em;
        text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px 14px 10px 14px;
	text-decoration: none;
	width: auto;
	color: #fff;
	background: #333333;
	border-radius: 50%;
}
.pagination span.page-of {
	background: none;
	color: #333333;
}
.pagination a:hover{
	color: #333333;
	background: #fff;
}
.pagination .current{
	padding: 10px 14px 10px 14px;
	background: #fff;
	color: #333333;
}
@media only screen and (max-width: 413px) {
.pagination {
	font-size: 12px;
	line-height: 12px;
}
.pagination span, .pagination a {
	padding: 7px 10px 7px 10px;
}
.pagination .current{
	padding: 7px 10px 7px 10px;
}
}

/* 記事タイトル */
.entry-title {
	font-family: "Noto Sans Japanese"; /*Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;*/
	font-size: 23px;
	line-height: 27px;
	color: #333;
	margin-bottom: 10px;
}

#st-page .entry-title {
	margin-bottom: 20px;
}

.entry-title a:hover {
	text-decoration: underline;
}

.entry-title a {
	color: #333;
	text-decoration: none;
}

/* 中見出し */
h2 {
	background: #f3f3f3;
	color: #1a1a1a;
	font-size: 20px;
	line-height: 27px;
	margin-bottom: 25px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top:2px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align: center;
	font-weight: bold;
}

/*小見出し*/
.post h3 {
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #333!important;
	line-height: 27px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	border-bottom: 2px solid #A5C2AD!important;
    text-align: center;
	font-weight: bold;
}

/*アドセンス見出し（h2）の上　ここから*/
.ad-k {
  margin-bottom:30px;
}
/*アドセンスラベル　ここから*/
.label p {
  margin-bottom:0;
  font-size:12px;
}

*記事下アドセンス横並び　ここから*/
/*記事エリアの幅変更*/
/*PCのみ*/
@media print, screen and (min-width: 960px) {
 

}
.st-eyecatch {
  margin-top: -5px;
	
}
/*アドセンス記事下　ここから*/
PC・タブレット
@media print, screen and (min-width: 768px) {

#ad-pc-left {
  float: left;
}

#ad-pc-right {
  float: right;
}
}

/*アドセンスラベル　ここから*/
.label p {
 margin-bottom:0;
 font-size:12px;
}

/*ラベル下の余白を消す*/
.adbox {
  padding-top:0;
}

a:hover {
	color: #a3a3a3;
}

header .smanone ul.menu li a:hover{
		color:#a3a3a3;
	}

header .smanone ul.menu li a{
		display:block;
		font-size: 13px;
		overflow:hidden;
		width:100%;
		height:100%;
		line-height:40px;
		color:#000;
		text-decoration:none;
		position:relative;
		z-index:1;
        margin-bottom:0px;
	}


/*トップ記事一覧*/
	dd h3 a {
		color: #333333;
		text-decoration: none;
		font-size:15px;
		line-height: 26px;
	}
/*サイド広告*/
.ad {
	padding-top: 15px;
}

/*フッターウィジェット追加　ここから*/
/*共通*/
#footer_w li {
  list-style:none;
}

#footer_w h4 {
  margin:20px 0 20px 0;
  border-bottom:solid 0.5px #333;
}

}

/*スマホ*/
@media print, screen and (max-width:767px) {

#footer_w {
  text-align:left;
  margin-bottom:50px;
}

.footer_l {
  margin-bottom:30px;
}

.footer_c {
  margin-bottom:30px;
}
}
/*タブレット*/
@media print, screen and (min-width:768px) and (max-width:1099px) {
#footer_w {
  text-align:left;
  margin:0 20px 50px 20px;
}

.footer_l {
  margin-bottom:30px;
}

.footer_c {
  margin-bottom:30px;
}
}
/*PCのみ*/
@media print, screen and (min-width:1100px) {

#footer-in {
  background-color:#F7EDE6;  
  margin:-15px -15px 10px -15px;
  padding:15px 0;
}
#footer_w {
  text-align:left;
  margin:0 35px 20px 35px;
}

.footer_l {
  float:left;
  width:350px;
  margin-right:40px;
}

.footer_c {
  float:left;
  width:300px;
  margin-right:40px;
}

.footer_r {
  float:left;
  width:260px;
  margin:0;
}
}
footer h3 img{
display:none;
}
/*フッターウィジェット追加　ここまで*/
/*トップの SNS消す*/
.backnon .sns{
display:none;
}
.colum1 main{
	padding-left: 20px;
    padding-right: 20px;
}

.menu-item-5808 a{
	padding-top:13px;
}

@media only screen and (max-width: 413px) {
header.sitename{
position: fixed;/*ヘッダーを固定*/
z-index: 9999;/*一番前に表示*/
top: 0;/*画面の一番上で固定*/
left:0;/*画面の一番左で固定*/
right:0;/*画面の一番右で固定*/
width: 100%;/*横幅いっぱいに表示*/
padding-top:10px;
}
.slides {
	padding-top: 15px!important;
}
}

/*--------------------------------
アコーディオンメニュー
---------------------------------*/

.menu-navigation-container {
	overflow: hidden;
}

nav li a:hover {
	text-decoration: underline;
}

#s-navi ul.sub-menu {
	display:none;
}

#s-navi dl.acordion p {
	margin: 0;
}

#s-navi dl.acordion {
	margin: 0px;
	box-sizing:border-box;
	width:100%;
}

#s-navi dt.trigger {
	cursor: pointer;
}

#s-navi dt.trigger .op {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 25px;
	color: #333;
	padding: 7px 10px;
	background:#fff!important;
	display:block;
	float:right;
	height:auto;
}

#s-navi:after {
	content: "";
	display: block;
	clear: both;
	margin-bottom:5px;
}

#s-navi dd.acordion_tree {
	padding: 10px 0px 20px;
	display: none;
	overflow: hidden;
	top:0px;
	width:100%;
	box-sizing:border-box;
	text-align:left;
}

.acordion_tree ul.menu li {
	float: none;
	font-size: 15px;
	padding: 10px 15px 10px 15px;
	list-style:none;
	border-bottom:dotted 1px #000;
}

.acordion_tree ul.menu li .fa {
    min-width: 1em;
}

.acordion_tree ul.menu li:last-child {
	border:none;
	padding-bottom:0px;
}

.acordion_tree ul.menu li a {
	text-decoration: none;
	color:#000;

}
.appreach{ 
	border:3px solid #eee;/*ボーダー色*/ 
} 
.appreach{ 
	text-align: left; padding: 25px; margin:20px; border-radius:2px; overflow: hidden; 
} 
.appreach:after { 
	content: ""; display: block; clear: both; 
} 
.appreach img, .appreach p { 
	margin: 0; 
	padding:0; 
} 
.appreach a:after { 
	display: none; 
} 
.appreach__icon { 
	float: left; 
	border-radius: 10%; 
	overflow: hidden; 
	margin: 0 3% 0 0 !important; 
	width: 25% !important; 
	height: auto !important; 
	max-width: 120px !important; 
} 
.appreach__detail { 
	display: inline-block; 
	font-size: 20px; 
	line-height: 1.5; 
	width: 72%; 
	max-width: 72%; 
} 
.appreach__detail:after { 
	content: ""; 
	display: block; 
	clear: both; 
}	 
p.appreach__name { 
	font-size: 16px; 
	color:#555; 
	padding-bottom:10px; 
	font-weight:bold; 
	line-height: 1.5em !important; 
	max-height: 3em; 
	overflow: hidden; 
} 
.appreach__info { 
	font-size: 12px !important; 
	color:#888; 
} 
.appreach__info a{ 
	color:#aaa; 
} 
.appreach__developper, .appreach__price {
	margin-right: 0.5em; 
} 
.appreach__posted a {
	margin-left: 0.5em; 
} 
.appreach__links { 
	float: left; 
	height: 40px; 
	margin-top: 15px; 
	white-space: 
	nowrap; 
} 
.appreach__aslink img {
	display:inline-block;
	margin-right: 10px; 
	height: 40px; 
	width: 135px; 
} 
.appreach__gplink img {
	display:inline-block;
	height: 40px; 
	width: 134.5px; 
} 
@media only screen and (max-width: 786px){
.appreach{
	 margin:20px 0;
} 
.appreach__info { 
	font-size: 11px !important;
} 
p.appreach__name {
font-size: 15px;
}} 

.wp-embedded-content {
  width: 100%;
  max-width: 100%;
  height: 100px;
  border: 2px solid #F7EDE6;
}