@charset "utf-8";

.contents_area{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.contents_area.blog_bg{
}
.contents_area h3{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:30px;
	line-height:30px;
	font-weight:normal;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#009E96;
}
.contents_area h3 span{
	display:block;
	font-size:12px;
	line-height:21px;
	color:#BAA399;
	margin:0 0 0 0;
	padding:5px 0 0 0;
}
#wrap{
	background:#d9f1ef;
	width:100%;
	height:auto;
	text-align:center;
	margin:50px auto 50px auto;
	padding:50px 0 35px 0;
	clear:both;
}
#wrap h3{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:30px;
	line-height:30px;
	font-weight:normal;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#009E96;
}
#wrap h3 span{
	display:block;
	font-size:12px;
	line-height:21px;
	color:#BAA399;
	margin:0 0 0 0;
	padding:5px 0 0 0;
}

#wrap section{
	width:100%;
	margin:40px 0 0 0;
	padding:0 0 0 0;
}
#wrap section .column{
	overflow:hidden;
	width:100%;
	max-width:1000px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
}
#wrap section .column #main{
	float:left;
	width:100%;
	max-width:680px;
}
#wrap section .column #main ul{
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#wrap section .column #main ul li{
	display:block;
	background:#FFF;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#wrap section .column #main ul li dl{
	display:block;
	margin:0 0 0 0;
	padding:3%;
}
#wrap section .column #main ul li dl dt.title{
	margin:0 0 10px 0;
	padding:0 0 0 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	line-height:24px;
	text-align:left;
}
#wrap section .column #main ul li dl dd.time,
#wrap section .column #main ul li dl dd.cate{
	text-align:left;
	font-size:12px;
	line-height:18px;
}
#wrap section .column #main ul li dl dd.text{
	text-align:left;
	margin:4% 0 0 0;
}
#wrap section .column #main ul li dl dd.text img{
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	padding:0 0 0 0;
	width:100%;
	height:auto;
}
#wrap section .column #main ul li dl dd.text a img{
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	padding:0 0 0 0;
	width:auto;
	height:auto;
}
.snsarea{
	margin:30px 0 0 0;
	padding:0 0 0 0;
}
.snsarea ul{
	display:block;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.snsarea ul li{
	background:none !important;
	display:inline-block !important;
	vertical-align:top;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


.nav-previous{
	text-align:left;
	width:20%;
	min-width:250px;
	font-size:12px;
	display:inline-block;
	background:#A08778;
	margin:30px 0 0 0;
}
.nav-next{
	text-align:right;
	width:20%;
	min-width:250px;
	font-size:12px;
	display:inline-block;
}
.archivebtn{
	width:20%;
	min-width:170px;
	font-size:12px;
	display:inline-block;
}
.pagenation a{
	display:block;
	color:#FFF;
	background:#A08778;
}
.pagenation a:hover{
	text-decoration:none;
	background: #BF9A88;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.nav-previous a{
	padding:5px 0 5px 5px;
	background:#A08778;
}
.nav-next a{
	padding:5px 5px 5px 0;
}
.archivebtn a{
	padding:5px 0 5px 0;
	background:#A08778;
}


#wrap section .column #side{
	float:right;
	width:100%;
	max-width:280px;
}
.side_title{
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:22px;
	color:#009E96;
}
#wrap section .column #side ul{
	display:block;
	list-style:none;
	margin:10px 0 20px 0;
	padding:0 0 0 0;
}
#wrap section .column #side ul li{
	text-align:left;
	font-size:14px;
	line-height:22px;
	border-bottom:solid 1px #B1B1B2;
	margin:0 0 0 0;
	padding:0 0 5px 0;
}

@media(min-width:1px) and (max-width:1040px){	
#wrap.blog section {
    width: 90%;
    margin: 40px auto 0 auto;
    padding: 0 0 0 0;
}
#wrap.blog section .column #main{
	float:none;
	width:100%;
	max-width:100%;
}

#wrap section .column #side{
	float:none;
	width:100%;
	max-width:100%;
	margin:50px 0 0 0;
}
}
@media(min-width:1px) and (max-width:840px){
.nav-previous{
	text-align:left;
	width:30%;
	min-width:60px;
	font-size:12px;
	display:inline-block;
	background:#A08778;
	margin:30px 0 0 0;
}
.nav-next{
	text-align:right;
	width:30%;
	min-width:60px;
	font-size:12px;
	display:inline-block;
}
.archivebtn{
	width:30%;
	min-width:60px;
	font-size:12px;
	display:inline-block;
}
}