ul.pc-header-menu {

}
ul.pchummenus > li  a {
    text-align: center;
    font-family: "Cormorant Garamond", serif!important;
}

ul.pchummenus > li  a span {
    display: block;
    font-family: "Noto Serif JP", serif;

}
#slide-menu {
overflow-x: hidden;
overflow-y: auto;
}
#slide-menu-wrap {

}


.category-section__sublist-h3 {
    position: absolute ;
    top: 15px;
    left: 30px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #212d3b;
}
ul.pc-header-menu  > li > ul.category-section__sublist{
    display:none;
    height:0px;
    animation: animateMenuOpen 600ms ease-in;
  animation-fill-mode: forwards;
  margin: 0 auto;
}
ul.pc-header-menu  > li:hover > ul.category-section__sublist{
    display:block;
    position: absolute;
    top:79px;
    left:0px;
    right: 0px;
    color:#666;
    background-color: #fff;
    z-index: 999;
    height: auto;
    animation: animateMenuOpen 600ms ease-in;
    animation-fill-mode: forwards;
    padding: 15px 100px 30px 100px;
    display: flex;
    justify-content : center;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 20px;


}
ul.pc-header-menu  > li:hover > ul li.category-section__subitem.d-flex {
flex-basis: 750px;
}

ul.pc-header-menu  > li:hover > ul li.category-section__subitem.d-flex > div {
    display: flex;
    flex-direction: row;
    justify-content:flex-start;
    text-align: left;
    margin: 0!important;
}
ul.pc-header-menu  > li:hover > ul li.category-section__subitem.d-flex div  a{}
ul.category-section__sublist3{
    display: flex;
    flex-direction: row;
}
ul.pc-header-menu  > li:hover > ul.category-section__sublist:after {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 15px;
}
ul.pc-header-menu  > li:hover > ul.category-section__sublist li {
    width: auto;
    height: auto;
    font-size: 14px;
    text-align: left;
    font-family: "Cormorant Garamond", serif!important;
}
ul.pc-header-menu  > li:hover > ul.category-section__sublist > li a {
    display: block;
    line-height: 1.2em;
    padding: 3px 3px 3px 3px;
    font-family: "Cormorant Garamond", serif!important;
}
ul.pc-header-menu  > li:hover > ul.category-section__sublist li.category-section__subitem-child a {
    padding: 5px 10px 5px 10px;
    font-family: "Cormorant Garamond", serif!important;
}
ul.pc-header-menu  > li:hover > ul.category-section__sublist li a:hover {
    color: #212d3b;
}
.category-section__subitem-child a {
    display: block;
    padding: 10px 15px 10px 15px;
}
.advanced {

}

@keyframes animateMenuOpen {
  0% {
    opacity: 0;

    visibility: hidden;

  }

  100% {
    opacity: 1;

    visibility: visible;

  }
}

/* ==========================================================================
  #
  ========================================================================== */

/* メニュー本体（90%幅） */
.side-nav {
  position: fixed;
  top: 80px; /* ヘッダーの高さに合わせて調整 */
  right: -100%; /* 幅に合わせて隠す位置を調整 */
  width: 100%;
  height: 100%;
  background: #fff;
  transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1000;
}
.side-nav.open { right: 0; }

.menu-list {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: auto;
  transform: translateX(100%); /* 右側に待機 */
  transition: 0.4s ease;
  list-style: none; padding: 15px 0;
  background: #fff;
}

/* activeクラスがついたリストだけ表示位置（0）に来る */
.menu-list.active { transform: translateX(0); }

/* 装飾 */
.menu-list li {
  padding: 10px 0px 10px 25px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.menu-list > li > a {
    display: block;
    width: 80%;
}
.back-btn { background: #f9f9f9; color: #666; }

/* オーバーレイ（背景） */
.overlay {
  position: fixed;
  top: 80px; left: 0;
  width: 100%; height: calc(100% - 80px);
  background: rgba(0, 0, 0, 0.5); /* 黒の半透明 */
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  z-index: 900; /* メニュー(1000)より下に配置 */
}

/* メニューが開いている時だけオーバーレイを表示 */
.overlay.show {
  opacity: 1;
  visibility: visible;
}
#menu-main {
    padding-bottom: 60px;;
}
#pchummenus {
    display: none;
    position: absolute;
    top: 80px;
    right: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #d3d3d4;
    border-radius: 5px;
    padding: 10px 0 0 0;
    z-index: 1000;
}
#menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
#menu-overlay.show {
    display: block;
}
#pchummenus ul {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    justify-content: flex-end;
}
#pchummenus > ul> li {
    padding: 10px 20px;
}
#pchummenus > ul > li > a {
    color: #333;
    text-decoration: none;
    display: block;
}
#pchummenus.show {
    display: block;
    text-align: right;
}


#slide-menu ul#menu-main >li>div , #slide-menu ul#menu-sbrand >li >div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#slide-menu ul#menu-main >li>div >a {
    font-weight: 700;
    display: block;
    width: 85%;
    text-align: left;
}
#slide-menu ul > li > a.category-section__sublink > span {
    display: block;
    font-size: 0.8em;
    font-weight: 400;
}
#slide-menu ul#menu-main >li>div >a span , #slide-menu ul#menu-sbrand >li>div >a span {
    display: block;
    font-size: 0.8em;
    font-weight: 400;
}
#slide-menu ul#menu-main >li>div >a span.nextlist {
    font-size: 0.6em;
    color: #666;
}
nav ul.header-menu > ul > li {
    text-align: left;
}
#pchummenus ul.category-section__sublist-column-child {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
ul.category-section__sublist-column-child li.category-section__subitem-child {
    font-weight: 400;
font-size: 0.9em;
text-align: left;
width: auto;
height: auto;
padding: 0px 0px;
margin: 0;
}
ul.category-section__sublist-column-child li.category-section__subitem-child a {
    padding: 0px 0px;
    margin: 0;
    line-height: 1.2em ;
}

.footer-ip-menu {
    font-size: 0.9em;
}
.footer-sns-link-icons .sns-link-icons-div{
width:100%;
}
.footer-sns-link-icons .sns-link-icons {
display: flex;
justify-content:center;
padding-bottom: 40px;
padding-top: 40px;

}
.footer-sns-link-icons .sns-link-icons div {

    border-radius: 50%;
    margin: 0;
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    display: grid;
    place-items: center;
}

.footer-sns-link-icons .sns-link-icons div a{
    color:#fff;
    margin: 0;
    padding: 0;
    line-height: 1em;

}
.footer-sns-link-icons .sns-link-icons div a i{
    color:#fff;
    font-size: 24px;
    margin: 0;
    padding: 0;

}

.footer-sns-link-icons .sns-link-icons div a.sns-line{
    color:#666;
    font-size: 20px;
}
footer .sister-stores {
    display: block;


    margin-top: 20px;
    padding: 0px 15px 0px 15px;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
footer .sister-stores > div {
    padding: 5px 15px 5px 15px;
}
footer .copyright {
    text-align: center;
    padding: 20px 0;
    color: #666;
}
footer .footer-menu {
    display: block;

    margin-top: 20px;
    padding: 20px 0;
}
footer .footer-menu a {
    display: block;
    padding: 5px 5px 5px 5px;
}
#footer .fa-facebook, footer .fa-facebook {
color: #fff;
}

.footer-hr {
    border-top: 1px solid #bbb;
}
.address-wrap {
    width: 360px;
    margin: 0 auto;
}
.address {
    flex-basis: 110px;
    font-weight: bold;
}
.address-content{
    flex-basis: 250px;
}
.address-content p {

    margin-bottom: 15px;
}
.header-cart-icon-wrap {
    position: relative;
}
.header-cart-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    opacity: 1!important;
    background: #d92727;
    color: #fff;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px!important;
    font-weight: 700;
    text-align: center;
    border-radius: 999px;
    z-index: 200;
}
@media (min-width: 965px) {
    #bg-header {
        grid-template-columns: 140px 1fr 80px;
    }
    #top-logo-div-bg a img {
        width: 140px;
        object-fit: contain;
        margin-top: -10px;
    }
    #bg-header nav {
        width: auto;
        z-index: 10;
        text-align: right;
    }

    #bg-header nav ul li.menu-item:after {
        content: " ";
        display: block;
        width: 1px;
        height: 25%;
        background-color:  #fff;
        opacity: 0.7;
        position: absolute;
        top: 37%;
        margin-left: -15px;


    }
    #bg-header nav ul li.menu-item.menu-item-icon:after {
        width: 0px;
    }
    #bg-header nav ul li.menu-item:first-child:after {
        width: 0px;
    }
    #bg-header nav ul li.menu-item div.li-icon {
        display: inline-block;
        line-height: 1em;
        position: relative;
    }
    #bg-header nav ul li.menu-item > a > div {
        margin: 0 auto;
        padding: 15px 15px 5px 15px;
        flex-grow: 1;
    }
    #bg-header nav > ul > li.menu-item > a {
        display: flex;
        flex-direction: row;
        height: 80px;
        align-items: center;

    }
    #bg-h-gloval-nav.center-center {
    place-items:  center right;
}
    #bg-h-gloval-nav #navigation{
        width: auto;;
        display: flex;
        flex-direction:row;
        justify-content:space-around;
        color: #fff;
        font-size: 12px;
    }
    #bg-h-gloval-nav #navigation > li {
        padding-left: 10px;
        padding-right: 10px;

    }
    #bg-h-gloval-nav #navigation > li >  a:hover {
        color: #aaa;
    }
    #bg-h-gloval-nav #navigation > li > ul > li a:hover {
        color: #aaa;

        text-decoration: underline;


      }
    #bg-header nav ul li.menu-item span {
        text-align: left;
        line-height: 1em;
        margin-bottom: 3px;
    }
    #bg-h-gloval-nav #navigation > li >ul >li{
        font-weight: 400;

        color: #251716;

    }

    #bg-h-gloval-nav #navigation > li >ul >li:after{
        content: " ";
        display: block;
        width: 1px;
        height: 1.2em;
        background-color:  #231816;
        opacity: 0.7;
        position: absolute;
        top: 18px;
        margin-left: -10px ;

    }
    #bg-h-gloval-nav #navigation > li >ul >li.category-section__subitem.d-flex:after{
height: 0px;
    }
    #bg-h-gloval-nav #navigation > li >ul >li:first-child:after{
height: 0px;
    }
    ul.pc-header-menu  > li:hover > ul li.category-section__subitem.d-flex::after {
height: 0px;
}
    #bg-h-gloval-nav #navigation > li >ul >li > ul >li{

        text-align: left;
    }

    footer .sister-stores {
        display: flex;
        justify-content: center;
        column-gap: 30px;
        margin-top: 60px;
        padding: 3px 0;
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
    }

footer .footer-menu {
    display: flex;
    justify-content: center;
    column-gap: 10px;
    margin-top: 20px;
    padding: 20px 0;
}
    #pchummenus.show .sns-link-icons {
        display: flex;
        justify-content: flex-end;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    #pchummenus.show .sns-link-icons > div {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin: 0;
        padding: 0;
        color: #fff;
        background-color: #666666;
        margin-left: 10px;
        margin-right: 10px;
        display: grid;
        place-items: center;
    }
    #pchummenus.show .sns-link-icons div a {
        font-size: 20px;
        line-height: 1em;
    }
    .sns-link-icons div a.sns-line {
        color: #fff;
    }

}
[id] {
  scroll-margin-top: 80px; /* ヘッダーの高さ（例: 80px）を指定 */
}
.nextlist {
    width: 60px;
    height: 44px;

    display: grid;
    place-items: center;
}
.menu-list li.menu-info-tel {
    display: flex;
    font-size: 1.3em;
    align-items: center;
}
.menu-list li.menu-info-sns {
    padding : 40px 70px 40px 70px;
}
#slide-menu ul#menu-main li.menu-info-info > div > a  {
    font-weight: 400;
    font-size: 0.7em;
    padding: 10px 0px 10px 0px;
}
.menu-list li.menu-info-space {
    border-bottom: 0px;
    min-height: 40px;
}
#sns-link-icons-youtube a{
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(./fonts/sns-youtube.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
#sns-link-icons-twitter a {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(./fonts/sns-twitter.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
#sns-link-icons-instagram a {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(./fonts/sns-instagram.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
#sns-link-icons-facebook a {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(./fonts/sns-facebook.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
#sns-link-icons-line a {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(./fonts/sns-line.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.headerNews-link {
    font-size: 13px;
    color: #444;
    width: 100%;
    margin-top: 80px;
    margin-bottom: 10px;
}

#bg-header nav ul.header-menu.is-english li.menu-item span.header-menu__japanese-label {
    display: none;
}

#bg-header nav ul li.menu-item:hover > a {
    opacity: 0.2;
}