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

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


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



/*-- グローバルメニュー項目の中央寄せ --*/
#st-menuwide{
 display: flex;
}



/*-- グローバルメニューの背景色 --*/
#st-menubox{
    background-color: #3ea8e0;
}


/*-- グローバルメニューの文字色 --*/
header .smanone ul.menu li a{
    color: #FFFFFF;
}



/*-- グローバルメニューのホバー時の背景色 --*/
#st-menubox a:hover{
    background: #3a3d8d;
}



/*-- グローバルメニューのホバー時の文字色 --*/
header .smanone ul.menu li a:hover{
    color: #ffffff;
}



/*-- トップへ戻るボタン --*/
#page-top {
    bottom: 20px;/*下側の配置*/
    right: 20px;/*右側の配置*/
    font-size: 50px;/*アイコンサイズ*/
}

#page-top a {
    padding: 5px;/*アイコン内の余白*/
    background: #4377f1;/*背景色 */
    width: 50px;/*横幅*/
    height: 50px;/*高さ*/
    line-height: 45px;/*アイコンの配置*/
    border-radius: 50%;/*角の丸み*/
}



#page-top a:hover {
    background: #114dd9;/*ホバー時の背景色*/
    opacity: 0.8;/*ホバー時の透明度*/
}



#content{
    max-width:1110px;/*記事エリアの横幅*/
}



/*---------------------------------
ぱんくずリストを非表示にする
--------------------------------*/
#breadcrumb{
display: none;
}





/*---------------------------------
記事の色を変更
--------------------------------*/
.entry-content p {
color: #333333 !important;/*文字色*/
}



/*--------------------------------
サイドバーの見出し
---------------------------------*/
.menu_underh2{
        font-weight: normal !important;
        color: #FFF; !important;
        font-size: 90% !important;
        padding: .5em .75em;
        background-color: #3a3d8d;
        
}




/*--------------------------------
投稿タイトル のデザイン等
---------------------------------*/
/* 中見出し */
h1 {
	background: #f3f3f3;
	color: #1a1a1a;
	font-size: 19px;
	line-height: 27px;
	margin: 20px 0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top:2px solid #ccc;
	border-bottom:1px solid #ccc;
}


h1 {
    font-size: 23px;/*文字サイズ*/
    color: #6c3524;/*文字色*/
    background-color: #3ea8e0;/*背景色*/ 
    border: none;/*既存の上下線なし*/
    box-shadow: 0px 5px 4px -2px #a0a0a0;/*影をつける*/
}





/*--------------------------------
小見出し2 のデザイン等
---------------------------------*/
/* 中見出し */
h2 {
	background: #f3f3f3;
	color: #1a1a1a;
	font-size: 19px;
	line-height: 27px;
	margin: 20px 0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top:2px solid #ccc;
	border-bottom:1px solid #ccc;
}


h2 {
    font-size: 25px;/*文字サイズ*/
    color: #6c3524;/*文字色*/
    background: linear-gradient(transparent 0%, #00ced1 50%);/*背景色とグラデーション*/
    border: none;/*既存の上下線なし*/
    box-shadow: 0px 5px 4px -2px #a0a0a0;/*影をつける*/
}





/*--------------------------------
小見出し３のデザイン等
---------------------------------*/
/*小見出し*/
.post h3 {
	font-size: 18px;
	line-height: 27px;
	margin: 20px 0;
	padding: 10px 15px;
	color: #1a1a1a;
	line-height: 27px;
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: 1px #999999 dotted;
}

.post h3 {
    position: relative;
    font-size: 20px;/*文字サイズ*/
    color: #6c3524;/*文字色*/
    border: none;/*既存の下線なし*/
}

.post h3:after {
    content: "";
    position: absolute;/*絶対位置*/
    left: 0;
    bottom: 0;
    width: 100%;/*ボーダーの長さ*/
    height: 10px;/*ボーダーの太さ*/
    background: repeating-linear-gradient(-45deg, #3ea8e0, #3ea8e0 10px, #fff 20px);/*ライン角度とボーダー色*/
}




/*--------------------------------
小見出し4のデザイン等
---------------------------------*/
.post h4 {
	padding: 10px 15px;
	margin: 20px 0;
	background-color: #f3f3f3;
	font-size: 17px;
	line-height: 26px;
}


.post h4 {
    font-size: 18px;/*文字サイズ*/
    color: #6c3524;/*文字色*/
    background-color: #fff;/*背景色*/
}

.post h4:before{
    font-family: FontAwesome;/*アイコン取得先*/
    content: "\f00c";/*アイコンコード*/
    font-size: 1.5em;/*アイコンサイズ*/
    color: #00ced1; /*アイコン色*/
    padding-right: 2px;/*アイコンと文字の間隔*/
}



/*--------------------------------
投稿タイトル の文字サイズ.色
---------------------------------*/
#content h1.entry-title {
    font-size: 21px;        /* 文字サイズ */
    line-height: 1.4em;     /* 行間 */
    color: #ffffff;         /*文字色*/
}




/*-- WordPress Popular Post (人気記事)デザイン --*/
ul.wpp-list li {
    border-bottom: 1px dashed #cccccc;/*記事間の点線と色*/
    position: relative;/*相対位置*/
}

ul.wpp-list li img {/*アイキャッチ画像*/
    margin: 10px 10px 10px 0px;/*画像の余白*/
    padding: 3px;/*画像の位置*/
}

ul.wpp-list li a.wpp-post-title {/*記事タイトル*/
    display: block;/*ブロック形式で表示*/
    font-size: 15px;/*文字サイズ*/
    color: #4682b4;/*文字色*/
    padding: 12px;/*タイトル位置*/
    text-decoration: none;/*タイトルの下線なし*/
}

ul.wpp-list li a.wpp-post-title:hover {
    color: #b22222;/*ホバー時のタイトル色*/
}