@charset "utf-8";

/* 未分類ページ(single.php) */

#single-main {
	position: relative;
	display: block;
	margin-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

#single-main .single-caption {
	margin: 0;
	padding: 0;
	font-family: 'Kosugi Maru', sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.1em;
}

#single-main .single-titles .normal-block {
	display: none;
}

#single-main .single-titles .mobile-block {
	display: block;
}

#single-main .single-titles {
	margin-top: 30px;	
}

#single-main .single-titles table {
	width: 100%;
}

#single-main .single-titles table tr.mobile-block-top-line td {
	padding-top: 10px;
	/*padding-bottom: 10px;*/
}
#single-main .single-titles table tr.mobile-block-top-line:first-child td {
	border-top: 1px solid #aaa;
}

#single-main .single-titles table tr.mobile-block-bottom-line td {
	pa	padding-bottom: 10px;
	border-bottom: 1px solid #aaa;
}

#single-main .single-titles .mobile-block .single-date {
	width: 12ch;
	padding-left: 1ch;
	font-size: 14px;
	text-align: left;
	vertical-align: text-top;
	white-space: nowrap;
}

#single-main .single-titles .mobile-block .single-category {
	width: 6em;
	font-size: 14px;
	text-align: center;
	vertical-align: text-top;
	white-space: nowrap;
}

#single-main .single-titles .mobile-block .single-category-label {
	display: block;
	width: 5em;
	border: 1px solid #06c;
}

#single-main .single-titles .mobile-block .single-title {
	padding-left: 10px;
	padding-right: 10px;
}

#single-main .single-titles .mobile-block .single-title h1 {
	margin: 0;
	padding: 0px 0px 10px;
	font-size: 18px;
	font-weight: bold;
}

#single-main .single-titles .mobile-block .single-title p {
	margin: 0;
	font-size: 16px;
	line-height: 180%;
}

#single-main .single-list-button {
	max-width: 300px;
	background-color: #06c;
	margin: 30px auto 0px;
	padding: 5px 0px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px #aaa;
}

#single-main .single-list-button:hover {
	background-color: #0af;
}

@media ( min-width: 830px ) {

	#article-container {
		position: relative;
		margin: 0px auto;
		max-width: 800px;
	}			
	
	#single-main .single-titles {
		margin-top: 30px;
		max-width: 600px;
	}

	#single-main .single-titles .normal-block {
		display: block;
	}

	#single-main .single-titles .mobile-block {
		display: none;
	}

	#single-main .single-titles table tr.normal-block-line td {
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px solid #aaa;
	}

	#single-main .single-titles table tr.normal-block-line:last-child td {
		padding-bottom: 10px;
		border-bottom: 1px solid #aaa;
	}
	#single-main .single-titles .normal-block .single-date {
		width: 12ch;
		font-size: 14px;
		text-align: center;
		vertical-align: text-top;
		white-space: nowrap;
	}

	#single-main .single-titles .normal-block .single-category {
		width: 6em;
		font-size: 14px;
		text-align: center;
		vertical-align: text-top;
		white-space: nowrap;
	}

	#single-main .single-titles .normal-block .single-category-label {
		display: block;
		width: 5em;
		border: 1px solid #06c;
	}

	#single-main .single-titles .normal-block .single-title {
		padding-left: 10px;
		padding-right: 10px;
	}

	#single-main .single-titles .normal-block .single-title h1 {
		margin: 0;
		padding: 0px 0px 10px;
		font-size: 18px;
		font-weight: bold;
	}

	#single-main .single-titles .normal-block .single-title p {
		margin: 0;
		font-size: 16px;
		line-height:180%;
	}

}