@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
#home-index #bread {
  display: none; }

#home-index #sidebar {
  display: none; }

#nav-menu-mobile {
  margin-bottom: 0; }

.slider {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -100; }
  .slider img {
    width: 100%;
    height: auto; }
  @media (min-width: 768px) {
    .slider {
      position: fixed;
      top: 0;
      left: 0; }
      .slider img {
        width: auto;
        height: 100vh; } }

.container-fluid.hidden-xs {
  display: none; }

.row {
  background-color: transparent; }

@media (min-width: 768px) {
  .intro {
    margin-top: -150px;
    min-height: 100vh; } }

@media (max-width: 767px) {
  .intro {
    position: relative;
    padding-top: 120px; } }

.intro ul {
  margin: 0;
  padding: 0; }
  @media (min-width: 768px) {
    .intro ul {
      position: absolute;
      bottom: 60px;
      left: 0; } }
  .intro ul li {
    list-style: none;
    display: inline-block; }
  .intro ul a {
    display: block; }

#bnr-oc {
  display: none;
  width: 140px;
  height: 140px;
  position: fixed;
  top: 60%;
  left: 85%;
  z-index: 30; }

.scroll-me {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: -35px;
  width: 100%; }
  .scroll-me span {
    color: #FFF;
    display: block;
    text-align: center;
    vertical-align: bottom; }
    .scroll-me span a {
      width: 100%;
      padding: .5em 0;
      display: block;
      color: #FFF;
      text-decoration: none; }
  .scroll-me:hover {
    background-color: rgba(0, 0, 0, 0.8); }

#anc1 {
  display: block;
  margin-top: -100px;
  padding-top: 100px; }

.info {
  padding: 50px 0 30px 0;
  background-color: #FFF;
  position: relative; }
  .info h2 {
    position: relative;
    margin-top: 0;
    height: 20px;
    background-color: #000; }
    .info h2 .ttl,
    .info h2 .more {
      position: absolute;
      color: #FFF;
      font-size: 14px; }
    .info h2 .ttl {
      left: 10px;
      bottom: -2px;
      font-weight: normal;
      line-height: 1;
      font-family: Arial, Helvetica, sans-serif; }
    .info h2 .more {
      display: block;
      width: 14px;
      height: 14px;
      top: 1px;
      right: 10px; }
  .info .frame {
    padding: 0 10px;
    height: 530px;
    overflow: auto; }
  @media (max-width: 767px) {
    .info {
      padding-top: 0;
      padding-bottom: 20px; }
      .info .frame {
        margin-bottom: 20px;
        height: 200px; } }

.banner ul {
  margin: 0;
  padding: 0; }
  .banner ul li {
    list-style: none;
    margin-bottom: 20px; }
  .banner ul a {
    display: block; }

.bnr-oc-static {
  display: block;
  margin-bottom: 20px; }

.index-banner {
  position: relative;
  box-shadow: #ccc 0px 2px 8px;
  width: 100%;
  padding: 40px 0;
  background-color: #FFF; }
  .index-banner .col-sm-4 {
    margin-bottom: 20px; }
  @media (max-width: 767px) {
    .index-banner .col-sm-4 {
      width: 48.6%;
      float: left;
      padding-right: 0;
      margin-bottom: 10px; } }

.responsive .slick-next,
.responsive .slick-prev {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  outline: medium none;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px; }
  .responsive .slick-next:before, .responsive .slick-next:after,
  .responsive .slick-prev:before,
  .responsive .slick-prev:after {
    font-family: FontAwesome; }
  .responsive .slick-next:before,
  .responsive .slick-prev:before {
    color: #333;
    content: "\f111";
    font-size: 50px;
    opacity: .9; }
  .responsive .slick-next:after,
  .responsive .slick-prev:after {
    position: absolute;
    color: #FFF;
    font-size: 20px; }

.responsive .slick-prev {
  left: 0; }
  .responsive .slick-prev:after {
    content: "\f0d9";
    left: 40%; }

.responsive .slick-next {
  right: 0; }
  .responsive .slick-next:after {
    content: "\f0da";
    right: 40%; }

.button-bottom {
  padding-top: 30px; }

#city {
  background-color: #FFF; }

@media (max-width: 767px) {
  .oc-entry-banner {
    width: 100%;
    position: absolute;
    top: -100px;
    left: 0; } }

.oc-entry-banner a {
  color: #333;
  display: block;
  text-decoration: none;
  width: 100%;
  height: auto; }
  @media (max-width: 991px) {
    .oc-entry-banner a {
      width: 300px;
      margin: 0 auto; } }
  .oc-entry-banner a:hover, .oc-entry-banner a:focus {
    color: #333; }
  .oc-entry-banner a .nolb {
    background-image: url(../img/oc_banner/nolb.png); }
  .oc-entry-banner a .lb01 {
    background-image: url(../img/oc_banner/lb01.png); }
  .oc-entry-banner a .lb02 {
    background-image: url(../img/oc_banner/lb02.png); }
  .oc-entry-banner a .lb03 {
    background-image: url(../img/oc_banner/lb03.png); }
  .oc-entry-banner a .lb04 {
    background-image: url(../img/oc_banner/lb04.png); }
  .oc-entry-banner a .oc-label {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 300px;
    height: 214px;
    position: relative; }
  .oc-entry-banner a .oc-event {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    position: absolute;
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
    left: 86px; }
    .oc-entry-banner a .oc-event.one-line {
      top: 41px; }
    .oc-entry-banner a .oc-event.two-line {
      top: 31px; }
  .oc-entry-banner a .oc-ttl {
    font-size: 28px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    top: 50px;
    left: 26px; }
    .oc-entry-banner a .oc-ttl span {
      font-size: 18px;
      font-weight: bold;
      font-family: inherit; }
  .oc-entry-banner a .oc-date {
    font-size: 56px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    top: 109px;
    left: 30px; }
    .oc-entry-banner a .oc-date span {
      font-size: 50%;
      font-weight: 400; }
      .oc-entry-banner a .oc-date span:after {
        color: #ccc;
        content: '\f0a9';
        font-family: FontAwesome;
        font-size: 90%;
        margin-left: .2em; }

@media (min-width: 768px) {
  .oc-entry-banner a {
    position: absolute;
    top: -58px;
    left: 0;
    z-index: 1; }
    .oc-entry-banner a .oc-label {
      margin: 0 auto; } }