@charset "UTF-8";


.v-header {
  white-space: nowrap;
  text-align: center;
  position: relative;
  z-index: 5;
}
.v-header .v-ttl {
  margin-bottom: 7.5em;
  position: relative;
}
.v-header .v-ttl::before {
  content: '';
  display: block;
  width: 1px;
  height: 65px;
  background: var(--gray);
  margin: 0 auto 4.5em;
}


.v-ttl .en_ttl {
  display: block;
}
.v-ttl .ttl {
  margin: 0 auto;
  align-items: center;
  line-height: 1.6;
  letter-spacing: .1em;
}
.tttext {
    margin: 30px auto 50px auto; 
    color: #000000;
    font-size: 1.077em;
    letter-spacing: .1em;
    text-align: left;
    width: 80%;
    white-space: normal;
}
.v-ttl .en_ttl + .ttl {
  font-size: 1.846em;
  margin-top: .5em;
}

@media (min-width: 768px){
  .v-header {
    margin-top: -4.5rem;
  }
  .v-header .v-ttl::before {
    height: 125px;
  }
   .tttext {
  text-align: center;
    margin: 30px auto 50px auto; 
    color: #000000;
    font-size: 1.077em;
    letter-spacing: .1em;
}
}
@media (min-width: 992px){
  .v-header {
    margin-top: -7.5rem;
  }
    .tttext {
  text-align: center;
    margin: 30px auto 50px auto; 
    color: #000000;
    font-size: 1.077em;
    letter-spacing: .1em;
}
}


/* ==========================================================================
   Page header
========================================================================== */
.page__header.hero {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52.196vw;
  max-height: 713px;
}
.page__header.hero .imgBox::before {
  background-color: rgba(0,0,0,0.50);
  z-index: 1;
  pointer-events: none;
}

.page__header.hero .txtBox {
  pointer-events: none;
}
.page__header.hero .txt_svg {
  position: static;
}
.page__header.hero .intro-txt {
  color: var(--white);
  text-align: left;
}
.page__header.hero .intro-txt p {
  margin: 0;
}


@media (orientation: portrait) and (max-width: 575px){
  .page__header.hero {
    height: 100vw;
  }
  .page__header.hero .txt_svg {
    max-width: 52vw;
  }
}

@media (min-width: 768px){
  .page__header.hero {
    padding: 0;
  }
  .page__header.hero .txtBox {
    display: flex;
    justify-content: center;
    gap: 4rem;
  }
  .page__header.hero .txt_svg {
    width: 12rem;
  }
}
@media (min-width: 992px){
  .page__header.hero .txtBox {
    gap: 6rem;
  }
  .page__header.hero .txt_svg {
    width: auto;
  }
}



@media (max-width: 767px){
  .intro-txt {
    padding-right: 20px;
    padding-left: 20px;
  }
  .intro-txt p {
    font-size: 1.077em;
    letter-spacing: .06em;
    margin: 0;
  }
}


.full-landing-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.page__header.hero .imgBox .full-landing-image {
  width: 100%;
  height: 100%;
  background-image: url(../_cover/wedding__ourwedding_h.jpg);
}
@media (orientation: portrait) and (max-width: 575px) {
  .page__header.hero .imgBox .full-landing-image {
    background-image: url(../_cover/wedding__ourwedding_v.jpg);
  }
}



/* ==========================================================================
   #row1
========================================================================== */
.about-list li {
  height: 44.6em;
  padding: 60px 20px;
  margin-bottom: 10px;
  color: var(--white);
  letter-spacing: .05em;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}
.about-list li .imgBox {
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.about-list li .imgBox::before {
  content: '';
  display: block;
  background-color: rgba(0,0,0,0.40);
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.about-list li .imgBox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-list li .container {
  pointer-events: none;
}
.about-list li .v-ttl .ttl {
  line-height: 1.6;
  margin-bottom: 1.25em;
}

@media (min-width: 576px){
  .about-list li {
    height: 65vw;
  }
  .about-list li .txtBox {
    width: calc(340px + 4em);
    padding-left: 4em;
    position: relative;
  }
  .about-list li .txtBox p {
    margin: 0;
  }
}
@media (min-width: 768px){
  .about-list li {
    height: 46vw;
  }
  .about-list li .txtBox {
    width: calc(394px + 4em);
  }
}
@media (min-width: 920px){
  .about-list li {
    padding: 120px 90px;
  }
  .about-list li .txtBox {
    width: calc(394px + 5em);
    padding-left: 5em;
  }
}


@media (min-width: 576px){
  .about-list li .txtBox.justify-content-end {
    margin-right: 0;
    margin-left: auto;
  }
}


.about-list li:nth-of-type(1) .full-landing-image {
  background-image: url(img/1__img_01.jpg);
  background-position: 37.5% 100%;
}
.about-list li:nth-of-type(2) .full-landing-image {
  background-image: url(img/1__img_02.jpg);
  background-position: 50% 100%;
}
.about-list li:nth-of-type(3) .full-landing-image {
  background-image: url(img/1__img_03.jpg);
  background-position: 50% 0%;
}
.about-list li:nth-of-type(4) .full-landing-image {
  background-image: url(img/1__img_04.jpg);
  background-position: 50% 50%;
}
.about-list li:nth-of-type(5) .full-landing-image {
  background-image: url(img/1__img_05.jpg);
  background-position: 50% 100%;
}


/* ==========================================================================
   #row2
========================================================================== */
#row2 li {
  letter-spacing: .05em;
  position: relative;
}
#row2 li figure.cover_v {
  padding-top: 130%;
}
#row2 li figure.cover_v img {
  object-position: center center;
}

#row2 li .txtBox .read-txt {
  padding: 1.5em 0;
  min-height: 14em;
  position: relative;
}
#row2 li .txtBox .read-txt .v-ttl + p {
  margin-top: 2em;
}
@media (min-width: 920px){
  #row2 li figure.cover_v {
    padding-top: 160%;
    min-height: 100%;
    height: auto;
  }
  #row2 li .slick-dots {
    visibility: hidden;
  }
  #row2 li .txtBox .readBox {
    height: calc(100% - 276px);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

/* ==========================================================================
   .block-banner-list
========================================================================== */
.block-banner-list li::before {
  display: none;
}
.block-banner-list li a::before {
  content: '';
  display: block;
  background-color: rgba(0,0,0,0.40);
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  transition: .6s cubic-bezier(.39, .575, .565, 1);
}
.block-banner-list li a:hover::before {
  background-color: rgba(0,0,0,0.50);
}
.block-banner-list li .txtBox {
  pointer-events: none;
  position: relative;
  z-index: 1;
}
.block-banner-list li a .ttl {
  display: inline-block;
}
@media (max-width: 991px){
  .block-banner-list li a {
    height: 43.7em !important;
  }
  .block-banner-list li .svg_txt {
    max-width: 75%;
    margin: 5em auto 2em;
  }
}
@media (min-width: 992px){
  .block-banner-list li a {
    height: 56.15em !important;
  }
  .block-banner-list li .svg_txt {
    margin: 12em 0 4em;
  }
  .block-banner-list li .ttl {
    margin-bottom: 4em;
  }
}


.block-banner-list li:nth-of-type(1) .full-landing-image {
  background-image: url(../_cover/wedding__concept.jpg);
  background-position: 50% 15%;
}

/* ==========================================================================
   20230202
========================================================================== */
@media (min-width: 992px){

	.col-lg-5--landscape{
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-lg-7--landscape{
		flex: 0 0 50%;
		max-width: 50%;
	}

}

@media (min-width: 920px){

	#row2 li .col-lg-5--landscape figure.cover_v {
		padding-top: 90%;
	}

	#row2 li  .txtBox.col-lg-7--landscape .readBox{
		height: calc(100% - 15px);
	}

}