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

#showBox {
	font-size: 12px;
	width: 741px;
	height: 100%;
	min-height: 1000px;
	margin: 0 auto;
}

#blogLoader ul {
	list-style: none;
	text-align: left;
	padding: 0 0 ;
	margin: 0 0;
}

#blogLoader ul{ list-style: none; text-align: left; }
#blogLoader ul li { width: 20%; height: 210px; display: inline-block; box-sizing: border-box; padding: 5px; vertical-align: top; margin: 0 0 10px 0 ; }
#blogLoader ul li div.blogBox { width: 100%; height: 210px; position: relative; overflow: hidden; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) ; border:1px solid #eeaa45 }
#blogLoader ul li a { color: #111111; }
#blogLoader ul li img { }
#blogLoader ul li img.wdh{ width: 100%; }
#blogLoader ul li img.hgt{ height: 100%; }

#blogLoader li div.blogBox div.name{ width: 100%; padding: 0px 5px ; line-height: 28px; height: 28px; display: block; position: absolute; left: 0 ; top: 152px; box-shadow: 0 0 5px rgba(0,0,0,0.2) ; z-index: 20; background: rgba(255,255,255,0.9) ; border: 1px solid #FFFFFF ; box-sizing: border-box; font-size: 11px !important; }

#blogLoader li div.blogBox div.title{ width: 100%; padding: 0px 5px ; line-height: 28px; height: 28px; display: block; position: absolute; left: 0 ; top: 182px; box-shadow: 0 0 5px rgba(0,0,0,0.2) ; z-index: 20; background: rgba(255,255,255,0.9) ; border: 1px solid #FFFFFF ; box-sizing: border-box; font-size: 11px !important; }

#blogLoaderSp { width: 100%; max-width: 640px; margin: 0 auto; box-sizing: border-box; padding: 0 10px;}


#blogLoaderSp ul{ list-style: none; text-align: center !important; }
#blogLoaderSp ul li { width: 33%; height: 190px; display: inline-block; box-sizing: border-box; padding: 5px; vertical-align: top; margin: 0 0 10px 0 ; }
#blogLoaderSp ul li div.blogBox { width: 100%; height: 190px; position: relative; overflow: hidden; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) ; border:1px solid #eeaa45 }
#blogLoaderSp ul li a { color: #111111; }
#blogLoaderSp ul li img { }
#blogLoaderSp ul li img.wdh{ width: 100%; }
#blogLoaderSp ul li img.hgt{ height: 100%; }

#blogLoaderSp li div.blogBox div.name{ width: 100%; padding: 0px 5px ; line-height: 28px; height: 28px; display: block; position: absolute; left: 0 ; top: 132px; box-shadow: 0 0 5px rgba(0,0,0,0.2) ; z-index: 20; background: rgba(255,255,255,0.9) ; border: 1px solid #FFFFFF ; box-sizing: border-box; font-size: 11px !important; overflow-x: hidden}
#blogLoaderSp li div.blogBox div.title{ width: 100%; padding: 0px 5px ; line-height: 28px; height: 28px; display: block; position: absolute; left: 0 ; top: 162px; box-shadow: 0 0 5px rgba(0,0,0,0.2) ; z-index: 20; background: rgba(255,255,255,0.9) ; border: 1px solid #FFFFFF ; box-sizing: border-box; font-size: 11px !important; }


#blogInfo ul {
	list-style: none;
	text-align: left;
	padding: 0 0 ;
	margin: 0 0;
}

#blogInfo ul{ list-style: none; text-align: left; }
#blogInfo ul li { width: 20%; height: 210px; display: inline-block; box-sizing: border-box; padding: 5px; vertical-align: top; margin: 0 0 10px 0 ; }
#blogInfo ul li div.blogBox { width: 100%; height: 210px; position: relative; overflow: hidden; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) ; border:1px solid #eeaa45 }
#blogInfo ul li a { color: #111111; }
#blogInfo ul li img { width: 100%; }

#blogInfo li div.blogBox div.name{ width: 100%; padding: 0px 5px ; line-height: 28px; height: 28px; display: block; position: absolute; left: 0 ; top: 152px; box-shadow: 0 0 5px rgba(0,0,0,0.2) ; z-index: 20; background: rgba(255,255,255,0.9) ; border: 1px solid #FFFFFF ; box-sizing: border-box; font-size: 11px !important; }

#blogInfo li div.blogBox div.title{ width: 100%; padding: 0px 5px ; line-height: 28px; height: 28px; display: block; position: absolute; left: 0 ; bottom: 0; box-shadow: 0 0 5px rgba(0,0,0,0.2) ; z-index: 20; background: rgba(255,255,255,0.9) ; border: 1px solid #FFFFFF ; box-sizing: border-box; font-size: 11px !important; }

#blogInfoSp { width: 100%; max-width: 640px; margin: 0 auto; box-sizing: border-box; padding: 0 10px;}


#blogInfoSp ul{ list-style: none; text-align: center !important; }
#blogInfoSp ul li { width: 33%; height: 190px; display: inline-block; box-sizing: border-box; padding: 5px; vertical-align: top; margin: 0 0 10px 0 ; }
#blogInfoSp ul li div.blogBox { width: 100%; height: 190px; position: relative; overflow: hidden; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) ; border:1px solid #eeaa45 }
#blogInfoSp ul li a { color: #111111; }
#blogInfoSp ul li img { width: 100%; }
#blogInfoSp li div.blogBox div.name{ width: 100%; padding: 0px 5px ; line-height: 28px; height: 28px; display: block; position: absolute; left: 0 ; top: 132px; box-shadow: 0 0 5px rgba(0,0,0,0.2) ; z-index: 20; background: rgba(255,255,255,0.9) ; border: 1px solid #FFFFFF ; box-sizing: border-box; font-size: 11px !important; overflow-x: hidden}
#blogInfoSp li div.blogBox div.title{ width: 100%; padding: 0px 5px ; line-height: 28px; height: 28px; display: block; position: absolute; left: 0 ; top: 162px; box-shadow: 0 0 5px rgba(0,0,0,0.2) ; z-index: 20; background: rgba(255,255,255,0.9) ; border: 1px solid #FFFFFF ; box-sizing: border-box; font-size: 11px !important; }



@media screen and (-webkit-min-device-pixel-ratio:0) {
	#blog table td p.content  {
		height: 112px ; 
	}
}