@charset "UTF-8";
@import url("under.css");

/*root*/
:root{
  --clr-nvy:#0D1B2E;
  --clr-l-nvy:#384557;
  --clr-l-blu:#4A73AA;
  --clr-ylw:#F4D189;
  --clr-d-ylw:#EBB648;
  
  --gra-nvy:linear-gradient(180deg,#0D1B2E 10%,#4D5A6E 90%);
  --bs-gra-nvy:linear-gradient(90deg,#0D1B2E 10%,#4D5A6E 90%);
  --hvr-gra-nvy:linear-gradient(180deg,#4D5A6E 10%,#4D5A6E 90%);
  --drp-sdw:drop-shadow(0px 0px 10px rgba(0,0,0,.15));
  --box-sdw:0 3px 6px rgba(0,0,0,.03);
  
  --wall-gry:#F5F5F5;
  --easing: cubic-bezier(0.45,0.05,0.55,0.95);
  --transition: .6s var(--easing);
}
html {
  visibility: hidden;
  opacity: 0;
  -webkit-transition:opacity .6s var(--easing);
  -o-transition:opacity .6s var(--easing);
  transition:opacity .6s var(--easing);
}
html.wf-active,
html.loading-delay {
  opacity: 1;
  visibility: visible;
}
body{
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Osaka, sans-serif;
  -moz-font-feature-settings: 'liga', 'kern';
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 14px;
  overflow: hidden auto;
  width: 100vw;
  max-width: 100vw;
  color: var(--clr-nvy);
}

/*300or400or700*/
.fnt-dx{
  font-family: dx-hdm-std, sans-serif;
  font-weight: 400;
  font-style: normal;
}
/*400or700*/
.fnt-evs{
  font-family: mrs-eaves, serif;
  font-weight: 400;
  font-style: normal;
}
/*Container
============================================================*/

#container{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 100vw;
  overflow: hidden auto;
  min-height: 100vh;
}
#container > *{
  width: 100%;
}

/*wrapper*/
.inner{
  width: min(1306px,100%);
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
}
.sec-inner{
  width: min(880px,100%);
}
/*layout*/
.fl{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.fl_c{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.fl_c.al_end{
  -ms-align-items: flex-end;
  align-items: flex-end;
}
/*navgation*/

.page-navigation  li{
  gap:min(2.25em,5vw);
}
.page-navigation  li + li{
  margin-top: 1em;
}
.page-navigation .members-nav{
  color: var(--clr-l-blu);
}

/*btn*/

.round-btn{
  width: min(140px,100%);
  border-radius: 100px;
  overflow: hidden;
  -webkit-transition: all.3s var(--easing);
  -o-transition: all.3s var(--easing);
  transition: all.3s var(--easing);
  background: var(--clr-nvy);
  color: #fff;
}
.round-btn.wid{
  width: min(250px,100%);
}
.round-btn:hover{
  background: var(--clr-l-nvy);
}
.round-btn > *{
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  aspect-ratio:1/0.3214; 
}
.round-btn.wid > *{
  aspect-ratio:1/0.18; 
}
.round-btn.en{
  font-family: dx-hdm-std, sans-serif;
  font-size: 1.24em;
  letter-spacing: -.03em;
}
.round-btn input{
  font-size: 1em;
  
}
.round-btn.jp input
,.round-btn.jp > *{
  font-weight: 600;
}

.round-btn.gra{
  background: var(--gra-nvy);
}
.round-btn.gra::before{
  content: "";
  width: 100%;
  height: 100%;
  background: var(--hvr-gra-nvy);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity .3s var(--easing);
  -o-transition: opacity .3s var(--easing);
  transition: opacity .3s var(--easing);
}
.round-btn.gra:hover::before{
  opacity: 1;
}
.round-btn.ylw{
  background: var(--clr-ylw);
  color: var(--clr-nvy);
}
.round-btn.ylw:hover{
  background:var(--clr-d-ylw)
}
.round-btn.wht{
  background: #fff;
  color: var(--clr-nvy);
}
.round-btn.wht:hover{
  background: #D3DEEB;
  
}
.rect-btn{
  width: min(220px,100%);
  background: var(--clr-nvy);
  color: #fff;
  border-radius: 5px;
  -webkit-transition: all.3s var(--easing);
  -o-transition: all.3s var(--easing);
  transition: all.3s var(--easing);
}
.rect-btn:hover{
  background: var(--clr-l-nvy);
}
.rect-btn > *{
  padding: 18px 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  width: 100%;
}
/*other item*/
a.cvr{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
img.fit{
  object-fit: cover;
  height: 100%;
}

.in-text{
  line-height: 1.7692;
}
.top-text{
  line-height: 1.8182;
}
.top-text.cnt{
  text-align: center;
}

ul.dash-list > li{
  padding-left: .5em;
}
ul.dash-list > li::before{
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}
/*header
===================================*/


header .logo{
  width: min(326px,45vw);
}
header{
  top: 0;
  left: 0;
  z-index: 10;
}
.header-inner{
  width: min(1365px,100%);
  padding: min(40px,5vw) min(50px,5vw);
  gap:min(40px,5vw);
  margin-left: auto;
  margin-right: auto;
  -ms-align-items: center;
  align-items: center;
  justify-content: space-between;
}

header .page-navigation a{
  font-size: 1.1818em;
  letter-spacing: -.03em;
}

.lang-switch{
  height: 2em;
  position: absolute;
  overflow: hidden;
  right: 20px;
  top: min(60px,10vw);
  font-family: dx-hdm-std, sans-serif;
  font-weight: 600;
}
.lang-switch.open{
  height: auto;
}
.lang-switch > *{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  width:2em;
  aspect-ratio:1/1;
  border-radius: 50%;
  border: 2px solid var(--clr-nvy);
  cursor: pointer;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding-top: 2px;
}
.lang-switch > * + *{
  margin-top: 5px;
}
#hum-btn{
  position: fixed;
  width: 26px;
  aspect-ratio:1/1;
  cursor: pointer;
  -webkit-transition: all var(--transition);
  -o-transition: all var(--transition);
  transition: all var(--transition);
  display: none;
  z-index: 100;
  right: 20px;
  top: min(40px,5vw);
}

#hum-btn svg{
  width: calc((100% - 6px)/2);
  aspect-ratio:1/1;
  webkit-transition: all var(--transition);
  -o-transition: all var(--transition);
  transition: all var(--transition);
  position: absolute;
  transform-origin: center;
}
.home #hum-btn:not(.fixed) svg rect{
  fill:#fff;
}
#hum-btn svg.rect_tl{
  top: 0;
  left: 0;
}
#hum-btn:hover svg.rect_tl{
  top: 2px;
  left: 2px;

}
#hum-btn svg.rect_tr{
  top: 0;
  right: 0;
}
#hum-btn:hover svg.rect_tr{
  top: 2px;
  right: 2px;
}
#hum-btn svg.rect_br{
  bottom: 0;
  right: 0;
}
#hum-btn:hover svg.rect_br{
  bottom: 2px;
  right: 2px;
}
#hum-btn svg.rect_bl{
  bottom: 0;
  left: 0;
}
#hum-btn:hover svg.rect_bl{
  bottom: 2px;
  left: 2px;
}

#hum-btn::after{
  content: "";
  border-radius: 2px;
  width: calc((100% - 6px)/2);
  aspect-ratio:1/1;
  background: var(--clr-nvy);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  opacity: 0;
  -webkit-transition: opacity var(--transition);
  -o-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
#hum-btn.open svg{
  transform: scale(0);
}
#hum-btn.open::after{
  opacity: 1;
}

#l-nav{
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  background: #fff;
  width: min(500px,100%);
  height: 100vh;
/*  transform: translateX(100%);*/
  -webkit-transition: opacity var(--transition);
  -o-transition: opacity var(--transition);
  transition: opacity var(--transition);
  visibility: hidden;
  opacity: 0;
}
#l-nav.slide{
  visibility: visible;
  opacity: 1;
}
.l-nav-inner{
  height: 100%;
  overflow-y: scroll;
  padding: min(40px,8vw) min(50px,8vw);
}

.l-nav-header{
  justify-content: flex-end;
  opacity: 0;
}
.l-nav-header .logo{
  width: min(140px,20vw);
}
.l-nav-inner .btn-wrap{
  justify-content: center;
  gap:min(50px,5vw);
  margin-top: min(30px,20vw);
}
.l-nav-inner .btn-wrap .round-btn a{
  aspect-ratio:1/0.2679;
}
.l-nav-inner .page-navigation{
  margin-top: min(30px,10vw);
  width: min(500px,100%);
  margin-left: auto;
  margin-right: auto;
}
.l-nav-inner .page-navigation > li{
  width: 50%;
}
.l-nav-inner .page-navigation > li a{
  font-size: 2em;
  letter-spacing: -.03em;
}

.home header{
  position: absolute;
}
.home header:not(.open) .logo svg .st0{
  fill:#fff;
}

.home header .page-navigation .contents-nav{
  color: #fff;
}
.home .header-inner .lang-switch{
  top: auto;
  bottom: 0;
  right: auto;
  left: min(50px,5vw);
  transform: translateY(50%);
}
.home header:not(.fixed) .header-inner .lang-switch > *{
  color: #fff;
  border: 2px solid #fff;
}

/*home key
====================================*/
#key.home{
  width: 100%;
  aspect-ratio:1/0.5618;
}
.key-video{
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.key-video::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/image/tbb_template/HongJinyoung/hongjinyoung/dot.png") left top/4px;
}
.key-video video{
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}
.home-key-cmnt{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10%;
  width: 100%;
  padding: 0 min(50px,5vw);
  gap:5vw;
  
}
.key-btn-wrap{
  gap:17px;
  
}
.key-btn-wrap .round-btn{
  width: min(168px,calc((100% - 17px)/2));
}
.key-btn-wrap .round-btn > *{
  aspect-ratio:1/0.2679;
}
.key-btn-wrap .round-btn.join{
  background: #4A73AA;
}
.key-btn-wrap .round-btn.join:hover{
  background: #324A6A;
}
.key-btn-wrap .round-btn.login:hover{
  background: #0D1B2E;
  color: #fff;
}


.sp-title{
  display: none;
  width: 100%;
}

.sp-title-wrap .logo{
  width: 100%;
}
/*index contents
===================================*/
#container.home main{
  padding-bottom: min(200px,25vw);
}
.clvr-title > *{
  font-size:2.8571em;
  font-family: dx-hdm-std, sans-serif;
  padding-left: 1.15em;
  letter-spacing: -.03em;
}
.clvr-title > *::before{
  content: "";
  width: .8em;
  aspect-ratio:1/1;
  background: url("/image/tbb_template/HongJinyoung/hongjinyoung/icn_clover.svg") no-repeat center/100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  animation:8s linear infinite clvrotation;
  transform-origin: top center;
}
.clvr-title.wht > *::before{
  background-image: url("/image/tbb_template/HongJinyoung/hongjinyoung/icn_clover-wht.svg");
}

.index-contents{
  margin-top: min(36px,5vw);
}
@keyframes clvrotation{
  0%{ transform:rotate(0) translateY(-50%);}
  100%{ transform:rotate(360deg) translateY(-50%); }
}
/*banner
================================*/
#bnr-slide{
  overflow: hidden;
}
.bnr-slider-blc{
  width: min(1306px,100%);
}
.bnr-item p img{
  border-radius: 10px;
}
.bnr-slider-wrap .slide-arrow{
  position: absolute;
  background: var(--gra-nvy);
  border-radius: 50%;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
   width: min(40px,15vw);
  height: auto;
  aspect-ratio:1/1;
  cursor: pointer;
}
.bnr-slider-wrap .slide-prev{
  left: -20px;
  
}
.bnr-slider-wrap .slide-next{
  right: -20px;
  
}

.bnr-slider-wrap .slide-prev::before
,.bnr-slider-wrap .slide-next::before{
  content: "";
  width: 8px;
  aspect-ratio:1/1;
  border: 2px solid;
  position: absolute;
  opacity: 1;
  border-radius: 1px;  
  top: 50%;
}
.bnr-slider-wrap .slide-next:before{
  border-color: #fff #fff transparent transparent;
  left: calc(50% - 2px);
  transform: translate(-50%,-50%) rotate(45deg);
}
.bnr-slider-wrap .slide-prev:before{
  border-color: #fff transparent transparent #fff;
  transform: translate(-50%,-50%) rotate(-45deg);
  left: calc(50% + 2px);
}
/*
news
schedule
===============================*/

.sec-news-blc{
  margin-top: min(100px,20vw);
}
.sec-news-box .btn-wrap
,.sec-sche-blc .btn-wrap{
  justify-content: flex-end;
  margin-top: min(30px,8vw);
}
.sec-info_list{
  gap:10px;
  margin-top: min(30px,5vw);
}
.sec-info_list li{
  width: 100%;
  background: var(--wall-gry);
  border-radius: 8px;
  padding: 30px min(65px,2.5vw) 30px min(35px,2.5vw);
  -ms-align-items: center;
  align-items: center;
  font-weight: 600;
  
}
.sec-info_list li .date{
  width: 12em;
  letter-spacing: -.03em;
}
.sec-info_list li .post-title{
  width: calc(100% - 12em);
  line-height: 1.7273;
}

.sec-sche-blc{
  margin-top: min(50px,25vw);
}

/*movie
===============================*/

.sec-movie-blc{
  -ms-align-items: center;
  align-items: center;
  margin-top: min(100px,25vw);
}
.sec-movie-box{
  width: min(728px,100%);
}
.sec-movie-box .movie-player{
  margin-top: min(20px,5vw);
}
.sec-movie-box .btn-wrap{
  margin-top: min(40px,10vw);
  justify-content: flex-end;
}



/*profile
==================================*/
.sec-profile-blc{
  background: var(--gra-nvy);
  color: #fff;
  margin-top: min(180px,25vw);
}
.sec-profile-blc .cmnt-wrap{
  padding-top: min(50px,10vw);
  padding-bottom: min(50px,10vw);
}
.sec-profile-blc .cmnt-wrap .cmnt{
  width: min(calc(50% - 30px),calc(50% - 5vw));
}
.sec-profile-blc .cmnt-wrap .cmnt .in-text{
  margin-top: 1em;
}
.sec-profile-blc .cmnt-wrap .cmnt .btn-wrap{
  margin-top: min(50px,15vw);
  justify-content: flex-end;
}
.sec-profile-blc .thumb{
  position: absolute;
  height: 100%;
  overflow: hidden;
  top: 0;
  right: 0;
  width: 50vw;
  margin-left: auto;
}
.sec-profile-blc .thumb img{
  object-position: 70% top;
}

/*DISCOGRAPHY
==================================*/
.sec-disco-blc{
  margin-top: min(180px,25vw);
}
.sec-disco-wrap::before{
  content: "";
  width: 100vw;
  aspect-ratio:1/0.1676;
  background: var(--gra-nvy);
  opacity: 20%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  
}
.sec-disco-blc .clvr-title{
  width: min(920px,100%);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.sec-disco-blc .btn-wrap{
  justify-content: flex-end;
  margin-top: min(80px,15vw);
}
.sec-disco-wrap{
  margin-top: min(30px,8vw);
}
#disco-slide{
  overflow: hidden;
  margin-left: clamp(20px,30vw,calc((100vw - 880px)/2));
}
#disco-slide .slide-item-disco{

}
#disco-slide .slide-item-disco .thumb{
  aspect-ratio:1/1;
  background: var(--gra-nvy);
  border-radius: 10px; 
  overflow: hidden;
}
#disco-slide .slide-item-disco .thumb img{
  object-fit: cover;
  height: 100%;
  object-position: center;
}
#disco-slide .slide-item-disco .data{
  margin-top: min(30px,5vw);
  line-height: 1.5;
}
#disco-slide .slide-item-disco .data .date{
  font-size:1.0714em;
}
#disco-slide .slide-item-disco .data .title{
  font-size: 1.2857em;
}
/*SITE CONTENTS
==================================*/
.sec-contents-blc{
   margin-top: min(180px,20vw);
  -ms-align-items: center;
  align-items: center;
}

.sec-contents-box{
  width: 100%;
  margin-top: min(30px,15vw);
  gap:min(50px,5vw);
  justify-content: center;
}
.sec-contents-box .cnt-item {
  width: min(300px,calc((100% - 5vw)/2));
  -ms-align-items: center;
  align-items: center;
}
.sec-contents-box .cnt-item .thumb{
  width: 100%;
  aspect-ratio:1/.6;
  background: var(--gra-nvy);
  border-radius: 10px;
}
.sec-contents-box .cnt-item .title{
  font-size: 2.8571em;
  margin-top: 5px;
}

/*FUNCLUB
======================================*/

.sec-funclub-blc{
  background: url("/image/tbb_template/HongJinyoung/hongjinyoung/wall-fun.png") no-repeat top center/100%;
  margin-top: min(180px,20vw);
  padding-left: 20px;
  padding-right: 20px;
  gap:min(110px,15vw);
}
.sec-funclub-box{
  padding: min(70px,5vw) min(75px,5vw) min(100px,15vw);
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0px 0px 5px rgba(0,0,0,.15));
  
}
.sec-fanclub-head
,.sec-fanclub-head .title{
  -ms-align-items: center;
  align-items: center;
  gap:min(20px,5vw);
}
.sec-fanclub-head{
  padding-top: min(140px,20vw);
  gap:min(50px,8vw);
}
.sec-fanclub-head .logo{
  width: min(174px,35vw);
}
.sec-fanclub-head .logo svg .st0{
  fill:var(--clr-ylw);
}
.sec-fanclub-head .in-title{
  font-size: 3.6364em;
  font-weight: 700;
  color:var(--clr-ylw);
}

.sec-fanclub-head .btn-wrap{
  width: 100%;
  justify-content: center;
  gap:min(46px,5vw)
  
}
.sec-fanclub-head .top-text{
  color: var(--clr-ylw);
  font-weight: 600;
}


.funclub-box-wrap{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap:min(33px,10vw);
  color: var(--clr-ylw);
}
.funclub-box-wrap > .fun-item{
  width: max(calc((100% - 33px)/2),calc((100% - 10vw)/2));
  background: var(--gra-nvy);
  border-radius: 10px;
   padding: min(33px,8vw) min(33px,5vw) min(70px,12vw);
}
.funclub-box-wrap > .fun-item.full{
  width: 100%;
  padding: min(33px,5vw) min(33px,5vw) min(38px,6vw);
}
.funclub-box-wrap.menu > .fun-item::after{
  content: "";
  width: min(90px,50vw);
  height: 5.5px;
  border-radius: 20px;
  background: var(--bs-gra-nvy);
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  
  
}
.funclub-box-wrap.fee > .fun-item.full{
  padding: 0;
}
.funclub-box-wrap .fun-item .in-title{
  font-size: 2.2857em;
  font-weight: 600;
}
.funclub-box-wrap .fun-item .in-text{
  font-size: 1.0714em;
  line-height: 1.6667;
  margin-top: 1.5em;
}
.funclub-box-wrap .fun-item.clm{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.funclub-box-wrap .fun-item.clm > *{
  width: min(390px,calc(100% - 5vw)/2)
}
.funclub-box-wrap .fun-item.clm .card figure{
  width: 100%;
  aspect-ratio:1/0.66;
  background: #fff;
  border-radius: 10px;
}

.funclub-box-wrap.fee {
  margin-top: min(143px,20vw);
  color: #fff;
}
.funclub-box-wrap.fee .title{
  color: var(--clr-nvy);
  width: 100%;
  font-size: 2.2857em;
  font-weight: 600;
  text-align:center;
}
.funclub-box-wrap.fee .title + *{
  margin-top: min(27px,10vw);
}
.fun-fee-list span.att{
  color: var(--clr-ylw);
}
.fun-fee-list > * + *{
  border-top: 1px solid #fff;
}
.fun-fee-list dt
,.fun-fee-list dd{
  padding: min(30px,4vw) min(30px,5vw) min(50px,5vw);
  line-height: 1.6667;
}
.fun-fee-list dt{
  width: 28%;
}
.fun-fee-list dd{
  width: 72%;
  border-left: 1px solid #fff;
}
.funclub-box-wrap.fee .btn-wrap{
  margin-top: min(90px,15vw);
  justify-content: center;
}
/*footer
===================================*/
footer{
  margin-top: auto;
  background: var(--clr-nvy);
  color: #FFF;
  padding-top: min(83px,10vw);
  padding-bottom: min(100px,10vw);
}
.footer-inner{
  justify-content: space-between;
}

.foot-logo{
  -ms-align-items: center;
  align-items: center;
  width: calc((100% - 50px)*.4);
}
.foot-logo .logo{
  width: min(187px,40vw);
}
.foot-logo svg .st0{
  fill:#fff;
}
.foot-nav{
  -ms-align-items: flex-end;
  align-items: flex-end;
  gap:30px;
  width: calc((100% - 50px)*.6);
}
.foot-nav .btn-wrap{
  width: 100%;
  justify-content: flex-end;
  gap:15px;
}
.foot-nav .page-navigation li{
  justify-content: flex-end;
  gap: min(1.5em,2.5vw);
}
.foot-nav .page-navigation li.members-nav{
  color: var(--clr-ylw);
}
.page-navigation li.other-nav a{
  letter-spacing: normal;
  padding-top: 10px;
}
.foot-nav .contents-nav
,.foot-nav .members-nav{
  font-size: 1.1818em;
  letter-spacing: -.03em;
  
  
}