@charset "utf-8";

/************ 目次 *************
1. 投稿
   --1. 全般
   --2. 見出し
   --3. リスト
   --4. テーブル
   --5. 引用
   --6. ページ分割
   --7. 追記
   --8. 続きを読む
   --9. 画像
   --10. 投稿情報
2. ページリンク
3. 関連記事・おすすめ記事
 *****************************/


/**************************** ▼▼ 1. 投稿 ▼▼ ***/

/****************** ▼ 1-1. 全般 ▼ **/
.post {
 color: #222;
 padding-bottom: 5px;
 margin-bottom: 5px;
 }
.post p { 
 margin-top: 16px; 
 margin-bottom: 16px;
}

.post_body {
 clear:both;
 font-size: 10.5pt;
 letter-spacing:0.05em;
 line-height:1.8;
 }
.post_body a {
 color:#5228b6;
 text-decoration:none;
}
.post_body a:hover {
 text-decoration:underline;
}

/****************** ▼ 1-2. 見出し ▼ **/
.post h2 {
 font-size: 17.5pt;
 margin-bottom: 16px;
 }
.post h3 {
 color: #333;
 font-size: 15pt;
 margin: 24px 0;
 padding: 0 14px;
 border-left: 3px solid #bbb;
 }
.post h4 {
 color: #333;
 font-size: 13pt;
 margin: 16px 6px;
 padding: 0 17px;
 background: url(sprite-image.png) no-repeat top left;
 background-position: 0 -307px; /* raquo */
 }
.post h5 {
 color: #444;
 font-size: 12.0pt;
 margin: 16px 0 11px;
 }

/****************** ▼ 1-3. リスト ▼ **/
div.post ul {
 margin-top: 15px; 
 padding-left:25px;
}
div.post ol {
 margin-top: 19px;
 padding-left:27px;
 }
div.post ol li {
 margin-bottom:18px;
 padding:0;
}
div.post ol.thin li {
 margin-bottom:0px;
 padding:0;
}
div.post ul.space-ul li {
 margin-bottom:12px;
}
div.post li ul {
 margin-top: 0px; 
}
div.post ul.compact li {
 margin-bottom: 0;
}
/****************** ▼ 1-4. テーブル ▼ **/
table {
 width:100%;
 border-collapse:collapse;
 border:1px #222 solid;
 margin:5px 0;
 table-layout:fixed;
}
@media (max-width: 1019px) {
table {
 width:100% !important;
 border-collapse:collapse;
 border:1px #222 solid;
 margin:5px 0;
 table-layout:fixed;
}
}
td { padding: 1px; }
td table { margin: 0; }

._tdd {
 color:#fff;
 font-weight:bold;
 background:#aaa;
}
._td {
 color:#222;
 font-weight:bold;
 background:#eee;
}
._th {
 color:#333;
 background:#ffb;
}

/****************** ▼ 1-5. 引用 ▼ **/
div.post blockquote {
 background:#ececec;
 border:#999 1px dotted;
 margin:3px;
 padding:5px;
}
div.post blockquote p {
 margin:0;
 padding:0;
}

/****************** ▼ 1-6. ページ分割 ▼ **/
.nbpdiv {
 font-size: 11pt;
 margin: 17px 0 0px;
 font-weight: bold;
}
.nbpage {
 color:#fc4;
 background:#555;
 padding:8px 13px;
 margin: 0 4px;
}
.nbpdiv a span {
 color:#222;
 text-decoration:none;
 background:#ccc;
}
.nbpdiv a:hover span {
 color:#fc4;
 background:#262626;
}

/****************** ▼ 1-7. 追記 ▼ **/
.postscript {
 list-style:none;
 margin:0;
 padding:0;
}
.postscript:before {
 content:"追記: ";
 color: green;
 font-weight:bold;
}


/****************** ▼ 1-8. 続きを読む ▼ **/
.r-more {
 font-weight:bold;
 background: url(sprite-image.png) no-repeat top left;
 background-position: 0 -313px; /* raquo */
 margin:0 0 -18px 0;
 padding:0 0 0 14px;
}
.r-more a {
 color:#666666;
 text-decoration:none;
}


/****************** ▼ 1-9. 画像 ▼ **/
.aligncenter {
 display:block;
 margin-left:auto;
 margin-right:auto;
}
.alignleft {
 float:left;
 margin-left:10px;
 margin-bottom:10px;
}
.alignright {
 float:right;
 margin-left:10px;
 margin-bottom:10px;
}
.wp-caption {
 text-align:center;
 background-color:#fcfcfc;
 border:1px solid #aaaaaa;
 padding-bottom:5px;
}

/****************** ▼ 1-10. 投稿情報 ▼ **/
.post_info {
 font-size: 10.5pt;
 color:#555555;
 text-align: left;
 margin-bottom: 16px;
 line-height: 1.4;
 }
.post_info a {
 color:#555555;
 text-decoration:none;
}
.post_tag {
 background: url(sprite-image.png) no-repeat top left;
 background-position: 0 -195px; /* tag */
 margin:0 12px 0 0;
 padding:0 0 0 19px;
}
.post_category {
 background: url(sprite-image.png) no-repeat top left;
 background-position: 0 3px; /* category */
 margin:0 12px 0 0;
 padding:0 0 0 19px;
}
.post_time {
 background: url(sprite-image.png) no-repeat top left;
 background-position: 0 -62px; /* clock */
 padding:0 0 0 19px;
}
.post_comment {
 color:#555555;
 font-size:10pt;
 text-align:right;
 margin-top: 15px;
}
.post_comment a {
 color:#555555;
 text-decoration:none;
}

/**************************** ▲▲ 1. 投稿 ▲▲ ***/



/**************************** ▼▼ 2. ページリンク ▼▼ ***/
.pagelink {
 clear:both;
 line-height: 1.7;
 }
.pagelink1 {
 border-top: 1px solid #bbb;
 border-bottom: 1px solid #bbb;
 margin: 20px 0;
 padding: 15px 0;
 }
.pagelink2 {
 border-top: 1px solid #bbb;
 margin-top: 20px;
 padding-top: 15px;
 }
/**************************** ▲▲ 2. ページリンク ▲▲ ***/



/**************************** ▼▼ 3. 関連記事・おすすめ記事 ▼▼ ***/
#recent_posts h3 {
 font-weight: normal;
 font-size: 16pt;
 margin: 26px 0 18px;
 padding: 0 18px;
 background: url(sprite-image.png) no-repeat top left;
 background-position: 0 -312px; /* raquo */
 }
#recent_posts img {
 float: left;
 width: 83px;
 height: 55px;
 margin: 0 10px 0 0;
 }
#recent_posts ul { list-style-type: none; }
#recent_posts li {
 margin-bottom: 5px;
 }
#recent_posts a {
 display: block;
 height: 61px;
 padding: 2px;
 transition:0.15s ease-out;
}
#recent_posts a:hover {
 border: 1px solid #bbb;
 background: #f4f4f4;
 text-decoration: none;
}
/**************************** ▲▲ 3. 関連記事・おすすめ記事 ▲▲ ***/



/**************************** ▼▼ 4. コメント ▼▼ ***/

h3#comments {
 font-weight: normal;
 font-size: 16pt;
 margin: 26px 0 18px;
 padding: 0 18px;
 background: url(sprite-image.png) no-repeat top left;
 background-position: 0 -312px; /* raquo */
}

#respond h3 {
 font-weight: normal;
 font-size: 16pt;
 margin: 26px 0 18px;
 padding: 0 18px;
 background: url(sprite-image.png) no-repeat top left;
 background-position: 0 -312px; /* raquo */
}

textarea#comment {
width:98%;
}

 /** Comment body **/
ol.commentlist {
 clear:both;
 list-style-type:none;
 border-bottom:1px solid #bbb;
 margin-bottom:20px;
 padding:0 0 10px 0;
}
ol.commentlist p {
 margin:0;
 padding:0;
}
ul.children {
 clear:both;
 margin:10px 0 0 15px;
 padding:0;
}
li.compost {
 clear:both;
 list-style-type:none;
 border-top:1px solid #bbb;
 margin-top:10px;
 padding:12px 0 0 8px;
}
li.compost p {
 font-size: 11pt;
 margin-bottom:12px;
}
li.compost p a {
 color:#2200cc;
}

 /** Comment Information **/
div.cominfo-t {
 clear:both;
 font-size: 10.5pt;
 color:#666666;
 margin-bottom:7px;
}
div.cominfo-t a {
 color:#6666aa;
 text-decoration:none;
}
div.cominfo-b {
 clear:both;
 font-size: 10.5pt;
 background: url(sprite-image.png) no-repeat top left;
 background-position: 0 -316px; /* raquo */
 margin-top:7px;
 padding-left:15px;
}
div.cominfo-b a {
 color:#6666aa;
 text-decoration:none;
}
.comment-form-subscriptions {
 margin-top: 15px;
}
/**************************** ▲▲ 4. コメント ▲▲ ***/