/*HOLE 1*/
.hole1{
  /* background: #035e46; */
}

.hole1 .main__l0--title svg .st0 {
  fill: #007656;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole1 .main__l0--seagull {
  background: url(../img/common/l0_seagull_1.png) no-repeat left top / contain;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole1 .main__l3--holeNumber {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole1 .main__l3--holeYard,
.hole1 .main__l2--pagetitle {
  color: #035e46;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole1 .conttitleGroup,
.hole1 .subConttitleGroup {
  color: #fff;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole1 .main__l0--startdate svg .st0 {
  fill: #035e46;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole1 .slashLiner,
.hole1 .horizontalLiner {
  background: #fff;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole1 .main__l3--holeNumber {
  background: #035e46;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole1 .horizontalLiner:before {
  border-color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole1 .main__l3--menuBtn:before,
.hole1 .main__l3--menuBtn:after {
  border-color: #007656;
}

.hole1 .main__l3--menuBtn a {
  color: #007656;
}
.main__l3--navin li:nth-child(2) a:hover,
.main__l3--navin li:nth-child(1) a:hover,
.hole1 .main__l3--navin li:nth-child(2) a {
  color: #00c992;
}
.hole1 .main__l3--menuBtn a:before,
.hole1 .main__l3--menuBtn a:after {
  background: #007656;
}

/*hole1 only*/
.hole1 .main__l2--teaser {
  opacity: 0;
  pointer-events: none !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole1 .main__l2--teaser a {
  pointer-events: none !important;
}

@media screen and (max-width:768px) {
  .hole1 .main__l3--nav,
  .hole1 .nav__copyright {
    /* background:#007656; */
  }
}

.hole1 .ani-splash {
  background-color: #00c992;
}

.hole1 .ani-splash_bg {
  color: #007656;
}


/*HOLE 2*/
.hole2 .main__l0--title svg .st0 {
  fill: #757623;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole2 .main__l0--seagull {
  background: url(../img/common/l0_seagull_2.png) no-repeat left top / contain;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole2 .main__l3--holeNumber {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole2 .conttitleGroup,
.hole2 .subConttitleGroup {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole2 .main__l3--holeYard {
  color: #757623;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole2 .main__l0--startdate svg .st0 {
  fill: #757623;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole2 .main__l3--holeNumber {
  background: #757623;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole2 .slashLiner,
.hole2 .horizontalLiner {
  background: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole2 .horizontalLiner:before {
  border-color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole2 .main__l2--pagetitle {
  color: #757623;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole2 .ldbg__light {
  background: #cccf5d !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole2 .ldbg__dark {
  background: #acac2d !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole2 .main__l3--menuBtn:before,
.hole2 .main__l3--menuBtn:after {
  border-color: #757623;
}

.hole2 .main__l3--menuBtn a {
  color: #757623;
}

.main__l3--navin li:nth-child(3) a:hover,
.hole2 .main__l3--navin li:nth-child(3) a {
  color: #cccf5d;
}

.hole2 .main__l3--menuBtn a:before,
.hole2 .main__l3--menuBtn a:after {
  background: #757623;
}

.hole2 .navPaging__linkText::before{
  background-color: #757623;
}

@media screen and (max-width:768px) {
  .hole2 .main__l3--nav {
    background: #7e7e20;
  }
  .hole2 .main__l3--navin::after{
    background: #cccf5d !important;
  }
}

.hole2 .ani-splash{
  background-color: #7e7e20;
}

.hole2 .ani-splash_bg{
  background-color: #cccf5d;
}


/*HOLE 3*/
.hole3 {
  background-color: #FE9C07;
}

/*背景テキスト色*/
.hole3 .main__l0--ttlClr {
  fill: #B9770F;
}

.hole3 .ani-splash {
  background-color: #B9770F;
}

.hole3 h1,
.hole3 .onair__txt,
.hole3 .main__l3--holeYard,
.hole3 .main__l3--menuBtn a {
  color: #B9770F;
}

.hole3 .ldbg.ax .ldbg__dark,
.hole3 .ldbg__dark {
  background: #FE9C07;
}

.hole3 .ldbg.ax .ldbg__light,
.hole3 .ldbg__light {
  background: #FEC670;
}

.hole3 .main__l3--menuBtn:before,
.hole3 .main__l3--menuBtn:after {
  border-color: #B9770F;
}

.hole3 .main__l3--menuBtn a:before,
.hole3 .main__l3--menuBtn a:after {
  background-color: #B9770F;
}

.hole3 .main__l3--holeNumber {
  background: #B9770F;
  color: #FFF;
}

.hole3 .main__l0--startdate svg .st0,
.hole3 .main__l0--title svg .st0 {
  fill: #B9770F;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.ani-passing .ani-passing-bar:before{
  background: #B9770F;
}

@media screen and (max-width:768px) {
  .hole3 .main__l3--nav {
    background: #B9770F;
  }

  .hole3 .main__l3--navin::after{
    background: #FEC670 !important;
  }
}

.hole3 .main__l3--navin li:nth-child(4) a,
.main__l3--navin li:nth-child(4) a:hover {
  color: #FEC670;
}

.hole3 .navPaging__linkText::before{
  background-color: #B9770F;
}

.hole3 .ani-splash{
  background-color: #FEC670;
}

.hole3 .ani-splash_bg{
  background-color: #B9770F;
}


/*HOLE 4*/
.hole4 {
      background:#a8a8fd;
}
.hole4 .main__l0--title svg .st0 {
  fill: #3939c9;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole4 .main__l0--seagull {
  background: url(../img/common/l0_seagull_2.png) no-repeat left top / contain;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole4 .main__l3--holeNumber {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole4 .conttitleGroup,
.hole4 .subConttitleGroup {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole4 .main__l3--holeYard {
  color: #3939c9;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole4 .main__l0--startdate svg .st0 {
  fill: #3939c9;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole4 .main__l3--holeNumber {
  background: #3939c9;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole4 .slashLiner,
.hole4 .horizontalLiner {
  background: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole4 .horizontalLiner:before {
  border-color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole4 .main__l2--pagetitle {
  color: #3939c9;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole4 .ldbg__light {
  background: #a8a8fd !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole4 .ldbg__dark {
  background: #7575e6 !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole4 .main__l3--menuBtn:before,
.hole4 .main__l3--menuBtn:after {
  border-color: #3939c9;
}

.hole4 .main__l3--menuBtn a {
  color: #3939c9;
}

.main__l3--navin li:nth-child(5) a:hover,
.hole4 .main__l3--navin li:nth-child(5) a {
  color: #7575e6;
}

.hole4 .main__l3--menuBtn a:before,
.hole4 .main__l3--menuBtn a:after {
  background: #3939c9;
}
@media screen and (max-width:768px) {
  .hole4 .main__l3--nav {
    background: #a8a8fd;
  }
  .hole4 .main__l3--navin::after{
    background: #7575e6 !important;
  }
}
.hole4 .navPaging__linkText::before{
  background-color: #3939c9;
}

.hole4 .ani-splash {
  background-color: #3939c9;
}

.hole4 .ani-splash_bg {
  color: #3939c9;
}


/*HOLE 5*/
.hole5 .main__l0--title svg .st0 {
  fill: #8f2323;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole5 .main__l0--seagull {
  background: url(../img/common/l0_seagull_3.png) no-repeat left top / contain;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole5 .main__l3--holeNumber {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole5 .main__l3--holeYard {
  color: #8f2323;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole5 .conttitleGroup,
.hole5 .subConttitleGroup {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole5 .main__l0--startdate svg .st0 {
  fill: #8f2323;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole5 .main__l3--holeNumber {
  background: #8f2323;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole5 .slashLiner,
.hole5 .horizontalLiner {
  background: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole5 .horizontalLiner:before {
  border-color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole5 .main__l2--pagetitle {
  color: #8f2323;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole5 .ldbg__light {
  background: #edb3b3 !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole5 .ldbg__dark {
  background: #c86f6f !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole5 .main__l3--menuBtn:before,
.hole5 .main__l3--menuBtn:after {
  border-color: #8f2323;
}

.hole5 .main__l3--navin li a.active {
  color: #c86f6f;
}

.hole5 .main__l3--navin li:nth-child(6) a,
.main__l3--navin li:nth-child(6) a:hover {
  color: #edb3b3;
}

.hole5 .main__l3--menuBtn a {
  color: #8f2323;
}

.hole5 .main__l3--menuBtn a:before,
.hole5 .main__l3--menuBtn a:after {
  background: #8f2323;
}

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

  .hole5 .main__l3--nav {
    background: #be4545;
  }

  .hole5 .main__l3--navin::after{
    background: #edb3b3 !important;
  }
}

.hole5 .navPaging__linkText::before{
  background-color: #be4545;
}

.hole5 .ani-splash{
  background-color: #be4545;
}

.hole5 .ani-splash_bg{
  background-color: #edb3b3;
}


/*HOLE 6*/
.hole6 .main__l0--title svg .st0 {
  fill: #505050;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole6 .main__l0--seagull {
  background: url(../img/common/l0_seagull_5.png) no-repeat left top / contain;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole6 .main__l3--holeNumber {
  color: #fff;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole6 .main__l3--holeYard,
.hole6 .onair__txt {
  color: #505050;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole6 .conttitleGroup,
.hole6 .subConttitleGroup {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole6 .main__l0--startdate svg .st0 {
  fill: #505050;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole6 .main__l3--holeNumber {
  background: #505050;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole6 .slashLiner,
.hole6 .horizontalLiner {
  background: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole6 .horizontalLiner:before {
  border-color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole6 .main__l2--pagetitle {
  color: #505050;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole6 .ldbg__light {
  background: #EEE !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole6 .ldbg__dark {
  background: #FFF !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole6 .main__l3--menuBtn:before,
.hole6 .main__l3--menuBtn:after {
  border-color: #505050;
}

.hole6 .main__l3--menuBtn a {
  color: #505050;
}

.main__l3--navin li:nth-child(7) a:hover,
.hole6 .main__l3--navin li:nth-child(7) a {
  color: #B5B5B5;
}

.hole6 .main__l3--menuBtn a:before,
.hole6 .main__l3--menuBtn a:after {
  background: #505050;
}

.hole6 .ani-splash {
  background-color: #505050;
}

.hole6 .main__l3--holeYard,
.hole6 .onair__txt,
.hole6 .copyright__text {
  color: #505050;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole6 .navPaging__item a span{
  color: #505050;
}

.hole6 .navPaging__item a:hover span{
  color: #fff;
}

.hole6 .navPaging__linkText::before{
  background-color: #505050;
}

@media screen and (max-width:768px) {
  .hole6 .main__l3--nav {
    background: #505050;
  }

  .hole6 .main__l3--navin::after {
    background: #B5B5B5;
  }
}

.hole6 .ani-splash{
  background-color: #505050;
}

.hole6 .ani-splash_bg{
  background-color: #B5B5B5;
}


/*HOLE 7*/
.hole7 .main__l0--title svg .st0 {
  fill: #661456;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole7 .main__l0--seagull {
  background: url(../img/common/l0_seagull_5.png) no-repeat left top / contain;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole7 .main__l3--holeNumber {
  color: #fff;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole7 .main__l3--holeYard {
  color: #661456;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole7 .conttitleGroup,
.hole7 .subConttitleGroup {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole7 .main__l0--startdate svg .st0 {
  fill: #661456;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole7 .main__l3--holeNumber {
  background: #661456;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole7 .slashLiner,
.hole7 .horizontalLiner {
  background: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole7 .horizontalLiner:before {
  border-color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole7 .main__l2--pagetitle {
  color: #661456;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole7 .ldbg__light {
  background: #d2a7ca !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole7 .ldbg__dark {
  background: #c280b5 !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole7 .main__l3--menuBtn:before,
.hole7 .main__l3--menuBtn:after {
  border-color: #661456;
}

.hole7 .main__l3--menuBtn a {
  color: #661456;
}

.main__l3--navin li:nth-child(8) a:hover,
.hole7 .main__l3--navin li:nth-child(8) a {
  color: #c280b5;
}

.hole7 .main__l3--menuBtn a:before,
.hole7 .main__l3--menuBtn a:after {
  background: #661456;
}

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

  .hole7 .main__l3--nav {
    background: #834076;
  }
  .hole7 .main__l3--navin::after{
    background: #c280b5 !important;
  }
}

.hole7 .navPaging__linkText::before{
  background-color: #834076;
}

.hole7 .ani-splash{
  background-color: #834076;
}

.hole7 .ani-splash_bg{
  background-color: #c280b5;
}


/*HOLE 8*/
.hole8{
  background: #E9A9CC;
}

.hole8 .main__l0--title svg .st0 {
  fill: #df519e;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole8 .main__l0--seagull {
  background: url(../img/common/l0_seagull_3.png) no-repeat left top / contain;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole8 .main__l3--holeNumber {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole8 .main__l3--holeYard {
  color: #df519e;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole8 .conttitleGroup,
.hole8 .subConttitleGroup {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole8 .main__l0--startdate svg .st0 {
  fill: #df519e;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole8 .main__l3--holeNumber {
  background: #df519e;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole8 .slashLiner,
.hole8 .horizontalLiner {
  background: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole8 .horizontalLiner:before {
  border-color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole8 .main__l2--pagetitle {
  color: #df519e;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole8 .ldbg__light {
  background: #E9A9CC !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole8 .ldbg__dark {
  background: #EE93C4 !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole8 .main__l3--menuBtn:before,
.hole8 .main__l3--menuBtn:after {
  border-color: #df519e;
}

.hole8 .main__l3--navin li a.active {
  color: #EE93C4;
}

.hole8 .main__l3--navin li:nth-child(9) a,
.main__l3--navin li:nth-child(9) a:hover {
  color: #edb3b3;
}

.hole8 .main__l3--menuBtn a {
  color: #df519e;
}

.hole8 .main__l3--menuBtn a:before,
.hole8 .main__l3--menuBtn a:after {
  background: #df519e;
}

.hole8 .ani-splash {
  background-color: #df519e;
}

.hole8 .main__l3--holeYard,
.hole8 .onair__txt {
  color: #df519e;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

@media screen and (max-width:768px) {
  .hole8 .main__l3--nav {
    background: #df519e;
  }

  .hole8 .main__l3--navin::after {
    background: #E9A9CC;
  }
}

.hole8 .main__l3--navin li:nth-child(9) a,
.hole8 .main__l3--navin li:nth-child(9) a:hover {
  color: #E9A9CC;
}

.hole8 .navPaging__linkText::before{
  background-color: #df519e;
}

.hole8 .ani-splash{
  background-color: #df519e;
}

.hole8 .ani-splash_bg{
  background-color: #E9A9CC;
}


/*HOLE 9*/
.hole9 .main__l0--title svg .st0 {
  fill: #505050;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole9 .main__l0--seagull {
  background: url(../img/common/l0_seagull_5.png) no-repeat left top / contain;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole9 .main__l3--holeNumber {
  color: #fff;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole9 .main__l3--holeYard,
.hole9 .onair__txt {
  color: #505050;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole9 .conttitleGroup,
.hole9 .subConttitleGroup {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole9 .main__l0--startdate svg .st0 {
  fill: #505050;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole9 .main__l3--holeNumber {
  background: #505050;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole9 .slashLiner,
.hole9 .horizontalLiner {
  background: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole9 .horizontalLiner:before {
  border-color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole9 .main__l2--pagetitle {
  color: #505050;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole9 .ldbg__light {
  background: #EEE !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole9 .ldbg__dark {
  background: #FFF !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole9 .main__l3--menuBtn:before,
.hole9 .main__l3--menuBtn:after {
  border-color: #505050;
}

.hole9 .main__l3--menuBtn a {
  color: #505050;
}

.main__l3--navin li:nth-child(10) a:hover,
.hole9 .main__l3--navin li:nth-child(10) a {
  color: #B5B5B5;
}

.hole9 .main__l3--menuBtn a:before,
.hole9 .main__l3--menuBtn a:after {
  background: #505050;
}

.hole9 .ani-splash {
  background-color: #505050;
}

.hole9 .main__l3--holeYard,
.hole9 .onair__txt,
.hole9 .copyright__text {
  color: #505050;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole9 .navPaging__item a span{
  color: #505050;
}

.hole9 .navPaging__item a:hover span{
  color: #fff;
}

.hole9 .navPaging__linkText::before{
  background-color: #505050;
}

@media screen and (max-width:768px) {
  .hole9 .main__l3--nav {
    background: #505050;
  }

  .hole9 .main__l3--navin::after {
    background: #B5B5B5;
  }
}

.hole9 .ani-splash{
  background-color: #505050;
}

.hole9 .ani-splash_bg{
  background-color: #B5B5B5;
}


/*HOLE 10*/
.hole10 .main__l0--title svg .st0 {
  fill: #007656;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole10 .main__l0--seagull {
  background: url(../img/common/l0_seagull_1.png) no-repeat left top / contain;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole10 .main__l3--holeNumber {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole10 .main__l3--holeYard,
.hole10 .main__l2--pagetitle {
  color: #035e46;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole10 .conttitleGroup,
.hole10 .subConttitleGroup {
  color: #fff;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole10 .main__l0--startdate svg .st0 {
  fill: #035e46;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole10 .slashLiner,
.hole10 .horizontalLiner {
  background: #fff;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole10 .main__l3--holeNumber {
  background: #035e46;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole10 .horizontalLiner:before {
  border-color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole10 .main__l3--menuBtn:before,
.hole10 .main__l3--menuBtn:after {
  border-color: #007656;
}

.hole10 .main__l3--menuBtn a {
  color: #007656;
}
.hole10 .main__l3--menuBtn a:before,
.hole10 .main__l3--menuBtn a:after {
  background: #007656;
}

@media screen and (max-width:768px) {
  .hole10 .main__l3--nav,
  .hole10 .nav__copyright {
  }
}

.hole10 .main__l3--navin li:nth-child(11) a,
.main__l3--navin li:nth-child(11) a:hover {
  color: #00c992;
}

.hole10 .navPaging__linkText::before{
  background-color: #007656;
}
.hole10 .ani-splash {
  background-color: #00c992;
}

.hole10 .ani-splash_bg {
  color: #007656;
}


/*HOLE 11*/
.hole11 .main__l0--title svg .st0 {
  fill: #8f2323;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole11 .main__l0--seagull {
  background: url(../img/common/l0_seagull_3.png) no-repeat left top / contain;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole11 .main__l3--holeNumber {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole11 .main__l3--holeYard {
  color: #8f2323;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole11 .conttitleGroup,
.hole11 .subConttitleGroup {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole11 .main__l0--startdate svg .st0 {
  fill: #8f2323;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole11 .main__l3--holeNumber {
  background: #8f2323;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole11 .slashLiner,
.hole11 .horizontalLiner {
  background: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole11 .horizontalLiner:before {
  border-color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole11 .main__l2--pagetitle {
  color: #8f2323;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole11 .ldbg__light {
  background: #edb3b3 !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole11 .ldbg__dark {
  background: #c86f6f !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole11 .main__l3--menuBtn:before,
.hole11 .main__l3--menuBtn:after {
  border-color: #8f2323;
}

.hole11 .main__l3--navin li a.active {
  color: #c86f6f;
}

.hole11 .main__l3--navin li:nth-child(12) a,
.main__l3--navin li:nth-child(12) a:hover {
  color: #edb3b3;
}

.hole11 .main__l3--menuBtn a {
  color: #8f2323;
}

.hole11 .main__l3--menuBtn a:before,
.hole11 .main__l3--menuBtn a:after {
  background: #8f2323;
}

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

  .hole11 .main__l3--nav {
    background: #be4545;
  }

  .hole11 .main__l3--navin::after{
    background: #edb3b3 !important;
  }
}

.hole11 .navPaging__linkText::before{
  background-color: #be4545;
}

.hole11 .ani-splash{
  background-color: #be4545;
}

.hole11 .ani-splash_bg{
  background-color: #edb3b3;
}


/*HOLE 12*/
.hole12 {
  background-color: #FE9C07;
}

/*背景テキスト色*/
.hole12 .main__l0--ttlClr {
  fill: #B9770F;
}

.hole12 .ani-splash {
  background-color: #B9770F;
}

.hole12 h1,
.hole12 .onair__txt,
.hole12 .main__l3--holeYard,
.hole12 .main__l3--menuBtn a {
  color: #B9770F;
}

.hole12 .ldbg.ax .ldbg__dark,
.hole12 .ldbg__dark {
  background: #FE9C07;
}

.hole12 .ldbg.ax .ldbg__light,
.hole12 .ldbg__light {
  background: #FEC670;
}

.hole12 .main__l3--menuBtn:before,
.hole12 .main__l3--menuBtn:after {
  border-color: #B9770F;
}

.hole12 .main__l3--menuBtn a:before,
.hole12 .main__l3--menuBtn a:after {
  background-color: #B9770F;
}

.hole12 .main__l3--holeNumber {
  background: #B9770F;
  color: #FFF;
}

.hole12 .main__l0--startdate svg .st0,
.hole12 .main__l0--title svg .st0 {
  fill: #B9770F;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.ani-passing .ani-passing-bar:before{
  background: #B9770F;
}

@media screen and (max-width:768px) {
  .hole12 .main__l3--nav {
    background: #B9770F;
  }

  .hole12 .main__l3--navin::after{
    background: #FEC670 !important;
  }
}

.hole12 .main__l3--navin li:nth-child(13) a,
.main__l3--navin li:nth-child(13) a:hover {
  color: #FEC670;
}

.hole12 .navPaging__linkText::before{
  background-color: #B9770F;
}

.hole12 .ani-splash{
  background-color: #FEC670;
}

.hole12 .ani-splash_bg{
  background-color: #B9770F;
}


/*HOLE 13*/
.hole13 {
      background:#a8a8fd;
}
.hole13 .main__l0--title svg .st0 {
  fill: #3939c9;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole13 .main__l0--seagull {
  background: url(../img/common/l0_seagull_2.png) no-repeat left top / contain;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole13 .main__l3--holeNumber {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole13 .conttitleGroup,
.hole13 .subConttitleGroup {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole13 .main__l3--holeYard {
  color: #3939c9;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole13 .main__l0--startdate svg .st0 {
  fill: #3939c9;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole13 .main__l3--holeNumber {
  background: #3939c9;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole13 .slashLiner,
.hole13 .horizontalLiner {
  background: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole13 .horizontalLiner:before {
  border-color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole13 .main__l2--pagetitle {
  color: #3939c9;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole13 .ldbg__light {
  background: #a8a8fd !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole13 .ldbg__dark {
  background: #7575e6 !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole13 .main__l3--menuBtn:before,
.hole13 .main__l3--menuBtn:after {
  border-color: #3939c9;
}

.hole13 .main__l3--menuBtn a {
  color: #3939c9;
}

.main__l3--navin li:nth-child(14) a:hover,
.hole13 .main__l3--navin li:nth-child(14) a {
  color: #7575e6;
}

.hole13 .main__l3--menuBtn a:before,
.hole13 .main__l3--menuBtn a:after {
  background: #3939c9;
}
@media screen and (max-width:768px) {
  .hole13 .main__l3--nav {
    background: #a8a8fd;
  }
  .hole13 .main__l3--navin::after{
    background: #7575e6 !important;
  }
}
.hole13 .navPaging__linkText::before{
  background-color: #3939c9;
}

.hole13 .ani-splash {
  background-color: #3939c9;
}

.hole13 .ani-splash_bg {
  color: #3939c9;
}


/*HOLE 14*/
.hole14 {
  background: #cccf5d;
}
.hole14 .main__l0--title svg .st0 {
  fill: #757623;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole14 .main__l0--seagull {
  background: url(../img/common/l0_seagull_2.png) no-repeat left top / contain;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole14 .main__l3--holeNumber {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole14 .conttitleGroup,
.hole14 .subConttitleGroup {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole14 .main__l3--holeYard {
  color: #757623;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole14 .main__l0--startdate svg .st0 {
  fill: #757623;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole14 .main__l3--holeNumber {
  background: #757623;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole14 .slashLiner,
.hole14 .horizontalLiner {
  background: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole14 .horizontalLiner:before {
  border-color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole14 .main__l2--pagetitle {
  color: #757623;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole14 .ldbg__light {
  background: #cccf5d !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole14 .ldbg__dark {
  background: #acac2d !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole14 .main__l3--menuBtn:before,
.hole14 .main__l3--menuBtn:after {
  border-color: #757623;
}

.hole14 .main__l3--menuBtn a {
  color: #757623;
}

.main__l3--navin li:nth-child(15) a:hover,
.hole14 .main__l3--navin li:nth-child(15) a {
  color: #cccf5d;
}

.hole14 .main__l3--menuBtn a:before,
.hole14 .main__l3--menuBtn a:after {
  background: #757623;
}

.hole14 .navPaging__linkText::before{
  background-color: #757623;
}

@media screen and (max-width:768px) {
  .hole14 .main__l3--nav {
    background: #7e7e20;
  }
  .hole14 .main__l3--navin::after{
    background: #cccf5d !important;
  }
}

.hole14 .ani-splash{
  background-color: #7e7e20;
}

.hole14 .ani-splash_bg{
  background-color: #cccf5d;
}


/*HOLE 15*/
.hole15 .main__l0--title svg .st0 {
  fill: #054962;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole15 .main__l0--seagull {
  background: url(../img/common/l0_seagull_2.png) no-repeat left top / contain;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole15 .main__l3--holeNumber {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole15 .conttitleGroup,
.hole15 .subConttitleGroup {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole15 .main__l3--holeYard {
  color: #054962;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole15 .main__l0--startdate svg .st0 {
  fill: #054962;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole15 .main__l3--holeNumber {
  background: #054962;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole15 .slashLiner,
.hole15 .horizontalLiner {
  background: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole15 .horizontalLiner:before {
  border-color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole15 .main__l2--pagetitle {
  color: #054962;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole15 .ldbg__light {
  background: #69caee !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole15 .ldbg__dark {
  background: #2493bc !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole15 .main__l3--menuBtn:before,
.hole15 .main__l3--menuBtn:after {
  border-color: #054962;
}

.hole15 .main__l3--menuBtn a {
  color: #054962;
}

.main__l3--navin li:nth-child(16) a:hover,
.hole15 .main__l3--navin li:nth-child(16) a {
  color: #2493bc;
}

.hole15 .main__l3--menuBtn a:before,
.hole15 .main__l3--menuBtn a:after {
  background: #054962;
}

@media screen and (max-width:768px) {
  .hole15 .main__l3--nav {
    background: #0979a2;
  }
  .hole15 .main__l3--navin::after{
    background: #69caee !important;
  }
}
.hole15 .navPaging__linkText::before{
  background-color: #0979a2;
}

.hole15 .ani-splash{
  background-color: #0979a2;
}

.hole15 .ani-splash_bg{
  background-color: #69caee;
}


/*HOLE 16*/
.hole16 .main__l0--title svg .st0 {
  fill: #661456;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole16 .main__l0--seagull {
  background: url(../img/common/l0_seagull_5.png) no-repeat left top / contain;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole16 .main__l3--holeNumber {
  color: #fff;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole16 .main__l3--holeYard {
  color: #661456;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole16 .conttitleGroup,
.hole16 .subConttitleGroup {
  color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole16 .main__l0--startdate svg .st0 {
  fill: #661456;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole16 .main__l3--holeNumber {
  background: #661456;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole16 .slashLiner,
.hole16 .horizontalLiner {
  background: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole16 .horizontalLiner:before {
  border-color: #FFF;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole16 .main__l2--pagetitle {
  color: #661456;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole16 .ldbg__light {
  background: #d2a7ca !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole16 .ldbg__dark {
  background: #c280b5 !important;
  transition: all .6s cubic-bezier(0.5, 0.3, 0, 1);
}

.hole16 .main__l3--menuBtn:before,
.hole16 .main__l3--menuBtn:after {
  border-color: #661456;
}

.hole16 .main__l3--menuBtn a {
  color: #661456;
}

.main__l3--navin li:nth-child(17) a:hover,
.hole16 .main__l3--navin li:nth-child(17) a {
  color: #c280b5;
}

.hole16 .main__l3--menuBtn a:before,
.hole16 .main__l3--menuBtn a:after {
  background: #661456;
}

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

  .hole16 .main__l3--nav {
    background: #834076;
  }
  .hole16 .main__l3--navin::after{
    background: #c280b5 !important;
  }
}

.hole16 .navPaging__linkText::before{
  background-color: #834076;
}

.hole16 .ani-splash{
  background-color: #834076;
}

.hole16 .ani-splash_bg{
  background-color: #c280b5;
}