@charset "UTF-8";
#mainImage {
  position: relative;
  height: 56vw;
  z-index: 1;
}
#mainImage::before, #mainImage::after{
  width: 100%;
  height: 36.5vw;
  position: absolute;
  content: "";
  z-index: 1;
  left: 0;  
}
#mainImage::before {
  background: linear-gradient(90deg, #62deb5 0%, #63cde0 100%);
  top: 38vw;
  clip-path: polygon(0 52%, 100% 52%, 100% 100%);
}
#mainImage::after {
  background: #d3fc32;
  top: 38vw;
  clip-path: polygon(0 48%, 100% 0, 100% 52%, 0 100%);
}

#mainImage .mv {
  background-image: url(../img/guide/mv.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
#mainImage .mv-upper{
  position: absolute;
  width: 43vw;
  height: auto;
  left: 1.5vw;
  bottom: -4.8vw;
  z-index: 2;
}
.lnav-fairway #mainImage .mv {
  background-image: url(../img/facilities/mv_fairway.jpg);
}
.lnav-bunker #mainImage .mv {
  background-image: url(../img/facilities/mv_bunker.jpg);
}
.lnav-amenities #mainImage .mv {
  background-image: url(../img/facilities/mv_amenities.jpg);
}

.mvs img {
  position: absolute;
  bottom: -27.7vw;
  left: 0;
  z-index: 2;
  height: auto;
}
.hero-contents {
  top: 0;
  left: 0;
  color: #fff;
  text-align: left;
  margin: 0 auto;
  width: 60vw;
  max-width: 864px;
  padding: 17.3vw 0 0;
  font-weight: 700;
}

.hero-contents .hero-copy {
  margin-bottom: 0rem;
  position: relative;
  z-index: 1;
  text-align: center;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.35));
}

.hero-contents .en {
  font-style: italic;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15));
  text-align: center;
}
.hero-contents h1 {
  font-size: clamp(4rem,7.6vw,11.0rem);
  line-height: 0.9;
  letter-spacing: 1px;
}
.hero-contents h3 {
  font-size: clamp(2rem, 2.4vw, 3.2rem);
  letter-spacing: 0px;
  line-height: 1.2;
}
.hero-contents h5 {
  font-size: clamp(0.7rem, 1.4vw, 2rem);
  font-weight: 900;
  margin: 0.5vw 0 1vw;
}

@media only screen and (max-width: 640px) {
  #mainImage { height: 90vw; }
  #mainImage::before, #mainImage::after{
    top: 95vw;
  }
  #mainImage::before {
    height: 70vw;
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
  }
  #mainImage::after {
    height: 84vw;
    clip-path: polygon(0 21%, 100% 0, 100% 79%, 0 100%);
    top: 69vw;
  }
  #mainImage .mv {
    height: 90vw;
    background-position: top;
  }
  .lnav-fairway #mainImage .mv {
    background-image: url(../img/facilities/mv_fairway_sp.jpg);
  }
  .lnav-bunker #mainImage{ height: 103vw; }
  .lnav-bunker #mainImage .mv { 
    height: 103vw; 
    background-image: url(../img/facilities/mv_bunker_sp.jpg);
  }

  .hero-contents{
    margin: 0 8vw;
    padding: 34vw 0 0;
    width: 84vw;
  }
  .hero-copy{
    margin-left: 1.2vw;
  }
  .hero-contents h1 {
    font-size: 14vw;
  }  
  .hero-contents h1:first-child {
    margin-left: -4vw;
    letter-spacing: -0.3vw;
  }
  .hero-contents h3 {
    letter-spacing: -0.1vw;
    font-size: 4vw;
  }
  .hero-copy::after{
    width: 100%;
    top: 4vw;
    left: -4vw;
  }
  .hero-contents h5 {
    margin: 0 0 2vw;
    font-size: 2.8vw;
  }
  .hero-contents p {
    line-height: 1.7;
    font-size: 2.95vw;
  }

  .lnav-bunker .hero-contents {
    padding: 30vw 0 0;
  }  
}

@media only screen and (min-width: 641px) {
  nav.local {
    z-index: 3;
    background: #000;
    margin: -13vw auto 13vw;
    padding: 0;
    width: 50%;
    transform: skew(-30deg);
    max-width: 720px;
  }
  nav.local .local-inner {
    transform: skew(30deg);
    padding: 0 4vw 0 2vw;
    padding-left: clamp(2rem, 4vw, 5.7rem);
    padding-right: clamp(1rem, 2vw, 2.9rem);
}
  nav.local .l-nav{ justify-content: space-between; }
  .l-nav a{ color: #fff; }
  ul.l-nav li:first-child {
    background: #4fb401;
    color: #fff;
    padding: clamp(0.9rem, 1.8vw, 2.6rem) 4.0vw;
    padding-right: clamp(2rem, 4vw, 5.8rem);
    padding-left: clamp(1rem, 3.8vw, 5.4rem);
    /* margin-right: clamp(1rem, 2.6vw, 3.7rem); */
    margin-left: clamp(-5.7rem, -4vw, -2rem);
    transform: skew(-30deg);
  }
  ul.l-nav li:first-child span {
    transform: skew(30deg);
    display: block;
  }
  ul.l-nav li {
    /* padding: 0 1.8vw 0 1.8vw; */
    font-weight: 700;
    font-size: clamp(0.7rem, 1.1vw, 1.55rem);
    min-width: clamp(4rem,8vw,11.5rem);
  }
  nav.local .l-nav a{ 
    position: relative;
    overflow: visible;
    filter: drop-shadow(1px 2px 3px rgba(0,0,0,0.3));
  }

  nav.local .l-nav a::before{
    content: "";
      border: #d3fc32 solid 40px;
      clip-path: polygon(70% 0%, 75% 0, 35% 100%, 30% 100%);
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 150%;
      width: clamp(2rem,5vw,7.2rem);
      z-index: 1;
      opacity: 0;
      transition: all .5s;
      box-sizing: content-box;
    }
    ul.l-nav li:nth-child( n + 5 ) a::before{
      height: 115%;
      border-width: 30px 40px 30px;
      left: 25%;
    }
    nav.local .l-nav a:hover::before{
      opacity: 1;
      transition: all .5s;
    }

  .lnav-footer nav.local{
    margin: 0 auto 7vw;
  }
  .lnav-fairway .lnav-footer nav.local,
  .lnav-bunker .lnav-footer nav.local{
    margin-bottom: 5vw;
  }
}
/*z-index*/
#mainImage{ z-index: auto;}
@media only screen and (min-width: 641px) {
  .lnav-fairway #mainImage{ z-index: 1;}
}
section:nth-child(4){ z-index: 0; }
.lnav-fairway section:nth-child(4){ z-index: auto; }
.hero-contents{ z-index: 2; position: relative;}
section.range-ball .section-content { z-index: 0;}

section::before,
section::after {
  position: absolute;
  width: 100%;
  content: "";
  top: 0;
}
section::before {
  z-index: 0;
  left: 0;
}
section::after {
  z-index: -1;
  bottom: 0;
  right: 0;
}

/* section .section-content{
  z-index: 1;
} */
section .section-content.flex,
section .section-content > .flex{
  align-items: flex-start;
  flex-wrap: wrap;
}
.section-content .flex > .flex-box {
  width: 50%;
  z-index: 2;
  position: relative;
}
.section-content .flex .flex-box .hero-copy {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  text-align: left;
  margin: 4vw 0 0 -3.5vw;
  margin-top: clamp(2rem, 4vw, 5.7rem);
  padding: 0;
  font-weight: 700;
  justify-content: flex-start;
}
.section-content .flex .flex-box .hero-copy h1 {
  transform: rotate(-10deg);
  transform-origin: left;
  font-style: italic;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15));
  font-size: clamp(5.5rem, 7.7vw, 11rem);
  line-height: 0.85;
  letter-spacing: 0;
}
.section-content .flex .flex-box .hero-copy h1:last-child {
  left: 2.8vw;
  position: relative;
}

.section-content .flex .flex-box .hero-copy::after {
  content: '';
  width: 104%;
  height: clamp(8rem,16vw,23rem) /*16vw*/;
  position: absolute;
  top: 0;
  bottom: -3.6rem;
  left: 0;
  z-index: -1;
}
.section-content .flex .flex-box.text-content {
  margin: -3vw 0 0 0vw;
  width: 50%;
  text-align: left;
  z-index: 2;
}
.flex-box.text-content h5,
.flex-box .text-content h5 {
  font-size: clamp(1.0rem, 2.0vw, 2.9rem);
  font-weight: 900;
  margin: 1.2vw -2vw 1.5vw 0;
  margin-top: clamp(0.6rem,1.2vw,1.7rem);
}

.flex-box p {
  font-size: clamp(0.7rem, 1.05vw, 1.5rem);
  line-height: 2;
  font-weight: 700;
  padding-bottom: 2.5vw;
  margin-bottom: 0;
}
#wrapper .note a {
  color: #0072ff;
  text-decoration: underline;
  text-underline-offset: 0.5em;
}
@media only screen and (max-width: 640px) {
  .section-content .flex > .flex-box {
    width: 100%;
  }
  .section-content .flex .flex-box .hero-copy {
    margin: 2vw 0 0 2vw;
  }
  .section-content .flex .flex-box .hero-copy h1{
    font-size: 14.7vw;
  }
  .section-content .flex .flex-box .hero-copy h1:last-child{
    left: 5vw;
  }
  .section-content .flex .flex-box .hero-copy::after {
    width: 100%;
    height: 31vw;
    bottom: 0;
    top: -1vw;
  }
  .section-content .flex .flex-box.text-content {
    width: 90%;
    margin: -20vw auto 0;
    position: relative;
  }
  .flex-box h5 {
    line-height: 1.6;
    margin-bottom: 3vw;
    /* text-align: center; */
  }
  .flex-box.text-content h5,
.flex-box .text-content h5 {
  font-size: 6.2vw;
  text-align: left;
}
  .flex-box p {
    line-height: 1.8;
    padding-bottom: 6vw;
    font-size: 3.2vw;
  }
}

/* .section-yards{ z-index: 2; } */
.section-yards {
  background: linear-gradient(0deg, transparent 30%, #c9e9ff 80%);
  margin-top: -40rem;
  padding-top: 40rem;
}
.section-yards .section-content {
  padding-top: 0;
  margin-top: -7vw;
  margin-bottom: 3vw;
  width: 75%;
  z-index: 1;
}
.section-yards .section-content .flex > img.flex-box {
  margin-left: calc(50% - 50vw);
  width: 49vw;
}
.section-yards .section-content .flex .flex-box .hero-copy::after {
  background: url(../img/top/blush-gn.png) top left / contain no-repeat;
}
.section-yards .section-content .flex .flex-box.img {
  content: url(../img/top/yards-2.png);
  height: auto;
  margin-top: clamp(-16rem,-11vw,-5rem);
  position: relative;
}
.section-yards .circle{
  margin: -2vw -1vw 0 0;
  width: 50%;
}
.section-yards .circle img{
  width: 31%;
  margin: 0 0.3vw;
  z-index: 2;
  position: relative;
}
.mv-upper {
  position: absolute;
  z-index: 1;
  top: -26vw;
  margin: 0 calc(50% - 40vw);
}
.section-yards .mv-upper img{
  width: 43vw;
  height: auto;
  top: 2.5vw;
  left: -11vw;
  position: absolute;
}

@media only screen and (max-width: 640px) {
  .section-yards {
    margin-top: 0;
    padding-top: 0;
  }
  .section-yards .section-content {
    padding-top: 6vw;
    margin-top: 0;
    width: 100%;
  }
  .section-yards .section-content .flex > img.flex-box {
    margin-left: 0;
    width: 89vw;
  }
  .section-yards .section-content .flex .flex-box.img {
    width: 58%;
    margin-top: -20vw;
    height: auto;
    left: 48%;
    z-index: 1;
  }
  .section-yards .flex-box h5 {
    text-align: left;
    font-size: 6.4vw;
  }
  .section-yards .mv-upper img{
    width: 100vw;
    top: -16.5vw;
    left: 0;
    margin-left: calc(50% - 50vw);
  }
  .section-yards .circle{
    margin: 0 auto;
    width: 77%;
  }
  img.row {
    width: 100%;
  }
  .mv-upper {
    position: relative;
    margin: 0;
  }
  
}


section.splide::before{
  background: #d3fc32;
  height: 74.5vw;
  clip-path: polygon(0 24%, 100% 0, 100% 76%, 0 100%);
  top: -3vw;
}
section.splide::after{
  background: #62deb5;
  height: 71vw;
  clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
  top: 12vw;
}

.splide{
  margin-top: 9vw;
  padding-bottom: 4vw;
}
.splide__slide img {
  height: auto;
  width: 100%;
}
.splide__arrows .button {
  background-color: transparent;
  width: 5vw;
  height: 5vw;
  transition: .2s;
  border-top: 1vw solid #fff;
  border-right: 1vw solid #fff;
  border-radius: 0;
  opacity: 1;
  top: calc((100% - 4vw) / 2);
}
.splide__pagination__page{
  height: 0.7vw;
  width: 0.7vw;
  margin: 0 0.42vw;
  background: #70bd20;
}
.splide__pagination__page.is-active {
  border: 4px solid #fff;
  transform: scale(1);
  box-sizing: content-box;
  top: 2px;
  left: 2px;
  background: #70bd20;
}
/* .splide__arrows .button::before {
  background-color: #ff4500;
  content: "";
  height: 50px;
  width: 30px;
}
.splide__arrows .prev::before {
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.splide__arrows .next::before {
  clip-path: polygon(0 0, 0 100%, 100% 50%);
} */
.splide__arrows .button.splide__arrow--next {
  right: 9.5vw;
  transform: rotate(45deg);
  filter: drop-shadow(1px 2px 10px rgba(0, 0, 0, 0.35));
}
.splide__arrows .button.splide__arrow--prev {
  left: 9.5vw;
  transform: rotate(-135deg);
  filter: drop-shadow(-1px 2px 10px rgba(0, 0, 0, 0.35));
}
@media only screen and (max-width: 640px) {
  .splide{
    margin-top: 18vw;
  }
  section.splide::before{
    height: 95vw;
    clip-path: polygon(0 19%, 100% 0, 100% 81%, 0 100%);
    top: -7vw;
  }
  section.splide::after{
    height: 71vw;
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
    top: 28vw;
  }
  
  .splide__arrows .button {
    width: 8vw;
    height: 8vw;
    border-top: 2vw solid #fff;
    border-right: 2vw solid #fff;
    top: calc((100% - 4vw) / 2);
  }
  .splide__arrows .button.splide__arrow--prev {
    left: 4.0vw;
  }
  .splide__arrows .button.splide__arrow--next {
    right: 4.0vw;
  }
  .splide__pagination{
    bottom: -2vw;
  }
  .splide__pagination__page{
    height: 2vw;
    width: 2vw;
    margin: 0 2vw;
  }
  
}

.swing, .lefties{ background: transparent; }
.section-yards.swing .section-content{ margin-top: 7vw; margin-bottom: 2.5vw;}
.section-yards.swing .section-content .flex .flex-box.img{
  content: url(../img/facilities/swing_bg.jpg);
  height: auto;
  margin-top: 0;
  position: relative;
  margin-right: -5vw;
  width: 55%;
}
.swing .section-content .flex .flex-box .hero-copy h1,
.lefties .section-content .flex .flex-box .hero-copy h1{
  font-size: clamp(3.5rem, 6.3vw, 9.0rem);
}
.swing .section-content .flex .flex-box .hero-copy h1:last-child,
.lefties .section-content .flex .flex-box .hero-copy h1:last-child{
  left: 1vw;
  position: relative;
}
.swing .section-content .flex .flex-box .hero-copy {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  text-align: left;
  margin: 2.4vw 0 0 -2vw;
  padding: 0;
  font-weight: 700;
  justify-content: flex-start;
}
.swing .section-content .flex .flex-box .hero-copy::after {
  background: url(../img/facilities/blush-gn-swing.png) top left / contain no-repeat;
  width: 100%;
  height: 13vw;
  top: 2vw;
  left: -1vw;
}
.swing .section-content .flex .flex-box.text-content {
  margin-top: clamp(-21.6rem, -15vw, -10rem);
  width: 41%;
  text-align: left;
  z-index: 2;
}
.swing .circle {
  margin: -4.5vw 1vw 0 -3vw;
  width: 50%;
}
.swing .circle img {
  width: 28%;
}
.swing .circle::after {
  content: "";
  width: 150%;
}

.lefties .section-content{ 
  margin-top: 13vw;
  margin-bottom: 0/*2.5vw*/;
  padding-top: 0;
}
section.lefties::before{
  background: linear-gradient(-90deg, #62deb5 0%, #63cde0 40%);
  height: 67vw;
  clip-path: polygon(0 27%, 100% 0, 100% 73%, 0 100%);
  top: -13.5vw;
  z-index: 1;
}
.lefties .section-content .flex .flex-box .hero-copy {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  text-align: left;
  margin: 1.4vw -4.5vw 0 4.5vw;
  padding: 0;
  font-weight: 700;
  justify-content: flex-start;
}
.lefties .section-content .flex .flex-box .hero-copy::after {
  background: url(../img/facilities/blush-wh-lefties.png) top left / contain no-repeat;
  top: -2.5vw;
  left: -2vw;
}

.lefties .section-content .flex .flex-box.img {
  content:"";
  background: url(../img/facilities/lefties_bg.jpg) center no-repeat;
  /* margin: 2vw 0 0 -5vw; */
  position: relative;
  /* width: 55%; */
  aspect-ratio: 302 / 201;
  order: 1;
  width: clamp(20rem,43vw,62rem);
  margin: 2vw 0 0 -6vw;
}
.lefties .section-content .flex-box.img img {
  position: absolute;
  width: auto;
  height: auto;
}
.lefties .section-content .flex-box.img img:first-child {
  top: -10.5vw;
  right: -9.5vw;
  width: 26vw;
}
.lefties .section-content .flex-box.img img:last-child {
  bottom: -17.5vw;
  left: -7.1vw;
  width: 22vw;
}
.lefties .section-content .flex:before {
  content: "";
  width: 50%;
  height: 100%;
  order: 3;
}
.lefties .section-content .flex > .flex-box {
  order: 2;
}
.lefties .section-content .flex .flex-box.text-content {
  margin-top: clamp(-25rem, -17.5vw, -10rem);
  width: 42%;
  text-align: left;
  z-index: 2;
  order: 4;
}
@media only screen and (max-width: 640px) {
  .section-yards.swing .section-content{
    width: 90%;
    margin-top: 3vw;
  }
  .swing .section-content .flex .flex-box .hero-copy h1,
  .lefties .section-content .flex .flex-box .hero-copy h1{
    font-size: 12vw;
  }
  .swing .section-content .flex .flex-box .hero-copy::after {
    height: 19vw;
    top: 4vw;
    left: -2vw;
  }
  
  .swing .section-content .flex .flex-box .hero-copy {
    margin: 8vw 0 -4vw -2vw;
  }
  .section-yards.swing .section-content .flex .flex-box.img{
    width: 100%;
    left: 0;
    margin-right: 0;
  }
  .swing .section-content .flex .flex-box.text-content {
    margin: 2vw 0;
    width: 100%;
    order: 2;
  }
  .swing .circle {
    margin: -9.5vw 2vw 0 auto;
    width: 90%;
    order: 1;
    text-align: right;
  }
  .swing .flex-box h5 + p{
    padding-top: 5vw;
    padding-bottom: 3vw;
  }
  .swing img.row{
    width: 170%;
    transform: translateX(-50%);
    left: 50%;
  }

  section.lefties::before{
    height: 186vw;
    clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
    top: -1vw;
  }
  .lefties .section-content{ 
    margin-top: 17vw;
    padding: 0 8%;
  }
  
  .lefties .section-content .flex .flex-box .hero-copy::after {
    top: -7.5vw;
    left: -3vw;
  }
  .lefties .section-content .flex .flex-box.img {
    width: 100vw;
    margin: 0 0 21vw;
  }
  .lefties .section-content .flex-box.img img:first-child {
    top: 65%;
    right: -9.5vw;
    width: 37vw;
  }
  .lefties .section-content .flex-box.img img:last-child {
    bottom: -18.5vw;
    left: -13vw;
    width: 42vw;
  }
  .lefties .section-content .flex .flex-box.text-content {
    margin: 2.5vw 0 0;
    width: 100%;
  }
  .lefties .flex-box.text-content h5{
    margin: 1.2vw -2vw 1.8vw 0;
    font-size: 6.3vw;
    text-align: left;
  }
  }

section.range-ball{ background: #d3fc32; }
/* section.range-ball::before{
  background: #d3fc32;
  height: 2vw;
  top: -2vw;
} */
section.range-ball::after{
  background: #d3fc32;
  height: 25vw;
  top: 100%;
}

section.range-ball .section-content {
  padding-top: 13vw;
  margin-top: -9vw;
  z-index: 1;
}
.block.blk {
  border: 1vw solid #000;
  color: #000;
  margin: 8vw auto; /*10vw 0 6vw*/
  width: 90%;
}
.lnav-fairway .block.blk {
  border-top: none;
}
.range-ball .block.blk {
  margin-top: 13vw;
}
/*.range-ball*/ .block-inner {
  padding: 0 6vw 5vw;
  position: relative;
  text-align: left;
}
.block-img {
  position: relative;
  margin-top: -10.2vw;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  width: calc(100% + 1.7vw);
  align-items: flex-end;
  /* margin-bottom: -3vw; */
  /* margin-top: -7.2vw/*17.2;*/
  margin-bottom: -3vw;
}
.block-img img {
  width: 19vw/*26vw*/;
  /* margin-left: -2vw;
  margin-right: -5vw; */
}
.block-img:before,
.block-img:after {
  content: '';
  height: 1vw;
  background-color: #000;
  flex-grow: 1;
  margin-bottom: 9.4vw;
}
.block-img:before {
  margin-right: 1vw;
}
.block-img:after {
  margin-left: 1vw;
}
.section-content h3 {
  font-weight: 900;
  text-align: center;
  width: 100%;
  padding: 1.6vw 0;
}
.section-content .block h3 {
  font-size: clamp(2.4rem, 3.1vw, 4.4rem);
  letter-spacing: 0;
}

.range-ball .block-inner p {
  font-size: clamp(0.6rem,1.1vw,1.6rem);
  margin-bottom: 2.5rem;
  line-height: 2;
}
.range-ball .block-inner p.exp {
  margin: 1vw 2.5vw 0;
}

.range-ball ol {
  counter-reset: number;
  margin: 0.6vw 0;
}
.range-ball li {
  font-size: clamp(0.8rem, 1.9vw, 2.6rem);
  font-weight: 900;
  text-align: left;
  position: relative;
  line-height: 1.3em;
  padding: 0.4em 0.5em 0.4em 5.8vw;
  height: 6vw;
  align-content: center;
}
.range-ball ol li:before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display: inline-block;
  background: #000;
  color: white;
  font-weight: bold;
  font-size: clamp(1rem, 2.1vw, 3rem);
  border-radius: 50%;
  left: 0;
  width: clamp(2rem, 4.2vw, 6rem);
  height: clamp(2rem, 4.2vw, 6rem);
  line-height: clamp(2rem, 4.2vw, 6rem);
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.range-ball ol li small {
  font-size: clamp(0.7rem, 1.1vw, 1.6rem);
}
.block-inner.blue{
  background: linear-gradient(0deg, #3499d6 0%, #34c1d6 100%);;
  color: #fff;
  padding: 1.5vw 6.2vw 5vw;
}
.block-inner.blue h3{
  padding-top: 2.4vw;
  padding-bottom: 1vw;
  font-size: clamp(1.4rem,2.8vw,4.0rem);
  margin: 0 auto;
  width: fit-content;
}
.block-inner.blue h3::before,
.block-inner.blue h3::after{
  background: url(../img/facilities/sparkling.png) center / contain no-repeat;
  content: "";
  position: absolute;
  top: -0.5vw;
  padding: 0 1vw;
  width: 8vw;
  height: 7vw;
}
.block-inner.blue p{
  font-weight: 900;
}
.block-inner.blue h3::before {
  transform: scaleX(-1);
  transform-origin: left;
}
@media only screen and (max-width: 640px) {
  section.range-ball .section-content {
    padding: 25vw 3% 30vw;
    margin-top: 0;
  }
  
  .block.blk {
    border-width: 2.2vw;
    margin: 0;
    width: 100%;
  }
  .range-ball .block.blk {
    margin-top: 0;
  }
  .block-img {
    margin-top: -17.4vw;
  }
  .block-img img {
    width: 36vw;
  }
  .block-img:before,
  .block-img:after {
    height: 2.2vw;
    margin-bottom: 19.6vw;
  }
  .block-img:before {
    margin-right: 3vw;
  }
  .block-img:after {
    margin-left: 3vw;
  }
  .range-ball .block-inner p {
    font-size: 3.4vw;
    margin: 0 2.5vw;
    line-height: 1.7;
}
  .range-ball .block-inner p.exp {
    margin: 4vw 2.5vw 0;
    font-size: 3.4vw;
}
.range-ball li {
  font-size: 4.2vw;
    height: auto;
    padding-left: 17vw;
}
.range-ball ol li:before{
  width: 11vw;
    height: 11vw;
    line-height: 11vw;
    font-size: 5vw;
    top: 0.4em;
    transform: translateY(0);
    left: 0.4em;
}
.range-ball ol li small {
  font-size: 3vw;
  line-height: 1.7;
  display: block;
  font-weight: 700;
}
.block-inner{
  padding-bottom: 13vw;
}
.block-inner.blue{
  padding: 5vw 3.2vw 12vw;
}
.block-inner.blue h3{
  font-size: 6.6vw;
  line-height: 1.5;
  padding-bottom: 4vw;
}
.block-inner.blue h3::before,
.block-inner.blue h3::after{
  top: -2.0vw;
  width: 17vw;
  height: 16vw;
  right: 7vw;
}
.block-inner.blue h3::before{ left: 21vw; }

}


 section.section-bunker {
  /* z-index: 1; */
}
.section-bunker::before{
  background: linear-gradient(90deg, #62deb5 0%, #63cde0 100%);
  height: 25vw;
  clip-path: polygon(50% 35%, 100% 0, 100% 76%, 50% 40%);
  top: -16vw;
  z-index: 1;
}
.section-bunker::after{
  background: #000;
  height: 65vw;
  clip-path: polygon(0 27%, 100% 0, 100% 73%, 0 100%);
  top: -16vw;
}


.section-bunker .section-content {
  margin-top: -8vw;
  padding-top: 0;
  padding-bottom: 4vw;
}
@media only screen and (min-width: 641px) {
  .section-bunker .section-content {
    height: 44vw;
  }
}
.section-bunker .section-content .flex > .img.flex-box {
  position: relative;
  height: 40vw;
  content: none;
  margin-top: 0;
  order: 2;
  z-index: 0;
}
.section-bunker .section-content .flex .img.flex-box .clip {
  position: absolute;
  top: clamp(-34rem,-24vw,-10rem);
  /* clip-path: polygon(0% 23.5%, 100% 42%, 100% 77%, 0% 95%); */
  width: clamp(30rem,72vw,103rem);
  margin-left: -10vw /*calc(95% - 50vw)*/;
  z-index: 0;

}
.section-bunker .section-content .flex .img.flex-box .clip::before{
  content: "";
  background: url(../img/top/bunker_bg.png) center / contain no-repeat;
}
.section-bunker .section-content .flex .img.flex-box > img {
  position: absolute;
  width: 44vw;
  max-width: 730px;
  height: auto;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}
.section-bunker .flex-box.content {
  color: #fff;
  width: 43%;
  z-index: 1;
  order: 1;
  margin-left: 4.7%s;
}
.section-bunker .section-content .flex .flex-box .hero-copy {
  margin: 4vw -3vw 0;
}
.section-bunker .section-content .flex .flex-box .hero-copy h1 {
  line-height: 1;
  letter-spacing: 0.05vw;
}
.section-bunker .section-content .flex .flex-box .hero-copy h1:last-child {
  letter-spacing: 0.2vw;
}
.section-bunker .section-content .flex .flex-box .hero-copy::after{
  content: '';
    background: url(../img/top/blush-org.png) top left / contain no-repeat;
    top: clamp(0.6rem, 1.2vw, 1.7rem);
    left: 1vw;
    height: clamp(7rem, 15.7vw, 22rem);
}
.section-bunker .flex-column.text-content {
  position: relative;
  text-align: left;
}
.section-bunker .flex-box .text-content h5 {
  margin: 0.5vw 0;
  line-height: 1.3;
}

@media only screen and (max-width: 640px) {
  .section-bunker{ background: #000; }
  .section-bunker::before{
    height: 36vw;
    clip-path: polygon(0 55%, 100% 0, 100% 100%);
    top: -20vw;
  }
  .section-bunker::after{
    content: none;
  }  

  .section-bunker .section-content {
    padding-top: 10vw;
    padding-bottom: 21vw;
    margin-top: -6vw;
  }
  .section-bunker .section-content .flex > .img.flex-box{
    height: 15vw;
    margin-top: -160vw;
  }
  .section-bunker .section-content .flex .img.flex-box .clip{
    margin-left: 0;
    width: 139vw;
    left: -4vw;
    top: 0;
    clip-path: polygon(0 20%, 100% 20%, 100% 100%, 0% 100%);
  }
  .section-bunker .section-content .flex .img.flex-box > img {
    position: relative;
    width: 85vw;
    margin: 0 auto;
  }
  .section-bunker .flex-box.content{
    width: 90%;
    margin: 0 auto;
  }
  .section-bunker .section-content .flex .flex-box .hero-copy{
    margin: 8.5vw 0 20vw -2vw;
  }
  .section-bunker .section-content .flex .flex-box .hero-copy h1{letter-spacing: 0.2vw;}
  .section-bunker .section-content .flex .flex-box .hero-copy h1:last-child{letter-spacing: 0.3vw; margin-left: 1vw; margin-top: -2vw;}
  .section-bunker .section-content .flex .flex-box .hero-copy::after{height: 31vw; top: 0;}
  .section-bunker .flex-box .text-content h5 {
    font-size: 6.5vw;
    text-align: left;
    margin: 3vw 0;    
  }
  .section-bunker .flex-box p {
    padding-bottom: 9vw;
  }
}

.lnav-bunker #mainImage::before, .lnav-bunker #mainImage::after,
.lnav-amenities #mainImage::before, .lnav-amenities #mainImage::after{
  content: none;
}

.section-bunker .mv-upper img:first-child {
  width: 36vw;
  height: auto;
  position: absolute;
  left: -1vw;
}
.section-bunker .mv-upper img:last-child {
  width: 40vw;
  height: auto;
  left: 51vw;
  top: 1.5vw;
  position: absolute;
}

@media only screen and (max-width: 640px) {
  .section-bunker .mv-upper {
    top: -58vw;
  }
  .section-bunker .mv-upper img:first-child {
    width: 82vw;
    left: -18vw;
  }
  .section-bunker .mv-upper img:last-child {
    width: 91vw;
    height: auto;
    left: 36vw;
    top: 15vw;
  }
  
}

.bunker-list{
  margin-top: -8vw;
  position: relative;
  left: 1vw;
  z-index: 1;
}
.bunker-detail{ padding-top : 5vw; }
.bunker-detail .section-content{ margin-bottom: 7.5vw; }
.bunker-detail .section-content.flex > .flex-box.img{ width: 15.5%; }
.bunker-detail .section-content.flex > .flex-box.img.pic{ width: 49%; }
.bunker-detail .section-content.flex .flex-box.text-content{
  width: 33%;
  margin: 0;
  text-align: right;
  align-items: flex-end;
}
.bunker-detail h2{
  font-size: clamp(3.2rem, 6.4vw, 9.2rem);
  font-style: italic;
  /* letter-spacing: 3px; */
  line-height: 1.2;
  margin: 3vw 0 0 1vw;
}
.bunker-detail .text-content h5{
  margin: 1.2vw 0 1.5vw;
  line-height: 1.5;
}
.bunker-detail .text-content p{
  width: 88%;
  font-size: clamp(0.7rem,1vw,1.5rem);
}
.bunker-detail .section-content.rev{ flex-direction: row-reverse; }
.bunker-detail .section-content.rev .flex-box.text-content{
  text-align: left;
  align-items: flex-start;
}
section.bunker-detail.bunker-1::before{
  background: #d3fc32;
  height: 82vw;
  clip-path: polygon(0 22%, 100% 0, 100% 78%, 0 100%);
  top: -27vw;
}
section.bunker-detail.bunker-1::after{
  background: #62deb5;
  height: 61vw;
  clip-path: polygon(0 0, 100% 28%, 100% 100%, 0 72%);
  top: 0;
}
section.bunker-detail.bunker-2 {
  padding-top: 3vw;
}
section.bunker-detail.bunker-2::before{
  background: #d3fc32;
  height: 64vw;
  clip-path: polygon(0 28%, 100% 0, 100% 72%, 0 100%);
  top: -1vw;
}
section.bunker-detail.bunker-2::after{
  background: #62deb5;
  height: 81vw;
  clip-path: polygon(0 0, 100% 21%, 100% 100%, 0 78%);
  top: 0;
}

.bunker-detail .section-content.bunker-a h2,
.bunker-detail .section-content.bunker-c h2{margin-left: 0;}
.bunker-detail .section-content.bunker-a .img:last-child { margin-top: -2.5vw; }
.bunker-detail .section-content.bunker-c .img:last-child {
  width: 18%;
  margin: -1vw -2vw 0 0;
}
.bunker-detail .section-content.bunker-d .img:last-child {
  width: 17%;
  margin: -1vw 0 0 -1.5vw;
}
.bunker-detail .section-content.bunker-d h2{ margin-top: 2.5vw; }

.bunker-ball .flex{   background: #f3f3f3; }
.bunker-ball img{ width: 40%;}
.bunker-ball .text-content{ 
  width: 60%;
  text-align: left;
  padding: 0 5%;
}
.bunker-sand .block.blk{margin-bottom: 7vw;}
.yd10 .block.blk{margin-top:9vw; margin-bottom: 7vw;}


.bunker-sand .block-img::after,
.bunker-sand .block-img::before,
.putts .block-img::after,
.putts .block-img::before {
  content: none;
}
.bunker-sand .block-img,
.yd10 .block-img{ justify-content: center; top: 2vw;}
.bunker-sand .block-inner,
.yd10 .block-inner{padding: 5vw 6.2vw 4vw;}
.bunker-sand h3,
.yd10 h3 {
    line-height: 1.4;
  padding: 3vw 0 2vw;
}
.bunker-sand p,.yd10 p{ font-size: clamp(0.7rem, 1.2vw, 1.65rem); line-height: 2;}


@media only screen and (max-width: 640px) {
.bunker-list{
  margin-top: -17vw;
  z-index: 2;
}
.bunker-detail{ padding : 13vw 2vw 0; }

section.bunker-detail.bunker-1::before{
  height: 282vw;
  clip-path: polygon(0 6%, 100% 0, 100% 94%, 0 100%);
  top: -60vw;
  z-index: 0;
}
section.bunker-detail.bunker-1::after{
  height: 225vw;
  clip-path: polygon(0 0, 100% 28%, 100% 100%, 0 92%);
}
.bunker-detail .section-content{ align-items: flex-start; }

.bunker-detail .section-content.flex > .flex-box.img.pic{ width: 100%; }
/* .bunker-detail .section-content.flex > .flex-box.img{ width: 23%; } */


.bunker-detail .section-content.flex .flex-box.text-content{
  width: 68%;
  text-align: left;
  align-items: flex-start;
  margin: 0 -3vw 0 3vw;
}
.bunker-detail .section-content.rev .flex-box.text-content{
  align-items: flex-end;
  margin: 0 3vw 0 -3vw;
}
.bunker-detail h2 {
  margin: 4vw 0 1vw 1vw;
  font-size: 14vw;
}
.bunker-detail .text-content h5{
  margin-bottom: 4vw;
  text-align: left;
  font-size:5.1vw; 
}
.bunker-detail .text-content p{
  width: 140%;
  font-size: 3.2vw;
  margin: 0 -10vw 0 0;
  padding-bottom: 4vw;
}
.bunker-detail .section-content.bunker-a .img:last-child { width: 23%; margin-top: -10.5vw; margin-right: 3vw;}
.bunker-detail .section-content.bunker-b .img:last-child { width: 24%; margin: -10vw 0 0 3vw;}
.bunker-detail .section-content.bunker-c .img:last-child { width: 29%; margin: -12vw 2vw 0 -1vw; }
.bunker-detail .section-content.bunker-d .img:last-child { width: 28%; margin: -11vw -3vw 0 3vw; }

.bunker-detail .section-content.rev .flex-box.text-content h5 { text-align: right;}
.bunker-detail .rev .text-content p {
  margin: 0 0 0 -27vw;
}
section.bunker-detail.bunker-2::before{
  height: 181vw;
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
  top: 20vw;
}
section.bunker-detail.bunker-2::after{
  background: #62deb5;
  height: 245vw;
  clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 93%);
  top: 11vw;
}
.bunker-detail .section-content.bunker-c{margin-bottom: 0;}
.bunker-detail .section-content.bunker-d .flex-box.text-content{
  margin-top: 3vw;
}

.bunker-ball .flex {
  margin: 0px 5% 27vw;
  padding: 0 0 2vw;
}
.bunker-ball img{ width: 100%;}
.bunker-ball .text-content{ width: 100%; padding:0 8%; }
.bunker-ball .text-content h5{ text-align: left; margin-top: 3vw; font-size: 5.1vw;}

.bunker-sand .block-inner,
.yd10 .block-inner{padding: 5vw 5.7vw 4vw;}

.bunker-sand .block-img img {
  width: 55vw;
}
.bunker-sand .block h3,
.section-content .block h3 {
  font-size: 7.5vw;
}
.bunker-sand p, .yd10 p {
  font-size: 3.2vw;
  line-height: 1.9;
}
}

section.putts::before{
  background: #d3fc32;
  height: 120vw;
  clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
  top: -3vw;
}
section.putts::after{
  background: #62deb5;
  height: 71vw;
  clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
  top: -3vw;
}
section.putts .section-content {
  margin-top: 2vw;
  margin-bottom: 2.5vw;
  padding-top: 0;
}
section.putts .section-content .flex {
  justify-content: center;
}
section.putts .section-content .flex:before {
  content: "";
  width: 50%;
  height: 100%;
  order: 3;
}
section.putts .section-content .flex > .flex-box {
  order: 2;
}
section.putts .section-content .flex .flex-box .hero-copy::after {
  background: url(../img/facilities/blush-wh-putts.png) top left / contain no-repeat;
  top: 0.5vw;
  left: 1vw;
}
section.putts .section-content .flex .flex-box.img {
  content: "";
  background: url(../img/facilities/putts.jpg) center no-repeat;
  margin: 0 0 2vw -5vw;
  position: relative;
  width: clamp(20rem,42vw,60rem);
  aspect-ratio: 302 / 201;
  order: 1;
}
section.putts .section-content .flex .flex-box.text-content {
  margin: 0 -5vw 0 5vw;
  margin-top: clamp(-20.9rem, -14.5vw, -3rem);
  width: clamp(10rem,37vw,53rem);
  text-align: left;
  z-index: 1;
  order: 4;
}
section.putts .section-content .flex .flex-box .hero-copy{
  margin: 1vw -4.5vw 0 3.5vw;
}
section.putts .section-content .flex .flex-box .hero-copy h1{
  line-height: 1;
}
section.putts .section-content .flex .flex-box .hero-copy h1:last-child{
  left: 1.8vw;
}
section.putts .section-content {
  margin-top: 3vw;
}
.yd10 .block-inner{ padding-top: 5vw; }
/* section.putts .section-content.yd10 {
  margin-top: -1vw;
} */
section.putts .section-content.yd10 .flex:before { content: none; }
.yd10 .block-img img{ margin: 0 1vw;}
.putts .flex-box.text-content h5{ line-height: 1.3; }

@media only screen and (max-width: 640px) {

section.putts::before{
  height: 300vw;
  top: -13vw;
}
section.putts::after{
  top: -13vw;
}
section.putts .section-content {
  margin-top: 3vw;
}
section.putts .section-content .flex .flex-box .hero-copy {
  margin: 18vw 0 0 3vw;
}
section.putts .section-content .flex .flex-box .hero-copy h1 {
  line-height: 0.8;
  font-size: 12.7vw;
}
section.putts .section-content .flex .flex-box .hero-copy::after{
  top: -3.5vw;
}
section.putts .section-content .flex .flex-box.img{
  width: 90%;
  margin: -3vw auto 0vw;
  z-index: 0;
}
section.putts .section-content .flex .flex-box.text-content{
  margin: 5.5vw auto 0;
  width: 90%;
}
.putts .flex-box.text-content h5{ margin: 3vw 0 9vw; }

.yd10 .block.blk {
  margin-top: 23vw;
  margin-bottom: 39vw;
}
.yd10 .block-img {
  margin-top: -23.4vw;
}
.yd10 .block-img img {
  margin: 0 1vw;
  width: 41vw;
}
.yd10 .block-inner {
  padding-top: 6vw;
  padding-bottom: 6vw;
}
.yd10 .section-content .block h3 {
  font-size: 7.4vw;
}
}


/* .lnav-amenities #mainImage{ z-index: -1;} */
.amenities::before{
  background: linear-gradient(90deg, #62deb5 0%, #63cde0 100%);
  height: 25vw;
  clip-path: polygon(50% 33%, 100% 0, 100% 76%);
  top: -17vw;
  z-index: 0;
}
.amenities::after{
  background: #d3fc32;
  height: 64vw;
  clip-path: polygon(0 27%, 100% 0, 100% 73%, 0 100%);
  top: -16vw;
}
.amenities .section-content {
  margin-top: -7vw;
  padding: 0;
}
.amenities .section-content .img {
  width: 50%;
  margin-left: -11rem/*calc(50% - 50vw)*/;
  margin-top: clamp(-43rem,-30vw,-10rem);
}
.amenities .section-content .img img {
  width: 116%;
}
.amenities .section-content .flex .flex-box .hero-copy {
  margin: 0 -2vw 0 -8.5vw;
}
.amenities .section-content .flex .flex-box .hero-copy h1:last-child {
  left: 1.0vw;
  top: 1.5vw;
}
.amenities .section-content .flex .flex-box .hero-copy::after {
  background: url(../img/facilities/blush-org-amenities.png) top left / contain no-repeat;
}
.amenities .text-content {
  width: 89%;
  text-align: left;
  margin-top: 1vw;
}

.amenities-list .section-content {
  margin-top: -8vw;
}
.amenities-list .flex.col-3 .flex-box {
  width: 32%;
  text-align: left;
}
.amenities-list .flex-box img { margin-bottom: 2vw; }
.amenities-list .vm img{ width: 107%; margin-bottom: -2vw;}
.amenities-list .flex-box h6{
  font-size: clamp(1rem, 1.4vw, 2rem);
  font-weight: 700;
  margin-bottom: 2vw;
}
.amenities-list .flex-box p{
  padding-bottom: 6vw;
  font-weight: 500;
}

@media only screen and (max-width: 640px) {
  .amenities::before{
    top: 61vw;
    /* height: 24vw; */
  }
  .amenities::after{
    top: 61vw;
    height: 142vw;
    clip-path: polygon(0 12%, 100% 0, 100% 88%, 0 100%);
  }
  .amenities .section-content {
    margin-top: -82vw;
  }
  .amenities .section-content .img {
    margin-top: 0vw;
    width: 62%;
    margin-left: -1vw;
  }
  .amenities .section-content .flex > .flex-box.content {
    width: 85%;
    margin: -8vw auto 0;
}
.amenities .section-content .flex .flex-box .hero-copy{
  margin: 0 -2vw;
}
.amenities .section-content .flex .flex-box .hero-copy h1 {
  font-size: 12.7vw;
}
.amenities .section-content .flex .flex-box .hero-copy::after{
  height: 27vw;
}
.amenities .text-content {
  width: 100%;
  text-align: left;
  margin: 6vw 0 5vw;
}
.amenities-list .section-content{ margin-top: 0;}
.amenities-list .flex.col-3 .flex-box { width: 100%; }
.amenities-list .flex-box h6{
  font-size: 3.8vw;
  letter-spacing: 0.05em;
  margin-top: 3vw;
}
}