img, svg {
  vertical-align: top;
}

img {
  display: inline;
}

input::-webkit-input-placeholder {
  opacity: 1 !important;
  color: #D0D0D0 !important;
}

input::placeholder {
  opacity: 1 !important;
  color: #D0D0D0 !important;
}

input::-webkit-input-placeholder {
  opacity: 1 !important;
  color: #D0D0D0 !important;
}

.pc {
  display: none;
}

@media screen and (min-width: 768px) {
  .pc {
    display: block !important;
  }
  .sp {
    display: none !important;
  }
}
@media screen and (min-width: 992px) {
  .sp2 {
    display: none !important;
  }
}
/* --------------------
		clear
-------------------- */
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
}

.clearB {
  clear: both;
}

/* --------------------
		float
-------------------- */
.floatR {
  float: right;
}

.floatL {
  float: left;
}

/* --------------------
		link
-------------------- */
a {
  /*text-decoration: underline;
  -webkit-tap-highlight-color: rgba(163,14,8,0.2);
  tap-highlight-color: rgba(163,14,8,0.2);*/
}
a:not(:focus-visible) {
  outline: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

.fade {
  transition: opacity 0.2s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.fade:hover {
  opacity: 0.8;
}

.linkNon {
  color: inherit;
  text-decoration: none;
}

.linkNon a {
  color: inherit;
  text-decoration: none;
}

.txtLink {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .txtLink:hover {
    text-decoration: none;
  }
}

/* --------------------
		common
-------------------- */
.w100 {
  width: 100%;
}

.nowrap {
  display: inline-block;
  white-space: nowrap;
}

.alignR {
  text-align: right;
}

.alignC {
  text-align: center;
}

.kome {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
}

.komeList li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
  margin-top: 0.4em;
}

.dotList li {
  padding-left: 1em;
  position: relative;
  line-height: 1.5;
  margin-top: 0.4em;
}

.dotList li:before {
  content: "";
  line-height: 0;
  width: 3px;
  height: 3px;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 0.3em;
  top: 0.7em;
  transform: translate(-50%, -50%);
}

.kome span, .komeList li span, .dotList li span {
  text-indent: 0;
}

/* --------------------
		font size
-------------------- */
.fz11 {
  font-size: 1.1rem;
}

.fz12 {
  font-size: 1.2rem;
}

.fz13 {
  font-size: 1.3rem;
}

.fz14 {
  font-size: 1.4rem;
}

.fz15 {
  font-size: 1.5rem;
}

.fz16 {
  font-size: 1.6rem;
}

.fz17 {
  font-size: 1.7rem;
}

.fz18 {
  font-size: 1.8rem;
}

.lh15 {
  line-height: 1.5;
}

.lh16 {
  line-height: 1.6;
}

.lh17 {
  line-height: 1.7;
}

.lh18 {
  line-height: 1.8;
}

.lh19 {
  line-height: 1.9;
}

.lh20 {
  line-height: 2;
}

/* --------------------
		margin
-------------------- */
.mb05 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb65 {
  margin-bottom: 65px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb85 {
  margin-bottom: 85px;
}

.mb90 {
  margin-bottom: 90px;
}

.mt05 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mt80 {
  margin-top: 80px;
}

.mt85 {
  margin-top: 85px;
}

.mt90 {
  margin-top: 90px;
}

.mb05em {
  margin-bottom: 0.5em;
}

.mb1em {
  margin-bottom: 1em;
}

.mb15em {
  margin-bottom: 1.5em;
}

.mb2em {
  margin-bottom: 2em;
}

.mb25em {
  margin-bottom: 2.5em;
}

.mb3em {
  margin-bottom: 3em;
}

.mb4em {
  margin-bottom: 4em;
}

.mt1em {
  margin-top: 1em;
}

.mt15em {
  margin-top: 1.5em;
}

.mt2em {
  margin-top: 2em;
}

/* --------------------
		padding
-------------------- */
.pb05 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 20px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb55 {
  padding-bottom: 55px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb65 {
  padding-bottom: 65px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb75 {
  padding-bottom: 75px;
}

.pb80 {
  padding-bottom: 80px;
}

.pb85 {
  padding-bottom: 85px;
}

.pb90 {
  padding-bottom: 90px;
}

.pt05em {
  padding-top: 0.5em;
}

.pt1em {
  padding-top: 1em;
}

.pt15em {
  padding-top: 1.5em;
}

html {
  font-size: 2.67vw;
}

body {
  font-family: var(--font-ja);
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  line-height: 1.4;
  color: var(--color-txt);
}

@media screen and (min-width: 768px) {
  html {
    font-size: 1.3vw;
  }
  body {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 992px) {
  html {
    font-size: 62.5%;
  }
  body {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.s-header-navBlok__nav {
  top: 8rem;
}
@media screen and (min-width: 992px) {
  .s-header-navBlok__nav {
    top: 10rem;
  }
}

.s-header {
  height: 8rem;
}
.s-header-wrap {
  height: 8rem;
}
.s-header-wrap__logo {
  width: 23rem;
}
.s-header-wrap__nav {
  top: 2.6rem;
}
.s-header-wrap__utility {
  top: 2.35rem;
}
@media screen and (min-width: 992px) {
  .s-header {
    height: 10rem;
  }
  .s-header-wrap {
    height: 10rem;
  }
  .s-header-wrap__logo {
    width: 32rem;
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
  }
}

.s-header__cartCnt {
  background: var(--color-primary);
}

input, select, textarea, label {
  font-size: 1.6rem;
}

.c-formInput-item__annotation {
  font-size: 1.3rem;
}

input[type=text], input[type=password], input[type=tel], input[type=email], input[type=text], input[type=number] {
  background: #fff;
}

input:-webkit-autofill {
  background-color: white !important;
  -webkit-transition: background-color 50000s ease-in-out 0s;
  transition: background-color 50000s ease-in-out 0s;
  -webkit-text-fill-color: #000 !important;
}

textarea {
  background: #fff;
}

.c-btn-progress:not(.c-btn-progress--white) {
  background: linear-gradient(0deg, rgb(34, 148, 58) 0%, rgb(34, 148, 58) 48%, rgb(59, 177, 73) 48%, rgb(59, 177, 73) 100%);
  border: rgb(34, 148, 58) 3px solid;
  padding: 1.6rem 1rem 1.5rem;
  font-size: 2rem;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  color: #fff !important;
}
.c-btn-progress:not(.c-btn-progress--white).c-btn-progress--gray-middle {
  color: #fff !important;
}
.c-btn-progress:not(.c-btn-progress--white):disabled {
  color: #fff !important;
  opacity: 0.4;
  filter: saturate(40%);
}

.c-btn-progress--white {
  padding: 1.6rem 1rem 1.5rem;
  font-size: 2rem;
  letter-spacing: 0.06em;
  line-height: 1.2;
}

.c-required-icon {
  background: #ff9900 !important;
  color: #fff;
  border-color: #ff9900;
  border-radius: 3px;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 0;
  padding-left: 0.1em;
  width: 3.2em;
  height: 1.8em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.c-btn-fluid:disabled {
  color: #bbbbbb !important;
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  .s-footer__copy {
    margin: 1.5em auto 0;
  }
}

.c-userSectHeading__title {
  background: var(--bg1);
  padding: 0.6em 0.6em 0.5em;
}

.m-userSectForm-wrap {
  padding-top: 2.8rem;
}
@media screen and (min-width: 768px) {
  .m-userSectForm-wrap {
    background: var(--bg2);
  }
  .m-userSectForm-wrap .c-userSectHeading__title {
    background: none;
    padding: 0;
  }
}

.m-userSect-wrap--confirm {
  background: none !important;
}

.m-socialLogin {
  padding: 3rem 2rem 3rem;
}

.m-socialLogin__title {
  font-size: 1.8rem;
  margin-bottom: 1.8rem;
}

#AmazonLoginCv2Button {
  min-height: 6rem;
  min-width: 60%;
}

.p-login-form__body-button-desc {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .m-socialLogin__item {
    margin: 0 auto;
    width: 66%;
  }
}
@media screen and (min-width: 992px) {
  .p-login-body__social {
    grid-column: 1/-1;
    grid-row: 2/2;
    max-width: 100%;
    text-align: center;
    margin: 2rem 3rem 0;
  }
  .p-login-body__entry .p-login-form:last-child {
    padding-bottom: 3rem;
  }
  .p-login-body__social + .p-login-body__entry {
    grid-column: 2/3;
    grid-row: 1/2;
    border: none;
  }
  #AmazonLoginCv2Button {
    margin: 0 auto;
    height: 6rem !important;
  }
}
.m-orderProductSect-itemDetail__title {
  font-size: 1.4rem;
}

.c-form-errorMsg {
  font-size: 1.4rem;
}

.c-changeQuantity {
  font-size: 2rem;
  align-items: stretch;
}
.c-changeQuantity input {
  margin: -1px 0;
  border: none;
  background: none !important;
}

.p-cartNoveltySelect:empty,
.s-orderContent-sepWrap__entry.s-orderContent-sepWrap__entry--cartUseDiscount {
  padding: 0;
  border: none;
}

.s-orderContent-btnGroup-otherPay #AmazonPayButton + div {
  display: block !important;
}
.s-orderContent-btnGroup-otherPay #AmazonPayCv2Button {
  width: 80vw !important;
  max-width: 400px;
  height: 7em !important;
  margin: 0 auto;
}
.s-orderContent-btnGroup-otherPay .s-orderContent-btnGroup-otherPay__text {
  margin-top: 1.3em;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemDetail__title {
    font-size: 1.6rem;
  }
  .c-changeQuantity input {
    padding: 0;
  }
  .s-orderContent-btnGroup-otherPay__item {
    flex-direction: column;
  }
  .s-orderContent-btnGroup-otherPay #AmazonPayCv2Button {
    width: 40vw !important;
    max-width: 400px;
    height: 7.4em !important;
    margin: 0 auto;
  }
  .s-orderContent-btnGroup-otherPay .s-orderContent-btnGroup-otherPay__text {
    margin: 2em 0 0 0;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .m-progress-button-wrap__group {
    align-items: stretch;
  }
  .m-progress-button-wrap__group li a {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.m-cartNum-title {
  background: rgba(var(--color-base), 1);
  background: rgba(var(--color-base), 0.8);
}

.m-orderSectForm-head {
  background: var(--bg1);
  padding: 0.6em;
}
.m-orderSectForm-head .c-userSectHeading__title {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .m-orderSectForm-wrap {
    background: var(--bg2);
  }
  .m-orderSectForm-wrap .m-orderSectForm-head {
    background: var(--bg1);
  }
}

.m-orderSect-wrap--gray {
  background: var(--bg2);
}

.m-orderTotalPrice-wrap {
  background: var(--bg1);
}

.m-orderSectCol-typeRadio__item p a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .m-orderSectCol-typeRadio__item p a:hover {
    text-decoration: none;
  }
}

/* .m-orderSectCol-body .scrollDiv {
  height: 30vh; overflow-y: auto;
  @include minW($wTab) {
    height: 380px;
  }
} */
@media screen and (min-width: 992px) {
  .s-orderContent-sepWrap {
    gap: 4%;
  }
  .s-orderContent-sepWrap__entry {
    width: 56%;
  }
  .s-orderContent-sepWrap__entry .m-orderSectCol-head {
    width: 8em;
  }
  .s-orderContent-sepWrap__entry .m-orderSectCol-body {
    width: auto;
    flex: 1;
  }
}
@media screen and (min-width: 768px) {
  .p-myPage-info {
    background: var(--bg2);
  }
}

.m-userProductSectCol-product__picture {
  min-width: 11rem;
}

.c-btn-fluid {
  font-size: 1.5rem;
}

.c-userNav-link {
  font-size: 1.5rem;
}

.m-userNav__title {
  background: var(--bg1);
}

@media screen and (min-width: 768px) {
  .c-userSect-info__title {
    font-size: 1.5rem;
  }
  .c-userSect-info__text {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-mailMagazineRegistInput-foot .c-userSectHeading__title {
    background: none;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-paymentList-info__progress {
    margin-top: 2.5rem;
    margin-left: 0;
  }
}/*# sourceMappingURL=customize.css.map */