@charset "UTF-8";
/*
Version: 3.1.0
Creation Date: 2025.8.17
Last Updated: 2025.10.8
*/


/* import
------------------------------------------------------------ */
@import "https://cdn.jsdelivr.net/gh/amcosand/shared@main/2025.1.css";
@import "https://use.typekit.net/xqm3ivt.css";
@import "https://use.typekit.net/csv3sqi.css";
@font-face {
font-family: "RDN";
src: url(font/Raiden-Regular.otf);
}
@font-face {
font-family: "RDN-ilc";
src: url(font/Raiden-Italic.otf);
}


/* set
------------------------------------------------------------ */
:root {
--font-en: 'sheepman', serif;
--color-primary: #00441B;
--color-secondary: #BFA666;
}
* {
font-style: normal;
}
body {
font-size: 1.8rem;
line-height: 1.5;
}


/* common
------------------------------------------------------------ */
/* font */
.RDN { /* Raiden Regular */
font-family: "RDN", serif;
font-weight: normal;
letter-spacing: .05em;
}
.RDN-ilc { /* Raiden Italic */
font-family: "RDN-ilc", serif;
font-weight: normal;
letter-spacing: .05em;
}
.SPM { /* Sheepman Regular */
font-family: var(--font-en);
font-weight: 400;
letter-spacing: .05em;
}
.SPM-ilc { /* Sheepman Regular Slanted */
font-family: var(--font-en);
font-weight: 400;
font-style: italic;
}
.KCB { /* Korolev Condensed Bold */
font-family: korolev-condensed, var(--font-base);
font-weight: 700;
}
.KM { /* Korolev Medium */
font-family: korolev, sans-serif;
}

/* layout */
section {
width: 80%;
z-index: 1;
}
.narrow {
width: 74%;
}

/* flexbox */
.col-3 >* {
flex-basis: 31%;
}
.col-3::after {
width: 31%;
}

/* color */
.grn {
color: var(--color-primary);
}
.gld {
color: var(--color-secondary);
}
.red {
color: #d61518;
}

/* hover */
.hvr a {
text-decoration: underline;
}
.hvr a:hover {
text-decoration: none;
}

/* background */
.bg_grn {
background: var(--color-primary);
color: var(--color-secondary);
}
.bg_grn.wht {
color: #FFF;;
}
.bg_gld {
background: var(--color-secondary);
color: var(--color-primary);
}
.bg_wht {
color: var(--color-text);
}
.bg_beige {
background: #ebe6d5;
}
.line_right::before,
.line_left::after {
content: "";
background: url("img/line_right.svg") no-repeat center/contain;
width: 30vw;
aspect-ratio: 410 / 537;
position: absolute;
top: -20vw;
right: -8vw;
}
.line_left::after {
background: url("img/line_left.svg") no-repeat center/contain;
left: -8vw;
}

/* Swiper */
.swiper-nav {
position: relative;
}
.swiper-prev,
.swiper-next {
top: 50%;
}
ul.flex .swiper-prev,
ul.flex .swiper-next {
position: static;
transform: translateY(0);
}
.swiper.loop .swiper-wrapper {
transition-timing-function: linear !important;
}


/* header
------------------------------------------------------------ */
header {
width: 100%;
height: 70px;
position: fixed;
top: 0;
left: 0;
z-index: 3;
}
header h1 img {
width: auto;
height: 70px;
}
#menu {
right: 70px;
}
#share .btn {
right: 0;
}
.btn {
position: absolute;
top: 0;
width: 70px;
height: 70px;
cursor: pointer;
}
nav {
display: none;
background: rgba(0,68,27,.95);
width: 100%;
height: calc(100vh - 70px);
padding: 3rem 0;
position: absolute;
top: 100%;
right: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
nav ul {
max-width: 90%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, auto);
gap: 1em 4em;
justify-content: center;
}
nav ul li a {
color: #FFF;
font-size: 2rem;
padding: 1rem 0;
display: block;
}
nav li span {
color: var(--color-secondary);
font-size: 3.6rem;
line-height: 1;
display: block;
}
nav li em:before {
font-family: "Font Awesome 6 Free";
content: "\f105";
font-weight: 900;
margin-right: .5em;
}
#share ul {
display: none;
background: rgba(191,166,102,.9);
width: 70px;
position: absolute;
top: 100%;
right: 0;
}


/* main
------------------------------------------------------------ */
main {
margin-top: -1px;
}

/* #about */
#about {
background: url("img/about_bg.jpg") no-repeat top/cover;
}
#about section::before {
content: "";
background: url("img/riger_01.svg") no-repeat center/contain;
width: 10.46vw;
aspect-ratio: 143 / 273;
position: absolute;
top: 50%;
left: 5%;
transform: translateY(-50%);
z-index: -1;
}
#about section::after {
content: "";
background: url("img/illust_01.svg") no-repeat center/contain;
width: 22.91vw;
aspect-ratio: 313 / 259;
position: absolute;
top: 50%;
right: -10%;
transform: translateY(-50%);
z-index: -1;
}

/* #time-schedule */
#time-schedule.line_left::after {
top: 40%;
}
#time-schedule section::before {
content: "";
background: url("img/illust_02.svg") no-repeat center/contain;
width: 13.03vw;
aspect-ratio: 178 / 191;
position: absolute;
top: 3rem;
left: 10%;
z-index: -1;
}
.movie-box {
background: url("img/movie_bg.svg") no-repeat center/cover;
width: 84%;
margin: 3rem auto;
padding: clamp(5px, 1.46vw, 20px);
}
#time-schedule figure {
justify-content: center;
gap: 4%;
position: relative;
}
#time-schedule figure > div {
flex: 0 0 42%;
}
#time-schedule figcaption {
flex: 1;
}
#time-schedule figcaption h4 {
padding: 1em;
border: 2px solid var(--color-primary);
border-left: none;
border-radius: 0 2rem 2rem 0;
}
#time-schedule figure:nth-child(even) figcaption {
order: -1;
}
#time-schedule figure:nth-child(even) figcaption h4 {
border: 2px solid var(--color-primary);
border-right: none;
border-radius: 2rem 0 0 2rem;
}
#time-schedule figure:nth-of-type(3)::before {
content: "";
background: url("img/illust_03.svg") no-repeat center/contain;
width: 4.53vw;
aspect-ratio: 62 / 92;
position: absolute;
bottom: 0;
left: -5%;
z-index: -1;
}
#time-schedule figure:nth-of-type(7)::before {
content: "";
background: url("img/illust_04.svg") no-repeat center/contain;
width: 10.02vw;
aspect-ratio: 137 / 187;
position: absolute;
right: -5%;
bottom: -3rem;
z-index: -1;
}

/* #how-to-buy */
#how-to-buy::before {
content: "";
background: url("img/illust_05.svg") no-repeat center/contain;
width: 27.01vw;
aspect-ratio: 369 / 323;
position: absolute;
top: -10%;
left: 3rem;
z-index: -1;
}
#how-to-buy section::before {
content: "";
background: url("img/riger_02.svg") no-repeat center/contain;
width: 10.54vw;
aspect-ratio: 144 / 240;
position: absolute;
top: 0;
right: 5%;
z-index: -1;
}
#how-to-buy .swiper-slide p {
position: absolute;
top: 50%;
left: 42%;
}
#how-to-buy .swiper-slide p a:hover {
text-decoration: underline;
}
#how-to-buy .swiper-slide ul {
display: flex;
position: absolute;
left: 60%;
bottom: 3%;
}
#how-to-buy .swiper-slide li {
margin-right: 1em;
}
#how-to-buy .swiper-prev,
#how-to-buy .swiper-next {
position: static;
}
#how-to-buy .swiper-wrapper + ul.flex {
display: none;
}

/* #seat */
#seat li {
margin-top: 3rem;
}
#seat li div.f24 {
padding: 0 1.5em;
display: inline-block;
border-radius: 100vh;
}
.seat-1 { background: #d0346f; color: #FFF; }
.seat-2 { background: #e4841d; color: #FFF; }
.seat-2-v2 { background: linear-gradient(135deg, #e4841d 50%, #872b7a 50%); color: #FFF; }
.seat-3 { background: #0f98ad; color: #FFF; }
.seat-4 { background: #9b5230; color: #FFF; }
.seat-4-v2 { background: linear-gradient(135deg, #66aa65 50%, #ca9112 50%); color: #FFF; }
.seat-5 { background: #872b7a; color: #FFF; }
.seat-6 { background: #f7e03b; color: var(--color-text); }
.seat-7 { background: #ecbdc6; color: var(--color-text); }
.seat-8 { background: #4ca6dc; color: #FFF; }
.seat-9 { background: #FFF; color: var(--color-text); border: 1px solid var(--color-text);}

/* #access */
#access.line_left::after {
top: -15vw;
}
#access section::before {
content: "";
background: url("img/illust_06.svg") no-repeat center/contain;
width: 15.95vw;
aspect-ratio: 218 / 208;
position: absolute;
top: 3rem;
right: 5%;
z-index: -1;
}

.parent-tabs {
max-width: 90%;
margin: 0 auto;
display: flex;
justify-content: center;
gap: 1.12vw;
}
.parent-tabs li {
cursor: pointer;
}
.parent-content {
background: #FFF;
padding: clamp(10px, 3.66vw, 50px);
padding: 3.6vw;
border: clamp(2px, .5vw, 5px) solid var(--color-primary);
border-radius: 2rem;
}
.parent-content div.opa {
max-width: 70%;
margin: 0 auto;
}
.child-tabs {
margin: 3.66vw auto 2.19rem;
display: flex;
justify-content: center;
}
.child-tabs li {
cursor: pointer;
}
.tab-pane {
display: none;
}
.tab-pane.active {
display: block;
}

/* #gourmet */
#gourmet {
background: url("img/gourmet_bg.jpg") no-repeat top/100% auto;
padding-top: 22vw;
}
#gourmet section {
width: 92%;
}
#gourmet section::before {
content: "";
background: url("img/gourmet_sub_01.png") no-repeat center/contain;
width: 20vw;
aspect-ratio: 1 / 1;
position: absolute;
top: 10vw;
left: -3%;
z-index: -1;
}
#gourmet section::after {
content: "";
background: url("img/gourmet_sub_02.png") no-repeat center/contain;
width: 17vw;
aspect-ratio: 1 / 1;
position: absolute;
top: 15vw;
right: -5%;
z-index: -1;
}
#gourmet .swiper-nav {
margin: 3em 0;
}
#gourmet .swiper {
width: 90%;
}
#gourmet .swiper-slide {
background: #EBE6D5;
height: auto;
padding: 8px 8px 130px;
border: 2px solid var(--color-secondary);
outline: 4px solid var(--color-primary);
outline-offset: -13px;
border-radius: 5vw;
}
#gourmet .swiper-slide > div {
border-radius: 4vw 4vw 0 0;
overflow: hidden;
}
#gourmet .swiper-slide h4 {
color: var(--color-primary);
font-size: 2.4rem;
line-height: 1.2;
padding: .5em 1em;
}
#gourmet .swiper-slide p {
padding: 0 1.5em;
}
#gourmet .swiper-slide dl {
font-size: 1.6rem;
width: calc(100% - 3rem - 22px);
position: absolute;
left: calc(1.5rem + 11px);
bottom: 30px;
}
#gourmet .swiper-slide dl dt {
background: var(--color-primary);
color: #FFF;
line-height: 25px;
font-weight: 500;
text-align: center;
width: 70px;
height: 25px;
margin: 0 10px 10px 0;
float: left;
clear: both;
}
#gourmet .swiper-slide dl dd {
font-weight: 700;
margin-bottom: 10px;
}

/* #event */
#event section::before {
content: "";
background: url("img/event_sub.png") no-repeat center/contain;
width: 24.12vw;
aspect-ratio: 659 / 520;
position: absolute;
top: 3rem;
left: -10%;
z-index: -1;
}
#event section::after {
content: "";
background: url("img/illust_08.svg") no-repeat center/contain;
width: 7.61vw;
aspect-ratio: 104 / 184;
position: absolute;
top: 3rem;
right: 10%;
z-index: -1;
}
#event h2 {
position: relative;
}
#event h2::before {
content: "";
background: url("img/illust_07.svg") no-repeat center/contain;
width: 4.53vw;
aspect-ratio: 62 / 92;
position: absolute;
top: 5rem;
right: 70%;
z-index: -1;
}

/* #rules */
#rules section::before {
content: "";
background: url("img/illust_09.svg") no-repeat center/contain;
width: 6.07vw;
aspect-ratio: 83 / 172;
position: absolute;
top: 3rem;
left: 0;
z-index: -1;
}
#rules section::after {
content: "";
background: url("img/riger_03.svg") no-repeat center/contain;
width: 9.73vw;
aspect-ratio: 133 / 181;
position: absolute;
top: 3rem;
right: 15%;
z-index: -1;
}
#rules h3 {
padding-bottom: .5rem;
border-bottom: .5rem solid var(--color-primary);
}
#rules h3 em {
background: var(--color-primary);
color: #FFF;
padding: .3em 2em;
border-radius: 2rem 2rem 0 0;
}
#rules .swiper-slide {
background: linear-gradient(to bottom, #FAFCFA 0%, #E6ECE9 100%);
height: auto;
padding: 5px 5px 2rem;
border: 1px solid #DCDDDD;
border-radius: 2rem;
overflow: hidden;
}
#rules .swiper-slide h4 {
color: var(--color-primary);
font-size: 2.2rem;
line-height: 1.2;
padding: .5em 1em;
}
#rules .swiper-slide p {
font-size: 1.9rem;
padding: 0 1em;
}

/* #goods */
#goods section::before {
content: "";
background: url("img/illust_10.svg") no-repeat center/contain;
width: 8.27vw;
aspect-ratio: 113 / 174;
position: absolute;
top: 2rem;
right: 5%;
z-index: -1;
}

/* #player */
#player section::before {
content: "";
background: url("img/riger_04.svg") no-repeat center/contain;
width: 7.83vw;
aspect-ratio: 107 / 215;
position: absolute;
top: 5rem;
left: 10%;
z-index: -1;
}

/* #schedule */
#schedule section::before {
content: "";
background: url("img/riger_05.svg") no-repeat center/contain;
width: 12.44vw;
aspect-ratio: 170 / 153;
position: absolute;
top: 5rem;
left: 5%;
z-index: -1;
}
#schedule table th {
background: var(--color-primary);
color: #FFF;
font-size: 1.9rem;
padding: .5em;
border: 2px solid #C9CACA;
}
#schedule table td {
background: #EBE6D5;
color: var(--color-primary);
font-size: 1.9rem;
font-weight: 700;
padding: 1em;
border: 2px solid #C9CACA;
}
#schedule table tr td:nth-child(2) {
text-align: center;
}
#schedule table tr.go_lp {
cursor: pointer;
}
#schedule table tr.go_lp:hover td {
background: #BFB8A7;
transition: background-color .3s;
}

/* #fun-club */
#fun-club section::before {
content: "";
background: url("img/fun-club_sub_01.png") no-repeat center/contain;
width: 17.27vw;
aspect-ratio: 1 / 1;
position: absolute;
top: -3rem;
left: 0;
z-index: -1;
}
#fun-club section::after {
content: "";
background: url("img/fun-club_sub_02.png") no-repeat center/contain;
width: 17.27vw;
aspect-ratio: 1 / 1;
position: absolute;
top: 1rem;
right: -5%;
z-index: -1;
}
#fun-club ul.col-3 li {
padding: .3em;
display: flex;
justify-content: center;
align-items: center;
border-radius: 1rem;
}

/* #faq */
#faq section::before {
content: "";
background: url("img/riger_06.svg") no-repeat center/contain;
width: 6.88vw;
aspect-ratio: 94 / 232;
position: absolute;
top: -4rem;
left: 5%;
z-index: -1;
}
#faq section::after {
content: "";
background: url("img/illust_11.svg") no-repeat center/contain;
width: 9.73vw;
aspect-ratio: 133 / 191;
position: absolute;
top: 1rem;
right: 3%;
z-index: -1;
}
#faq dl a {
text-decoration: underline;
}
#faq dl a:hover {
text-decoration: none;
}
#faq dl dt,
#faq dl dd {
background: var(--color-primary);
font-size: 2rem;
color: #FFF;
margin-top: clamp(1.8rem, 2.7vw, 3.8rem);
padding: 1.2em 3em 1.2em 9vw;
position: relative;
cursor: pointer;
}
#faq dl dt::before,
#faq dl dd::before {
content: "";
background: url("img/faq_q.svg") no-repeat center/contain;
width: 6.5vw;
aspect-ratio: 1 / 1;
position: absolute;
bottom: 0;
left: 1.5vw;
}
#faq dl dd::before {
background: url("img/faq_a.svg") no-repeat center/contain;
top: 0;
bottom: auto;
}
#faq dl dt::after {
content: "＋";
font-size: 3rem;
font-weight: 400;
position: absolute;
top: 50%;
right: .5em;
transform: translateY(-50%);
}
#faq dl dt.open::after {
content: "ー";
}
#faq dl dd {
display: none;
background: #FFF;
color: var(--color-text);
font-size: 1.8rem;
min-height: 6.5vw;
margin-top: 0;
padding: 1em 3em 2em 9vw;
border-radius: 0 0 2rem 2rem;
}


/* footer
------------------------------------------------------------ */
footer .mascot img {
max-width: 20vw;
}
footer h1 img {
width: clamp(25rem, 31vw, 42.5rem);
}
footer li {
width: clamp(5rem, 6vw, 6rem);
margin: 0 .5em;
}

/* #pagetop */
#pagetop a {
background: var(--color-secondary);
}
#pagetop a::before {
border-top: 3px solid var(--color-primary);
border-right: 3px solid var(--color-primary);
right: 19px;
}

/* #ticket */
#ticket {
position: fixed;
right: 1em;
bottom: 1em;
z-index: 1;
}
#ticket img {
width: clamp(8rem, 12vw, 12vw);
}





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

/* common
------------------------------------------------------------ */
/* layout */
section,
.narrow {
width: 92%;
}

}


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

/* common
------------------------------------------------------------ */
/* Swiper */
.swiper-prev {
left: -3%;
}
.swiper-next {
right: -3%;
}

/* main
------------------------------------------------------------ */
/* #time-schedule */
#time-schedule.line_left::after {
display: none;
}
.movie-box {
width: 100%;
}
#time-schedule figure {
margin-bottom: 5rem;
}
#time-schedule figure > div {
flex: 0 0 30%;
}

/* #how-to-buy */
#how-to-buy::before {
top: -12%;
left: -3rem;
}
#how-to-buy section::before {
top: 3rem;
right: 0;
}
#how-to-buy .swiper-slide ul {
display: none;
}
#how-to-buy .swiper-wrapper + ul.flex {
display: flex;
}

/* #event */
#event h2::before {
top: 7rem;
right: 75%;
}

/* #rules */
#rules section::after {
top: 8rem;
right: 10%;
}

/* #schedule */
#schedule section::before {
top: 8rem;
left: 0;
}
#schedule table th {
font-size: 1.6rem;
border: 1px solid #C9CACA;
}
#schedule table td {
font-size: 1.6rem;
padding: .5em;
border: 1px solid #C9CACA;
}
#schedule table td em.f22 {
font-size: 1.9rem;
}

/* #fun-club */
#fun-club ul.col-3 li {
font-size: 1.8rem;
padding: 1em .3em;
}

/* #faq */
#faq dl dt::before {
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
#faq dl dd::before {
top: 1rem;
}

}


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

/* common
------------------------------------------------------------ */
/* style */
.scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.scroll img {
width: 150%;
max-width: none; 
display: block;
}
.scroll::before {
content: "scroll ↔";
text-align: left;
margin-bottom: 1em;
padding-left: 1em;
display: block;
}

/* header
------------------------------------------------------------ */
header {
height: 50px;
}
header h1 img {
height: 50px;
}
#menu {
right: 50px;
}
.btn {
width: 50px;
height: 50px;
}
nav {
height: calc(100vh - 50px);
}
nav ul {
gap: 1em 2em;
}
nav ul li a {
font-size: 1.6rem;
padding: .5rem 0;
}
nav li span {
font-size: 2rem;
}
#share ul {
width: 50px;
}

/* main
------------------------------------------------------------ */
main h2.center img {
max-height: 10rem;
}

/* #about */
#about section::before,
#about section::after {
display: none;
}
#about .f33 {
font-size: 2.2rem;
}
#about .f49 {
font-size: 4rem;
}
#about p br {
display: none;
}

/* #time-schedule */
#time-schedule section {
padding-bottom: 0;
}
#time-schedule section::before {
width: 25vw;
top: 1rem;
left: -5%;
}
#time-schedule .f32 {
font-size: 2.8rem;
}
#time-schedule figure > div {
width: 60%;
margin: 0 auto -5rem;
}
#time-schedule figcaption h4 {
padding: .5em;
}
#time-schedule figure:nth-of-type(3)::before,
#time-schedule figure:nth-of-type(7)::before {
display: none;
}

/* #how-to-buy */
#how-to-buy::before,
#how-to-buy section::before {
display: none;
}
#how-to-buy .swiper {
margin-top: 2em;
}
#how-to-buy .swiper-slide p {
font-size: 1.6rem;
position: absolute;
top: 40%;
left: 38%;
}

/* #seat */
#seat::before {
content: "";
background: url("img/illust_05.svg") no-repeat center/contain;
width: 37.01vw;
aspect-ratio: 369 / 323;
position: absolute;
top: -7rem;
left: 1rem;
}
#seat h2.center img {
max-height: 7rem;
}
#seat li {
margin-top: 5rem;
}
#seat .f26 {
font-size: 2.2rem;
}

/* #access */
#access section::before {
width: 25.95vw;
top: -5rem;
right: 0;
}
.parent-content p.f19 {
font-size: 1.8rem;
}
.parent-content p.f20 {
font-size: 1.6rem;
}
.parent-content p {
font-size: 1.4rem;
}
.parent-content iframe {
max-height: 220px;
}

/* #gourmet */
#gourmet .f31 {
font-size: 2.3rem;
}
#gourmet .swiper {
max-width: 80%;
}
#gourmet .swiper-slide p {
font-size: 1.7rem;
}
#gourmet .swiper-slide dl dt {
line-height: 20px;
width: 60px;
height: 20px;
margin: 0 5px 10px 0;
}
#gourmet .swiper-slide dl dd {
font-size: 1.7rem;
margin-bottom: 10px;
}

/* #event */
#event section::before {
display: none;
}
#event section::after {
width: 15vw;
top: -5rem;
right: 0
}
#event h2::before {
width: 10vw;
top: 5rem;
right: 90%;
}
#event .f31 {
font-size: 2.7rem;
}

/* #rules */
#rules section::before {
width: 12vw;
top: -5rem;
left: -3%;
}
#rules section::after {
width: 18vw;
top: -4rem;
right: 25%;
z-index: -1;
}
#rules h3 {
padding-bottom: .2rem;
border-bottom: .2rem solid var(--color-primary);
}
#rules h3 em {
font-size: 1.8rem;
white-space: nowrap;
padding: .3em 1em;
}
#rule_01 {
max-width: 80%;
margin: 0 auto 2rem;
}
#rule_01 li:not(:last-child) {
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid var(--color-primary);
}
#rule_02 li:not(:last-child) {
margin-bottom: 2rem;
}

/* #goods */
#goods section::before {
width: 18vw;
top: -2rem;
right: 0;
}

/* #player */
#player section::before {
width: 15vw;
top: -2rem;
left: 5%;
}
#player .f29 {
font-size: 2.5rem;
}

/* #schedule */
#schedule section::before {
width: 25vw;
top: -3rem;
left: 10%;
}
#schedule div.opa {
width: 70%;
margin: 0 auto 4rem;
}

/* #fun-club */
#fun-club ul.col-3 li {
margin-bottom: 2rem;
outline: 1px solid var(--color-primary);
outline-offset: -3px;
}

/* #faq */
#faq section::before {
width: 12vw;
top: -2rem;
left: 5%;
}
#faq section::after {
width: 18vw;
top: 1rem;
right: 0;
}
#faq dl dt,
#faq dl dd {
font-size: 1.6rem;
}
#faq dl dt::after {
font-size: 2rem;
}
#faq dl dd::before {
top: 1.5rem;
}

/* footer
------------------------------------------------------------ */
/* #pagetop */
#pagetop a {
width: 50px;
height: 50px;
}
#pagetop a::before {
width: 15px;
height: 15px;
border-top: 2px solid var(--color-primary);
border-right: 2px solid var(--color-primary);
top: 21px;
right: 16px;
}

}