/*
Theme Name: STINGER8 Child
Template: stinger8
Version: 20161115
*/
@import url('../stinger8/style.css');


/*--------------------------------
全体レイアウト
---------------------------------*/
div.st-main {
	max-width: 600px;
}
@media only screen and (max-width: 959px) {
	div.st-main {
		margin-left: auto;
		margin-right: auto;
	}
}

@media print, screen and (min-width: 960px) {
	#content {
    	max-width: 1020px;
	}
}

/*--------------------------------
全体要素
---------------------------------*/

p, /* テキスト */
.yellowbox, /* 黄色ボックス */
.graybox, /* グレーボックス */
.redbox, /* 薄赤ボックス */
.post ul li, /* ulリスト */
.post ol li /* olリスト */
{
	font-size: 14px;
	line-height: 1.8;
}

.post h2,
.post h2 span,
.post h3,
.post h3 span,
.entry-title,
.post .entry-title {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
}

a:link,
a:visited {
  	color:#e0562e;
}
a:hover,
a:focus,
a:active {
	color: #4c2c23;
}

ul.inline-list li {
	display: inline;
}

.marker_red {
	background: linear-gradient(transparent 80%, #ffc8c8 80%);
}
.marker_blue {
	background: linear-gradient(transparent 80%, #b4dcff 80%);
}
.marker_green {
	background: linear-gradient(transparent 80%, #c8ffc8 80%);
}
.marker_white {
	background: linear-gradient(transparent 80%, #e6e6e6 80%);
}

.color-brown {
	color: #c7a476 !important;
}
.color-green {
	color: #51bb55 !important;
}

.no-listmark {
	list-style: none !important;
	padding-left: 0 !important;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

strong.st-brown {
	color: #993300;
}

.kanren .blog_info p {
	display: inline-block;
}
.new {
	color:#ff0004;
	font-weight: bold;
	display:inline;
}

.imgsize60 img {
	width: 60px;
	height: auto;
}

/*--------------------------------
ヘッダー
---------------------------------*/
header {
	background:rgb(255, 237, 184);
	background-image: url("http://lets-eiigo.com/wp/wp-content/uploads/2016/12/bg027_02.gif");
}
header div#gazou-wide {
	background-color: rgba(0,0,0,0.15);
	box-shadow: inset 0 1px 0 rgba(0,0,0, 0.05);
}
header div#gazou-wide div#st-menubox {
	border: none;
}
header div#header-search {
	display: inline-block;
	margin-top: 10px;
}
@media only screen and (min-width: 960px) {
	header div#header-search {
		display: none;
	}
}
header div#header-search form {
	border: none;
}
header div#header-search input {
	background-color: rgba(255,255,255,0.6);
}

/*--------------------------------
記事
---------------------------------*/
.st-main,
.st-main p,
.st-main dl,
.st-main ul {
	font-size: 14px;
}

.st-main dl,
.st-main ul {
	margin-bottom: 20px;
}

.new　{
	color:#ff0004;
	font-weight: bold;
	display:inline;
}

h1.entry-title {
	border-bottom: solid 2px #F3B74F;
	color: #6a3600 !important;
}

.entry-content h2 {
	background-color: #F3B74F;
	color: #fff;
	border-radius: 3px;
	border: none;
	font-size: 20px;
}
@media only screen and (min-width: 35em) {
  	.entry-content h2 br{
    	display:none;
  	}
}

.entry-content h3{
	background-image: url("http://lets-eiigo.com/wp/wp-content/themes/stinger8-child/images/hiyoko_heading.png");
	background-repeat: no-repeat;
	padding: 10px 10px 5px 40px;
	background-size:30px 30px;
  	/*padding: 0.05em 0;*/
	border-bottom: dashed 2px #F3B74F;
	font-size: 20px;
}

.entry-content h4{
	background-color: transparent;
	padding: 5px 0 0 0;
	font-size: 14px;
}

div#toc_container li {
	font-size: 14px;
}

.st-main .entry-content blockquote {
    position: relative;
    padding: 50px 20px 10px 20px;;
    box-sizing: border-box;
  	border:none;
    background: #efefef;
  	color: #555;
}
.entry-content blockquote:before{
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #cfcfcf;
    font-size: 30px;
    line-height: 1;
}
.st-main .entry-content blockquote cite {
	display: block;
	text-align: right;
}
.st-main .entry-content blockquote cite:before {
	content: "―　";
}
.st-main .entry-content blockquote p:last-child,
.st-main .entry-content blockquote p + cite {
	margin-bottom: 0;
}

.entry-content hr {
	border-width: 1.5px 0px 0px 0px; /* 太さ1px */
	border-style: dashed; /* 線種を破線に */
	border-color: #ccc;   /* 線色を灰色に */
	height: 1px;         /* 高さ(※古いIE用) */
	background-color:#fff;
	margin: 1rem 0;
}

.entry-content table {
	width: 100%;
	table-layout: fixed;
}
.entry-content tr {
	height: 30px;
}
.entry-content th,
.entry-content td {
  	font-size:14px;
	border: 1px solid #999;
	padding: 0;
	vertical-align: middle;
}

.kaerebalink-box{
	padding: 3% 3% 2% 3%;
	overflow: hidden;
	border: solid 1px #ccc;
	font-size: 90%;
	line-height:100%;
}
.kaerebalink-name a {
    color: #0066cc;
}
.kaerebalink-powered-date, .kaerebalink-detail, .kaerebalink-rank{
	font-size:8px;
}

/*Pz-LinkCard*/
.lkc-thumbnail{
  	margin-bottom:16px;
  	margin-right:16px;
}
.lkc-content{
  	margin-bottom:12px;
}
.lkc-excerpt{
  	margin-top:8px;
}

.entry-content figure {
	margin-left: 0;
	margin-right: 0;
}
.entry-content figcaption {
	color:#888;
	font-size:10pt;
}
.entry-content figcaption:before {
	content:"▲";
}
@media only screen and (max-width: 600px) {
  	.entry-content img,
  	.entry-content figure {
    	float: none;
  	}
}

.yellow-frame{
	padding:1rem;
	border:solid 1px #d8c49b;
	background-color:#fffaf0;
	margin-bottom:2rem;
	border-radius:5px;
}
.yellow-frame p,
.yellow-frame ul{
	margin:0;
}

.closing-words{
	margin-top:3rem;
	margin-bottom:3rem;
	min-height:80px;
	background-image:url(http://lets-eiigo.com/wp/wp-content/uploads/2018/01/keibi200x200.png);
	background-repeat:no-repeat;
	background-size:100px 100px;
	background-position:bottom right;
	background-color:#eeeeee;
	padding:1.5rem;
	padding-right:110px;
	border:dashed 2px #cccccc;
	font-size: 14px;
}
@media only screen and (max-width: 35em){
  	.closing-words{
    	padding:1.5rem;
    	padding-bottom:100px;
  	}
}
.entry-content .closing-words > p:last-child {
	margin-bottom:0;
}

/*日付情報：一部のページのみ使用*/
.date-info{
	color:red;
	font-size:10pt;
	margin-bottom:2rem;
}

/*更新履歴リスト*/
.entry-content ul.change-log {
	border-left: solid 4px #966262;
	padding: 0 0 0 16px;
}
.entry-content ul.change-log li {
	font-size: 0.75rem;
	color: #6a3600;
	list-style: none;
	line-height: 1;
}
.entry-content ul.change-log li:last-child {
	color: red;
}

/*更新履歴定義リスト*/
dl.side-by-side{
	border-left:solid 4px #966262;
	margin:1.5rem 0 1.5rem 0;
}
.side-by-side dt{
	float:left;
	clear:left;
	font-size:0.75rem;
	font-weight:normal;
	color:#966262;
	width:80px;
	padding-left:16px;
}
.side-by-side dd{
	margin-left:100px;
	font-size:0.75rem;
	margin-bottom:0;
	color:#966262;
}

.eiigo_story {
	margin:0 25px;
	color: #3366ff;
}

/*--キャラ紹介--*/
p.catch-phrase {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 2rem;
	padding: 0 30px 0 30px;
	color: #6a3600;
}

div.yuru-intro figure.zukan-ss {
	float: left;
	margin-top: 0;
	margin-right: 20px;
}
@media only screen and (max-width: 600px) {
	div.yuru-intro figure.zukan-ss {
		float: none;
		margin-right: 0;
	}
}
@media only screen and (min-width: 601px) {
	div.yuru-intro figure.zukan-ss img {
		width: 300px;
	}
}
.yuru-intro div.yuru-info {
	display: table;
}
.yuru-intro p.yuru-type img {
	height: 30px;
	width: auto;
	margin: 0;
}
.yuru-intro table {
	margin-bottom: 0;
}
.yuru-intro div.yuru-info th {
	height: 20px;
	padding: 2px 30px;
	text-align: left;
	border-color: white;
	background-color: #e6e6e6;
}
.yuru-intro div.yuru-info td {
	/*height: 40px;*/
	padding: 10px 30px;
	text-align: left;
	border-color: white;
	background-color: #f5f5f5;
}
.yuru-intro div.yuru-info td ul {
	margin-bottom: 0;
	padding: 0;
}
.yuru-intro div.yuru-info td li {
	line-height: 1.2;
}
.yuru-intro div.yuru-info td li:nth-child(odd) {
	float: left;
	width: 80px;
}
.yuru-intro em {
	font-weight: bold;
	font-size: 20px;
	color: #51bb55;
	font-style: normal;
}
.yuru-intro dl.yuruget {
	margin: 0;
}
.yuru-intro dl.yuruget dt {
	float: left;
	margin-left: -5px;
}
.yuru-intro dl.yuruget dd {
	margin-left: 80px;
}
.yuru-intro table.yuru-skill td {
	border: 1px solid #fff;
}
.yuru-intro table.yuru-skill p {
	margin: 0;
}
.yuru-intro table.yuru-skill img {
	margin: 3px;
	height: 60px;
	width: auto;
}
.yuru-intro table {
	text-align: center;
}
.yuru-intro table.fire {
	background-color: #ffc8c8;
}
.yuru-intro table.water {
	background-color: #cfe8ff;
}
.yuru-intro table.wind {
	background-color: #c8ffc8;
}
.yuru-intro table.fire-water {
	background-color: #f0c8f0;
}
.yuru-intro table.water-wind {
	background-color: #bef0e6;
}
.yuru-intro table.fire-wind {
	background-color: #ffffc8;
}
.yuru-intro table.allcolor tr {
	background-color: #f5f5f5;
}
.yuru-intro table.yuru-skill tr:first-child {
	background-color: rgba(0,0,0,0.1);
}
.yuru-intro h2 {
	background-color: transparent;
	background-image: url("http://lets-eiigo.com/wp/wp-content/themes/stinger8-child/images/hiyoko_heading.png");
	background-repeat: no-repeat;
	background-position: left;
	color: inherit;
	padding: 10px 10px 5px 40px;
	background-size:30px 30px;
	border-bottom: dashed 2px #F3B74F;
	font-size: 20px;
}

/*SNSボタン*/
@media print, screen and (min-width: 960px) {
	.sns {
    	width: 100%;
	}
}

/*カテゴリ・タグ*/
p.tagst a {
	background-color: #a0a0a0;
	color: white;
	padding: 0px 10px;
	border-radius: 5px;
	display: inline-block;
	text-decoration: none;
	line-height: 1.6;
	margin-bottom: 8px;
	margin-right: 4px;
}
p.tagst a:hover {
	background-color: #505050;
}

/*コメントエリア*/
#comments ol.commets-list {
	margin-bottom: 0;
	padding: 0;
}
#comments div.comment-body {
	background-color: #ffe8f5;
	border-radius: 10px;
	margin-bottom: 5px;
	padding: 10px 20px;
}
#comments ul.children {
	padding-right: 0;
}
#comments div.comment-author {
	display: inline-block;
	font-weight: bold;
}
#comments div.comment-meta {
	width: auto;
	display: inline-block;
}
#comments div.reply {
	text-align: right;
}
#comments div.reply a {
	background-color: pink;
	padding: 2px 15px;
	border-radius: 15px;
}
#comments p.form-submit input {
	background-color: #ffe8f5;
}

/*--キャラ紹介--*/
@media only screen and (min-width: 601px) {
	div.yuruzukan img {
		width: 300px;
	}
}

/*--------------------------------
旧CSS
---------------------------------*/
/*広告エリア*/
.ads_area2{
	padding:10px 0 10px 0;
	max-width:560px;
}

/*--------------------------------
サイドバー
---------------------------------*/
@media only screen and (max-width: 959px) {
	div.st-aside {
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 660px;
	}
}

div.textwidget {
	background-color: #fff;
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	padding: 10px;
}
div.textwidget p:last-child {
	margin-bottom: 0;
}
.textwidget #eiigo-link p {
	margin-bottom: 0;
}
.textwidget #eiigo-link ul {
	margin-bottom: 1rem;
}
.textwidget #eiigo-link .eiigo-app-store li {
	margin-bottom: 1rem;
}

/*--------------------------------
フッター
---------------------------------*/
footer {
	background-color: #303030;
}

#footer a:link,
#footer a:visited {
  	color:#dbaea4;
}
#footer a:hover,
#footer a:focus,
#footer a:active {
	color: #ddd;
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {
} /*-- ここまで --*/

/*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, /* 薄赤ボックス */
	.post ul li, /* ulリスト */
	.post ol li /* olリスト */
	 {
		font-size: 14px;
		line-height: 1.8;
	}
} /*-- ここまで --*/

/*--------------------------------
個別記事
---------------------------------*/
/*--トップページ--*/
.rssimport p {
	margin-bottom: 0;
}
.rssimport ul {
	margin-bottom: 0;
	background-color: #f3f3f3;
	padding: 10px 40px;
}
.rssimport div.rss_1 {
	margin-bottom: 20px;
}
.rssimport div.rss_1 ul {
	list-style-image: url("http://lets-eiigo.com/wp/wp-content/uploads/2018/04/favicons.png");
}
.rssimport div.rss_2 ul {
	list-style-image: url("http://lets-eiigo.com/wp/wp-content/uploads/2018/04/eigomonogatari.png");
}

/*--ZR化キャラ一覧--*/
.zr_evolv {
	text-align: center;
	font-size: 13px;
}
.zr_evolv img {
	margin: 0;
}