@charset "UTF-8";
/****************************************

目次 
1.ベース
2.ヘッダー
3.フッター
4.トップページ
5.CONCEPT
6.FACILITY
7.MOVIE
8.GALLERY
9.ACCESS
10.OTHER VENUE

*****************************************/
@import url("https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap");
/****************************************


1.ベース


*****************************************/
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
  border: 0 none;
  font-size: 18px;
  font-style: normal;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: top;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 500;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: auto;
  color: #2d3718;
  -webkit-text-size-adjust: none; }

html {
  width: 100%;
  height: 100%; }

.inner {
  width: 550px;
  margin-left: auto;
  margin-right: auto; }
  @media all and (max-width: 768px) {
    .inner {
      width: 80%; } }

.innerWide {
  width: 80%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  @media all and (max-width: 768px) {
    .innerWide {
      width: 80%; } }

.innerS {
  width: 80%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (max-width: 1280px) {
    .innerS {
      width: 90%;
      max-width: 90%; } }
  @media all and (max-width: 1024px) {
    .innerS {
      width: 100%;
      max-width: 100%;
      padding-left: 8%;
      padding-right: 8%; } }

.innerL {
  width: 95%;
  margin: 0 auto; }
  @media all and (max-width: 1024px) {
    .innerL {
      width: 82%; } }

@media all and (max-width: 768px) {
  .spBr {
    display: none; } }

h3 {
  font-family: 'Oranienbaum', serif;
  font-size: 48px;
  color: #FFFFFF;
  letter-spacing: 4.8px;
  text-align: center; }
  @media all and (max-width: 768px) {
    h3 {
      font-size: 28px; } }

a:hover {
  opacity: 0.7; }

/*ボタン*/
.btn {
  width: 225px;
  background-color: #e0e0e0;
  box-shadow: 2px 3px 0px 0 #3F555B;
  font-family: 'Oranienbaum', serif;
  font-size: 24px;
  color: #525252;
  line-height: 42px;
  letter-spacing: 2.4px;
  text-align: center;
  padding: 5px 0;
  border-radius: 10px;
  display: block;
  margin-right: 35px;
  position: relative; }
  @media all and (max-width: 768px) {
    .btn {
      width: 150px;
      font-size: 18px;
      line-height: 35px;
      padding: 7px 0 2px;
      margin-bottom: 20px;
      margin-left: auto;
      margin-right: auto; } }

.btn:hover {
  opacity: 1;
  left: 2px;
  top: 2px;
  box-shadow: none; }

.btn:hover:before {
  left: 0px;
  top: 0px; }

/*ウェデングフェア*/
.weddingFair {
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 99;
  transition: all 0.8s; }
  @media all and (max-width: 768px) {
    .weddingFair {
      width: 100%;
      bottom: 0;
      right: 0; } }

.weddingFair img {
  max-width: 100%;
  height: auto; }

.weddingFair .pc {
  display: block;
  transition: all 0.8s; }
  @media all and (max-width: 768px) {
    .weddingFair .pc {
      display: none; } }

.weddingFair .sp {
  display: none; }
  @media all and (max-width: 768px) {
    .weddingFair .sp {
      display: block;
      transition: all 0.8s; } }

/*トップへ戻る*/
.totop {
  position: fixed;
  bottom: 115px;
  right: 10px;
  z-index: 999; }
  @media all and (max-width: 768px) {
    .totop {
      bottom: 160px;
      right: 0; } }
  @media all and (max-width: 576px) {
    .totop {
      bottom: 90px; } }
  .totop a img {
    width: 100%; }
    @media all and (max-width: 768px) {
      .totop a img {
        width: 70%; } }

/*インビュー関係*/
.inview {
  transition: all 5000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: transform,opacity;
  opacity: 0; }
  .inview.left {
    transform: translateX(-30px); }
  .inview.right {
    transform: translateX(30px); }
  .inview.bottom {
    transform: translateY(20px); }
  .inview.delay {
    transition-delay: 350ms; }
  .inview.action {
    opacity: 1;
    transform: translate(0px); }

/****************************************


2.ヘッダー


*****************************************/
.head.action {
  background-color: rgba(63, 85, 91, 0.8); }
  @media all and (max-width: 1024px) {
    .head.action {
      background-color: transparent; } }

header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  /***ナビボタン***/
  /**javascript**/ }
  header .logo {
    margin-left: 40px; }
    @media all and (max-width: 768px) {
      header .logo {
        margin-left: 27px; } }
  header .logo a {
    width: 70%;
    transition: all 0.8s; }
    @media all and (max-width: 768px) {
      header .logo a {
        width: 65%; } }
  header nav {
    position: relative; }
  header .nav.open {
    height: 100%;
    z-index: 99;
    opacity: 1; }
  header .nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    list-style: none; }
    @media all and (max-width: 1024px) {
      header .nav {
        background: rgba(63, 85, 91, 0.9);
        display: block;
        width: 100%;
        height: 0;
        padding-top: 95px;
        padding-bottom: 0;
        overflow: auto;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0;
        transition: all .5s ease-in-out; } }
    header .nav li {
      line-height: 14px;
      margin-right: 40px; }
      @media all and (max-width: 1024px) {
        header .nav li {
          width: 60%;
          line-height: 1;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 30px; } }
      @media all and (max-width: 768px) {
        header .nav li {
          width: 70%; } }
    header .nav li a:hover {
      opacity: 0.7; }
    header .nav li a {
      color: #FFFFFF;
      font-family: 'Oranienbaum', serif;
      letter-spacing: 0.9px;
      transition: all 0.8s;
      font-size: 22px; }
    header .nav li a span {
      color: #FFFFFF;
      font-family: 'Oranienbaum', serif;
      letter-spacing: 0.9px;
      font-size: 22px; }
    header .nav .flex {
      display: flex;
      align-items: center; }
      @media all and (max-width: 1024px) {
        header .nav .flex {
          display: none; } }
    header .nav .flex li:nth-child(1) {
      margin-right: 20px; }
      @media all and (max-width: 1024px) {
        header .nav .flex li:nth-child(1) {
          margin-right: auto; } }
    header .nav .flex .instagram {
      margin-right: 5px; }
    header .nav .flex .mail {
      background-color: inherit; }
    header .nav .spTelInsta {
      display: none; }
      @media all and (max-width: 1024px) {
        header .nav .spTelInsta {
          display: block; } }
    header .nav .spTelInsta li:nth-child(1) {
      border-top: 1px solid #FFFFFF;
      padding-top: 40px;
      margin-bottom: 10px; }
    @media all and (max-width: 1024px) {
      header .nav .spTel {
        background-image: url(img/iconTelWhite.svg);
        background-repeat: no-repeat;
        background-position: top 0px left 5px;
        background-size: 14%;
        padding-left: 40px;
        padding-top: 1px;
        padding-bottom: 1px; } }
    @media all and (max-width: 1024px) {
      header .nav .spInstagram {
        background-image: url("img/iconInstaWhite.svg");
        background-repeat: no-repeat;
        background-position: top 0px left 5px;
        background-size: 10%;
        padding-left: 40px;
        padding-top: 1px;
        padding-bottom: 1px; } }
    @media all and (max-width: 1024px) {
      header .nav .spTel span, header .nav .spInstagram span {
        font-size: 16px; } }
    header .nav .headerContact {
      padding: 3px 16px;
      background: #8a1b1b;
      border-radius: 20px;
      transition: all 0.8s; }
      @media all and (max-width: 1024px) {
        header .nav .headerContact {
          padding: 0 30px;
          background: #972D15;
          border-radius: 50px; } }
    header .nav .headerContact span {
      color: #FFFFFF;
      letter-spacing: 1px;
      line-height: 26px; }
      @media all and (max-width: 1024px) {
        header .nav .headerContact span {
          font-size: 24px;
          line-height: 50px;
          letter-spacing: 4.2px; } }
  header .navBtnBg {
    display: none; }
    @media all and (max-width: 1024px) {
      header .navBtnBg {
        background-color: #972D15;
        width: 78px;
        height: 78px;
        border-radius: 80px; } }
  header .navBtn {
    display: none; }
    @media all and (max-width: 1024px) {
      header .navBtn {
        display: block;
        width: 25px;
        position: fixed;
        top: 25px;
        right: 25px;
        cursor: pointer;
        z-index: 999;
        background-color: #3F555B;
        padding: 15px 13px;
        border-radius: 40px; } }
  @media all and (max-width: 1024px) {
    header .navBtn span {
      display: block;
      height: 3px;
      width: 100%;
      background: #FFF;
      border-radius: 2px;
      transition: all .5s ease-in-out; } }
  @media all and (max-width: 1024px) {
    header .navBtn span:nth-child(1) {
      margin-bottom: 5px; } }
  @media all and (max-width: 1024px) {
    header .navBtn.active {
      background-color: #a4a8aa; } }
  @media all and (max-width: 1024px) {
    header .navBtn span:nth-child(2) {
      margin-bottom: 5px; } }
  @media all and (max-width: 1024px) {
    header .navBtn.active span:nth-child(1) {
      -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
      -ms-transform: translateY(8px) translateX(0) rotate(45deg);
      transform: translateY(8px) translateX(0) rotate(45deg);
      background: #FFFFFF; } }
  @media all and (max-width: 1024px) {
    header .navBtn.active span:nth-child(2) {
      margin-top: 5px;
      opacity: 0;
      -webkit-transform: translateY(8px);
      -ms-transform: translateY(8px);
      transform: translateY(8px); } }
  @media all and (max-width: 1024px) {
    header .navBtn.active span:nth-child(3) {
      -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
      -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
      transform: translateY(-8px) translateX(0) rotate(-45deg);
      background: #FFFFFF; } }
  header .img {
    position: absolute;
    top: 10px;
    left: 35px; }
    @media all and (max-width: 768px) {
      header .img {
        width: 55px;
        top: 20px;
        left: 25px; } }
  @media all and (max-width: 768px) {
    header .img img {
      width: 100%; } }

/****************************************


3.フッター


*****************************************/
/****************************************


4.トップページ


*****************************************/
.topImg {
  width: 100%;
  height: 100vh;
  background-image: url("img/topImg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative; }
  .topImg .tit {
    width: 100%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .topImg .tit h2, .topImg p {
    font-family: 'Oranienbaum', serif;
    text-align: center;
    color: #FFFFFF; }
  .topImg .tit h2 {
    font-size: 100px;
    line-height: 1;
    letter-spacing: 20px;
    margin-bottom: 70px; }
    @media all and (max-width: 768px) {
      .topImg .tit h2 {
        font-size: 64px;
        letter-spacing: 9px;
        margin-bottom: 32px; } }
  .topImg .tit .sbutit {
    font-size: 44px;
    line-height: 43px;
    letter-spacing: 1.09px;
    margin-bottom: 10px; }
    @media all and (max-width: 768px) {
      .topImg .tit .sbutit {
        font-size: 28px;
        line-height: 28px; } }
  .topImg .tit p {
    font-size: 22px;
    line-height: 29px;
    letter-spacing: 0.55px; }
    @media all and (max-width: 768px) {
      .topImg .tit p {
        font-size: 14px;
        line-height: 21px; } }

/****************************************


5.CONCEPT


*****************************************/
.concept {
  background-color: #3F555B;
  padding-top: 100px; }
  @media all and (max-width: 1024px) {
    .concept {
      padding-top: 60px; } }
  .concept .img img {
    width: 100%; }
  @media all and (max-width: 768px) {
    .concept .conceptTop .img {
      background-image: url(img/conceptImg01.jpg);
      background-position: center center;
      background-size: cover;
      padding: 140px 0; } }
  @media all and (max-width: 768px) {
    .concept .conceptTop .img img {
      display: none; } }
  .concept .conceptTop {
    position: relative;
    margin-bottom: 80px; }
    @media all and (max-width: 768px) {
      .concept .conceptTop {
        padding-bottom: 40px; } }
  .concept .conceptTop .txt {
    position: absolute;
    bottom: 40px;
    left: 220px; }
    @media all and (max-width: 768px) {
      .concept .conceptTop .txt {
        bottom: -76px;
        left: 10%;
        padding-right: 10%; } }
  .concept .conceptTop .txt p {
    color: #FFFFFF;
    line-height: 2;
    letter-spacing: 3.6px;
    margin-bottom: 30px; }
    @media all and (max-width: 768px) {
      .concept .conceptTop .txt p {
        font-size: 12px; } }
  .concept .conceptBottom {
    padding-top: 85px;
    margin-bottom: 100px;
    position: relative; }
    @media all and (max-width: 768px) {
      .concept .conceptBottom {
        background-color: #949899;
        padding-bottom: 56%;
        margin-bottom: 50px; } }
  .concept .conceptBottom .tit {
    font-family: 'Oranienbaum', serif;
    font-size: 86px;
    color: #FFF;
    line-height: 1;
    letter-spacing: 8.68px;
    position: absolute;
    top: 0;
    left: 200px;
    z-index: 1; }
    @media all and (max-width: 768px) {
      .concept .conceptBottom .tit {
        font-size: 36px;
        letter-spacing: 3px;
        top: 32px;
        left: 10%; } }
  .concept .conceptBottom .flex {
    display: flex;
    align-items: center; }
    @media all and (max-width: 1024px) {
      .concept .conceptBottom .flex {
        display: block; } }
  .concept .conceptBottom .flex .img {
    width: 36%; }
    @media all and (max-width: 1024px) {
      .concept .conceptBottom .flex .img {
        width: 70%; } }
  .concept .conceptBottom .flex .txt {
    width: 64%;
    background-color: #949899;
    padding: 70px 0 70px 130px;
    box-sizing: border-box; }
    @media all and (max-width: 1024px) {
      .concept .conceptBottom .flex .txt {
        width: 80%;
        background-color: transparent;
        padding: 0;
        position: absolute;
        bottom: 30px;
        left: 10%; } }
  .concept .conceptBottom .flex .txt p {
    color: #FFFFFF;
    line-height: 2;
    letter-spacing: 3.6px;
    margin-bottom: 30px; }
    @media all and (max-width: 768px) {
      .concept .conceptBottom .flex .txt p {
        font-size: 12px; } }
  .concept .conceptBottom .flex .txt p:last-child {
    margin-bottom: 0; }
  @media all and (max-width: 768px) {
    .concept .img03 {
      background-image: url(img/conceptImg03.jpg);
      background-position: center center;
      background-size: cover;
      padding: 140px 0; } }
  @media all and (max-width: 768px) {
    .concept .img03 img {
      display: none; } }

/****************************************


6.FACILITY


*****************************************/
.facility {
  background-color: #949899;
  padding-top: 250px;
  /* swiperボタン */
  /* swiper青矢印消す */
  /* swiper大きさ調整 */ }
  @media all and (max-width: 768px) {
    .facility {
      padding: 125px 0 40px; } }
  .facility .spec {
    width: 430px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    text-align: center;
    padding: 20px 0;
    margin-top: 40px;
    margin-bottom: 110px;
    margin-left: auto;
    margin-right: auto; }
    @media all and (max-width: 768px) {
      .facility .spec {
        width: 330px;
        padding: 10px 0 5px;
        margin-bottom: 60px; } }
  .facility .spec span {
    color: #FFF;
    letter-spacing: 3.6px; }
    @media all and (max-width: 768px) {
      .facility .spec span {
        font-size: 14px; } }
  .facility .facilityMap {
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 170px; }
    @media all and (max-width: 1024px) {
      .facility .facilityMap {
        width: 70%; } }
    @media all and (max-width: 768px) {
      .facility .facilityMap {
        width: 85%;
        margin-bottom: 100px; } }
  .facility .swiper-button-prev,
  .facility .swiper-button-next {
    width: 23px;
    height: 30px;
    background-size: 23px 30px; }
    @media all and (max-width: 768px) {
      .facility .swiper-button-prev,
      .facility .swiper-button-next {
        width: 25px;
        height: 25px;
        background-size: 25px 25px; } }
  .facility .swiper-button-next {
    background-image: url("img/slideBtn.svg");
    background-repeat: no-repeat;
    bottom: 50px;
    top: auto;
    right: 42%;
    z-index: 12; }
    @media all and (max-width: 768px) {
      .facility .swiper-button-next {
        right: 25%;
        bottom: 35px; } }
  .facility .swiper-button-prev {
    background-image: url("img/slideBtn.svg");
    background-repeat: no-repeat;
    transform: scale(-1, 1);
    bottom: 50px;
    top: auto;
    left: 42%;
    z-index: 12; }
    @media all and (max-width: 768px) {
      .facility .swiper-button-prev {
        left: 25%;
        bottom: 35px; } }
  .facility .swiper-pagination {
    bottom: 50px; }
    @media all and (max-width: 768px) {
      .facility .swiper-pagination {
        bottom: 35px; } }
  .facility .swiper-pagination, .facility .swiper-pagination span {
    font-family: 'Oranienbaum', serif;
    font-size: 30px;
    color: #FFFFFF;
    letter-spacing: 4px; }
    @media all and (max-width: 768px) {
      .facility .swiper-pagination, .facility .swiper-pagination span {
        font-size: 20px; } }
  .facility .swiper-button-prev:after,
  .facility .swiper-button-next:after {
    display: none; }
  .facility .swiper-container {
    width: 100%;
    padding: 150px 0;
    box-sizing: border-box; }
    @media all and (max-width: 768px) {
      .facility .swiper-container {
        padding: 70px 0 100px; } }
  .facility .swiper-slide {
    opacity: 0.8;
    overflow: hidden;
    transition: .7s; }
  .facility .swiper-slide a {
    width: 100%;
    transition: 1s; }
  .facility .swiper-slide img {
    width: 100%; }
  .facility .swiper-slide-active {
    opacity: 1;
    z-index: 1;
    transform: scale(1.2);
    /* スライドの大きさ調整 */ }
  .facility .swiper-scrollbar {
    background: none; }
  .facility .slideBg {
    background-color: #3F555B; }

/****************************************


7.MOVIE


*****************************************/
.movie {
  background-color: #949899;
  padding: 300px 0 150px; }
  @media all and (max-width: 768px) {
    .movie {
      padding: 40px 0; } }
  .movie .iframe {
    position: relative;
    padding-top: 42.25%;
    overflow: hidden; }
  .movie .iframe iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; }

/****************************************


8.GALLERY


*****************************************/
.gallery {
  background-color: #949899;
  padding: 200px 0 100px;
  /* swiperボタン */
  /* swiper青矢印消す */
  /* swiper大きさ調整 */ }
  @media all and (max-width: 768px) {
    .gallery {
      padding: 50px 0 30px; } }
  .gallery .gallerySlide {
    margin-bottom: 20px; }
    @media all and (max-width: 768px) {
      .gallery .gallerySlide {
        margin-bottom: 0; } }
  .gallery a {
    display: flex;
    justify-content: center;
    transition: 1s; }
  .gallery a span {
    font-family: 'Oranienbaum', serif;
    font-size: 36px;
    color: #FFF;
    display: flex; }
    @media all and (max-width: 768px) {
      .gallery a span {
        font-size: 22px; } }
  .gallery a span::before {
    content: "";
    background-image: url("img/iconInstaWhite.svg");
    background-repeat: no-repeat;
    background-size: 55%;
    padding: 0 40px 0 30px;
    vertical-align: sub; }
    @media all and (max-width: 768px) {
      .gallery a span::before {
        padding: 0 20px 0 20px; } }
  .gallery .swiper-button-prev,
  .gallery .swiper-button-next {
    width: 23px;
    height: 30px;
    background-size: 23px 30px; }
    @media all and (max-width: 768px) {
      .gallery .swiper-button-prev,
      .gallery .swiper-button-next {
        width: 25px;
        height: 25px;
        background-size: 25px 25px; } }
  .gallery .swiper-button-next {
    background-image: url("img/slideBtn.svg");
    background-repeat: no-repeat;
    top: auto;
    bottom: 75px;
    right: 42%;
    z-index: 12; }
    @media all and (max-width: 768px) {
      .gallery .swiper-button-next {
        right: 25%;
        bottom: 35px; } }
  .gallery .swiper-button-prev {
    background-image: url("img/slideBtn.svg");
    background-repeat: no-repeat;
    transform: scale(-1, 1);
    top: auto;
    bottom: 75px;
    left: 42%;
    z-index: 12; }
    @media all and (max-width: 768px) {
      .gallery .swiper-button-prev {
        left: 25%;
        bottom: 35px; } }
  .gallery .swiper-pagination {
    bottom: 75px; }
    @media all and (max-width: 768px) {
      .gallery .swiper-pagination {
        bottom: 35px; } }
  .gallery .swiper-pagination, .gallery .swiper-pagination span {
    font-family: 'Oranienbaum', serif;
    font-size: 30px;
    color: #FFFFFF;
    letter-spacing: 4px; }
    @media all and (max-width: 768px) {
      .gallery .swiper-pagination, .gallery .swiper-pagination span {
        font-size: 20px; } }
  .gallery .swiper-button-prev:after,
  .gallery .swiper-button-next:after {
    display: none; }
  .gallery .swiper-container {
    width: 100%;
    padding: 110px 0;
    box-sizing: border-box; }
    @media all and (max-width: 768px) {
      .gallery .swiper-container {
        padding: 70px 0 100px;
        margin-bottom: 10px; } }
  .gallery .swiper-slide {
    opacity: 0.8;
    overflow: hidden;
    transition: .7s; }
  .gallery .swiper-slide img {
    width: 100%; }
  .gallery .swiper-slide-active {
    opacity: 1;
    z-index: 1;
    transform: scale(1.2);
    /* スライドの大きさ調整 */ }
  .gallery .swiper-scrollbar {
    background: none; }

/****************************************


9.ACCESS


*****************************************/
.access {
  background-color: #949899;
  padding: 100px 0 200px 0; }
  @media all and (max-width: 768px) {
    .access {
      padding: 90px 0 90px 0; } }
  .access .img {
    display: flex;
    justify-content: center;
    margin-top: 70px; }
    @media all and (max-width: 768px) {
      .access .img {
        margin-top: 40px; } }
  @media all and (max-width: 768px) {
    .access .img img {
      width: 100px; } }
  .access .address {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    text-align: center;
    padding: 15px 0;
    margin-top: 60px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto; }
  .access .address p {
    font-size: 24px;
    color: #FFF;
    letter-spacing: 4.8px; }
    @media all and (max-width: 768px) {
      .access .address p {
        font-size: 16px;
        letter-spacing: 1.3px; } }
  .access dl {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #FFF;
    margin-bottom: 60px; }
    @media all and (max-width: 768px) {
      .access dl {
        display: block; } }
  .access dl dd {
    width: 100%; }
  .access dl dt a, .access dl dd a {
    width: 100%;
    background-color: #3F555B;
    font-family: 'Oranienbaum', serif;
    font-size: 24px;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    letter-spacing: 2.4px;
    padding: 15px 30px;
    box-sizing: border-box;
    transition: all 0.8s; }
    @media all and (max-width: 768px) {
      .access dl dt a, .access dl dd a {
        font-size: 18px;
        padding: 10px 30px; } }
  .access dl dt {
    border-right: 1px solid #FFF; }
    @media all and (max-width: 768px) {
      .access dl dt {
        border-right: none;
        border-bottom: 1px solid #FFF; } }
  .access .btn.googleMap {
    border: 2px solid #525252;
    line-height: 32px;
    padding: 7px 0 5px;
    margin-left: auto;
    margin-right: auto;
    transition: 1s; }
    @media all and (max-width: 768px) {
      .access .btn.googleMap {
        width: 175px;
        padding: 3px 0 1px; } }

/****************************************


10.OTHER VENUE


*****************************************/
.othervenue .bg {
  background-color: #3f555b;
  padding: 200px 0;
  text-align: center; }
  @media all and (max-width: 768px) {
    .othervenue .bg {
      padding: 120px 0; } }
.othervenue h4 {
  font-family: 'Oranienbaum', serif;
  font-size: 48px;
  color: #FFF;
  line-height: 84px;
  letter-spacing: 2.4px;
  margin-bottom: 55px; }
  @media all and (max-width: 768px) {
    .othervenue h4 {
      font-size: 22px;
      line-height: 2;
      margin-bottom: 35px; } }
.othervenue .btnWrap {
  display: flex;
  justify-content: center;
  align-items: center; }
  @media all and (max-width: 768px) {
    .othervenue .btnWrap {
      display: block; } }
.othervenue .img {
  width: 100%; }
.othervenue .img img {
  width: 100%; }

/*# sourceMappingURL=style.css.map */