@charset "UTF-8";
::-webkit-input-placeholder {
  color: #A7A7A7;
}

::placeholder {
  color: #A7A7A7;
}

.clr {
  line-height: 1;
}

a[id*=ctl00_] {
  text-decoration: none;
}

form {
  overflow-y: visible;
}

.btn {
  box-shadow: none;
  border: #d1d1d1 1px solid;
  color: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.5em;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 500;
  transition: all 0.25s;
}
.btn:active {
  box-shadow: none;
}
.btn:not(:focus-visible) {
  outline: none;
}
.btn[disabled], .btn.disabled {
  opacity: 0.4;
  filter: contrast(60%) saturate(30%);
  pointer-events: none;
}

.btn-mini {
  display: inline-flex;
  padding: 0.6em 2em;
  font-size: 1.4rem;
  line-height: 1.4;
  min-width: 6em;
}

.btn-inverse {
  background-color: rgb(var(--color-base)) !important;
  color: #fff !important;
  border: none;
}
.btn-inverse:hover {
  color: #fff !important;
  text-shadow: none;
}

.btn-border {
  background: #fff;
  border: rgb(var(--color-base), 0.75) 1px solid;
  color: var(--color-key);
}
.btn-border:visited {
  color: var(--color-key);
}
@media (any-hover: hover) {
  .btn-border:hover {
    background: var(--color-key);
    color: #fff !important;
  }
}

.btn-black {
  background: rgb(var(--color-text));
  color: #fff;
  border: none;
}
.btn-black:hover {
  background: rgb(var(--color-text));
  color: #fff;
  opacity: 0.8;
}

.btn-org-blk {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  background-color: rgb(var(--color-base));
  border: none;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .btn-org-blk:hover {
    color: #fff !important;
    background-color: rgb(var(--color-base)) !important;
    text-decoration: none;
    opacity: 0.8;
  }
}

.btn-org {
  box-shadow: none;
  border-color: #ccc !important;
}

.btn-org-gry {
  color: inherit;
  background-color: rgba(204, 204, 204, 0.5);
}

.btn-large {
  font-size: 1.7rem;
  padding: 0.2em 1.4em 0.24em;
  border-radius: 2em;
  width: 100%;
  max-width: 34rem;
  min-height: 5.4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .btn-large {
    max-width: 30rem;
    min-height: 5.2rem;
  }
}

.btn-success {
  border: none;
  background: var(--color-key);
  color: #fff;
  font-size: 1.8rem;
  text-shadow: none;
  transition: all 0.3s;
}
.btn-success:hover, .btn-success:active, .btn-success.active {
  background: var(--color-key);
  opacity: 0.8;
}

.input_border {
  border-color: #ccc;
}

select, textarea, input[type=text], input[type=password], input[type=email], input[type=tel] {
  width: 100%;
  background-color: #fff !important;
  border: 1px solid #ccc;
  border-radius: 0.4rem;
  box-sizing: border-box;
  color: var(--color-text);
  font-family: inherit;
  font-size: 1.6rem;
  letter-spacing: 0.03em;
  line-height: 1;
  padding: 1.2rem 1.5rem;
  outline: none;
}
select:not(:focus-visible), textarea:not(:focus-visible), input[type=text]:not(:focus-visible), input[type=password]:not(:focus-visible), input[type=email]:not(:focus-visible), input[type=tel]:not(:focus-visible) {
  outline: none;
}
select.error_input, textarea.error_input, input[type=text].error_input, input[type=password].error_input, input[type=email].error_input, input[type=tel].error_input {
  background-color: rgba(255, 170, 170, 0.6) !important;
}
select:disabled, textarea:disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=email]:disabled, input[type=tel]:disabled {
  background: rgba(204, 204, 204, 0.4) !important;
  color: #888;
}
@media screen and (max-width: 767px) {
  select, textarea, input[type=text], input[type=password], input[type=email], input[type=tel] {
    padding: 1.1rem 1.3rem;
  }
}

input[type=checkbox], input[type=radio] {
  width: 1.5em;
  height: 1.5em;
  /* vertical-align: -0.3em !important; */
  margin-right: 0.5em;
}

textarea {
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  textarea {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
input.nameFirst {
  width: 99%;
}

input.nameLast {
  width: 99%;
}

input[name*=Zip] {
  width: 12em;
}

select.year {
  width: 6em;
  margin-right: 0.3em;
}

select.month {
  width: 4.5em;
  margin-right: 0.3em;
}

select.date {
  width: 4.5em;
  margin-right: 0.3em;
}

select[name*=CreditExpireMonth] {
  width: 4.5em;
  margin-right: 0.3em;
}

select[name*=CreditExpireYear] {
  width: 6em;
}

select[name*=FixedPurchaseIntervalDays] {
  width: 5em;
}

.radioBtn label {
  vertical-align: 0;
  padding: 0.3em 0 0.25em;
  display: inline-block;
  line-height: 1;
}

select.district {
  width: 10em;
}

.error_inline:not(:empty) {
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  padding-top: 0.3em !important;
}

.notes + .error_inline:not(:empty) {
  margin-top: 0.6em;
}

input + .error_inline:not(:empty) {
  margin-top: 0.6em;
}

@media screen and (max-width: 767px) {
  input[name*=Zip] {
    width: 10em;
  }
  select.year {
    padding: 1.2rem 1.2rem;
  }
  select.month {
    padding: 1.2rem 1.2rem;
  }
  select.date {
    padding: 1.2rem 1.2rem;
  }
  input.nameFirst {
    width: 99%;
    margin-bottom: 0.6rem;
  }
}
#stepList {
  margin: 30px auto 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#stepList.bottom {
  margin: -30px auto 55px;
}
#stepList ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  #stepList {
    margin: 6vw auto 0;
  }
  #stepList.bottom {
    margin: -5vw auto 9vw;
  }
}
#stepList li {
  width: 16rem;
  padding: 0 1em;
  white-space: nowrap;
  position: relative;
}
#stepList li:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 1rem;
  z-index: -10;
  transform: translateX(-50%);
  width: 100%;
  height: 3px;
  background: #E9E7E7;
}
#stepList li:first-child:before {
  transform: none;
}
#stepList li:last-child:before {
  transform: translateX(-100%);
}
#stepList li p.num {
  font-size: 1.6rem;
  font-weight: bold;
  width: 3em;
  background: #fff;
  margin: 0 auto 10px;
}
#stepList li p.num span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.6em;
  height: 1.6em;
  border-radius: 50%;
  margin: 0 auto;
  background: #dbdbdb;
  color: #999;
}
#stepList li p.txt {
  font-size: 1.4rem;
  line-height: 1.3;
}
#stepList li.active p.num span {
  background: rgb(var(--color-base));
  color: rgb(var(--color-text));
}
@media screen and (max-width: 767px) {
  #stepList li {
    width: 24vw;
  }
  #stepList li p.num {
    font-size: 1.5rem;
  }
  #stepList li p.txt {
    font-size: 1.1rem;
  }
}

#dvErrorInfoBox {
  max-width: 900px;
  margin: 40px auto 30px;
}
#dvErrorInfoBox h2 {
  font-size: 2.6rem;
  font-weight: bold;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  border: none;
}
#dvErrorInfoBox h6 {
  font-size: 1.8rem;
}

#loadingIcon, .loadingIcon {
  background: none !important;
  box-shadow: none !important;
}

#CartFlow {
  display: none;
}

#Contents.orderPage {
  padding-top: 2rem;
}
#Contents.orderPage h2 {
  height: auto;
  text-align: center;
  color: rgb(var(--color-text));
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.4;
  border: none;
  padding: 0;
  margin-bottom: 1.4em;
}
@media screen and (max-width: 767px) {
  #Contents.orderPage h2 {
    font-size: 2.2rem;
  }
}

#AmazonPayCv2Button {
  width: 350px !important;
  height: 70px !important;
}

@media screen and (max-width: 767px) {
  #AmazonPayCv2Button {
    width: 75vw !important;
    max-width: 350px;
    height: 16vw !important;
    max-height: 80px;
  }
}
.orderBox dl {
  width: 100%;
}
.orderBox dl:not(.list) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.orderBox dl:not(.list) dt {
  padding: 0;
}
.orderBox dl:not(.list) dd {
  padding: 0;
}
.orderBox div.box div {
  width: 100%;
}
.orderBox div.box em {
  color: rgb(var(--color-text));
  font-size: 1.8rem;
  padding: 0;
  margin: 0 0 0.6em;
}
.orderBox .userList .subbox {
  display: block;
  padding: 1rem;
}
.orderBox .userList .subbox p {
  text-align: left !important;
  margin-bottom: 1rem;
}
.orderBox .userList .subbox span {
  line-height: 2;
}
.orderBox .userList .subbox dl {
  margin-top: 1rem;
}

/* カート */
.noCart {
  text-align: center;
  margin: 8rem 0 3rem;
}

.above.cartstep {
  text-align: center;
  line-height: 1.5;
}
.above.cartstep ul {
  position: relative;
  right: auto;
  top: auto;
  text-align: center;
  margin: 4.6rem 0 3rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0 4rem;
}
.above.cartstep ul li:empty {
  display: none;
}
.above.cartstep ul .mitumori {
  max-width: 30rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .above.cartstep ul {
    margin: 3.5rem 0 3rem;
    flex-direction: column-reverse;
    align-items: center;
    gap: 2.6rem 0;
  }
  .above.cartstep ul .mitumori {
    width: 60vw;
    max-width: 300px;
  }
  .above.cartstep ul .mitumori a {
    min-height: 0;
    height: 3.2em;
    font-size: min(4vw, 18px);
  }
}

#CartList h3 {
  font-size: 1.7rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background: var(--color-key);
  padding: 7px 14px 7px 14px;
}
@media screen and (max-width: 767px) {
  #CartList h3 {
    font-size: 1.5rem;
  }
}
#CartList div.productList div.list {
  padding: 0;
}
#CartList div.productList p.ttl {
  gap: 0 2rem;
  font-size: 1.4rem;
  padding: 1rem 0;
}
#CartList div.productList p.ttl .t-name {
  width: 42%;
  text-align: center;
}
#CartList div.productList p.ttl .t-tanka {
  width: 13%;
}
#CartList div.productList p.ttl .t-tax {
  display: none;
}
#CartList div.productList p.ttl .t-num {
  width: 8rem;
  text-align: left;
}
#CartList div.productList p.ttl .t-sum {
  width: 15%;
}
@media screen and (max-width: 767px) {
  #CartList div.productList p.ttl {
    display: none !important;
  }
}
#CartList div.productList div.product {
  font-size: 1.5rem;
}
#CartList div.productList div.product div {
  display: flex;
  align-items: center;
  margin: 0;
  gap: 0 2rem;
  min-height: 10rem;
}
#CartList div.productList div.product dl.name {
  width: 42%;
}
#CartList div.productList div.product p.price {
  width: 13%;
  text-align: left;
  padding: 0;
}
#CartList div.productList div.product p.taxRate {
  display: none;
  padding: 0;
}
#CartList div.productList div.product p.quantity {
  width: 8rem;
  padding: 0;
}
#CartList div.productList div.product p.subtotal {
  width: 15%;
  text-align: left;
  padding: 0;
}
#CartList div.productList div.product p.delete {
  font-size: 0;
  flex: 0 0 5rem;
  margin-left: auto;
  padding: 0;
}
#CartList div.productList div.product p.delete a {
  display: block;
  width: 4rem;
  height: 4rem;
  background: url(../img/common/i_Trash.svg) no-repeat center, var(--color-key);
  background-size: 71%;
  font-size: 0 !important;
  transition: all 0.3s;
}
@media (any-hover: hover) {
  #CartList div.productList div.product p.delete a:hover {
    opacity: 0.8;
  }
}
#CartList div.productList div.product dl.name {
  position: relative;
  padding-left: 12rem;
}
#CartList div.productList div.product dl.name dt {
  width: 10rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#CartList div.productList div.product dl.name dt img {
  aspect-ratio: 1/1;
}
#CartList div.productList div.product dl.name dd {
  float: none;
  width: 100%;
  padding: 0 !important;
  font-weight: normal;
}
#CartList div.productList div.product dl.name dd a {
  font-size: 100%;
  text-decoration: none;
  line-height: 1.6;
}
#CartList div.productList div.product dl.name dd + dd {
  margin-top: 0.6em;
  font-size: 80%;
}
#CartList div.productList div.product dl.name dd:empty {
  display: none;
}
@media screen and (max-width: 767px) {
  #CartList div.productList div.product dl.name {
    padding-left: 10rem;
  }
  #CartList div.productList div.product dl.name dt {
    top: 0;
    transform: none;
    width: 8rem;
  }
}
#CartList div.productList div.product p.quantity input {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #CartList div.productList div.product div {
    flex-wrap: wrap;
    gap: 0.5rem 0;
    min-height: 8rem;
  }
  #CartList div.productList div.product dl.name {
    width: 100%;
  }
  #CartList div.productList div.product p.price {
    width: calc(100% - 12rem);
    padding: 0 0 0 10rem;
  }
  #CartList div.productList div.product p.quantity {
    width: 6rem;
    padding: 0;
  }
  #CartList div.productList div.product p.subtotal {
    display: none;
  }
  #CartList div.productList div.product p.delete {
    flex: 0 0 4rem;
    margin-left: auto;
    padding: 0;
  }
  #CartList div.productList div.product p.delete a {
    width: 3rem;
    height: 3rem;
  }
  #CartList div.productList div.product p.quantity input {
    padding: 0.5rem 1rem;
  }
}
#CartList div.productList div.cartOrder .subcartOrder {
  display: flex;
  justify-content: center;
  gap: 0 2rem;
}
#CartList div.productList div.cartOrder .pointCouponWrap {
  width: 45%;
}
#CartList div.productList div.cartOrder .couponBox, #CartList div.productList div.cartOrder .pointBox {
  width: 100%;
  float: none;
  padding: 0 0 0 15px !important;
}
#CartList div.productList div.cartOrder .pointBox {
  margin-bottom: 1rem;
}
#CartList div.productList div.cartOrder div.box {
  border: #ccc 1px solid;
  background: #fff;
  width: 100%;
}
#CartList div.productList div.cartOrder div.box div {
  width: 100% !important;
}
#CartList div.productList div.cartOrder div.box dl {
  width: 100%;
}
#CartList div.productList div.cartOrder div.box dt {
  width: 100%;
  float: none;
  margin-bottom: 0.8rem;
}
#CartList div.productList div.cartOrder div.box dd {
  width: 100%;
  float: none;
  text-align: left !important;
}
#CartList div.productList div.cartOrder div.box dd input {
  width: calc(100% - 1.5em) !important;
  max-width: 300px;
}
#CartList div.productList div.cartOrder div.box span {
  display: inline-block;
  padding-top: 0;
}
#CartList div.productList div.cartOrder div.boxbtm {
  background: none !important;
  font-size: 1.4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 1rem;
}
#CartList div.productList div.cartOrder div.boxbtm div {
  width: auto !important;
}
#CartList div.productList div.cartOrder .pointBox a, #CartList div.productList div.cartOrder .couponBox a {
  padding: 0.6em 2em;
}
#CartList div.productList div.cartOrder p.ttl {
  font-size: 1.4rem;
  font-weight: bold;
  padding: 1rem 1.2rem;
}
#CartList div.productList div.cartOrder table[id*=rblCouponInputMethod] {
  margin: 0 1rem 1rem;
}
#CartList div.productList div.cartOrder table[id*=rblCouponInputMethod] td {
  padding-right: 1.5em;
}
#CartList div.productList div.cartOrder div.priceList dl {
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#CartList div.productList div.cartOrder div.priceList dt {
  width: auto;
}
#CartList div.productList div.cartOrder div.priceList dd {
  font-weight: normal;
  font-size: 1.5rem;
  padding-left: 2em;
}
#CartList div.productList div.cartOrder div.priceList .result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 0.6rem 0.5rem;
}
#CartList div.productList div.cartOrder div.priceList .result dt {
  font-size: 1.6rem;
  padding: 0;
  width: 8em;
}
#CartList div.productList div.cartOrder div.priceList .result dd {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0;
}
@media screen and (max-width: 767px) {
  #CartList div.productList div.cartOrder .subcartOrder {
    display: block;
  }
  #CartList div.productList div.cartOrder .pointCouponWrap {
    width: 100%;
    margin-bottom: 1rem;
  }
  #CartList div.productList div.cartOrder .couponBox, #CartList div.productList div.cartOrder .pointBox {
    width: 100%;
    float: none;
    padding: 0 !important;
  }
  #CartList div.productList div.cartOrder .couponBox p.ttl, #CartList div.productList div.cartOrder .pointBox p.ttl {
    display: block !important;
  }
  #CartList div.productList div.cartOrder div.box dl {
    display: flex;
    align-items: center;
  }
  #CartList div.productList div.cartOrder div.box dt {
    width: 8em;
    margin-bottom: 0;
    line-height: 1.3 !important;
  }
  #CartList div.productList div.cartOrder div.box dd {
    flex: 1;
    width: auto;
  }
  #CartList div.productList div.cartOrder div.couponBox dd input {
    width: 100% !important;
  }
}
#CartList div.productList div.priceList {
  width: 45% !important;
  max-width: 450px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  #CartList div.productList div.priceList {
    float: none;
    width: 100% !important;
    max-width: none;
  }
}
#CartList p.sum {
  padding: 1rem 2rem 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 2rem;
}
#CartList div.btmbtn {
  height: auto;
  border-top: none;
  margin-top: 5rem;
}
#CartList div.btmbtn ul {
  position: relative;
  right: auto;
  top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 1.6rem;
  max-width: 700px;
  margin: 0 auto;
  padding: 0;
}
#CartList div.btmbtn ul li {
  flex: 1;
}
#CartList div.btmbtn ul li:empty {
  display: none;
}
#CartList div.btmbtn .btn-large {
  font-size: 1.7rem;
  padding: 0 0 0.1em;
  height: 6rem;
}
#CartList div.btmbtn .btn-success {
  font-size: 1.7rem;
  padding: 0 0 0.1em;
  height: 6rem;
}
@media screen and (max-width: 767px) {
  #CartList div.btmbtn {
    margin-top: 5rem;
  }
  #CartList div.btmbtn ul {
    flex-direction: column-reverse;
    gap: 1.5rem 0;
  }
  #CartList div.btmbtn .btn-large {
    font-size: 1.6rem;
    padding: 0 0 0.1em;
    height: 5rem;
    width: 70vw;
  }
  #CartList div.btmbtn .btn-success {
    font-size: 1.7rem;
    padding: 0 0 0.1em;
    height: 6rem;
    width: 90vw;
  }
}

/* ログイン */
.orderPage #dvUserBox {
  padding-top: 0;
  margin-top: 0;
}

/* お届け先情報入力 */
.cartstep div[id*=_upNextButton] {
  display: none;
}

#CartList div.main {
  max-width: 1100px;
  width: 100%;
  background: none;
  margin: 0 auto;
}
#CartList div.main div.submain {
  width: 100%;
}
#CartList div.main div.submain div.column {
  width: 100%;
  float: none;
  border: #DDD 1px solid;
  border-top: none;
  padding: 3rem 6rem 5rem;
}
#CartList div.main div.submain div.columnRight {
  width: 100%;
  float: none;
  border: #DDD 1px solid;
  border-top: none;
  padding: 0;
  margin: 0;
}
#CartList div.main div.submain h2 {
  background: var(--color-key);
  color: #fff;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 1.4;
  padding: 0.7rem 1.8rem;
  margin: 0;
}
#CartList div.main div.submain p {
  text-align: center;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  #CartList div.main {
    padding: 0;
  }
  #CartList div.main div.submain div.column {
    padding: 3rem 2rem 5rem;
  }
  #CartList div.main div.submain h2 {
    font-size: 1.6rem;
  }
}
#CartList div.main .userBox {
  background: none;
  max-width: 700px;
  margin: 0 auto;
}
#CartList div.main .userBox .top, #CartList div.main .userBox .bottom {
  background: none;
  padding: 0;
}
#CartList div.main .userBox dl dd {
  padding-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 1rem;
}
#CartList div.main .userBox dl dd input[name*=Name1], #CartList div.main .userBox dl dd input[name*=Name2], #CartList div.main .userBox dl dd input[name*=Kana1], #CartList div.main .userBox dl dd input[name*=Kana2] {
  width: calc(50% - 0.5rem);
}
#CartList div.main .userBox dl dd select[name*=Year] {
  width: 8em;
  flex: 1;
}
#CartList div.main .userBox dl dd select[name*=Month], #CartList div.main .userBox dl dd select[name*=Day] {
  width: 4em;
  flex: 1;
}
#CartList div.main .userBox dl dd small {
  width: 100%;
  display: block;
}
#CartList div.main .userBox dl dd br {
  display: none;
}
#CartList div.main .userBox dl dd .input_radio, #CartList div.main .userBox dl dd span.checkBox {
  padding-top: 0.6rem;
}
#CartList div.main .userBox dl dd .input_radio label, #CartList div.main .userBox dl dd span.checkBox label {
  padding-right: 2em;
}
@media screen and (max-width: 767px) {
  #CartList div.main .userBox dl dd {
    gap: 0 0.8rem;
  }
  #CartList div.main .userBox dl dd select[name*=Year] {
    width: 6em;
    padding-right: 0.5rem;
    padding-left: 1rem;
  }
  #CartList div.main .userBox dl dd select[name*=Month], #CartList div.main .userBox dl dd select[name*=Day] {
    width: 4em;
    padding-right: 0.5rem;
    padding-left: 1rem;
  }
}
#CartList div.main .orderBox {
  background: none;
  margin-top: 3rem;
}
#CartList div.main .orderBox h3 {
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 1.4;
  padding: 0.7rem 1.8rem;
}
#CartList div.main .orderBox h3 .cartNo {
  float: none;
  text-align: center;
}
#CartList div.main .orderBox h4 {
  font-size: 1.5rem;
  font-weight: 600;
  color: rgb(var(--color-text));
}
#CartList div.main .orderBox .bottom {
  background: none;
  padding: 0;
}
#CartList div.main .orderBox .userList select {
  margin-top: 0.7rem;
}
#CartList div.main .orderBox span:empty {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
}
#CartList div.main .orderBox div.userProduct {
  padding-bottom: 1rem;
  border-bottom: none;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 0 2rem;
}
#CartList div.main .orderBox div.userProduct div {
  background: none;
  width: calc(50% - 1rem);
  padding: 1.2rem;
}
#CartList div.main .orderBox div.userProduct dl {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 1.4rem;
  width: 100%;
}
#CartList div.main .orderBox div.userProduct dt {
  width: 10rem;
}
#CartList div.main .orderBox div.userProduct dd {
  width: calc(100% - 12rem);
}
#CartList div.main .orderBox div.userProduct dd strong {
  padding: 1em 0 0;
}
#CartList div.main .orderBox div.userProduct dd strong a {
  font-size: 1.4rem;
  padding-left: 0;
  background: none;
}
#CartList div.main .orderBox div.userProduct dd p {
  text-align: left;
  margin-top: 0.5em;
}
@media screen and (max-width: 767px) {
  #CartList div.main .orderBox h3 {
    font-size: 1.6rem;
  }
  #CartList div.main .orderBox div.userProduct {
    gap: 0 1rem;
    padding: 0;
  }
  #CartList div.main .orderBox div.userProduct div {
    width: 100%;
    padding: 1.2rem;
  }
  #CartList div.main .orderBox div.userProduct dt {
    width: 8rem;
  }
  #CartList div.main .orderBox div.userProduct dd strong {
    padding-top: 0;
  }
  #CartList div.main .orderBox textarea {
    height: 8em;
    font-size: 1.5rem;
  }
}

/* カート選択 */
#dvOrderBox h3 {
  font-size: 1.6rem;
  font-family: var(--font-family);
}
#dvOrderBox #dvCartSelect p {
  background: #F3F3F3;
  margin: 0.6rem 0px 3.5rem 0px;
  padding: 1.2rem 1.6rem;
}
#dvOrderBox #dvCartSelect table {
  margin: 0 0 3rem;
}
#dvOrderBox #dvCartSelect table p {
  padding: 0;
  background: none;
  margin: 0;
}
#dvOrderBox #dvCartSelect table th {
  font-weight: 600;
}
#dvOrderBox #dvCartSelect table .productName {
  line-height: 1.4;
}
#dvOrderBox #dvCartSelect table strong:empty, #dvOrderBox #dvCartSelect table span:empty {
  display: none;
}
#dvOrderBox #dvCartSelect table p.icon {
  margin: 0 0 0.3rem;
}
@media screen and (max-width: 767px) {
  #dvOrderBox #dvCartSelect .allCheck {
    margin: 1.5rem 0 1rem;
    padding: 0.8rem 1.6rem;
    text-align: right;
  }
  #dvOrderBox #dvCartSelect table p.price {
    margin-top: 0.5em;
  }
}

/* お支払い方法入力 */
#tblLayout.OrderPaymentPage div.main .orderBox {
  max-width: 700px;
  margin: 0 auto;
}
#tblLayout.OrderPaymentPage div.main .orderBox div.list dt {
  color: rgb(var(--color-text));
  padding: 5px 0px 5px 12px;
  margin: 7px 0px 7px 0px;
}
#tblLayout.OrderPaymentPage div.main .orderBox div.list dd {
  padding: 1rem 1.4rem;
  text-align: left;
}
#tblLayout.OrderPaymentPage div.main .orderBox div.list dd:empty {
  padding: 0;
}
#tblLayout.OrderPaymentPage div.main .orderBox div.list dd:not([id*=_ddCredit]) {
  font-size: 1.4rem;
  padding: 1rem 1.4rem 2rem;
}
#tblLayout.OrderPaymentPage div.main .orderBox div.list dd p {
  text-align: left;
  padding: 5px 0px 20px 0px !important;
}
#tblLayout.OrderPaymentPage div.main #divReceipt {
  padding: 0;
  border: none;
}
@media screen and (max-width: 767px) {
  #tblLayout.OrderPaymentPage div.main div.column {
    padding: 3rem 2rem !important;
  }
  #tblLayout.OrderPaymentPage div.main .orderBox div.list {
    padding: 0;
  }
  #tblLayout.OrderPaymentPage div.main .orderBox div.list dd:not([id*=_ddCredit]) {
    font-size: 1.2rem;
  }
  #tblLayout.OrderPaymentPage div.main #ddGmoTudoWaku {
    font-size: 1.4rem;
  }
  #tblLayout.OrderPaymentPage div.main #ddGmoTudoWaku .kome {
    font-size: 1.3rem;
  }
}

#CartList .shoppingCart {
  width: 100%;
  margin: 3rem auto 0;
  float: none;
}
#CartList .shoppingCart h2 {
  width: 100%;
}
#CartList .shoppingCart div.subCartList {
  padding: 0;
  background: none;
}
#CartList .shoppingCart div.subCartList div.bottom {
  background: none;
  padding: 0;
}
#CartList .shoppingCart div.subCartList .block {
  padding: 0.5rem 2rem 0.9rem;
}
#CartList .shoppingCart div.subCartList .block div {
  width: 100%;
}
#CartList .shoppingCart div.subCartList .pointBox, #CartList .shoppingCart div.subCartList .couponBox {
  display: none;
}
#CartList .shoppingCart div.subCartList dl {
  width: 100%;
}
#CartList .shoppingCart #ctl00_ContentPlaceHolder1_rCartList_ctl00_Div12 {
  padding: 0 2rem;
}
@media screen and (max-width: 767px) {
  #CartList .shoppingCart div.subCartList .block {
    padding: 0.5rem 0 0.9rem;
  }
  #CartList .shoppingCart #ctl00_ContentPlaceHolder1_rCartList_ctl00_Div12 {
    padding: 0;
  }
}
#CartList .shoppingCart div.singleProduct dt {
  width: 10rem;
}
#CartList .shoppingCart div.singleProduct dt a {
  width: 100%;
}
#CartList .shoppingCart div.singleProduct dd {
  padding-left: 12rem;
}
#CartList .shoppingCart div.singleProduct dd strong {
  font-size: 1.6rem;
}
#CartList .shoppingCart div.singleProduct dd strong a {
  background: none;
  padding: 0;
  font-size: 1.6rem;
}
#CartList .shoppingCart div.singleProduct dd p {
  text-align: left;
  font-size: 1.4rem;
  padding: 0;
  margin-top: 0.1em;
}
@media screen and (max-width: 767px) {
  #CartList .shoppingCart div.singleProduct dt {
    width: 8rem;
  }
  #CartList .shoppingCart div.singleProduct dd {
    padding-left: 10rem;
  }
  #CartList .shoppingCart div.singleProduct dd strong {
    font-size: 1.4rem;
  }
  #CartList .shoppingCart div.singleProduct dd strong a {
    font-size: 1.4rem;
  }
  #CartList .shoppingCart div.singleProduct dd p {
    font-size: 1.3rem;
    margin-top: 0.1em;
  }
}
#CartList .shoppingCart .priceList {
  max-width: 500px;
  margin: 0 auto;
  font-size: 1.7rem;
}
#CartList .shoppingCart .priceList dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#CartList .shoppingCart .priceList dl dt {
  padding: 1rem 1rem;
  width: 10em;
}
#CartList .shoppingCart .priceList dl dd {
  padding: 1rem 1rem;
}
#CartList .shoppingCart .priceList dl.result {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 1.7rem !important;
  padding: 1rem 1rem 0;
  margin-top: 1rem;
}
#CartList .shoppingCart .priceList dl.result dt {
  padding: 0;
}
#CartList .shoppingCart .priceList dl.result dd {
  font-size: 1.8rem;
  padding: 0;
}
@media screen and (max-width: 767px) {
  #CartList .shoppingCart .priceList {
    font-size: 1.5rem;
    padding-top: 1.2rem;
  }
}
#CartList .shoppingCart .sumBox {
  width: 100%;
  max-width: 500px;
  margin: 2rem auto 0;
}
#CartList .shoppingCart .sumBox .subSumBox {
  width: 100%;
  margin-bottom: 1rem;
}
#CartList .shoppingCart .sumBox .subSumBox p {
  width: 100%;
  font-size: 1.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#CartList .shoppingCart .sumBox .subSumBox p::after {
  content: none;
}
#CartList .shoppingCart .sumBox .subSumBox p strong {
  font-size: 2.3rem;
  line-height: 1.2;
}
#CartList .shoppingCart .sumBox dl {
  width: 100%;
  font-size: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
#CartList .shoppingCart .sumBox dl dt {
  width: 14em;
  padding: 0 2em 0 0;
  text-align: right;
}
#CartList .shoppingCart .sumBox dl dd {
  padding: 0;
  width: auto;
}
#CartList .shoppingCart .sumBox dl p {
  width: 100%;
  font-size: 1.2rem !important;
  line-height: 1.4;
  margin-top: 0.2em;
  text-align: right !important;
}
#CartList .shoppingCart .sumBox dl p:first-of-type {
  margin-top: 1.2em;
}
#CartList .shoppingCart .sumBox dl + small {
  display: none;
}
@media screen and (max-width: 767px) {
  #CartList .shoppingCart .sumBox {
    margin: 1.5rem auto 0;
    padding: 1.5rem;
  }
  #CartList .shoppingCart .sumBox .subSumBox {
    margin-bottom: 1rem;
  }
  #CartList .shoppingCart .sumBox .subSumBox p {
    font-size: 1.7rem;
  }
  #CartList .shoppingCart .sumBox .subSumBox p strong {
    font-size: 2rem;
    line-height: 1.2;
  }
  #CartList .shoppingCart .sumBox dl p {
    font-size: 1.1rem !important;
    margin-top: 0.3em;
    text-align: left !important;
  }
}

/* 確認 */
#tblLayout.OrderConfirmPage #CartList .orderBox {
  margin-top: 0;
}
#tblLayout.OrderConfirmPage #CartList .orderBox div.box dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
#tblLayout.OrderConfirmPage #CartList .orderBox div.box dl div {
  display: flex;
  justify-content: center;
  width: 100%;
}
#tblLayout.OrderConfirmPage #CartList .orderBox div.box dl div.paymentTxtBox {
  display: block;
  padding: 1rem;
  font-size: 85%;
}
#tblLayout.OrderConfirmPage #CartList .orderBox div.box dl div.paymentTxtBox div {
  display: block;
}
#tblLayout.OrderConfirmPage #CartList .orderBox div.box dl dt {
  width: 35%;
  padding: 2rem 0 1.5rem;
  border-bottom: #ddd 1px solid;
}
#tblLayout.OrderConfirmPage #CartList .orderBox div.box dl dd {
  width: 65%;
  padding: 2rem 0 1.5rem;
  border-bottom: #ddd 1px solid;
}
#tblLayout.OrderConfirmPage #CartList .orderBox div.box dl dd p {
  width: 100%;
  font-size: 1.6rem;
  text-align: left;
}
#tblLayout.OrderConfirmPage #CartList .orderBox div.box dl .blockSpan {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #tblLayout.OrderConfirmPage #CartList .orderBox div.box {
    padding: 1.5rem 0;
  }
  #tblLayout.OrderConfirmPage #CartList .orderBox div.box dl {
    font-size: 1.4rem;
  }
  #tblLayout.OrderConfirmPage #CartList .orderBox div.box dl dd {
    padding-left: 1.5rem;
  }
  #tblLayout.OrderConfirmPage #CartList .orderBox div.box dl dd p {
    font-size: 1.4rem;
  }
}
#tblLayout.OrderConfirmPage .shoppingCart .sumBox p {
  width: 100%;
  font-size: 1.3rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  #tblLayout.OrderConfirmPage #CartList div.main div.submain div.column {
    padding: 2rem 1.6rem;
  }
  #tblLayout.OrderConfirmPage .shoppingCart .sumBox p {
    font-size: 1.2rem;
  }
}

#CartList .btn_change {
  margin: 1.5rem 0 3.5rem;
}
#CartList .btn_change .btn-mini {
  padding: 0.9em 2em;
  min-width: 16em;
}
#CartList .btn_change .btn-mini span {
  margin: 0;
}

/* 完了 */
#CartList .orderComplete {
  width: auto;
  text-align: center;
  line-height: 2;
}

.btn_continue_shopping {
  display: block;
  margin-top: 2rem;
}

@media screen and (max-width: 767px) {
  #CartList .orderComplete {
    line-height: 1.8;
  }
}
/* 一括発注 */
#bulkOrderPage {
  padding: 4rem 0 0;
}
#bulkOrderPage #pagerWrap {
  margin-bottom: 2rem;
}
#bulkOrderPage #pagerWrap .pagerTxt {
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0 0.6em;
}
#bulkOrderPage #pagerWrap .pager {
  border-bottom: none;
  padding: 0;
}
@media screen and (max-width: 767px) {
  #bulkOrderPage {
    padding: 1em 0 0;
  }
}
#bulkOrderPage .search-area {
  margin: 3rem auto 3rem;
  padding: 2rem 3rem 2.5rem;
  max-width: 800px;
  background: #F5F5F5;
}
#bulkOrderPage .search-area h2 {
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 0.7em;
}
#bulkOrderPage .search-area .selectWrap {
  margin-bottom: 1.4rem;
}
#bulkOrderPage .search-area dl {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.7rem;
}
#bulkOrderPage .search-area dl dt {
  width: 6.4em;
  flex-shrink: 0;
}
#bulkOrderPage .search-area dl dd {
  flex: 1;
}
#bulkOrderPage .search-area dl select {
  width: 100%;
  margin: 0;
  padding: 0.8rem 1.5rem;
}
#bulkOrderPage .search-area dl input {
  margin: 0;
  padding: 1.2rem 1.5rem;
}
#bulkOrderPage .search-area .search-btn {
  display: flex;
  justify-content: center;
  gap: 0 1.5rem;
  margin: 2rem 0 0;
}
#bulkOrderPage .search-area .search-btn a {
  width: 12em;
  height: 2.9em;
  border-radius: 3em;
  padding: 0 1.2em;
}
#bulkOrderPage .search-area .search-btn a.btn-export {
  background: #fff;
}
@media screen and (max-width: 767px) {
  #bulkOrderPage .search-area {
    margin: 2.4rem auto 3rem;
    padding: 1.5rem 1.7rem 2rem;
  }
  #bulkOrderPage .search-area h2 {
    font-size: 2rem;
    margin-bottom: 0.7em;
  }
  #bulkOrderPage .search-area dl dt {
    width: 6em;
    font-size: 1.4rem;
  }
  #bulkOrderPage .search-area dl select {
    padding: 0.6rem 1.5rem;
  }
  #bulkOrderPage .search-area dl input {
    padding: 0.8rem 1.5rem;
  }
  #bulkOrderPage .search-area .search-btn {
    gap: 0 1rem;
  }
}
#bulkOrderPage table.bulk-products {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  border-color: #666;
}
#bulkOrderPage table.bulk-products tr {
  border-color: #666;
}
#bulkOrderPage table.bulk-products th {
  padding: 0.5rem 0.6rem;
  background: #F8F8F8;
  font-weight: normal;
  border-color: #666;
}
#bulkOrderPage table.bulk-products td {
  padding: 0.6rem 1rem;
  border-color: #666;
}
#bulkOrderPage table.bulk-products .img {
  width: 8.2rem;
  padding-right: 0;
}
#bulkOrderPage table.bulk-products .img img {
  width: 7rem;
  aspect-ratio: 1/1;
  object-fit: contain;
}
#bulkOrderPage table.bulk-products .price {
  width: 5em;
  white-space: nowrap;
}
#bulkOrderPage table.bulk-products .stock {
  width: 4.2em;
  white-space: nowrap;
  text-align: center;
}
#bulkOrderPage table.bulk-products .count {
  width: 13rem;
  text-align: center;
}
#bulkOrderPage table.bulk-products input {
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
}
#bulkOrderPage table.bulk-products .itemID {
  font-size: 1.4rem;
  margin-bottom: 0.4em;
}
#bulkOrderPage table.bulk-products .variation {
  font-size: 1.3rem;
  margin-top: 0.5em;
}
@media screen and (max-width: 767px) {
  #bulkOrderPage table.bulk-products {
    display: block;
    border-bottom: 1px solid #666;
  }
  #bulkOrderPage table.bulk-products thead {
    display: none;
  }
  #bulkOrderPage table.bulk-products tbody, #bulkOrderPage table.bulk-products td {
    display: block;
  }
  #bulkOrderPage table.bulk-products tr {
    display: flex;
    flex-wrap: wrap;
    border-bottom: none;
  }
  #bulkOrderPage table.bulk-products .img {
    width: 8rem;
    flex-shrink: 0;
  }
  #bulkOrderPage table.bulk-products .item {
    width: calc(100% - 8rem);
  }
  #bulkOrderPage table.bulk-products .price {
    width: 8em;
  }
  #bulkOrderPage table.bulk-products .stock {
    width: 6em;
  }
  #bulkOrderPage table.bulk-products .stock:before {
    content: attr(data-title);
    display: inline-block;
  }
  #bulkOrderPage table.bulk-products .count {
    width: calc(100% - 15em);
    margin-left: auto;
    text-align: right;
  }
}
#bulkOrderPage .cart-btn {
  text-align: center;
  margin: 3.6rem auto 0;
}
#bulkOrderPage .cart-btn .btn {
  padding: 0;
}

#ctl00_ContentPlaceHolder1_upUpdatePanel {
  width: 100%;
  flex: 1;
}

#dvUserBox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 3rem 0 0;
  /* td {
    input[name*="ShippingName1"], input[name*="ShippingName2"], input[name*="ShippingNameKana1"], input[name*="ShippingNameKana2"]  { width: calc((100% - 8em)/2) !important;}
  } */
}
@media screen and (max-width: 767px) {
  #dvUserBox {
    flex-direction: column-reverse;
    margin: 0;
    padding: 3rem 0 0;
  }
}
#dvUserBox h2 {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 1.3em;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  padding: 0;
  border: none;
}
#dvUserBox h3 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 0.7em;
  margin-top: 2em;
}
#dvUserBox h4 {
  font-size: 1.6rem;
  line-height: 1.6;
}
#dvUserBox .mt0 {
  margin-top: 0 !important;
}
@media screen and (max-width: 767px) {
  #dvUserBox h2 {
    font-size: 2.6rem;
    margin-bottom: 1em;
  }
  #dvUserBox h3 {
    font-size: 2rem;
    margin-bottom: 0.7em;
  }
  #dvUserBox h4 {
    font-size: 1.5rem;
    line-height: 1.6;
  }
  #dvUserBox #dvOrderHistoryDetail tbody, #dvUserBox #dvUserModifyInput tbody, #dvUserBox #dvUserModifyConfirm tbody, #dvUserBox #dvUserShippingInput tbody, #dvUserBox #dvUserRegistInput tbody, #dvUserBox #dvUserRegistConfirm tbody, #dvUserBox .dvFixedPurchaseDetail tbody, #dvUserBox .dvFixedPurchaseShipping tbody, #dvUserBox .dvFixedPurchaseItem tbody, #dvUserBox #dvPasswordReminderInput .dvReminder tbody, #dvUserBox #dvPasswordModifyInput .dvModify table tbody, #dvUserBox #divCreditCardInputForm tbody, #dvUserBox #dvUserInquiryInput tbody, #dvUserBox #dvUserInquiryConfirm tbody {
    display: block;
  }
  #dvUserBox #dvOrderHistoryDetail tr, #dvUserBox #dvUserModifyInput tr, #dvUserBox #dvUserModifyConfirm tr, #dvUserBox #dvUserShippingInput tr, #dvUserBox #dvUserRegistInput tr, #dvUserBox #dvUserRegistConfirm tr, #dvUserBox .dvFixedPurchaseDetail tr, #dvUserBox .dvFixedPurchaseShipping tr, #dvUserBox .dvFixedPurchaseItem tr, #dvUserBox #dvPasswordReminderInput .dvReminder tr, #dvUserBox #dvPasswordModifyInput .dvModify table tr, #dvUserBox #divCreditCardInputForm tr, #dvUserBox #dvUserInquiryInput tr, #dvUserBox #dvUserInquiryConfirm tr {
    display: block;
  }
  #dvUserBox #dvOrderHistoryDetail th, #dvUserBox #dvUserModifyInput th, #dvUserBox #dvUserModifyConfirm th, #dvUserBox #dvUserShippingInput th, #dvUserBox #dvUserRegistInput th, #dvUserBox #dvUserRegistConfirm th, #dvUserBox .dvFixedPurchaseDetail th, #dvUserBox .dvFixedPurchaseShipping th, #dvUserBox .dvFixedPurchaseItem th, #dvUserBox #dvPasswordReminderInput .dvReminder th, #dvUserBox #dvPasswordModifyInput .dvModify table th, #dvUserBox #divCreditCardInputForm th, #dvUserBox #dvUserInquiryInput th, #dvUserBox #dvUserInquiryConfirm th {
    display: block;
    width: 100% !important;
    padding: 1.84vw 2.63vw !important;
    font-size: 1.3rem;
  }
  #dvUserBox #dvOrderHistoryDetail th:empty, #dvUserBox #dvUserModifyInput th:empty, #dvUserBox #dvUserModifyConfirm th:empty, #dvUserBox #dvUserShippingInput th:empty, #dvUserBox #dvUserRegistInput th:empty, #dvUserBox #dvUserRegistConfirm th:empty, #dvUserBox .dvFixedPurchaseDetail th:empty, #dvUserBox .dvFixedPurchaseShipping th:empty, #dvUserBox .dvFixedPurchaseItem th:empty, #dvUserBox #dvPasswordReminderInput .dvReminder th:empty, #dvUserBox #dvPasswordModifyInput .dvModify table th:empty, #dvUserBox #divCreditCardInputForm th:empty, #dvUserBox #dvUserInquiryInput th:empty, #dvUserBox #dvUserInquiryConfirm th:empty {
    display: none;
  }
  #dvUserBox #dvOrderHistoryDetail td, #dvUserBox #dvUserModifyInput td, #dvUserBox #dvUserModifyConfirm td, #dvUserBox #dvUserShippingInput td, #dvUserBox #dvUserRegistInput td, #dvUserBox #dvUserRegistConfirm td, #dvUserBox .dvFixedPurchaseDetail td, #dvUserBox .dvFixedPurchaseShipping td, #dvUserBox .dvFixedPurchaseItem td, #dvUserBox #dvPasswordReminderInput .dvReminder td, #dvUserBox #dvPasswordModifyInput .dvModify table td, #dvUserBox #divCreditCardInputForm td, #dvUserBox #dvUserInquiryInput td, #dvUserBox #dvUserInquiryConfirm td {
    width: 100%;
    display: block;
    padding: 2.63vw;
  }
}
#dvUserBox #pagination.above {
  display: none !important;
}

#dvUserBox #dvUserMenu {
  width: min(20vw, 240px);
  margin-right: min(3.67vw, 44px);
  padding-top: 2rem;
}
#dvUserBox #dvUserMenu a {
  text-decoration: none;
  color: inherit;
}
#dvUserBox #dvUserMenu h6 {
  padding: 1em 0 0;
  margin-bottom: 1.2em;
  font-size: 1.7rem;
  font-weight: bold;
  color: var(--color-key);
  display: none;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserMenu {
    width: 100%;
    margin-right: 0;
    margin-top: 5rem;
    padding-top: 0;
  }
  #dvUserBox #dvUserMenu h6 {
    text-align: center;
    margin-bottom: 1em;
  }
}
#dvUserBox #dvUserMenu .myMenu {
  border: #ccc 1px solid;
  padding: 1.8rem 1rem 2rem;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserMenu .myMenu {
    margin: 0 1rem;
  }
}
#dvUserBox #dvUserMenu .myMenu .iconTtl {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 1.2em 0 0.7em;
  padding-left: 0.3em;
  display: flex;
  align-items: center;
  border-top: #ccc 1px solid;
  padding-top: 1em;
}
#dvUserBox #dvUserMenu .myMenu .iconTtl.top {
  margin-top: 0;
  padding-top: 0;
  border: none;
}
#dvUserBox #dvUserMenu .myMenu .iconTtl a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  #dvUserBox #dvUserMenu .myMenu .iconTtl a:hover {
    text-decoration: none;
  }
}
#dvUserBox #dvUserMenu .myMenu .iconTtl i {
  flex-shrink: 0;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  margin-right: 0.5em;
  background: rgb(var(--color-text));
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
#dvUserBox #dvUserMenu .myMenu .iconTtl i.home {
  -webkit-mask-image: url(../img/common/i_home.svg);
          mask-image: url(../img/common/i_home.svg);
}
#dvUserBox #dvUserMenu .myMenu .iconTtl i.user {
  -webkit-mask-image: url(../img/common/i_user.svg);
          mask-image: url(../img/common/i_user.svg);
}
#dvUserBox #dvUserMenu .myMenu .iconTtl i.cart {
  -webkit-mask-image: url(../img/common/i_bag.svg);
          mask-image: url(../img/common/i_bag.svg);
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserMenu .myMenu .iconTtl {
    font-size: 1.7rem;
  }
}
#dvUserBox #dvUserMenu .myMenu ul li {
  font-size: 1.5rem;
  margin-bottom: 0.2em;
}
#dvUserBox #dvUserMenu .myMenu ul li a {
  background: none;
  border: none;
  margin: 0;
  padding: 0.2em 0 0.2em 1.3em;
  position: relative;
}
#dvUserBox #dvUserMenu .myMenu ul li a:before {
  content: "・";
  display: inline-block;
  margin-right: 0.7em;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserMenu .myMenu ul li {
    font-size: 1.6rem;
  }
}

#dvUserBox #dvUserFltContents {
  flex: 1;
  width: 100%;
}
#dvUserBox #dvUserFltContents #sortBox {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
}
#dvUserBox #dvUserFltContents #sortBox .title {
  font-size: 1.4rem;
  line-height: 1.4;
}
#dvUserBox #dvUserFltContents #sortBox ul {
  display: flex;
}
#dvUserBox #dvUserFltContents #sortBox ul li {
  letter-spacing: 0.01em;
}
#dvUserBox #dvUserFltContents #sortBox ul li.active {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1em 0.1em;
  line-height: 1.4;
  font-size: 1.5rem;
  height: 2em;
  background: var(--color-key);
  color: #fff;
}
#dvUserBox #dvUserFltContents #sortBox ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  line-height: 1.4;
  padding: 0 1em 0.1em;
  height: 100%;
  font-size: 1.5rem;
}
#dvUserBox #dvUserFltContents #sortBox .box {
  margin: 0;
  padding: 0;
  float: none;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents #sortBox .title {
    font-size: 1.2rem;
  }
  #dvUserBox #dvUserFltContents #sortBox ul li {
    font-size: 1.3rem;
    margin: 0 1px 1px 0;
  }
  #dvUserBox #dvUserFltContents #sortBox ul li.active {
    font-size: 1.3rem;
  }
  #dvUserBox #dvUserFltContents #sortBox ul li a {
    font-size: 1.3rem !important;
  }
}

#dvUserBox #dvLogin {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  border: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 1.6rem;
}
#dvUserBox #dvLogin:after {
  content: none;
}
#dvUserBox #dvLogin p {
  margin: 0 0 0.3em;
  line-height: 1.5;
}
#dvUserBox #dvLogin h3 {
  text-align: center;
}
#dvUserBox #dvLogin #ctl00_ContentPlaceHolder1_dvMessages {
  flex: auto;
  width: 100%;
}
#dvUserBox #dvLogin #LoginBox {
  margin-left: 0;
  background: none;
}
#dvUserBox #dvLogin #LoginBox .top, #dvUserBox #dvLogin #LoginBox .bottom {
  background: none;
  padding: 0;
}
#dvUserBox #dvLogin #LoginBox .bottom div {
  width: 100%;
}
#dvUserBox #dvLogin #LoginBox dl {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 2rem;
}
#dvUserBox #dvLogin #LoginBox dt {
  width: 8.6em;
  font-size: 1.5rem;
}
#dvUserBox #dvLogin #LoginBox dd {
  width: auto;
  flex: 1;
}
#dvUserBox #dvLogin #LoginBox span {
  padding-left: 8.6em;
  font-size: 1.5rem;
  padding-top: 0.5rem;
}
#dvUserBox #dvLogin #LoginBox .btn-success {
  margin-top: 3rem;
}
#dvUserBox #dvLogin #LoginBox .alignR + span {
  padding-left: 0;
  text-align: center;
}
#dvUserBox #dvLogin #LoginBox .alignR + span a {
  padding-left: 0;
  background: none;
}
#dvUserBox #dvLogin #LoginBox label {
  padding-right: 0;
}
#dvUserBox #dvLogin .kakomi {
  border: rgb(var(--color-key)) 1px solid;
  color: rgb(var(--color-key));
  padding: 1em;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.6;
  border-radius: 6px;
  margin-bottom: 1.2em;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvLogin {
    display: block;
  }
}
#dvUserBox #dvLogin #dvLoginWrap {
  display: block;
  width: 48%;
  float: none;
  border-radius: 6px;
  border: rgba(var(--color-text), 0.2) 1px solid;
  padding: 0 3rem 3rem;
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginReminder {
  text-align: center;
}
#dvUserBox #dvLogin .dvLoginRegist {
  width: 48%;
  float: none;
  border-radius: 6px;
  border: rgba(var(--color-text), 0.2) 1px solid;
  padding: 0 3rem 3rem;
}
#dvUserBox #dvLogin .dvLoginRegist .alignC {
  width: 100% !important;
  margin: 1rem 0 0;
}
#dvUserBox #dvLogin .dvLoginRegist p {
  margin-bottom: 1em;
}
#dvUserBox #dvLogin .dvLoginRegist p:empty {
  margin: 0 !important;
}
#dvUserBox #dvLogin .dvLoginRegist li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
}
#dvUserBox #dvLogin .dvLoginLogin ul {
  padding: 0;
  margin-bottom: 2rem;
}
#dvUserBox #dvLogin .dvLoginLogin ul li {
  margin: 1em 0 0;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvLogin #dvLoginWrap {
    width: 100%;
    padding: 0 2rem 2rem;
    margin-bottom: 2.5rem;
  }
  #dvUserBox #dvLogin #dvLoginWrap dl {
    margin-top: 1rem;
  }
  #dvUserBox #dvLogin #dvLoginWrap dt {
    width: 8em;
    font-size: 1.4rem;
  }
  #dvUserBox #dvLogin #dvLoginWrap span {
    padding-left: 8em;
    font-size: 1.4rem;
  }
  #dvUserBox #dvLogin #dvLoginWrap .btn-success {
    margin-top: 2rem;
  }
  #dvUserBox #dvLogin .dvLoginRegist {
    width: 100%;
    padding: 0 2rem 2rem;
  }
}

#dvUserBox .alreadyMember {
  margin: 2rem 0;
  padding: 1.3rem 1.5rem 1.2rem;
  background: #F5F5F5;
  border: #ccc 1px solid;
}
#dvUserBox .alreadyMember h4 {
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.32em;
  font-size: 1.5rem;
}
#dvUserBox .alreadyMember p {
  font-size: 1.4rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  #dvUserBox .alreadyMember h4 {
    font-size: 1.4rem;
    margin-bottom: 0.36em;
    line-height: 1.4;
  }
  #dvUserBox .alreadyMember p {
    font-size: 1.3rem;
    margin-bottom: 0 !important;
  }
}

#dvUserBox .kiyakuPage {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 !important;
}
#dvUserBox .kiyakuPage .tit03 {
  font-weight: bold;
  margin-bottom: 0.6em;
}
#dvUserBox .kiyakuPage .kariContens {
  margin-bottom: 5rem;
}
#dvUserBox .kiyakuPage .kariContens p {
  text-align: center;
}
#dvUserBox .kiyakuPage h2 {
  font-size: 2.5rem;
  margin-bottom: 1em;
}
#dvUserBox .kiyakuPage .dvContentsInfo {
  padding: 0;
}
#dvUserBox .kiyakuPage #dvUserRegistRegulation {
  padding-top: 0;
}
#dvUserBox .kiyakuPage .kiyakuCheck {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  margin: 2rem auto 0;
  background: rgba(0, 0, 0, 0.05);
}
#dvUserBox .kiyakuPage .kiyakuMail {
  margin: 4rem auto 0;
}
#dvUserBox .kiyakuPage .kiyakuMail ins {
  margin-top: 0.4rem !important;
}
#dvUserBox .kiyakuPage .kiyakuMail table {
  margin-top: 0.8rem !important;
}
@media screen and (max-width: 767px) {
  #dvUserBox .kiyakuPage .kariContens {
    margin-bottom: 3.6rem;
    font-size: 1.46rem;
  }
  #dvUserBox .kiyakuPage h2 {
    font-size: 2rem;
    margin-bottom: 0.8em;
  }
}

#dvUserContents {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#dvHeaderRegistClumbs {
  display: none;
}

#dvUserBox .dvContentsInfo {
  /* padding: 15px 20px; */
  font-size: 1.5rem;
  line-height: 1.5;
  background: #F3F3F3;
}
#dvUserBox .dvContentsInfo p {
  margin: 0 !important;
}
#dvUserBox .dvContentsInfo p + p {
  margin-top: 0.5em !important;
}
@media screen and (max-width: 767px) {
  #dvUserBox .dvContentsInfo {
    padding: 1.4rem 1em;
    margin-bottom: 3.95vw;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: left;
  }
  #dvUserBox .dvContentsInfo p {
    line-height: 1.6;
  }
}
#dvUserBox #dvUserRegistRegulation {
  padding: min(2.92vw, 35px) min(3.33vw, 40px) min(3.75vw, 45px);
}
#dvUserBox #dvUserRegistRegulation h3 {
  text-align: center;
  margin-top: 0;
}
#dvUserBox #dvUserRegistRegulation .dvRegulation {
  max-width: 900px;
  height: 220px;
  padding: 20px 20px;
  margin: 0 auto;
  font-size: 1.4rem;
}
#dvUserBox #dvUserRegistRegulation .dvUserBtnBox .btn-large {
  font-size: 1.6rem;
  width: min(19.17vw, 230px);
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserRegistRegulation {
    padding: 7.89vw 3.42vw 9.21vw;
  }
  #dvUserBox #dvUserRegistRegulation .dvRegulation {
    height: 30vh;
    padding: 5.26vw 3.95vw;
    font-size: 1.3rem;
  }
  #dvUserBox #dvUserRegistRegulation .dvUserBtnBox .btn-large {
    font-size: 1.6rem;
    width: 65.79vw;
  }
}
#dvUserBox .dvUserBtnBox {
  margin-top: 5rem;
  padding: 0;
}
#dvUserBox .dvUserBtnBox[style*=flex] p:not(:first-child) {
  margin-left: 1rem;
}
#dvUserBox .dvUserBtnBox p {
  display: flex;
  justify-content: center;
}
#dvUserBox .dvUserBtnBox p .btn-large {
  width: min(23.33vw, 280px);
}
#dvUserBox .dvUserBtnBox p span {
  margin: 0 10px 0 0;
}
#dvUserBox .dvUserBtnBox p span:last-child {
  margin: 0;
}
@media screen and (max-width: 767px) {
  #dvUserBox .dvUserBtnBox {
    margin-top: 10.53vw;
  }
  #dvUserBox .dvUserBtnBox p {
    flex-direction: column-reverse;
  }
  #dvUserBox .dvUserBtnBox p .btn-large {
    width: 100%;
  }
  #dvUserBox .dvUserBtnBox p span {
    margin: 3.16vw 0 0 0;
  }
}
#dvUserBox .dvUserBtnBoxB {
  border-top: none;
}

#dvHeaderModifyClumbs {
  display: none;
}

#dvUserBox #dvUserRegistInput {
  border: none;
  padding: 0;
}
#dvUserBox .dvLoginInfo {
  margin-top: 5rem;
}
#dvUserBox #dvUserRegistInput table th, #dvUserBox #dvUserRegistConfirm table th, #dvUserBox #dvUserModifyInput table th, #dvUserBox #dvUserModifyConfirm table th {
  width: 240px;
}
#dvUserBox #dvUserRegistInput table td, #dvUserBox #dvUserRegistConfirm table td, #dvUserBox #dvUserModifyInput table td, #dvUserBox #dvUserModifyConfirm table td {
  padding: 15px;
}
#dvUserBox #dvUserRegistInput table td table, #dvUserBox #dvUserRegistConfirm table td table, #dvUserBox #dvUserModifyInput table td table, #dvUserBox #dvUserModifyConfirm table td table {
  width: 100%;
}

#dvUserBox ins {
  color: inherit;
  font-size: 1.4rem;
  margin: 1.4em 0 0.6em;
  display: block;
}
#dvUserBox table {
  margin: 0;
  width: 100%;
  background-color: transparent !important;
  border-color: #ccc !important;
}
#dvUserBox table th {
  font-size: 1.5rem;
  color: inherit !important;
  background: #F8F8F8 !important;
}
#dvUserBox table td {
  color: inherit !important;
}
#dvUserBox table td.checkBox {
  padding-top: 1.3em !important;
  padding-bottom: 1.3em !important;
}
#dvUserBox table td .fname {
  display: none;
}
#dvUserBox table td .lname {
  display: none;
}
#dvUserBox .necessary {
  background: none;
  padding: 0 !important;
  margin-left: 0.3em;
  border-radius: 0;
  display: inline-block;
}
#dvUserBox p.mb {
  margin-bottom: 0.5em !important;
}
#dvUserBox .notes {
  display: block;
  color: rgba(var(--color-text), 0.8);
  font-size: 1.2rem !important;
  padding: 0;
  margin: 0.7em 0 -0.3em;
  letter-spacing: 0.03em;
}
#dvUserBox label {
  padding: 0 2em 0 0;
  color: rgb(var(--color-text));
}
@media screen and (max-width: 767px) {
  #dvUserBox .necessary {
    font-size: 1rem;
    margin-left: 3px;
  }
  #dvUserBox table {
    margin: 0 -1.5rem;
  }
  #dvUserBox #dvUserModifyInput table, #dvUserBox #dvUserModifyConfirm table,
  #dvUserBox #dvUserInquiryInput table, #dvUserBox #dvUserInquiryConfirm table {
    margin: 0 -1.5rem;
    width: calc(100% + 3rem);
  }
}
#dvUserBox [id*=Confirm] table th {
  padding: 1.4rem 1.5rem !important;
}
#dvUserBox [id*=Confirm] table td {
  padding: 1.4rem 2rem !important;
}
@media screen and (max-width: 767px) {
  #dvUserBox [id*=Confirm] table td {
    padding: 1.2rem 1.1rem 1.7rem !important;
  }
}

#dvUserContents .unit, #dvUserFltContents .unit {
  padding: 0;
  border: none;
}

#dvUserBox .completeInfo {
  background: #F5F5F5;
  border: rgba(var(--color-text), 0.2) 1px solid;
  border-radius: 6px;
  padding: min(2.5vw, 30px);
  margin-bottom: min(3.33vw, 40px);
}
@media screen and (max-width: 767px) {
  #dvUserBox .completeInfo {
    text-align: left;
    padding: 6.32vw 3.95vw;
  }
}

#dvUserBox .receptionInfo {
  font-size: 1.5rem;
  padding: min(1.67vw, 20px) min(1.67vw, 20px) 0;
}
@media screen and (max-width: 767px) {
  #dvUserBox .receptionInfo {
    font-size: 1.4rem;
    padding: 5.26vw 2.63vw 0;
  }
}

#dvUserBox #dvUserFltContents.mypegTop {
  max-width: 1080px;
  margin: 0 auto;
}
#dvUserBox #dvUserFltContents.mypegTop h2 {
  margin-bottom: 2em;
}
#dvUserBox #dvUserFltContents.mypegTop .rankTag {
  margin: 2.5rem 0 0;
}
#dvUserBox #dvUserFltContents.mypegTop .rankTag span {
  background: #5B5B5B;
  color: #fff;
  display: inline-block;
  padding: 0.32em 1.2em;
  font-size: 1.5rem;
}
#dvUserBox #dvUserFltContents.mypegTop .BulkOrder {
  margin: 3rem 0 0;
}
#dvUserBox #dvUserFltContents.mypegTop .BulkOrder p {
  font-size: 1.5rem;
  margin-bottom: 1em;
}
#dvUserBox #dvUserFltContents.mypegTop .BulkOrder a {
  position: relative;
  width: 25rem;
  height: 3.3em;
  justify-content: flex-start;
  padding: 0 1.2em 0.1em;
  font-size: 1.6rem;
}
#dvUserBox #dvUserFltContents.mypegTop .BulkOrder a i {
  display: inline-block;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 0.8rem;
  height: 0.8rem;
  border: var(--color-key) 2px solid;
  border-bottom: none;
  border-left: none;
}
#dvUserBox #dvUserFltContents.mypegTop .BulkOrder a:hover i {
  border-color: #fff;
}
#dvUserBox #dvUserFltContents.mypegTop .topBtnistWrap {
  margin-top: 5rem;
  padding-top: 4.5rem;
  border-top: #ccc 1px solid;
}
#dvUserBox #dvUserFltContents.mypegTop .topBtnistWrap ul {
  display: flex;
  gap: 0 1rem;
}
#dvUserBox #dvUserFltContents.mypegTop .topBtnistWrap ul li {
  width: 15em;
}
#dvUserBox #dvUserFltContents.mypegTop .topBtnistWrap ul a {
  height: 3.6em;
  border-radius: 4em;
}
#dvUserBox #dvUserFltContents.mypegTop .topBtnistWrap .gmo-about {
  margin-top: 3em;
}
#dvUserBox #dvUserFltContents.mypegTop .topBtnistWrap .gmo-about i {
  background: url(../img/common/i_question.svg) no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: -0.18em;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.3em;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents.mypegTop h2 {
    margin-bottom: 1.3em;
  }
  #dvUserBox #dvUserFltContents.mypegTop .topBtnistWrap ul {
    gap: 0.8rem 1rem;
  }
  #dvUserBox #dvUserFltContents.mypegTop .topBtnistWrap ul li {
    width: calc(50% - 0.5rem);
    max-width: 15em;
  }
  #dvUserBox #dvUserFltContents.mypegTop .topBtnistWrap ul a {
    font-size: 1.3rem;
    height: 3.4em;
  }
  #dvUserBox #dvUserFltContents.mypegTop .topBtnistWrap .gmo-about {
    margin-top: 2.5em;
    padding: 0 1rem;
    font-size: 1.4rem;
  }
  #dvUserBox #dvUserFltContents.mypegTop .topBtnistWrap .gmo-about i {
    background: url(../img/common/i_question.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
    vertical-align: -0.18em;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.3em;
  }
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo {
  border: #DDDADA 3px solid;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  margin-bottom: min(4.17vw, 50px);
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo h3 {
  margin: 0;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo {
    display: block;
    border-width: 2px;
    margin-bottom: 9.47vw;
  }
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .leftBox {
  min-width: min(27.5vw, 330px);
  padding: min(1.67vw, 20px) 0 min(0.83vw, 10px);
  border-right: #DDDADA 3px solid;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .leftBox {
    min-width: 0;
    width: 100%;
    border-right: none;
    border-bottom: #DDDADA 2px solid;
    padding: 5.79vw 1em 4.21vw;
  }
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox {
  padding: min(1.25vw, 15px) min(2.5vw, 30px);
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .point {
  margin-right: min(4.17vw, 50px);
  text-align: center;
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .point h3 {
  font-size: 1.9rem;
  line-height: 1.4;
  font-weight: bold;
  margin: 0 0 0.3em 0;
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .point h3 i {
  display: inline-block;
  vertical-align: -0.45em;
  width: min(2.67vw, 32px);
  height: min(2.67vw, 32px);
  margin-right: 0.4em;
  -webkit-mask-image: url(../img/yen-circle.svg);
          mask-image: url(../img/yen-circle.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  background: rgb(var(--color-key));
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .point .num {
  font-size: 2.7rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .point .num strong {
  font-size: 3.7rem;
  margin-right: 0.2em;
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .point a {
  display: inline-block;
  color: inherit;
  margin: 0.3em 0 -0.2em;
  font-size: 1.4rem;
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .txt li {
  font-size: 1.6rem;
  letter-spacing: 0.03em;
  line-height: 1.6;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .txt li p:first-child {
  margin-right: 0.5em;
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .txt li .limit {
  font-size: 1.4rem;
  font-weight: bold;
  margin-left: 1em;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox {
    padding: 6.32vw 1em 5.26vw;
    flex-direction: column;
  }
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .point {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
  }
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .point h3 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.5rem;
    line-height: 1.4;
    margin: 0;
    text-align: left;
  }
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .point h3 i {
    width: 8.42vw;
    height: 8.42vw;
    margin-right: 0.4em;
  }
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .point .num {
    margin-left: 0.5em;
  }
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .point a {
    display: block;
    width: 100%;
    margin: 0.7em 0 0;
    font-size: 1.4rem;
  }
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .txt {
    margin-top: 1em;
  }
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .txt li {
    font-size: 1.5rem;
  }
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .txt li p:first-child {
    margin-right: 0.4em;
  }
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .rightBox .txt li .limit {
    font-size: 1.3rem;
    margin: 0;
    white-space: nowrap;
  }
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .name {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 1.3;
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .name span {
  font-size: 1.8rem;
  font-weight: normal;
  margin-left: 0.4em;
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .name i {
  width: min(2.92vw, 35px);
  height: min(2.92vw, 35px);
  border-radius: 50%;
  padding: min(0.33vw, 4px);
  background: rgb(var(--color-base));
  margin-right: min(0.83vw, 10px);
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .name i img {
  filter: brightness(0) invert(1);
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .name i {
    width: 9.21vw;
    height: 9.21vw;
    padding: 1.05vw;
    margin-right: 2.63vw;
  }
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .logOut {
  font-size: 1.5rem;
  font-weight: bold;
  width: min(16.83vw, 202px);
  height: min(2.92vw, 35px);
  border-radius: 4px;
  background: rgb(var(--color-base));
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
  text-decoration: none;
  margin: min(0.67vw, 8px) auto 0;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .logOut {
    width: 53.16vw;
    height: 8.95vw;
    margin: 3.42vw auto 0;
  }
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .loginTime {
  margin-top: min(1.67vw, 20px);
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .loginTime h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: bold;
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .loginTime h3 img {
  width: min(2vw, 24px);
  margin-right: 0.5em;
}
#dvUserBox #dvUserFltContents.mypegTop .accountInfo .loginTime p {
  font-size: 1.5rem;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .loginTime {
    margin-top: 5vw;
  }
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .loginTime h3 {
    font-size: 1.4rem;
  }
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .loginTime h3 img {
    width: 5.79vw;
  }
  #dvUserBox #dvUserFltContents.mypegTop .accountInfo .loginTime p {
    font-size: 1.4rem;
  }
}
#dvUserBox #dvUserFltContents.mypegTop .mypageNavTop {
  background: rgba(var(--color-base), 0.3);
  border-radius: 6px;
  padding: 0 min(3.75vw, 45px) min(3.67vw, 44px);
}
#dvUserBox #dvUserFltContents.mypegTop .mypageNavTop a {
  color: inherit;
  text-decoration: none;
}
#dvUserBox #dvUserFltContents.mypegTop .mypageNavTop h3 {
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
  padding: 2em 0 1em;
  margin: 0;
}
#dvUserBox #dvUserFltContents.mypegTop .mypageNavTop .txt {
  font-size: 1.5rem;
  text-align: center;
  margin: -0.2em 0 1.3em;
}
#dvUserBox #dvUserFltContents.mypegTop .mypageNavTop .txt a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  #dvUserBox #dvUserFltContents.mypegTop .mypageNavTop .txt a:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents.mypegTop .mypageNavTop {
    padding: 0 3.42vw 7.89vw;
  }
  #dvUserBox #dvUserFltContents.mypegTop .mypageNavTop h3 {
    padding: 1.3em 0 0.8em;
  }
  #dvUserBox #dvUserFltContents.mypegTop .mypageNavTop .txt {
    font-size: 1.3rem;
    text-align: left;
    margin: -0.2em 0 1.3em;
  }
}
#dvUserBox #dvUserFltContents.mypegTop .mypageNavTop ul {
  display: flex;
  justify-content: flex-start;
  text-align: center;
}
#dvUserBox #dvUserFltContents.mypegTop .mypageNavTop ul.line {
  padding-bottom: min(2.42vw, 29px);
  border-bottom: rgba(var(--color-text), 0.2) 1px solid;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents.mypegTop .mypageNavTop ul {
    display: block;
    text-align: left;
  }
  #dvUserBox #dvUserFltContents.mypegTop .mypageNavTop ul.line {
    padding-bottom: 5.79vw;
  }
}
#dvUserBox #dvUserFltContents.mypegTop .mypageNavTop ul li {
  font-size: 1.6rem;
  line-height: 1.4;
  background: #fff;
  border-radius: 5px;
  margin-right: 1%;
  width: 19.2%;
  min-height: min(10.5vw, 126px);
  display: flex;
  justify-content: center;
  overflow: hidden;
}
#dvUserBox #dvUserFltContents.mypegTop .mypageNavTop ul li:last-child {
  margin-right: 0;
}
#dvUserBox #dvUserFltContents.mypegTop .mypageNavTop ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  border: #fff 3px solid;
  transition: 0.3s;
}
@media (any-hover: hover) {
  #dvUserBox #dvUserFltContents.mypegTop .mypageNavTop ul li a:hover {
    border-color: rgb(var(--color-base));
  }
}
#dvUserBox #dvUserFltContents.mypegTop .mypageNavTop ul li img {
  width: min(3.5vw, 42px);
  margin-bottom: 0.4em;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents.mypegTop .mypageNavTop ul li {
    width: 100%;
    min-height: 14.21vw;
    margin-bottom: 1.58vw;
  }
  #dvUserBox #dvUserFltContents.mypegTop .mypageNavTop ul li:last-child {
    margin-bottom: 0;
  }
  #dvUserBox #dvUserFltContents.mypegTop .mypageNavTop ul li a {
    padding: 2.11vw 3.68vw;
    flex-direction: row;
    justify-content: flex-start;
  }
  #dvUserBox #dvUserFltContents.mypegTop .mypageNavTop ul li img {
    width: 7.89vw;
    margin: 0 1em 0 0;
  }
}
#dvUserBox #dvUserFltContents.mypegTop .mypageNavTop .taikai {
  text-align: right;
  margin: 1.5em 0 -0.7em;
  font-size: 1.5rem;
}
#dvUserBox #dvUserFltContents.mypegTop .mypageNavTop .taikai a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  #dvUserBox #dvUserFltContents.mypegTop .mypageNavTop .taikai a:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents.mypegTop .mypageNavTop .taikai {
    font-size: 1.4rem;
  }
}

#dvUserBox #dvOrderHistoryList table {
  margin: 6rem 0 0;
}
#dvUserBox #dvOrderHistoryList table td.itemImage {
  background: none;
  padding: 1rem;
  padding-left: 3rem;
  width: 12rem;
}
#dvUserBox #dvOrderHistoryList table td.itemImage img {
  width: 8rem;
}
#dvUserBox #dvOrderHistoryList table td.itemTitle {
  background: none;
  padding: 2rem 0.8rem;
}
#dvUserBox #dvOrderHistoryList table td.orderItemProductName {
  padding: 1rem 0.8rem;
}
#dvUserBox #dvOrderHistoryList table td.orderItemProductName img {
  width: 14rem;
}
#dvUserBox #dvOrderHistoryList table td.orderItemProductName .plPrice {
  margin: 0.8em 0 0.5em;
}
#dvUserBox #dvOrderHistoryList table td.orderDate p {
  margin-bottom: 0.5em;
  text-align: center;
}
#dvUserBox #dvOrderHistoryList #historyItemTbl .orderDate .btn-mini {
  padding: 0.6em 1em;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvOrderHistoryList table {
    margin: 4rem 0 0;
  }
  #dvUserBox #dvOrderHistoryList table td.itemImage {
    padding: 0.5rem;
    padding-left: 1rem;
    width: 11rem;
  }
  #dvUserBox #dvOrderHistoryList table td.itemTitle {
    padding: 1rem 0.5rem;
    font-size: 1.4rem;
  }
  #dvUserBox #dvOrderHistoryList .orderHistoryList {
    display: flex;
    justify-content: space-between;
    background: #F8F8F8 !important;
    padding: 0.2rem 0 0.8rem;
    border-bottom: #ccc 1px solid;
  }
  #dvUserBox #dvOrderHistoryList .orderHistoryList tbody, #dvUserBox #dvOrderHistoryList .orderHistoryList tr, #dvUserBox #dvOrderHistoryList .orderHistoryList tr, #dvUserBox #dvOrderHistoryList .orderHistoryList th, #dvUserBox #dvOrderHistoryList .orderHistoryList td {
    display: block;
  }
  #dvUserBox #dvOrderHistoryList .orderHistoryList tbody:first-child {
    width: 11rem;
  }
  #dvUserBox #dvOrderHistoryList .orderHistoryList tbody.orderContents {
    flex: 1;
    background: none;
  }
  #dvUserBox #dvOrderHistoryList .orderHistoryList th, #dvUserBox #dvOrderHistoryList .orderHistoryList td {
    font-size: 1.3rem;
    line-height: 1.4 !important;
    text-align: left;
    padding: 0.6rem 1rem;
  }
  #dvUserBox #dvOrderHistoryList .orderHistoryList th {
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
    background: none !important;
  }
  #dvUserBox #dvOrderHistoryList .orderHistoryList td {
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
  }
  #dvUserBox #dvOrderHistoryList #historyItemTbl { /* 商品一覧のテーブルに指定 */ }
  #dvUserBox #dvOrderHistoryList #historyItemTbl tr:not(.pc) {
    display: flex;
    flex-wrap: wrap;
  }
  #dvUserBox #dvOrderHistoryList #historyItemTbl .orderItemProductName {
    border-bottom: none;
  }
  #dvUserBox #dvOrderHistoryList #historyItemTbl .orderItemProductName:first-child {
    width: 10rem;
  }
  #dvUserBox #dvOrderHistoryList #historyItemTbl .orderItemProductName:nth-child(2) {
    width: calc(100% - 10rem);
  }
  #dvUserBox #dvOrderHistoryList #historyItemTbl .orderDate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  #dvUserBox #dvOrderHistoryList #historyItemTbl .orderDate p {
    margin: 0;
    text-align: right;
  }
  #dvUserBox #dvOrderHistoryList #historyItemTbl .orderDate p:before {
    font-size: 1.3rem;
    content: attr(data-title);
    display: block;
  }
  #dvUserBox #dvOrderHistoryList #historyItemTbl .orderDate .btn-mini {
    padding: 0.6em 2em;
  }
}
#dvUserBox .dvOrderHistoryContain .orderList {
  display: none !important;
}

#dvUserBox #dvFixedPurchaseList .topTxt {
  margin: 1.5em 0;
}
#dvUserBox #dvFixedPurchaseList table td.itemImage {
  width: auto;
}
#dvUserBox #dvFixedPurchaseList table td.itemTitle {
  padding: 0;
  width: auto;
}
#dvUserBox #dvFixedPurchaseList table .fixedPurchaseTerm {
  width: 50%;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvFixedPurchaseList .titleBox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  #dvUserBox #dvFixedPurchaseList .titleBox .dateOrder {
    margin-right: auto;
  }
  #dvUserBox #dvFixedPurchaseList .titleBox span[class*=fixedPurchaseStatus] {
    margin-right: 0;
  }
  #dvUserBox #dvFixedPurchaseList #ctl00_ContentPlaceHolder1_rFixedPurchaseStatusList_ctl06_lbContinuing {
    margin: 15px 0 0 !important;
  }
}

.errorMessage:empty {
  display: none;
}

#dvUserBox #dvOrderHistoryDetail .atTxt,
#dvUserBox #dvFixedPurchaseDetail .atTxt {
  font-size: 1.3rem;
  text-align: right;
  clear: both;
  padding-top: 0.4em;
}
#dvUserBox #dvOrderHistoryDetail table th,
#dvUserBox #dvFixedPurchaseDetail table th {
  width: 200px;
}
#dvUserBox #dvOrderHistoryDetail table td,
#dvUserBox #dvFixedPurchaseDetail table td {
  font-size: 1.5rem;
  line-height: 1.6 !important;
}
#dvUserBox #dvOrderHistoryDetail a.btn,
#dvUserBox #dvFixedPurchaseDetail a.btn {
  height: 2.5em;
}
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .productName,
#dvUserBox #dvFixedPurchaseDetail .dvOrderHistoryProduct .productName {
  width: 250px;
}
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct td.productName,
#dvUserBox #dvFixedPurchaseDetail .dvOrderHistoryProduct td.productName {
  font-size: 1.4rem;
}
#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl dd,
#dvUserBox #dvFixedPurchaseDetail .dvOrderSumWrap .dvOrderSum dl dd {
  margin-top: -1.6em;
}
#dvUserBox #dvOrderHistoryDetail .orderCount select,
#dvUserBox #dvFixedPurchaseDetail .orderCount select {
  min-width: 5em;
}
#dvUserBox #dvOrderHistoryDetail td.deleteProduct input[type=checkbox], #dvUserBox #dvOrderHistoryDetail td.deleteProduct input[type=radio],
#dvUserBox #dvFixedPurchaseDetail td.deleteProduct input[type=checkbox],
#dvUserBox #dvFixedPurchaseDetail td.deleteProduct input[type=radio] {
  width: 1.5em;
  margin-right: 0;
}
#dvUserBox #dvOrderHistoryDetail #slErrorMessageChangePointUse:not(:empty),
#dvUserBox #dvFixedPurchaseDetail #slErrorMessageChangePointUse:not(:empty) {
  margin-top: 2em;
}
#dvUserBox #dvOrderHistoryDetail #divOrderPaymentUpdateButtons, #dvUserBox #dvOrderHistoryDetail #divOrderPointUpdateButtons, #dvUserBox #dvOrderHistoryDetail #divOrderShippingUpdateButtons,
#dvUserBox #dvFixedPurchaseDetail #divOrderPaymentUpdateButtons,
#dvUserBox #dvFixedPurchaseDetail #divOrderPointUpdateButtons,
#dvUserBox #dvFixedPurchaseDetail #divOrderShippingUpdateButtons {
  display: flex !important;
  justify-content: center;
  gap: 0 1.5rem;
}
#dvUserBox #dvOrderHistoryDetail #divOrderPaymentUpdateButtons a.btn, #dvUserBox #dvOrderHistoryDetail #divOrderPointUpdateButtons a.btn, #dvUserBox #dvOrderHistoryDetail #divOrderShippingUpdateButtons a.btn,
#dvUserBox #dvFixedPurchaseDetail #divOrderPaymentUpdateButtons a.btn,
#dvUserBox #dvFixedPurchaseDetail #divOrderPointUpdateButtons a.btn,
#dvUserBox #dvFixedPurchaseDetail #divOrderShippingUpdateButtons a.btn {
  width: 16rem;
  margin: 1rem 0 0;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvOrderHistoryDetail .atTxt,
  #dvUserBox #dvFixedPurchaseDetail .atTxt {
    font-size: 1.2rem;
    padding-top: 0.4em;
  }
  #dvUserBox #dvOrderHistoryDetail a.btn,
  #dvUserBox #dvFixedPurchaseDetail a.btn {
    height: 2.5em;
    width: 25rem;
    margin: 1rem auto 0;
  }
  #dvUserBox #dvOrderHistoryDetail .right a.btn,
  #dvUserBox #dvFixedPurchaseDetail .right a.btn {
    width: 15rem;
  }
  #dvUserBox #dvOrderHistoryDetail table .itemTR,
  #dvUserBox #dvFixedPurchaseDetail table .itemTR {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: #ccc 1px solid;
    border-top: none;
  }
  #dvUserBox #dvOrderHistoryDetail table .itemTR td,
  #dvUserBox #dvFixedPurchaseDetail table .itemTR td {
    position: relative;
    border-bottom: none;
  }
  #dvUserBox #dvOrderHistoryDetail table .itemTR td:before,
  #dvUserBox #dvFixedPurchaseDetail table .itemTR td:before {
    content: attr(data-th) "：";
    display: block;
    font-size: 1.1rem;
    margin-bottom: 0.1em;
  }
  #dvUserBox #dvOrderHistoryDetail table .itemTR td:not(.productName),
  #dvUserBox #dvFixedPurchaseDetail table .itemTR td:not(.productName) {
    text-align: center;
    width: auto !important;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  #dvUserBox #dvOrderHistoryDetail table .itemTR .productName,
  #dvUserBox #dvFixedPurchaseDetail table .itemTR .productName {
    width: 100%;
    flex: auto;
    padding-bottom: 0;
  }
  #dvUserBox #dvOrderHistoryDetail table .itemTR .productName::before,
  #dvUserBox #dvFixedPurchaseDetail table .itemTR .productName::before {
    content: none;
  }
  #dvUserBox #dvOrderHistoryDetail table .itemTR .taxRate span,
  #dvUserBox #dvFixedPurchaseDetail table .itemTR .taxRate span {
    width: auto;
    display: inline-block !important;
  }
  #dvUserBox #dvOrderHistoryDetail table .itemTR td.productPrice,
  #dvUserBox #dvFixedPurchaseDetail table .itemTR td.productPrice {
    width: auto;
  }
  #dvUserBox #dvOrderHistoryDetail table td,
  #dvUserBox #dvFixedPurchaseDetail table td {
    font-size: 1.4rem;
    line-height: 1.6 !important;
  }
  #dvUserBox #dvOrderHistoryDetail table td div[style*=float],
  #dvUserBox #dvFixedPurchaseDetail table td div[style*=float] {
    float: none !important;
    text-align: right;
  }
  #dvUserBox #dvOrderHistoryDetail table input[name*=ShippingName],
  #dvUserBox #dvFixedPurchaseDetail table input[name*=ShippingName] {
    width: 49% !important;
  }
  #dvUserBox #dvOrderHistoryDetail table input[id*=ShippingName1], #dvUserBox #dvOrderHistoryDetail table input[id*=ShippingName2],
  #dvUserBox #dvFixedPurchaseDetail table input[id*=ShippingName1],
  #dvUserBox #dvFixedPurchaseDetail table input[id*=ShippingName2] {
    margin-top: 2rem;
  }
  #dvUserBox #dvOrderHistoryDetail .dvFixedPurchaseItem tr:not(.pc), #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct tr:not(.pc),
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem tr:not(.pc),
  #dvUserBox #dvFixedPurchaseDetail .dvOrderHistoryProduct tr:not(.pc) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: #ccc 1px solid;
  }
  #dvUserBox #dvOrderHistoryDetail .dvFixedPurchaseItem th, #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct th,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem th,
  #dvUserBox #dvFixedPurchaseDetail .dvOrderHistoryProduct th {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table,
  #dvUserBox #dvFixedPurchaseDetail .dvOrderHistoryProduct table {
    margin-bottom: 2vw;
  }
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct td,
  #dvUserBox #dvFixedPurchaseDetail .dvOrderHistoryProduct td {
    font-size: 1.3rem;
    text-align: left;
    border-bottom: none;
  }
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct td:before,
  #dvUserBox #dvFixedPurchaseDetail .dvOrderHistoryProduct td:before {
    content: attr(data-sp);
    display: inline-block;
  }
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct td.taxRate,
  #dvUserBox #dvFixedPurchaseDetail .dvOrderHistoryProduct td.taxRate {
    display: none;
  }
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct td.orderSubtotal,
  #dvUserBox #dvFixedPurchaseDetail .dvOrderHistoryProduct td.orderSubtotal {
    flex: 1;
    text-align: left;
  }
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct td.deleteProduct,
  #dvUserBox #dvFixedPurchaseDetail .dvOrderHistoryProduct td.deleteProduct {
    text-align: center;
  }
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct td.deleteProduct:before,
  #dvUserBox #dvFixedPurchaseDetail .dvOrderHistoryProduct td.deleteProduct:before {
    display: block;
    margin-top: -0.8em;
  }
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .productName,
  #dvUserBox #dvFixedPurchaseDetail .dvOrderHistoryProduct .productName {
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
  }
  #dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl dd,
  #dvUserBox #dvFixedPurchaseDetail .dvOrderSumWrap .dvOrderSum dl dd {
    margin-top: -1.6em;
  }
  #dvUserBox #dvOrderHistoryDetail .dvUserBtnBox .btn-large,
  #dvUserBox #dvFixedPurchaseDetail .dvUserBtnBox .btn-large {
    font-size: 1.4rem;
    padding: 0.7em 1.5em;
  }
  #dvUserBox #dvOrderHistoryDetail #divOrderPaymentUpdateButtons, #dvUserBox #dvOrderHistoryDetail #divOrderPointUpdateButtons, #dvUserBox #dvOrderHistoryDetail #divOrderShippingUpdateButtons,
  #dvUserBox #dvFixedPurchaseDetail #divOrderPaymentUpdateButtons,
  #dvUserBox #dvFixedPurchaseDetail #divOrderPointUpdateButtons,
  #dvUserBox #dvFixedPurchaseDetail #divOrderShippingUpdateButtons {
    background: #fff;
    margin: -1rem 0 2rem;
    gap: 0 1.2rem;
  }
  #dvUserBox #dvOrderHistoryDetail #divOrderPaymentUpdateButtons a.btn, #dvUserBox #dvOrderHistoryDetail #divOrderPointUpdateButtons a.btn, #dvUserBox #dvOrderHistoryDetail #divOrderShippingUpdateButtons a.btn,
  #dvUserBox #dvFixedPurchaseDetail #divOrderPaymentUpdateButtons a.btn,
  #dvUserBox #dvFixedPurchaseDetail #divOrderPointUpdateButtons a.btn,
  #dvUserBox #dvFixedPurchaseDetail #divOrderShippingUpdateButtons a.btn {
    width: 15rem;
  }
}

#dvUserBox #CartList .orderBox .list dt label {
  padding: 0.5em 2em 0.5em 0;
  display: inline-block;
}
#dvUserBox #CartList .orderBox .list dd {
  padding: 1em 0;
}
#dvUserBox #CartList .orderBox .list dd select + div {
  margin-top: 1em;
}

#dvUserBox #dvFixedPurchaseDetail table th {
  width: 210px;
}
#dvUserBox #dvFixedPurchaseDetail table td {
  line-height: 1.5 !important;
}
#dvUserBox #dvFixedPurchaseDetail table td small {
  font-size: 1.3rem;
}
#dvUserBox #dvFixedPurchaseDetail table td small.mt05em {
  margin-top: 0.8em;
  display: inline-block;
}
#dvUserBox #dvFixedPurchaseDetail table td small pre {
  font-family: inherit;
  white-space: pre-wrap;
}
#dvUserBox #dvFixedPurchaseDetail table td .skipTxt {
  display: inline-block;
}
#dvUserBox #dvFixedPurchaseDetail table td.orderCount {
  text-align: center;
}
#dvUserBox #dvFixedPurchaseDetail .orderHistoryList_secondTable {
  border-top: none;
}
#dvUserBox #dvFixedPurchaseDetail #dvCouponList {
  width: 800px;
  position: fixed;
  top: calc(42% + 100px);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  border: 2px solid #aaa;
  background: #fff;
}
#dvUserBox #dvFixedPurchaseDetail #dvCouponList .scArea {
  overflow: auto;
  max-height: calc(90vh - 260px);
}
#dvUserBox #dvFixedPurchaseDetail #dvCouponList th {
  font-size: 1.4rem;
}
#dvUserBox #dvFixedPurchaseDetail #dvCouponList td {
  font-size: 1.3rem;
}
#dvUserBox #dvFixedPurchaseDetail #dvCouponList td .btn-mini {
  white-space: nowrap;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvFixedPurchaseDetail table td small {
    font-size: 1.2rem;
  }
  #dvUserBox #dvFixedPurchaseDetail table td .skipTxt {
    padding-top: 0.3em;
  }
  #dvUserBox #dvFixedPurchaseDetail table td .orderBox div.list {
    padding: 0;
  }
  #dvUserBox #dvFixedPurchaseDetail #ctl00_ContentPlaceHolder1_lbShowCouponBox {
    margin-top: 0.6em;
  }
  #dvUserBox #dvFixedPurchaseDetail #dvCouponList {
    top: calc(42% + 24vw);
    width: 90vw !important;
  }
  #dvUserBox #dvFixedPurchaseDetail #dvCouponList .scArea {
    max-height: 52vh;
  }
  #dvUserBox #dvFixedPurchaseDetail #dvCouponList tr {
    display: block;
    border: #ccc 1px solid;
    padding: 1em;
    margin: 1em;
  }
  #dvUserBox #dvFixedPurchaseDetail #dvCouponList td {
    display: block;
    width: 100% !important;
    font-size: 1.3rem;
    line-height: 1.5;
    position: relative;
    text-align: left !important;
    padding: 0.2em !important;
    border: none !important;
  }
  #dvUserBox #dvFixedPurchaseDetail #dvCouponList td:before {
    content: attr(data-th) "：";
    display: inline-block;
    position: relative;
  }
  #dvUserBox #dvFixedPurchaseDetail #dvCouponList td.btnTD {
    text-align: center !important;
    padding-top: 0.4em !important;
  }
  #dvUserBox #dvFixedPurchaseDetail #dvCouponList td.btnTD::before {
    content: none;
  }
  #dvUserBox #dvFixedPurchaseDetail #dvCouponList td .btn-mini {
    padding-left: 2em;
    padding-right: 2em;
  }
}
#dvUserBox #dvFixedPurchaseDetail #ctl00_ContentPlaceHolder1_dvNextShippingUsePoint span.checkBox {
  display: block;
  margin-top: 0.8em;
}
#dvUserBox #dvFixedPurchaseDetail .dvPlannedTotalAmountForTheNextOrderWrap .dvPlannedTotalAmountForTheNextOrder dl dd {
  margin-top: -1.5em;
}
#dvUserBox #dvFixedPurchaseDetail .orderList a {
  text-decoration: none;
}
#dvUserBox #dvFixedPurchaseDetail .orderList a:hover {
  opacity: 0.8;
  color: inherit;
}
#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .productPrice {
  text-align: center;
}
#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .orderCount {
  text-align: center;
}
#dvUserBox #dvFixedPurchaseDetail #imgProductImage {
  float: left;
  margin-right: 12px;
}
#dvUserBox #dvFixedPurchaseDetail .itemCount {
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvFixedPurchaseDetail .dvPlannedTotalAmountForTheNextOrderWrap {
    margin: 8vw 0 15vw !important;
  }
  #dvUserBox #dvFixedPurchaseDetail .dvPlannedTotalAmountForTheNextOrderWrap .dvPlannedTotalAmountForTheNextOrder {
    width: 100%;
  }
  #dvUserBox #dvFixedPurchaseDetail #imgProductImage {
    width: 20vw;
    margin-right: 12px;
  }
  #dvUserBox #dvFixedPurchaseDetail label[for=ctl00_ContentPlaceHolder1_cbUpdateNextShippingDate] {
    padding-right: 0;
  }
}
#dvUserBox #dvFixedPurchaseDetail #ctl00_ContentPlaceHolder1_ddlResumeFixedPurchaseDate {
  width: 13em;
  margin-right: 0.5em;
}
#dvUserBox #dvFixedPurchaseDetail select[id*=ddlResumeFixedPurchaseDate] option[value=指定なし] {
  display: none !important;
}
#dvUserBox #dvFixedPurchaseDetail #CartList .orderBox {
  border-top: #A4B6C2 1px solid;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvFixedPurchaseDetail #CartList .orderBox {
    padding: 10px;
  }
}

#dvUserBox #dvUserFltContents.couponPage table {
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
}
#dvUserBox #dvUserFltContents.couponPage table th {
  font-size: 1.4rem;
}
#dvUserBox #dvUserFltContents.couponPage table td {
  border-bottom: #ccc 1px solid;
  padding: 1em 0.5em;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents.couponPage table {
    display: block;
    border-top: none;
  }
  #dvUserBox #dvUserFltContents.couponPage table tbody {
    width: 100%;
    display: block;
  }
  #dvUserBox #dvUserFltContents.couponPage table tr {
    display: block;
    width: 100%;
    border: #ccc 1px solid;
    margin: 0 0 5vw 0;
    padding: 3vw 0;
  }
  #dvUserBox #dvUserFltContents.couponPage table td {
    width: 100% !important;
    text-align: left !important;
    position: relative;
    display: block;
    font-size: 1.3rem;
    border: none;
    padding: 0.4em 1.4em;
    text-align: left;
  }
  #dvUserBox #dvUserFltContents.couponPage table td:before {
    font-size: 1.3rem;
    font-weight: normal;
    content: attr(data-th) "：";
    display: inline-block;
    margin-right: 0.5em;
  }
}

#dvUserBox #dvUserFltContents.couponPage table {
  margin-top: 3rem;
  border-top: #ccc 1px solid;
  width: 100%;
}
#dvUserBox #dvUserFltContents.couponPage table th {
  border-bottom: #ccc 1px solid;
  padding: 1rem;
}
#dvUserBox #dvUserFltContents.couponPage table td {
  padding: 2rem 1rem;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents.couponPage table {
    border-top: none;
    margin: 3rem 0 0;
    width: 100%;
  }
  #dvUserBox #dvUserFltContents.couponPage table thead {
    display: none;
  }
  #dvUserBox #dvUserFltContents.couponPage table tr {
    padding: 0.8rem 0;
    margin-bottom: 2rem;
  }
  #dvUserBox #dvUserFltContents.couponPage table td {
    padding: 0.5rem 1.4rem;
  }
}

#dvUserBox #dvUserFltContents.pArrivalMailListPage table {
  margin-top: 4rem;
  width: 100%;
}
#dvUserBox #dvUserFltContents.pArrivalMailListPage table .tdImg {
  width: 11rem;
}
#dvUserBox #dvUserFltContents.pArrivalMailListPage table .tdType {
  width: 18rem;
}
#dvUserBox #dvUserFltContents.pArrivalMailListPage table .tdKigen {
  width: 26rem;
}
#dvUserBox #dvUserFltContents.pArrivalMailListPage table .tdDel {
  width: 11rem;
}
#dvUserBox #dvUserFltContents.pArrivalMailListPage .btn.btn-large.btn-inverse {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents.pArrivalMailListPage table {
    margin: 3rem 0 0;
    border: none;
  }
  #dvUserBox #dvUserFltContents.pArrivalMailListPage table thead {
    display: none;
  }
  #dvUserBox #dvUserFltContents.pArrivalMailListPage table tr {
    border: #ccc 1px solid;
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
  }
  #dvUserBox #dvUserFltContents.pArrivalMailListPage table td {
    border: none;
  }
  #dvUserBox #dvUserFltContents.pArrivalMailListPage table .tdImg {
    width: 10rem;
  }
  #dvUserBox #dvUserFltContents.pArrivalMailListPage table .tdName {
    width: calc(100% - 10rem);
  }
  #dvUserBox #dvUserFltContents.pArrivalMailListPage table .tdType {
    width: 100%;
  }
  #dvUserBox #dvUserFltContents.pArrivalMailListPage table .tdType p {
    margin-bottom: 0.3em;
  }
  #dvUserBox #dvUserFltContents.pArrivalMailListPage table .tdType p:before {
    font-size: 1.3rem;
    font-weight: normal;
    content: attr(data-txt) "：";
    display: inline-block;
    margin-right: 0.5em;
  }
  #dvUserBox #dvUserFltContents.pArrivalMailListPage table .tdKigen {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }
  #dvUserBox #dvUserFltContents.pArrivalMailListPage table .tdKigen input {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  #dvUserBox #dvUserFltContents.pArrivalMailListPage table .tdKigen:before {
    font-size: 1.3rem;
    font-weight: normal;
    content: attr(data-th) "：";
    display: inline-block;
    margin-right: 0.5em;
  }
  #dvUserBox #dvUserFltContents.pArrivalMailListPage table .tdDel {
    width: 100%;
    text-align: right;
  }
}

#dvUserBox #dvUserPointHistoryList .topTxt {
  font-size: 1.5rem;
  line-height: 1.7;
  font-weight: bold;
}
#dvUserBox #dvUserPointHistoryList table {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserPointHistoryList table {
    font-size: 1.4rem;
  }
}

#dvUserBox #dvUserFltContents.mailDetailPage table {
  border: #ccc 1px solid;
  border-bottom: none;
  border-collapse: separate;
  border-spacing: 0;
}
#dvUserBox #dvUserFltContents.mailDetailPage table th {
  border-bottom: #ccc 1px solid;
  width: 150px;
  padding: 1em;
}
#dvUserBox #dvUserFltContents.mailDetailPage table td {
  border-bottom: #ccc 1px solid;
  padding: 1em;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserFltContents.mailDetailPage table {
    display: block;
    border-top: none;
    border-bottom: #ccc 1px solid;
  }
  #dvUserBox #dvUserFltContents.mailDetailPage table tbody, #dvUserBox #dvUserFltContents.mailDetailPage table tr {
    display: block;
  }
  #dvUserBox #dvUserFltContents.mailDetailPage table tr {
    padding: 0;
    border: none;
    margin: 0;
  }
  #dvUserBox #dvUserFltContents.mailDetailPage table th {
    width: 100% !important;
    display: block;
    border-top: #ccc 1px solid;
    padding: 0.3em 0.5em;
    font-size: 1.3rem;
  }
  #dvUserBox #dvUserFltContents.mailDetailPage table td {
    display: block;
    padding: 1em 1em 1.2em;
  }
  #dvUserBox #dvUserFltContents.mailDetailPage table td::before {
    content: none;
  }
}

#dvUserBox #dvUserShippingList table {
  margin-top: 3rem;
}
#dvUserBox #dvUserShippingList table .updatedelete a {
  margin-bottom: 5px;
}
#dvUserBox #dvUserShippingList table td {
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserShippingList table {
    display: block;
  }
  #dvUserBox #dvUserShippingList table tbody, #dvUserBox #dvUserShippingList table tr, #dvUserBox #dvUserShippingList table th, #dvUserBox #dvUserShippingList table td {
    display: block;
  }
  #dvUserBox #dvUserShippingList table .insert {
    text-align: center;
    width: 100%;
  }
  #dvUserBox #dvUserShippingList table .productName {
    width: 100%;
  }
  #dvUserBox #dvUserShippingList table tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  #dvUserBox #dvUserShippingList table tr .shippingName {
    width: 100%;
  }
  #dvUserBox #dvUserShippingList table tr .shippingAddr {
    flex: auto;
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
  }
  #dvUserBox #dvUserShippingList table tr .updatedelete {
    flex: auto;
    width: 100%;
  }
  #dvUserBox #dvUserShippingList table td p.name.sp {
    font-size: 1.3rem;
    margin: 0.2em 0 0.8em;
  }
  #dvUserBox #dvUserShippingList table td p.name.sp strong {
    font-size: 1.4rem;
  }
  #dvUserBox #dvUserShippingList table td.updatedelete {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 0 1rem;
  }
}

#dvUserBox #dvUserShippingInput table table {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserShippingInput [id*=_upUpdatePanel] {
    margin: 0 -1.5rem;
    width: calc(100% + 3rem);
  }
}

#dvUserBox #dvUserCreditCardList table {
  margin-top: 20px;
}
#dvUserBox #dvUserCreditCardList table .updatedelete a {
  margin-bottom: 5px;
}
#dvUserBox #dvUserCreditCardList table td {
  font-size: 1.5rem;
}
#dvUserBox #dvUserCreditCardList table td ul {
  clear: both;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserCreditCardList table {
    display: block;
  }
  #dvUserBox #dvUserCreditCardList table tbody, #dvUserBox #dvUserCreditCardList table tr, #dvUserBox #dvUserCreditCardList table th, #dvUserBox #dvUserCreditCardList table td {
    display: block;
  }
  #dvUserBox #dvUserCreditCardList table .insert {
    text-align: center;
    width: 100%;
  }
  #dvUserBox #dvUserCreditCardList table .productName {
    width: 100%;
  }
  #dvUserBox #dvUserCreditCardList table tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  #dvUserBox #dvUserCreditCardList table tr .CreditCardDetail {
    flex: auto;
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
  }
  #dvUserBox #dvUserCreditCardList table tr .updatedelete {
    flex: auto;
    width: 100%;
  }
  #dvUserBox #dvUserCreditCardList table td p.name.sp {
    font-size: 1.3rem;
    margin: 0.2em 0 0.8em;
  }
  #dvUserBox #dvUserCreditCardList table td p.name.sp strong {
    font-size: 1.4rem;
  }
  #dvUserBox #dvUserCreditCardList table td.updatedelete {
    text-align: center;
  }
}

#dvUserBox #dvUserCreditCardInput table th {
  width: 240px;
}

#dvUserBox #dvFavoriteList table {
  margin-top: 2rem;
}
#dvUserBox #dvFavoriteList table .productImage {
  width: 11rem;
}
#dvUserBox #dvFavoriteList table .productName {
  width: auto;
}
#dvUserBox #dvFavoriteList table .delete {
  width: 11rem;
}
#dvUserBox #dvFavoriteList table .btn-mini {
  padding: 0.6em 1.2em;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvFavoriteList table {
    margin: 2rem -1.5rem 0;
    width: calc(100% + 3rem);
    display: block;
  }
  #dvUserBox #dvFavoriteList table tbody, #dvUserBox #dvFavoriteList table tr, #dvUserBox #dvFavoriteList table td {
    display: block;
  }
  #dvUserBox #dvFavoriteList table thead {
    display: none;
  }
  #dvUserBox #dvFavoriteList table tr {
    display: flex;
    flex-wrap: wrap;
  }
  #dvUserBox #dvFavoriteList table .productImage {
    width: 10rem;
    border-bottom: none;
  }
  #dvUserBox #dvFavoriteList table .productName {
    width: calc(100% - 10rem);
    border-bottom: none;
  }
  #dvUserBox #dvFavoriteList table .delete {
    width: 11rem;
    padding-top: 0;
  }
  #dvUserBox #dvFavoriteList table .btnTD {
    flex: 1;
    padding-top: 0;
  }
  #dvUserBox #dvFavoriteList table .favorite-addcart .btn {
    margin-top: 0 !important;
  }
}

#dvUserBox #dvSocialLoginCooperation .topTxt {
  font-size: 1.5rem;
}
#dvUserBox #dvSocialLoginCooperation .social-login-icon {
  height: 40px;
}
#dvUserBox #dvSocialLoginCooperation .liDiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1em;
  padding: 0 0 1em 0;
}

#dvUserBox #dvUserReferralCode .btn-inverse {
  margin-left: 1.5em;
  min-width: 7em;
  padding: 0.6em 1em;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvUserReferralCode table th {
    font-size: 1.3rem;
    padding-right: 0;
    width: 7.5em !important;
  }
  #dvUserBox #dvUserReferralCode .btn-inverse {
    display: block;
    margin: 0.7em 1em 0;
  }
}

#dvUserBox #dvUserInquiryInput table th,
#dvUserBox #dvUserInquiryConfirm table th {
  width: 240px;
}
#dvUserBox #dvUserInquiryInput table textarea.inquirytext,
#dvUserBox #dvUserInquiryConfirm table textarea.inquirytext {
  width: 100%;
}

#dvUserBox #dvPasswordReminderInput .kakomi {
  border: rgb(var(--color-key)) 1px solid;
  color: rgb(var(--color-key));
  padding: 1em;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.6;
  border-radius: 6px;
  margin-bottom: 1.2em;
}

#dvUserBox #dvPasswordReminderComplete .completeInfo span {
  color: inherit;
}
#dvUserBox #dvPasswordReminderComplete .completeInfo span.pink {
  color: rgb(var(--color-key));
}
#dvUserBox #dvPasswordReminderComplete .small {
  display: inline-block;
  margin-top: 1em;
  font-size: 85%;
  line-height: 1.5;
}

#dvHeaderWithdrawClumbs {
  display: none;
}

#dvUserBox [id*=_tbOwnerName1], #dvUserBox [id*=_tbOwnerName2], #dvUserBox [id*=_tbOwnerNameKana1], #dvUserBox [id*=_tbOwnerNameKana2] {
  width: 49%;
}

#dvUserBox #dvQuotationList table .quotationId, #dvUserBox #dvQuotationList table .productTotalPrice, #dvUserBox #dvQuotationList table .createdDate {
  width: auto;
}
#dvUserBox #dvQuotationList table .btnArea {
  width: 15rem;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvQuotationList thead {
    display: none;
  }
  #dvUserBox #dvQuotationList table {
    display: block;
  }
  #dvUserBox #dvQuotationList table tbody, #dvUserBox #dvQuotationList table tr, #dvUserBox #dvQuotationList table td {
    display: block;
  }
  #dvUserBox #dvQuotationList table tr {
    padding-right: 12rem;
    position: relative;
    border-bottom: #ccc 1px solid;
  }
  #dvUserBox #dvQuotationList table td {
    border-bottom: none;
    text-align: left !important;
    font-size: 1.4rem;
  }
  #dvUserBox #dvQuotationList table td:not(.btnArea):before {
    content: attr(data-title);
    display: inline-block;
    font-size: 1.3rem;
    width: 6em;
  }
  #dvUserBox #dvQuotationList table .quotationId {
    padding: 1.3rem 0 0.5rem 1rem;
  }
  #dvUserBox #dvQuotationList table .productTotalPrice {
    padding: 0 0 0 1rem;
  }
  #dvUserBox #dvQuotationList table .createdDate {
    padding: 0.5rem 0 1.3rem 1rem;
  }
  #dvUserBox #dvQuotationList table .btnArea {
    padding: 0;
    width: 12rem;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    text-align: right !important;
  }
  #dvUserBox #dvQuotationList table .btn-mini {
    padding: 0.6em 1.5em;
  }
}

#dvUserBox #dvQuotationDetail .dvContentsInfo p {
  margin: 0 !important;
  line-height: 1.5;
}
#dvUserBox #dvQuotationDetail .dvQuotationItems {
  margin-bottom: 4rem;
  gap: 3rem 1.8rem;
}
#dvUserBox #dvQuotationDetail .dvQuotationItems .dvQuotationItem {
  width: calc(20% - 1.44rem);
  padding: 0;
}
#dvUserBox #dvQuotationDetail .dvQuotationItems .dvQuotationItem .dvQuotationItemImage img {
  aspect-ratio: 1/1;
  object-fit: contain;
}
#dvUserBox #dvQuotationDetail .dvQuotationItems .dvQuotationItem .dvQuotationItemInfors {
  font-size: 1.5rem;
}
#dvUserBox #dvQuotationDetail .dvQuotationItems .dvQuotationItem .dvQuotationItemInfors .QuotationItemName {
  line-height: 1.5;
}
#dvUserBox #dvQuotationDetail .dvQuotationItems .dvQuotationItem .dvQuotationItemInfors .QuotationItemQuantity {
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: right;
  margin-top: 0.2em;
}
#dvUserBox #dvQuotationDetail .dvQuotationItems .dvQuotationItem .dvQuotationItemInfors .QuotationItemPrice {
  line-height: 1.6;
  text-align: right;
  letter-spacing: 0;
}
#dvUserBox #dvQuotationDetail #priceList {
  justify-content: center;
}
#dvUserBox #dvQuotationDetail #priceList table {
  font-size: 1.8rem;
}
#dvUserBox #dvQuotationDetail #priceList table td {
  padding: 0.5rem 1rem;
  border: #ccc 1px solid;
}
#dvUserBox #dvQuotationDetail #priceList table .title {
  background: #F3F3F3;
  font-size: 1.6rem;
}
#dvUserBox #dvQuotationDetail #priceList table .value {
  letter-spacing: 0;
}
#dvUserBox #dvQuotationDetail #actionButton {
  display: flex;
  justify-content: center;
  gap: 0 1rem;
  margin: 5rem 0 0;
}
#dvUserBox #dvQuotationDetail #actionButton .btn-large {
  margin: 0;
  max-width: 28rem;
}
@media screen and (max-width: 767px) {
  #dvUserBox #dvQuotationDetail .dvContentsInfo {
    display: block;
    font-size: 1.3rem;
  }
  #dvUserBox #dvQuotationDetail .dvContentsInfo p {
    line-height: 1.7;
  }
  #dvUserBox #dvQuotationDetail .dvQuotationItems {
    margin-bottom: 4rem;
    display: block;
  }
  #dvUserBox #dvQuotationDetail .dvQuotationItems .dvQuotationItem {
    display: flex;
    align-items: center;
    gap: 0 1rem;
    width: 100%;
    padding: 0 0 1rem;
    margin-bottom: 1rem;
    border-bottom: #ccc 1px solid;
  }
  #dvUserBox #dvQuotationDetail .dvQuotationItems .dvQuotationItem .dvQuotationItemImage img {
    width: 10rem;
  }
  #dvUserBox #dvQuotationDetail .dvQuotationItems .dvQuotationItem .dvQuotationItemInfors {
    font-size: 1.4rem;
  }
  #dvUserBox #dvQuotationDetail .dvQuotationItems .dvQuotationItem .dvQuotationItemInfors .QuotationItemName {
    line-height: 1.5;
  }
  #dvUserBox #dvQuotationDetail .dvQuotationItems .dvQuotationItem .dvQuotationItemInfors .QuotationItemQuantity {
    font-size: 1.3rem;
    line-height: 1.5;
    text-align: left;
    margin-top: 0.5em;
  }
  #dvUserBox #dvQuotationDetail .dvQuotationItems .dvQuotationItem .dvQuotationItemInfors .QuotationItemPrice {
    line-height: 1.5;
    text-align: left;
    letter-spacing: 0;
  }
  #dvUserBox #dvQuotationDetail #priceList table {
    width: 80%;
    max-width: 36rem;
    font-size: 1.6rem;
  }
  #dvUserBox #dvQuotationDetail #priceList table td {
    padding: 0.5rem 1rem;
  }
  #dvUserBox #dvQuotationDetail #priceList table .title {
    font-size: 1.5rem;
  }
  #dvUserBox #dvQuotationDetail #actionButton {
    gap: 0 1rem;
    margin: 3.5rem 0 0;
  }
  #dvUserBox #dvQuotationDetail #actionButton .btn-large {
    margin: 0;
    font-size: 1.4rem;
    min-height: 4.6rem;
  }
  #dvUserBox #dvQuotationDetail #actionButton .btn-inverse {
    min-width: 14.4em;
  }
}/*# sourceMappingURL=w2.css.map */