/*
Theme Name: STINGER PLUS2 Child
Template: stingerplus2
Version: 20170621
*/

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/


/*既定のコピーライト非表示
--------------------------------*/
.copyr {
display: none;
}
/*ここまで*/

#gazou-wide nav { /* 元々のメニューを非表示 */
	display: none;
}
#header-r { /* ヘッダー右側のボックスの幅 */
	max-width: 1600px;
}
ul#original-nav { /* 上からの位置を調整 */
	margin-top: 30px;
}
ul#original-nav li {
	list-style-type: none;
	float: left;
	width: 120px;
	text-align: center;
	padding: 10px 0;
}
ul#original-nav li a {
	text-decoration: none;
	color: #666;
}

/*グローバルメニューの装飾
--------------------------------*/

ul#original-nav li {
	transition: 0.5s;
}

ul#original-nav li:hover {
	background: #1db2f5 ; /*メニューバーマウスオーバー時の色*/
}

ul#original-nav li a{
	font-size: 18px !important; /*メニューのフォントサイズ*/
	font-weight: bold; /*メニューのフォントを太字に*/
	color: #FFF !important; /*メニューのフォント色*/
}

ul#original-nav li li a{
	background: rgba(51, 51, 51, 0.91) !important; /*サブメニューの背景 ※少し透過してます*/
	border-top: none !important;
	transition: 0.5s;
}

ul#original-nav li li a:hover { 
	background: #1db2f5 !important; /*メニューバーマウスオーバー時の色*/
}


/*ここまで*/

/*ヘッダー部分に幅いっぱいの背景色を適用
--------------------------------*/
#headbox-bg{
	background-image:
url("https://f-weeklyweb.com/wp-content/uploads/2018/05/head.jpg") ; }
/*ここまで*/


/*タイトルの上
--------------------------------*/
div#skip-text {
	color: #ffffff;
	background: #000000;
	text-align: right;
	padding-right: 20px ;
}
/*ここまで*/


/*フロントページ固定記事の見出し
--------------------------------*/
.titlebar {
	height: 40px;
position: relative;
background: #fff5df;
padding: 2px 5px 2px 20px;
font-size: 20px;
color: #474747;
border-radius: 0 10px 10px 0;
}
.titlebar:before {
font-family: FontAwesome;
content: "\f041";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #ff6a6a;
font-weight: normal;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}

.left {
	font-size: 28px;
	font-weight: 900;
	color: #7b6459;
clear: both;
float: left;
width: 10em;
margin: 10px 0 0 -20px;
}
.right {
text-align: right;
margin: 10px 20px 0 0;
}


/*ここまで*/

/*フッター背景色のCSS
--------------------------------*/
footer {
	background: #3A4861; /*ここのコードを変えれば背景色が変わる*/
}
/*ここまで*/


/*フッター文字色のCSS
--------------------------------*/
/*タイトル部分*/
#footer .footerlogo {
    color: #FFF !important; /*カラーコードを変えれば文字色を変えられる*/
bottom: 115px;
}
/*サイト説明文部分*/
#footer a {
    color: #FFF !important; /*カラーコードを変えれば文字色を変えられる*/
bottom: 115px;
}
/*Copyright部分*/
#footer p {
    color: #FFF !important; /*カラーコードを変えれば文字色を変えられる*/


}
 
/*ここまで*/

/*サイドバーの見出し
--------------------------------*/

#side aside h4.menu_underh2 { /* paddingはこのクラスで指定 */
	padding: 0 0 0 30px;
}
#side aside h4 {
	font-size: 18px;
	line-height: 1.6em;
	font-weight: strong;
	color: #666;
	border-bottom: 2px dotted #039BE5; /* 下にドットのボーダーライン */
	margin: 20px 0 10px 0;
	position: relative;
}
#side aside h4:before { /* 水色の丸いやつ */
	content: " ";
	width: 20px;
	height: 20px;
	background: skyblue;
	border-radius: 50%;
	position: absolute;
	bottom: 6px;
	left: 0;
}
#side aside h4:after { /* 黄色の丸いやつ */
	content: " ";
	width: 10px;
	height: 10px;
	background: #ffc778;
	border: 2px solid #f9d635;
	border-radius: 50%;
	position: absolute;
	bottom: 14px;
	left: 10px;
}

/*ここまで*/

/*記事一覧の区切り線
--------------------------------*/
.kanren dl {
	border-bottom: 2px dotted #039BE5;
}
/*ここまで*/

/*会社案内のテーブル
--------------------------------*/
table {
	border-collapse: collapse;
	width:100%;
}
th.t_top {
    border-top: #be1309 4px solid;
}
th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}
td.t_top {
	border-top: #b3b3b3 4px solid;
}
td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}
/*ここまで*/


/*テキストフィールドのサイズ指定を打ち消す
--------------------------------*/
input.hoge {
    width: auto!important ; 
}
/*ここまで*/

/*必須マークを少し上に上げる
--------------------------------*/
.st-hisu {
 vertical-align: 1.5px;
}
/*ここまで*/


/*フォームの戻る・確認 / 送信ボタン*/
/**********MW WP Formボタン*********/
/*確認・送信ボタン*/
.sendmail {
	background: #FF6633;
	border: 1px solid #DDD;
	color: #FFF;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	width: 200px;
	padding: 10px 0;
	cursor: pointer;
}
/*戻るボタン*/
.backbtn {
	background: #0099CC;
	border: 1px solid #DDD;
	color: #FFF;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	width: 200px;
	padding: 10px 0;
	cursor: pointer;
}
/*ここまで*/

/*サムネイル付きページナビゲーション　ここから*/
#prev_next {
  width:100%;
  margin: 36px 0 24px;
  padding:0;
  display: table;
}
 
#prev_next  #prev, #prev_next  #next {
  width: 50%;
  padding:30px 10px 10px;
  border-top:#ccc 1px solid;
  border-bottom:#ccc 1px solid;
  display: table-cell;
  position:relative;
  text-decoration:none;
}
 
#prev_next #prev p, #prev_next #next p {
  font-size:90%;
  line-height:1.5;
}
 
#prev_next #prev:hover, #prev_next #next:hover {
  background-color: rgba(238,238,238,0.7);
}
 
#prev_next #prev {
border-right:#ccc 1px solid;
}
 
#prev_next #prev_title, #prev_next #next_title {
  font-size:90%;
  top:-1em;
  position:absolute; 
  border: 1px #ccc solid;
  background:#fff; 
  text-align: center;
  padding:3px;
  color:#666;
}
 
#prev_next #next_title {
  right:10px;
}
 
#prev_next #prev img, #prev_next #next img {
  margin:0 auto;
}
 
#prev_next #prev_no, #prev_next #next_no {
  width: 50%;
  height:140px;
  padding:0 10px;
  display: table-cell;
}
 
#prev_next #prev_no {
  border-right:#ccc 1px solid;
}
 
#prev_next_home {
  margin:0 auto;
  background-color: #ccc;
  border: solid 9px #fff;
  width: 100px;
  height:100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  box-shadow: 0 0 0 3px #ccc;
  -webkit-box-shadow: 0 0 0 3px #ccc;
  -moz-box-shadow: 0 0 0 3px #ccc;
  text-align:center;	
}
 
#prev_next_home:hover {
  background-color: #ddd;
}
 
#prev_next_home i {
  color:#fff;
  margin:10px auto ;
  font-size:60px;
}

/*PC・タブレット表示*/
@media print, screen and (min-width: 767px) {
 
#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {	
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
 
#prev_next #prev_title, #prev_next #next_title {
  padding:3px 10px;
}
 
#prev_next #next_title {
  right:10px;
}
 
#prev_next #prev img {
  float:left;
  margin-right:10px
}
 
#prev_next #next img {
  float:right;
  margin-left: 10px;
}
}
 
/*スマホ表示*/
@media print, screen and (max-width: 767px) {
 
#prev_next #prev img {
  float:left;
}
 
#prev_next #next img {
  float:right;
}
 
#prev_next #prev p, #prev_next #next p {
  clear: both;
  padding-top:10px;
}
 
#prev_next #next p {
  margin-left:10px;
}
}
/*ここまで*/



/*見出しのデザイン変更
--------------------------------*/
.post h3 {
    position: relative;
    margin: 10px 0px 20px;
    padding: 10px;
    border: none;
    color: #1a1a1a;
    font-size: 18px;
    line-height: 27px;
}
.post h3::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: '';
    width: 100%;
    height: 5px;
    background: repeating-linear-gradient(-45deg, #228b22, #228b22 3px, #fff 3px, #fff 6px);
}
.post h3.comment-reply-title::after {
    background: none;
}
.post h4 {
    position: relative;
    margin-bottom: 20px;
    padding: 10px 15px 10px 38px;
    border-bottom: dotted 1px #228b22;
    background: none;
    font-size: 17px;
    line-height: 26px;
}
.post h4::before {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -12px;
    content: "\f046";
    font-family: "FontAwesome";
    color: #228b22;
    font-size: 19px;
}
.post h4.point::before {
    content: none;
}

h5 {
border-bottom: solid 3px skyblue;
position: relative;
}

h5:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #ffc778;
bottom: -3px;
width: 30%;
}

/* マーカー */
.s01 {
    border-bottom: 2px solid #ff3333;
    font-size: 120%;
}
.s02 {
    background: linear-gradient(transparent 60%, #ffff66 60%);
    font-size: 120%;
}
/*ここまで*/

main {
    padding-bottom: 0px !important;
}



/*-- 人気記事デザイン --*/
ul.wpp-list li {
    border-bottom: 1px dashed #039BE5;/*記事間の点線と色*/
    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: #333;/*文字色*/
    padding: 12px;/*タイトル位置*/
    text-decoration: none;/*タイトルの下線なし*/
}

ul.wpp-list li a.wpp-post-title:hover {
    color: #4169e1;/*ホバー時のタイトル色*/
}
ul.wpp-list li { counter-increment: ranking-number; } ul.wpp-list li:before { content: counter(ranking-number); display: block; background: #1e73be; margin-right:3px; color:#fff; width:1.5em; height:1.5em; font-size:1em; font-weight:bold; font-family: ‘Lato’, sans-serif; text-align:center; line-height:1.5em; position:absolute; left:0; top:0; }