/*
 Theme Name:   jifu-labo theme 
 Theme URI:    http://www.jifu-labo.net
 Description:  jifu-labo theme
 Author:       yoki
 Author URI:   http://www.jifu-labo.net
 Template:     stinger5ver20150505
 Version:      1.0.0
 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,
*/

.test_frame iframe {
    width: 336px;
    height: 280px;
}

/*--------------------------------
 >> table横スクロール
---------------------------------*/
.scrollable-table table{
  border-collapse: collapse;
  margin: 1em 0;
  max-width: 100%;
}

.scrollable-table th,
.scrollable-table td{
  white-space: nowrap !important;
}

.scrollable-table {
  overflow-x: auto;
  margin-bottom: 1em;
}
/*--------------------------------
 << table横スクロール
---------------------------------*/

.entry-title {
	font-size: 16px;
	line-height: 20px;
	color: #333;
	margin-bottom: 8px;
}

#wrapper {
	max-width: 1080px;
}

.post{
	overflow: visible;
}

.post table {
	width: auto;
}

.blogbox {
	background-color: #f3f3f3;
	border-top-style: none;
	border-bottom-style: none;
}
/*
#contentInner {
	margin-right: -350px;
}
main {
	margin-right: 370px;
}
aside {
	width: 350px;
}
*/

/* 記事のフォントサイズ */
p {
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 4px;
}

.post ul li {
	font-size: 14px;
	line-height: 24px;
}

hr {
	margin-bottom: 20px;
}

/* >> 記事一覧のサムネイル画像 */
#topnews dd h3 {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 5px;
}

#topnews dt {
	float: left;
	width: 100px;
}

span.thumbimg {
	display: inline-block;
	float: left;
	background-color: #ccc;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	height: 75px;
	width: 100px;
	background-size: cover;
}

/* << 記事一覧のサムネイル画像 */
#contentInner .sumbox {
	height: 75px;
	width: 100px;
}

#contentInner .sumbox :hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

/* >> サムネイル画像のカテゴリ名重ね合わせ */
.blog_info.contentsbox p {
	font-size: 11px;
	color: #666;
	margin-bottom: 20px;
}

.sumbox {
	position:relative;
	display:block;
}

.sumbox span {
	z-index: 0;
}

.title-category {
	font-size: 6pt;
	font-weight: bold;
/*	color: #666666;
	background-color: #f3f3f3; */
	color: #ffffff;
/*	background-color: #00bfff; */
	background-color: #6495ED;
	padding: 2pt;
/*	border: 1px solid #1e90ff; */

	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
}

/* << サムネイル画像のカテゴリ名重ね合わせ */


/* >> 「記事を読む」リンク */
.motto a {
	float: right;
	color: #FFF;
	text-decoration: none;
	background-color: #d3f3d3;
	width: 90px;
	color: #666666;
	text-align: center;
	display: none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-weight: normal;
	margin-bottom: 10px;
	border-radius: 8px;
}
.motto a:hover {
	color: #333333;
	text-decoration: none;
	background-color: #87CEEB;
	text-align: center;
	display: block;
}

/* << 「記事を読む」リンク */


/* >> 記事一覧のカテゴリ＆タグのリンク */
#topnews .clearfix dd .blog_info .contentsbox p {
	font-size: 12px;
	color: #666;
	margin-bottom: 10px;
}

#topnews .clearfix dd .blog_info .contentsbox p a:hover {
	text-decoration: underline;
}
/* >> 記事一覧のカテゴリ＆タグのリンク */


/* >> 記事一覧の線 */
#topnews dl {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
}
/* << 記事一覧の線 */


/* >> サイト内検索 */
#s {
	height: 32px;
	color: #333;
	font-size: 12px;
	border-radius: 4px;
	border-top:2px #C6C6C6 solid;
	border-bottom:2px #C6C6C6 solid;
	border-left:2px #C6C6C6 solid;
	background-color: #ccc;
	z-index: 10;
	padding: 8px 65px 10px 8px;
	width: 100%;
	box-sizing: border-box;
}

#searchsubmit {
	position: absolute;
	border-radius: 4px;
	padding: 4px 4px;
	width: 20px;
	height: 20px;
        border:2px #C6C6C6 solid;
}

#searchsubmit:hover {
	background-color: #87CEEB;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
/* << サイト内検索 */


/* >> 購読ボタン */
.rssbox a {
	background-color: #6495ED;
}
/* << 購読ボタン */


#side aside h4.menu_underh2 {
	margin-left: -4px;
	padding-left: 32px;
	background: url(images/ca3.png) no-repeat left center;
}

#kanren img {
	margin-left: 4px;
}

#kanren h5 {
	margin-left: 4px;
}
/* << 最新の記事 */


/* >> 単一記事 */

/***** パンくずリストのタグリンク *****/
#single_tags {
	background-color: #FDF5E6;
	padding: 2px 4px 2px 6px;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

/***** H1タイトル *****/
h1.entry-title{
	position:relative;
	z-index:0;

	padding-top:    20px;
	padding-bottom: 14px;
	padding-right:  20px;
	padding-left:   26px;

	background:#AFEEEE;

	box-shadow: 2px 2px 3px 1px #E6E6FA;

	border: solid 3px #CCC;
	border-radius: 10px;
}

h1.entry-title:after{
block:none;
}

h1.entry-title:before{
block:none;
}

h1.entry-title:before{
	content:"";
	float:left;
	margin-left:-20px;
	margin-top:-16px;

	width:18px;
	height:18px;
	background-image:url(images/neji_01c.png);

	background-position: left top;
	background-repeat: no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}

h1.entry-title:after{
	position:absolute;
	z-index:1;
	top:0px;
	right:5px;

	content:"";
	width:18px;
	height:18px;
	background-image:url(images/neji_01c.png);

	margin-top: 5px;
	background-position: right top;
	background-repeat: no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}


/***** H2タイトル *****/
.post section h2 {
	font-size: 16px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left-width: 0px;
	border: 1px #e4e4e4 solid;
	color: #333;
	line-height: 20px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;

	background-color: #FFE4E1;
}

.post section h2:before {
	content:"";
	position: static;
	float:left;
	width:44px;
	height:44px;
	margin-top: -21px;
	margin-left: -16px;
	margin-right: 4px;
	border: 0px;
	bottom: 0px;
	left: 0px;

	background-image: url(images/clip_turquoise.png);
	background-repeat: no-repeat;
	background-position: left center;

	-moz-background-size:cover;
	background-size:cover;
}

h2:after {
	border: none;
	bottom: 0px;
	left: 0px;
}

/***** H3タイトル *****/
.post section h3 {
	font-size: 15px;

	margin-bottom: 30px;
	margin-top: 10px;
	margin-left: 7px;

	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;

	color: #000000;
	line-height: 20px;
	border-bottom-style: none;
	border: 1px #e4e4e4 solid;

	background-image: none;
	background-color: #E6E6FA;
}

.post section h3:before {
	content:"";
	float:left;

	width:42px;
	height:28px;
	margin-left: -27px;

	background-image: url(images/clip_delta_h_LawnGreen2.png);
	background-repeat: no-repeat;
	background-position: left center;
	-moz-background-size:cover;
	background-size:cover;

	margin-right: 10px;
}

/***** H4タイトル *****/
.post section h4.red {
	font-size: 16px;
 
	padding: 10px;

	background-color: #A0FDA0;
	margin-left: 10px;
}

.post section h4.red:before {
	content:"";
	float:left;

	width:32px;
	height:32px;
	margin-left: -25px;
	margin-right: 8px;

	background-image: url(images/delta_clip_red.png);
	background-repeat: no-repeat;
	background-position: left center;
	-moz-background-size:cover;
	background-size:cover;
}

.post section h4.blue {
	font-size: 16px;
 
	padding: 10px;

	background-color: #FFFF93;
	margin-left: 10px;
}

.post section h4.blue:before {
	content:"";
	float:left;

	width:32px;
	height:32px;
	margin-left: -25px;
	margin-right: 8px;

	background-image: url(images/delta_clip_blue.png);
	background-repeat: no-repeat;
	background-position: left center;
	-moz-background-size:cover;
	background-size:cover;
}

.post section h4.green {
	font-size: 16px;
 
	padding: 10px;

	background-color: #FFD6EA;
	margin-left: 10px;
}

.post section h4.green:before {
	content:"";
	float:left;

	width:32px;
	height:32px;
	margin-left: -25px;
	margin-right: 8px;

	background-image: url(images/delta_clip_green.png);
	background-repeat: no-repeat;
	background-position: left center;
	-moz-background-size:cover;
	background-size:cover;
}

.post section h4.yellow {
	font-size: 16px;
 
	padding: 10px;

	background-color: #bfff7f;
	margin-left: 10px;
}

.post section h4.yellow:before {
	content:"";
	float:left;

	width:32px;
	height:32px;
	margin-left: -25px;
	margin-right: 8px;

	background-image: url(images/delta_clip_yellow.png);
	background-repeat: no-repeat;
	background-position: left center;
	-moz-background-size:cover;
	background-size:cover;
}

.post section h4.pink {
	font-size: 16px;
 
	padding: 10px;

	background-color: #f5deb3;
	margin-left: 10px;
}

.post section h4.pink:before {
	content:"";
	float:left;

	width:32px;
	height:32px;
	margin-left: -25px;
	margin-right: 8px;

	background-image: url(images/delta_clip_pink.png);
	background-repeat: no-repeat;
	background-position: left center;
	-moz-background-size:cover;
	background-size:cover;
}

.post section h4.violet {
	font-size: 16px;
 
	padding: 10px;

	background-color: #ccffff;
	margin-left: 10px;
}

.post section h4.violet:before {
	content:"";
	float:left;

	width:32px;
	height:32px;
	margin-left: -25px;
	margin-right: 8px;

	background-image: url(images/delta_clip_violet.png);
	background-repeat: no-repeat;
	background-position: left center;
	-moz-background-size:cover;
	background-size:cover;
}

.post section h4.choco {
	font-size: 16px;
 
	padding: 10px;

	background-color: #ffddbc;
	margin-left: 10px;
}

.post section h4.choco:before {
	content:"";
	float:left;

	width:32px;
	height:32px;
	margin-left: -25px;
	margin-right: 8px;

	background-image: url(images/delta_clip_choco.png);
	background-repeat: no-repeat;
	background-position: left center;
	-moz-background-size:cover;
	background-size:cover;
}


/* << 単一記事 */

/***** テキストウィジェット *****/
/*
div.textwidget {
	font-size: 12px;

        height: 80px;
}

div.textwidget img {
	float:left;
	margin-right: 16px;
}
*/

/***** table for marathon *****/
table.marathon {
	margin-bottom: 20px;
}

table.marathon th {
	font-size: 12px;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px #999999 solid;
}

table.marathon td {
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	word-break: break-all;
}

table.marathon td.time {
	text-align: right;
	word-break: break-all;
}

#gazou {
	display: block;
}

p.dami {
	display: none;
}

/* 一覧表示(カテゴリー, タグ) */
span.pcone {
	display: none;
}

/* 一覧表示(記事間の隙間) */
#topnews dl {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* 一覧表示(全記事の枠) */
main {
	padding: 5px 10px;
}

/* 一覧表示(日付) */
#topnews .clearfix dd .blog_info .contentsbox p {
    font-size: 10px;
}

/* 関連記事(タイトル) */
#kanren dd h5 {
	font-size: 12px;
}

/* 二重線 */
td.tdouble, th.tdouble {
	border-left: double 3px #999 !important;
}

.wp-caption-text {
	color: #000;
}

/***** table for data *****/
table.data {
        margin-bottom: 20px;
}

table.data th {
        font-size: 12px;
        padding: 4px;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px #999999 solid;
	word-break: break-all;
}

table.data td {
        font-size: 12px;
        padding: 4px;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px #999999 solid;
	word-break: break-all;
}

table.data td.nowrap {
    white-space: nowrap;
}

/*--------------------------------
画像に枠を付ける
---------------------------------*/
.sumbox img {
	border:solid 1px #ccc;
	padding:3px;
}
 
.post img {
	border:solid 1px #ccc;
	padding:3px;
}

/*--------------------------------
 >> SNSアイコン
---------------------------------*/
.snsicon {
	float: left;
	padding: 3px;
}

#snsbox {
	overflow: hidden;
	margin-bottom: 10px;
}

/* clearfix */
#snsbox:before,#snsbox:after {
	content: "";
	display: table;
}
 
#snsbox:after {
	clear: both;
}
/*--------------------------------
 << SNSアイコン
---------------------------------*/

/*--------------------------------
 >> プロフィールウィジェット
---------------------------------*/
#profile {
	margin: 0px;
	padding-bottom: 20px;
}

#profile ul li h4 {
	line-height: 16px;
}
#profile .textwidget {
	font-size: 14px;
}

#profile .textwidget img {
	float: left;
	padding-right: 10px;
}
/*--------------------------------
 << プロフィールウィジェット
---------------------------------*/

/*--------------------------------
 >> 広告設定
---------------------------------*/
.ad-bottom {
	float: left;
	padding-right: 10px;
}
/*--------------------------------
 << 広告設定
---------------------------------*/

/*--------------------------------
 >> 人気記事
---------------------------------*/
/* タイトル名 */
#mybox dd {
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
	padding-left: 110px;
}
#mybox dt {
	float: left;
	width: 100px;
}
#mybox dt img {
	width: 100px;
}
#mybox dl {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}
#mybox dl:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
}
/* 抜粋文字 */
#mybox .clearfix dd p {
	font-size: 13px;
	color: #666;
	line-height: 18px;
}
#mybox .clearfix dd a {
	color: #333;
	text-decoration: none;
}
#mybox .clearfix dd a:hover {
	color: #b22222;
}
/*--------------------------------
 << 人気記事
---------------------------------*/


div.syntaxhighlighter {
    margin-top:0 !important;
    margin-bottom:50px !important;
}

table.data caption {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	caption-side: top;
}

/*--------------------------------
 >> nextpage
---------------------------------*/
.page-links {
	padding-bottom:10px;
	text-align:center;
}

.page-links_t, .page-links_tp {
	padding:7px 17px;
	font-size:18px;
	border:1px solid #a6a6a6;
	display:inline-block;
	background:#666;
	color:#FFF;
}

.page-links_tp {
	font-size:16px;
}

a .page-links_t, a .page-links_tp {
	background:#fff;
	color:#026ccc;
	font-weight:normal;
}

a:hover .page-links_t, a:hover .page-links_tp {
	background:#d9d9d9
}

section {
	margin-bottom: 0em;
}
/*--------------------------------
 << nextpage
---------------------------------*/

/*--------------------------------
 >> TOPへ戻るボタン（Go to top）
---------------------------------*/
#page-top {
    font-size: 64px;
    bottom: 10px;
    right: 10px;
}
#page-top a {
    color: blue;
    background: white;
    border: 4px solid blue;
    padding: 0px 10px;
    border-radius: 5px;
    -moz-opacity: 0.4;
    opacity: 0.4;
}
@media only screen and (max-width: 414px) {
#page-top {
    font-size: 40px;
    bottom: 3px;
    right: 3px;
}
#page-top a {
    padding: 0px 6px;
    border: 2px solid blue;
}
}
/*--------------------------------
 << TOPへ戻るボタン（Go to top）
---------------------------------*/

dl.card-thumb {
    width: 100%;
    margin: 10px 0;
}

dl.card-thumb dt {
    float: left;
    clear: both;
    width: 50px;
}

dl.card-thumb dd {
    font-size: 14px;
    margin-left: 60px;
/*    width: 80%;*/
/*    float: left;*/
}

dl.card-thumb + * {
    clear: left;
    display: block;
}

/*

dl.card-thumb dd.card-end {
    border-bottom: 1px #000 solid;
}
*/


/*
dl.card-thumb dt {
    width: 240px;
    height: 140px
    float: left;
}
dl.card-thumb dd {
    font-size: 14px;
    padding: 0 0 10px 240px;
    margin: -140px 0 0 0;
    min-height: 140px;
}
dl.card-thumb dd.card-end {
    border-bottom: 1px #000 solid;
}
*/

/*
dl.card-thumb {  
  width : 200px;
  border-width : 1px;
  border-style : dotted;
  border-color : #4169E1;
  margin-right : 12px;
  padding : 5px 5px 10px;
  float : left;
}

dl.card-thumb dt{  
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #4169E1;
  padding-bottom : 3px;
}

dl.card-thumb dd{  
  padding-left : 10px;
  padding-right : 10px;
  font-size:70%;
}

dl.card-thumb dt img{  
  margin-bottom : 5px;
  display : block;
  width:100%;
}
*/

table.amazon_sales {
        margin-bottom: 20px;
}

table.amazon_sales th {
        font-size: 12px;
        padding: 4px;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px #999999 solid;
	word-break: break-all;
}

table.amazon_sales td {
        font-size: 12px;
        padding: 4px;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px #999999 solid;
	word-break: break-all;
}

table.amazon_sales td a img {
    width: 120px;
    float: none;
    padding: 0px;
    margin: 0px;
}

table.amazon_sales td.nowrap {
    white-space: nowrap;
}


div.card {
    float: left;
    width: 48%;
/*    height: 260px;*/
    margin: 10px 2% 10px 0;
/*    background-color: blue;*/
    border-bottom: solid 1px #dcdcdc;
}

.card-style br {
    display: none;
}

div.card-thumb {
/*    background-color: red;*/
    position: relative;
    z-index: 1;
/*
    padding: 20px !important;
    border: 30px solid red !important;
    margin: 0px !important;
*/
    border: 2px solid #dcdcdc !important;
}

div.card-thumb img {
/*    width: 320px;*/
    width: 100%;
    position: relative;
    padding: 0px;
    border: 0px;
    margin: 0px;
}

span.card-notes {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0px;
    right: 0px;
    font-size: 12pt;
    font-weight: bold;
    color: white;
    background-color: #ff1e1e;
    padding: 0px 2px;
}

span.card-service {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    font-size: 12pt;
    font-weight: bold;
    color: snow;
    background-color: #2d96ff;
    padding: 0px 2px;
}

span.card-date {
    display: block;
/*    position: absolute;
    z-index: 2;
    bottom: 0px;
    right: 0px;*/
    font-size: 11pt;
    color: black;
/*    border-top: 1px solid #dcdcdc;*/
    background-color: white;
/*
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
*/
}


div.card a span {
    display: block;
    font-weight: bold;
/*    background-color: green;*/
    padding: 0px;
    border: 0px;
    margin: 0px;
}

.post section div.card div.non_toc {
    font-size: 15px;
    line-height: 20px;
    height: 60px;
    padding: 0px;
    margin: 0px;
/*    border: none;
    background-color: #dcdcdc;*/
    border-top: 1px solid #dcdcdc;
    background-color: white;
}

.post section div.card div.diff a {
    color: red !important;
}

div.diff {
/*    border: 2px solid red !important;*/
    background-color: yellow !important;
}

@media only screen and (max-width: 1024px) {
.post section div.card div.non_toc {
    font-size: 14px;
    line-height: 20px;
    height: 80px;
}
    
}

@media only screen and (max-width: 414px) {
div.card {
    width: 100%;
}

span.card-notes {
    font-size: 11pt;
}

span.card-service {
    font-size: 11pt;
}

span.card-date {
/*
    font-size: 8px;
*/
    line-height: 24px;
}

.post section div.card div.non_toc {
/*
    font-size: 11px;
    line-height: 13px;
    height: 52px;
*/
    line-height: 24px;
    height: auto;
}
    
}

@media only screen and (max-width: 320px) {
.post section div.card div.non_toc {
/*
    font-size: 10px;
    line-height: 12px;
    height: 60px;
*/
    line-height: 24px;
    height: auto;
}
    
span.card-date {
/*
    font-size: 8px;
*/
    line-height: 24px;
}

}

.post section div.card div.non_toc:before {
    content: none;
}

/*
span.card-date {
    font-size: 10px;
    line-height: 12px;
}
*/

@media only screen and (max-width: 414px) {
#header_ad_mobile {
	margin-left: -10px !important;
}

table.marathon th {
        font-size: 11px;
	padding: 0px;
}

table.marathon td {
        font-size: 11px;
	padding: 0px;
}

table.data th {
        font-size: 11px;
	padding: 0px;
}

table.data td {
        font-size: 11px;
	padding: 0px;
}
}


@media only screen and (min-width: 512px) {
.entry-title {
	font-size: 24px;
	line-height: 30px;
	color: #333;
	margin-bottom: 10px;
}

p {
	font-size: 15px;
	line-height: 30px;
	padding-bottom: 10px;
}

.post section h2 {
	font-size: 24px;
	line-height: 30px;
}

.post section h3 {
	font-size: 20px;
	line-height: 30px;
}

.post ul li {
	font-size: 15px;
	line-height: 27px;
}

span.thumbimg {
	height: 120px;
	width: 160px;
}

#topnews dl {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#topnews dt {
	width: 150px;
}

#topnews dd h3 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 5px;
}

#topnews .clearfix dd .blog_info .contentsbox p {
    font-size: 12px;
}

#contentInner .sumbox {
	height: 120px;
	width: 160px;
}

.title-category {
	font-size: 10pt;
}

.motto a {
	display: block;
}

p.dami {
	display: block;
}

span.pcone {
	display: inline;
}

main {
	padding: 20px 40px;
}

#kanren dd h5 {
	font-size: 16px;
}
}