@charset "utf-8";
/* ------------------------------------------------------------
TOPICS
------------------------------------------------------------ */
nav#wrap_nav_main_r ul.nav_main li:first-child a{color:#00A3E2;}

/* CONTENT
---------------------------------------------- */

ul#cate_list {display:flex;flex-wrap:wrap;line-height: 1.0;font-weight: 600;gap:20px 40px;margin-bottom: 80px;}
ul#cate_list li{display:inline-block;background:#0068A5;color: #FFFFFF;padding: 12px 20px 10px;border-radius: 18px;}
ul#cate_list li a{background:url(/common/img/arw_wht.png) no-repeat left 0.15em; background-size:8px 10px;padding-left:18px;}
ul#cate_list li:hover{background:#00A3E2;transition: 0.3s;}

ul#topics_list {margin-bottom: 80px;}

/* single */
div#wrap_post_area p#post_cate{border: 2px solid #0068A5;border-radius: 20px;color: #0068A5;font-weight: 700;line-height: 1.0;padding: 10px 34px 8px;display: inline-block;}
div#wrap_post_area time{color: #5A6A72;font-weight: 700;display: block;line-height: 1.0;margin: 30px 0 40px;}

div#wrap_post_area div#post_area{border-bottom: 2px solid #A8B3B9;padding-bottom:90px;margin-bottom:60px;}
div#wrap_post_area div#post_area p{margin-bottom: 20px;}
div#wrap_post_area div#post_area img{max-width: 100%;height: auto;}
@media print, screen and (max-width: 1220px){

}
@media print, screen and (max-width: 767px){
ul#cate_list {gap:20px 30px;margin-bottom: 50px;}
ul#cate_list li{display:inline-block;padding: 10px 20px 10px;border-radius: 18px;}

ul#topics_list {margin-bottom: 50px;}

/* single */
div#wrap_post_area p#post_cate{padding: 10px 34px 8px;}
div#wrap_post_area time{margin: 25px 0 30px;}

div#wrap_post_area div#post_area{border-bottom: 2px solid #A8B3B9;padding-bottom:45px;margin-bottom:40px;}  
}