@charset "UTF-8";

/* -----------------------------------
 Colum
----------------------------------- */
#colum {
	margin: 30px auto 0px;
}
	#colum .inner {
		width: 590px;
		margin: 0 auto;
	}
		#colum .archive_title {
			padding: 45px 0 5px;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}
			#colum .archive_title:before {
				content: "♥";
				color: #fccac3;
				margin: 0 5px 0 0;
				
			}
			#colum .archive_title em {
				font-weight: bold;
			}
			#colum .archive_title:after {
				display: block;
				content: "";
				border-top: 1px solid #fccac3;
				margin: 25px 0 0;
				width: 40px;
			}
		#colum	#maincontents ul {
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size: 90%;
			margin: 15px 0 25px;
		}
			#colum	#maincontents li {
				border-bottom: 1px dotted #c1c1c1;
				padding: 20px 0;
			}
				#colum #maincontents li a,
				#colum #maincontents li a:visted {
					display: block;
				}
				#colum #maincontents li a:hover * { color: #f3827b;}
					#colum #maincontents .thumb {
						float: left;
						width: 150px;
						height: 150px;
						box-shadow:rgb(255, 255, 255) 0px 0px 0px 4px inset;
						-webkit-box-shadow:rgb(255, 255, 255) 0px 0px 0px 4px inset;
						-moz-box-shadow:rgb(255, 255, 255) 0px 0px 0px 4px inset;
						border: 1px solid #c1c1c1;
						box-sizing: border-box;
						line-height: 150px;
						text-align: center;
						overflow: hidden;
						background-position: center center;
						-webkit-background-size: cover;
						-moz-background-size: cover;
						-o-background-size: cover;
						background-size: cover;
						-webkit-transition: opacity 0.2s ease;
						transition: opacity 0.2s ease;
					}
					#colum #maincontents a:hover .thumb{
						-webkit-transition: opacity 0.1s ease-out;
						transition: opacity 0.1s ease-out;
						filter: alpha(opacity=70);
						-moz-opacity: 0.7;
						opacity: 0.7;
					}
						#colum #maincontents li a > div {
							float: right;
							width: 425px;
						}
							#colum #maincontents .date {
								color: #ec544b;
							}
							#colum #maincontents h4 {
								font-weight: bold;
								font-size: 120%;
							}
							#colum #maincontents .description {
								height: 60px;
								overflow: hidden;
								margin: 10px 0 0;
								position: relative;
							}
								#colum #maincontents .description:before {
									background: #fff;
									position: absolute;
									content: "...";
									top: 40px;
									right: 0;
									box-shadow:rgba(255, 255, 255, 1) -6px 0px 4px -2px;
									-webkit-box-shadow:rgba(255, 255, 255, 1) -6px 0px 4px -2px;
									-moz-box-shadow:rgba(255, 255, 255, 1) -6px 0px 4px -2px;
								}
								#colum #maincontents .description:after {
									background: #fff;
									position: absolute;
									content: "";
									width: 100%;
									height: 100%;
								}

	/* -----------------------------------
	 Colum - Single
	----------------------------------- */
	#colum 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;
	}
		#colum article .date {
			color: #ec544b;
			font-size: 80%;
		}
		#colum article h2 {
			font-weight: bold;
			font-size: 120%;
			border-bottom: 1px dotted #c1c1c1;
			padding: 2px 0 10px;
		}
		#colum article h3 {
			background: #fff;
			border-left: 5px solid #fccac3;
			font-size: 130%;
			margin: 30px 0;
			padding: 0px 12px;
			line-height: 1.6;
			height: auto;
		}
		#colum article h4 {
			font-weight: bold;
			font-size: 100%;
			margin: 30px 0 20px;
			padding-left: 12px;
		}
		#colum article em,
		#colum article strong {
			font-weight: bold;
		}
			#colum	#maincontents article li {
				border-bottom: none;
				padding: 0;
			}

		#colum article > div {
			padding-top: 10px;
			width: 100%;
		}
			#colum article > div p { margin: 20px 12px 0; line-height: 1.7;}
			#colum article > div img { max-width: 100%;}
				#colum article > div a,
				#colum article > div a:visited {
					color: #ec544b;
					text-decoration: underline;
				}
				#colum article > div a:hover {
					text-decoration: none;
				}
			#colum article > div .more { text-align: right; margin-top: 30px; font-size: 110%;}
	

	/* -----------------------------------
	 Colum - Sidebar
	----------------------------------- */
	#colum_archives {}
		#colum_archives dt {
			border-bottom: 4px solid #e6e6e6;
			font-size: 110%;
			padding: 0 0 5px;
		}
			#colum_archives dt small {
				color: #3e3e3e;
				font-size: 60%;
				margin: 0 0 0 15px;
			}
		#colum_archives dd {
			padding: 5px 5px 20px;
		}
			#colum_archives dd ul {
			}
				#colum_archives dd li {
					margin: 6px 0 0;
				}
					#colum_archives dd a,
					#colum_archives dd a:visited {
						display: block;
						color: #ec544b;
						font-size: 80%;
						font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
						position: relative;
						padding: 0 0 0 15px;
						width: 100%;
						box-sizing: border-box;
						word-break: break-all;
					}
					#colum_archives dd a:hover { color: #f7c4c1;}
						#colum_archives dd a:before {
							position: absolute;
							top: 2px;
							left: 0;
							content: "\f138";
							font-family: FontAwesome;
							font-weight: normal;
							font-style: normal;
							display: inline-block;
							font-size: 12px;
							color: #f7c4c1;
							text-align: center;
						}
			#colum_archives dd #colum_archive_monthly {
				margin: 6px 0 0;
			}
				#colum_archives dd #colum_archive_monthly li {
					margin: 2px 0 0;
				}
/* -----------------------------------
 No posts
----------------------------------- */
li.nopost {}
	li.nopost p {
		padding: 15px 0 30px 0;
	}