@charset "utf-8";

.feature {
  margin-bottom: 5px;
  padding: 4px 0;
  background-color: #000;
  position: relative;
}

.icon_pr {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
}

.icon_pr img {
  display: block;
}

.h2_ttl02 {
  padding: 77px 0 60px;
  text-align: center;
  border-top: 1px solid #FFF;
  position: relative;
}

.flexslider2 {
  width: 1080px;
  overflow: hidden;
  margin: 0 auto;
  height: 525px;
}

.feature .flex-control-nav {
  display: none;
}

.flexslider2 a {
  opacity: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.flexslider2 a .photo {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.flexslider2 a:hover .photo {
  opacity: 0.7;
}

.custom-navigation2 .flex-prev {
  position: absolute;
  margin-top: -32px;
  top: 50%;
  left: 50%;
  margin-left: -576px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.custom-navigation2 .flex-next {
  position: absolute;
  margin-top: -32px;
  top: 50%;
  left: 50%;
  margin-left: 504px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.custom-navigation2 .flex-prev:hover {
  margin-left: -582px;
}

.custom-navigation2 .flex-next:hover {
  margin-left: 510px;
}

.slides02 {
  padding-bottom: 65px;
  text-align: center;
  width: 360px;
}

#boder_feature {
  border-bottom: 1px solid #FFF;
  width: 100%;
  margin-top: 30px;
}

.slides02 li {
  margin: 0 auto;
  padding: 0 0px;
  width: 360px !important;
}

.slides02 li a {
  display: block;
}

.slides02 .photo {
  margin-bottom: 18px;
  position: relative;
  width: 358px;
  height: 360px;
}

.slides02 .txt {
  margin: 0 10px 14px;
  color: #FFF;
  line-height: 1.5;
  text-align: left;
}

.slides02 .date {
  color: #888;
  font-size: 12px;
  letter-spacing: .05em;
}

.slides02 .date .tags {
  display: block;
  font-size: 15px;
}

.feed-prev-btn {
  background-image: url(/wp-content/themes/oggi/img/index/slider_l.png);
}

.feed-next-btn {
  background-image: url(/wp-content/themes/oggi/img/index/slider_r.png);
}

.feed-prev-btn .bx-prev {
  width: 100%;
  height: 100%;
  display: block;
}

.feed-next-btn .bx-next {
  width: 100%;
  height: 100%;
  display: block;
}

.navi-btn {
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
}