@charset "utf-8";

/* ---------------------------------------------------------------------------------------- 

	ブログの#main部分のレイアウト
	
		・エントリー一覧 [ MODULE:blog-entry ]
		・エントリー詳細ページ [ MODULE:blog-individual ]
		・コメント入力の確認 [ MODULE:blog-comment_post ]	
		・検索結果 [ MODULE:blog-search ]
		・カテゴリーアーカイブ [ MODULE:blog-category_archives ]
		・月別アーカイブ [ MODULE:blog-monthly_archives ]	
		・アーカイブ [ MODULE:blog-archives ]	
	
---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- 

	エントリー [ MODULE:blog-entry ]	

---------------------------------------------------------------------------------------- */

.blogEntry {
	margin: 0 0 30px;
}

.blogEntry p.topicDate {
	margin: 20px 0 8px;
	color: #616161;
}

.blogEntry .pageMore a:before,
.blogMonthlArchivesList .pageMore a:before,
.blogCategoryArchivesList .pageMore a:before {
	content: ">> ";
}

.entryCategory ul {
	margin: 7px 0 0;
	padding: 0;
	border-top: 1px solid #e7e7e7;
}

.entryCategory ul li {
	display: inline-block;
	padding: 7px 12px 0 21px;
	background-position: 7px 13px;
}

.entryFooter {
	margin-top: 7px;
	border-top: 1px solid #e7e7e7;
	color: #616161;
}

.entryFooter ul {
	margin: 0;
}

.entryFooter ul li {
	float: left;
	margin: 10px 0 0;
	padding: 0 15px;
	background: none;
	border-right: 1px solid #c4c4c4;
	line-height: 1;
}

.entryFooter ul li:first-child {
	border-left: 1px solid #c4c4c4;
}

.entryFooter ul li a {
	color: #616161;
}


/* ---------------------------------------------------------------------------------------- 

	エントリー個別アーカイブ 詳細ページ [ MODULE:blog-individual ]	

---------------------------------------------------------------------------------------- */

.blogEntry,
.blogTrackbacks,
.blogComments,
.blogcommentsForm,
.blogEntryMore {
	margin: 0 0 30px;
}

.blogCommentsBox,
.blogTrackbacksBox {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #e7e7e7;
}

#trackbacks h3,
#comments h3 {
	margin-bottom: 19px;
}

.blogCommentPostBox .blogCommentsBox {
	margin: 0;
	padding: 0;
	background-image: none;
	border-bottom: none;
}

.blogCommentsBody,
.blogTrackbacksContents {
	line-height: 1.5;
}

.blogCommentsName,
.blogTrackbacksName {
	margin: 1.5em 0 0;
}

.blogCommentsName ul,
.blogTrackbacksName ul {
	margin: 0;
	text-align: right;
}

.blogCommentsName ul li,
.blogTrackbacksName ul li {
	display: inline;
	padding: 0 0 0 20px;
	color: #616161;
	background: url(../images/common/pagelink_li.gif) no-repeat 10px center;
}

.blogCommentsName ul li a,
.blogTrackbacksName ul li a {
	color: #616161;
}

.blogCommentsName ul li.topicDate,
.blogTrackbacksName ul li.topicDate {
	background: none;
}

.trackUrl input,
.commentFormBox table tr td input,
.commentFormBox table tr td textarea {
	width: 100%;
	padding: 5px;
	background: #fff;
	border: 1px solid #d8d8d8;
	line-height: 1.5;
}

.trackUrl input {
	width: calc( 100% - 15em );
}

#commentsForm h3 {
	height: auto;
	margin-bottom: 10px;
	padding: 0 5px 12px;
	background: transparent url(../images/common/bg_h4.gif) no-repeat left bottom;
	border: none;
	border-radius: 0;
	line-height: 1.3;
}

#commentsForm h3:before,
#commentsForm h3:after {
	display: none;
}

@media screen and (max-width: 768px) {
	
	.relatedEntry dl {
		margin-bottom: 8px;
	}
	
	.relatedEntry dl:last-child {
		margin-bottom: 0;
	}
	
	.relatedEntry dt a {
		display: block;
	}
	
	.trackUrl input {
		width: 100%;
		margin-top: 8px;
	}
	
	.commentFormBox th,
	.commentFormBox td {
		display: block;
		width: 100%;
	}
	
	.commentFormBox td {
		border-top: none;
	}
	
	.commentFormBox tr:not(:last-child) td {
		border-bottom: none;
	}
	
}


/* ---------------------------------------------------------------------------------------- 

	コメント入力の確認 [ MODULE:blog-comment_post ]	

---------------------------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
	
	.blogCommentsBox th,
	.blogCommentsBox td {
		display: block;
		width: 100%;
	}
	
	.blogCommentsBox td {
		border-top: none;
	}
	
	.blogCommentsBox tr:not(:last-child) td {
		border-bottom: none;
	}
	
}


/* ---------------------------------------------------------------------------------------- 

	検索結果 [ MODULE:blog-search ]

---------------------------------------------------------------------------------------- */

.blogSearchResults {
	padding: 10px 0;
	border: 1px solid #d8d8d8;
	text-align: center;
}


/* ---------------------------------------------------------------------------------------- 

	カテゴリーアーカイブ [ MODULE:blog-category_archives ]	

---------------------------------------------------------------------------------------- */

.blogCategoryArchivesList {
	margin: 0 0 30px;
}

.blogCategoryArchives p.topicDate {
	margin: 20px 0 8px;
	color: #616161;
}


/* ---------------------------------------------------------------------------------------- 

	月別アーカイブ [ MODULE:blog-monthly_archives ]	

---------------------------------------------------------------------------------------- */

.blogMonthlArchivesList {
	margin: 0 0 30px;
}

.blogMonthlArchives p.topicDate {
	margin: 20px 0 8px;
	color: #616161;
}



/* ---------------------------------------------------------------------------------------- 

	アーカイブ [ MODULE:blog-archives ]	

---------------------------------------------------------------------------------------- */

.blogArchivesBox dl dt,
.blogArchivesBox dl dd {
	line-height: 1.5;
}

.blogArchivesBox dl dd {
	margin: -1.5em 0 7px 0;
	padding: 0 0 7px 8em;
	border-bottom: 1px solid #e7e7e7;
}