/**************************
header
**************************/
#s-header{
  position: relative;
  z-index: 1000;
  height: 6rem; 
}


.s-header-wrap{
  padding: 0 1.5rem;
  background: #FFFFFF;
  border-bottom: none;
  position: absolute;
  height: 6rem;
}


#s-header.fixed .s-header-wrap{
  position: fixed;
}

.s-header-wrap__logo{width: 13.279rem;}

.s-header-wrap__nav{}



.s-header-wrap__nav{
  width: 2.5rem;
  height: 2.5rem;
  top: 1.8rem;
  left: 1.5rem;
}

/*nav***********/
.s-header-navBlok__openBtn{
  height: 2.5rem;
  width: 2.4rem;
  position: relative;
}

.s-header-navBlok__openBtn::before, .s-header-navBlok__openBtn::after{
  height: 0.1rem;
  background-color: #2C2C2C;
  left: 0;
}

.s-header-navBlok__openBtn::before{
  top: 0.5rem;
}

.s-header-navBlok__openBtn::after{
  bottom: 0.5rem;
}

.s-header-navBlok__openBtn > span{
  display: block;
  height: 0.1rem;
  background-color: #2C2C2C;  
}

.s-header-navBlok__openBtn.active::before {
  transform: translateY(0.7rem) rotate(-45deg);
}

.s-header-navBlok__openBtn.active::after {
  transform: translateY(-0.7rem) rotate(45deg);
}





.s-header-wrap__utility{
  width: 6.1rem;
  height: 2.3rem;
  top: 1.9rem;
  right: 1.5rem;
}

.s-header-utilityList{
  gap: 0 1.5rem;
  align-items: center;
}

.s-header-utilityList__item{
  width: 2.3rem;
}


.s-header__cartCnt{
  width: 2.0rem;
  height: 2.0rem;
  background: #FE534B;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  top: -0.8rem;
  right: -1.1rem;
}


.pcHeadOnly{display: none;}



/********/
.s-header-navBlok__nav {
  height: calc(100vh - var(--headerNowHight));
  top: var(--headerNowHight);
  background: #FFFFFF;
  padding: 2rem 0;
}

.s-header-categoryNav{
  border-bottom: none!important;
}

/* user Nav****************/
.s-header-userNav{
  padding: 0 1.5rem;
}

.s-header-userNav__head{
  padding: 0 0 1.25rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #292624;
  gap: 0 0.25rem;
}

.s-header-userNav__headIcon{
  width: 2.352rem;
}

.s-header-userNav__title{
  font-family: var(--font-jp);
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.375;
  color: #191919;
}

.s-header-userNav:not(:nth-last-child(1)){
  margin-bottom: 0;
}

.s-header-userNav__navLink{
  border-bottom: 1px solid #E0DEDC;
}
.s-header-userNav__navLink:nth-last-of-type(1){
  border-bottom: none;
}

.s-header-userNav__navLink > a{
  display: block;
  padding: 1.6rem 0;
  color: #2C2C2C;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.4;
}

/********/
.s-header-contentsNavBlock{
  height: auto;
}

.s-header-categoryNav__head,
.s-header-contentsNav__head{
  padding: 1.5rem 1.5rem 1.5rem;
  margin-bottom: 0;
  background-color: #F5F5F5;
  border-bottom: none;
  color: #2C2C2C;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
}

.s-header-categoryNav__head::after{
  display: none;
}


.s-header-categoryNav__body,
.s-header-contentsNav__body{
  background-color: inherit;
  max-height: none;
  padding: 0 1.5rem;
}

.s-header-categoryNav__navLink,
.s-header-contentsNav__navLink{
  width: 100%;
}

.s-header-categoryNav__navLink:not(:nth-last-of-type(1)),
.s-header-contentsNav__navLink:not(:nth-last-of-type(1)){
  border-bottom: 1px solid #E0DEDC;
}

.s-header-contentsNav__navLink:nth-last-of-type(1){
  border-bottom: 1px solid #E0DEDC;
}

.s-header-categoryNav__navLink > a,
.s-header-contentsNav__navLink > a{
  display: block;
  padding: 1.6rem 0;
  color: #2C2C2C;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.4;
}

.s-header-categoryNav__navLink > a[target="_blank"],
.s-header-contentsNav__navLink > a[target="_blank"]{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 0.4em;
}

.s-header-categoryNav__navLink > a[target="_blank"]::after,
.s-header-contentsNav__navLink > a[target="_blank"]::after{
  content: '';
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/common/custom/icon_blank.svg) center center no-repeat;
  background-size: 100% auto;
  transform: translateY(-0.1em);
}


.s-header-categoryNav__navLink > ul{display: none;}






/**************************
footer
**************************/
.s-footer{
  margin-top: 4rem;
  background: #17448D;
  padding: 4rem 1.5rem 3rem;
}

.footLogo {
  display: block;
  width: 18.079rem;
  margin: 0 auto 3.5rem;
}

.footLogo > a{
  display: block;
  width: 100%;
}


.s-footer__nav{
  margin-bottom: 2rem;
  align-items: flex-end;
}

.s-footer-guideNav{
  display: block;
  margin-bottom: 3rem;
  border-bottom: none;
}

.s-footer-guideNav > ul{
  display: block;
  border-bottom: 1px solid rgba(255,255,255,.4);
}

.s-footer-guideNav > ul > li{
  border-top: 1px solid rgba(255,255,255,.4);
}

.s-footer-guideNav > ul + ul > li:nth-of-type(1){border-top: none;}

.s-footer-guideNav__item{}

.s-footer-guideNav__item > a{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 0.4em;
  padding: 1.5rem 0;
  font-size: 1.3rem;
  line-height: 1.4;
  color: #FFFFFF;
  font-weight: 400;
  letter-spacing: 0.075em;
  text-align: left;
}
.s-footer-guideNav__item > a[target="_blank"]::after{
  content: '';
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  background: url("../img/common/custom/icon_blank_white.svg") center center no-repeat;
  background-size: 100% auto;
  transform: translateY(-0.1em);
}



.s-footer-snsNav{
  gap: 0 1rem;
}

.s-footer-snsNav__item{
  width: 4rem;
}

.s-footer__copy{
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.633333333333333;
  color: #FFFFFF;
  text-align: center;
}


/**************************
linkSetting
**************************/
a.linkText{
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  color: #2C2C2C;
  text-decoration: underline;
  line-height: 1.5;
  transition: opacity .3s ease;
}
a.linkText[target="_blank"]{
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 0.3em;
}

a.linkText[target="_blank"]::after{
  content: '';
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  background: url("../img/common/custom/icon_blank.svg") center center no-repeat;
  background-size: 100% auto;
  transform: translateY(-0.1em);
}


@media (hover: hover){
	a.linkText:hover {
		opacity: .6;
	}
}

/*******************
overRide
******************/
.pcView{display: none!important;}


@media screen and (max-width: 767px) {
  .m-orderProductSect-itemQuantity {
    max-width: 8rem;
  }
}

.c-required-icon {
  white-space: nowrap;
}