@charset "UTF-8";
/* =============================================================
    Base
============================================================= */
:root {
  /* color site */
  --color-main: #191919;
  --color-primary: var(--color-green);
  /* color utility */
  --color-green:#4D9A3F;
  --color-gray:#F0F0F0;
  --color-brown:#C3A27B;
  --color-orenge:#FA6F18;
  --color-border-gray:#DDDDDD;
  --color-price-gray:#676767;
  /* font */
  --font-ja: "Noto Sans JP";
  --font-ja-title: "Zen Maru Gothic", sans-serif;
  --font-en: "Nunito";
  --base-font: var(--font-en), var(--font-ja), sans-serif;
  /* font-wight */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  /* base-font setting */
  --font-ltp: 0.075em;
  --font-lh: 1.4;

  --container-fluid: 100%;
  --container-default: min(100%, 118rem);
  --container-lg: min(100%, 134rem);
  --padding-inline: 2rem;
  --padding-inline-fluid: 3rem;
  --inner-width: 92%;
  /* btn layout setting */
  --border-radius: 2.0rem;
  --border-product-radius: 3.0rem;
  /* hover anime */
  --hover-opacity: 0.6;
}
@media screen and (max-width: 767px) {
  :root {
    --padding-inline: 1.5rem;
    --padding-inline-fluid: 1.5rem;
  }
}
body {
  letter-spacing: var(--font-ltp);
  line-height: var(--font-lh);
  font-family: var(--base-font);
  overflow-x: hidden;
  color: var(--color-main);
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
/* body:has(.s-header-categoryNav:hover)::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(25,25,25,0.6);
  z-index: 9;
  pointer-events: none;
  transition: all 2s ease;
} */
/* ============================================================================================ layout */
.l-container {
  width: var(--container-default);
  padding-inline: var(--padding-inline);
}
.l-container.l-container--lg {
  width: var(--container-lg);
  max-width: var(--container-lg);
}
.p-homeSection {
  padding-top: 7rem;
}
@media screen and (min-width: 768px) {
  .p-homeContentsUnderBtn {
    margin-top: 3.0rem;
  }
  .p-homeSection {
    padding-top: 6rem;
  }
}
/* ============================================================================================ header */
.s-header {
  font-family: var(--font-ja-title);
  font-weight: var(--fw-medium);
}
.s-header-wrap__logo {
  width: 22.2rem;
}
@media screen and (min-width: 992px) {
  .s-header-wrap { 
    padding: 0 3rem;
  }
  .s-header-categoryNav__head {
    font-size: 1.5rem;
    font-weight: var(--fw-medium);
  }
  .s-header-categoryNav__head::after {
    display: none;
  }
  .s-header-wrap {
    gap: 1rem 3rem;
  }
  .s-header-contentsNav__navLink > a {
    font-size: 1.5rem;
    font-family: var(--font-ja-title);
  }
  .s-header-utilityList__item {
    width: fit-content;
  }
  .s-header-utilityList__icon {
    display: flex;
    justify-content: center;
  }
  .s-header-utilityList {
    gap: 0 1.0rem;
  }
  .s-header-utilityList__text {
    white-space: nowrap;
    align-self: center;
  }
  .s-header-utilityList__item--favorite img {
    width: 1.8rem;
  }
  .s-header-utilityList__item--favorite a {
    height: 100%;
    gap: .5rem;
  }
  .s-header-utilityList__item--login img {
    width: 2.3rem;
  }
  .s-header-utilityList__item--cart img {
    width: 1.8rem;
  }
  .s-header-utilityList__item--login .s-header-utilityList__text {
    color: var(--color-white);
  }
  .s-header-utilityList__icon--cart .s-header-utilityList__text {
    color: var(--color-white);
  }
  .s-header-categoryNav__navLink > a {
    font-size: 1.5rem;
    font-weight: var(--fw-regular);
  }
  .s-header-categoryNav__navLink {
    width: fit-content;
    padding-inline: 4.0rem;
  }
  .s-header {
    height: 8.0rem;
  }
  .s-header-wrap {
    height: 8.0rem;
    border-bottom: none;
  }
  .s-header-contentsNavBlock {
    height: 8.0rem;
  }
  .s-header-categoryNav__body {
    top: 8.0rem;
    max-height: calc(100vh - 8.0rem);
  }
  .s-header-contentsNavBlock {
    gap: 0 3.0rem;
  }
  .s-header-contentsNav__navlist {
    gap: 0 3.0rem;
  }
  .s-header-categoryNav__navlist {
    gap: 2rem 1rem;
  }
}
.s-header-utilityList__item--login .s-header-utilityList__icon {
  width: 18rem;
  height: 4rem;
  background-color: var(--color-brown);
  border-top-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.s-header-utilityList__icon--cart {
  width: 18rem;
  height: 4rem;
  background-color: var(--color-green);
  border-top-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  gap: 1rem;
}
.s-header__cartCnt {
  left: 4.1rem;
  top: .4rem;
  right: auto;
  line-height: 1;
  background-color: var(--color-white);
  color: var(--color-green);
}
.s-header-navBlok__nav-sns {
  display: none;
}
@media screen and (max-width: 767px) {
  .s-header-wrap {
    justify-content: flex-start;
    padding: 1.0rem .5rem;
    height: 6.5rem;
  }
  .s-header-wrap__logo {
    width: 18rem;
  }
  .s-header-wrap__nav {
    top: 1.1rem;
    right: .5rem;
    left: auto;
    width: auto;
    height: auto;
  }
  .s-header-utilityList__icon--cart img {
    width: 2.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-inline: auto;
  }
  .s-header-utilityList__icon--cart {
    width: 100%;
    height: 100%;
    --border-radius: 1.0rem;
  }
  .s-header-utilityList {
    justify-content: flex-start;
  }
  .s-header-utilityList__item {
    height: 4.3rem;
    width: 4.3rem;
  }
  .s-header__cartCnt {
    width: 1.8rem;
    height: 1.8rem;
    left: 2.3rem;
    top: .5rem;
  }
  .s-header-navBlok {
    height: 4.3rem;
    width: 4.3rem;
    --border-radius: 1.0rem;
    border-top-right-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    background-color: var(--color-brown);
  }
  .s-header-navBlok__openBtn {
    width: 3.3rem;
    height: 3.3rem;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  .s-header-wrap__utility {
    right: 5.3rem;
    width: auto;
    height: auto;
  }
  .s-header-navBlok__openBtn::before, .s-header-navBlok__openBtn::after, .s-header-navBlok__openBtn > span {
    background-color: var(--color-white);
    width: 2.0rem;
    height: 0.12rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .s-header-navBlok__openBtn::before {
    top: .8rem;
  }
  .s-header-navBlok__openBtn::after {
    top: 2.3rem;
    bottom: auto;
  }
  .s-header-navBlok__openBtn.active::before {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .s-header-navBlok__openBtn.active::after {
    bottom: auto;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  /* ============================================================================================ header sp menu */
  .s-header-navBlok__nav {
    padding-top: 0;
  }
  .s-header-userNav {
    padding: 0;
  }
  .s-header-userNav__head {
    padding: .7rem 1.5rem .8rem 1.5rem;
    background-color: var(--color-gray);
    border: none;
    font-size: 1.5rem;
    font-weight: var(--fw-medium);
  }
  .s-header-userNav__head img {
    display: none;
  }
  .s-header-userNav__title {
    font-size: 1.5rem;
    font-family: var(--font-ja-title);
  }
  .s-header-userNav__body,
  .s-header-categoryNav__navlist,
  .s-header-contentsNav__navlist{
    padding-inline: 1.5rem;
  }
  .s-header-userNav__navLink > a {
    display: flex;
    padding: 1.2rem 0;
    gap: .5rem;
    font-weight: var(--fw-regular);
  }
  .s-header-categoryNav__head, .s-header-contentsNav__head {
    padding: .7rem 1.5rem .8rem 1.5rem;
    font-size: 1.5rem;
    font-weight: var(--fw-medium);
  }
  .s-header-userNav:not(:nth-last-child(1)) {
    margin-bottom: 0rem;
  }
  .s-header-userNav__navLink,
  .s-header-categoryNav__navLink,
  .s-header-contentsNav__navLink {
    border-bottom: 0;
    --stroke: var(--color-brown);
    background:
    repeating-linear-gradient(to right, var(--stroke) 0 1px, transparent 1px 4px)
      top / 100% 1px no-repeat;
  }
  .s-header-userNav__navLink:first-child,
  .s-header-categoryNav__navLink:first-child,
  .s-header-contentsNav__navLink:first-child{
    background: none;
  }
  .s-header-contentsNav__navLink.u-hidden-md-down + .s-header-contentsNav__navLink {
    background: none;
  }
  .s-header-categoryNav__navLink > a, .s-header-contentsNav__navLink > a {
    padding: 1.2rem 0;
    font-size: 1.4rem;
    text-align: left;
    font-weight: var(--fw-regular);
  }
  .s-header-categoryNav__head, .s-header-contentsNav__head {
    background-color: var(--color-gray);
  }
  .s-header-navBlok__nav-sns {
    display: flex;
    justify-content: center;
    gap: 2.0rem;
  }
  .s-header-navBlok__nav-sns img {
    width: 3.2rem;
  }
}
/* ============================================================================================ footer */
.s-footer {
  padding: 4rem 0 1rem 0;
  background-color: var(--color-green);
}
.s-footer-guideNav__item > a {
  color: var(--color-white);
}
.p-site-logo {
  margin-bottom: 2rem;
}
.p-site-logo > *{
  text-align: center;
}
.p-site-logo__img {
  margin-inline: auto;
  margin-bottom: .5rem;
}
.p-site-logo__title {
  display: flex;
  flex-direction: column;
  gap: .1rem;
  font-size: 2.3rem;
  font-family: var(--font-ja-title);
  color: var(--color-white);
}
.p-site-logo__sub-text {
  font-size: 1.5rem;
  font-family: var(--font-ja-title);
  color: var(--color-white);
}
.s-footer-snsNav__item {
  width: auto;
}
a.c-commonBtn {
  padding-bottom: 0;
  width: 22rem;
  height: 4.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-top-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  border: 1px solid var(--color-green);
  transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.p-homeSection a.c-commonBtn {
  width: 24rem;
}
.c-commonBtn__text {
  font-size: 1.4rem;
  font-family: var(--font-en);
  color: var(--color-green);
}
.c-commonBtn .c-commonBtn__img {
  width: 2.2rem;
}
.s-footer-snsNav a.c-commonBtn {
  border: 1px solid var(--color-white);
}
.s-footer-snsNav .c-commonBtn__text {
  color: var(--color-white);
}
.s-footer-guideNav__item > a {
  font-family: var(--font-ja-title);
}
.s-footer__copy {
  margin-top: 3.0rem;
  position: relative;
  max-width: none;
  text-align: center;
  padding-top: 1rem;
  font-size: 1.2rem;
  color: var(--color-white);
  font-family: var(--font-ja-title);
}
@media screen and (min-width: 768px) {
  .s-footer__nav {
    margin-top: 3rem;
  }
  .s-footer-guideNav {
    gap: 1rem 3rem;
  }
  .s-footer-snsNav {
    gap: 0 1.5rem;
  }
  .s-footer-guideNav__item > a {
    font-size: 1.3rem;
  }
  .s-footer__copy::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    --stroke: var(--color-white);
    background:
    repeating-linear-gradient(to right, var(--stroke) 0 1px, transparent 1px 5px)
      top / 100% 1px no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-site-logo__img {
    width: 5.3rem;
  }
  .s-footer-snsNav {
    gap: 0 1.0rem;
  }
  a.c-commonBtn {
    width: 16.7rem;
  }
  .c-commonBtn .c-commonBtn__img {
    width: 2.0rem;
  }
  .s-footer__nav {
    margin-top:2.4rem;
  }
  .s-footer-guideNav__item > a {
    padding: 1.2rem 0rem;
  }
  .s-footer__copy {
    font-size: 1.1rem;
    padding-top: 1.2rem;
    margin-top: 0;
  }
  .s-footer-guideNav__item {
    position: relative;
    border-top: none;
  }
  .s-footer-guideNav__item {
    --stroke: var(--color-white);
    background:
    repeating-linear-gradient(to right, var(--stroke) 0 1px, transparent 1px 4px)
      top / 100% 1px no-repeat;
  }
  .s-footer-guideNav__item:last-child {
    background:
    /* 上線 */
    repeating-linear-gradient(to right, var(--stroke) 0 1px, transparent 1px 4px)
      top / 100% 1px no-repeat,
    /* 下線 */
    repeating-linear-gradient(to right, var(--stroke) 0 1px, transparent 1px 4px)
      bottom / 100% 1px no-repeat;
  }
  .s-footer-guideNav {
    border-bottom: none;
  }
}
/* ============================================================================================ common parts */
.c-product-head__status {
  margin-bottom: .35em;
  position: static;
}
.c-product-sIcon {
  gap: .4rem;
}
.c-product-sIcon__item:not(:has(img)), 
.c-productUser-sIcon__item:not(:has(img)) {
  display: none;
}
.c-product-sIcon__item img,
.c-productUser-sIcon__item img {
  height: 1.8rem;
}
/* =============================================================
    Top
============================================================= */
/* ============================================================================================ mainvisual */
.m-mainVisualTitle {
  position: absolute;
  left: 13rem;
  bottom: 3.8rem;
  font-family: var(--font-ja-title);
  color: var(--color-white);
  letter-spacing: 0.1em;
}
.m-mainVisualTitle__title {
  font-weight: var(--fw-medium);
  font-size: 3.4rem;
  line-height: calc(54.4/34);
  letter-spacing: 0.085em;
}
.m-mainVisualTitle__sub-title {
  margin-top: 1.0rem;
  font-size: 1.8rem;
  line-height: calc(28.8/18);
}
.p-homeSection__title-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.0rem;
}
.p-homeSection__title {
  margin-bottom: 0;
  font-size: 3.4rem;
  line-height: calc(46/34);
  color: var(--color-green);
  font-family: var(--font-en);
}
.p-homeSection__sub-title {
  font-size: 1.4rem;
  line-height: calc(19.6/14);
  color: var(--color-green);
  font-family: var(--font-ja-title);
  font-weight: var(--fw-medium);
}
@media screen and (max-width: 767px) {
  .m-mainVisualTitle {
    left: 1.5rem;
  }
  .m-mainVisualTitle__title {
    font-size: 2.5rem;
  }
  .m-mainVisualTitle__sub-title {
    margin-top: 1.0rem;
    font-size: 1.5rem;
  }
  .p-homeSection__title {
    font-size: 2.9rem;
  }
  .p-homeSection__sub-title {
    font-size: 1.3rem;
  }
  .p-homeSection__title-group {
    margin-bottom: 2.5rem;
  }
}
/* ============================================================================================ LINE UP */
.p-homeSection[data-area="line-up"] {
  padding-top: 8.3rem;
}
@media screen and (max-width: 767px) {
  .p-homeSection[data-area="line-up"] {
    padding-top: 4.0rem;
  }
}
/* ============================================================================================ NEWS */
.p-homeNewsList__item:nth-child(n+5) {
  display: none;
}
.p-homeNewsList-body {
  position: relative;
  border-bottom: none;
}
.p-homeNewsList-body::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  --stroke: var(--color-brown);
  background:
    repeating-linear-gradient(to right, var(--stroke) 0 1px, transparent 1px 4px)
      top / 100% 1px no-repeat;
}
.p-homeNewsList-body:last-child::after {
  background:
    /* 上線 */
    repeating-linear-gradient(to right, var(--stroke) 0 1px, transparent 1px 4px)
      top / 100% 1px no-repeat,
    /* 下線 */
    repeating-linear-gradient(to right, var(--stroke) 0 1px, transparent 1px 4px)
      bottom / 100% 1px no-repeat;
}
.p-homeNewsList-body__time {
  width: 12rem;
  color: var(--color-green);
  font-family: var(--font-en);
}
.p-homeNewsList {
  border: none;
}
.p-homeContentsUnderBtn a.c-commonBtn {
  margin-inline: auto;
}
.p-homeNewsList-body__title span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-homeNewsList-body--link:hover a {
  transition: opacity var(--transition-default);
}
@media screen and (min-width: 768px) {
  .p-homeNewsList-body {
      padding: 2rem 0rem 2rem 1rem;
  }
  .p-homeNewsList-body__title {
    max-width: calc(100% - 12rem);
    line-height: calc(19.6/14);
  }
}
@media screen and (max-width: 767px) {
  .p-homeNewsList-body {
    padding: 1.5rem 0;
  }
  .p-homeNewsList-body__time {
    margin-bottom: .5rem;
  }
  .p-homeNewsList-body__title span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/* ============================================================================================ RANKING */
@media screen and (min-width: 768px) {
  .m-productLineHome-col2-md5 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap:3.0rem 2.8rem ;
  }
  .m-productLineHome-col2-md5__item {
    width:  100%;
  }
  .p-page-home .c-product-body__price {
    margin-top: .5rem;
    font-size: 1.4rem;
    font-family: var(--font-en);
  }
  .p-page-home .c-product-body__price + .c-product-body__price{
    margin-top: 0;
  }
}
.p-page-home .c-product-body__title-name {
  font-size: 1.4rem;
}
.p-page-home .c-product-head__rank {
  display: none;
}
.p-page-home .c-product-head__picture::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.p-page-home .c-product-head__image {
  object-fit: cover;
}
.p-page-home .c-product-head__image {
  border-top-right-radius: var(--border-product-radius);
  border-bottom-left-radius: var(--border-product-radius);
}
.p-page-home .c-product-head__picture {
  margin-bottom: 1.0rem;
}
.p-page-home .c-product-body__price-subscPromotion {
  margin-top: 0;
  font-size: 1.3rem;
  height: 2.5rem;
  padding-block: 0;
}
.p-page-home .c-product-body__price-subscPromotion span {
  line-height: 2.5rem;
}
.p-page-home .c-product-body__price-subsc-icon {
  font-size: 1.3rem;
  border-radius: 0;
  padding: 0rem 0.5rem;
  line-height: 2.0rem;
  border: 1px solid var(--color-border-gray);
  font-weight: normal;
  color: var(--color-main);
}
.p-page-home .c-product-body__price-block {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.p-page-home .c-product-body__price-subsc-price {
  color: var(--color-main);
}
.p-page-home .c-product-body__price-subsc {
  column-gap: .8rem;
}
.p-page-home .c-product-body {
  margin-top: 0;
}
.p-page-home .c-product-body__price-normal-price {
  margin-left: .8rem;
  position: relative;
  font-size: 1.2rem;
  color: var(--color-price-gray);
}
.p-page-home .c-product-body__price-normal-price::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: var(--color-price-gray);
  left: 0;
  top: .8rem;
}
@media screen and (max-width: 767px) {
  .p-page-home .c-product-body__title-name {
    font-size: 1.5rem;
  }
  .p-page-home .c-product-body__title {
    margin-bottom: .5rem;
  }
  .p-page-home .c-product-body__price-normal-price {
    margin-left: .5rem;
  }
  .p-page-home .c-product-head__status {
    padding-right: 0;
  }
}
/* ============================================================================================ CATEGORY */
.p-category {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2.0rem 2.7rem;
}
.p-category__img img {
  border-top-right-radius: var(--border-product-radius);
  border-bottom-left-radius: var(--border-product-radius);
}
.p-category__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.0rem;
  gap: 1.0rem;
}
.p-category__text--en {
  font-size: 1.8rem;
  font-family: var(--font-en);
  line-height: 1;
}
.p-category__text--ja {
  font-size: 1.3rem;
  font-family: var(--font-ja-title);
  line-height: 1;
  font-weight: var(--fw-medium);
}
@media screen and (max-width: 767px) {
  .p-category {
    grid-template-columns: 1fr;
    gap: 2.5rem 0rem;
  }
  .p-category__text {
    margin-top: 1rem;
    gap: .8rem;
  }
  .p-category__text--en {
    font-size: 1.6rem;
  }
}
/* ============================================================================================ concept */
.p-concept--container {
  width: 100%;
  padding-inline: var(--padding-inline-fluid);
}
.p-concept {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 55rem;
  border-top-right-radius: 5rem;
  border-bottom-left-radius: 5rem;
}
.p-concept::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  background: url(/assets/img/top/section-visual.jpg) no-repeat center/cover;
  z-index: -1;
}
[data-area="concept"] .l-container {
  position: relative;
  height: 100%;
}
.p-concept__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  color: var(--color-white);
}
.p-concept__content-title {
  font-size: 2.6rem;
  line-height: calc(41.6 / 26);
  font-family: var(--font-ja-title);
  font-weight: var(--fw-medium);
  margin-bottom: 1.5rem;
}
.p-concept__content-text {
  font-size: 1.5rem;
  line-height: calc(22.5/15);
  margin-bottom: 3.0rem;
}
.p-concept__content .c-commonBtn {
  border-color: var(--color-white);
}
.p-concept__content .c-commonBtn__text {
  color: var(--color-white);
}
@media screen and (max-width: 767px) {
  .p-concept {
    border-top-right-radius: 3rem;
    border-bottom-left-radius: 3rem;
  }
  .p-concept__content {
    margin-top: auto;
    justify-content: end;
  }
  .p-concept__content-title {
    font-size: 2.3rem;
  }
  .p-concept__content-text {
    font-size: 1.4rem;
    margin-bottom: 4.0rem;
    line-height: calc(22.4/ 14);
  }
  .p-concept__content-link-area {
    padding-bottom: 3.0rem;
  }
  .p-concept__content-link {
    margin-inline: auto;
  }
  .p-concept::after {
    background: url(/assets/img/top/section-visual-sp.jpg) no-repeat center/cover;
  }
}
/* ============================================================================================ hover action */
@media (hover: hover) and (pointer: fine) {
  .c-commonBtn.c-hover-anim:hover {
    border-color:  var(--color-green);
    background-color: var(--color-green);
    opacity: 1;
  }
  .c-commonBtn.c-hover-anim:hover .c-commonBtn__text {
    color: var(--color-white);
  }
  .p-category__list:hover {
    opacity: var(--hover-opacity);
    transition: opacity var(--transition-default);
  }
  .s-header-categoryNav:hover {
    border-bottom: 3px solid var(--color-green);
  }
  .p-homeNewsList-body--link:hover {
    opacity: 1;
  }
  .p-homeNewsList-body--link:hover a {
    opacity: var(--hover-opacity);
  }
}