.com_blog { overflow: auto; }
.com_blog .item { display: block; overflow: auto; clear: both; margin-bottom: 30px; }
.com_blog .item:last-child { margin-bottom: 0; }
.com_blog .item .title_anchor { margin-bottom: 10px; text-decoration: none; }
.com_blog .item .title_anchor:hover { color: #4eb00a; }

.com_blog.list .left_block, .com_blog.detail.image_left .left_block { float: left; margin: 0 20px 10px 0; }
.com_blog.list .right_block, .com_blog.detail.image_left .right_block { display: inline; }

.com_blog img { max-width: 100%; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.com_blog .item .left_block .image img { width: 150px; height: 150px; }
.com_blog .wa_social img { max-width: inherit; }
.com_blog.detail.image_top .left_block, .com_blog.image_bottom .left_block { text-align: center; }

.com_blog .intro { margin-top: 10px; }
.com_blog .intro, .com_blog .desc { text-align: left; }
.com_blog .detail_button { margin-top: 10px; }

.com_blog.list.tile { overflow: hidden; }
.com_blog.list.tile .objects { visibility: hidden; text-align: center; font-size: 0; }
.com_blog.list.tile .item { 
  display: inline-block; position: relative; overflow: hidden; vertical-align: top; box-sizing: border-box; margin: 0; padding: 12px 0; 
}
.com_blog.list.tile a.item { text-decoration: none; }
.com_blog.list.tile .item>div { text-align: center; }
.com_blog.list.tile .item .left_block { float: none; margin: 0; }
.com_blog.list.tile .item .left_block .image { display: block; }
.com_blog.list.tile .item .left_block .image img { width: 100%; height: inherit; }
.com_blog.list.tile .item .title { font-size: 16px; font-weight: bold; }
.com_blog.list.tile .right_block { display: block; margin-top: 5px; }
.com_blog.list.tile .item:hover { opacity: 0.8; }
.com_blog.list.tile .item::after {
  content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0;
  background: #fff; 
  transition: opacity 0.5s, transform 0.5s;
}
.com_blog.list.tile .item:hover::after {
  opacity: 0.5; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}




.com_blog.detail .wa_social { clear: left; }
.com_blog.detail .wa_social.before_detail { margin-bottom: 10px; }
.com_blog.detail .wa_social.after_detail { margin-top: 20px; }
.com_blog.detail .wa_social.after_image { text-align: center; margin-top: 10px; }
.com_blog.detail .wa_social > div { display: inline-block; }
.com_blog.detail .wa_social > div:not(:last-child) { margin-right: 5px; }
.com_blog.detail .wa_social > div>a:hover { opacity: 0.8; }
.com_blog.detail .wa_social > div>a:active { opacity: 0.6; }

.com_blog.detail .gallery { clear: both; }
.com_blog.detail .gallery .image { display: inline-block; width: 200px; height: 150px; margin: 0 10px 10px 0; }
.com_blog.detail .gallery .image:last-child { margin-right: 0; }
.com_blog.detail .gallery .image img { border-radius: inherit; }

.com_blog.detail .gallery .image_frame { position: relative; display: block; border: 1px solid #72bf44 }
.com_blog.detail .gallery .image_frame::after {
  content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0;
  background: #fff; 
  transition: opacity 0.5s, transform 0.5s;
}
.com_blog.detail .gallery .image_frame:hover::after {
  opacity: 0.5; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}





.com_blog .title { display: block; }
.com_blog .title>a { display: inline-block; font-size: 24px; text-decoration: none; }
.com_blog .title>a:hover { color: #cc3300; }
.com_blog .date { font-size: 16px; color: #7b8c81; }



.com_blog.calendar_mode .years_filter { margin-bottom: 7px; }
.com_blog.calendar_mode .years_filter a { 
  display: inline-block; padding: 5px 10px 3px 10px; margin-right: 3px; 
  text-decoration: none; color: #ffffff; background-color: #197ab9; 
}
.com_blog.calendar_mode .years_filter a:hover, .com_blog.calendar_mode .years_filter a.selected { background-color: #e34d4d; }

.com_blog.calendar_mode .wa_accordeon>.header { padding: 5px 0; margin-bottom: 3px; color: #ffffff; background-color: #197ab9; }
.com_blog.calendar_mode .wa_accordeon>.header .caption { text-align: center; color: #ffffff; }
.com_blog.calendar_mode .wa_accordeon>.header .arrow { 
  display: inline-block; position: relative; width: 11px; height: 7px; top: -1px; 
  background: url(../images/down.png) no-repeat;
}
.com_blog.calendar_mode .wa_accordeon>.header.selected .arrow { background: url(../images/up.png); }
.com_blog.calendar_mode .wa_accordeon>.detail { display: none; margin-bottom: 10px; }
.com_blog.calendar_mode .wa_accordeon>.detail.selected { display: block; }

.com_blog.calendar_mode .item { padding: 10px; margin: 0; border-collapse: collapse; border: 1px solid #ccc; border-top: none; }
.com_blog.calendar_mode .year_delimiter { padding: 10px; font-weight: 400; color: #fff; background-color: #086fb3; text-align: center; }
.com_blog.calendar_mode .item.row0 { background-color: #f3f8fc; }
.com_blog.calendar_mode .item .title { padding: 3px 0 0 30px; font-size: 18px; background: url(../images/date.png) no-repeat; }



.arcticmodal-container .title { margin: 0 20px 10px 0; }



@media screen and (max-width: 1000px) {
  .com_blog.list .item > div { display: block; float: none;  }
  .com_blog.list .item > div.left_block { margin-bottom: 20px; text-align: center; }
  .com_blog.list .right_block { margin: 5px 0 0 0 !important; }
  .com_blog.list { text-align: center; }
  .com_blog.list .intro { display: block; }

  .com_blog.list .item .image { display: inline-block; }

  .com_blog.detail.image_left .item > div { display: block; float: none; margin: 0; text-align: center; }
  .com_blog.detail.image_left .item > div.desc { text-align: left; }
  .com_blog.detail.image_left .item > div.left_block { margin-bottom: 20px; }
  .com_blog.detail.image_left .item .image { display: inline-block; }
}

@media screen and (max-width: 600px) {
  .com_blog .title { font-size: 20px; }
  .com_blog.list.tile .item .title { font-size: 14px; }
}
