/*---------------------------------------------------------
Theme Name: stinger3 child2026 Claude
Template: stinger3ver20140327
Description: customize css stinger3_child
Author: enji
Author URI: http://wp-fun.com
Version: 20141011
---------------------------------------------------------*/
@charset "UTF-8";

@import url('../stinger3ver20140327/style.css');
---------------------------------------------------------*/
/*-----------------------------
基本設定のカスタマイズ
------------------------------*/
* {
  font-family: Tahoma,hiragino maru gothic pron,meirio,arial,helvetica,osaka,"MS PGothic",sans-serif;
  margin: 0;
  padding: 0;
}
a {
  color: #37a460;
}
body {
  background: none;
}
#container {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 1.0);
  word-wrap: break-word;
}
#container #wrap {
  padding-top: 15px;
}
#wrap #wrap-in #main {
  background-color: #FFFFFF;
  border: none;
  padding: 35px 10px;
  width: 600px;
}
/*-----------------------------
ヘッダーのカスタマイズ
------------------------------*/
#header-in {
  margin-bottom: 0px;
  width: 100%;
}
#container #header #header-in #h-l {
			overflow:hidden;
		display:block;
	height:250px;
	background-image:url(images/owlxxheader3.jpg);
	background-position:center;
	background-color:#1c3400;
	background-repeat:no-repeat;
	margin:0px auto;
  	padding: 0;
}
#container #header #header-in #h-l h1 {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: normal;
  line-height: 8px;
  margin: 10px auto 0;
  padding: 10px 0 10px 10px;
  text-align: left;
  width: 986px;
    text-shadow: 1px 1px 3px #000;
}
#h-l .descr {
  font-size: 20px;
  font-weight: normal;
  line-height: 8px;
  margin: 10px auto 0;
  padding: 10px 0 10px 10px;
  text-align: left;
  width: 986px;
  color: #f1f1f1;
}
#container #header #header-in #h-l .sitename {
  font-size: 55px;
  line-height: 1.2;
  margin: 10px auto 0;
  text-align: left;
  width: 986px;
}
#container #header #header-in #h-l .sitename a {

  font-family: Tahoma,hiragino maru gothic pron;
  letter-spacing: -3px;
  line-height: 2;
  padding: 0;
  text-decoration: none;
  color: #f1f1f1;
  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1);
}
#container #gazou #gazou-in #headimg {
  margin-bottom: 0px;
}
/*-----------------------------
メニューのカスタマイズ
------------------------------*/
.smanone {
  background: none repeat scroll 0 0 #004411;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.smanone #navi-in {
  background: none repeat scroll 0 0 #004411;
  border-left: 1px dotted #FFFFFF;
    border-right: 1px dotted #FFFFFF;
}
#navi-in li {
  border-left: medium none;
    border-right: 1px dotted #FFFFFF;
	  font-size: 16px;
	  padding-top:10px;
	  padding-bottom:10px;
}
#navi-in li a {
  color: #FFFFFF;
}

/*-----------------------------
エントリーのカスタマイズ
------------------------------*/
.entry {
  background: none repeat scroll 0 0 #FBFBFB;
  border-top: 6px double #ccc;
  margin-bottom: 40px;
  margin-top: 0;
  padding: 20px 10px;
  border-bottom: 6px double #ccc;
  box-shadow: 0 10px 25px -10px #333;
}
.entry .sumbox {
  float: left;
  height: 150px;
  margin: 20px 30px 10px 15px;
  width: 150px;
}
.kizi .entry .entry-content .entry-title-ac {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 0 0 20px;
  min-height: 150px;
  padding: 20px;
  border-radius: 15px;
}
.entry-title-ac a {
  color: #555555;
  text-decoration: none;
}
.kizi h3 {
  font-size: 24px;
  line-height: 31px;
}
.kizi img, .kizi .wp-caption, textarea {
  margin-bottom: 20px;
}
#container #wrap #wrap-in #main .post .entry .entry-content .dami {
  color: #777777;
  line-height: 25px;
  margin-top: 0;
  padding: 10px 15px;
}
.post .entry .entry-content {
  float: none;
  padding-left: 0px;
  width: 100%;
  margin-top: 0px;
}
.blog_info.contentsbox {
  margin: 15px;
}
.blog_info.contentsbox p {
  color: #666666;
  font-family: impact;
  font-size: 35px;
}
.blog_info.contentsbox a {
  background: none repeat scroll 0 0 #666666;
  color: #FFFFFF;
  font-size: 15px;
  margin: 2px;
  padding: 7px;
  text-decoration: none;
  vertical-align: middle;
}
p.motto {
  box-shadow: 0 10px 12px -6px #555555;
  margin-bottom: 0;
}
.motto a {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #22cc33;
  color: #FFFFFF;
  display: block;
  font-weight: normal;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.motto a:hover{
    background-color: #55ee66;
 }
.entry-content p.motto {
  margin: 0 10px;
}
#container #wrap #wrap-in #main .post .entry .entry-content .motto .more-link {
  font-size: 16px;
}

/*-----------------------------
記事表示のカスタマイズ
------------------------------*/
h2 {
  background: none repeat scroll 0 0 #22cc33;
  color: #FFFFFF;
  font-size: 24px;
  line-height: 30px;
  margin: 20px 0 20px -40px;
  padding: 5px 10px 5px 20px;
  border-left: 20px solid #006622;
}
.post blockquote {
  background-color: #F3F3F3;
  background-image: url("images/quote.png");
  background-position: left top;
  background-repeat: no-repeat;
  border-left: 20px solid #E9E9E9;
  margin: 20px 0 20px -40px;
  padding: 70px 20px 20px;
}
.post .kanren {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #555555;
  font-size: 22px;
  padding: 20px 10px;
}
#main .post .sumbox02 #topnews div dl dd .motto a {
  color: #ffffff;
}
#main .post .sumbox02 #topnews div dl dd {
  background: none repeat scroll 0 0 #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
#wrap #wrap-in #main .post .sumbox02 #topnews div dl dd .saisin {
  margin: 0 0 10px;
}
#wrap #wrap-in #main .post .sumbox02 #topnews div dl dd .basui {
  color: #999999;
  line-height: 1.5;
  margin: 10px 0;
}
.post .sumbox02 #topnews div dl dd .motto {
  color: #666666;
  display: block;
  font-size: 12px;
  margin-left: 330px;
  width: 95px;
}
/*-----------------------------
コメントのカスタマイズ
------------------------------*/
#comments {
  background-color: #EEEEEE;
  border-left: 1px solid #22cc33;
}

/*-----------------------------
サイドバーのカスタマイズ
------------------------------*/
#s{
  background: #F6F6F6;
}
#topnews div {
  background: none repeat scroll 0 0 #FFFFFF;
}
#wrap #wrap-in #side #topnews div dl {
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  background: #fafafa;
}
#topnews p.clear {
  margin: 0 0 -10px;
}
#container #wrap #wrap-in #side #topnews div dl dd p {
  line-height: 21px;
  margin-top: 10px;
  color: #999999;
}
#topnews div dl dd a {
  color: #555555;
}
#twibox li ul {
  background: none repeat scroll 0 0 #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  box-shadow: 0 12px 20px -20px #999999;
  padding: 10px;
}
/*-----------------------------
フッターのカスタマイズ
------------------------------*/
#footer {
  background: none repeat scroll 0 0 #000000;
}
#footer-in h3 a {
  color: #FFFFFF;
}
/*-----------------------------
ページトップへ戻るのカスタマイズ
------------------------------*/
#page-top {
  bottom: 15px;
}
#page-top a {
  background: none repeat scroll 0 0 #7ac668;
  height: 40px;
  padding: 10px;
}

/*-----------------------------
snsboxのカスタマイズ
------------------------------*/
.sns {
  background-image: none;
  border: medium none;
  border-radius: 0 4px 4px 0;
  background: rgba(255,255,255,0.2);
}



/*-----------------------------
シェアボタンのカスタマイズ
------------------------------*/
.lineat{
width:330px;
margin-bottom: 10px;	
}
.snsbotton:after { /*floatの解除、ここがポイント*/
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
a.facebook-iine{
width:50%;
padding:20px 0;
color:#fff;
text-align:center;
background-color:#3b5998;
height:30px;
display:block;
text-decoration:none;
font-size:20px;
float:left;
margin-bottom:10px;
}
a.facebook-iine:hover{
background-color:#6277a1;
}
a.twitter-tweet{
width:50%;
padding:20px 0;
color:#fff;
text-align:center;
background-color:#00acee;
height:30px;
display:block;
text-decoration:none;
font-size:20px;
float:left;
margin-bottom:10px;
} 
a.twitter-tweet:hover{
background-color:#6aafca;
}
a.sendline{
width:100%;
padding:20px 0;
color:#fff;
text-align:center;
background-color:#50d318;
height:23px;
display:block;
text-decoration:none;
font-size:20px;
float:left;
margin-bottom:10px;
} 
a.sendline:hover{
background-color:#27b410;
}
/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera
Use the following classes to style your popular posts list as you like.
*/
.wpp-list { /* UL element */
}
.wpp-list li { /* LI - post container */
		overflow:auto;
		display:block;
		float:none;
		clear:both;
		margin:5px;	
		border-bottom:solid #ccc 1px;
		min-height:145px;
}
/* title styles */
.wpp-post-title {
		text-align:left;
		font-size:15px;
		display:block;
		line-height:1.3em;
}
/* thumbnail styles */
.wpp-thumbnail {
		display:inline;
		float:left;
		margin:10px 5px 0 10px;
		border:none;
}
/* excerpt styles */
.wpp-excerpt {
	font-size:12px;
		text-align:left;
		line-height:1.2em;
}
/* Stats tag styles */
.post-stats {
		font-size:9px;
		font-weight:bold;
		background:#999;
		color:#fff;
		display:block;
		padding:0px 5px;
		float:right;
		margin-bottom:4px;
}
.wpp-comments {
}
.wpp-views {
}
.wpp-author {
	font-style:italic;
}
.wpp-date {
	display:block;
	clear:right;
}
		/* WP-PostRatings styles */
.wpp-rating {
}
/* 
#main .post .sumbox02 #topnews div dl dd .motto a {
  color: #ffffff;
}
#main .post .sumbox02 #topnews div dl dd {
  background: none repeat scroll 0 0 #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
#wrap #wrap-in #main .post .sumbox02 #topnews div dl dd .saisin {
  margin: 0 0 10px;
}
#wrap #wrap-in #main .post .sumbox02 #topnews div dl dd .basui {
  color: #999999;
  line-height: 1.5;
  margin: 10px 0;
}
.post .sumbox02 #topnews div dl dd .motto {
  color: #666666;
  display: block;
  font-size: 12px;
  margin-left: 330px;
  width: 95px;
}
 */
/*-----------------------------
ダウンロードページ
------------------------------*/
.downloadpage .cutitems{
	clear:both;
	width:100%;	
}

.downloadcontents{
		overflow:auto;
		display:block;
		float:none;
		clear:both;
}
.dlbox{
width:30%;
border: solid 1px #ccc;
margin: 0 2% 5px 0;
padding:2px 2%;
float:left;
}

.dlbox a:nth-of-type(1){
width:100%;
}
.cutitems img{
	float:left;
}


/*-----------------------------
H1からまとめ
------------------------------*/

.matome {
	background-image: url(logo/matome.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 15px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 30px;
	padding-left: 70px;
	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #F39801;
}
/*-----------------------------
画像captionチェキ風
------------------------------*/
.wp-caption{
	background-color: #f8f8f8;
	border: 2px solid #ddd;
	padding-top:10px;
	margin:10px 0px;
	max-width:95%;
	-webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
 }
.wp-caption img{ 
 	max-width:95%;
	margin: auto;
}
/*-----------------------------
見出しデザイン
------------------------------*/
section h4{
	border-bottom:#009102 dotted 2px;
}
section h5{
padding-left:5px;
border-left:#009102 solid 8px;
}
/*-----------------------------
ナビ文字サイズ
------------------------------*/
.menu li{
	font-size:14px;
}
/*-----------------------------
ライクボックス横幅可変
------------------------------*/
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe {
  width: 100% !important;
}
/*-----------------------------
リス左側スペース
------------------------------*/
section ol{
	padding-left:5px;
}

/*キャプション */

header h1 {
 color: #aa0022;
}
header .descr {
 color: #aa0022;
}
/* アコーディオン */
#s-navi dt.trigger .op {
	color: #aa0022;
}
.acordion_tree li a {
	color: #aa0022;
}
/* サイド見出し */
aside h4 {
 color: #aa0022;
}
/* フッター文字 */
#footer,#footer .copy {
color: #aa0022;
}
/*グループ2
------------------------------------------------------------*/
/* 中見出し */
h2 {
 background: #009900;
 color: #ffffff;
}
h2:after {
 border-top: 10px solid #009900;
}
h2:before {
 border-top: 10px solid #009900;
}
/*小見出し*/
.post h3 {
 border-bottom: 1px #009900 dotted;
}
/* 記事タイトル下の線 */
.blogbox {
 border-top-color: #009900;
 border-bottom-color: #009900;
}
/* コメントボタン色 */
#comments input[type="submit"] {
background-color: #009900;
}
#comments input[type="submit"] {
color: #ffffff;
}
/* RSSボタン */
.rssbox a {
	background-color: #009900;
}
/*グループ3
------------------------------------------------------------*/
/* 記事タイトル下 */
.blogbox {
 background: #affcae;
}
/*h4*/
.post h4{
background-color:#affcae;
}
/* 検索フォーム */
#s {
 background: #affcae;
}
#searchsubmit{
 background: #affcae;
}
/* コメント */
#comments {
 background: #affcae;
}
/* カレンダー曜日背景 */
#wp-calendar thead tr th {
 background: #affcae;
}





blockquote {
    position: relative;
    padding: 20px 10px 5px 30px; /* Quote の文字を入れるためのスペースを確保 */
    border: 1px solid;
    border-color: #bbb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #ddd;
    quotes: none;
}
blockquote p{font-size:13px;}
blockquote:before {
    position: absolute;
    top: 15px;
    z-index: 1;
    width: 100px;
    color: #a3a3a3;
    content: "Quote"; /* 文字列を生成 */
    font-size: 36px;
    font-weight: 700;
    font-style: oblique;
    font-family: Georgia normal, "Times New Roman", Times, serif;
    text-align: center;
    text-shadow: 3px 5px 5px rgba(0, 0, 0, .2); /* 文字にドロップシャドウ */
}

blockquote:after {
    display: block; /* border用 */
    padding-top: 5px;
    border-top: 1px solid #fff;
    color: #555;
    font-size: 12px;
    text-align: right;
    text-shadow: 1px 1px 0 #eee;
    line-height: 1.6;
    content: "引用元-"attr(title) "-\a" attr(cite); /* title + 改行 + cite */
    white-space: pre-wrap; /* 以下長いURL対策 */
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}

/* 最後の子要素 border指定用 */
blockquote > :last-child {
    margin-bottom: 0;
    padding-bottom: 1em;
    border-bottom: 1px solid #999;
}


/*-------------------------
NEW POST デザイン
---------------------------*/
 
#topnews dl {
margin-bottom: 10px;
padding: 10px;
border-bottom-style: none;
background-color: #ffffff;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
}
#topnews dl:last-child {
margin-bottom: 20px;
padding-bottom: 10px;
border-style: none;
}




/*--------------------------------
スマホのフッターメニュー

ul.footer_menu {
	margin: 0 auto;
	padding: 3px 0;
	width: 100%;
	overflow: hidden;
	display: table;
}
 
ul.footer_menu li {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align:middle;
	list-style-type: none;
	font-size: 10px;
}
 
ul.footer_menu li a i{
	font-size: 24px;
}
 
ul.footer_menu li a {
	border: none;
	display: block;
	color: #666;
	text-align: center;
	text-decoration: none;
}
 
.footer_menu {
	position: fixed;
	bottom: 0;
	left:0;
	background: #fff;
	z-index: 9999999999;
	-moz-opacity: 0.9;
	opacity: 0.9;
}
---------------------------------*/

/*　コメント欄の下にある使用できるタグの表記を消す　*/
.form-allowed-tags{display:none;}

/*-----------------------------
壊れた画像のレイアウト修正
------------------------------*/
/* 記事カードのサムネイルエリアのmin-heightを解除 */
.has-broken-img .entry-title-ac {
  min-height: 0 !important;
}
/* サイドバーのNEW ENTRYウィジェットのdd余白をリセット */
.has-broken-img dd {
  margin-left: 0 !important;
  width: 100% !important;
  float: none !important;
}
/* wpp-listのサムネイル非表示時のテキスト余白リセット */
.has-broken-img .wpp-post-title,
.has-broken-img .wpp-excerpt {
  margin-left: 0 !important;
}