@charset "UTF-8";

@media screen and (min-width: 750px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 749px) {
  .pc {
    display: none !important;
  }
}

:root {
  --color_green: #009B63;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
  border: 0;
  list-style: none;
  vertical-align: baseline;
  text-decoration: none;
  font: inherit;
  -webkit-tap-highlight-color: transparent;
}

html {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  font-size: 62.5% !important;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
}
body {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  color: #000;
  font-weight: 500;
  font-size: 2.0rem;
  line-height: 1.87;
}
body.active {
  height: 100lvh;
  overflow: hidden;
}

div,
main,
section {
  position: relative;
  display: block;
}

*:focus {
  outline: none;
}

p {
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", メイリオ, sans-serif;
  font-size: 1.4rem;
  line-height: 2.0;
}
p.bold {
  font-weight: bold;
}
p.mid {
  font-size: 1.4rem;
}
ruby {
  letter-spacing: 0;
}
ruby rt {
  font-size: 0.8rem;
  transform: translateY(2px) scale(0.6);
  letter-spacing: -0.10rem;
}
img {
  width: 100%;
}
a {
  color: var(--color_green);
  text-decoration: none;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -ms-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
}
a:hover {
	opacity:0.9;
  filter: alpha(opacity=90);
  -moz-opacity:0.9;
}
h1, h2, h3, h4, h5 {
  font-weight: 700;
}

/*common*/

/* 画面外にいる状態 */
.fadeinLeft {
  opacity:0.0;
  filter: alpha(opacity=0);
  transition : all 500ms;
  -webkit-transform : translate(-50px, 0);
  -moz-transform : translate(-50px, 0);
  -ms-transform : translate(-50px, 0);
  -o-transform : translate(-50px, 0);
  transform : translate(-50px, 0);
  -moz-opacity:0.0;
}
.fadeinRight {
  opacity:0.0;
  filter: alpha(opacity=0);
  transition : all 500ms;
  -webkit-transform : translate(50px, 0);
  -moz-transform : translate(50px, 0);
  -ms-transform : translate(50px, 0);
  -o-transform : translate(50px, 0);
  transform : translate(50px, 0);
  -moz-opacity:0.0;
}
.fadeinBottom {
  opacity:0.0;
  filter: alpha(opacity=0);
  transition : all 500ms;
  -webkit-transform : translate(0, 50px);
  -moz-transform : translate(0, 50px);
  -ms-transform : translate(0, 50px);
  -o-transform : translate(0, 50px);
  transform : translate(0, 50px);
  -moz-opacity:0.0;
}

.closeUp {
  background-size: 135%;
  -webkit-transition-duration: 5.0s;
  -moz-transition-duration: 5.0s;
  -ms-transition-duration: 5.0s;
  -o-transition-duration: 5.0s;
  transition-duration: 5.0s;
}

/* 画面内に入った状態 */
.fadeinLeft.scrollin, .fadeinRight.scrollin, .fadeinBottom.scrollin {
  opacity:1.0;
  filter: alpha(opacity=100);
  -webkit-transform : translate(0, 0);
  -moz-transform : translate(0, 0);
  -ms-transform : translate(0, 0);
  -o-transform : translate(0, 0);
  transform : translate(0, 0);
  -moz-opacity:1.0;
}

.closeUp.scrollin {
  background-size: 150% !important;
}

/*------------------------------------------------------------*/
/*header*/
header {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  background: url(../img/img_back_hero.png) no-repeat center center var(--color_green);
  background-size: cover;
  padding: 0;
  font-size: 1.2rem;
}
.hero_pr {
  width: 100%;
  text-align: right;
  color: #fff;
  padding: 1rem;
}
header h1 {
  position: absolute;
  transform: translate(-50%,-50%);
  top: 31%;
  left: 33%;
  width: 57%;
}
header p {
  position: absolute;
  transform: translate(-50%,-50%);
  top: 65%;
  left: 24.5%;
  display: block;
  font-size: 1.0vw;
  line-height: 2.0;
  color: #fff;
  font-weight: 400;
}
.hero_logo {
  position: absolute;
  transform: translate(-50%,-50%);
  top: 65%;
  left: 53%;
  width: 16vw;
}
.hero_btn {
  position: absolute;
  transform: translate(-50%,-50%);
  top: 84%;
  left: 50%;
  width: 52.5vw;
}
@media screen and (max-width: 749px) {
  header {
    aspect-ratio: 393 / 851;
    background: url(../img/img_back_hero_sp.png) no-repeat center center var(--color_green);
    background-size: cover;
    padding: 0;
  }
  header h1 {
    top: 15.9%;
    left: 50%;
    width: 90%;
  }
  header p {
    top: 61.5%;
    left: 50%;
    font-size: 3.6vw;
    line-height: 1.6;
    width: 90%;
    text-align: center;
  }
  .hero_logo {
    top: 73%;
    left: 50%;
    width: 44vw;
  }
  .hero_btn {
    top: 88%;
    width: 90vw;
  }
}
/*------------------------------------------------------------*/
.map h2 {
  text-align: center;
  font-size: 4.0rem;
  font-weight: 900;
  line-height: 0.8;
  margin: 4rem 0;
}
.map h2 span {
  font-size: 7.0rem;
}
nav {
  display: block;
  width: 100%;
  border-top: solid 1px #000;
  border-bottom: solid 10px #000;
}
nav ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 1000px;
  margin: 0 auto;
}
nav ul li {
  position: relative;
  display: block;
  width: 33%;
  height: 11rem;
  border-left: solid 1px #000;
  text-align: center;
  cursor: pointer;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -ms-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
}
nav ul li:nth-last-child(1) {
  border-right: solid 1px #000;
}
nav ul li.active {
  background-color: #000;
}
nav ul li:hover {
  background-color: #000;
}
.btn_premier {
  background: url(../img/nav_01_b.svg) no-repeat center center #fff;
  background-size: 70%;
}
.btn_one {
  background: url(../img/nav_02_b.svg) no-repeat center center #fff;
  background-size: 70%;
}
.btn_next {
  background: url(../img/nav_03_b.svg) no-repeat center center #fff;
  background-size: 70%;
}
.btn_premier.active, .btn_premier:hover {
  background: url(../img/nav_01_w.svg) no-repeat center center #000;
  background-size: 70%;
}
.btn_one.active, .btn_one:hover {
  background: url(../img/nav_02_w.svg) no-repeat center center #000;
  background-size: 70%;
}
.btn_next.active, .btn_next:hover {
  background: url(../img/nav_03_w.svg) no-repeat center center #000;
  background-size: 70%;
}
.btn_premier.active::after, .btn_one.active::after, .btn_next.active::after {
  content: "";
  position: absolute;
  transform: translate(-50%,0);
  z-index: 99;
  top: 100%;
  left: 50%;
  width: 32px;
  height: 38px;
  background: url(../img/img_fukidashi.svg) no-repeat center center;
  background-size: 100%;
}
@media screen and (max-width: 749px) {
  .map h2 {
    font-size: 5vw;
    line-height: 1.2;
    margin: 1rem 0 2rem;
  }
  .map h2 span {
    font-size: 8vw;
  }
  nav ul {
    width: 100%;
  }
  nav ul li {
    width: calc(100% / 3);
    height: 8rem;
  }
  .btn_premier {
    background: url(../img/nav_01_b.svg) no-repeat center center #fff;
    background-size: 90%;
  }
  .btn_one {
    background: url(../img/nav_02_b.svg) no-repeat center center #fff;
    background-size: 90%;
  }
  .btn_next {
    background: url(../img/nav_03_b.svg) no-repeat center center #fff;
    background-size: 90%;
  }
  .btn_premier.active, .btn_premier:hover {
    background: url(../img/nav_01_w.svg) no-repeat center center #000;
    background-size: 90%;
  }
  .btn_one.active, .btn_one:hover {
    background: url(../img/nav_02_w.svg) no-repeat center center #000;
    background-size: 90%;
  }
  .btn_next.active, .btn_next:hover {
    background: url(../img/nav_03_w.svg) no-repeat center center #000;
    background-size: 90%;
  }
}
/*------------------------------------------------------------*/
.club_map {
  padding: 4rem 0;
  background: url(../img/img_map_back.jpg) no-repeat center center #fff;
  background-size: cover;
}
.map_area {
  opacity: 0;
}
.map_area {
  display: none;
  position: relative;
  width: 1000px;
  aspect-ratio: 50/39;
  margin: 0 auto;
}
.map_area.active {
  display: block;
  opacity: 1;
}
.map_area a {
  display: block;
  position: absolute;
  transform: translate(-50%,-50%) scale(1.0);
  width: 84px;
  height: 84px;
}
.map_area a:hover {
  transform: translate(-50%,-50%) scale(1.2);
  opacity: 1;
}
.map_premier {
  background: url(../img/map_01.png) no-repeat center center;
  background-size: 100%;
}
.map_one {
  background: url(../img/map_02.png) no-repeat center center;
  background-size: 100%;
}
.map_next {
  background: url(../img/map_03.png) no-repeat center center;
  background-size: 100%;
}
@media screen and (max-width: 749px) {
  .map_area {
    width: 100%;
  }
  .map_area a {
    transform: translate(-50%,-70%) scale(1.0);
    width: 9.5%;
    height: 9.5%;
  }
  .map_area a:hover {
    transform: translate(-50%,-70%) scale(1.2);
  }
}
.pin01_01 {top: 12%;left: 90.9%;}
.pin01_02 {top: 26.5%;left: 90.9%;}
.pin01_03 {top: 17.5%;left: 59%;}
.pin01_04 {top: 52.5%;left: 90.9%;}
.pin01_05 {top: 39.5%;left: 90.9%;}
.pin01_06 {top: 30.5%;left: 59%;}
.pin01_07 {top: 64.5%;left: 90.9%;}
.pin01_08 {top: 77.5%;left: 90.9%;}
.pin01_09 {top: 94.3%;left: 80%;}
.pin01_10 {top: 94.3%;left: 90.3%;}
.pin01_11 {top: 85.5%;left: 74%;}
.pin01_12 {top: 85.5%;left: 64%;}
.pin01_13 {top: 4.5%;left: 44%;}
.pin01_14 {top: 18.5%;left: 44%;}
.pin01_15 {top: 94.3%;left: 56%;}
.pin01_16 {top: 94.3%;left: 47%;}
.pin01_17 {top: 94.3%;left: 38%;}
.pin01_18 {top: 32.5%;left: 44%;}
.pin01_19 {top: 44.5%;left: 40%;}
.pin01_20 {top: 94.3%;left: 29%;}
.pin01_21 {top: 94.3%;left: 20%;}
.pin01_22 {top: 44.5%;left: 30%;}
.pin01_23 {top: 94.3%;left: 10%;}
.pin01_24 {top: 44.5%;left: 19%;}
.pin01_25 {top: 44.5%;left: 9%;}
.pin01_26 {top: 11.5%;left: 24%;}
.pin02_01 {top: 15%;left: 91%;}
.pin02_02 {top: 28%;left: 91%;}
.pin02_03 {top: 18%;left: 59%;}
.pin02_04 {top: 40%;left: 91%;}
.pin02_05 {top: 54%;left: 91%;}
.pin02_06 {top: 66%;left: 91%;}
.pin02_07 {top: 82%;left: 91%;}
.pin02_08 {top: 94.3%;left: 91%;}
.pin02_09 {top: 94.3%;left: 81%;}
.pin02_10 {top: 94.3%;left: 71%;}
.pin02_11 {top: 84.3%;left: 75.9%;}
.pin02_12 {top: 31%;left: 59%;}
.pin02_13 {top: 19%;left: 44%;}
.pin02_14 {top: 31%;left: 44%;}
.pin02_15 {top: 43%;left: 44%;}
.pin02_16 {top: 94.3%;left: 57%;}
.pin02_17 {top: 94.3%;left: 48%;}
.pin02_18 {top: 94.3%;left: 39%;}
.pin02_19 {top: 43%;left: 34.5%;}
.pin02_20 {top: 94.3%;left: 30%;}
.pin02_21 {top: 94.3%;left: 20%;}
.pin02_22 {top: 43%;left: 24.9%;}
.pin02_23 {top: 43%;left: 15.5%;}
.pin02_24 {top: 82%;left: 9%;}
.pin02_25 {top: 94.3%;left: 9%;}
.pin03_01 {top: 94.3%;left: 91%;}
.pin03_02 {top: 87%;left: 74%;}
.pin03_03 {top: 94.3%;left: 57%;}
.pin03_04 {top: 44%;left: 29%;}

.club_player .club_set  {
  display: none;
  opacity: 0;
}
.club_player .club_set.active {
  display: block;
  opacity: 1;
}

/*------------------------------------------------------------*/
.club_player {
  width: 100%;
}
.club_player ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #000;
  padding: 3vw 3vw 1vw;
}
.club_player ul li {
  display: block;
  width: 10%;
  aspect-ratio: 1/2;
  margin: 0.5vw;
}
.club_player ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.club_player p {
  display: block;
  padding: 0 0 1vw 1vw;
  background-color: #000;
  color: #fff;
}
@media screen and (max-width: 749px) {
  .club_player ul li {
    width: 45%;
    margin: 2vw;
  }
}
/*------------------------------------------------------------*/
/*modal*/
.md-overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
  z-index: 9999;
}
.md-contents{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: 80vh;
  aspect-ratio: 1/2;
  z-index: 10000;
  border-radius: 20px;
}
.md-xmark{
  position: absolute;
  top: -6rem;
  right: 0;
  display: block;
  width: 5rem;
  height: 5rem;
  z-index: 9999;
  cursor: pointer;
}
.md-xmark span {
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: #000;
}
.md-xmark span:nth-of-type(1) {
  transform: translate(-50%,-50%) rotate(-45deg);
}
.md-xmark span:nth-of-type(2) {
  transform: translate(-50%,-50%) rotate(45deg);
}
/*------------------------------------------------------------*/
.application {
  background: url(../img/img_app_back.png) no-repeat center top var(--color_green);
  background-size: 100%;
  padding: 50px 0;
}
.application_inner {
  display: block;
  width: 90%;
  max-width: 1000px;
  margin: auto;
  padding: 50px;
  background-color: #fff;
  border-radius: 20px;
}
.application_inner h3 {
  width: 100%;
  background: url(../img/heading_app_h3.svg) no-repeat center center;
  background-size: 100%;
  font-size: 3.6rem;
  color: #fff;
  line-height: 1;
  text-align: center;
  padding: 1.0rem 0 1.3rem;
  margin: 0 0 20px 0;
}
.application_inner h4 {
  font-size: 2.4rem;
  line-height: 1;
  color: var(--color_green);
  text-align: center;
  margin: 0 0 20px;
}
.application_inner p {
  font-size: 2.0rem;
  line-height: 1.8;
  font-weight: 400;
}
.application_inner p span {
  display: block;
  font-size: 2.2rem;
  color: var(--color_green);
  font-weight: 600;
  margin: 0 0 2rem 0;
}
.application_inner p sup {
  font-size: 60%;
}
.application_inner p.center {
  text-align: center;
}
.application_inner p.bold {
  font-weight: 600;
}
.application_inner p.annotation {
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 2rem 0 0 0;
}
.application_inner p.annotation.big {
  font-size: 1.8rem;
}
@media screen and (max-width: 749px) {
  .application_inner {
    padding: 5%;
  }
  .application_inner h3 {
    background: url(../img/heading_app_h3_sp.svg) no-repeat center center;
    background-size: 100%;
    font-size: 2.4rem;
    padding: 0.5rem 0 0.8rem;
    margin: 0 0 1.6rem 0;
  }
  .application_inner p {
    display: block;
    font-size: 4vw;
    text-align: left;
  }
  .application_inner p span {
    font-size: 5vw;
    text-align: center;
    line-height: 1.6;
  }
  .application_inner p.annotation {
    font-size: 1.2rem;
  }
  .application_inner p.annotation.big {
    font-size: 3.6vw;
  }
}
.campaign {
  margin: 0 0 50px 0;
}
.campaign ul {
  position: relative;
  display: block;
  height: 350px;
}
.campaign ul li {
  position: absolute;
  transform: translate(-50%,-50%);
  width: 298px;
}
.campaign ul li:nth-child(1) {
  top: 40%;
  left: 24%;
}
.campaign ul li:nth-child(2) {
  top: 65%;
  left: 50%;
}
.campaign ul li:nth-child(3) {
  top: 39%;
  left: 80%;
}
.application_txt {
  width: 80%;
  margin: 0 auto 50px;
}
.application_txt ul li {
  margin: 0 0 1rem 0;
  padding: 0 0 0 2rem;
  font-size: 2.0rem;
  font-weight: 600;
  text-indent: -2.0rem;
  line-height: 1.6;
}
.application_txt ul li::before {
  content: "・";
}
.application_inner .note {
  display: block;
  width: 80%;
  height: 250px;
  overflow-y: scroll;
  margin: 0 auto 50px;
  border: solid 1px #707070;
}
.application_inner .note p {
  margin: 0 !important;
  padding: 0.5rem 3rem;
  font-size: 1.4rem;
  line-height: 1.8;
}
.application_inner .note h5 {
  padding: 2rem 3rem 0rem;
  font-weight: 600;
  font-size: 1.8rem;
}
.application_inner .note h6 {
  padding: 1rem 3rem 0rem;
  font-weight: 600;
  font-size: 1.6rem;
}
.application_inner .note ul, .application_inner .note ol {
  display: block;
  padding: 0.5rem 3rem;
  font-size: 1.4rem;
}
.application_inner .note li {
  display: block;
  margin: 0 0 1rem 1.8rem;
  line-height: 1.6;
  text-indent: -1.8rem;
}
@media screen and (max-width: 749px) {
  .campaign {
    margin: 0 0 3rem 0;
  }
  .campaign ul {
    height: 45vw;
  }
  .campaign ul li {
    width: 35vw;
  }
  .campaign ul li:nth-child(1) {
    top: 33%;
    left: 20%;
  }
  .campaign ul li:nth-child(2) {
    top: 66%;
    left: 50%;
  }
  .campaign ul li:nth-child(3) {
    top: 33%;
    left: 80%;
  }
  .application_txt {
    width: 90%;
    margin: 0 auto 3rem;
  }
  .application_txt ul li {
    margin: 0 0 0.6rem 0;
    padding: 0 0 0 1.8rem;
    font-size: 1.8rem;
    font-weight: 600;
    text-indent: -1.8rem;
    line-height: 1.4;
  }
  .application_inner .note {
    width: 100%;
    height: 200px;
    margin: 0 auto 3rem;
    border: solid 1px #707070;
  }
  .application_inner .note p {
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .application_inner .note h5 {
    padding: 2rem 1.5rem 0rem;
    font-size: 1.6rem;
  }
  .application_inner .note h6 {
    padding: 1rem 1.5rem 0rem;
    font-size: 1.4rem;
  }
  .application_inner .note ul, .application_inner .note ol {
    padding: 0.5rem 1.5rem;
  }
}

a.cta {
  position: relative;
  display: block;
  width: 80%;
  margin: 0 auto 50px;
  padding: 2rem;
  background-color: #F0831E;
  color: #fff;
  font-size: 2.0rem;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  border-radius: 60px;
  box-shadow: 0 8px 0 rgba(0,0,0,0.3);
}
a.cta::after {
  content: "";
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 74%;
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(../img/icon_blank.svg) no-repeat center center;
  background-size: 100%;
}
a.cta:hover {
  box-shadow: 0 0 0 rgba(0,0,0,0.3);
}
a.cta span {
  font-size: 3rem;
}
.inquiry {
  width: 60%;
  margin: 0 auto;
}
.inquiry a {
  text-decoration: underline;
}
@media screen and (max-width: 749px) {
  a.cta {
    width: 100%;
    font-size: 1.8rem;
  }
  a.cta::after {
    content: "";
    top: 50%;
    left: 93%;
  }
  a.cta span {
    font-size: 6vw;
  }
  p.inquiry {
    width: 100%;
    font-size: 4vw;
  }
}
/*------------------------------------------------------------*/
.risona {
  background-color: #fff;
}
.risona_inner {
  width: 90%;
  max-width: 750px;
  margin: 50px auto;
}
.risona_inner a:nth-child(1) {
  display: block;
  width: 460px;
  margin: 0 auto 30px;
}
.risona .message {
  width: 100%;
  padding: 2.2rem 0;
  background-color: var(--color_green);
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", メイリオ, sans-serif;
  font-size: 3rem;
  line-height: 1;
  font-weight: 800;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 749px) {
  .risona_inner a:nth-child(1) {
    width: 80%;
  }
  .risona .message {
    padding: 2.2rem 0;
    font-size: 1.8rem;
    line-height: 1.6;
  }
}
/*------------------------------------------------------------*/
.floating {
  position: fixed;
  transform: translate(-100%,0) scale(1);
  bottom: 5%;
  left: 100%;
  width: 400px;
  z-index: 9998;
  opacity: 0;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -ms-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
}
.floating.active {
  opacity: 1;
}
.floating:hover {
  transform: translate(-100%,0) scale(1.2);
  left: calc(100% - 40px);
}
.floating a:hover {
  opacity: 1 !important;
}
@media screen and (max-width: 749px) {
  .floating {
    position: fixed;
    transform: translate(0,0) scale(1);
    left: 5%;
    bottom: 0%;
    right: 5%;
    width: 90%;
  }
  .floating:hover {
    transform: translate(0,0) scale(1);
    left: 5%;
  }
}
/*------------------------------------------------------------*/
footer {
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6;
  padding: 20px 0 160px;
}
footer ul {
  display: flex;
  justify-content: center;
  margin: 0 0 20px 0;
}
footer ul li {
  padding: 0 1rem 0 0;
}
footer ul li::after {
  content: "|";
  padding: 0 0 0 1rem;
}
footer ul li:nth-last-child(1)::after {
  content: "";
}
footer ul li a {
  color: #fff;
}
@media screen and (max-width: 749px) {
  footer {
    line-height: 1.8;
    padding: 20px 5% 100px;
  }
  footer ul {
    flex-wrap: wrap;
  }
}
/*------------------------------------------------------------*/
#article-end {
  opacity: 0;
}