@charset "utf-8";

/* ***************************************
■single.php 　記事内スタイル
*************************************** */
#post-content p {
	line-height:1.6em;
	padding-bottom:15px;
}
#post-content img {
	border:5px solid;
	border-color:rgba(223,212,186,0.5);
}
#post-content strong {
	font-weight:normal;
	background: linear-gradient(transparent 50%, #ffe165 50%);
}
#post-content hr {
	border-bottom:1px dashed #887D40;
	border-top:none;
	border-left:none;
	border-right:none;
	width:60%;
	margin:40px auto;
}
#post-content .big {
	font-size:170%;
	line-height:1.5em;
}
#post-content .small {
	font-size:70%;
}
#post-content .attachment-thumbnail {
	margin-bottom:50px;
}
/*******もくじ*******/
.mokuji {
	position:relative;
          width:90%;
          padding:1em 1.5em;
          margin:2em auto;
          background-color:rgba(223,212,186,0.3);
          overflow:hidden;
}
.mokuji:before {
          content:"";
          position:absolute;
          top:0;
          right:0;
          border-width:0 16px 16px 0; /* This trick side-steps a webkit bug */
          border-style:solid;
          border-color:#FCFCFA #FCFCFA #DAD2BD #DAD2BD; /* A bit more verbose to work with .rounded too */
          background:#DAD2BD; /* For when also applying a border-radius */
          display:block; width:0; /* Only for Firefox 3.0 damage limitation */
          /* Optional: shadow */
          -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
          -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
          box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
      }
.mokuji a {
	color:#6A5249;
}
.mokuji ul li {
	padding:5px 0;
	border-bottom:1px dashed #6A5249;
}

/*******ヒトコト(やったー)*******/
.hitokoto-happy {
	padding:20px 0;
	padding-left:100px;
	background-image: url(../img/happy.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:100px 100px;
}

/*******フキダシ*******/
.fukidashi {
	position: relative;
	display: inline-block;
 	margin: 20px 5px 20px 20px;
	padding: 15px;
	min-width: 120px;
 	max-width: 100%;
 	color: #9CBC4C;
	background: #FFF;
 	border: solid 2px #9CBC4C;
	border-radius:10px;
 	box-sizing: border-box;
}
.fukidashi:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -23px;
 	margin-top: -7px;
	border: 7px solid transparent;
	border-right: 18px solid #FFF;
 	z-index: 2;
}
.fukidashi:after{
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -9px;
	border: 9px solid transparent;
	border-right: 21px solid #9CBC4C;
 	z-index: 1;
}
/*******参考元リンク*******/
.sankou {
	background-color:#ffffff;
	
	margin:10px 0 20px 0;
	display:inline-block;
	border:1px solid #9CBC4C;
	border-radius:3px;
}
.sankou a {
	color:#9CBC4C;
	display:block;
	padding:5px 10px;
}
.sankou a:hover {
	text-decoration:none;
}
.sankou:hover {
	background:rgba(156,188,76,0.2);
}
/*******テーブル*******/
#post-content table {
	border-collapse:collapse;
	margin:10px 0;
}
#post-content table caption {
	font-size:10px;
	text-align:right;
}
#post-content table th {
	background-color:rgba(223,212,186,0.3);
	border:1px solid #887D40;
	font-weight:normal;
	padding:5px 10px;
}
#post-content table td {
	border:1px solid #887D40;
	padding:5px 10px;
}