@charset "utf-8";
/* CSS Document */

/*
Template:stinger5-cheetah
Theme Name:stinger5-cheetah-child
Theme URI:http://junichi-manga.com/stinger5-cheetah-demo/
Description:stinger5-cheetahの子テーマです
Author:JUNICHI
Version:0.1
*/ 


@import url('../stinger5-cheetah/style.css'); 

/* テーブル */
table {
	text-align: center;
	max-width: 100%;
 	table-layout: fixed;
}

th {
	color: #ffffff;
	background-color: #ff9d9d;
	border: 1px solid #999 !important;
}

/* 強調蛍光ペン */
strong {
background: linear-gradient(transparent 60%, #ffff66 60%);
}

/* ボックス */
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ff9d9d;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #ff9d9d;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

/* 引用符 */
blockquote {
    position: relative;
    padding: 10px 15px 10px 60px;
    box-sizing: border-box;
    font-style: italic;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #ff9d9d;
    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: #ff9d9d;
    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;
}

.wpp-thumbnail{
 float:left;
}

.wpp-post-title {
 float:right;
 font-weight:bolder;
}

.wpp-list {
 margin-left:5px;
}

body {
    font-family: "メイリオ", "Meiryo";
}

/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
	
/* ボックス */
.box27 p {
font-size: 14px;
}

/* テーブル */
th, td {
font-size: 12px;
}

/* 見出し2 h2 の文字の大きさ */
h2 {
font-size: 110%;
}

/* ---------- TOC文字の大きさ変更 ---------- */
div#toc_container li a {
font-size:80%;		/* 見出し2 h2 の文字の大きさ */
}	
div#toc_container li ul li a {
font-size:70%;		/* 見出し3 h3 の文字の大きさ */
}	
	
}

/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {
	}

/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
	}