﻿/**************************************
input
**************************************/
select {
  width: 100%;
  height: 4.2rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 4rem 0 1rem;
  background: url(../Contents/ImagesPkg/common/icon_arrow_under_black.svg) calc(100% - 1.8rem) center no-repeat #F8F8F8;
  background-size: 0.8rem auto;
  border: 1px solid #CECECE;
  /* border-radius: 0.5rem; */
  vertical-align: middle;
  line-height: calc(4.5rem - 2px);
  font-size: 1.3rem;
  letter-spacing: 0.04rem;
  text-align: left;
  outline: none;
  cursor: pointer;
}

input[type="text"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="email"] {
  width: 100%;
  height: 4.2rem;
  box-sizing: border-box;
  padding: 0 1rem 0;
  background: #F8F8F8;
  /* border-radius: 0.5rem; */
  border: 1px solid #CECECE;
  font-size: 1.3rem;
  line-height: calc(4.5rem - 2px);
  letter-spacing: 0.04rem;
  vertical-align: middle;
  cursor: pointer;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
  border: 1px solid var(--bg-tertiary);
  box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
}

input[type="tel"],
input[type="number"],
input[type="password"],
input[type="email"] {}

input:read-only {
  pointer-events: none;
}

input[type="submit"]:read-only {
  pointer-events: inherit;
}

.mailDetail input:read-only {
  pointer-events: all;
}

textarea {
  width: 100%;
  height: 10rem;
  box-sizing: border-box;
  padding: 0.8rem 1rem;
  border-radius: 0.5rem;
  background: #FFFFFF;
  border: 1px solid #CECECE;
  font-size: 1.3rem;
  line-height: 1.6;
  letter-spacing: 0.04rem;
  vertical-align: middle;
  cursor: pointer;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


:placeholder-shown {
  color: #ACACAC;
  font-size: 1.3rem;
}

::-webkit-input-placeholder {
  color: #ACACAC;
  font-size: 1.3rem;
}

:-moz-placeholder {
  color: #ACACAC;
  font-size: 1.3rem;
}

::-moz-placeholder {
  color: #ACACAC;
  font-size: 1.3rem;
}

:-ms-input-placeholder {
  color: #ACACAC;
  font-size: 1.3rem;
}


input[type="radio"],
input[type="checkbox"] {
  vertical-align: middle;
}


input[type="text"].error_input,
input[type="tel"].error_input,
input[type="number"].error_input,
input[type="password"].error_input,
input[type="email"].error_input,
select.error_input,
textarea.error_input {
  background-color: #FFAAAA;
}

select.error_input>option {
  background: #FFFFFF;
}




/**************************************
button
**************************************/
/**Blue*****/
.btnBlue>a,
.btnBlue>span,
.btnBlue>button {
  background-image: none;
}

/**btnBlack*****/
.btnBlack>a,
.btnBlack>span,
.btnBlack>button,
.btnBlack>input {
  background-image: none;
}



/**btnFormBack*****/
.btnFormBack>a,
.btnFormBack>span,
.btnFormBack>button {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 5rem;
  /* border-radius: 0.7rem; */
  border: 1px solid #022363;
  background: #FFFFFF;
  background-size: 0.659rem auto;
  padding: 0.1rem 2rem 0;
  font-size: 1.3rem;
  font-family: var(--hirakaku);
  font-weight: 300;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1;
  text-decoration: none;
  color: var(--bg-primary);
  /* box-shadow: 0 0 0.75rem rgb(0 0 0 / 25%); */
}




/**************************************
section
**************************************/
#userContentsSection {
  display: block;
  width: 100%;
  padding: 3rem 1rem 6rem;
  margin: 0 auto;
}

.userContentRegister .cartstep__flow {
  max-width: 25rem;
  margin: 0 auto;
}

.headerCampArea+#userContentsSection {
  padding-top: 0;
}

#orderContentsSection {
  display: block;
  width: 100%;
  padding: 3.7rem 1rem 6rem;
  margin: 0 auto;
}


.headerCampArea+#orderContentsSection {
  padding-top: 0;
}



/**************************************
bottomBtnArea
**************************************/
.bottomBtnArea {
  display: block;
  width: 100%;
  margin: 4rem auto 0;
}

.bottomBtnArea.easyRegist {
  margin: 2rem auto 0;
}

.bottomBtnArea>ul {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.bottomBtnArea>ul>li {
  margin: 0 auto;
  width: 30rem;
}

/*
.bottomBtnArea > ul > li:nth-of-type(2):not(.btnBlue){
	order: 1;
	width: 25rem;
}
*/
.bottomBtnArea>ul>li+li {
  margin-top: 2rem;
}

/*
.bottomBtnArea > ul > li:nth-of-type(n + 2) > *{
	height: 4rem;
}
*/

.bottomBtnArea .cartListAmazon {
  width: 100%;
  margin-bottom: 4rem;
  padding: 3rem 2rem;
  border: 1px solid #CECECE;
}

.bottomBtnArea .cartListAmazon .cartListAmazon__text {
  width: 100%;
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 2;
}

.bottomBtnArea .cartListAmazon .cartListAmazon__text-ttl {
  margin-bottom: 0.5rem;
  font-size: 1.3rem;
  font-weight: 600;
}

.bottomBtnArea .cartListAmazon .cartListAmazon__button {
  width: 100%;
  max-width: 20rem;
  margin: 0 auto;
  margin-top: 3.5rem;
}

/**************************************
amazonfair
**************************************/

.bottomBtnArea .cartListAmazonfair {
  width: 100%;
  margin-bottom: 0.5rem;
  padding: 2rem 2rem;
}

.bottomBtnArea .cartListAmazonfair .cartListAmazonfair__text {
  width: 100%;
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 2;
}

.bottomBtnArea .cartListAmazonfair .cartListAmazonfair__text-ttl {
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  font-weight: 600;
}


/**************************************
Login
**************************************/
#userContentsSection .loginBox {
  display: block;
  width: 100%;
  margin: 0 auto;
}

#userContentsSection .loginBox>.loginFormSection,
#userContentsSection .loginBox>.registMoveSection {
  display: block;
  width: 100%;
}

#userContentsSection .loginBox>.registMoveSection {
  margin-top: 6rem;
}

#userContentsSection .loginBox .loginFormSection .formTTL,
#userContentsSection .loginBox .registMoveSection .formTTL,
#userContentsSection .loginBox .shopLoginFormSection .formTTL {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  margin-bottom: 2.2rem;
  padding: 0;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #E3E3E3;
  background: #FFFFFF;
  font-size: 2rem;
  font-family: var(--sec-tittle-font);
  font-weight: inherit;
}

#userContentsSection .loginBox .loginFormSection .formTTL span,
#userContentsSection .loginBox .registMoveSection .formTTL span,
#userContentsSection .loginBox .shopLoginFormSection .formTTL span {
  padding-left: 1.5rem;
  font-size: 1rem;
  font-family: var(--accent-font);
  font-weight: 300;
}

#userContentsSection .loginBox dl.loginInputBox {
  display: block;
}

#userContentsSection .loginBox dl.loginInputBox+dl.loginInputBox {
  margin-top: 1.7rem;
}

#userContentsSection .loginBox dl.loginInputBox>dt {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
  font-weight: 700;
}

#userContentsSection .loginBox dl.loginInputBox>dd {
  display: block;
}

#userContentsSection .loginBox dl.loginInputBox>dd>input {
  display: block;
  width: 100%;
}

#userContentsSection .loginBox dl.loginInputBox>dd>.errMsg {
  padding-top: 0.5rem;
}

#userContentsSection .loginBox dl.loginInputBox>dd.memoryPass {
  margin-top: 1rem;
}

#userContentsSection .loginBox dl.loginInputBox>dd.memoryPass>input {
  display: none;
}

#userContentsSection .loginBox dl.loginInputBox>dd.memoryPass {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#userContentsSection .loginBox dl.loginInputBox>dd.memoryPass label {
  display: inline-block;
  padding-left: 3rem;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  line-height: 2.1;
  color: var(--sec-tittle-color);
  position: relative;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

#userContentsSection .loginBox dl.loginInputBox>dd.memoryPass label::before {
  content: '';
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #CECECE;
  /* border-radius: 2px; */
  background: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 0.15rem;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#userContentsSection .loginBox dl.loginInputBox>dd.memoryPass label::after {
  content: '';
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../Contents/ImagesPkg/common/icon_check.svg) center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#userContentsSection .loginBox dl.loginInputBox>dd.memoryPass input:checked+label::before {
  background-color: var(--bg-tertiary);
}

#userContentsSection .loginBox dl.loginInputBox>dd.memoryPass input:checked+label::after {
  opacity: 1;
  transform: scale(1);
}

#userContentsSection .loginBox dl.loginInputBox>dd.memoryPass>p {
  /* margin-top: 1rem; */
  font-size: 1.1rem;
  line-height: 1;
  text-decoration: underline;
}

#userContentsSection .loginBox .memoryPassOff {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #EFEFEF;
}


#userContentsSection .loginBox .memoryPassOff>p {
  font-size: 1.3rem;
}

#userContentsSection .loginBox .memoryPassOff>p>a {
  color: #333333;
  text-decoration: underline;
}


#userContentsSection .loginBox .btnBlue {
  display: block;
  max-width: 100%;
  padding-top: 2rem;
  margin: 0 auto;
}

#userContentsSection .mailDetail .btnBlue {
  max-width: 30rem;
  margin: 0 auto;
}

#userContentsSection .loginBox ul.registBtnList {
  display: block;
}

#userContentsSection .loginBox ul.registBtnList>li.btnBlue {
  display: block;
  padding-top: 0;
}

#userContentsSection .loginBox ul.registBtnList>li+li {
  margin-top: 2rem;
}

.registMoveFixedPurchase {
  padding-top: 3rem;
}

#userContentsSection .loginBox>.registMoveSection .registSocialLogin {
  margin-top: 4rem;
}

.formInnerSection.userRegistSocialLogin {
  display: none;
  margin-bottom: 2rem;
}

.userRegistSocialLogin>ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.userRegistSocialLogin>ul>li {
  width: 100%;
  max-width: 30rem;
  margin: 0 auto;
}

.userRegistSocialLogin>ul>li:not(:last-of-type) {
  margin-top: 2rem;
}

/********* 店舗ログイン *********/
.error-shopLogin {
  display: block;
  color: var(--errorMessage);
  font-size: 1.2rem;
  font-weight: 700;
  margin-top: 0.6rem;
}

.error-shopLogin:empty {
  display: none;
}

/**************************************
stepFlow
**************************************/
.stepFlow {
  display: block;
  width: 100%;
  padding: 0 0;
  text-align: center;
  margin: -1rem auto 3rem;
}


.stepFlow>ol {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  counter-reset: stepCnt;
}


.stepFlow>ol>li {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  flex-grow: 1;
  width: 100%;
  padding-right: 2rem;
  text-align: center;
  position: relative;
}

.stepFlow>ol>li:nth-last-of-type(1) {
  padding-right: 0;
}

.stepFlow>ol>li::after {
  content: '';
  display: block;
  width: 2rem;
  height: 100%;
  background: url("../Contents/ImagesPkg/common/icon_arrow_norrow_right_black.svg") center center no-repeat;
  background-size: 0.5rem auto;
  position: absolute;
  right: 0;
  top: 0;
}

.stepFlow>ol>li:nth-last-of-type(1) {
  margin-right: 0;
}

.stepFlow>ol>li:nth-last-of-type(1)::after {
  display: none;
}

.stepFlow>ol>li::before {
  counter-increment: stepCnt;
  content: counter(stepCnt);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  /* border-radius: 0.8rem; */
  border: 1px solid var(--bg-tertiary);
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--bg-tertiary);
  background: #FFFFFF;
}

.stepFlow>ol>li.current::before {
  color: #FFFFFF;
  background: var(--bg-tertiary);
}

.stepFlow>ol>li>span {
  display: none;
  width: 100%;
  padding-top: 0.5rem;
  background: #FFFFFF;
  font-size: 1.0rem;
  font-weight: 700;
  color: var(--bg-tertiary);
  text-align: center;
  line-height: 1.2;
}

.stepFlow>ol>li.current>span {
  color: #FFFFFF;
  border: 1px solid var(--bg-tertiary);
}


/**************************************
text
**************************************/
.formTTL {
  display: block;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  margin-bottom: 2rem;
  padding: 0.8rem 1rem 0.7rem;
  background-color: #EFF6FC;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
  color: var(--sec-tittle-color);
}

.formSubTTL {
  display: block;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  margin-bottom: 1.5rem;
  padding: 1.2rem 1rem;
  background-color: #EFF6FC;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
}

.formSubTTL.Attention {
  color: var(--errorMessage);
}

.formSubTTL>span {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  padding-top: 1rem;
}

.ledeBox {
  display: block;
  width: 100%;
  margin: 0 auto 1.6rem;
  padding: 0;
  font-size: 1.3rem;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.orderShipping_ledeBox h3.ttl {
  margin-bottom: 0.6rem;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: var(--sec-tittle-color);
}

.formTTL+.ledeBox {
  margin-bottom: 2rem;
  padding: 0 1rem;
}

.formTable>.formSubTTL+.ledeBox {
  margin-bottom: 1rem;
}

.ledeBox p+p {
  margin-top: 1rem;
}


.requiredIcon {
  display: inline-block;
  padding: 5px;
  background: var(--errorMessage);
  border-radius: 2px;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #FFFFFF;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
}

.ledeBox>p .requiredIcon {
  margin-right: 5px;
}

.ledeBox p.fwBold {
  font-weight: 700;
}


.cautionText {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}

.formTable>dl+.cautionText {
  margin-top: 1rem;
}

.ledeBox p a,
.formSubTTL a,
.cautionText>a {
  text-decoration: underline;
}


.errMsg {
  display: block;
  color: var(--errorMessage);
  font-size: 1.2rem;
  font-weight: 700;
}

.errMsg+.cautionText {
  margin-top: 2rem;
}


.attention {
  display: block;
  max-width: 1080px;
  margin: 0 auto 10px;
  color: var(--errorMessage);
  font-size: 1.4rem;
  font-weight: 700;
}

.compMsg {
  display: block;
  width: 100%;
  max-width: 808px;
  padding: 0;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 2.0rem;
  font-weight: 700;
}


.securityCodeImg {
  margin-top: 1.5rem;
  width: 100%;
}

.securityCodeImg img {
  display: block;
  width: 100%;
  height: auto;
}


/**************************************
formInnerSection
**************************************/
.formInnerSection {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.formInnerSection+.formInnerSection {
  padding-top: 4rem;
}


.formInnerSection .formTable+.ledeBox {
  margin-top: 2rem;
}

/**************************************
formTable
**************************************/
.formTable {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.formTable.paymentSelect {
  margin-top: 3rem;
}

.formTable+.formTable {
  margin-top: 1.5rem;
}

.formTable>.ledeBox {
  margin-bottom: 3rem;
}

.formTable>dl+.ledeBox {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.formTable>dl {
  display: block;
}

.formTable>dl.regulation-checkbox {
  display: flex;
  justify-content: center;
}

.formTable>dl.regulation-checkbox label {
  margin-bottom: 0;
}

.errMsg.checkInCheck .error_inline {
  height: 0;
  margin-bottom: 4rem !important;
}

.formTable>dl.regulation-checkbox .inputArea {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
}

.formTable>dl+dl {
  margin-top: 1px;
}


.formTable>dl>dt {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: 1rem 0;
  /* background: #E5E5E5; */
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--sec-tittle-color);
}

.formTable.formTable-confirm>dl>dt {
  padding: 0.6rem 0;
}

.formTable>dl.amazonPay>dt {
  width: 6rem;
  padding: 2rem 0;
}

.formTable>dl.required>dt::after {
  content: '*';
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  /* width: 3.2rem;
	height: 2rem;
	margin: 0 0 0 auto;
    background-color: #4b4b4b; */
  color: #CC0000;
  /* padding: 2px 5px; */
  font-size: 1.3rem;
  /* margin-left: 1em; */
  /* border-radius: 3px; */
  white-space: nowrap;
}


.formTable>dl>dd {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  padding: 0 0 1.2rem;
  /* background: #eeeeee; */
  font-size: 1.3rem;
  line-height: 1.6;
  word-break: break-all;
}

.shippingReDay {
  margin-top: 2rem;
}

.shippingReDay .formTable+.formTable {
  margin-top: 0;
}

.formTable>dl>dd.confirmDate {
  padding: 0rem 0 2rem;
  line-height: 1;
}

.formTable>dl.malmagazine>dd>dl,
.orderFlowWrap .formTable>dl.malmagazine>dd>dl {
  width: 100%;
  position: relative;
}

/* .formTable > dl.malmagazine > dd > dl:nth-child(6){
    display: none;
} */

.formTable>dl.malmagazine-confirm>dd>dl,
.orderFlowWrap .formTable>dl.malmagazine-confirm>dd>dl {
  width: auto;
  margin-bottom: 1rem;
}

.formTable>dl.malmagazine>dd>dl>dt,
.orderFlowWrap .formTable>dl.malmagazine>dd>dl>dt {
  position: absolute;
  top: 0.5rem;
  left: 3.5rem;
}

.formTable>dl.malmagazine>dd>dl>dd,
.orderFlowWrap .formTable>dl.malmagazine>dd>dl>dd,
.formTable>dl.malmagazine>dd>dl>dd label,
.orderFlowWrap .formTable>dl.malmagazine>dd>dl>dd label {
  color: transparent;
}

.formTable>dl.malmagazine.malmagazine-confirm>dd>dl {
  display: none;
}

.formTable>dl.malmagazine.malmagazine-confirm>dd>dl>dd,
.orderFlowWrap .formTable>dl.malmagazine.malmagazine-confirm>dd>dl>dd,
.formTable>dl.malmagazine.malmagazine-confirm>dd>dl>dd label,
.orderFlowWrap .formTable>dl.malmagazine.malmagazine-confirm>dd>dl>dd label {
  display: none;
}

.formTable>dl.malmagazine.malmagazine-confirm>dd,
.orderFlowWrap .formTable>dl.malmagazine.malmagazine-confirm>dd {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}


.formTable>dl.malmagazine.malmagazine-confirm>dd>dl>dt,
.orderFlowWrap .formTable>dl.malmagazine.malmagazine-confirm>dd>dl>dt {
  /* top: 0.5rem; */
  position: static;
}

.formTable>dl.malmagazine.malmagazine-confirm>dd>dl,
.orderFlowWrap .formTable>dl.malmagazine.malmagazine-confirm>dd>dl {
  width: auto;
}

.formTable>dl.malmagazine.malmagazine-confirm>dd>dl.not-empty>dt::after,
.orderFlowWrap .formTable>dl.malmagazine.malmagazine-confirm>dd>dl.not-empty>dt::after {
  content: "、";
  display: inline-block;
  margin-right: -0.3rem;
}

.formTable>dl.malmagazine.malmagazine-confirm>dd>dl.not-empty.last-item>dt::after,
.orderFlowWrap .formTable>dl.malmagazine.malmagazine-confirm>dd>dl.not-empty.last-item>dt::after {
  display: none;
}

.formTable>dl.malmagazine.malmagazine-confirm>dd>dl.not-empty {
  display: block;
}

.formTable>dl.malmagazine.malmagazine-confirm>dd>dl>dt {
  left: 0;
}

.formTable.formTable-confirm>dl>dd {
  padding: 0 0 1rem;
}

.formTable>dl.hide-dt>dt,
.formTable>dl.hide-dt>dt {
  display: none;
}

.formTable>dl.address-input>dd {
  padding: 0.5rem 0;
}

.formTable>dl.last-address-input>dd {
  padding: 0.5rem 0 1.5rem;
}

.formTable>dl.email-address>dd {
  padding: 0.5rem 0;
}

.formTable>dl.mail-magazine>dd {
  padding: 0.5rem 0 0;
}

.formTable>dl.password-input>dd {
  padding: 0.5rem 0 0;
}

.formTable .inputArea {
  display: block;
  width: 100%;
}

.formTable .inputArea input {
  max-width: 100%;
}

.formTable .inputArea select {
  display: inline;
  width: auto;
}

.shippingInfo .formTable .inputArea select {
  width: 100%;
}

.formTable .inputArea+.inputArea {
  margin-top: 1rem;
}

.formTable .inputArea+.errMsg+.inputArea {
  margin-top: 1rem;
}


.formTable .notes {
  font-size: 1.2rem;
  line-height: 1.4;
}

.formTable .ex {
  font-size: 1.2rem;
  line-height: 1.4;
  margin-top: 1rem;
}

.formTable .notes.caution {
  padding-left: 1em;
  text-indent: -1em;
  padding-top: 1rem;
}


.formTable .inputArea>.notes {
  padding-top: 0.5rem;
  width: 100%;
}

.formTable .inputArea+.notes {
  padding-top: 0.5rem;
}

.formTable .notes+.notes {
  padding-top: 0.5rem;
}

.formTable .errMsg+.notes {
  padding-top: 0.5rem;
}

.formTable .notes+.inputArea {
  padding-top: 0.5rem;
}

.formTable .inputArea+.errMsg {
  margin-top: 1rem;
  margin-bottom: -1rem;
}

.formTable .searchAddr+.errMsg {
  margin-top: 1rem;
}

.formTable .inputArea+.cautionText {
  padding-top: 1rem;
}

.formTable .cautionText+.inputArea {
  margin-top: 1rem;
}


.formTable .guideImg img {
  display: block;
  width: 100%;
  height: auto;
}

.formTable .guideImg.securityCode img {
  display: block;
  width: 100%;
  max-width: 330px;
  height: auto;
}


.formTable .inputArea>.btnBlue {
  min-width: 20rem;
}

.formTable .inputArea>.btnBlue>input {
  background-image: none;
  height: 4rem;
}


/* name ***************************/
.formTable .inputArea>ul.nameInput {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.formTable .inputArea>ul.nameInput>li {
  display: block;
  /* max-width: calc(50% - 0.75rem); */
  width: calc(50% - 0.75rem);
}

.formTable .inputArea>ul.nameInput>li+li {
  margin-left: 1rem;
}


/* radioList ***************************/

.formTable .radioList {
  display: block;
}

.formTable .radioList>span {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.formTable .radioList>span+span {
  margin-top: 0.5rem;
}

.formTable .radioList>span>input {
  display: none;
}

.formTable .radioList input {
  display: none;
}

.formTable .radioList table tbody {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.formTable .radioList>span>label {
  display: block;
  margin-right: 2rem;
  padding: 0 0 0 2.5rem;
  font-size: 1.3rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: border 0.2s ease, background 0.2s ease;
  -moz-transition: border 0.2s ease, background 0.2s ease;
  -o-transition: border 0.2s ease, background 0.2s ease;
  transition: border 0.2s ease, background 0.2s ease;
}

.formTable .radioList label {
  display: block;
  margin-right: 2rem;
  padding: 0 0 0 2.5rem;
  font-size: 1.3rem;
  line-height: 1.2;
  position: relative;
  cursor: pointer;
  -webkit-transition: border 0.2s ease, background 0.2s ease;
  -moz-transition: border 0.2s ease, background 0.2s ease;
  -o-transition: border 0.2s ease, background 0.2s ease;
  transition: border 0.2s ease, background 0.2s ease;
}

.formTable .radioList>span>label:nth-last-of-type(1) {
  margin-right: 0;
}

.formTable .radioList table tbody tr:nth-last-of-type(1) label {
  margin-right: 0;
}

.formTable .radioList.oneLine>span>label {
  width: 100%;
  margin-right: 0;
}

.formTable .radioList.oneLine>span>label:nth-of-type(n + 2) {
  margin-top: 13px;
}


.formTable .radioList>span>label::before {
  content: '';
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #CECECE;
  border-radius: 50%;
  background: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.formTable .radioList label::before {
  content: '';
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #CECECE;
  border-radius: 50%;
  background: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.formTable .radioList>span>label::after {
  content: '';
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background: var(--bg-tertiary);
  border-radius: 50%;
  position: absolute;
  left: 0.4rem;
  top: 0.4rem;
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.formTable .radioList label::after {
  content: '';
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background: var(--bg-tertiary);
  border-radius: 50%;
  position: absolute;
  left: 0.4rem;
  top: 0.4rem;
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.formTable .radioList>span>input:checked+label {}

.formTable .radioList>span>input:checked+label::before {
  border: 1px solid var(--bg-tertiary);
}

.formTable .radioList input:checked+label::before {
  border: 1px solid var(--bg-tertiary);
}

.formTable .radioList>span>input:checked+label::after {
  opacity: 1;
  transform: scale(1);
}

.formTable .radioList input:checked+label::after {
  opacity: 1;
  transform: scale(1);
}

/* checkBox ***************************/

.formTable .checkBox {
  display: block;
}

.formTable .checkBox input {
  display: none;
}

.formTable .checkBox label {
  display: inline-block;
  margin-bottom: 1.5rem;
  padding-left: 3.5rem;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  line-height: 2;
  color: var(--sec-tittle-color);
  position: relative;
}

.formTable .checkBox label:not(:last-of-type) {
  margin-right: 2rem;
}

.formTable .checkBox label::before {
  content: '';
  display: block;
  width: 2rem;
  height: 2rem;
  border: 1px solid #CECECE;
  /* border-radius: 2px; */
  background: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 0.55rem;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.formTable .checkBox label::after {
  content: '';
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../Contents/ImagesPkg/common/icon_check.svg) center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0.93rem;
  left: 0.4rem;
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.formTable .checkBox input:checked+label {}

.formTable .checkBox input:checked+label::before {
  background-color: var(--bg-tertiary);
}

.formTable .checkBox input:checked+label::after {
  opacity: 1;
  transform: scale(1);
}

.formTable .inputArea+.checkBox {
  margin-top: 1rem;
}


/* birth ***************************/
.formTable .inputArea.birth {}

.formTable .inputArea.birth>ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.formTable .inputArea.birth>ul>li {
  width: 14.8rem;
  padding-left: 0.8rem;
}

.formTable .inputArea.birth>ul>li:nth-of-type(1) {
  width: 14.8rem;
  padding-left: 0;
}

.formTable .inputArea.birth>ul>li select {
  width: calc(100% - 2.8rem);
  margin-right: 1rem;
}

/* zipcode ***************************/
.formTable .inputArea.zipcode {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.formTable .inputArea.zipcode input:nth-of-type(1) {
  width: 9rem;
  margin: 0 1.3rem 0 0;
}

.formTable .inputArea.zipcode input:nth-of-type(2) {
  width: 12rem;
  margin: 0 0 0 1.1rem;
}

.formTable .inputArea.zipcode .searchAddr {
  margin-left: 1.5rem;
  min-width: 10rem;
}

.formTable .inputArea.zipcode .searchAddr.btnBlack>a,
.formTable .inputArea.zipcode .searchAddr.btnBlack>span,
.formTable .inputArea.zipcode .searchAddr.btnBlack>button {
  box-shadow: none;
  height: 4.2rem;
  font-size: 1.3rem;
  letter-spacing: 0.01em;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}

.formTable .inputArea.zipcode .searchAddr.btnBlack>a {
  padding: 1.25rem 1.5rem;
  background-color: #022363;
  font-weight: 300;
}

#search-result-layer {
  display: none;
}


/* prefectures ***************************/
.formTable .inputArea.prefectures {}

.formTable .inputArea.prefectures select {
  width: 12rem;
}


/* telNum ***************************/
.formTable .inputArea.telNum {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.formTable .inputArea.telNum input {
  width: 8rem;
}

.formTable .inputArea.telNum input:nth-of-type(1) {
  margin: 0 0.8rem 0 0;
}

.formTable .inputArea.telNum input:nth-of-type(2) {
  margin: 0 0.8rem;
}

.formTable .inputArea.telNum input:nth-of-type(3) {
  margin: 0 0 0 0.8rem;
}



/* intervalDays ***************************/
.formTable .inputArea.intervalDays {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  white-space: nowrap;
  width: 100%;
  font-size: 1.2rem;
}

.formTable .inputArea.intervalDays select {
  display: inline-block;
  width: auto;
  padding: 0 3.5rem 0 1rem;
  background: url(../Contents/ImagesPkg/common/icon_arrow_under_black.svg) calc(100% - 1.3rem) center no-repeat #FFFFFF;
  background-size: 0.8rem auto;
  margin-right: 0.3rem;
}

.formTable .inputArea.intervalDays select:nth-of-type(2n) {
  margin-left: 0.3rem;
}


.shippingDate {
  font-size: 1.6rem;
  font-weight: 700;
}

/* intervalDays ***************************/
.formTable .inputArea.pointInput {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  white-space: nowrap;
}

.formTable .inputArea.pointInput input {
  display: inline-block;
  width: 15rem;
  margin-right: 0.5rem;
}

.availablePoint {
  margin-bottom: 1rem;
}

.availablePoint>em {
  font-weight: 700;
  font-size: 1.6rem;
}

/**************************************
paymentSelctList
**************************************/
.paymentSelctList {
  display: block;
  /* border-bottom: 1px solid #CCCCCC; */
}

.paymentSelctList .paymentSelect {
  display: block;
  margin-bottom: 2rem;
}

.paymentSelctList dl.paymentSelect:nth-last-child(1) {
  margin-bottom: 0;
}

.paymentSelctList .paymentSelect div {
  line-height: 1.4;
}

.paymentSelctList .paymentSelect img {
  width: initial;
}

.paymentSelctList dl.paymentSelect>dt {
  display: block;
}

.paymentSelctList dl.paymentSelect>dt>span {
  display: block;
}

.paymentSelctList dl.paymentSelect>dt>span>input {
  display: none;
}

/* .paymentSelctList dl.paymentSelect > dt > span > label{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
    min-height: 4.5rem;
    padding-left: 16.66666666666667%;
    padding-top: 0.1rem;
    padding-right: 2rem;
    color: var(--bg-primary);
    background: #FFFFFF;
    border: 2px solid #022363;
    border-radius: 8px;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    line-height: 1;
    font-weight: 700;
    text-align: left;
    word-break: break-all;
    position: relative;
} */

/* .paymentSelctList dl.paymentSelect > dt > span > input:checked + label{
	background: #022363;
	border: 2px solid #022363;
    color: #FFFFFF;
} */

/* .paymentSelctList dl.paymentSelect > dt > span > label::before{
    content: '';
    display: block;
    width: 16.66666666666667%;
    height: 100%;
    background: url("../Contents/ImagesPkg/common/icon_check.svg") center center no-repeat;
	background-size: 1.915rem auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transform: scale(0);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
} */

/* .paymentSelctList dl.paymentSelect > dt > span > input:checked + label::before{
    opacity: 1;
    transform: scale(1);
} */


.paymentSelctList dl.paymentSelect>dt>span>label {
  display: block;
  margin-right: 2rem;
  padding: 0 0 0 2.5rem;
  font-size: 1.3rem;
  line-height: 1.3;
  position: relative;
  cursor: pointer;
  -webkit-transition: border 0.2s ease, background 0.2s ease;
  -moz-transition: border 0.2s ease, background 0.2s ease;
  -o-transition: border 0.2s ease, background 0.2s ease;
  transition: border 0.2s ease, background 0.2s ease;
}

.paymentSelctList dl.paymentSelect>dt>span>label::before {
  content: '';
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #CECECE;
  border-radius: 50%;
  background: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.paymentSelctList dl.paymentSelect>dt>span>label::after {
  content: '';
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background: var(--bg-tertiary);
  border-radius: 50%;
  position: absolute;
  left: 0.4rem;
  top: 0.4rem;
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.paymentSelctList dl.paymentSelect>dt>span>input:checked+label::before {
  border: 1px solid var(--bg-tertiary);
}

.paymentSelctList dl.paymentSelect>dt>span>input:checked+label::after {
  opacity: 1;
  transform: scale(1);
}

.paymentSelctList dl.paymentSelect>dd {
  margin-top: 1.5rem;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  text-align: left;
  line-height: 2;
}

.paymentSelctList dl.paymentSelect .formTable>dl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.paymentSelctList dl.paymentSelect .formTable>dl.creditInput-number .creditCardLogo-wrap {
  display: flex;
  align-items: center;
}

.paymentSelctList dl.paymentSelect .formTable>dl.creditInput-number .creditCardLogo-wrap img {
  width: 100%;
}

.paymentSelctList dl.paymentSelect .formTable>dl.creditInput-number input {
  max-width: 26rem;
}

.paymentSelctList dl.paymentSelect .formTable>dl.creditInput-expired select {
  width: 10rem;
  margin-right: 1rem;
}

.paymentSelctList dl.paymentSelect .formTable>dl.creditInput-expired .inputArea.intervalDays select:nth-of-type(2n) {
  width: 8rem;
  margin: 0 0.6rem;
}

.paymentSelctList dl.paymentSelect .formTable>dl.creditInput-security input {
  max-width: 21.5rem;
}

.paymentSelctList dl.paymentSelect .formTable>dl.creditInput.creditInput-settlement {
  margin-top: -1.5rem;
}

.paymentSelctList dl.paymentSelect .formTable>dl dd {
  padding-bottom: 0;
}

.creditCardLogo-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.creditCartLogo {
  max-width: 8.5rem;
  margin-left: 1rem;
}

.creditCardLogo-wrap .btnBlack {
  margin-left: auto;
}

.creditCardLogo-wrap .btnBlack a {
  width: 11rem;
  height: 2.7rem;
  font-size: 1.3rem;
  color: #022363;
  border-radius: 100px;
  border: 1px solid #022363;
  background-color: #FFFFFF;
  line-height: 1.4;
}


/**************************************
kiyakkuSection
**************************************/
.kiyakkuSection {
  display: block;
}

.kiyakkuSection+.kiyakkuSection {
  margin-top: 2rem;
}

.kiyakkuSection .scrollBox {
  width: 100%;
  height: 10rem;
  overflow: hidden;
  border: 1px solid #CCCCCC;
}

.kiyakkuSection .scrollBox>.inner {
  display: block;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  padding: 1.5rem;
}

.kiyakuOuterSection {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 3rem 1rem 8rem;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
}


.kiyakkuSection .scrollBox>.inner>.kiyakuOuterSection {
  display: block;
  padding: 0;
}

.kiyakuOuterSection .kiyakuTTL {
  font-size: 1.4rem;
  margin-bottom: 3rem;
  font-weight: 700;
}

.kiyakuOuterSection p {
  margin-bottom: 0.5rem;
}

.kiyakuOuterSection p:nth-last-child(1) {
  margin-bottom: 0;
}

.kiyakuOuterSection dl.kiyakuIndex {
  display: block;
  padding-top: 2rem;
  margin-bottom: 3rem;
}

.kiyakuOuterSection dl.kiyakuIndex>dt {
  font-weight: 700;
}

.kiyakuOuterSection .kiyakuInnerSection {
  display: block;
}

.kiyakuOuterSection .kiyakuInnerSection+.kiyakuInnerSection {
  padding-top: 4rem;
}

.kiyakuOuterSection p+.kiyakuInnerSection {
  padding-top: 3rem;
}


.kiyakuOuterSection .kiyakuInnerSection h5 {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.kiyakuOuterSection .kiyakuInnerSection h6 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.kiyakuOuterSection ol,
.kiyakuOuterSection ul {
  display: block;
}

.kiyakuOuterSection ol>li+li,
.kiyakuOuterSection ul>li+li {
  margin-top: 0.5rem;
}

.kiyakuOuterSection ol>li>ol,
.kiyakuOuterSection ol>li>ul,
.kiyakuOuterSection ol>li>dl,
.kiyakuOuterSection ul>li>ol,
.kiyakuOuterSection ul>li>ul,
.kiyakuOuterSection ul>li>dl {
  padding: 1rem 0;
  text-indent: 0;
}

.kiyakuOuterSection ol.num>li {
  text-indent: -1em;
  padding-left: 1.5em;
}

.kiyakuOuterSection ol.brackets>li {
  display: block;
  text-indent: -2.75em;
  padding-left: 3em;
}

.kiyakuOuterSection ul.mark>li {
  text-indent: -1em;
  padding-left: 1em;
}

.kiyakuOuterSection .fusoku {
  margin-top: 4rem;
}

.kiyakuOuterSection .times {
  margin-top: 4rem;
}

.kiyakuOuterSection dl.brackets {
  display: block;
}

.kiyakuOuterSection dl.brackets>dt {
  display: block;
  text-indent: -2.75em;
  padding-left: 3em;
}

.kiyakuOuterSection dl.brackets>dd {
  padding-left: 4rem;
}

.kiyakuOuterSection ul.contact {
  display: block;
  padding: 2rem;
  margin: 1rem 0 0 0;
  border: 1px solid #CCCCCC;
}

.kiyakuOuterSection .underText {
  margin-top: 4rem;
}

.kiyakuOuterSection .underText>p+p {
  margin-top: 2rem;
}


.kiyakuOuterSection .privacyCaution {
  margin-top: 2rem;
  font-size: 1.2rem;
}




/**************************************
aboutSecurity
**************************************/
.aboutSecurity {
  display: block;
  padding: 0 1rem;
  margin-bottom: 3rem;
  text-align: left;
}

.formSection+.aboutSecurity {
  margin-top: 3rem;
}

.aboutSecurity>dl {}

.aboutSecurity>dl>dt {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

.aboutSecurity>dl>dd {
  font-size: 1.2rem;
  line-height: 1.6;
}

.aboutSecurity>dl>dd+dd {
  margin-top: 0.5rem;
}


.aboutSecurity>dl>dd.signature {
  text-align: right;
}

.aboutSecurity>dl>dd>a {
  text-decoration: underline;
}


/**************************************
imgTTL
**************************************/
.imgTTL {
  display: block;
  width: 100%;
  margin-bottom: 4rem;
}

.imgTTL>a {
  display: block;
  width: 100%;
}

.imgTTL img {
  display: block;
  width: 100%;
  height: auto;
}




/**************************************
dotCautionList
**************************************/
ul.dotCautionList {
  display: block;
  margin-bottom: 2rem;
  font-size: 1.3rem;
  line-height: 1.6;
}

ul.dotCautionList:nth-last-child(1) {
  margin-bottom: 0;
}

ul.dotCautionList>li,
.dotCautionList>ul>li {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}

.ledeBox>p+.dotCautionList {
  margin-top: 1rem;
}


/**************************************
userExtend
**************************************/
.formTable dl+.formTTL {
  margin: 3rem 0 1.5rem;
}

.formTable dl+.formSubTTL {
  margin-top: 3rem;
}

.extendDt>span {
  display: block;
  margin-top: 0.5rem;
}

.extendOutline {
  display: block;
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.6;
  margin-bottom: 1rem;
  word-break: break-all;
}

.petInfoInputTab {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  min-height: 4rem;
  margin-top: 1rem;
  padding: 1rem 4.5rem 1rem 1rem;
  background: #505050;
  border-radius: 4px;
  color: #FFFFFF;
  text-align: left;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  position: relative;
  cursor: pointer;
}

.petInfoInputTab::before,
.petInfoInputTab::after {
  content: '';
  display: block;
  width: 1.5rem;
  height: 2px;
  background: #FFFFFF;
  position: absolute;
  right: 1rem;
  top: calc(50% - 1px);
  webkit-transition: transform 0.2s ease, opacity 0.5s ease;
  -moz-transition: transform 0.2s ease, opacity 0.5s ease;
  -o-transition: transform 0.2s ease, opacity 0.5s ease;
  transition: transform 0.2s ease, opacity 0.5s ease;
}

.petInfoInputTab::after {
  transform: rotate(90deg);
}

.petInfoInputTab.open {
  border-radius: 4px 4px 0 0;
}

.petInfoInputTab.open::after {
  opacity: 0;
  transform: rotate(0);
}


.formTable dl.petInfoDetail {
  display: none;
}

.formTable dl.petInfoDetail.usrex_002,
.formTable dl.petInfoDetail.usrex_003,
.formTable dl.petInfoDetail.usrex_004,
.formTable dl.petInfoDetail.usrex_005 {
  display: block;
}

.formTable dl.petInfoDetail>dt {
  display: none;
}

.formTable dl.petInfoDetail>dd {
  width: 100%;
  padding: 1.5rem 1rem;
  background: #EEEEEE;
}


.formTable dl.petInfoDetail>dd .extendOutline {
  font-size: 1.3rem;
  line-height: 1.6;
  margin-bottom: 1rem;
  font-weight: 700;
}



/**************************************
cart
**************************************/
#orderContentsSection .mainTTL {
  margin: 0;
  margin-bottom: 2.7rem;
  padding: 0;
  font-size: 2.8rem;
  font-family: var(--sec-tittle-font);
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: inherit;
}

.cartstep__wrap {
  display: block;
  margin-bottom: 3.2rem;
}

.cartstep__flow {
  max-width: 35.5rem;
  margin: 0 auto;
}

.cartNoProduct {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 10rem;
  margin: 2rem auto 0;
  /* border: 2px solid #707070; */
  /* border-radius: 0.5rem; */
  font-size: 1.6rem;
  text-align: center;
}


.cartTopTTL {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  height: 4rem;
  margin-bottom: 2rem;
  padding: 0.8rem 1rem;
  background-color: #777777;
  color: #FFFFFF;
}

.cartTopTTL .ttl {
  max-width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
}

.cartTopTTL .nextBtnUpside {
  display: none;
}

/*
.cartTopTTL .nextBtnUpside .btnBlue{
	background: #FFFFFF;
	border-radius: 8px;
}
.cartTopTTL .nextBtnUpside .btnBlue > a{
	height: 3rem;
	font-size: 1.4rem;
	box-shadow: none;
}
*/

.sum.Upside {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 0 2rem 0;
}

.sum.downside {
  display: block;
  margin: 5rem 0 4rem;
  /* border-bottom: 1px solid #DDDDDD; */
}

.paymentCartWrap .sum.downside {
  display: block;
  margin: 4rem 0 0;
  margin-bottom: -1rem;
}

.sum.downside.sum-wrap {
  display: block;
}

.sum-wrap-attention {
  width: 100%;
  margin-bottom: 2.8rem;
}

.sum-wrap-attention p {
  font-size: 1.2rem;
  line-height: 1.8;
  color: var(--sec-tittle-color);
  font-feature-settings: "palt";
  letter-spacing: 0;
}

.sum-wrap-attention p.attention-high,
.note-high {
  color: var(--errorMessage);
}

.sum .upsideText {
  font-size: 1.3rem;
  line-height: 1.6;
  text-align: left;
  letter-spacing: 0.04em;
}

.sum dl.priceTotal {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 1.75rem 1rem;
  background-color: #F5F5F5;
  font-size: 1.5rem;
  font-weight: 700;
}

.sum.Upside>.priceTotal {
  display: none;
}


.sum dl.priceTotal>dt {
  /* margin-right: 2rem; */
}

.sum dl.priceTotal>dd {}

.sum dl.priceTotal>dd>em {
  padding-right: 1rem;
}

/**cartPaymentCaution *********/
.cartPaymentCaution {
  margin-top: 1.5rem;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: right;
}

.cartPaymentCaution+.cartPaymentCaution {
  margin-top: 0.5rem;
}

/**cartSection *********/

.cartSection {}

.cartSection+.cartSection {
  padding-top: 4rem;
}

.cartTTL {
  display: block;
  width: calc(100% + 2rem);
  /* min-height: 3rem; */
  margin-left: -1rem;
  padding: 1.6rem 1rem;
  background-color: #EFF6FC;
  font-size: 1.6rem;
  font-weight: 700;
}

.cartTTL span {
  display: block;
}

.cartTTL .cartTTL__inner-wrap {
  display: flex;
  align-items: baseline;
}

.cartTTL .cartTTL__shippingDate {
  display: flex;
  align-items: baseline;
  margin-left: 1.5rem;
  font-size: 1.3rem;
}

.cartTTL__attention {
  padding-top: 0.5rem;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.8;
  color: #CC0000;
  font-feature-settings: "palt";
  letter-spacing: 0;
}

/**cartTable *********/
.cartTable {
  display: block;
  width: 100%;
  margin: 0 auto 0;
  padding: 0;
  border-bottom: 1px solid var(--sec-tittle-color);
}

.cartTable.orderConfirm {}

.cartTable>.cartTableHead {
  display: none;
}

.cartTable>.cartTableHead>ul {}


.cartTable>ul {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

.cartTable>ul>li {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 3rem 0;
  /* border-bottom: 1px solid var(--sec-tittle-color); */
  position: relative;
}

.cartTable>ul>li:not(:first-of-type) {
  border-top: 1px solid var(--sec-tittle-color);
}

.cartTable>ul>li.itemsCase {
  border-top: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
  /* border-bottom: 1px solid var(--sec-tittle-color); */
}

.cartTable>ul>li.setPromotionItems {
  padding: 0;
  border: none;
}

.cartTable>ul>li.setPromotionItems>.cartTable>ul.setPromotion>li.setTotal {
  padding-bottom: 1rem;
}

.cartTable>ul>li .price.spView {
  margin-top: 0.7rem;
  font-size: 1.2rem;
  font-weight: 600;
}


.cartTable>ul.setPromotion {
  border-top: none;
  position: relative;
  border-bottom: 1px solid #DDDDDD;
}

.cartTable>ul.setPromotion>li {
  width: 100%;
  border-bottom: none;
}

.cartTable>ul.setPromotion>li+li {
  /*border-top: 1px solid #EFEFEF;*/
}

.cartTable>ul.setPromotion>li.setTotal {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  border: none;
  padding: 0 0.5rem 1rem;
}

.cartTable>ul.setPromotion>li.setTotal>dl {
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: 100%;
}

.cartTable>ul.setPromotion>li.setTotal>dl>dt {
  display: block;
  width: calc(100% - 14rem);
  font-size: 1.2rem;
  font-weight: 700;
  text-align: left;
}

.cartTable>ul.setPromotion>li.setTotal>dl>dd {
  display: block;
  width: 14rem;
  font-size: 1.2rem;
  padding-left: 2rem;
  text-align: right;
}

.cartTable>ul.setPromotion>li.setTotal>dl>dd>p.slash {
  display: inline-block;
  position: relative;
  margin-bottom: 0.5rem;
}

.cartTable>ul.setPromotion>li.setTotal>dl>dd>p.slash::after {
  content: '';
  height: 1px;
  width: 100%;
  background: #333333;
  position: absolute;
  left: 0;
  top: 50%;
}

.cartTable>ul.setPromotion>li.setTotal>dl>dd>p>em {
  font-weight: 700;
  font-size: 1.6rem;
}



/** itemInfo **********/

.cartTable>ul>li .itemInfo {
  display: block;
  width: 100%;
  padding: 0;
}


.cartTable>ul>li .itemInfo+.itemInfo {
  position: relative;
}

.cartTable>ul>li .itemInfo+.itemInfo::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #E7E7E7;
  position: absolute;
  left: 0;
  top: 0;
}


.cartTable>ul>li .itemInfo .namePrice {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  min-height: 12rem;
  padding: 0 0 0 10rem;
  position: relative;
}

.cartTable>ul>li.itemsCase .itemInfo .namePrice {
  min-height: 9rem;
}

.cartTable>ul>li .itemInfo .namePrice>figure {
  display: block;
  width: 9rem;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.cartTable>ul>li .itemInfo .namePrice>figure img {
  border: 1px solid #EDEDED;
}

.deleteSP {
  margin-top: 1rem;
  font-size: 1.1rem;
  text-align: center;
  text-decoration: underline;
}

.cartTable>ul>li .itemInfo .namePrice>figure a {
  display: block;
  width: 100%;
}

.cartTable>ul>li .itemInfo .namePrice>figure img {
  display: block;
  width: 100%;
  height: auto;
}

.cartTable>ul>li .itemInfo .namePrice>.name {
  display: block;
  width: 100%;
  text-align: left;
}

.cartTable>ul>li .itemInfo .namePrice>.name {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6;
  letter-spacing: 0.04em;
}

.cartTable>ul>li .itemInfo .namePrice>.name p.itemName {
  padding-bottom: 0.4rem;
  font-size: 1.3rem;
  font-weight: 600;
}

.cartTable>ul>li .itemInfo .namePrice>.name>p+p {
  margin-top: 0.5rem;
}


.cartTable>ul>li .itemInfo .namePrice>.name>p.attention {
  display: block;
  padding: 0.5rem 0.5rem;
  margin-top: 0.5rem;
  background: #FAFAFA;
  color: var(--errorMessage);
  font-size: 1.2rem;
  font-weight: 700;
  text-align: left;
}


.cartTable>ul>li .itemInfo .namePrice>.name>p.brandName {
  color: #888888;
  font-size: 1.2rem;
}

/* .pairs:not(:first-of-type){
    margin-top: 1rem;
} */

.pairs {
  margin-top: 1rem;
}

.cartTable>ul>li .itemInfo .namePrice>.price {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: 2.6rem 0 0;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: left;
}

.cartTable>ul>li .itemInfo .namePrice>.price>p.slash {
  display: inline-block;
  position: relative;
}

.cartTable>ul>li .itemInfo .namePrice>.price>p.slash::after {
  content: '';
  height: 1px;
  width: 100%;
  background: #333333;
  position: absolute;
  left: 0;
  top: 50%;
}

.cartTable>ul>li .itemInfo .namePrice>.price>p>em {}


.cartTable>ul>li .itemInfo .quantityOperation {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-top: 1rem;
  padding: 0.5rem;
  min-height: 4rem;
}

.cartTable.userProductArrivalMailList>ul>li .itemInfo .quantityOperation {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.cartTable>ul>li .itemInfo .quantityOperation>.quantity {
  display: block;
  height: 100%;
  padding-left: 2rem;
  order: 2;
}

.cartTable>ul>li .itemInfo .quantityOperation>.quantity>dl.quantitySelect {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.cartTable>ul>li .itemInfo .quantityOperation>.quantity>dl.quantitySelect>dt {
  display: block;
  font-size: 1.2rem;
  padding-right: 0.5rem;
}

.cartTable>ul>li .itemInfo .quantityOperation>.quantity>dl.quantitySelect>dd {
  font-size: 1.4rem;
}

.cartTable>ul>li .itemInfo .quantityOperation>.quantity input {
  text-align: center;
  height: 3rem;
  width: 6rem;
  line-height: 2.8rem;
}


.cartTable>ul>li .itemInfo .quantityOperation>.subTotal {
  display: block;
  width: 16rem;
  margin: 0 0 0 auto;
  font-size: 1.2rem;
  font-weight: 600;
  padding-left: 0;
  order: 3;
  text-align: right;
}

.cartTable>ul>li .itemInfo .quantityOperation>.subTotal p::before {
  content: '小計:';
  padding-right: 0.5rem;
}

.cartTable>ul>li .itemInfo .quantityOperation>.subTotal p>em {
  font-size: 1.6rem;
}


.cartTable>ul>li .itemInfo .operation {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 7.5rem;
  order: 1;
}

.cartTable>ul>li .operation .btnDelete {
  width: 7.5rem;
}

.cartTable>ul>li .operation .btnDelete>a {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 3rem;
  border-radius: 0.7rem;
  background: #AFAFAF;
  background-size: 0.659rem auto;
  padding: 0.1rem 0.5rem 0;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1;
  text-decoration: none;
  color: #FFFFFF;
}

.sizeRepairInfo {
  margin-bottom: 2rem;
}

.sizeRepair__btnChange>a {
  display: inline-block;
  margin-top: 0.6rem;
  padding: 0.5rem 1.4rem;
  background: #FFFFFF;
  border: 1px solid #022363;
  border-radius: 100px;
  font-size: 1.1rem;
  font-weight: 300;
  color: #022363;
  letter-spacing: 0.05em;
  text-align: center;
  line-height: 1.2;
}

/** setItem **********/
.cartTable>ul>li .itemInfo .setItemWrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.cartTable>ul>li .itemInfo .setItemWrap>.setItem {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.cartTable>ul>li .itemInfo .setItemWrap>.setItem+.setItem {
  border-top: 1px solid #F1F1F1;
}



/** noveltySelect **********/
.noveltySelect {
  margin-top: 5rem;
}

.cartTable .noveltySelect {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 1rem 0;
  border-bottom: 1px solid #DDDDDD;
  position: relative;
}

.cartTable .noveltySelect .title {
  display: block;
  width: 100%;
  padding-top: 0.5rem;
  padding: 0.5rem 0.5rem 0;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
}

.cartTable .noveltySelect .title>span {
  display: block;
  font-size: 1.0rem;
}

.cartTable .noveltySelect .lede {
  display: block;
  width: 100%;
  padding: 0 0.5rem;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
  line-height: 1.4;
}

.cartTable .noveltySelect .lede .noveltyTTL {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

.cartTable .noveltySelect .lede .caution {
  font-size: 1.0rem;
}


.cartTable .noveltySelect .cartTable>ul>li {
  border: none;
  background: #F1F1F1;
  padding: 1rem 0.5rem;
  margin-top: 1rem;
}

.noveltySelect .cartTable .spView {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-top: 1.1rem;
}

.noveltySelect .cartTable .spView a {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  max-width: 11.2rem;
  height: 2.6rem;
  /* border-radius: 8px; */
  background: #1C1C1C;
  /* padding: 0.1rem 2rem 0; */
  font-size: 1.1rem;
  font-weight: 300;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1;
  text-decoration: none;
  color: #FFFFFF;
}

.noveltySelect .cartTable>ul>li .itemInfo .spView {
  width: 11.2rem;
}

/** itemCase **********/
.itemsCase__btnChange>a {
  display: inline-block;
  margin-top: 0.9rem;
  padding: 0.5rem 1.7rem;
  background: #022363;
  border: 1px solid #FFFFFF;
  border-radius: 100px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  font-size: 1.1rem;
  font-weight: 300;
  color: #FFFFFF;
  letter-spacing: 0.05em;
  text-align: center;
  line-height: 1.4;
}


/**************************************
dvAnnounceFreeShipping
**************************************/
.dvAnnounceFreeShipping {
  display: block;
  padding-top: 4rem;
  margin-bottom: 4rem;
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1;
}

.dvAnnounceFreeShipping .defPrice {
  color: var(--errorMessage);
  font-size: 1.4rem;
}

.dvAnnounceFreeShipping .freeShipping {}

/**************************************
cartUnder
**************************************/
.cartUnder {
  display: block;
  width: 100%;
  margin-top: 1rem;
}

/** couponPointSelect **************/
.cartUnder .couponPointSelect {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
}

.cartUnder .couponPointSelect.noLogin {
  display: none;
}

.cartUnder .couponPointSelect>dl {
  display: block;
  width: 100%;
  background: #eeeeee;
}

.cartUnder .couponPointSelect>dl+dl {
  margin-top: 1rem;
}

.cartUnder .couponPointSelect>dl>dt {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  min-height: 3rem;
  padding: 1rem 1rem;
  background-color: var(--bg-secondary);
  font-size: 1.4rem;
  font-weight: 700;
}

.cartUnder .couponPointSelect .radioList {
  margin-bottom: 1rem;
}

.cartUnder .couponPointSelect .radioList tr {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.cartUnder .couponBox__select {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.cartUnder .couponBox__select--input .inputArea select {
  width: 100% !important;
}

.cartUnder .couponPointSelect .couponBoxBtn {
  width: 13rem;
}

.cartUnder .couponPointSelect .couponBoxBtn>a {
  height: 4rem;
}


.cartUnder .couponPointSelect>dl>dd {
  display: block;
  font-size: 1.3rem;
  line-height: 1.5;
  padding: 1.3rem 1rem 1rem;
  background-color: #fff;
  border: 1px solid var(--bg-secondary);
}



/** usePoint **********/
.cartUnder .usePoint {}

.cartUnder .usePoint .inputArea {
  display: block;
  padding: 1rem 0;
}

.cartUnder .usePoint .inputArea input {
  max-width: calc(100% - 3rem);
  margin-right: 0.5rem;
}


/** couponSelect *************/
.cartUnder .couponSelect {}

.cartUnder .couponSelect .radioList {
  display: block;
}

.cartUnder .couponSelect .radioList>span {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.cartUnder .couponSelect .radioList>span>input {
  display: none;
}

.cartUnder .couponSelect .radioList>span>label {
  display: block;
  margin-right: 2rem;
  padding: 0 0 0 2.5rem;
  font-size: 1.4rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: border 0.2s ease, background 0.2s ease;
  -moz-transition: border 0.2s ease, background 0.2s ease;
  -o-transition: border 0.2s ease, background 0.2s ease;
  transition: border 0.2s ease, background 0.2s ease;
}

.cartUnder .couponSelect .radioList>span>label:nth-last-of-type(1) {
  margin-right: 0;
}

.cartUnder .couponSelect .radioList>span>label::before {
  content: '';
  display: block;
  width: 2rem;
  height: 2rem;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  background: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.cartUnder .couponSelect .radioList>span>label::after {
  content: '';
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: #7C7B7B;
  border-radius: 50%;
  position: absolute;
  left: 0.4rem;
  top: 0.4rem;
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.cartUnder .couponSelect .radioList>span>input:checked+label::before {}

.cartUnder .couponSelect .radioList>span>input:checked+label::after {
  opacity: 1;
  transform: scale(1);
}

.cartUnder .couponSelect .inputArea {
  display: block;
}

.cartUnder .couponSelect *+.inputArea {
  margin-top: 1rem;
}

.cartUnder .couponSelect .inputArea select,
.cartUnder .couponSelect .inputArea input {
  max-width: 100%;
}

.cartUnder .couponSelect .couponBoxBtn {
  padding: 1rem 0 0 0;
  width: 17.5rem;
  margin: 0 auto;
}

.cartUnder .couponSelect .couponBoxBtn>a {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 4rem;
  border-radius: 8px;
  background: #505050;
  background-size: 0.659rem auto;
  padding: 0.1rem 1rem 0;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1;
  text-decoration: none;
  color: #FFFFFF;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
}


/** couponBoxModal **********/
.couponBoxModal {
  display: block;
  background: rgba(124, 123, 123, .8);
  width: 100vw;
  height: 100vh;
  padding: 0 2rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10001;
}

.couponBoxModal .couponList {
  display: block;
  width: calc(100% - 4rem);
  height: 80%;
  max-height: 70vh;
  overflow: hidden;
  /* border: 2px solid var(--color-primary); */
  background-color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.couponBoxModal .couponList>.inner {
  display: block;
  overflow: auto;
  width: 100%;
  height: calc(100% - 7rem);
  position: relative;
}

.couponBoxModal .couponList>.inner::after {
  content: '';
  display: block;
  height: 8rem;
}


.couponBoxModal .couponList>.inner>dl {
  padding: 2.5rem 2rem 2rem;
}

.couponBoxModal .couponList>.inner>dl>dt {
  display: block;
  margin-bottom: 1.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #EDEDED;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  font-family: var(--accent-font);
  letter-spacing: 0.05em;
  color: var(--sec-tittle-color);
}

.couponBoxModal .couponList>.inner>dl>dd {
  display: block;
}

.couponBoxModal .couponList>.inner>dl>dd>dl {
  display: block;
  width: 100%;
  text-align: left;
  background: var(--bg-secondary);
  padding: 1.5rem;
}

.couponBoxModal .couponList>.inner>dl>dd>dl+dl {
  margin-top: 2rem;
}

.couponBoxModal .couponList>.inner>dl>dd>dl>dt {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 700;
}

.couponBoxModal .couponList>.inner>dl>dd>dl>dd {
  font-size: 1.2rem;
  line-height: 1.6;
}

.couponBoxModal .couponList>.inner>dl>dd>dl>dd.btnBlue {
  display: block;
  max-width: 17.5rem;
  margin: 1rem auto 0;
}

.couponBoxModal .couponList>.inner>dl>dd>dl>dd.btnBlue>a {
  height: 4rem;
  font-size: 1.2rem;
  box-shadow: none;
  background-image: none;
}

.couponBoxModal .btnCouponBoxClose {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 7rem;
  margin: auto 0 0 0;
  padding: 1rem 2.5rem 1rem;
  background: #EEEEEE;
}

.couponBoxModal .btnCouponBoxClose>a {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 17.5rem;
  height: 5rem;
  margin: 0 auto;
  padding-top: 0.1rem;
  border: 1px solid #333333;
  background: #FFFFFF;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1;
  text-decoration: none;
  color: #333333;
}


/** subTotalBox **************/
.subTotalBox {
  display: block;
  width: 100%;
  /* padding: 1rem;
    background: #eeeeee; */
}

.subTotalBox>.inner {
  width: 100%;
  background: #FFFFFF;
}

.subTotalBox>.inner>dl {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem 0;
  font-size: 1.2rem;
  line-height: 1.4;
}

/* .subTotalBox > .inner > dl + dl{border-top: 1px solid #eeeeee;} */

.subTotalBox>.inner>dl>dt {
  display: block;
  max-width: 60%;
  text-align: left;
}

.subTotalBox>.inner>dl>dd {
  display: block;
  max-width: 40%;
  text-align: right;
  font-size: 1.2rem;
}

.subTotalBox>.inner>dl>dd>em {
  padding-right: 1rem;
  font-size: 1.2rem;
}

.subTotalBox>.inner>dl>dd.minus {
  color: var(--errorMessage);
}

.subTotalBox>.inner>dl.total {
  /* padding: 2rem 2rem; */
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 700;
}

.subTotalBox>.inner>dl.total dt {
  font-weight: 700;
}

.subTotalBox>.inner>dl.total>dd {
  font-size: 1.3rem;
}

.subTotalBox>.inner>dl.total>dd>em {
  font-size: 1.3rem;
}

.orderConfirmCartUnder .subTotalBox>.inner>dl>dd>em {
  padding-right: 0;
}

/**************************************
cartSelect
**************************************/
.cartTable.cartSelect>ul>li .itemInfo>.namePrice {
  display: block;
  padding-left: 8rem;
  padding-right: 6rem;
  position: relative;
}

.cartTable.cartSelect>ul>li .itemInfo>.namePrice>figure {
  display: block;
  width: 7.5rem;
  position: absolute;
  left: 0.5rem;
  top: 0;
}

.cartTable.cartSelect>ul>li .itemInfo>.namePrice>.name {
  display: block;
  width: 100%;
  padding: 0 1.5rem 0 1rem;
}

.cartTable.cartSelect>ul>li .itemInfo>.namePrice>.price {
  width: 100%;
  padding: 0 1.5rem 0 1rem;
  margin-top: 1.5rem;
}


.cartTable.cartSelect>ul>li .itemInfo>.namePrice>.itemSlect {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 6rem;
  height: 100%;
  border-left: 1px solid #DDDDDD;
  position: absolute;
  right: 0;
  top: 0;
}

.cartTable.cartSelect>ul>li .itemInfo .namePrice>.itemSlect>dl {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.cartTable.cartSelect>ul>li .itemInfo .namePrice>.itemSlect>dl>dt {
  display: block;
  height: 1.5rem;
  font-size: 1.2rem;
  margin: auto 0 0 0;
}

.cartTable.cartSelect>ul>li .itemInfo .namePrice>.itemSlect>dl>dd {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 1.5rem);
}

.cartTable.cartSelect>ul>li .itemInfo .namePrice>.itemSlect>dl>dd>span {
  display: block;
  width: 100%;
  height: 100%;
}

.cartTable.cartSelect>ul>li .itemInfo .namePrice>.itemSlect>dl>dd input {
  display: none;
}

.cartTable.cartSelect>ul>li .itemInfo .namePrice>.itemSlect>dl>dd label {
  display: block;
  width: 100%;
  height: 100%;
  color: #333333;
  position: relative;
  cursor: pointer;
}


.cartTable.cartSelect>ul>li .itemInfo .namePrice>.itemSlect>dl>dd label::before {
  content: '';
  display: block;
  /* width: 1.4rem;
    height: 1.4rem; */
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #CECECE;
  border-radius: 2px;
  background: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: calc(50% - 1.4rem);
  left: calc(50% - 1.2rem);
  z-index: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.cartTable.cartSelect>ul>li .itemInfo .namePrice>.itemSlect>dl>dd label::after {
  content: '';
  display: block;
  /* width: 1.943rem;
    height: 1.383rem; */
  width: 1.6rem;
  height: 1.6rem;
  background: url(../Contents/ImagesPkg/common/icon_check.svg) center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: calc(50% - 0.9715rem);
  left: calc(50% - 0.6915rem);
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.cartTable.cartSelect>ul>li .itemInfo .namePrice>.itemSlect>dl>dd input:checked+label {}

.cartTable.cartSelect>ul>li .itemInfo .namePrice>.itemSlect>dl>dd input:checked+label::before {
  background-color: var(--bg-tertiary);
}

.cartTable.cartSelect>ul>li .itemInfo .namePrice>.itemSlect>dl>dd input:checked+label::after {
  opacity: 1;
  transform: scale(1);
}


/**************************************
orderFlowWrap
**************************************/
.paymentCartWrap {
  display: block;
}

.paymentCartWrap:not(:first-of-type) {
  padding-top: 5rem;
}

.paymentCartWrap:last-of-type {
  padding-top: 0;
}

.paymentCartWrap+.paymentCartWrap {
  padding-top: 6rem;
}

.paymentCartWrap .cartTableMini>ul>li {
  padding: 3rem 0;
}

.paymentCartWrap .cartTableMini>ul>li>figure {
  width: 9rem;
}

.paymentCartWrap .cartTableMini>ul>li>figure img {
  border: 1px solid #EDEDED;
}

.paymentCartWrap .cartTableMini>ul>li>.name .quantityPrice {
  text-align: left;
  justify-content: flex-start;
  padding-top: 2.5rem;
}

.paymentCartWrap .cartUnder {
  margin: 3rem 0;
}

.paymentCartWrap .paymentInfo {
  padding-top: 3rem;
  border-top: 1px solid #EDEDED;
}

.paymentCartWrap .paymentInfo {
  padding-top: 3rem;
  border-top: 1px solid #EDEDED;
}

.paymentCartWrap .paymentInfo.paymentDate {
  margin-top: 3rem;
}

.paymentCartWrap .paymentInfo .paymentInfo__ttl {
  width: 100%;
  margin-bottom: 1.8rem;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.orderFlowWrap {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.orderFlowWrap .shippingInfoInput>.formTable {
  margin-top: 2.2rem;
}

.orderFlowWrap.payment {
  display: block;
  padding: 0 0 0 0;
}

.orderFlowWrap.payment .paymentInfo>.formSubTTL {
  display: none;
}

.orderFlowWrap.payment>.paymentInfo>.ledeBox {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.orderFlowWrap.confirm {
  display: block;
}

/* .orderFlowWrap.confirm .cartInfo .formSubTTL{display: none;} */

.orderFlowWrap.confirm .cartInfo .formSubTTL {
  margin-bottom: 0;
}

.orderFlowWrap.confirm .cartInfo .orderFlowCartTTL {
  display: none;
}



.orderFlowWrap .userInfo {
  display: block;
  width: 100%;
}

.orderFlowWrap .shippingInfo {
  display: block;
  width: 100%;
}

.orderFlowWrap .shippingInfo+.shippingInfo {
  margin-top: 4rem;
}

.orderFlowWrap .userInfo+.shippingInfo {
  margin-top: 4rem;
}

.orderFlowWrap .paymentInfo {
  display: block;
  width: 100%;
}

.orderFlowWrap .cartInfo {
  display: block;
  width: 100%;
}

.orderFlowWrap .paymentInfo+.cartInfo {
  margin-top: 4rem;
}

.orderFlowWrap.confirm .cartInfo {}

.orderFlowWrap .cartInfo .cartUnder {
  display: block;
  width: 100%;
  margin-top: 2rem;
}

.orderFlowWrap .cartInfo .cartUnder>.couponPointSelect,
.orderFlowWrap .cartInfo .cartUnder>.subTotalBox {
  width: 100%;
}

.orderFlowWrap .cartInfo .cartUnder>.subTotalBox {
  margin-top: 1rem;
}

.orderFlowWrap .cartInfo .cartUnder>ul.operation {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: 100%;
  padding-top: 1.5rem;
}

.orderFlowWrap .cartInfo .cartUnder>ul.operation>li {
  width: 15rem;
}

.orderFlowWrap .cartInfo .cartUnder>ul.operation>li+li {
  margin-left: 1rem;
}

.orderFlowWrap .cartInfo .cartUnder>ul.operation>li.btnFormBack>a {
  height: 4rem;
  box-shadow: none;
  font-size: 1.4rem;
}



.orderFlowWrap .orderInfo {
  display: block;
  width: 100%;
  order: 1;
}

.orderFlowWrap .cartInfo+.orderInfo {
  margin-top: 4rem;
}

.orderFlowWrap .formTable {
  margin-top: 0;
}

.orderFlowWrap .formTable+.formTable {
  margin-top: 1px;
}

.orderFlowWrap .formTable+.formInnerSection {
  padding-top: 4rem;
}

.orderFlowWrap .formTable>dl.salesOfficeCode>dd .inputArea {
  display: flex;
  align-items: center;
}

.orderFlowWrap .formTable>dl.salesOfficeCode>dd input {
  max-width: 21.5rem;
}

.salesOfficeCode__link {
  margin-left: 1.1rem;
}

.salesOfficeCode__link>a {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  text-decoration: underline;
  font-feature-settings: "palt";
}

.salesOfficeCode__link>a .salesOfficeCode__link-img {
  max-width: 1rem;
  margin-left: 1.1rem;
}

.salesOfficeAttention {
  display: none;
  margin-top: 1rem;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #1C1C1C;
}

.salesOfficeAttentionModal {
  text-decoration: underline;
  cursor: pointer;
}

.modal-bg {
  content: '';
  display: block;
  width: 100vw;
  height: calc(100vh);
  background: rgba(51, 51, 51, .63);
  box-shadow: inset 0 1px 2px 0 rgb(0 0 0 / 10%);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1002;
  opacity: 0;
  webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  -webkit-transform: translate(-200vw, 0);
  -moz-transform: translate(-200vw, 0);
  -o-transform: translate(-200vw, 0);
  transform: translate(-200vw, 0);
}

.modal-bg.open {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.salesOfficeAttention__modal-content {
  width: 100%;
  max-width: 33.5rem;
  padding: 3.5rem 1rem 4rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 2.2px rgba(0, 0, 0, 0.037),
    0px 0px 5.3px rgba(0, 0, 0, 0.053),
    0px 0px 10px rgba(0, 0, 0, 0.065),
    0px 0px 17.9px rgba(0, 0, 0, 0.077),
    0px 0px 33.4px rgba(0, 0, 0, 0.093),
    0px 0px 80px rgba(0, 0, 0, 0.13);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1003;
  opacity: 0;
  visibility: hidden;
  backface-visibility: hidden;
  transition: all 400ms ease;
}

.salesOfficeAttention__modal-content.open {
  opacity: 1;
  visibility: visible;
  backface-visibility: visible;
}

.salesOfficeAttention__modal-content-close-pc {
  display: none;
}

.salesOfficeAttention__modal-content-close-sp {
  display: block;
  width: 100%;
  max-width: 23rem;
  height: 4rem;
  margin: 0 auto;
  margin-top: 2.8rem;
  border: 1px solid #022363;
  font-size: 1.3rem;
  line-height: 3.8rem;
  color: #022363;
  text-align: center;
}

.salesOfficeAttention__modal-ttl {
  margin-bottom: 2.7rem;
  font-size: 2rem;
  text-align: center;
}

.salesOfficeAttention__content-lead-text {
  margin-bottom: 1.6rem;
  font-size: 1.3rem;
  line-height: 1.7;
}

.salesOfficeAttention__content-name-wrap {
  margin-bottom: 3.8rem;
}

.salesOfficeAttention__content-name-wrap p {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1.8;
}

.salesOfficeAttention__content-name-span {
  display: block;
  width: 5.2rem;
  font-weight: 600;
}

.salesOfficeAttention__content-attention-wrap {
  padding: 1.7rem 2rem 3.8rem;
  background-color: #EFF6FC;
}

.salesOfficeAttention__content-attention-ttl {
  margin-bottom: 1.4rem;
  font-size: 1.3rem;
  font-weight: 600;
}

.salesOfficeAttention__content-attention-text {
  font-size: 1.2rem;
  line-height: 1.8;
}

.salesOfficeAttention__content-attention-red {
  color: #CC0000;
}

.salesOfficeAttention__content-attention-link {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  font-size: 1.2rem;
  line-height: 1.7;
}

.salesOfficeAttention__content-attention-link a {
  text-decoration: underline;
}

.modal-caution {
  width: 100%;
  max-width: 33.5rem;
  padding: 4rem 1rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 2.2px rgba(0, 0, 0, 0.037),
    0px 0px 5.3px rgba(0, 0, 0, 0.053),
    0px 0px 10px rgba(0, 0, 0, 0.065),
    0px 0px 17.9px rgba(0, 0, 0, 0.077),
    0px 0px 33.4px rgba(0, 0, 0, 0.093),
    0px 0px 80px rgba(0, 0, 0, 0.13);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1003;
  opacity: 0;
  visibility: hidden;
  backface-visibility: hidden;
  transition: all 400ms ease;
}

.modal-caution.open {
  opacity: 1;
  visibility: visible;
  backface-visibility: visible;
}

.caution__ttl-wrap {
  margin-bottom: 2.8rem;
  text-align: center;
}

.caution__ttl {
  margin-bottom: 0.2rem;
  font-size: 2.5rem;
  font-family: var(--sec-tittle-font);
  font-weight: 400;
  line-height: 1.4;
}

.caution_contents+.caution_contents {
  margin-top: 4rem;
}

.caution__subttl {
  font-size: 1.4rem;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 1rem;
}

.caution__text {
  font-size: 1.3rem;
  line-height: 1.7;
}

.modal-caution .caution__text {
  text-indent: -1.3rem;
  padding-left: 1.3rem;
}


.caution__text-red {
  color: #CC0000;
}

.caution-disc {
  display: block;
  font-size: 1.2rem;
}

.caution__close {
  width: 100%;
  max-width: 23rem;
  height: 4rem;
  margin: 0 auto;
  margin-top: 3.6rem;
  background-color: #00235F;
  font-size: 1.3rem;
  text-align: center;
  line-height: 3.8rem;
  color: #FFFFFF;
  cursor: pointer;
}

.orderFlowWrap.confirm .btnFormBack>a {
  max-width: 9rem;
  height: 2.7rem;
  margin: 2.2rem 0 3.7rem auto;
  padding: 0;
  border-radius: 100px;
  font-size: 1.1rem;
  font-family: inherit;
  line-height: 1.4;
}

.paymentInfoConfirm__ttl {
  width: 100%;
  max-width: fit-content;
  margin-bottom: 0.6rem;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.7;
  color: var(--sec-tittle-color);
}

.orderFlowWrap .formTable.formTable-confirm>dl>dt {
  padding: 0.6rem 0;
}

.orderFlowWrap .formTable.formTable-confirm>dl>dd {
  padding: 0 0 1rem;
}

/** complete ********************/
.orderFlowWrap.complete {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}


.orderFlowWrap.complete .orderInfo {
  display: block;
  width: 100%;
  margin-top: 2rem;
}

.orderFlowWrap.complete .shippingInfo {
  display: block;
  width: 100%;
  margin-top: 2rem;
}

.orderFlowWrap.complete .shippingInfo .formTable+.formSubTTL {
  margin-top: 2rem;
}


.orderFlowWrap.complete .cartInfo {
  display: block;
  width: 100%;
  margin-top: 2rem;
}

.orderFlowWrap.complete .cartInfo>.formSubTTL {
  margin-bottom: 0;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #DDDDDD;
}


.orderFlowWrap.complete .cartUnderResult {
  display: block;
  width: 100%;
}


.cartUnderResult {
  width: 100%;
  margin-top: 2rem;
}

.cartUnderResult .pointSubTotal {
  width: 100%;
  margin-bottom: 2rem;
}

.cartUnderResult .pointSubTotal>dl {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  padding: 1rem 1rem;
  border: 1px solid #333333;
  font-size: 1.4rem;
  font-weight: 700;
}

.cartUnderResult .pointSubTotal>dl+dl {
  margin-top: 1rem;
}

.cartUnderResult .pointSubTotal>dl>dt {
  text-align: left;
}

.cartUnderResult .pointSubTotal>dl>dt>span {
  font-size: 1.4rem;
  font-weight: 400;
}

.cartUnderResult .pointSubTotal>dl>dd {
  text-align: right;
}

.cartUnderResult .subTotalBox {
  width: 100%;
}



.cartTotalView {
  display: block;
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-top: 3rem;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

.cartTotalView>dl {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  min-height: 6rem;
  padding: 2rem 2rem;
  border: 2px solid #333333;
  font-size: 2rem;
  font-weight: 700;
}

.cartTotalView>dl+dl {
  margin-top: 1rem;
}

.cartTotalView>dl>dt {
  text-align: left;
}

.cartTotalView>dl>dt>span {
  font-size: 1.6rem;
  font-weight: 400;
}

.cartTotalView>dl>dd {
  text-align: right;
}

.orderCompleteTtl-wrap {
  margin-bottom: 2.6rem;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  color: var(--bg-tertiary);
  line-height: 1.4;
}

.orderCompleteNumber {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 30rem;
  margin: 0 auto;
  margin-bottom: 1rem;
}

.orderCompleteNumber__ttl {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.7;
  color: var(--sec-tittle-color);
}

.orderCompleteNumber__num {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--sec-tittle-color);
}

.orderCompleteText-wrap {
  margin-top: 2.7rem;
  padding-top: 4rem;
  border-top: 1px solid #EDEDED;
}

.orderCompleteText-wrap p {
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.8;
  text-align: center;
}

.orderCompleteText-wrap p.domain {
  border: 1px solid var(--sec-tittle-color);
  padding: 2rem;
  text-align: center;
  margin: 3rem auto 0;
}

/**************************************
orderInfoSection
**************************************/
.orderInfoSection {
  margin-bottom: 3rem;
}

.orderInfoSection.mb-0 {
  margin-bottom: 0;
}

.orderInfoSection:nth-last-child(1) {
  margin-bottom: 0;
}

.orderInfoSection .operation {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding-top: 1.5rem;
}

.orderInfoSection .operation .underCheckBtn {
  text-align: left;
  margin: 0;
  padding: 0;
}

.orderInfoSection .operation .btnFormBack {
  width: 15rem;
  text-align: left;
  margin: 0 0 0 auto;
  padding: 0;
}

.orderInfoSection .operation .btnFormBack>a {
  max-width: 9rem;
  height: 2.7rem;
  margin: 0;
  margin-left: auto;
  padding: 0;
  border-radius: 100px;
  box-shadow: none;
  font-size: 1.1rem;
  font-family: inherit;
  line-height: 1.4;
}

.orderSettlement_error {
  margin: 3rem auto 6rem;
  text-align: center;
  color: #CC0000;
}

.orderSettlement_error p {
  margin-bottom: 3rem;
}

.orderSettlement_error .btnFormBack {
  margin: 0 auto;
  width: 30rem;
}

/**************************************
orderSettlement
**************************************/


.orderSettlement .orderSettlementInfo+.orderSettlementInfo {
  margin-top: 4rem;
}

.orderSettlement .formSubTTL {
  flex-direction: column;
  padding: 1.6rem 1rem 1.5rem;
}

.orderSettlement .formSubTTL h4 {
  font-size: 1.5rem;
  margin-bottom: 1.2rem;
}

.orderSettlement .formSubTTL .statusWrap {
  display: flex;
  align-items: center;
  text-align: left;
  line-height: 1;
}

.orderSettlement .formSubTTL .settlementStatus {
  margin-bottom: 0;
  margin-right: 2rem;
  font-size: 1.4rem;
  letter-spacing: 0.025em;
}

.orderSettlement .formSubTTL .settlementStatus span {
  display: flex;
  align-items: center;
}

.orderSettlement .formSubTTL .settlementStatus span::before {
  content: '';
  display: block;
  margin-right: 0.6rem;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../Contents/ImagesPkg/common/icon_check_before.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.orderSettlement .formSubTTL .settlementStatus span.success::before,
.orderSettlement .formSubTTL .settlementStatus span.incomplete_docomo::before {
  background-image: url(../Contents/ImagesPkg/common/icon_check_after.svg);
}

.orderSettlement .formSubTTL .paymentName {
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}

.orderSettlement .orderSettlement_txt {
  font-size: 1.3rem;
  letter-spacing: 0.05em;
}

.orderSettlement .orderSettlement_txt .orderSettlement_reserve {
  font-size: 1.3rem;
  margin-bottom: 2.5rem;
}

.orderSettlement .orderSettlement_shortest {
  margin-bottom: 1.1rem;
  font-weight: bold;
}

.orderSettlement .orderSettlementInfo .orderSettlement_productList {
  line-height: 1.5;
}

.orderSettlement .orderSettlementInfo .orderSettlement_productList>div+div {
  margin-top: 0.9rem;
}

.orderSettlement .orderSettlement_info .orderSettlement_payment {
  margin-top: 1.5rem;
  padding-top: 1.4rem;
  border-top: 1px solid #EDEDED;
}

.orderSettlement .orderSettlement_info .orderSettlement_payment .orderSettlement_total {
  font-weight: bold;
}

.orderSettlement .orderSettlement_info .btnBlue {
  margin: 3rem auto 0;
  width: 28rem;
}

.orderSettlement .bottomBtnArea {
  margin-top: 2rem;
}

.orderSettlement .bottomBtnArea li {
  width: 28rem;
}

.orderSettlement .popup {
  display: none;
}

.orderSettlement .popup_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: #212121;
  opacity: 0.4;
  z-index: 111;
}

.orderSettlement .popup_inner {
  position: fixed;
  z-index: 112;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 89.3333333333%;
  padding: 4rem 1rem;
  background-color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
}

.orderSettlement .popup .popup_ttl {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.5rem;
  font-size: 2.5rem;
  font-family: var(--sec-tittle-font);
  font-weight: 400;
}

.orderSettlement .popup .popup_ttl span {
  margin-top: 0.4rem;
  font-size: 1.2rem;
  line-height: 1;
}

.orderSettlement .popup p {
  margin-bottom: 2.5rem;
  font-size: 1.2rem;
  line-height: 1.91666666667;
}

.orderSettlement .popup p .c-red {
  font-size: 1.3rem;
  color: #CC0000;
}

.orderSettlement .popup .bottomBtnArea>ul>li+li {}




/**************************************
orderConfirmUnderText
**************************************/
.orderConfirmUnderText {
  display: block;
  margin: 4rem auto 0;
  border: 1px solid #CCCCCC;
  padding: 1.5rem;
  font-size: 1.2rem;
  line-height: 1.6;
  letter-spacing: 0.04em;
}

.orderConfirmUnderText>p:not(:last-of-type) {
  margin-bottom: 2rem;
}

.orderConfirmUnderText>p {
  text-align: left;
}

.orderConfirmUnderText>dl {
  text-align: center;
  text-align: left;
}

.orderConfirmUnderText>dl>dt {
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.orderConfirmUnderText>dl>dd.caution {
  text-indent: -1em;
  padding-left: 1em;
}

.orderConfirmUnderText>dl>dd strong {
  font-weight: 700;
}

.orderConfirmUnderText>dl>dd+dd {
  margin-top: 0.5rem;
}




/**************************************
orderFlowCart
**************************************/
.orderFlowCartTTL {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: 1rem 1rem 1rem 1rem;
  background: #E5E5E5;
  font-size: 1.4rem;
  font-weight: 700;
  color: #333333;
}

.orderFlowCartTTL>a {
  margin: 0 0 0 auto;
  font-size: 1.3rem;
  font-weight: 500;
  text-decoration: underline;
  color: #333333;
}


.cartTableMini {
  display: block;
}

.cartTableMini>ul {
  display: block;
}

.cartTableMini>ul>li {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin: 0 auto;
  padding: 3rem 0;
  border-bottom: 1px solid var(--sec-tittle-color);
  position: relative;
}


.cartTableMini>ul>li>figure {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  width: 7.5rem;
}

.cartTableMini>ul>li>figure img,
.cartTableMini>ul>li>figure a {
  display: block;
  width: 100%;
  height: auto;
}

.cartTableMini>ul>li>.name {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  width: calc(100% - 7.5rem);
  text-align: left;
  padding-left: 1rem;
}

.cartTableMini>ul>li>.name p {
  display: block;
  font-size: 1.3rem;
  line-height: 1.6;
  letter-spacing: 0.04em;
}

.cartTableMini>ul>li>.name p+p {
  margin-top: 0.5rem;
}

.cartTableMini>ul>li>.name p.itemName {
  font-weight: 600;
}

.cartTableMini>ul>li>.name p.brandName {
  color: #888888;
  font-size: 1.2rem;
}

.cartTableMini>ul>li>.name .quantityPrice {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right;
  width: 100%;
  padding-top: 1.5rem;
}

.cartTableMini>ul>li>.name .quantityPrice .quantity {
  font-size: 1.3rem;
  padding-right: 2rem;
}

.cartTableMini>ul>li>.name .quantityPrice .price {
  font-size: 1.2rem;
}

.cartTableMini>ul>li>.name .quantityPrice>.price>em {
  font-size: 1.2rem;
  font-weight: 700;
}

/**************************************
OrderShipping
**************************************/

.cartTableMini>ul>li .cartTableMini__desc figure {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  align-self: flex-start;
  width: 7.5rem;
  border: 1px solid #EDEDED;
}

.cartTableMini>ul>li .cartTableMini__desc figure img,
.cartTableMini>ul>li .cartTableMini__desc figure a {
  display: block;
  width: 100%;
  height: auto;
}

.cartTableMini>ul>li .cartTableMini__desc .name {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  width: calc(100% - 7.5rem);
  text-align: left;
  padding-left: 1rem;
}

.cartTableMini>ul>li .cartTableMini__desc .name p {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6;
  letter-spacing: 0.04em;
}

.cartTableMini>ul>li .cartTableMini__desc .name p+p {
  margin-top: 0.5rem;
}

.cartTableMini>ul>li .cartTableMini__desc .name p.itemName {
  font-size: 1.3rem;
  font-weight: 600;
}

.cartTableMini>ul>li .cartTableMini__desc .name p.price {
  font-size: 1.2rem;
  font-weight: 600;
}

.cartTableMini__inner {
  width: 100%;
}

.cartTableMini__desc {
  display: flex;
  align-items: flex-start;
}

.orderDetailProductsList .cartTableMini__desc {
  align-items: flex-start;
}

.cartTableMini__novelty {
  display: flex;
  align-items: center;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #EDEDED;
}

.cartTableMini__novelty figure {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  width: 7.5rem;
  border: 1px solid #EDEDED;
}

.cartTableMini__novelty figure img,
.cartTableMini__novelty figure a {
  display: block;
  width: 100%;
  height: auto;
}

.cartTableMini__novelty .name {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  width: calc(100% - 7.5rem);
  text-align: left;
  padding-left: 1rem;
}

.cartTableMini__novelty .name p {
  display: block;
  font-size: 1.3rem;
  line-height: 1.6;
  letter-spacing: 0.04em;
}

.cartTableMini__novelty .name p+p {
  margin-top: 0.5rem;
}

.cartTableMini__novelty .name p.itemName,
.cartTableMini__novelty .name p.price {
  font-weight: 600;
}


/**************************************
underCheckBtn
**************************************/
.underCheckBtn {
  display: block;
  padding: 1.5rem 0 3rem;
}


.underCheckBtn>span {
  display: block;
  text-align: right;
}

.underCheckBtn>span.left {
  text-align: left;
}

.underCheckBtn>span>input {
  display: none;
}

.underCheckBtn>span>label {
  display: inline-block;
  padding-left: 3rem;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  line-height: 1.9;
  color: #333333;
  position: relative;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.underCheckBtn>span>label:hover {
  opacity: .6;
}


.underCheckBtn>span>label::before {
  content: '';
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #CECECE;
  border-radius: 2px;
  background: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 0.15rem;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.underCheckBtn>span>label::after {
  content: '';
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../Contents/ImagesPkg/common/icon_check.svg) center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.underCheckBtn>span>input:checked+label {}

.underCheckBtn>span>input:checked+label::before {
  background-color: var(--bg-tertiary);
}

.underCheckBtn>span>input:checked+label::after {
  opacity: 1;
  transform: scale(1);
}



/**************************************
innerForm
**************************************/
.formTable .formInnerTable {
  display: block;
}

.formTable .formInnerTable>dl {
  display: block;
  padding-top: 1rem;
}


.formTable .formInnerTable>dl>dt {
  font-weight: 700;
  margin-bottom: 0.2rem;
}

.formTable .formInnerTable>dl>dt+dt {
  margin-top: 1.5rem;
}


.formTable .innerForm>dl {
  display: block;
  padding-top: 1rem;
}

.formTable .innerForm>dl>dt {
  font-weight: 700;
  margin-bottom: 0.2rem;
}

/* plusChangeBtn ***************************/
.formTable .plusBtn {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  min-height: 4rem;
}

.formTable .plusBtn .btnBlue>*,
.formTable .plusBtn .btnBlack>*,
.formTable .plusBtn .btnGray>* {
  height: 4rem;
  font-size: 1.2rem;
  box-shadow: none;
  width: 15rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: 2rem;
  background-image: none;
}

.formTable .plusBtn+.plusBtn {
  margin-top: 1rem;
}

.formTable p+.plusBtn {
  margin-top: 1rem;
}


.formTable .plusBtn+.notes {
  margin-top: 1rem;
}


/**************************************
orderCombineSelectlist
**************************************/
.orderCombineSelectlist {
  display: block;
}


.orderCombineSelectlist>ul {
  display: block;
}

.orderCombineSelectlist>ul>li {
  display: block;
  width: 100%;
  text-align: left;
}

.orderCombineSelectlist>ul>li+li {
  margin-top: 1rem;
}

.orderCombineSelectlist>ul>li>label {
  display: block;
  width: 100%;
  border: 2px solid #7C7B7B;
  border-radius: 8px;
  cursor: pointer;
}


.orderCombineSelectlist>ul>li>label>input {
  display: none;
}

.orderCombineSelectlist>ul>li>label>input+span {
  display: block;
  padding: 1.5rem 1.5rem 1.5rem 4.5rem;
  background: #EFEFEF;
  border-radius: 8px 8px 8px 8px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

.orderCombineSelectlist>ul>li>label>input+span:nth-last-child(1) {
  border-radius: 8px;
}

.orderCombineSelectlist>ul>li>label>input+span::before {
  content: '';
  display: block;
  width: 2rem;
  height: 2rem;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  background: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 1.2rem;
  left: 1.5rem;
  z-index: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.orderCombineSelectlist>ul>li>label>input+span::after {
  content: '';
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: #7C7B7B;
  border-radius: 50%;
  position: absolute;
  left: 1.8rem;
  top: 1.5rem;
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.orderCombineSelectlist>ul>li>label>input:checked+span {
  background: #FFFFFF;
}

.orderCombineSelectlist>ul>li>label>input:checked+span::after {
  opacity: 1;
  transform: scale(1);
}


.orderCombineSelectlist>ul>li>label>.combineItemInfo {
  display: none;
  overflow: hidden;
  padding: 0 1.5rem 1.5rem 1.5rem;
  border-radius: 0 0 8px 8px;
  background: #EFEFEF;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

.orderCombineSelectlist>ul>li>label>input:checked+span+.combineItemInfo {
  display: block;
  background: #FFFFFF;
}

.orderCombineSelectlist>ul>li>label>.combineItemInfo>dl {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-top: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-top: 1px solid #CCCCCC;
  font-size: 1.2rem;
  line-height: 1.4;
}

.orderCombineSelectlist>ul>li>label>.combineItemInfo>dl.items {
  display: block;
}

.orderCombineSelectlist>ul>li>label>.combineItemInfo>dl+dl {
  margin-top: 1.5rem;
  border-top: 1px solid #CCCCCC;
}

.orderCombineSelectlist>ul>li>label>.combineItemInfo>dl>dt {
  display: block;
  width: 9.5rem;
  font-weight: 700;
}

.orderCombineSelectlist>ul>li>label>.combineItemInfo>dl.items>dt {
  margin-bottom: 1rem;
}


.orderCombineSelectlist>ul>li>label>.combineItemInfo>dl>dd {
  display: block;
  width: calc(100% - 9.5rem);
}

.orderCombineSelectlist>ul>li>label>.combineItemInfo>dl.items>dd {
  width: 100%;
}


.orderCombineSelectlist>ul>li>label>.combineItemInfo>dl>dd>ul {
  display: block;
}

.orderCombineSelectlist>ul>li>label>.combineItemInfo>dl>dd>ul>li {
  padding-left: 1.4em;
  text-indent: -1.4em;
}

.orderCombineSelectlist>ul>li>label>.combineItemInfo>dl>dd>ul>li::before {
  content: '●';
  margin-right: 0.4em;
}

.orderCombineSelectlist>ul>li>label>.combineItemInfo>dl>dd>ul>li+li {
  margin-top: 0.8rem;
}

.memo {
  margin-top: 5rem;
}

/**************************************
accordionDD
**************************************/
.accordionDD {
  padding-top: 1rem;
}

/**************************************
CartList Novelty
**************************************/
#divPackageNoveltyProductListBg {
  content: '';
  display: block;
  width: 100vw;
  height: calc(100vh);
  background: rgba(51, 51, 51, .63);
  box-shadow: inset 0 1px 2px 0 rgb(0 0 0 / 10%);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1002;
  opacity: 0;
  webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  -webkit-transform: translate(-200vw, 0);
  -moz-transform: translate(-200vw, 0);
  -o-transform: translate(-200vw, 0);
  transform: translate(-200vw, 0);
}

#divPackageNoveltyProductListBg.open {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

#divPackageNoveltyProductList {
  width: 100%;
  max-width: 33.5rem;
  padding: 4rem 0;
  background: #FFFFFF;
  box-shadow: 0px 0px 2.2px rgba(0, 0, 0, 0.037),
    0px 0px 5.3px rgba(0, 0, 0, 0.053),
    0px 0px 10px rgba(0, 0, 0, 0.065),
    0px 0px 17.9px rgba(0, 0, 0, 0.077),
    0px 0px 33.4px rgba(0, 0, 0, 0.093),
    0px 0px 80px rgba(0, 0, 0, 0.13);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1003;
  opacity: 0;
  visibility: hidden;
  backface-visibility: hidden;
  transition: all 400ms ease;
}

#divPackageNoveltyProductList.open {
  opacity: 1;
  visibility: visible;
  backface-visibility: visible;
}

#divPackageNoveltyProductList .novelty_modal__ttl-wrap {
  margin-bottom: 2.5rem;
  text-align: center;
}

#divPackageNoveltyProductList .novelty_modal__ttl {
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-family: var(--sec-tittle-font);
  font-weight: 400;
  line-height: 1.4;
  color: var(--sec-tittle-color);
  letter-spacing: 0.05em;
}

#divPackageNoveltyProductList .novelty_modal__subttl {
  padding: 0 1rem;
  font-size: 1.3rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.7;
}

#divNoveltyModal .bottomBtnArea {
  margin: 1rem auto 0;
}

#divPackageNoveltySelectList {
  height: 37.3rem;
  padding: 0 1rem;
  overflow-y: auto;
}

#divPackageNoveltyProductList .novelty_modal__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer;
}

#divPackageNoveltySelectList {
  width: 100%;
  margin: 0 auto;
}

#divPackageNoveltySelectList .pNoveltyList {
  width: 100%;
  margin: 0 auto 2rem;
}

#divPackageNoveltySelectList .pNoveltyList>figure {
  width: 100%;
  margin-bottom: 2rem;
}

#divPackageNoveltySelectList .pNoveltyList .pNoveltyList__detail {
  width: 100%;
}

#divPackageNoveltySelectList .pNoveltyList .formTable {
  margin-bottom: 1rem;
}

#divPackageNoveltySelectList .pNoveltyList .pNoveltyList__price {
  margin-left: 2.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}

#divPackageNoveltySelectList .pNoveltyList .pNoveltyList__outline {
  margin-top: 1.3rem;
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.8;
}

.inquiry__privacypolicy {
  width: 100%;
  max-width: 85rem;
  margin: 5rem auto 0;
  padding: 0 1.5rem;
}

.inquiry__privacypolicy--ttl {
  margin-bottom: 1.5rem;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
}

.inquiry__privacypolicy--list {
  margin-top: 2rem;
  font-size: 1.2rem;
  line-height: 1.6;
}

.inquiry__privacypolicy--list-item {
  margin-bottom: 0.5rem;
  padding-left: 1em;
  text-indent: -1em;
}

.inquiry__privacypolicy--radio {
  width: 100%;
  max-width: 24rem;
  margin: 0 auto;
  margin-top: 3rem;
  text-align: center;
}

.formTable .inquiry__privacypolicy--radio.radioList label {
  margin-right: 0;
  margin-bottom: 0;
  padding: 0 0 0 1.5rem;
  line-height: 1.5;
}

.inquiry__mainTTL.mainTTL {
  font-size: 2rem;
}

.formTable .checkBox .inquiry__privacypolicy--radio.radioList label::before {
  border-radius: 0;
  width: 1.5rem;
  height: 1.5rem;
}

.inquiry__leadText {
  width: 100%;
  max-width: 85rem;
  margin: 0 auto;
  margin-top: 5rem;
}

.inquiry__telTitle {
  margin-bottom: 1.5rem;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
}

.inquiry__telArea {
  padding: 1.5rem;
  border: 1px solid #000;
  text-align: center;
}

.inquiry__title {
  font-size: 1.3rem;
}

.inquiry__tel {
  margin-bottom: 0.5rem;
  font-size: 2rem;
  line-height: 1.4;
}

.inquiry__time {
  font-size: 1.2rem;
  line-height: 1.5;
}

.inquiry__bottomBtnArea .btnBlue a.disabled {
  pointer-events: none;
  background: #cdcece;
  color: #9fa0a0;
  border: 1px solid #bababa;
}

/* 4/6 領収書調整
---------------------------------- */
.receiptArea {
  margin-top: 3rem;
}

.receipt-info .receipt-toggle dd>.inputArea>select {
  width: 100%;
}

#dvReceiptDownload {
  display: block;
  width: 100%;
  max-width: unset;
  margin: 0 auto 4rem;
  padding: 3rem 2rem;
  border: 1px solid #CECECE;
  /* border-radius: 10px; */
  text-align: center;
}

#dvReceiptDownload .receiptError {
  font-size: 1.4rem;
  font-weight: 700;
}

#dvReceiptDownload .bottomBtnArea {
  margin-top: 0;
}

#dvReceiptDownload .bottomBtnArea .errMsg {
  padding-top: 1rem;
  font-size: 1.2rem;
  font-weight: 400;
}

#dvReceiptDownloadBox .btnBlue a[disabled="disabled"] {
  pointer-events: none;
  background: #cdcece;
  color: #9fa0a0;
  border: 1px solid #bababa;
}

#orderHistoryDetail .btnBlue.btnReceiptDownloadWrap {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

#orderHistoryDetail .btnBlue>a.btnReceiptDownload {
  width: 18rem;
  border: 1px solid #022363;
  border-radius: 100px;
  background-color: #FFFFFF;
  height: 2.5rem;
  color: #022363;
  margin: 0 0 0 auto;
}

.s-case-engraving {
  .itemsCase__inner:first-of-type {
    margin-top: 2rem;
  }

  .itemsCase__inner:nth-of-type(n+2) {
    padding-top: 2rem;
    margin-top: 2rem;
  }

  .itemsCase__image {
    width: 20rem;
    margin-inline: auto;
  }

  img {
    width: auto;
    height: 20rem;
    display: block;
  }

  .s-case-engraving__type-selector {
    margin-block: 2rem;
  }
}