/* category */
.nam_cat_area {position:relative;padding-top:262px;}
.nam_cat_area .nam_tit {overflow:hidden;position:absolute;line-height:0;text-indent:-9999px;width:608px;height:262px;top:0;left:50%;margin-left:-304px;background-repeat:no-repeat;display: block;background-size:contain;background-position: 50% 0;}
.category-nam_story .nam_cat_area .nam_tit {background-image: url('../img/nam/catlist_nam_story.png');}
.category-nam_homehandwork .nam_cat_area .nam_tit {background-image: url('../img/nam/catlist_nam_homehandwork.png');}
.category-nam_people .nam_cat_area .nam_tit {background-image: url('../img/nam/catlist_nam_people.png');}
.category-nam_response .nam_cat_area .nam_tit {background-image: url('../img/nam/catlist_nam_response.png');}

.nam_cat_area article .cat_name {margin-top:20px;}
.nam_cat_area article .cat_name a {color: #f80;}
.nam_cat_area article .list-title {margin-bottom:20px;}
.nam_cat_area .btn_area {margin-bottom:10px;text-align:right;}
.nam_cat_area .btn_area .btn {margin-bottom:2px;padding:6px 15px;background-color: #222;border-radius:10px;color:#fff;font-weight: 700;}

/* post */
.single .entry-inner .nam_tit_area {border:#4d4b4b 2px solid;border-radius:15px}
.single .nam_post_area {position: relative;padding-top:164px}
.single .entry-inner .nam_post_tit {margin-top:30px;font-size:38px;color:#000}
.single .entry-inner .nam_tit_area .date {display:block;float:right;padding-right:20px;}
.single .entry-inner .nam_tit_area .cat_name a {overflow:hidden;position:absolute;line-height:0;text-indent:-9999px;width:184px;height:190px;top:0;left:50%;margin-left:-92px;background-repeat:no-repeat;display: block;background-size:contain;background-position: 50% 0;}
.single .entry-inner .nam_tit_area .date {color:#444}
.single .entry-inner .nam_tit_area .date .fa-clock-o {display: inline-block;margin-right:10px;width:14px;height:14px;background:url('../img/icons/icon_calendar.png') no-repeat}

.single .category-nam_homehandwork .entry-inner .nam_tit_area .cat_name a {background-image: url('../img/nam/catname_nam_homehandwork.png');}
.single .category-nam_people .entry-inner .nam_tit_area .cat_name a {background-image: url('../img/nam/catname_nam_people.png');}
.single .category-nam_response .entry-inner .nam_tit_area .cat_name a {background-image: url('../img/nam/catname_nam_response.png');}

@media only screen and (min-width:1px) and (max-width:999px) {
	
	.nam_cat_area {padding-top:233px;}
	.category-nam_story .nam_cat_area {padding-top:150px;}
	.nam_cat_area .nam_tit {width:200px;height:233px;top:0;left:50%;margin-left:-100px;}
	.category-nam_story .nam_cat_area .nam_tit {margin-left:-152px;}
	.category-nam_story .nam_cat_area .nam_tit {width:304px;height:131px;background-image: url('../img/nam/catlist_nam_story.png');}
	.category-nam_homehandwork .nam_cat_area .nam_tit {background-image: url('../img/nam/catlist_nam_homehandwork_m.png');}
	.category-nam_people .nam_cat_area .nam_tit {background-image: url('../img/nam/catlist_nam_people_m.png');}
	.category-nam_response .nam_cat_area .nam_tit {background-image: url('../img/nam/catlist_nam_response_m.png');}
	.nam_cat_area article .cat_name {margin-top:10px;}
	.nam_cat_area .btn_area {text-align:center}
	.nam_cat_area .btn_area .btn {font-size:12px}
	
	.single .entry-inner .nam_post_tit {font-size:24px}
.single .category-nam_homehandwork .entry-inner .nam_tit_area .cat_name a {background-image: url('../img/nam/catname_nam_homehandwork@2x.png');}
.single .category-nam_people .entry-inner .nam_tit_area .cat_name a {background-image: url('../img/nam/catname_nam_people@2x.png');}
.single .category-nam_response .entry-inner .nam_tit_area .cat_name a {background-image: url('../img/nam/catname_nam_response@2x.png');}

}

@media only screen and (max-width:320px) and (max-height:510px) {
	
}

@media only screen and (min-width:320px) {

}

@media only screen and (min-width:1000px) {	
	.single .entry-inner .nam_post_tit {margin-bottom:5px}
	
}

@media only screen and (max-width:1024px) {	
	
}
@media only screen and (min-width:1279px) {
	
}
@media only screen and (min-width:1367px) {
	
}

@media only screen and (max-height:650px) and (orientation:landscape) {
	
}

@media only screen and (max-height:850px) and (orientation:landscape) {
	
	
}