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


/*-- ここまで --*/
}
/*記事内のフォントサイズなど*/
.entry-content p {
    font-size: 17px;/*文字サイズ*/
    line-height: 27px;/*行間*/
    margin-bottom: 20px;/*段落*/
}
/*-- ブログタイトル --*/
header .sitename {
    font-size: 22px;/*文字サイズ*/
}
header .sitename a {
    color: #333;/*文字色*/
}
#header-l {
    float: none;/*指定を初期値に*/
    text-align: center;/*中央寄せ*/
}

/*-- キャッチフレーズ --*/
#header-l .descr {
    color: #999933;/*文字色*/
    font-size: 20px;/*文字サイズ*/
    line-height: 1.7em;/*行間*/
    margin-bottom: 1.2em;/*下の余白*/
    display: none;/*非表示にする場合*/
}
/*-- ブログ各エリアの幅 --*/
#content{
    max-width:1110px;/*全体の横幅*/
}
#side .st-aside {
    width: 300px;/*サイドバーの幅*/
}
.st-main {
    width: 700px;/*記事エリアの幅*/
}

@media only screen and (max-width: 420px) {/*スマホ用*/
#side .st-aside {
    width: auto;/*サイドバーの幅*/
}
.st-main {
    width: auto;/*記事エリアの幅*/
}
}
/*-- フッターエリア --*/
.clearfix {
    clear: both;/*回り込みを解除*/
}

#foot-wrapper {
    width: 100%;/*全体の幅*/
    padding: 0 auto;
    margin: 0 auto;
    background: #333;/*背景色*/
	text-align:center;/*中央揃え*/
}

#footer {
    max-width: 990px;/*幅の最大値*/
    margin: 0 auto;
}

#footer>aside ul {
    float: left;
    color: #fff;/*テキストの文字色*/
    margin-right: 30px;/*カラム間右側の幅*/
    width: 300px;/*1カラムの幅*/
    padding: 0px 0px;
    list-style-type: none;
}
#footer a {
    color: #fff !important;/*メニュー色*/
}

#footer .menu_underh2 {
}

#footer .cat-item a {
}
/*-- カテゴリーデザイン --*/
.cat-item a {/*親カテゴリー*/
    display: block;/*ブロック要素にする*/
    text-decoration: none;/*下線なし*/
    font-size: 16px;/*文字サイズ*/
    line-height: 2.2em;/*各カテゴリー間の高さ*/
    padding: 0 20px;/*左右の余白*/
    color: #24140e;/*文字色*/
    border-bottom: 2px dashed #79c06e;/*下の点線を引く*/
    margin-bottom: 2px;/*カテゴリー下の余白*/
}

.cat-item li a {/*子カテゴリー*/
    display: block;/*ブロック要素にする*/
    font-size: 13px;/*文字サイズ*/
    border-bottom: 2px dashed #79c06e;/*下の点線を引く*/
    padding: 0 30px;/*左右の余白*/
}

.cat-item a:hover {
    color: #4169e1;/*ホバー時の文字色*/
    background-color: #f5deb3;/*ホバー時の背景色*/
}
.cat-item a:before {/*親カテゴリのアイコン*/
    font-family: FontAwesome;/*アイコン取得先*/
    content: "\f07b";/*アイコンコード*/
    color: #008080; /*アイコン色*/
    margin-right: 5px;/*アイコンと文字の間隔*/
}

.cat-item li a:before {/*子カテゴリのアイコン*/
    font-family: FontAwesome;/*アイコン取得先*/
    content: "\f061";/*アイコンコード*/
    margin-right: 2px;/*アイコンと文字の間隔*/
}


/*-- トップページ記事一覧エリア --*/
.itiran-custom {
    position: relative;/*相対位置*/
}
.itiran-custom dl {
    background: #FFFF99;/*背景色*/
    border: none;/*ボーダーなし*/
    padding: 0px;/*内側の余白*/
    margin: 0px;/*外側の余白*/
    margin-bottom: 30px;/*カード下の余白*/
    box-shadow: 3px 7px 4px #a0a0a0;/*影をつける*/
}
.itiran-custom dt {
    margin-right: 30px;/*画像とタイトルの間隔*/
    float: left;/*左に寄せる*/
    overflow: hidden;/*拡大領域固定*/
    position: relative;/*相対位置*/
    list-style: none;/*マーカーなし*/
}
.itiran-custom dt img {/*アイキャッチ画像*/
    width: 260px;/*画像幅*/
    height: 200px;/*画像の高さ*/
    transition: .3s;/*拡大・縮小速度*/
}
.itiran-custom dt img:hover {/*マウスホバーで画像拡大*/
    transform: scale(1.2);/*拡大率*/
}
.itiran-custom dd a {/*記事タイトル*/
    font-weight: bold;/*文字を太字に*/
    color: #000;/*文字色*/
    font-size: 18px;/*文字サイズ*/
    text-decoration: none;/*下線なし*/
}
.itiran-custom dd {
    text-align: left;/*タイトル中央寄せ*/
    display: block;/*ブロック形式で表示*/
    padding: 30px;/*タイトル位置*/
}
.eyecatch-t {/*-- 記事一覧画像にカテゴリー追加 --*/
    position: relative;/*絶対位置*/
}
p.eyecatchlabel-t {
    position: absolute;/*絶対位置*/
    font-size: 13px;/*文字サイズ*/
    font-weight: bold;/*文字を太字に*/
    color: #4169e1;/*文字色*/
    background-color: #7cfc00;/*背景色*/
    padding: 0px 20px;/*縦と横の幅*/
    left: 0;/*左からの位置*/
    top: 0;/*上からの位置*/
    opacity: 0.8;/*透明度*/
    z-index: 2000;/*重なりの順序*/
}

/*-- この記事を見るボタンの配置 --*/
.readmore {
    text-align: right;/*ボタンを中央に移動*/
    margin-top: 2px;/*上からの余白*/
    margin-bottom: -17px;/*下からの余白*/
}

@media only screen and (max-width: 413px) {
.itiran-custom dl {
    float: none;/*配置なし*/
}
.itiran-custom dt {
    margin-right: 10px;/*画像とタイトルの間隔*/
}
.itiran-custom dt img {/*アイキャッチ画像*/
    width: 135px;/*画像幅*/
    height: 140px;/*画像の高さ*/
}
.itiran-custom dd a {/*記事タイトル*/
    font-size: 15px;/*文字サイズ*/
}
.itiran-custom dd {
    text-align: left;/*タイトル左寄せ*/
    padding: 3px;/*タイトル位置*/
}
p.eyecatchlabel-t {
    font-size: 10px;/*カテゴリー文字サイズ*/
    padding: 0px 5px;/*縦と横の幅*/
}
.readmore {
    text-align: right;/*ボタン右寄せ*/
    margin-top: -18px;/*上からの余白*/
    margin-bottom: 0px;/*下からの余白*/
}
.itiran-time {
    font-size: 8px;/*投稿日時文字サイズ*/
    margin-top: -25px;/*上からの余白*/
}
}


/*-- 続きを読むボタン --*/
.readmore_right a {
    color: #fff;/*文字色*/
    font-size: 14px;/*文字のサイズ*/
    background-color: #CC3333;/*背景色*/
    border-radius: 4px;/*角を丸める*/
    padding: 5px 5px 5px 5px;/*上下左右の余白*/
    text-decoration: none;/*文字の下線なし*/
    transition: 0.5s;/*色が変化する秒数*/
}

.readmore_right a:hover {
	color: #fff;/*ホバー時の文字色*/
    background-color: #0000ff;/*ホバー時の背景色*/
}
/*-- 関連記事エリア --*/
.random {
    padding: 0px;
    margin: 0px;
    text-align: center;/*記事エリア及びタイトルを中央揃え*/
}

.random ul {
    padding: 0px;
    margin: 0px;
    display: inline-block;/*横並びでブロック配置*/
}

.random li {
    float: left;
    position: relative;
    list-style: none;
}

.random li:last-child {/*記事の間隔*/
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.random span {/*記事タイトル*/
    background: rgba(0,0,0,0.6);/*背景色*/
    font-weight: bold;/*文字を太字に*/
    color: #fff;/*文字色*/
    font-size: 12px;/*文字サイズ*/
    padding: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: normal;
    width: 180px;/*タイトルエリアの幅*/
}

.random li img {/*アイキャッチ画像*/
    width: 190px;/*画像幅*/
    height: 170px;/*画像の高さ*/
}
@media only screen and (max-width: 420px) {/*スマホ用*/
.random li img {/*アイキャッチ画像*/
    width: 150px;/*画像幅*/
    height: 150px;/*画像の高さ*/
}
.random span {/*記事タイトル*/
    text-align: left;/*タイトルを中央揃え*/
    font-size: 10px;/*文字サイズ*/
    width: 140px;/*タイトルエリアの幅*/
}
}
.point {/*タイトル部分*/
    text-align: center;/*タイトルを中央揃え*/
    font-weight: bold;/*文字を太字に*/
    font-size: 20px;/*文字サイズ*/
    color: #fff;/*文字色*/
    background-color: #808080;/*背景色*/
}
.random li {
    overflow: hidden;/*拡大領域固定*/
}

.random li img {
    transition: .3s;/*拡大・縮小速度*/
}

.random li img:hover {/*マウスホバーで画像拡大*/
    transform: scale(1.2);/*拡大率*/
}
/*-- 人気記事デザイン --*/
ul.wpp-list li {
    border-bottom: 1px dashed #79c06e;/*記事間の点線と色*/
    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;/*ホバー時のタイトル色*/
}
/*-- 記事一覧のアドセンス広告 --*/
.itiran-ad {
    text-align: center;/*中央寄せ*/
    margin-bottom: 30px;/*外側下の余白*/
}
.itiran-ad p {/*アドセンスラベル*/
    font-size: 14px;/*文字サイズ*/
    color: #999;/*文字色*/
    margin-bottom: 3px;/*下の余白*/
}


/* スポンサーリンクの文言が不要な場合は削除 */
.type-post div.entry-content:after {
    content: "スポンサーリンク";
}

.adbox {
    padding: 0 0 40px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.adbox > div:first-child {
    margin-right: 10px;
    padding-top: 10px;
}
/* 引用デザイン */
.post blockquote {
     position: relative;
    padding: 5px 12px 5px 56px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #fff4db;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 36px;
    height: 36px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 20px;
    line-height: 36px;
    background: #ffd596;
    border-radius: 50%;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

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

/* 見出し */
h2{
background: #fff0d9;
box-shadow: 0px 0px 0px 5px #fff0d9;
border: dashed 2px white;
padding: 0.2em 0.5em;
}

h1{
position: relative;
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
}

h1:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/* Amazonと楽天のボタン */
.shoplinkamazon, .shoplinkrakuten {
  text-align:center;  /* 文字をボタンの中央に */
  margin-right: 10px; /* ボタンとボタンの間の余白 */
  float: left;  /* ボタンを横並びに */
  width: 45%;  /* ボタンの幅 */
}
 
.kaerebalink-link1 a {
  display: block;
  height: 40px;  /* ボタンの高さ */
  line-height: 40px;  /* ここはボタンの高さと同じ数値に */
  border-radius:5px;  /* ボタンの角をちょっと丸く */
  -moz-border-radius:5px;  /* ボタンの角をちょっと丸く(Firefox向け) */
  -webkit-border-radius:5px;  /* ボタンの角をちょっと丸く(Google Chrome、Safari向け) */
}
 
/* ボタン上に余白 */
.kaerebalink-link1 {
  margin-top: 15px;
}
 
/* 左寄せを後から解除するための記述 */
.kaerebalink-link1:after {
  content:"";
  display:block;
  clear:both;
}
/* Amazonと楽天のリンク部分（ボタン内のテキスト） */
.shoplinkamazon a, .shoplinkrakuten a{
  background-color:#1F5E73;  /* ボタンの背景色 */
  color:#fff;  /* 文字の色 */
  text-decoration:none;  /* アンダーライン無し */
  font-weight:bold;  /* 文字を太字に */
  display:block;  /* ボタン全体をクリックできるようにブロック要素にする */
}

.shoplinkamazon a:hover, .shoplinkrakuten a:hover{
  background-color:#7a8285;
}

/* カエレバスマートフォン表示 */
@media screen and (max-width: 599px) {
.kaerebalink-box {
  margin-top:10px;  /* カエレバ全体の上に余白 */
  margin-bottom:10px;  /* カエレバ全体の下に余白 */
  text-align:center;  /* カエレバリンク内テキストは中央寄せ */
  padding:10px;  /* 全体的な余白 */
}
  
/* カエレバの商品画像部分 */
.kaerebalink-image {
  float:none;  /* 画像の左寄せを解除 */
}
  
/* ショップリンクボタン（Amazonと楽天） */
.shoplinkamazon, .shoplinkrakuten {
  width:90%; /* ボタンの幅を横幅の90%に */
  display : block;  /* 横並びだったボタンを縦に並べる */
  padding : 0;  /* 余計な余白を削除 */
  margin-bottom: 10px; /* ボタンとボタンの間の余白 */
}
}

style.css

/*-- タイトルの配置 --*/
#header-l {
float: none;
text-align: center;
}
/*-- タイトルの配置 --*/
#header-l {
float: none;
text-align: center;
}

le.css

/*-- タイトルロゴのサイズ --*/
.sitename a img{
    width: 400px;
}
/*-- タイトルロゴのサイズ --*/
.sitename a img{
    width: 700px;
}
/*-- キャッチフレーズの非表示 --*/
#header-l .descr {
display: none;
}