@charset "UTF-8";

/* -----------------------------------
 Topics
----------------------------------- */
#topics {
	margin: 30px auto 0px;
}
	#topics .inner {
		width: 590px;
		margin: 0 auto;
	}
		#topics	#maincontents ul {
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size: 90%;
			margin: 15px 0 25px;
		}
			#topics	#maincontents li {
				border-bottom: 1px dotted #c1c1c1;
				padding: 10px 0;
			}
				#topics li a,
				#topics li a:visted {}
				#topics li a:hover {}
					#topics dl {}
						#topics dt {
							float: left;
							width: 98px;
							clear: both;
							color: #ec544b;
						}
						#topics a:hover dt { color: #f3827b;}
						#topics dd {
							margin: 0 0 0 98px;
							padding: 0 4px 0 0;
						}
							#topics p {}
							#topics a:hover p { color: #f3827b;}
								#topics .new p:after {
									content: "New!";
									display: inline-block;
									width: 53px;
									height: 14px;
									margin: -2px 0 0 6px;
									border-radius: 14px;
									-webkit-border-radius: 14px;
									-moz-border-radius: 14px;
									background: #ec544b;
									font-family: "Lora";
									font-style: italic;
									color: #fff;
									font-size: 80%;
									line-height: 14px;
									text-align: center;
									overflow: hidden;
									transition: all 0.5s ease-out;
								}
								#topics .new a:hover p:after {
									background: #FD3529;
								}

	/* -----------------------------------
	 Topics - Single
	----------------------------------- */
	#topics article {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		width: 590px;
		margin: 30px auto;
		border-bottom: 1px dotted #c1c1c1;
		padding: 0 0 50px;
	}
		#topics article .date {
			color: #ec544b;
			font-size: 80%;
		}
		#topics article h2 {
			font-weight: bold;
			font-size: 120%;
			border-bottom: 1px dotted #c1c1c1;
			padding: 2px 0 10px;
		}
		#topics #maincontents ul.sns_btns {
			margin-bottom: 40px;
		}
		#topics article h3 {
			background: #fff;
			border-left: 5px solid #fccac3;
			font-size: 130%;
			margin: 30px 0;
			padding: 0px 12px;
			line-height: 1.6;
			height: auto;
		}
		#topics article h4 {
			font-weight: bold;
			font-size: 100%;
			margin: 30px 0 20px;
			padding-left: 12px;
		}

		#topics	#maincontents article li {
			border-bottom: none;
			padding: 0;
		}

		#topics article > div {}
			#topics article > div p { margin: 20px 0 0;}
				#topics article > div a,
				#topics article > div a:visited {
					color: #ec544b;
					text-decoration: underline;
				}
				#topics article > div a:hover {
					text-decoration: none;
				}