@charset "utf-8";

.top_title_wrap .container {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#more {
    display: block;
    width:14em;
    margin:30px auto;
    line-height: 3.5em;
    background: #D3D1BC;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-size:1.4em;
}
#more:after {
	content:"";
	position: absolute;
	top:50%;
	right:30px;
	width:8px;
	height:8px;
	margin-top:-6px;
	border-right:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	transform: rotate(45deg);
}

#status {
    text-align: center;
}

#status img {
    margin:30px auto;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#list_wrapper {
    min-height:60vh;
}

#post_list {
	border-top:dotted 1px #CCC;
}
#post_list li {
	display: table;
	width:100%;
	box-sizing: border-box;
    padding:0;
    border-bottom:dotted 1px #CCC;
    animation: fadeIn 0.3s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.3s ease 0s 1 normal;
}

aside .side_inner ul li a,
#post_list li a {
	color:#AAA581;
	text-decoration: underline;
	line-height: 1.6;
}
aside .side_inner ul li a:hover,
#post_list li a:hover {
	text-decoration: none;
}

aside .side_inner ul#recently,
aside .side_inner ul.comment_list {
	border-top:dotted 1px #CCC;
}
aside .side_inner ul#recently li,
aside .side_inner ul.comment_list li {
	margin-bottom:0;
}
aside .side_inner ul#recently li a,
aside .side_inner ul.comment_list li a {
	display: table;
	width:100%;
	box-sizing: border-box;
	text-decoration: none;
	padding:1em 0;
	border-bottom:dotted 1px #CCC;
}
aside .side_inner ul#recently li a:hover,
aside .side_inner ul.comment_list li a:hover {
	background:rgba(170, 165, 129,0.05);
	opacity: 1;
}
aside .side_inner ul#recently li a .img_area,
aside .side_inner ul.comment_list li a .img_area {
	display: table-cell;
	vertical-align: top;
	width:60px;
	padding-right:14px;
	box-sizing: border-box;
}
aside .side_inner ul#recently li a .img_area img,
aside .side_inner ul.comment_list li a .img_area img {
	width: 100%;
}
aside .side_inner ul#recently li a .text_area,
aside .side_inner ul.comment_list li a .text_area {
	display: table-cell;
	vertical-align: top;
}

#post_list li p.date {
	color:#999;
	letter-spacing: 0;
}
#post_list li a {
	display: table;
	width:100%;
	box-sizing: border-box;
	text-decoration: none;
	padding:1.6em 0;
}
#post_list li a:hover {
	background:rgba(170, 165, 129,0.05);
	opacity: 1;
}
#post_list li a .img_area {
	display: table-cell;
	vertical-align: middle;
	width:120px;
	padding-right:30px;
	box-sizing: border-box;
}
#post_list li a .img_area img {
	width: 100%;
}
#post_list li a .text_area {
	display: table-cell;
	vertical-align: middle;
}

aside .side_inner h3.en01 {
	letter-spacing: 0;
}
aside .side_inner ul {
	margin-top:1em;
}
aside .side_inner ul li {
	margin-bottom:1em;
}
aside .side_inner .my_author {
	color:#999;
}
footer {
	border-top:solid 1px #CCC;
}
main article strong, main article b {
	font-weight: bolder;
}
main article p {
	margin-bottom:1.2em;
	line-height: 2em;
	clear: both;
}
main article p.date {
	color:#999;
}
main article em {
	font-style: italic;
}
main article strong {
	font-weight:bold;
}
.content_btm {
	border-top:solid 1px #999;
	margin-top:3em;
	padding-top:3em;
}
.content_control {
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	text-align: center;
	clear: both;
}
.pn_link {
	width:92px;
	display: block;
	margin:0 auto;
	overflow: hidden;
}
.pn_link p {
	margin-bottom:0;
	clear: none;
}
.pn_link p.prelink {
	float:left;
}
.pn_link p.nextlink {
	float:right;
}
.pn_link p.prelink a,
.pn_link p.nextlink a {
	border:solid 1px #AAA581;
	color:#AAA581;
	width:34px;
	line-height:34px;
	text-align: center;
	display: block;
}

.comments-list {
	border-top:dotted 1px #CCC;
}
.comments-list li {
	border-bottom:dotted 1px #CCC;
	padding:2.5em 0;
}
#comment_area textarea,
#comment_area input[type="text"] {
	border: solid 1px #999;
	width:100%;
	box-sizing: border-box;
	padding: 4px 8px;
	font-size: 14px;
}
#comment_area input[type="submit"] {
	background: #EEEFE5;
	font-size:16px;
	color:#999;
	padding: 0.5em 2em;
	margin-top:20px;
}
#comment_area form dl {
	margin-bottom:0.5em;
}
#comment_area span.fn {
	margin-right:1em;
}
#comment_area #respond {
	padding:1em 0;
}
#comment_area h3#reply-title {
	font-weight:bold;
	font-family: YuGothic, "Yu Gothic", "Segoe UI", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color: #666;
    letter-spacing: 0;
}

/** タイトル 一覧 **/
main article h1 {
	font-size: 1.6em;
	font-weight: bolder;
	margin-bottom: 0.6em;
}
main article h2 {
	font-size: 1.2em;
	font-weight: bolder;
	margin-bottom: 0.8em;
}
main article h3 {
	font-weight: bolder;
	margin-bottom: 1.2em;
}
main article h4 {
	font-weight: bolder;
	background-color: #EEEFE5;
	padding: 0.3em 0.5em;
	margin-bottom: 1.2em;
}
main article h5 {
	text-decoration: underline;
	margin-bottom: 1.2em;
}
main article h6 {
	color: #F04455;
	margin-bottom: 1.2em;
}


/*=============================================
	
	タイトル枠
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.top_title_wrap {
		padding: 3.2em 0;
		text-align: center;
		background: #EEEFE5;
		margin-bottom:40px;
	}
	.top_title_wrap .name {
		font-size: 3.6em;
		margin: 0 0 0.2em;
		line-height: 1.0em;
	}
	.top_title_wrap h2 {
		font-size: 1.1em;
		margin: 0;
		line-height: 1.0em;
	}
	.top_title_wrap.single_post_title {
		padding: 2em 0;
	}
	.top_title_wrap.single_post_title h2 {
		font-size: 1.6em;
		margin: 0;
		line-height: 1.6;
		font-weight:bold;
	}
	#blog #main {
		padding-bottom:40px;
	}
	#post_list li a .text_area {
		vertical-align: top;
	}
	#post_list li a .img_area {
		vertical-align: top;
		width:100px;
		padding-right:20px;
	}
	#post_list li p.date {
		line-height: 1.6;
	}
	aside {
		padding-bottom:20px;
	}
	aside .side_inner {
		margin-bottom: 4em;
	}
	aside .side_inner h3 {
		font-size:1.5em;
		text-align: center;
	}
	aside .side_inner ul.bnr_list li {
		text-align: center;
	}
	aside .side_inner ul#recently li a .img_area,
	aside .side_inner ul.comment_list li a .img_area {
		width:100px;
		padding-right:20px;
	}
	.content_control {
		padding-top:30px;
	}
	#comment_area {
		margin:50px 0 40px;
	}
	#comment_area h3#comments {
		font-size:1.4em;
	}

}

@media print, screen and (min-width: 769px) {
	.top_title_wrap {
		padding: 120px 0;
		text-align: center;
		background: #EEEFE5;
		margin-bottom:140px;
	}
	.top_title_wrap .name {
		font-size: 56px;
		margin: 0 0 30px;
		line-height: 1.0em;
	}
	.top_title_wrap h2 {
		font-size: 16px;
		margin: 0;
		line-height: 1.0em;
	}
	.top_title_wrap.single_post_title {
		padding: 80px 0;
		margin-bottom:100px;
	}
	.top_title_wrap.single_post_title h2 {
		font-size: 28px;
		margin: 0;
		line-height: 1.6;
		font-weight:bold;
	}
	#post_list li p.date,
	#post_list li a {
		display: table-cell;
		vertical-align: top;
		line-height: 1.6;
		font-size:14px;
	}
	#post_list li p.date {
		width:10em;
	}
	#blog,
	#single_post {
		display: table;
	}
	#blog #main,
	#single_post #main {
		display: table-cell;
		vertical-align: top;
		padding:0 80px 70px;
		box-sizing: border-box;
	}
	aside {
		width:240px;
		display: table-cell;
		vertical-align: top;
		padding-bottom:70px;
	}
	aside .side_inner {
		font-size:14px;
		margin-bottom: 3em;
	}
	aside .side_inner h3 {
		font-size:20px;
	}
	aside .side_inner ul#recently li a .text_area,
	aside .side_inner ul.comment_list li a .text_area {
		font-size: 13px;
		line-height: 1.4;
	}
	main article {
		font-size: 14px;
	}
	.content_control {
		padding-top:70px;
	}
	#comment_area {
		margin:80px 0;
	}
	#comment_area h3#comments {
		font-size:28px;
	}
}