@charset "utf-8";
/* event - FCS25th _ Global Menu Css */
div.fxblnk {
  width:100%;
  height: var(--height-hdr);
  position:relative;
  z-index:0;
}
/*-------------------------------
 Menu
---------------------------------*/
#Menu {
  width:100%;
  min-height:0;
  padding:0;
  background:rgba(253, 250, 242,.8);
  color: var(--fcs25th-brwn);
  position:fixed ;
  left:0;
  top: var(--height-hdr);
  z-index: 20;
}
.navi_area-fixed {
  width:100%;
}
/*-------------------------------
 Navi _ Menu - Toggle button
---------------------------------*/
.navi_menu-toggle {
  width: 42px;
  height: 42px;
  /*background: var(--c-fcs25th-pnk01);*/
  background: var(--fcs25th-brwn);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
  position: absolute;
  right: 5px;
  top: 3px;  
  z-index: 30;
}
.navi_menu-toggle > span {
  width: 30px;
  height: 3px;
  margin: 0 auto;
  background-color: #fff;
  backface-visibility: hidden;
  transition: transform 0.3s ease, opacity 0.2s ease;
}
.navi_menu-toggle.on > span { border-color: #fff;}
.navi_menu-toggle.on > span:nth-child(1) { transform : translateY(9px) rotate(45deg);}
.navi_menu-toggle.on > span:nth-child(2) { opacity: 0;}
.navi_menu-toggle.on > span:nth-child(3) { transform : translateY(-9px) rotate(-45deg);}
/*navi menu global _ overlay on-off*/
ul.navi_menu-global	{
  display:none;
}
ul.navi_menu-global.open	{
  display:block;
}
/*-------------------------------
 Navi _ Area - Global
---------------------------------*/
.navi_area-global {
  width:100%;
  max-width:100%;
  height:100%;
  padding: 0;
  margin: 0 auto;
  position:fixed;
  left:0;
  top:var(--height-hdr);
  overflow:scroll;
  z-index:9;
  display:none;
}
.navi_area-global.open {
  display:block;
}
/*-------------------------------
 Navi _ Menu - Global 
---------------------------------*/
ul.navi_menu-global	{
  width: 100%;
  min-height: 100vh;
  padding: 2vh 0vw 10vh;
  margin: 0 auto 1px;
  background: rgb(253 250 242 / 95%);
  color: var(--fcs25th-brwn);
  text-align:left;
  position:relative;
  display: flex;
  flex-flow:row;
  justify-content: space-around;
}
ul.navi_menu-global a {
  color: var(--fcs25th-brwn);
}
ul.navi_menu-global .pjtLnk-list-add a {
  color: var(--color-link-cmn);
}
ul.navi_menu-global .pjtLnk-list-add a:hover {
  color: var(--color-link-cmn-hover);
  text-decoration: underline;
}
/*Mega Menu CSS*/
ul.navi_menu-global > li {
  border-top: .1rem solid .1rem solid rgba(180,180,180,0.2);
  border-bottom: .1rem solid var(--fcs25th-pale);
  /*font-size: var(--fs-l);*/
  font-size: calc(var(--fs) * 1.6);
  font-weight: bold;
  text-align:center;
  position: relative;
  display:block;
  float:none;
}
ul.navi_menu-global > li:last-child {
  border-bottom: none;
}
#header-pjt_list {
  padding: 1rem 2vw;
}
#naviDollfie a {
  display: inline-block;
  vertical-align: middle;
}
#naviDollfie img {
  width: 15rem;
  margin: auto;
  vertical-align: middle;
}
ul.navi_menu-global > li > span,
ul.navi_menu-global > li > a {
  min-height:6.0rem;
  padding:0 1em 0 1em; 
  line-height:6.0rem;
  display:block;
  cursor: pointer;
  position:relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul.navi_menu-global > li > span { /*商品リストOPEN状態*/
  cursor: default;
}
#header__past-item-wrap .lnk_btn--clickWrap { display: none; }

ul.navi_menu-global > li:first-child::after,
ul.navi_menu-global > li:last-child::after {
  content:"";
  width:100%;
  height:.1rem;
  position:absolute;
  left:0;
}
ul.navi_menu-global > li:first-child::after {
  top:-.1rem;
}
ul.navi_menu-global > li:hover{
  background: rgb(255 255 255 / 10%);
}
ul.navi_menu-global > li.navi-pre:hover {
  background:none;
}
ul.navi_menu-global > li > a:hover,
ul.navi_menu-global > li.selected > span,
ul.navi_menu-global > li.selected > a {
  text-decoration:none;
  opacity:1.0;
}
ul.navi_menu-global > li > span::after {
  /*content:"＋";*//*商品3個以上でON*/
  position:absolute; right:1em; top:0;
}
ul.navi_menu-global > li.selected > span::after{
/*content:"－";*//*商品3個以上でON*/
}
.navi_ctg_tit { 
  font-size: var(--fs-xl);
  font-size: calc(var(--fs) * 1.8);  
  display: none;
}
.navi_list_icon	{
  right: -.25em;
  opacity: 0.5;
  position: relative;
  display: none;
}
ul.navi_menu-global div .pjtLnk-inner {
  padding: 0 2vw;
}
/* Pre */
ul.navi_menu-global li.navi-notlink,
ul.navi_menu-global li.navi-pre {
  color:#939393;
  filter: saturate(0.0) opacity(0.8);
}

ul.navi_menu-global li.navi-pre {
  pointer-events:none;
  cursor:default;
}
ul.navi_menu-global li.navi-pre a,
ul.navi_menu-global li.navi-pre span {
  color:#939393;
}
ul.navi_menu-global li.navi-pre .navi_ctg {
  display: none;
}

/* Contents Local Menu */
ul.navi_menu-global li dl{
  width: 100%;
  max-width:calc(92.0rem + 2vw);
  margin: 0 auto;
  line-height: 1.4rem;
  color:#fff;
  text-align: left;
  visibility:visible;
  display: flex;
  flex-direction:row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
}
ul.navi_menu-global li dl dt{
  padding:0;
  margin:0 0 1.0rem;
  font-weight:bold;
  position:relative;
}
ul.navi_menu-global li dt:empty	{
  margin-bottom:2.0rem;
}
ul.navi_menu-global li dl dd {
  width:100%;
  position: relative;
  text-align: left;
  background: #21387b;
  padding: 0;
  margin: 0;
  box-shadow:none;
}
ul.navi_menu-global li dl dd + dd {
border-top: .1rem solid #3b4b84;
}
ul.navi_menu-global li dl dd.navi-full { width:99%; }

ul.navi_menu-global li dl dd > a,
ul.navi_menu-global li dl dd > span	{ padding: 1.5em; display:block;}

ul.navi_menu-global li dl dd a:hover { text-decoration:none; background: rgba(255, 255, 255, 0.1); }
ul.navi_menu-global li dl dd a::after {
  content: "";
  display: block;
  width: 1em; height: 1em;
  background: url(/assets/image/icons/icon-chevron-right_000.png) 50% 50% / 100% auto no-repeat;
  position:absolute; right:1.25em; top:50%;
  margin-top:-0.65em;
}
@media (min-width: 960px) { /*PC*/
    ul.navi_menu-global > li {
      border-bottom: none;
    }
    ul.navi_menu-global > li.navi-pre > .navi_ctg {
      display:none;
    }
    /* Contents Local Menu */
    ul.navi_menu-global li.navi-pre .navi_ctg { display: none;}
    ul.navi_menu-global li dl dd.navi-full { width: 99%; }
}