table {
table-layout: fixed;
width: 100%;
}

/* スマホ表示日付 */
@media screen and (max-width: 768px){
.single-post-date, .post-meta-bottom span {
    font-size: .9em;
}
}

/* スマホタグ表示 */
@media screen and (max-width: 768px){
#single-main .tag {
    font-size: 10px!important;
}
}

/* 箇条書きのスペース */
.content ul li{
	line-height:1.5em;
	margin-bottom:1em;
}

.content ol li{
	line-height:1.5em;
	margin-bottom:1em;
}

/* 見出しのスペースとか */
.content h2{
	margin-top:1.5em;
}

.content h3,h4{
		line-height:1.4em;
}

.content h3{
    color: #000;
    padding: 0.4em 0.1em 0.4em 0.9em;
    position: relative;
	margin:1.5em 0 1em 0;
}


/*記事内の装飾枠（全共通）*/
.sc_frame {
padding:1em;
}
.sc_frame_wrap{
	margin:0 0 2em 0!important;
}

.sc_frame_title{
		font-size:1em;
}

.sc_frame ul{
	margin:12px;
	padding:0 0 0 .9em!important;
}

.sc_frame ul li{
	line-height:1.5em;
	margin-bottom:1em;
}
.sc_frame ul li:before{
    left: 20px;
    position: absolute;
    font-family: FontAwesome;
}

.sc_frame_text{
	margin: -10px 0px -10px 0px;
	
}


/* 囲い枠（緑→→見出し青）*/
.sc_frame_wrap.green
.sc_frame {
	border-color: #53B2F6  ;
}
.sc_frame_wrap.green.block
.sc_frame {
    border-color: #53B2F6  ;
}

/* 囲い枠文字分のみと枠いっぱい（緑→→見出し青）*/
.sc_frame_wrap.inline.green  
.sc_frame_title{
	background-color:#53B2F6  !important;
}
.sc_frame_wrap.block.green  
.sc_frame_title{
	background-color:#53B2F6  !important;
}
.sc_frame_wrap.inframe.green  
.sc_frame_title{
	background-color:#53B2F6  !important;
}

/* 囲い枠（オレンジ→→見出し青）*/
.sc_frame_wrap.orange
.sc_frame {
	border-color: #53B2F6  ;
}
.sc_frame_wrap.orange.block
.sc_frame {
    border-color: #53B2F6  ;
}
.sc_frame_wrap.inframe.orange  
.sc_frame_title{
	background-color:#53B2F6  !important;
}
/* 囲い枠文字分のみと枠いっぱい（オレンジ→→見出し青）*/
.sc_frame_wrap.inline.orange  
.sc_frame_title{
	background-color:#53B2F6  !important;
}
.sc_frame_wrap.block.orange  
.sc_frame_title{
	background-color:#53B2F6  !important;
}




/*記事内の装飾枠（白背景タイトル）*/
.sc_frame_wrap.onframe
.sc_frame{
padding:1.5em 1em 1em 1em;
}
/* 緑→→見出し青*/
.sc_frame_wrap.onframe.green
.sc_frame_title{
	position: relative;
/*	padding: 1px 9px 1px 45px; */
	top:18px;
	font-weight:800;
	color:#53B2F6  !important;
}
/* オレンジ→見出し青*/
.sc_frame_wrap.onframe.orange
.sc_frame_title{
	position: relative;
/*	padding: 1px 9px 1px 45px; */
	top:18px;
	font-weight:800;
	color:#53B2F6!important;
}


/* マーカー黄色→黄緑*/
.sc_marker.y{
	background: linear-gradient(transparent 50%, #c7f883 50%);
}

/* バッジ色（オレンジ）*/
.badge {
	background-color: #F59753!important  ;
}
.badge.v.red:before{
	border-color: transparent #F59753 transparent;
}


/* 吹き出し（会話アイコン）*/
.voice{
margin:0 0 1.8em 0;
}

.voice .text.sc_balloon,
.voice .think_balloon {
	font-weight:400;
	font-size: 1em;
	color:#000000;
}

.voice .icon img {
	border-radius: 0;
	border: none;
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width:60px;
	height:auto;
}

.voice .name {
	font-size: 0.7em;
	max-width:80px!important;
	padding-top:3px!important;
}




/*===関連記事（テキスト）===*/
.editer_diver_kiji {
    margin: 1em 0 4em 0;
    border: 2px solid #F59753;
	position:relative;
	border-radius:5px;
	font-size:.9em;
}

.editer_diver_kiji_title:before {
    content: "\f08d";
    margin-right: 6px;
	color:#FFF;
	position:absolute;
	left:10px;
	font-weight:bold;
}
.editer_diver_kiji_title {
	color: #FFFFFF;
	background:#F59753;
	font-size: 0.8em;
	border-radius: 3px;
	position: absolute;
	top: -16px;
	left:20px;
	text-align: center;
	padding: 0.2em 0.8em 0.2em 23px;
	font-weight:bold;
	border:none;
}
ul.diver_rel_kiji {
    padding: .5em 0 .5em .5em;
	border:none;
    list-style: none;
    margin:1em 0 0 0 !important;
}
ul.diver_rel_kiji li {
    line-height: 1.4;
    font-size: 1em;
    border-bottom:none;
    padding:0 1em 0 1em ;
}

/* 関連記事下線 */
ul.diver_rel_kiji li a {
    text-decoration: underline;
}



/*===関連記事（ブログカード）===*/

.sc_getpost{
	margin:1em 0 2em 0;
	background-color:#FFF;
	padding:15px 10px;
	-webkit-box-shadow: 0 0 0 #ddd;
	-moz-box-shadow: 0 0 0 #ddd;
	box-shadow: 0 0 0 #ddd;
	border:2px solid #F59753;
	border-radius:5px;
}

.sc_getpost .title {
	line-height:1.4em;
	margin-bottom:.4em;
	font-size:.9em!important;
	color:#6f97bc;
	text-decoration:underline;
	font-weight:normal;
}

.sc_getpost .date {
	font-size: 0.7em;
	color:#555;
	bottom:10px;
}

.sc_getpost img {
	margin-right: 20px!important;
	height:110px;
}

.sc_getpost .substr {
	line-height: 1.5em;/*行間*/
}

.sc_getpost .title::before {
	content: "\f08d  あわせて読みたい";
	color: #FFFFFF;
	background:#F59753;
	font-size: 0.8em;
	font-weight:bold!important;
	border-radius: 3px;
	position: absolute;
	top: -15px;
	left:20px;
	text-align: center;
	padding: 0.2em 0.8em;
}



/*======================
 TOC+もくじプラグイン
======================*/

/*大枠*/
#toc_container{
	border: 3px solid #cccccc!important; /*線の太さ・線の種類・カラー*/
	padding:0 0 0 0.5em;/*枠内の空間の広さ（上・右・下・左 ）*/
}

/*もくじタイトル*/
#toc_container .toc_title{
	text-align: center;/*中央揃え*/
	font-size:1.2em ;/*フォントの大きさ*/
	color:#333333!important;/*フォントカラー*/
	background-color:#FFFFFF!important;/*背景色*/
	margin:0.3em 0em 0em 0em;/*他の要素との空間（上下・左右）*/
}

/*隠す・見るの切り替えボタン*/
span.toc_toggle{
	font-size: 0.3em;/*フォントサイズ*/
	padding: 2px 6px !important;/*要素内の空間（上下・左右）*/
	color: #333333!important;/*フォントカラー*/
}

/*隠す・見るの切り替えボタンのリンク文字*/
span.toc_toggle a{
	color: #6f97bc!important;/*フォントカラー*/
}

/*h2h3共通見出しのリンク*/
#toc_container .toc_list > li a{
	font-size: 1em!important;/*文字の大きさ*/
}

/*h2見出し部分*/
#toc_container .toc_list > li a{
	font-weight: normal!important;/*太字指定を打ち消す*/
	color: #586365;/*フォントカラー*/
}

/*h2見出しの番号部分*/
span.toc_number{
	background-color:#53B2F6!important;/*背景色*/
	margin:0!important;/*他の要素との空間（上下左右一括指定）*/
}

/*h3見出し部分*/
#toc_container .toc_list > li > ul li{
	margin:0 0 0.5em !important;/*他の要素との空間（上・右・下・左）*/
	line-height:1.3em;/*行間の広さ*/
	font-size: 0.8em!important;/*文字の大きさ*/
}





/* アプリーチ */
 .appreach{ border:3px solid #eee;/*ボーダー色*/ } .appreach{ text-align: left; padding: 25px; margin:20px; border-radius:2px; overflow: hidden; } .appreach:after { content: ""; display: block; clear: both; } .appreach img, .appreach p { margin: 0; padding:0; } .appreach a:after { display: none; } .appreach__icon { float: left; border-radius: 10%; overflow: hidden; margin: 0 3% 0 0 !important; width: 25% !important; height: auto !important; max-width: 120px !important; } .appreach__detail { display: inline-block; font-size: 20px; line-height: 1.5; width: 72%; max-width: 72%; } .appreach__detail:after { content: ""; display: block; clear: both; } p.appreach__name { font-size: 16px; color:#555; padding-bottom:10px; font-weight:bold; line-height: 1.5em !important; max-height: 3em; overflow: hidden; } .appreach__info { font-size: 12px !important; color:#888; } .appreach__info a{ color:#aaa; } .appreach__developper, .appreach__price { margin-right: 0.5em; } .appreach__posted a { margin-left: 0.5em; } .appreach__links { float: left; height: 40px; margin-top: 15px; white-space: nowrap; } .appreach__aslink img { margin-right: 10px; height: 40px; width: 135px; } .appreach__gplink img { height: 40px; width: 134.5px; } @media only screen and (max-width: 786px){ .appreach{ margin:20px 0;} .appreach__info { font-size: 11px !important;} p.appreach__name { font-size: 15px;}} 


/*** Table Press ***/
/*** ヘッダー色 ***/
.tablepress thead th{
	background-color: #53B2F6;
}

/*** 枠線を必ず入れる ***/
.tablepress thead th,
.tablepress tbody td,
.tablepress tfoot th {
	border: 1px solid #dddddd!important;
}