p.center-sita{line-height: 1.4em;
text-align: center;
margin-bottom: 50px;
font-size: 120%;}

p.center-midashi{font-size: 120%;
font-weight: bold;
text-align: center;
margin: 40px 0 20px;
padding: 0;
line-height: 1.4em;}

div.btn a,div.btn-l a {
	display: inline-block;
	width: 90%;
	margin: 5px 3%;
	padding: 10px 3px;
	text-align: center;
	outline: none;
	color: #fff;
	background-color: #55BB00;
	font-size: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#66cc00+0,66cc00+50,379c02+51,66cc00+100 */
	background: #66cc00;
/* Old browsers */
	background: -moz-linear-gradient(top,#66cc00 0%,#66cc00 50%,#379c02 51%,#66cc00 100%);
/* FF3.6-15 */
	background: -webkit-linear-gradient(top,#66cc00 0%,#66cc00 50%,#379c02 51%,#66cc00 100%);
/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,#66cc00 0%,#66cc00 50%,#379c02 51%,#66cc00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00',endColorstr='#66cc00',GradientType=0);
/* IE6-9 */
	border: 2px solid #379C02;
	border-radius: 10px;
	font-weight: bold;
}

div.btn-l a {
	margin: 0 2% 15px;
	width: 94%;
	padding: 15px 1%;
	text-align: center;
	font-size: 180%;
	color: #fff !important;
	line-height:1.5em;
}

div.btn::before,
div.btn::after,
div.btn-l::before,
div.btn-l::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

div.btn,
div.btn::before,
div.btn::after,
div.btn-l,
div.btn-l::before,
div.btn-l::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

div.btn a:hover,
div.btn-l a:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
	background: #9dd53a;
/* Old browsers */
	background: -moz-linear-gradient(top,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
/* FF3.6-15 */
	background: -webkit-linear-gradient(top,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dd53a',endColorstr='#7cbc0a',GradientType=0);
/* IE6-9 */
	border: 2px solid #b6e026;
	text-decoration: none;
}
/*目次用*/
div#ez-toc-container ul{padding: 5px;}
div#ez-toc-container ul li {
 margin-top:8px;
 font-weight:bold;
}
div#ez-toc-container .ez-toc-title{font-size: 100%;}
 
div#ez-toc-container ul li ul li {
 margin-top:2px;
 font-weight:normal;
}
table{width:100%;table-layout: fixed;}
th{padding:5px 1px !important;
line-height:1.2em !important;}
td{padding:5px 2px !important;
line-height:1.5em !important;}

strong{background-color: #ffe44d;}

#mokuji {
 background-color: #fffacd;
	border: 3px solid #ffdead;
	margin: 20px 0;
 padding: 15px;
 font-size: 100%;
line-height:1.5em;
	font-weight: bold;}
.box33{
	width:24%;
	float:left;
	padding: 2px;
}

.box33 .cardlink_thumbnail {
	float:none; 
	/*margin-right:px;*/
	text-align:center;
	height:120px;
}
.cardlink{margin:0 0 10px;
	padding:10px;}
.box33 .cardlink_excerpt/*,.box33 .timestamp*/{
	display: none;
	
}
.cardlink_title{
padding: 0 10px 5px 0;}
.box33 .cardlink_title {
	margin-right:5px;
	font-size:80%;
  max-height: 4.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
/*日付*/
.timestamp{
padding-top:35px !important;}
.box33 .timestamp{
	text-align:center;
	margin-bottom:0;
}
.box33last{
	clear: both;
	margin-bottom: 20px;
}

.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */


@media screen and (max-width:768px){
.pc { display: none !important; }
.sp { display: block !important;
	height:auto;}
	.sp img {max-width: 100%;
height: auto;}
	img.sp { max-width: 100%; margin: 10px 0 20px;}
	.post_content p{
		line-height:1.5em;
		margin-bottom: 15px;}

.box33{
	width:100%;
	float:none;
	padding: 5px 0;
}
.box33 .timestamp{
	margin-top:15px;
}
.box33 .cardlink_thumbnail {
	float:left;
	margin-right:10px;
}
.newkiji .cardlink_thumbnail{
	float:left;
	margin-bottom: 8px;
}
.newkiji .cardlink_excerpt{
	clear: both;}
.newkiji .cardlink{
	margin: 7px 0;
	padding: 10px;}
.newkiji .cardlink_thumbnail {
	margin-right:10px;
}
}