/*
Theme Name: STINGER8 Child
Template: stinger8
Version: 20170614
*/

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


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

/*-- ここからMY追加 --*/

/* スマホ、タブレットメニュー文字部分 */
 #s-navi .acordion_tree .fa-angle-right:before,#s-navi .acordion_tree ul.menu li a{
 color:#fff!important; /* 文字色 */
 }

/* スマホ、タブレットメニュー下線部 */
 .acordion_tree ul.menu li {
 border-bottom: dotted 1px #fff!important; /* 下線の色や見た目 */
 }

/* スマホ、タブレットメニューのメニューボタン背景 */
 #s-navi dt.trigger .op {
 color: #FFF; /* 文字色 */
background-color: rgba(0,0,0,0); /* 背景色今回は透明に */
 }


/*-- ここからMY追加 --*/

/*-- headerを全幅にして」背景画像を使用 --*/
#headbox-bg {
     background: url(https://pocha.bijina.info/wp-content/uploads/2018/08/head-2-1.png) repeat-x #352f31;
	}

/* ヘッダータイトルと説明文部分*/
header .sitename a,header .descr{
 color: #f0f0f0!important; /*文字色*/
 }

/* ヘッダー背景画像の上に半透明の黒背景 */
 #st-menubox {
 border-top: 0px; /* 上の枠線を消す */
border-bottom: 0px; /* 下の枠線を消す */
 }

#st-menubox{background: #fff;
}

/*メニューの幅を調整する　----------------------*/
header .smanone ul.menu li{width:150px;}

/*-- グローバルメニュー項目の中央寄せ --*/
#st-menuwide{
	display: flex;
}
/*-- ヘッダーメニューホバー時 --*/
header .smanone ul.menu li a:hover{
	background-color:#666666;
	color:#ffffff;
}

/*-- トップへ戻るボタン --*/
#page-top a {
    background: #d38cbb; /*背景色*/
}

/* ここから見出し編集 */

#content h1.entry-title {
    font-size: 19px;        /* 文字サイズ */
    line-height: 1.4em;     /* 行間 */
}

/* 中見出し*/

h2 {
	margin-top: 30px;
	padding: 0.6em 0 0.2em 0;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #ffffff;/*背景色*/
border-top: 1px solid #dddddd;/*上線*/	
border-bottom: 3px dotted #d16666;/*下線*/
}


h3 {
  position: relative;
  padding: .5em .75em;
  background-color: #dcdcdc;
  border-radius: 6px;
  border:none;
}
h3::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #dcdcdc;
}



b,strong {background-color:#FFF5EE;
	font-weight: bold;
}

.entry-content p {
    font-size: 16px;        /* 文字サイズ */
    line-height: 2.2em;     /* 行間 */
    margin-bottom: 1.2em;   /* 段落間 */
}

/*------- 追加　テキスト----------*/

hr {background: url(https://pocha.bijina.info/wp-content/uploads/2018/08/dotx.gif) repeat center top;
	background-size: 9px 1px;
	border: 0;
	height: 1px;
	margin: 0 0 24px;}


.mini {font-size: 13px; color: #666; line-height: 1.6em;}

.chuo {margin: 0 auto; text-align: center;}
.minigray {font-size: 13px; color: #666; line-height: 1.6em;}

.red {color:#ee0000;}
.darkred {color:#8b0000;font-weight: bold;}
.pink {color:#CD5C5C;}
.darkpink {color:#800080;}
.darkgreen {color:#008000;}

.ki {color:#000; background-color:#ffffcc;font-weight: bold;}
.mint {color:#000; background-color:#ccffcc;font-weight: bold;}
.green {color:#000; background-color:#f0fff0;font-weight: bold;}
.orange {color:#000; background-color:#fceddb;font-weight: bold;}
.darkorange {color:#000; background-color:#ffcc99;font-weight: bold;}

span.hako {border: 1px solid #669966; padding: 0px 3px;}

.kado {
	background: #fff;
        border: 2px dotted #999;
        margin: 40px 0px 40px 0;
        padding: 15px 20px;
        color: #333;
        line-height: 180%;
        font-weight: normal;
       }

.sanko {
	background: #f0f0f0;
        border: 0px;
        padding: 15px 16px;
	    margin-bottom: 30px;
        color: #333;
        font-size: 15px;
        line-height: 1.9;
        font-weight: bold;
        }

.inyo {
	background-color: #fef5df;
	background-image: url(https://bijina.info/wp-content/uploads/2018/08/quote3.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 15px;
	line-height: 1.8em;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}

/*------- 画像　----------*/

img.aligncenter {/* 画像に影 */
	display: block;
	margin: 0 auto; 
        box-shadow: 3px 3px 4px gray;
}
img.hidariwaku {/* 左回り込み */
  float: left;
  border: 1px solid #eee;
  margin: 50px 50px 50px 0;
}

img.migi {/* 右回り込み */
  float: right;
  border: 0px;
  margin: 50px 50px 0px 50px;
}

img.hidari {
  float: left;
  border: 0px;
  margin: 50px 50px 50px 0;
}

/*------- アドセンストップページ　----------*/

.itiran-ad { /* 広告用のボックス */
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}
.itiran-ad p { /* スポンサーリンクの文字 */
	font-size: 13px;
	line-height: 1em;
	color: #999;
	margin-bottom: 10px;
}

/*------- アドセンスサイドバー　----------*/

.ad_side { /* 広告用のボックス */
	background: #fff;
	text-align: left;
	padding: 20px 0 0 10px;
	margin-bottom: 30px;
	}
.ad_side p { /* スポンサーリンクの文字 */
	font-size: 13px;
	line-height: 0.5em;
	color: #999;
	margin-bottom: 10px;
}

/*------- アドセンス記事中　左寄せ----------*/

.ad_left { /* 広告用のボックス */
	text-align: left;
	padding-bottom: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	}
.ad_left p { /* スポンサーリンクの文字 */
	font-size: 13px;
	line-height: 0.5em;
	color: #999;
	margin-bottom: 10px;
}

/*------- アドセンス記事中　センタリング----------*/

.ad_center { /* 広告用のボックス */
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 30px;
	}
.ad_center p { /* スポンサーリンクの文字 */
	font-size: 13px;
	line-height: 0.2em;
	color: #999;
}


/*-- フッターの背景色 --*/
#footer{
    background: url(https://pocha.bijina.info/wp-content/uploads/2018/08/head-2-1.png) repeat-x #352f31;
}
p.footerlogo { /* フッターロゴの文字色 */
	color: #fff;
}
/* リンクの色 */
#footer a {	color: #fff;}
#footer a:hover {color: #fff;}

#footer .copy,
#footer .rcopy {
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	padding:20px 10px 0;
}

p.custom-copy { /* コピーライトの文字色 */
	color: #fff;
}
footer .footermenust li { /* フッターメニューの区切り線の色 */
    border-right: 1px solid #fff;
}
#footer .footermenust a { /* フッターメニューの文字色 */
	color: #fff;
}