@charset "utf-8";

/**
 *
 * banquet: BANQUETページ
 *
 */

/*======================
 intro
=======================*/
#intro {}
#intro h2 + p {
  width: 90%;
  max-width: 740px;
  margin: 0 auto;
  text-align: left;
  letter-spacing: 0.12em;
  line-height: 2;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
 #intro h2 + p { font-size: 12px;}
}

/*======================
 common
=======================*/
.venue-txt {}
.venue-txt h3 {
 letter-spacing: 0.14em;
 line-height: 1.5;
 font-family: "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
 font-size: 26px;
 font-weight: normal;
 position: relative;
}
.venue-txt h3 span {
 display: block;
 letter-spacing: 0.12em;
 font-family: "Catamaran", sans-serif;
 font-size: 10px;
 font-weight: normal;
}
.venue-txt .lead {
 margin: 20px auto 30px;
 line-height: 1.6;
}
.venue-txt .lead b {
 letter-spacing:0.14em;
 font-size: 20px;
 background: linear-gradient(transparent 80%, #F9F19D 0%);
}
.venue-txt .lead .sp-only { display: none;}
.venue-txt .lead + p {
 letter-spacing: 0.1em;
 line-height: 2;
 font-size: 14px;
}
.venue-txt .lead + p i {
 margin-top: 0.5em;
 display: block;
 font-style: normal;
}

@media screen and (max-width: 1280px) {
 .venue-txt h3 { font-size: 22px;}
 .venue-txt .lead { margin: 15px auto 25px;}
 .venue-txt .lead b { font-size: 18px;}
}
@media screen and (max-width: 768px) {
 .venue-txt h3 { font-size: 20px;}
 .venue-txt h3 span { font-size: 9px;}
 .venue-txt .lead { margin: 10px auto 23px;}
 .venue-txt .lead b { font-size: 15px;}
 .venue-txt .lead + p { font-size: 12px;}
}

@media screen and (max-width: 640px) {
 .venue-txt .lead .sp-only { display: inline;}
}

/*======================
 intro
=======================*/
#intro {}
#intro .swiper-container {
 width : -webkit-calc(100% - 90px) ;
 width : calc(100% - 90px) ;
}
#intro .swiper-slide {
 height: 800px;
 height: 69vh;
 -webkit-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
 background-position: center center;
}
#intro .swiper-slide.pht01 { background-image: url(../img/chapel/01.jpg);}
#intro .swiper-slide.pht02 { background-image: url(../img/chapel/02.jpg);}
#intro .swiper-slide.pht03 { background-image: url(../img/chapel/03.jpg);}
#intro .swiper-slide.pht04 { background-image: url(../img/chapel/04.jpg);}

#intro .venue-txt {
 width: 90%;
 max-width: 740px;
 margin: 60px auto 0;
}
#intro .venue-txt h3,
#intro .venue-txt .lead { text-align: center;}

@media screen and (max-width: 1280px) {
 #intro .txt-wrap h3 {
  margin-top: 60px;
  font-size: 22px;
 }
 #intro .txt-wrap p {
  margin-top: 20px;
  line-height: 2;
 }
}

@media screen and (max-width: 900px) {
 #intro .venue-txt { margin: 40px auto 0;}
}

@media screen and (max-width: 780px) {
 #intro .swiper-container { width : 100%;}
 #intro .swiper-slide { height: 59vh;}
 #intro .swiper-slide.pht01 { background-image: url(../img/chapel/01-sp.jpg);}
 #intro .swiper-slide.pht02 { background-image: url(../img/chapel/02-sp.jpg);}
 #intro .swiper-slide.pht03 { background-image: url(../img/chapel/03-sp.jpg);}
 #intro .swiper-slide.pht04 { background-image: url(../img/chapel/04-sp.jpg);}
}

@media screen and (max-width: 640px) {
 #intro .venue-txt { margin: 30px auto 0;}
}

/*======================
 sub-venue
=======================*/
#sub-venue .box {
 margin-top: 80px;
 padding-top: 80px;
 font-size: 0;
 letter-spacing: -5px;
 background: url(../../common/img/dotline.png) left top repeat-x;
 -webkit-background-size: 6px 1px;
      -o-background-size: 6px 1px;
         background-size: 6px 1px;
}
#sub-venue .box.first {
 margin-top: 50px;
 padding-top: 0;
 background: none;
}
#sub-venue .box figure {
 width: 46.875%;
 margin-right: 5%;
 display: inline-block; *display: inline; *zoom: 1;
 vertical-align: middle;
}
#sub-venue .box.even figure {
 margin-right: 0;
 margin-left: 5%;
}
#sub-venue .box.even .sp { display: none;}
#sub-venue .box .venue-txt {
 width: 48.125%;
 display: inline-block; *display: inline; *zoom: 1;
 vertical-align: middle;
 position: relative;
}
#sub-venue .box .photoswipe {
 margin-top: 15px;
 letter-spacing: -5px;
 font-size: 0;
}
#sub-venue .box .photoswipe li {
 width: 11%;
 margin: 1.7% 0 0 1.7%;
 display: inline-block; *display: inline; *zoom: 1;
 line-height: 0;
 cursor: pointer;
 vertical-align: top;
 position: relative;
}
#sub-venue .box .photoswipe li:first-child { margin-left: 0;}
#sub-venue .box .photoswipe li img {
 width: 100%;
 height: auto;
}
#sub-venue .box .photoswipe li img.hit {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
#sub-venue .box .photoswipe li a {
 display: block;
 -webkit-transition:  all 0.4s;
 -moz-transition:  all 0.4s;
 -o-transition:  all 0.4s;
 transition:  all 0.4s;
}
#sub-venue .box .photoswipe li a:hover {
 opacity: 0.8;
}

@media screen and (max-width: 1480px) {
 #sub-venue .box figure,
 #sub-venue .box .venue-txt { vertical-align: top;}
}

@media screen and (max-width: 1280px) {
 #sub-venue .box {
  margin-top: 60px;
  padding-top: 60px;
 }
}

@media screen and (max-width: 900px) {
 #sub-venue .box.first { margin-top: 30px;}
 #sub-venue .box figure,
 #sub-venue .box .venue-txt {
  width: 100%;
  margin: 0 !important;
  display: block;
 }
 #sub-venue .box.even .pc { display: none;}
 #sub-venue .box.even .sp { display: block;}
 #sub-venue .box .venue-txt { padding-top: 84px;}
 #sub-venue .box .venue-txt h3 { text-align: center;}
 #sub-venue .box .venue-txt .lead { text-align: center;}
 #sub-venue .box .photoswipe {
  width: 100%;
  margin-top: 0;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
 }
 #sub-venue .box .photoswipe li {
  width: 44px;
  margin: 8px 0 0 8px;
  display: inline-block; *display: inline; *zoom: 1;
  line-height: 0;
  cursor: pointer;
  vertical-align: top;
  position: relative;
 }
}

@media screen and (max-width: 640px) {
 #sub-venue .box {
  margin-top: 40px;
  padding-top: 40px;
 }
 #sub-venue .box .venue-txt { padding-top: 74px;}
}