@charset "UTF-8";

:root {
  /*
   * Color
   */

  --color-project-primary: #FF6C37;
  --color-project-secondary: #FFCB00;
  /* --color-project-tertiary: #B7A72D; */

  --color-project-bg: #FDF8EF;
  /* --color-project-bg-normal: #F4F1EA; */
  --color-project-bg-high: #E8E2DE;

  --color-project-border: var(--color-project-bg-high);
  --color-project-border-form: #DDDDDD;


  --color-project-text: #332820;
  /* --color-project-sub-text: #7E7559; */
  --color-project-error: #DB2320;
  --color-project-cta: #D15348;
  --color-project-cta-fixed: #810D02;

  --color-danger: var(--color-project-error);
  --color-red: var(--color-project-error);
  --color-price-special: var(--color-project-error);
  --color-primary: var(--color-project-primary);



  /*
   * Font
   */

  --font-notosans: "Noto Sans JP";
  --font-inter: "Inter";

  --font-ja: var(--font-notosans);
  --font-en: var(--font-inter);
  --font-main: var(--font-inter), var(--font-notosans), Arial, Meiryo, sans-serif;

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --header-ticker-height-pc: 3.6rem;
  --header-ticker-height-sp: 2.5rem;
  --header-height-pc: 6.8rem;
  --header-height-sp: 6rem;

  --header-height: 8.5rem;

  /*
   * z-index
   */

  --zindex-header: 1000;
  --zindex-header-bg: 900;
  --zindex-pagetop-button: 800;


  /*
   * Block
   */

  /* --width-project-content: 114rem;
  --padding-project-horizontal: 1.5rem;
  --width-project-general: min(100%, calc(var(--width-project-content) + (var(--padding-project-horizontal) * 2)));

  --header-height: 6rem; */


  /*
   * Animation
   */

  --transition-duration-default: 300ms;
  --transition-hover: 150ms ease;
  --hover-opacity: 0.7;

}

@media (min-width: 992px) {
  :root {
    /* --width-project-wider: min(100%, calc(134rem + (var(--padding-project-horizontal-wider) * 2)));
    --padding-project-horizontal-wider: 4rem;
    --header-height: 8.4rem; */

    /* --padding-project-horizontal: 2rem; */

    --header-height: 8.7rem;
  }
  
}

/*
 * Structure
 */

html {
  /* background-color: var(--color-project-bg);

  color: var(--color-project-text);
  font-family: var(--font-main);
  font-optical-sizing: auto;
  font-style: normal;

  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--ticker-height, 0rem) + var(--header-prime-height, 0rem) + 1.6rem); */
  scroll-padding-top: var(--header-height);
}
html:has(.s-header-navBlok__openBtn.active){
  overflow: hidden;
}

@media screen and (max-width: 992px) {
  /* html {
    background-color: var(--color-primary);
  }
  body {
    background-color: var(--color-project-bg);
  } */
}
body{
  font-family: var(--font-main);
  color: var(--color-project-text);
  letter-spacing: .075em;
  line-height: 1.5;
}
html:has(.p-page-guide),
html:has(.p-page-faq) {
  scroll-behavior: auto;
}
img {
  image-rendering: auto;
}
.s-header {
  top: calc(var(--header-ticker-height-sp) * -1);
  height: auto;
  position: sticky;
  z-index: 1000;
}

.s-header__catch{
  min-height: var(--header-ticker-height-sp);
  display:grid;
  place-content: center;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: .1em;
  text-align: center;
  color: #fff;
  font-weight: var(--fw-medium);
  background-color: var(--color-project-primary);
}
.s-header-wrap{
  border-top: 3px solid var(--color-project-secondary);
  height: var(--header-height-sp);
  position: relative;
}
.s-header-wrap__logo {
  width: 13.3rem;
}

.s-header-categoryNav__head::after{
  display: none;
}
.s-header-categoryNav{
  border-bottom: unset;
}
.s-header-categoryNav__navLink{
  width: auto;
}
.s-header-categoryNav__navlist{
  justify-content: center;
}

.s-header-utilityList__item{
  width:4rem
}
[data-page="account"]{
  width: 5rem;
}
.s-header-utilityList__icon img{
  width: 2.8rem;
}
.s-header-utilityList__icon,
.s-header-utilityList__icon figure{
  display:grid;
  justify-items: center;
  gap: .5rem;
}
.s-header-utilityList__iconLabel{
  display: block;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  color: var(--color-project-primary);
  font-weight: var(--fw-medium);
}
.s-header__cartCnt{
  background-color: var(--color-project-primary);
  font-size: 1rem;
  text-align: center;
  color: #fff;
  font-weight: var(--fw-medium);
  display: grid;
  place-content: center;
}

.s-header-navBlok__openBtn{
  position: absolute;
  left: 0;
  background-color: var(--color-project-secondary);
  width: 5rem;
  height: 100%;
  top: 0;
}
.s-header-navBlok__openBtn::before, .s-header-navBlok__openBtn::after, .s-header-navBlok__openBtn > span{
  background-color: #fff;
  height: 2px;
  border-radius: 4em;
  left: 0;
  right: 0;
  margin-inline: auto;
}
.s-header-navBlok__openBtn::before{
  top: 2.1rem
}
.s-header-navBlok__openBtn::after{
  bottom: 2.1rem
}
.s-header-navBlok__openBtn.active::before {
  transform: translateY(0.65rem) rotate(-45deg);
}
.s-header-navBlok__openBtn.active::after{
  transform: translateY(-0.65rem) rotate(45deg);
}
.s-headerModalBox{
  background-color: rgba(28,28,28,.7);
}
html:has(.s-header-categoryNav:hover) .modal-overlay{
  background-color: rgba(28,28,28,.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--zindex-header-bg);
}
@media screen and (max-width: 1120px) and (min-width: 992px) {
  .s-header-utilityList__item--favorite{
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .s-header {
    top: calc(var(--header-ticker-height-pc) * -1);
  }
  .s-header__catch{
    min-height: var(--header-ticker-height-pc);
  }
  .s-header-wrap {
    height: var(--header-height-pc);
    gap: 1rem 3rem;
    height: 8.7rem;
    border-bottom: unset;
  }
  .s-header-categoryNav a,
  .s-header-categoryNav__head {
    font-size: min(1.2svw,1.5rem);
    letter-spacing: 0.1em;
  }
  .s-header-contentsNavBlock{
    gap: 0 min(2.5svw,2.5rem);
  }
  .s-header__cartCnt{
    right: 0.9rem;
  }
  .s-header-categoryNav .s-header-categoryNav__navLink a{
    text-align: center;
  }
  .s-header-categoryNav__body{
    background-color: #fff;
  }

}

@media screen and (max-width: 991px) {
  .s-header-wrap__nav{
    position: static;
  }
  .s-header-navBlok__nav {
    position: absolute;
    top: 100%;
    padding: 0 0 4rem;
  }
  .s-header-wrap__utility{
    width: auto;
    height: auto;
    display: grid;
    place-content: center;

    top: 0;
    bottom: 0;
    margin-block: auto;
  }
  .s-header-wrap__logo{
    margin-inline: 6.3rem auto;
  }
  .s-header-utilityList{
    gap: 1rem;
  }
  .s-header-userNav{
    padding-inline: 0;
  }
  .s-header-userNav__navlist,
  .s-header-categoryNav__navlist,
  .s-header-contentsNav__navlist{
    padding-inline: 1.5rem;
  }
  .s-header-userNav__navlist .s-header-userNav__navLink:last-child{
    border-bottom: unset;
  }
  .s-header-userNav:not(:nth-last-child(1)){
    margin-bottom: 0;
  }

  .s-header-categoryNav__head{
    font-size: 1.5rem;
  }
  .s-header-userNav__navLink > a{
    padding-block: 1.6rem;
  }
  
}

@media screen and (min-width: 768px) {
  .s-header-wrap__logo {
    width: 15.2rem;
  }

  .s-header-utilityList__item{
    width:5.5rem
  }
  .s-header-utilityList__icon img{
    width: 3rem;
  }

}


.s-footer{
  background-color: var(--color-project-bg);
  padding: 0;
  border-top: unset;
  border-bottom: 6px solid #fff
}
.footer-container{
  padding: 4rem 1.5rem 1.5rem;
}
.footer-main{
  display:grid;
}
.footer-logo{
  width: 21.2rem;
  margin-inline: auto;
}
.footer-logo img{
  width: 100%;
}
.footer-sns-group{
  margin-top: 2.7rem;
  padding-inline: 4rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: .7rem;
}
.footer-button{
  border-radius: 4rem;
  padding: .7rem 1rem;
  display:flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: .1em;
  font-weight: var(--fw-medium);
}
a[data-button-type="line"]{
  border: 1px solid #4DC764;
  color: #4DC764;
}
a[data-button-type="youtube"]{
  border: 1px solid #FF0000;
  color: #FF0000;
}
.footer-button::before{
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
}
[data-button-type="line"]::before{
  width: 2rem;
  height: 2rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_32342%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2032342%22%20transform%3D%22translate(-328%20-2938.586)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_69529%22%20data-name%3D%22%E3%83%91%E3%82%B9%2069529%22%20d%3D%22M20%2C10A10%2C10%2C0%2C1%2C1%2C10%2C0%2C10%2C10%2C0%2C0%2C1%2C20%2C10%22%20transform%3D%22translate(328%202938.586)%22%20fill%3D%22%234cc764%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_69530%22%20data-name%3D%22%E3%83%91%E3%82%B9%2069530%22%20d%3D%22M66.43%2C69.418C66.43%2C66.43%2C63.435%2C64%2C59.754%2C64s-6.676%2C2.43-6.676%2C5.418c0%2C2.678%2C2.375%2C4.921%2C5.583%2C5.345.217.047.513.143.588.329a1.372%2C1.372%2C0%2C0%2C1%2C.022.6s-.078.471-.1.572c-.029.169-.134.66.578.36A21.555%2C21.555%2C0%2C0%2C0%2C65%2C72.751h0a4.82%2C4.82%2C0%2C0%2C0%2C1.431-3.333%22%20transform%3D%22translate(278.239%202878.586)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_69531%22%20data-name%3D%22%E3%83%91%E3%82%B9%2069531%22%20d%3D%22M201.125%2C130.753a.127.127%2C0%2C0%2C0%2C.127-.127v-.473a.128.128%2C0%2C0%2C0-.127-.127H199.85v-.492h1.275a.127.127%2C0%2C0%2C0%2C.127-.127v-.473a.128.128%2C0%2C0%2C0-.127-.127H199.85v-.492h1.275a.127.127%2C0%2C0%2C0%2C.127-.127v-.473a.128.128%2C0%2C0%2C0-.127-.128h-1.876a.127.127%2C0%2C0%2C0-.127.128v0h0v2.908h0v0a.127.127%2C0%2C0%2C0%2C.127.127h1.876Z%22%20transform%3D%22translate(141.323%202818.976)%22%20fill%3D%22%234cc764%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_69532%22%20data-name%3D%22%E3%83%91%E3%82%B9%2069532%22%20d%3D%22M90.12%2C130.753a.127.127%2C0%2C0%2C0%2C.127-.127v-.473a.128.128%2C0%2C0%2C0-.127-.127H88.845v-2.313a.128.128%2C0%2C0%2C0-.127-.128h-.473a.127.127%2C0%2C0%2C0-.128.128v2.911h0v0a.127.127%2C0%2C0%2C0%2C.128.127H90.12Z%22%20transform%3D%22translate(245.39%202818.976)%22%20fill%3D%22%234cc764%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_69533%22%20data-name%3D%22%E3%83%91%E3%82%B9%2069533%22%20d%3D%22M129.218%2C127.585h-.473a.128.128%2C0%2C0%2C0-.128.127v2.914a.128.128%2C0%2C0%2C0%2C.128.127h.473a.127.127%2C0%2C0%2C0%2C.127-.127v-2.914a.127.127%2C0%2C0%2C0-.127-.127%22%20transform%3D%22translate(207.422%202818.976)%22%20fill%3D%22%234cc764%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_69534%22%20data-name%3D%22%E3%83%91%E3%82%B9%2069534%22%20d%3D%22M150.2%2C127.585h-.473a.127.127%2C0%2C0%2C0-.127.127v1.731l-1.333-1.8-.01-.013h0l-.008-.008%2C0%2C0-.007-.006%2C0%2C0-.007%2C0%2C0%2C0-.007%2C0%2C0%2C0-.007%2C0%2C0%2C0-.008%2C0h0l-.008%2C0h-.494a.127.127%2C0%2C0%2C0-.127.127v2.914a.127.127%2C0%2C0%2C0%2C.127.127h.474a.127.127%2C0%2C0%2C0%2C.127-.127V128.9l1.335%2C1.8a.13.13%2C0%2C0%2C0%2C.033.032h0l.008%2C0%2C0%2C0%2C.006%2C0%2C.006%2C0%2C0%2C0%2C.009%2C0h0a.134.134%2C0%2C0%2C0%2C.033%2C0h.471a.127.127%2C0%2C0%2C0%2C.127-.127v-2.914a.127.127%2C0%2C0%2C0-.127-.127%22%20transform%3D%22translate(189.667%202818.976)%22%20fill%3D%22%234cc764%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_24817%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024817%22%20width%3D%2219.631%22%20height%3D%2219.631%22%20transform%3D%22translate(328%202938.956)%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
[data-button-type="youtube"]::before{
  width: 2.404rem;
  height: 1.683rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224.044%22%20height%3D%2216.831%22%20viewBox%3D%220%200%2024.044%2016.831%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_24818%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024818%22%20width%3D%2224.044%22%20height%3D%2216.83%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_32346%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2032346%22%20transform%3D%22translate(0%200)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4063%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204063%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_69535%22%20data-name%3D%22%E3%83%91%E3%82%B9%2069535%22%20d%3D%22M23.541%2C2.628A3.011%2C3.011%2C0%2C0%2C0%2C21.415.5C19.54%2C0%2C12.022%2C0%2C12.022%2C0S4.5%2C0%2C2.628.5A3.011%2C3.011%2C0%2C0%2C0%2C.5%2C2.628%2C31.3%2C31.3%2C0%2C0%2C0%2C0%2C8.415%2C31.3%2C31.3%2C0%2C0%2C0%2C.5%2C14.2a3.011%2C3.011%2C0%2C0%2C0%2C2.126%2C2.126c1.875.5%2C9.394.5%2C9.394.5s7.519%2C0%2C9.394-.5A3.011%2C3.011%2C0%2C0%2C0%2C23.541%2C14.2a31.283%2C31.283%2C0%2C0%2C0%2C.5-5.787%2C31.285%2C31.285%2C0%2C0%2C0-.5-5.787%22%20transform%3D%22translate(0%200)%22%20fill%3D%22red%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_69536%22%20data-name%3D%22%E3%83%91%E3%82%B9%2069536%22%20d%3D%22M48.594%2C31.51%2C54.84%2C27.9%2C48.594%2C24.3Z%22%20transform%3D%22translate(-38.976%20-19.489)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.footer-nav-content{
  margin-top: 3.3rem;
}

.footer-nav-title{
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: .1em;
  color: var(--color-project-primary);
  font-weight: var(--fw-medium);
  text-transform: uppercase;
}
.footer-nav-list li a{
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: .1em;
  display: block;
}
.s-footer__copy{
  margin-top: 1.2rem;
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: .1em;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .s-footer{
    border-bottom: .48rem solid #fff
  }
  .footer-main {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .footer-container{
    max-width: 114rem;
    margin-inline: auto;
    padding-top: 6rem;
  }
  .footer-main{
    max-width: 91rem;
    gap:2.3rem 8rem;
  }

  .footer-logo { 
    width: 25rem;
    grid-area: 1 / 1 / 4 / 2;
  }
  .footer-sns-group { 
    grid-area: 3 / 2 / 4 / 4;
  }
  .footer-nav-content { 
    grid-area: 1 / 2 / 3 / 4;
    margin-top: 0;
  }
  .footer-nav-title{
    margin-bottom: 1.57rem;
  }
  .footer-nav-list{
    display:flex;
    flex-wrap: wrap;
    gap: 1.7rem 3rem;
  }
  .footer-nav-list li a{
    font-size: 1.3rem;
  }
  .footer-sns-group{
    margin-top: 0rem;
    padding-inline: 0;
    display: grid;
    grid-template-columns: 14.4rem 14.4rem;
  }

  .s-footer__copy{
    mtargin-top: 1.1rem;
    text-align: right;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 992px) {
  .footer-nav-title{
    border-bottom: 1px solid var(--color-project-border);
    padding-bottom: 1.6rem;
  }
  .footer-nav-list li a{
    padding-block: 1.4rem;
    border-bottom: 1px solid var(--color-project-border);
  }
}


.l-container{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media screen and (min-width: 768px) {
  .l-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* =============================================================
  Cアイコン調整
============================================================= */

/* positionは一旦トップページのみに適応しています。
必要な箇所はコメントアウトを外して適用してください。(一覧ページで適応の場合は.p-page-homeを削除してください。) */
/* .c-productUser-head__status, */
.p-page-home .c-product-head__status {
  position: static;
  margin-top: 1rem;
}

.c-productUser-sIcon,
.c-product-sIcon{
  gap: 0.4rem;
}
.c-product-sIcon .c-productUser-sIcon__item:not(:has(img)),
.c-productUser-sIcon .c-product-sIcon__item:not(:has(img)),
.c-productUser-sIcon .c-productUser-sIcon__item:not(:has(img)),
.c-product-sIcon .c-product-sIcon__item:not(:has(img)){
  display: none;
}
.c-product-sIcon .c-productUser-sIcon__item:not(:has(img)).c-product-sIcon__item--sold-out,
.c-productUser-sIcon .c-product-sIcon__item:not(:has(img)).c-product-sIcon__item--sold-out,
.c-productUser-sIcon .c-productUser-sIcon__item:not(:has(img)).c-product-sIcon__item--sold-out,
.c-product-sIcon .c-product-sIcon__item:not(:has(img)).c-product-sIcon__item--sold-out{
  display: flex;
}
.c-product-sIcon .c-productUser-sIcon__item img,
.c-productUser-sIcon .c-product-sIcon__item img,
.c-productUser-sIcon .c-productUser-sIcon__item img,
.c-product-sIcon .c-product-sIcon__item img{
  width: auto;
  height: 1.8rem;
}

.c-product-head__sold-out{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
  background-color: rgba(51,40,32,.4);
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: .1em;
  color: #fff;
  font-weight: var(--fw-medium);
}
@media screen and (min-width: 768px) {
  .c-product-head__sold-out{
    font-size: 2.4rem;
  }
}

/* =============================================================
    Common
============================================================= */
.c-theme-title{
	display:grid;
	justify-items: center;
	gap: 0.5rem;
	margin-bottom: 2rem;
	text-align: center;
	line-height: 1.5;
}
.c-theme-title-ja{
	font-size: 2.3rem;
	font-weight: var(--fw-semibold);
	letter-spacing: .1em;
}
.c-theme-title-en{
	font-size: 1.1rem;
	font-weight: var(--fw-medium);
	letter-spacing: .2em;
	color: var(--color-project-primary);
	text-transform: uppercase;
}
@media screen and (min-width: 768px) {
	.c-theme-title{
		gap: 0.7rem;
	}
	.c-theme-title-ja{
		font-size: 2.7rem;
	}
	.c-theme-title-en{
		font-size: 1.2rem;
	}
	[data-section="categoryList"] .c-theme-title{
		margin-bottom: 2.5rem;
	}
}

.p-button--text{
  text-decoration: underline;
  font-size: 1.4rem;
  letter-spacing: .1em;
  line-height: 1.3;
}

.s-headerModalBoxFooterBtn .c-btn{
  border-radius: 4em;
}

/* =============================================================
  カード
============================================================= */
.grid-list{
  display: grid;
  gap: 2rem 1.7rem;
}

[data-section="recommended"] .grid-list{
  grid-template-columns: repeat(2,minmax(0,1fr));
}

@media screen and (min-width: 768px) {
  .grid-list{
    gap: 2rem;
  }
  [data-section="recommended"] .grid-list{
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  [data-section="ranking"] .grid-list{
    grid-template-columns: repeat(5,minmax(0,1fr));
  }
}
@media screen and (max-width: 767px) {
  [data-section="ranking"] .grid-list{
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  [data-section="ranking"] .grid-list .grid-list__item:nth-child(1){
    grid-column: span 2;
  }
}


.c-productUser-head__delete{
  top: 1rem;
  bottom: unset;
}

@media(hover : hover) {
  a{
    transition: opacity var(--transition-duration-default);
  }
  a:hover{
    opacity: var(--hover-opacity);
  }
  .s-header-categoryNav a,
  .s-header-contentsNavBlock__item .s-header-categoryNav__head,
  .s-header-categoryNav__navLink a,
  .footer-nav-list li a{
    transition: color var(--transition-hover);
  }
  .s-header-categoryNav a:hover,
  .s-header-contentsNavBlock__item:hover .s-header-categoryNav__head,
  .s-header-categoryNav__navLink a:hover,
  .footer-nav-list li a:hover{
    color: var(--color-project-primary);
    opacity: 1;
  }
  .s-header-categoryNav:hover{
    border-bottom:unset;
  }
  .p-button--text:hover{
    text-decoration: underline;
  }


}