@charset "UTF-8";

/*----------------------------------------------------------------------------------------------------------------------blog----------*/

#blog{ 
width:100%;
min-width:1040px;
background:url("../images/bg_dot.png") repeat center top;	
background-size:26px 40px;
padding:75px 0 100px;
}

#blog .inner{ 
width:1040px;
margin:0 auto;
}

#blog h2{ text-align:center; }

#blog_wrapper{ margin-top:50px; }

#blog_main{
width:750px;
float:left;
}

.post{ 
background-color:#fff;
padding:30px 40px;
margin-bottom:60px;
}

.single_post .post{ margin-bottom:20px; }

.post .date{
	font-size: 11px;
	color: #25283D;
	font-weight: bold;
	display: block;
}

.post h3{ 
font-weight:bold;
line-height:2.2;
padding-bottom:8px;
border-bottom:1px dotted #ccc;
letter-spacing:2px;
}

.post p{
	margin-top: 20px;
	line-height: 25px;
}

.post p img{ 
width:335px;
height:auto;
}

.post p a{ 
color:#888;
text-decoration:underline;
}

.post p a:hover{ text-decoration:none;}

.post_btn{
margin-top:40px;
border-top:1px dotted #ccc;
}

.post_btn .fb-like{ margin-top:20px; }

.post_btn .btn_more{
height:40px;
width:220px;
margin:0 auto;
}

.post_btn .btn_more a {
border: 2px solid #642200;
background-color:#642200;
color:#fff;
line-height: 36px;
height:36px;
width:220px;
}

.post_btn .btn_more a:hover {
color:#642200;
background-color: rgba(0,0,0,0);
}

.back_list{
background:url("../images/c_arrow_2.png") no-repeat left center;	
background-size:16px 16px;
padding-left:24px;
line-height:1.6;
}

#blog_side{
max-width:240px;
width:240px;
float:right;
}

#blog_side h3{
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 16px;
	color: #25283D;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}



#blog_side li a{
border-bottom:1px dotted #ccc;
display:block;
width:95%;
padding:16px 5% 14px 0;
background:url("../images/arrow.png") no-repeat right center;
background-size:7px 12px;
}

#blog_side a:hover{
	color: #25283D;
	text-decoration: underline;
}

.cat{ padding-top:20px; }

.recent{ margin-top:40px; }

.archive{ margin-top:40px; }

.archive select{
margin-top:15px;
width:100%;
}

.archive option{ padding: 2px 2px; }


@media screen and (max-width:740px){
	
#blog{ min-width:100%; }

#blog .inner{ width:90%; }

#blog_main{ 
width:100%;
max-width:100%;
float:none;
}

.post{ 
width:86%;
padding:30px 7%;
}

.post p{ width:100%; }

.post p img{ 
width:100%;
height:auto;
}

.post_btn .btn_more{ width:100%; }

.post_btn .btn_more a { width:100%; }

#blog_side{ 
width:100%;
max-width:100%;
float:none;
margin-top:80px;
}

#blog_main .more{ width:100%; }

#blog_main .more a { width:100%; }

}

/*--------------------------------------------------------------------------------------------------------------------------page-navi----------*/

.wp-pagenavi{ text-align:center; }

.wp-pagenavi a, .wp-pagenavi a:link {
font-size:11px;
padding:5px 6px 4px 7px;
margin-right: 5px;
text-decoration: none !important;
border: 1px solid #ccc;
color: #666;
}

.wp-pagenavi a:hover {
	padding: 5px 6px 4px 7px;
	border: 1px solid #553325;
	color: #fff !important;
	background-color: #25283D;
}

.wp-pagenavi span.current {
	font-size: 11px;
	padding: 5px 6px 4px 7px;
	margin-right: 5px;
	border: 1px solid #553325;
	color: #fff;
	background-color: #25283D;
}