@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: stinger5ver20150505
Theme URI: http://wp-fun.com
Description: stinger5
Author: enji
Author URI: http://wp-fun.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: flexible-width, custom-header, custom-menu, editor-style,
Version: 20150505
---------------------------------------------------------*/
:root{
--old-key-color: #b6a586;
--nagiko: #f9f7f5;
--nagiko87:#f9f7f5de;
--key-gray: #666;
--key-color: #f3a953;
--sub-color1:#F2DFC2; /*ライトゴールド*/
--sub-color2:#b6a586; /*#E0C7A6 サンドベージュ*/
--sub-color3:#FFE2C9; /*ピーチベージュ*/
--sub-color4:#FFF1E6; /*クリーム*/
--f-color: #1A1A4B; /*ディープブルー*/
--sub-color: #b3aca4;
--red: #e06d6d;
--cred: #f00;
--blue: #4b84d0;
}
html { font-size: 16px }
@media screen and (min-width: 1600px) and (min-height:1080px) {html { font-size: clamp(16px, 1vw, 18px) }}
@media screen and (max-width: 650px) { html { font-size: clamp(10px, calc(36px - 3.0769vw), 4VW) } }
html,body,div,h1,h2,h3,h4,p,ul,li,textarea,th,td,a,code,blockquote {
box-sizing: border-box; color:#444; font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "YuGothic", "Yu Gothic", "Meiryo", sans-serif}
* {	margin: 0; padding: 0; box-sizing: border-box;}
main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary { display: block;}
body.mceContentBody { background-color:#fff}
body {word-wrap: break-word;-webkit-text-size-adjust: 100%; background-color:var(--nagiko);}
div,p,li,th,td,code,blockquote {font-weight:400}
p {font-size: 1em; line-height: 1.9; margin: 0 auto 1.5rem; letter-spacing:.005em}

/* リンクの色 */
a { color: #e79; font-weight:bold;}
a:hover { color: #b22222;}
img, video, object { max-width: 100%; height: auto; border: none; vertical-align: bottom; display: block;}
a:hover img { opacity: 0.8;}
img.size-full, img.size-large { margin-bottom: 10px; height: auto; max-width: 100%; }

.wp-caption{ height: auto; max-width: 100%; }

/* スマートフォンは表示しない */
.smanone { display: block; }
.pcnone { display: none; }

/* clearfix */
.clearfix {  zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both;}

.clear { clear: both;}
.center { text-align: center; padding-bottom: 20px;}

/*--------------------------------
各フォント設定
---------------------------------*/

/*--ヘッダー--*/
header { text-align: center; padding: 60px 0; background:#f2dae1}
#header-inner { text-align:center; padding: 0 20px;}
header .sitename { display:block; color: #F095AE; font-size: 30px; font-family: sans-serif; text-decoration: none; font-weight: bold; margin-bottom:5px}
header .sitename:hover { opacity: 0.8;}
header h1 { font-size: 12px; color: #666; font-weight: normal;}
header .descr { font-size: 12px; color: #666; font-weight: normal; line-height: 20px; margin:0}

main {background-color: #fff; border-radius: 4px; padding: 20px 40px; margin-bottom: 20px;}

/* 記事タイトル */
#title-head{margin: 0 -40px 20px;}
.entry-title { font-size: 1.875em; line-height: 1.3; color: #444; margin: 10px 0; padding:0 40px }
/*--日付--*/
#datebox {font-size: 18px; padding: 0 40px 10px}
#datebox span {color: #999; font-weight: bold}
#datebox span:before {color: #91DBE6; font-weight: normal}
.databox {font-size: 12px; display: inline-block; color: #666; margin-bottom: 7px}

.kdate:before,
.cdate:before {content:"\f073"; font-family:'FontAwesome'; margin-right: .7em}
.udate:before {content:"\f1da"; font-family:'FontAwesome'; margin-left:10px; margin-right: .7em}
.kdate {margin-right: 10px}

/* サムネイル */
#thumbnail {margin-bottom:20px}

/*--大見出し--*/
.page-title, h2 {background: #F9EEF1; font-size: 1.2em; padding: .5em; margin:50px 0 30px; border-left:.7em solid #F095AE; color:#444; line-height:1.5}
h2 a { color:#444; text-decoration: none;}

/*小見出し*/
.asset-content h3 {font-size: 1.2em; margin: 50px 0 24px; padding: .3em .5em; border-left: .5em solid #F095AE; line-height:1.5}
.asset-content h3.no-bd {border: none; background: none}
.asset-content h2 + h3 {margin-top: 0}

/* サイドバーの見出し */
footer h4 a { color: #666; text-decoration: none;}

/* 引用 */
.post blockquote,
.inyoumodoki{ background-color:#f3f3f3; padding:10px 10px 10px 20px; margin:20px 0; border-left:5px solid #CCC}

.post blockquote:before,
.inyoumodoki :before{ font-family: 'FontAwesome';content:"\f10d"; color:#fff;font-size:48px;}

/* フッター文字 */
#footer h3 { font-size: 14px; margin-bottom: 10px; }
#footer .copy { font-size: 12px; color: #999; line-height: 15px; opacity: 0.5}

/*--------------------------------
トップページやアーカイブ一覧表示
---------------------------------*/
.entry {display:flex; margin-bottom: 20px;}
.entry .top-eyecatch {width: 320px;}
.entry .introduction {width: calc(100% - 320px);}
.entry-title-ac {margin-bottom:10px;}
.entry-title-ac a { font-size: 22px; color: #e8839f;}
.introduction p {font-size: .8em; margin-bottom:0; line-height: 1.5}

/*--------------------------------
エディタ用
---------------------------------*/
/*テーブル */
.post table { border-top: 1px #999 solid; border-right: 1px #999 solid; margin-bottom:20px; width:100%; }
table tr td { padding: 5px; border-bottom: 1px solid #999; border-left: 1px solid #999; font-size: 13px; line-height: 18px;}
.post table tr td p{ font-size: 13px; line-height: 18px; }
.post table tr:nth-child(even) { background-color:#f3f3f3; 	}
#main .post table { border-top: 1px solid #999; border-right: 1px solid #999; color: #333; }
table.fixed {table-layout: fixed}

/*画像 */
img.alignright { display: block; margin: 0 0 0 auto; }
img.alignleft { display: block; margin: 0 auto 0 0; }
img.aligncenter { display: block; margin: 0 auto;}

img.float-left { float: left;}
img.float-right { float: right;}
.wp-caption { text-align: center;}
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}

/*リスト */
ul { list-style-type: disc; padding: 10px 20px 10px 30px; margin-bottom: 10px; }
ul li,
ol li { font-size: 17px; line-height: 27px; }
ol { list-style-type: decimal; padding: 10px 20px 10px 30px; margin-bottom: 10px; }

/*--------------------------------
メニュー
---------------------------------*/
.menu-navigation-container { overflow: hidden; }

/*--------------------------------
ぱんくず
---------------------------------*/
#breadcrumb { font-size: 13px; }
#breadcrumb a { color: #666; text-decoration: none;}
div#breadcrumb { padding: 0 0 5px; margin: 0 0 0px; clear: both;}
div#breadcrumb a { color: #ccc}
div#breadcrumb div { display: inline; font-size: 13px;}
#breadcrumb div a { color: #666; text-decoration: none;}

/*--------------------------------
PAGE TOP
---------------------------------*/
#page-top {display: block; position: fixed; z-index: 100; bottom: -60px; right: 10px; width: 60px; background: rgba(240, 149, 174, 0.8); color: #fff; text-align: center; text-decoration: none; transition: .5s; font-size: 30px; border-radius: 50%}
#page-top:before {content:"\f062"; font-family:'FontAwesome'; line-height: 60px}
#page-top:hover {opacity: 0.8}

/*--------------------------------
PREV NEXT
---------------------------------*/
.p-navi {display: table; margin-bottom: 10px;}
.p-navi .next {display: table-cell; width: 60px; line-height: 60px; text-align: center;
  font-size: 26px; font-weight: bold; background:#f095ae; color: #fff; border-radius: 50%; vertical-align: middle;}
.p-navi .nextpage { display: table-cell; top:0; left: 0; padding-left: 10px; vertical-align: middle; line-height: 1.5 }

#menu,
#wrapper { max-width: 808px; margin: 0 auto; }

/*--ナビゲーションメニュー--*/
nav {background: #F095AE; margin-bottom: 20px;}

.menulabel,
#opcheck {display: none}
span#bar {display:inline-block; height:14px;width: 18px;vertical-align: middle}
span#bar span {height:2px; width:12px; background-color:#fff;display: inline-block;margin: 1px 3px;border-radius: 1px}

#menu {display: block; table-layout: fixed; padding:0}
#menu li {display: table-cell; vertical-align: middle; text-align: center; width: 162px}
#menu li a {font-size: 15px; color: #fff; display: block; padding: 15px 0; box-sizing:border-box; transition: all 300ms 0s ease; text-decoration: none}
#menu li a:hover {background: #f2dae1; color: #F095AE;}

footer {text-align: center; padding: 30px 20px; background:#f2dae1}

/*--特殊ボタン-----*/
a.pushbutton {color: #fff; display: inline-block; border-radius: 6px; padding: 15px; background: #ff94ab; text-decoration: none; min-width: 40%; margin: 30px auto;
font-weight: bold; box-shadow:0 5px 0 0 rgba(170, 68, 85, .8); box-sizing: border-box;position: relative; padding: 20px 50px 20px 15px;}
a.pushbutton:hover {transform: translate3d(0,5px,0); box-shadow: none; transition: all 100ms 0s ease}
a.pushbutton:after {position: absolute; content: "\f0a9"; font-family: "Fontawesome"; right: 12px; font-size: 1.4em; line-height: 1; font-weight: normal}

/*--ホームリンク-----*/
.tohome {color: #e79;font-weight:bold;font-size: 30px; text-decoration: none;}
.tohome:before {font-family: 'FontAwesome'; content:"\f015"; margin-right: 8px;}

/*-- ブログカード --*/
.bcard {margin: 2em auto; border:1px solid #999; background-color: #fff}
.bcard a, #kanren-list a {padding: .75em; display:flex; flex-wrap:nowrap; align-items: center; text-decoration:none;word-wrap:break-word}
.bc-thumb {flex-basis:25%; min-width: 140px}
.bc-content {flex-basis:75%; line-height:1.5; padding-left: 1em}
.bc-title {margin-bottom:.25rem; color:var(--f-color); font-weight:bold; text-decoration:underline; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
a:hover .bc-title {color:#C03}
.bc-excerpt {color:#333;font-size: .75rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.bc-next {padding: .25em .5em;font-size: .75em;border:1px solid var(--key-gray);display:inline-block;margin: .75em 0 1px}
.bcard.ver2 { border:0; margin:0 auto 3em}
.bcard.ver2 .bc-thumb {flex-basis:35%; padding:0; vertical-align: middle}
.bcard.ver2 .bc-thumb img {border-radius:0}
.bcard.ver2 .bc-content {flex-basis: 65%; padding-left: 1.5em}
.bcard.ver2 .bc-title {font-size: 1.5em; margin-bottom: 1rem; color: #333; text-decoration:none; font-weight:400}
.bcard.ver2 .bc-excerpt { font-size: 1em; display:block; line-height: 1.8em}

section {margin-bottom: 3em;}
.ad {padding-bottom: 10px;}

.cf, .official {margin: 30px 0; display:block}
.cf:before, .official:before {
  color:#fff; padding: 0px 10px; text-decoration:none; margin-right:10px; display:inline-block;  font-size: 11px; border-radius: 20px}
.cf:before {content: "\53C2\8003"; background: #f90}
.official:before {content: "\516C\5F0F\30B5\30A4\30C8"; background: #c11}

/* ----------------------------------------
 * １カラム限界ポイント 848px
---------------------------------------- */
@media only screen and (max-width: 848px) {
  #side {margin: 0 20px;}
}
/* ----------------------------------------
 * スマホサイズへ切替 650px
---------------------------------------- */
@media only screen and (max-width: 650px) {
  .smanone { display: none; }
  .pcnone { display: block; }
  #contentInner { width: 100%;}

  header .sitename {font-size:24px;}
  #wrap {padding-top: 0}
  .page-title, h2 {font-size: 20px; padding: 15px 12px; margin:40px 0 20px; border-left:16px solid #F095AE}
  .asset-content h3 {font-size: 18px; margin: 40px 0 20px; padding: 10px 8px; border-left: 12px solid #F78D7C}
  /*-- ナビメニュー＜スマホ用アコーディオン＞切替--*/
  #navi {background: none}
  .menulabel {display:block; text-align: right; font-size: 16px; padding: 0 10px; line-height: 60px; color:#fff; cursor: pointer}
  #menu {margin:0; padding:0;}
  #menu li {display: block; max-height: 0; opacity: 0; overflow-y: hidden; transition: all 300ms 0s ease; float: left; width:50%; text-align:center}
  #menu li a:before {font-family: 'FontAwesome'; margin-right: 10px}
  #opcheck:checked~#menu li {max-height: 50px; opacity: 1; box-sizing:border-box; border: 0.5px solid #fff; border-bottom: 0}
  #menu li a {padding: 0 3px 0 15px; line-height: 50px; background: #f2dae1; display: block; color: #F095AE; font-size: 14px; transition: all 300ms 0s ease}
  nav {margin-bottom:0;}
  #datebox {font-size: 14px}
  a.pushbutton {min-width: 80%}

  /*IEで要素がズレるのを対応*/
  .ie7 aside ul li, .ie8 aside ul li, .ie9 aside ul li { display: list-item; padding: 0; }
  /*--各フォント設定--*/
  p {margin-bottom: 20px; color: #444;}
  /*リスト */
  .post ul, .post ol { padding: 0 20px 10px 30px; margin-bottom: 10px; }
  .post ul li, .post ol li { font-size: 14px; line-height: 27px; }

  .elist { display: flex; flex-wrap:wrap; margin-bottom: 30px;}
  .entry {display:block;flex-grow:1; max-width: calc(50% - 10px); margin: 5px; background:#f3f3f3;}
  .entry .top-eyecatch {width: auto;}
  .entry .introduction {width: auto; padding: 5px 10px;}
  .entry-title-ac a { font-size: 16px; text-decoration: none; color: #444;}
  .introduction p {display: none;}
} /*-- 650px ここまで --*/

@media only screen and (max-width: 480px) {
  main { background-color: #fff; border-radius: 4px; padding: 20px 15px}
  #title-head{margin: 0 -15px 20px}
  .entry-title { padding: 0 15px;}
  #datebox { padding: 0 15px 10px;}
  .bc-excerpt {display: none;}
.scroll{margin: 0 -10px;overflow:auto;}
.asset-content .scroll table td {white-space: nowrap;}
}

@media only screen and (max-width: 340px) {
  header .sitename {font-size:22px;}
  .elist { display: block;}
.entry:after{content:"aa";}
  .entry {max-width: 100%; margin: 0 0 20px;}
  .entry-title-ac a { font-size: 14px;}
}

/*---------------------------------
Original
--------------------------------*/
strong{background-color:#FEFE98;}
.red {color: #ff0000;}
.bred{font-weight: bold;color: #ff0000;}
.sns03 ul{padding:0 0 20px 0;}
.sponsored_link{color:#666;font-size:13px; text-align:center; padding-bottom:20px;}
.sponsored_link span{display:block;}

/*--記事タイトル--*/
/*#title-head{ border-bottom: 10px solid #f79; }*/

/*---サイドバー---*/
#side .sidetitle { margin: 1em 0; padding: .5em; background: #f095ae; color: #fff }

/*--検索フォーム--*/
#side #search { padding-bottom: 0px;position: relative; width: 100%; }
#s { height: 33px; color: #333; font-size: 14px; border-radius: 0; border: none; background-color: #ccc; z-index: 10; padding: 5px 65px 10px 5px; width: 100%; box-sizing: border-box; }
#searchsubmit { border-radius: 0; background-color: #ccc; position: absolute; right: 0px; top: 0px; width: 50px; height: 32px; z-index: 20; }
*:first-child + html #searchsubmit { top: 1px; }

/*---この記事を書いた人---*/
.profile-img{float:left;}
.profile-text{margin-left:80px;text-align:left}
.profile-text p{font-size:13px;line-height:22px;}

/*--TABLE------------*/
.asset-content table {margin-bottom: 20px; text-align: left; border-collapse: collapse; }
.asset-content table th {padding:7px 10px; border-right:1px solid #CCC; border-bottom: 1px solid #CCC; color: #FFF; background-color: #899; font-weight:normal;}
.asset-content table td { padding:7px 10px; border: 1px solid #CCC;background-color: #fff; white-space: nowrap;}
.asset-content table.mini th,
.asset-content table.mini td{font-size:13px;padding:5px; line-height:1.8}

/*--twitter-----*/
img.noborder{border:0;padding:0;}
img.nomargin{margin:0;}

/* -- カテゴリリスト-----------------------------*/
ul#category-list {padding:0; display: flex;  flex-wrap: wrap;}
ul#category-list li{padding-left:10px!important; list-style-type: none; margin-bottom: 8px; max-width: 25%; min-width: 160px;}
ul#category-list li a {padding-left:7px;text-decoration:none; color:#e79;font-weight:bold;}
ul#category-list li a:hover{color:#c03;font-weight:bold;text-decoration:underline;}
ul#category-list li:before{font-family:'FontAwesome';content:"\f07b";color:#e79;}
/* -- /カテゴリリスト-----------------------------*/

/*--共通(リセット情報上書きするので最後にもってくる)--*/
.mg-t0{margin-top:0!important;}
.mg-b0{margin-bottom:0!important;}
.mg-b20{margin-bottom:20px!important;}
.pad5{padding:5px!important;}