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


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

/*基本のフォントサイズ*/
p, /* テキスト */
.yellowbox, /* 黄色ボックス */
.graybox, /* グレーボックス */
.redbox, /* 薄赤ボックス */
#topnews .clearfix dd p, /* 一覧文字 */
.post ul li, /* ulリスト */
.post ol li, /* olリスト */
#comments #respond, /* コメント */
#comments h4 /* コメントタイトル */
{
font-size: 18px; /* 基本の文字サイズ */
line-height: 30px; /* 行間 */
}

/* 中見出し */
h2 {
background: #ddbf8d; /* 背景色 */
color: #ffffff; /* 文字色 */
font-size: 24px; /* 文字サイズ */
line-height: 27px;
margin: 20px 0;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
border-top:0px solid #ccc; /* 上ラインの太さと色 */
border-bottom:0px solid #ccc; /* 下ラインの太さと色 */
}


/*小見出し*/
.post h3:before {
color:#333; /* 色 */
margin-right: 10px;
font-family:"FontAwesome";
content:"\f046"; /* アイコン */
font-size:25px;
}

.post h4 {
padding: 10px 15px;
margin: 20px 0;
background-color: #f3f3f3;
font-size: 20px;
line-height: 26px;
}
/*amazonプラグインのh4は除外*/
.post .amazonjs_info h4{
background-color:transparent!important;
}

#side .st-aside .menu_underh2 {
color:#333; /* 色 */
background-color: #fff; /*背景色*/
}

/*ブログ背景色*/
html,
body {
background-color: #fff; /*これは白*/
}

/*記事背景*/
.st-main {
background: none; /*この基準値は色をナシにするのでブログ背景色と同じになるし、わけたければ別に色を指定する*/
}

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

/* 引用 */
blockquote {
    position: relative;
    padding: 10px 15px 10px 60px;
    box-sizing: border-box;
    font-style: italic;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #9dd4ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #9dd4ff;
    font-size: 30px;
    line-height: 1;
}

blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*--------------------------------
アコーディオンメニュー
---------------------------------*/
.menu-navigation-container {
overflow: hidden;

}

nav li a:hover {
text-decoration: underline;
background: #ddcba8; /* マウスオン時に文字列にかかるハイライト色（スマホ時にはあまり関係ない） */
}

#s-navi {
margin:0 -10px;
background: #ddcba8; /* 背景色 */
}

#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;
height: 40px;
overflow:hidden;

}

.trigger .fa:not(.fa-bars) {
font-size:20px;

}

/*アコーディオンメニューボタン*/
#s-navi dt.trigger .op {
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
color: #333; /* マーク色 */
font-size:25px; /* マークのサイズ */
line-height:30px;
background:#ccc; /* 背景色 */
display:block;
float:right;
height:auto;
margin-top:-5px;
padding: 10px 10px 9px 10px;
max-width:20%;
box-sizing:border-box;
}

/*--------------------------------
メニュー
---------------------------------*/
#st-menubox {
background: linear-gradient(#ddba85, #ddcba8); /* 上下2色で背景グラデーション */
color: #444444; /* 文字色 */
border-top: solid 1px #E0DEDE; /* 上のライン */
border-bottom: solid 1px #E0DEDE; /* 下のライン */
margin-bottom:10px;
}

#st-menuwide {
padding: 0px;
margin:0 auto;
max-width:1060px;
}

nav.smanone {
max-width:1060px;
margin:0 auto;
}

nav.st5 {
max-width:1060px;
margin:0 auto;
}

header .smanone ul.menu li{
list-style-type:none;
float:left;
width:160px;
height:40px;
text-align:center;
border-right:solid 1px #E0DEDE; /* 横のライン */
position:relative;
}

header .smanone ul.menu>li:last-child {
border:none;
}

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;
}

header .smanone ul.menu li li a{
background: #444444; /* ドロップダウンメニューの背景色（2階層） */
color: #ddcba8; /* 文字色 */
border-top:#E0DEDE solid 1px; /* 上のライン */
border-left:#E0DEDE solid 1px;
border-right:#E0DEDE solid 1px;
z-index:2;
}

/* 関連記事の文字 */
.post p.point {
margin-bottom:40px;
position:relative;
border-bottom:solid 1px #ddbb87; /* 線の太さと色 */
padding:20px 15px 10px;
background-color:transparent;
}
.post p .point-in {
padding:3px 20px;
margin:0;
font-size:15px;
font-weight:bold;
background:#ddbb87; /* 背景色 */
color:#000;
position:absolute;
top:15px;
left:0;
}

/* タグクラウドデザイン */
.tagcloud a {
font-size: 14px !important; /* 文字のサイズ */
line-height: 1em;
background: #ddcba8; /* 背景色 */
color: #444444; /* 文字色 */
display: inline-block;
white-space: nowrap;
padding: 8px 8px; /* 文字周りの余白 */
margin-top: 3px; /* タグ同士の余白 */
border-radius: 4px; /* 角を少し丸く */
text-decoration: none;
opacity:1.0; /* 透明度 */
border:1px #ddcba8 solid; /* 枠線 */
}
.tagcloud a:hover {
background: #444444; /* マウスホバー時の背景色 */
color: #ddcba8; /* マウスホバー時の文字色*/
opacity:1.0; /* 透明度 */
border:1px #444444 solid; /* 枠線 */
}

/* タグクラウドアイコン */
.tagcloud a:before {
font-family: "FontAwesome";
content: "\f02b"; /* アイコン */
padding-right: 4px;
}

.cat-item {
display: inline-block; /*横並びコード*/
margin: 3px; /* タグ同士の余白 */
}


/* フォント */
* {
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
margin: 0px;
padding: 0px;
}

<!-- ロゴ又はブログ名 -->
<p class="sitename">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
　<img src="画像のURLを入れてください">
</a>
</p>
<!-- ロゴ又はブログ名ここまで -->
<!-- キャプション -->
<?php if ( is_front_page() ) { ?>
<h1 class="descr">
<?php bloginfo( 'description' ); ?>
</h1>

/*トップあげボタン*/
#page-top {
    bottom: 20px;
    right: 20px;
}
#page-top a {
    border-radius: 50%;
    font-size: 32px;
    height: 32px;
    line-height: 32px;
    width: 32px;
}
#page-top a:hover {
    background: #3498db;
}
.fa-angle-up:before {
    content: "\f102";
}

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

#headbox-bg{
          background: linear-gradient(#6d6d6d, #0a0a0a);
          height:130px;
}

#content{
    max-width:1200px;
}

header .smanone ul.menu li{
	border-left: 1px solid #fff;
  	border-right: 1px solid #fff;
}