@charset "UTF-8";

/* ------------ page_sp_feature.css ------------------- */
.special_feature_cmn_wrap {
  width: 752px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0px;
}

.special_feature_cmn_wrap img {
  max-width: 100%;
}

.special_feature_cmn_wrap a {
  text-decoration: none;
}

.special_feature_cmn_wrap a :hover {
  opacity: 0.7;
}

.special_feature_cmn_wrap a:link {
  color: #333;
}

.special_feature_cmn_wrap a:visited {
  color: #333;
}

@media screen and (max-width: 768px) {
  .special_feature_cmn_wrap {
    width: auto;
    margin-top: unset;
    margin-left: 3.7383vw;
    margin-right: 3.7383vw;
    padding-bottom: 18.691588785vw;
  }
}

.spc_fea_h1 {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .spc_fea_h1 {
    font-size: 6.4vw;
  }
}

.spc_fea_time {
  margin-top: 20px;
  color: #666;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .spc_fea_time {
    margin-top: 4.26666vw;
    font-size: 3.7vw;
  }
}

.spc_fea_h1_img {
  border-radius: 24px;
  width: 100%;
  height: auto;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .spc_fea_h1_img {
    margin-top: 5.333vw;
  }
}

.spc_fea_img_cap {
  margin-top: 20px;
  color: #666;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .spc_fea_img_cap {
    margin-top: 2.13333vw;
    font-size: 3.7vw;
  }
}

.spc_fea_main_txt {
  margin-top: 10px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .spc_fea_main_txt {
    margin-top: 5.3333vw;
    font-size: 3.7vw;
  }
}

.spc_fea_h2_wrap {
  margin-top: 64px;
}

@media screen and (max-width: 768px) {
  .spc_fea_h2_wrap {
    margin-top: 12.8vw;
  }
}

.spc_fea_h2 {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .spc_fea_h2 {
    font-size: 5.3vw;
  }
}

.spc_fea_h2_img {
  border-radius: 16px;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .spc_fea_h2_img {
    width: 100%;
  }
}

.spc_fea_line {
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background-color: #dab756;
}

@media screen and (max-width: 768px) {
  .spc_fea_line {
    margin-top: 2.13333vw;
  }
}

.spc_fea_line_gray {
  margin-top: 32px;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
}

@media screen and (max-width: 768px) {
  .spc_fea_line_gray {
    margin-top: 8.5333vw;
  }
}

.spc_fea_1type_wrap {
  margin-top: 40px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .spc_fea_1type_wrap {
    display: block;
    margin-top: 5.33333vw;
  }
}

.spc_fea_1type_wrap_reverse {
  margin-top: 40px;
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .spc_fea_1type_wrap_reverse {
    display: block;
    margin-top: 5.33333vw;
  }
}

.spc_fea_2type_wrap {
  margin-top: 40px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .spc_fea_2type_wrap {
    display: block;
    margin-top: 5.33333vw;
  }
}

.spc_fea_1type_img {
  width: 364px;
}

@media screen and (max-width: 768px) {
  .spc_fea_1type_img {
    width: 100%;
  }
}

.spc_fea_2type_mix {
  width: 364px;
}

@media screen and (max-width: 768px) {
  .spc_fea_2type_mix {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .spc_fea_2type_mix:not(:nth-child(1)) {
    margin-top: 5.33333vw;
  }
}

.spc_fea_1type_txt {
  width: 364px;
}

@media screen and (max-width: 768px) {
  .spc_fea_1type_txt {
    width: 100%;
  }
}

.spc_fea_komidasi {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .spc_fea_komidasi {
    margin-top: 6.4vw;
    font-size: 4.2vw;
  }
}

.spc_fea_1type_main_txt {
  margin-top: 20px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .spc_fea_1type_main_txt {
    margin-top: 2.13333vw;
    font-size: 3.7vw;
  }
}

.spc_fea_2type_main_txt {
  margin-top: 20px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .spc_fea_2type_main_txt {
    margin-top: 4.26666vw;
    font-size: 3.7vw;
  }
}

.spc_fea_table_type_wrap {
  display: flex;
  width: 100%;
  margin-top: 40px;
  flex-wrap: wrap;
  border-top: 1px solid #d9d9d9;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .spc_fea_table_type_wrap {
    display: block;
  }
}

.spc_fea_table_type_wrap dt {
  width: 26%;
  padding: 0px 20px 20px 0px;
  margin-top: 20px;
  border-bottom: 1px solid #666;
  background-color: #fff;
  box-sizing: border-box;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .spc_fea_table_type_wrap dt {
    border-bottom: unset;
    width: 100%;
    font-size: 3.7vw;
  }
}

.spc_fea_table_type_wrap dd {
  width: 74%;
  padding: 0px 20px 20px 0px;
  margin-top: 20px;
  border-bottom: 1px solid #d9d9d9;
  background-color: #fff;
  box-sizing: border-box;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .spc_fea_table_type_wrap dd {
    width: 100%;
    margin-top: 0px;
    font-size: 3.7vw;
  }
}

.spc_fea_box_type_wrap {
  margin-top: 40px;
  border-radius: 16px;
  background-color: #f5f5f5;
  color: #333;
  font-family: "Noto Sans JP";
  padding: 24px;
}

.spc_fea_box_type_midasi {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .spc_fea_box_type_midasi {
    font-size: 4.2vw;
  }
}

.spc_fea_box_type_txt {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .spc_fea_box_type_txt {
    font-size: 3.7vw;
  }
}

.spc_fea_nomal_txt_wrap {
  margin-top: 40px;
}

.spc_fea_nomal_txt {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 8px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .spc_fea_nomal_txt {
    font-size: 3.7vw;
  }
}

.spc_fea_bt_nomal_wrap {
  display: inline-block;
  margin-right: 24px;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .spc_fea_bt_nomal_wrap {
    margin-top: 4.2vw;
  }
}

.spc_fea_bt_nomal {
  color: #000;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  /* 28px */
  letter-spacing: 1.4px;
  border-radius: 24px;
  border: 1px solid #666;
  background-color: #fff;
  padding: 0 20px;
  min-width: 170px;
  width: fit-content;
  height: 48px;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .spc_fea_bt_nomal {
    font-size: 3.7vw;
    padding: 0 5.3vw;
    height: 11.2149vw;
    line-height: 11.2149vw;
    border-radius: 5.6074vw;
  }
}

.spc_fea_bt_strong_wrap {
  display: inline-block;
  margin-right: 24px;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .spc_fea_bt_strong_wrap {
    margin-top: 4.2vw;
  }
}

.spc_fea_bt_strong_wrap-w {
  display: block;
  text-decoration: none;
}

.spc_fea_bt_strong {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  /* 28px */
  letter-spacing: 1.4px;
  border-radius: 24px;
  border: 1px solid #968e79;
  background-color: #968e79;
  padding: 0 20px;
  min-width: 170px;
  width: fit-content;
  height: 48px;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .spc_fea_bt_strong {
    font-size: 3.7vw;
    padding: 0 5.3vw;
    height: 11.2149vw;
    line-height: 11.2149vw;
    border-radius: 5.6074vw;
  }
}

.spc_fea_bt_strong-s {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  /* 28px */
  letter-spacing: 1.4px;
  border-radius: 24px;
  background-color: #968e79;
  padding: 0 20px;
  min-width: 170px;
  width: fit-content;
  height: 48px;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .spc_fea_bt_strong-s {
    font-size: 3.7vw;
    padding: 0 5.3vw;
    width: 100%;
    box-sizing: border-box;
    height: 11.2149vw;
    line-height: 11.2149vw;
    border-radius: 5.6074vw;
  }
}

.spc_fea_bt_strong-w {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  /* 28px */
  letter-spacing: 1.4px;
  box-sizing: border-box;
  border-radius: 24px;
  background-color: #968e79;
  padding: 0 20px;
  min-width: 170px;
  width: 100%;
  height: 48px;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .spc_fea_bt_strong-w {
    font-size: 3.7vw;
    padding: 0 5.3vw;
    height: 11.2149vw;
    line-height: 11.2149vw;
    border-radius: 5.6074vw;
  }
}

.spc_fea_bt_wrap {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .spc_fea_bt_wrap {
    margin-top: 6.4vw;
  }
}

.spc_fea_bt_back_wrap {
  display: inline-block;
  margin-right: 24px;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .spc_fea_bt_back_wrap {
    margin-top: 4.2vw;
  }
}

.spc_fea_bt_back {
  color: #000;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  /* 28px */
  letter-spacing: 1.4px;
  border-radius: 24px;
  border: 1px solid #666;
  background-color: #fff;
  padding: 0 20px 0 30px;
  min-width: 170px;
  width: fit-content;
  height: 48px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .spc_fea_bt_back {
    font-size: 3.7vw;
    padding: 0 5.3vw 0 8vw;
    height: 11.2149vw;
    line-height: 11.2149vw;
    border-radius: 5.6074vw;
  }
}

.spc_fea_bt_back::before {
  transition: 0.3s all;
  position: absolute;
  z-index: 50;
  top: calc(50% - 8px);
  left: 20px;
  width: 10px;
  height: 16px;
  content: "";
  background-image: url("../img/common/cmn_back_arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .spc_fea_bt_back::before {
    top: calc(50% - 2.133vw);
    left: 5.333vw;
    width: 2.4vw;
    height: 4.2666vw;
  }
}

.spc_fea_bt_back:hover::before {
  left: 17px;
}

.spc_fea_nomal_txt2_wrap {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .spc_fea_nomal_txt2_wrap {
    margin-top: 6.4vw;
  }
}

a.spc_fea_nomal_txt2_link {
  text-decoration: underline;
  text-underline-offset: 4.4px;
  color: #cf4003;
}

.spc_fea_add-unit01 {
  padding-top: 40px;
}

.spc_fea_add-img {
  width: 100%;
}

.spc_fea_add-ancor {
  display: flex;
  gap: 24px;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 16px;
}

@media screen and (max-width: 768px) {
  .spc_fea_add-ancor {
    gap: 3.7383vw 8px;
    justify-content: center;
  }
}

.spc_fea_add-ancor>li {
  flex-basis: 170px;
  list-style-type: none;
}

@media screen and (max-width: 768px) {
  .spc_fea_add-ancor>li {
    flex-basis: 48%;
  }
}

.spc_fea_add-ancor>li>a {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-bottom: solid 1px rgba(0, 0, 0, 0.37);
  font-size: 13px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.37);
  text-decoration: none;
  padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .spc_fea_add-ancor>li>a {
    padding-bottom: 3.7383vw;
  }
}

.spc_fea_add-ancor>li>a:link {
  color: rgba(0, 0, 0, 0.37);
}

.spc_fea_add-ancor>li>a:visited {
  color: rgba(0, 0, 0, 0.37);
}

.spc_fea_add-unit02 {
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .spc_fea_add-unit02 {
    display: block;
  }
}

.spc_fea_add-unit03 {
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .spc_fea_add-unit03 {
    display: block;
  }
}

.spc_fea_add-unit04 {
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
}

@media screen and (max-width: 768px) {
  .spc_fea_add-unit04 {
    gap: 40px;
  }
}

.spc_fea_add-unit04-item {
  flex-basis: 362px;
}

@media screen and (max-width: 768px) {
  .spc_fea_add-unit04-item {
    flex-basis: 100%;
  }
}

.spc_fea_add-unit04 .spc_fea_add-content {
  padding-top: 24px;
}

.spc_fea_add-unit05 {
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

@media screen and (max-width: 768px) {
  .spc_fea_add-unit05 {
    gap: 24px 8px;
  }
}

.spc_fea_add-unit05-item {
  flex-basis: 180px;
}

@media screen and (max-width: 768px) {
  .spc_fea_add-unit05-item {
    flex-basis: 48%;
  }
}

.spc_fea_add-unit05 .spc_fea_add-content {
  padding-top: 16px;
}

.spc_fea_add-thumb {
  flex-basis: 267px;
  text-align: center;
}

.spc_fea_add-thumb img {
  border-radius: 16px;
}

.spc_fea_add-content {
  flex-basis: 460px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .spc_fea_add-content {
    padding-top: 24px;
  }
}

.spc_fea_add-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 140%;
}

.spc_fea_add-disc {
  padding-top: 16px;
  font-size: 14px;
  line-height: 1.4;
}

.spc_fea_add-card-txt {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4285714286;
  overflow: hidden;
  text-overflow: ellipsis;
}

.spc_fea_add-card-price {
  font-family: "Roboto", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 9px;
  padding-bottom: 16px;
}

/*# sourceMappingURL=page_sp_feature.css.map */

/* -------------------- add.css ------------------------ */
/*@font-face {
    font-family: 'NotoSans';
    src: url(../font/NotoSans_regular.woff) format('woff');
	font-weight: normal;
}

@font-face {
    font-family: 'NotoSans';
    src: url(../font/NotoSans_bold.woff) format('woff');
	font-weight: bold;
}*/
#Wrap {
  width: inherit !important;
  margin: 0;
}

#Contents {
  width: 1000px;
  margin: 0 auto;
  padding-top: 103px;
}

@media screen and (max-width: 768px) {
  #Contents {
    width: 100%;
    padding-top: 64px;
  }
}

.add-defaultpage #Contents {
  width: 100%;
}

.main {
  padding-top: 0;
}

@media screen and (max-width: 768px) {
  .main {
    padding-top: 0;
  }
}

.soldout {
  font-size: 16px;

  position: absolute;
  top: 0;

  display: flex;

  width: 100%;
  height: 100%;

  color: #fff;
  background: rgba(0, 0, 0, 0.2);

  align-items: center;
  justify-content: center;
}

#tblLayout {
  display: block;

  width: 100%;
}

#tblLayout>tbody {
  display: block;
}

#tblLayout>tbody>tr {
  display: block;
}

#tblLayout>tbody>tr>td,
#tblLayout>tbody>tr th {
  display: block;
}

#pagination .below {
  align-items: center;
  justify-content: center;
  gap: 16px;
}

@media screen and (max-width: 768px) {
  #pagination .below {
    flex-direction: column;
  }
}

.totalpage {
  padding-right: 0;
}

.add__pager {
  display: flex;

  align-items: center;
  gap: 16px;
}

.add__pager>div {
  display: flex;

  align-items: center;
  justify-content: center;
}

.add__pager>div a,
.add__pager>div span {
  display: flex;

  align-items: center;
}

.pagernum {
  display: flex;

  align-items: center;
  justify-content: center;
  gap: 16px;
}

.pagernum>span {
  font-size: 11px;
  line-height: 1;

  display: inline-flex;

  width: 24px;
  height: 24px;

  color: #fff;
  border: solid 1px #b4a890;
  border-radius: 12px;
  background: #b4a890;

  justify-content: center;
  align-items: center;
}

.pagernum>a {
  font-size: 11px;
  line-height: 1;

  display: inline-flex;

  width: 24px;
  height: 24px;

  border: solid 1px #ddd;
  border-radius: 12px;
  background: #fff;

  justify-content: center;
  align-items: center;
}

.dvProductAdvancedSearch table th {
  width: inherit;
}

.dvProductAdvancedSearch table td select {
  width: 100%;
}

.dvProductAdvancedSearch table th,
.dvProductAdvancedSearch table td {
  padding: 0;
}

input[type="radio"] {
  border-radius: 50% !important;
}

#ctl00_ContentPlaceHolder1_upUpdatePanel {
  margin-top: 0;
}

#imgProductImage,
.vari-img img {
  border: 1px solid #f5f2ed;
  border-radius: 8px;
}

@media screen and (max-width: 768px) {

  #imgProductImage,
  .vari-img img {
    border: none;
    border-radius: 0;
  }
}

.add-product__unit01 {
  display: block;

  padding: 16px;
}

.add-product__unit02 {
  display: flex;

  justify-content: space-between;
  align-items: center;
}

.add-product__unit02.add-border {
  margin-top: 8px;
  padding-top: 8px;

  border-top: solid 1px rgba(0, 0, 0, 0.34);
}

.add-product__unit03 {
  font-size: 20px;
  font-weight: bold;

  display: flex;

  align-items: center;
  gap: 4px;
}

.add-product__unit03>span {
  font-size: 12px;
  font-weight: normal;
}

.add-product__unit04 {
  font-size: 24px;
  font-weight: bold;

  display: flex;

  align-items: center;
  gap: 4px;
}

.add-product__unit04>span {
  font-size: 12px;
  font-weight: normal;
}

.add-product__unit05 {
  display: flex;

  margin-top: 8px;
  padding-top: 8px;

  border-top: solid 1px rgba(0, 0, 0, 0.34);

  align-items: center;
  justify-content: space-between;
}

.add-product__tax {
  font-size: 12px;
  font-weight: normal;
}

.snsList {
  position: relative;

  display: flex;

  width: inherit;
  margin: 0;
  margin-left: inherit;
  padding: 24px 0 0 0;

  justify-content: flex-end;
  gap: 8px;
}

@media screen and (max-width: 768px) {
  .snsList {
    padding: 5.6074766355vw;
  }
}

.product-detail__tabs-content {
  width: 1000px;
  margin: 0 auto;
  padding: 40px;

  border: solid 1px #ddd;
  border-radius: 8px;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .product-detail__tabs-content {
    width: 100%;
    padding: 5.6074766355vw;
  }
}

.tblReviewInput {
  display: block;

  width: 800px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .tblReviewInput {
    width: 100%;
  }
}

.tblReviewInput tbody,
.tblReviewInput th,
.tblReviewInput tr,
.tblReviewInput td {
  display: block;

  padding: 0;

  text-align: left !important;
}

.tblReviewInput th {
  font-size: 12px;
  font-weight: bold;

  padding-bottom: 8px;
}

.tblReviewInput tr {
  padding-bottom: 24px;
}

#dvHeaderModifyClumbs .now,
#dvHeaderUserShippingClumbs .now,
#dvHeaderRegistClumbs .now {
  border-bottom: solid 5px #b4a890;
}

@media screen and (max-width: 768px) {

  #dvHeaderModifyClumbs .now,
  #dvHeaderUserShippingClumbs .now,
  #dvHeaderRegistClumbs .now {
    border-bottom: solid 3px #b4a890;
  }
}

@media screen and (max-width: 768px) {

  #dvHeaderWithdrawClumbs li,
  #dvHeaderModifyClumbs li,
  #dvHeaderUserShippingClumbs li,
  #dvHeaderRegistClumbs li {
    padding-bottom: 12px;
  }
}

#dvOrderBox #dvCartSelect h2,
#dvUserBox h2 {
  font-size: 24px;
  font-weight: bold;

  position: relative;

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content;
  margin: 40px auto;
  padding-bottom: 16px;

  text-align: center;

  border-bottom: solid 2px #b4a890;
}

.btn-inverse {
  color: #fff !important;
  border: solid 1px #b4a890 !important;
  background-color: #b4a890 !important;
}

.btn-large {
  font-size: 15px;
  line-height: normal;

  display: flex !important;

  width: 240px;
  height: 56px;
  padding: 10px 30px;

  border-radius: 100px;

  align-items: center;
  justify-content: center;
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: inherit;
}

.btn {
  display: flex;

  cursor: pointer;
  text-decoration: none;

  color: #333;
  border: solid 1px #666;
  background-color: #fff;
  box-shadow: inherit;

  align-items: center;
  justify-content: center;
}

.btn:hover {
  opacity: 0.7 !important;
}

@media screen and (max-width: 768px) {
  .btn:first-child {
    margin: 10px;
  }
}

.btn-success {
  border: inherit !important;
  border-radius: 100px;
  background: #666 !important;
}

.btn-success.cta {
  background: #b94926 !important;
}

#dvUserBox h3 {
  font-size: 18px;
  font-weight: bold;

  padding-bottom: 10px;

  text-align: left;
}

#dvUserBox input {
  font-size: 16px;

  padding: 10px;

  vertical-align: middle;

  border: solid 1px #ddd;
  border-radius: 4px;
}

#dvLoginBox input[type="text"],
#dvLoginBox input[type="email"],
#dvLoginBox input[type="password"],
#dvUserBox input[type="text"],
#dvUserBox input[type="email"] {
  line-height: 40px;

  min-width: 200px;
  height: 40px;
}

@media screen and (max-width: 768px) {

  #dvLoginBox input[type="text"],
  #dvLoginBox input[type="email"],
  #dvLoginBox input[type="password"],
  #dvUserBox input[type="text"],
  #dvUserBox input[type="email"] {
    width: 100%;
    min-width: inherit !important;
  }
}

#dvUserBox select {
  font-size: 16px;

  min-width: 100px;
  margin-right: 5px;
  padding: 10px;

  border: solid 1px #ddd;
  border-radius: 5px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  #dvUserBox select {
    min-width: 80px;
    margin-right: 0;
  }
}

input.zipFirst {
  width: 80px;
}

input.zipLast {
  width: 80px;
}

.btn-mini {
  font-size: 13px;
  line-height: 14px;

  min-width: 100px;
  height: 40px;
  padding: 4px 10px;

  border-radius: 20px !important;
}

#CartList div.productList div.subcartOrder {
  display: flex;

  padding: 15px;

  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
}

.pointBox div.boxbtm dt {
  line-height: 1.6 !important;

  float: inherit;

  width: inherit;

  flex: 1;
}

.pointBox div.boxbtm dd {
  float: right;

  width: 80px;

  text-align: right;
}

#CartList div.productList div.pointBox div.box div,
#CartList div.productList div.couponBox div.box div {
  width: 100%;
}

.pointBox div.boxbtm dl,
.couponBox div.boxbtm dl {
  width: 100%;
}

.pointBox div.boxbtm input {
  height: 40px;
}

.pointBox div.boxbtm,
.couponBox div.boxbtm {
  font-size: 12px;

  padding: 10px 0;

  background: none;
}

#CartList div.productList div.pointBox {
  float: inherit;

  padding-top: 0 !important;

  background: #fff;
}

.add-adjust__01 {
  display: flex;

  align-items: center;
  gap: 8px;
}

.add-adjust__02 {
  float: inherit;

  flex-basis: 475px;
}

.add-adjust__03 {
  width: 100% !important;
  padding: 15px;

  background: #fff !important;
}

.add-adjust__04 {
  font-weight: bold;

  padding-bottom: 8px;

  border-bottom: solid 1px #ddd;
}

.add-adjust__05 {
  float: inherit;

  padding: 15px !important;

  background: #fff;

  flex-basis: 475px;
}

.add-adjust__06 {
  display: flex;

  justify-content: space-between;
  align-items: center;
}

.add-adjust__07 {
  margin: 20px 0;
  padding: 40px;

  border: solid 1px #ddd;
}

@media screen and (max-width: 768px) {
  .add-adjust__07 {
    padding: 10px;
  }
}

.add-adjust__08 {
  display: flex;

  margin-bottom: 20px;
  padding-bottom: 8px;

  border-bottom: solid 1px #333;

  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .add-adjust__08 {
    display: none;
  }
}

.add-adjust__08>div:first-child {
  flex: 1;
}

.add-adjust__08>div:nth-child(2) {
  text-align: right;

  flex-basis: 120px;
}

.add-adjust__08>div:nth-child(3) {
  flex-basis: 60px;
}

.add-adjust__08>div:nth-child(4) {
  text-align: right;

  flex-basis: 120px;
}

.add-adjust__08>div:nth-child(5) {
  flex-basis: 40px;
}

.add-adjust__09 {
  padding-bottom: 80px;
}

.add-adjust__09>ul {
  display: flex;

  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .add-adjust__09>ul {
    flex-direction: column-reverse;

    flex-wrap: wrap;
  }
}

.add-adjust__10 {
  margin-bottom: 20px;
  padding: 20px;

  border-radius: 8px;
  background: #faf8f4;
}

.add-adjust__12>div {
  display: flex;

  padding: 8px 0;

  border-bottom: solid 1px #ddd;

  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

@media screen and (max-width: 768px) {
  .add-adjust__12>div {
    display: block;
  }
}

.add-adjust__12>div>dt {
  float: inherit !important;

  width: 200px !important;
  padding: 0 !important;
}

@media screen and (max-width: 768px) {
  .add-adjust__12>div>dt {
    font-size: 11px;
    font-weight: bold !important;

    padding-bottom: 8px !important;
  }
}

.add-adjust__12>div>dd {
  display: flex;

  padding: 0;

  flex: 1;
  align-items: center;
  flex-wrap: wrap;
}

.add-adjust__12>div>dd input[type="email"],
.add-adjust__12>div>dd input[type="text"],
.add-adjust__12>div>dd input[type="tel"],
.add-adjust__12>div>dd select {
  height: 40px;

  border: solid 1px #ddd;
  border-radius: 4px !important;
  box-shadow: inherit !important;
}

.add-adjust__12>span>div {
  display: flex;

  padding: 8px 0;

  border-bottom: solid 1px #ddd;

  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.add-adjust__12>span>div>dt {
  float: inherit !important;

  width: 200px !important;
  padding: 0 !important;
}

.add-adjust__12>span>div>dd {
  display: flex;

  padding: 0;

  flex: 1;
  align-items: center;
  flex-wrap: wrap;
}

.add-adjust__12>span>div>dd input[type="email"],
.add-adjust__12>span>div>dd input[type="text"],
.add-adjust__12>span>div>dd input[type="tel"],
.add-adjust__12>span>div>dd select {
  height: 40px;

  border: solid 1px #ddd;
  border-radius: 4px !important;
  box-shadow: inherit !important;
}

.add-adjust__13 {
  padding: 20px;

  border-radius: 8px;
  background: #faf8f4;
}

.add-adjust__13 input[type="email"],
.add-adjust__13 input[type="text"],
.add-adjust__13 input[type="tel"],
.add-adjust__13 select {
  height: 40px;

  border: solid 1px #ddd;
  border-radius: 4px !important;
  box-shadow: inherit !important;
}

.add-adjust__14 {
  display: flex;

  padding: 20px 0;

  border-bottom: solid 1px #ddd;

  align-items: center;
  gap: 16px;
}

.add-adjust__14>dt {
  width: 150px;
}

.add-adjust__14 strong {
  font-size: 14px;
  font-weight: bold;

  display: block;

  padding-bottom: 8px;
}

.add-adjust__15 {
  display: flex;

  align-items: center;
  gap: 24px;
}

.add-adjust__16 {
  width: 100%;
  margin-top: 20px;
  padding: 20px;

  border-radius: 8px;
  background: #faf8f4;
}

.add-adjust__17 {
  padding-top: 20px;
}

.add-adjust__17>div dl {
  display: flex;

  padding: 8px 0;

  border-bottom: solid 1px #ddd;

  align-items: center;
  /* gap: 24px; */
  justify-content: flex-end;
}

.add-adjust__17>div dl>dd {
  text-align: right;

  flex-basis: 150px;
}

.add-adjust__17 .result {
  font-weight: bold;

  border-bottom: none;
}

.add-adjust__17 .result>dd {
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .add-adjust__17 .result>dd {
    font-size: 20px;
  }
}

.add-adjust__18 {
  border-top: solid 1px #666;
}

.add-adjust__19 {
  font-size: 12px;

  display: flex;

  letter-spacing: 0;

  border-bottom: solid 1px #666;

  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .add-adjust__19 {
    overflow-x: auto;

    padding: 0 20px !important;

    border-bottom: none;

    justify-content: flex-start;
    gap: 8px;
    flex-wrap: nowrap;
  }
}

.add-adjust__20 {
  display: flex;

  justify-content: space-between;
  align-items: center;
}

.add-adjust__21 {
  display: flex;
  flex-direction: row-reverse;

  justify-content: flex-end;
  gap: 24px;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .add-adjust__21 {
    display: block;
  }
}

.add-adjust__22 {
  margin: 0 0 0 10px;

  color: #fff !important;
  border-radius: 5px;
  background: #666;
}

.add-adjust__22:hover {
  background: #666;
}

.add-adjust__23 {
  display: flex;

  padding-bottom: 20px;

  align-items: center;
  gap: 16px;
}

.add-adjust__23>.btn {
  width: 160px !important;
  margin: 0 !important;
}

.add-adjust__24 {
  font-size: 12px;

  padding-top: 20px;

  border-top: solid 1px #ddd;
}

@media screen and (max-width: 768px) {
  .add-adjust__25 {
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 768px) {
  .add-adjust__26 {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .add-adjust__27 {
    display: block;

    padding: 10px;

    background: #faf8f4;
  }

  .add-adjust__27>td,
  .add-adjust__27 th {
    font-size: 13px;

    display: flex;

    width: 100% !important;
    padding: 4px 0 !important;

    border-bottom: inherit !important;
    background-color: #faf8f4 !important;

    align-items: center;
    justify-content: flex-start;
    gap: 16px;
  }

  .add-adjust__27 .orderNum::before {
    font-size: 11px;
    font-weight: bold;

    display: block;

    width: 80px;

    content: "ご注文番号";
    text-align: left;
  }

  .add-adjust__27 .orderDate::before {
    font-size: 11px;
    font-weight: bold;

    display: block;

    width: 80px;

    content: "ご購入日";
    text-align: left;
  }

  .add-adjust__27 .paymentTotal::before {
    font-size: 11px;
    font-weight: bold;

    display: block;

    width: 80px;

    content: "総合計";
    text-align: left;
  }

  .add-adjust__27 .orderStatus::before {
    font-size: 11px;
    font-weight: bold;

    display: block;

    width: 80px;

    content: "ご注文状況";
    text-align: left;
  }

  .add-adjust__27 .shippingDate::before {
    font-size: 11px;
    font-weight: bold;

    display: block;

    width: 80px;

    content: "配送希望日";
    text-align: left;
  }

  .add-adjust__27 .fixedPurchaseId::before {
    font-size: 11px;
    font-weight: bold;

    display: block;

    width: 80px;

    content: "定期購入ID";
    text-align: left;
  }

  .add-adjust__27 .fixedPurchaseStatus {
    font-weight: normal;
  }

  .add-adjust__27 .fixedPurchaseStatus::before {
    font-size: 11px;
    font-weight: bold;

    display: block;

    width: 80px;

    content: "定期購入\aステータス";
    text-align: left;
    white-space: pre;
  }

  .add-adjust__27 .fixedPurchaseTerm::before {
    font-size: 11px;
    font-weight: bold;

    display: block;

    width: 80px;

    content: "定期購入設定";
    text-align: left;
  }

  .add-adjust__27 .lastOrderDate::before {
    font-size: 11px;
    font-weight: bold;

    display: block;

    width: 80px;

    content: "未出荷注文\a配送希望日";
    text-align: left;
    white-space: pre;
  }

  .add-adjust__27 .nextShippingDate::before {
    font-size: 11px;
    font-weight: bold;

    display: block;

    width: 80px;

    content: "次回配送日";
    text-align: left;
  }

  .add-adjust__27 .fixedPurchaseCount::before {
    font-size: 11px;
    font-weight: bold;

    display: block;

    width: 80px;

    content: "購入回数";
    text-align: left;
    white-space: pre;
  }
}

@media screen and (max-width: 768px) {
  .add-adjust__28 {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .add-adjust__29 {
    width: 70px !important;
  }
}

@media screen and (max-width: 768px) {
  .add-adjust__30 {
    display: block;
  }

  .add-adjust__30 tbody,
  .add-adjust__30 tr,
  .add-adjust__30 td,
  .add-adjust__30 th {
    display: block;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    background: inherit !important;
  }

  .add-adjust__30 .imgProductImage {
    width: 240px !important;
    height: auto;
  }

  .add-adjust__30 .orderItemProductName {
    padding: 0;

    text-align: center;
  }

  .add-adjust__30 .orderItemProductInfo {
    width: 100% !important;
  }

  .add-adjust__30 .plPrice {
    display: flex !important;

    padding: 16px 0 !important;

    gap: 8px;
    align-items: center;
    justify-content: space-between;
  }

  .add-adjust__30 .plPrice .productPrice {
    font-size: 20px;
    font-weight: bold;
  }

  .add-adjust__30 .orderDate {
    width: 100% !important;
  }

  .add-adjust__30 .orderDate>span {
    display: block;

    margin-bottom: 20px;
    padding: 6px;

    text-align: center;

    background: #faf8f4;
  }

  .add-adjust__30 tr {
    margin-bottom: 20px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;

    border-bottom: solid 1px #ddd !important;
  }
}

@media screen and (max-width: 768px) {
  .add-adjust__30-item-name {
    font-weight: bold;

    display: block;

    padding-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .add-adjust__30-item-img {
    display: flex !important;

    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .add-adjust__30-th {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .add-adjust__31 {
    display: flex !important;

    border-bottom: none !important;

    gap: 8px !important;
  }
}

.add-adjust__32 {
  display: flex;

  align-items: center;
}

.add-adjust__32>a {
  flex-basis: 120px;
}

@media screen and (max-width: 768px) {
  .add-adjust__32 {
    display: block;
  }
}

.add-adjust__form-def {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .add-adjust__sm {
    padding: 0 20px;
  }
}

.add-adjust__ud .btn.add-edit {
  display: flex !important;

  color: #fff;
  border: #b4a890 !important;
  background-color: #b4a890 !important;
}

.add-adjust__ud .btn.add-del {
  background-color: #fff !important;
}

.add-adjust__ud .btn.add-del:link {
  color: #333 !important;
}

.add-adjust__coupon table,
.add-adjust__coupon tbody,
.add-adjust__coupon tr,
.add-adjust__coupon th,
.add-adjust__coupon td {
  width: 100%;
  margin: 0;
  padding: 0;

  border: none;
}

.add-adjust__coupon th {
  font-size: 12px;
}

@media screen and (max-width: 768px) {

  .add-adjust__coupon table,
  .add-adjust__coupon tbody,
  .add-adjust__coupon tr,
  .add-adjust__coupon th {
    display: block;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;

    border: none;
  }

  .add-adjust__coupon tr.add-adjust__26 {
    display: none;
  }

  .add-adjust__coupon td {
    font-size: 14px;

    display: flex;

    width: 100% !important;
    padding: 8px 0 !important;

    border-bottom: none !important;
    background: none !important;

    justify-content: space-between;
  }

  .add-adjust__coupon td:first-child:before {
    font-size: 11px;
    font-weight: bold;

    content: "有効期限切れ";
  }

  .add-adjust__coupon td:nth-child(2):before {
    font-size: 11px;
    font-weight: bold;

    content: "クーポンコード";
  }

  .add-adjust__coupon td:nth-child(3):before {
    font-size: 11px;
    font-weight: bold;

    content: "割引金額/割引率";
  }

  .add-adjust__coupon td:nth-child(4):before {
    font-size: 11px;
    font-weight: bold;

    content: "利用可能回数";
  }

  .add-adjust__coupon td:nth-child(5):before {
    font-size: 11px;
    font-weight: bold;

    content: "有効期限";
  }

  .add-adjust__coupon tr {
    padding: 10px !important;

    border-bottom: solid 1px #ddd;
    background: #faf8f4;
  }
}

.add-SL__wrapper {
  padding-top: 40px !important;
}

.add-SL__wrapper>li {
  border-top: solid 1px #ddd;
}

.add-SL__btn {
  display: flex;

  width: 80px;
  height: 40px;

  border: solid 1px #ddd;

  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .add-SL__btn {
    width: 100%;
  }
}

.add-SL__item {
  display: flex;

  padding: 20px 0;

  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.add-SL__01 {
  font-size: 20px;
  font-weight: bold;

  flex-basis: 100px;
}

.add-SL__02 {
  flex: 1;
}

.add-SL__03 {
  flex: 1;
}

.add-SL__04 {
  display: flex;

  flex-basis: 300px;
  justify-content: flex-end;
}

@media screen and (max-width: 768px) {
  .add-SL__04 {
    display: block;

    flex-basis: 100%;
  }
}

.add-SL__Amazon {
  width: 300px !important;
}

@media screen and (max-width: 768px) {
  .add-SL__Amazon {
    width: 100% !important;
  }
}

.pointBox div.box,
.couponBox div.box {
  width: 100%;
  margin: 0;

  background: inherit;
}

#CartList div.productList div.couponBox {
  float: inherit;

  padding: 15px !important;
}

.couponBox div.boxbtm dt {
  float: inherit;

  width: inherit;
}

#CartList div.productList div.priceList {
  float: inherit;

  width: 100% !important;
  padding: 15px !important;

  border: none;
  background-color: #fff;
}

#CartList div.productList div.priceList div {
  margin: 0;
}

#CartList div.cartOrder div.priceList dl {
  width: 100% !important;
}

#CartList div.productList div.priceList {
  font-size: 16px;

  float: inherit;

  width: 100% !important;
  padding: 15px !important;

  border: none;
  background-color: #fff;
}

#CartList div.productList div.priceList div {
  width: 100%;
  margin: 0;
}

#CartList div.cartOrder div.priceList dl {
  display: flex;

  width: 100% !important;
  padding: 4px 0;

  justify-content: flex-end;
  gap: 24px;
  align-items: center;
}

.priceList dt {
  font-size: 14px;
  line-height: 1.5;

  float: inherit;

  width: inherit;
  padding: 0;

  text-align: right;
}

.priceList dd {
  font-weight: bold;
  line-height: 1.5;

  padding: 0;

  text-align: right;

  flex-basis: 150px;
}

.priceList dl.result dd {
  font-size: 24px;

  padding-top: inherit;
}

@media screen and (max-width: 768px) {
  .priceList dl.result dd {
    font-size: 20px;
  }
}

#CartList p.sum {
  font-size: 20px;

  display: flex;

  width: 100%;
  padding-top: 10px;

  text-align: right;

  gap: 24px;
  justify-content: flex-end;
  align-items: center;
}

#CartList p.sum strong {
  font-size: 40px;
  font-weight: bold;

  padding-left: 0;
}

@media screen and (max-width: 768px) {
  #CartList p.sum strong {
    font-size: 30px;
  }
}

div.cartstep h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: inherit;

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content;
  height: inherit;
  margin: 0 auto;
  margin: 40px auto !important;
  padding-bottom: 16px;

  border-bottom: 2px solid #b4a890;
}

.step_flow .now {
  border-bottom: solid 5px #b4a890;
}

@media screen and (max-width: 768px) {
  .step_flow .now {
    border-bottom: solid 3px #b4a890;
  }
}

.add-product__list {
  display: flex;

  flex-wrap: wrap;
  align-items: center;
  flex-basis: 100%;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .add-product__list {
    display: block;
  }
}

.add-product__list-wrapper {
  display: flex;
  flex-direction: column;

  flex-wrap: wrap;
  gap: 20px;
}

.add-product__name {
  display: flex;

  flex: 1;
  gap: 10px;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .add-product__name {
    padding-bottom: 8px;

    border-bottom: solid 1px #ddd;

    flex-basis: 100% !important;
  }
}

.add-product__name>dt {
  width: 100px;
}

.add-product__name>dt img {
  border-radius: 4px;
}

.add-product__name>div {
  flex: 1;
}

.add-product__price {
  text-align: right;

  flex-basis: 120px;
}

@media screen and (max-width: 768px) {
  .add-product__price {
    display: flex;

    padding: 8px;

    background: #faf8f4;

    align-items: center;
    gap: 8px;
    justify-content: space-between;
  }

  .add-product__price::before {
    font-size: 11px;
    font-weight: bold;

    content: "単価（税込）";
  }
}

.add-product__quantity {
  flex-basis: 60px;
}

.add-product__quantity input {
  width: 60px;

  border: solid 1px #ddd;
  border-radius: 4px;
}

@media screen and (max-width: 768px) {
  .add-product__quantity {
    display: flex;

    padding: 8px;

    justify-content: space-between;
    align-items: center;
  }

  .add-product__quantity::before {
    font-size: 11px;
    font-weight: bold;

    content: "注文数";
  }
}

.add-product__subtotal {
  text-align: right;

  flex-basis: 120px;
}

@media screen and (max-width: 768px) {
  .add-product__subtotal {
    display: flex;

    padding: 8px;

    background: #faf8f4;

    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
  }

  .add-product__subtotal>div {
    flex-basis: 70%;
  }

  .add-product__subtotal>div br {
    display: none;
  }

  .add-product__subtotal::before {
    font-size: 11px;
    font-weight: bold;

    content: "小計（税込）";
  }
}

.add-product__delete {
  flex-basis: 40px;
}

.add-product__delete>a {
  font-size: 12px;

  display: flex;

  width: 40px;
  padding: 4px;

  background: #eeee;

  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .add-product__delete {
    display: flex;

    padding: 8px 0;

    border-top: solid 1px #ddd;

    justify-content: flex-end;
  }
}

.input_radio {
  display: flex;

  align-items: center;
}

.btn_add_sea {
  display: inline-block;

  margin-left: 8px;
  padding-top: 0;
}

.bottom dl::after {
  content: none !important;
}

.orderBox div.userProduct dt {
  float: left;

  width: 100px;
}

#CartList .main .btn-mini {
  display: flex !important;

  width: 100%;
  margin: 0;
  padding: 0;

  border-radius: 100px;
}

#Contents div.main {
  padding: 0;
}

@media screen and (max-width: 768px) {
  #Contents div.main {
    width: 100%;
  }
}

#Contents div.main h2 {
  font-size: 18px;
  font-weight: bold;
}

#CartList h3 {
  font-size: 14px;

  padding: 16px;

  text-align: left;

  color: #fff;
  border-radius: 4px;
  background-color: #b4a890;
}

.shoppingCart div.subCartList h3 div.cartLink {
  font-size: 14px;

  text-align: right;
}

.pointBox a,
.couponBox a {
  font-size: 14px;

  padding-left: 0;

  color: #333;
  background: none;
}

#Contents div.main {
  background: none !important;
}

@media screen and (max-width: 768px) {
  #Contents div.submain {
    width: 100%;
  }
}

.orderBox div.box div {
  width: 100%;
}

.orderBox div.box dl {
  width: 100%;
  padding-bottom: 24px;
}

.orderBox div.box dd {
  padding: 0;
}

#CartList .main .btn_change a {
  width: 160px;
}

.fk_TEIKI_MONGON {
  margin-top: 40px;
  padding: 20px;

  border-radius: 8px;
  background: #faf8f4;
}

.PayCom_title {
  margin-top: 40px !important;
  padding: 10px;

  background-color: inherit;
  background-color: inherit !important;
}

.PayCom_title p {
  font-size: 24px !important;
  font-weight: bold;

  text-align: center;

  color: #b4a890 !important;
}

.PayCom_thenks {
  font-size: 18px !important;
  font-weight: bold;

  padding: 20px;

  text-align: center !important;

  color: #333 !important;
}

.PayCom_info {
  width: 645px;
  margin: 40px auto;
  padding: 10px;

  border-radius: 8px;
  background-color: #f5f2ed !important;
}

#dvUserBox #dvUserMenu {
  display: block;
  float: none;

  width: 100%;
  margin-top: 40px;
  padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
  #dvUserBox #dvUserMenu {
    margin-top: 20px;
    padding-bottom: 20px;
  }
}

#dvUserFltContents {
  display: block;
  float: none;

  width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  #dvUserFltContents {
    width: 100%;
  }
}

#dvUserBox #dvUserMenu ul li a {
  font-weight: bold;

  display: flex;

  width: auto;
  height: 50px;
  margin: 0;
  padding: 0;

  text-align: center;

  border: none;
  border-radius: 30px;
  background-color: inherit;

  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  #dvUserBox #dvUserMenu ul li a {
    font-family: 12px;

    color: #fff;
    border-radius: 8px;
    background: #b4a890;
  }
}

#dvUserBox #dvUserMenu ul li a:hover {
  background-color: inherit;
}

@media screen and (max-width: 768px) {
  #dvUserBox #dvUserMenu ul li a:hover {
    color: #fff;
    background: #b4a890;
  }
}

#dvLogin .btn:first-child {
  margin: 20px 10px;
}

@media screen and (max-width: 768px) {
  #dvLogin .btn:first-child {
    margin: 0 auto;
  }
}

#dvUserBox #dvLogin .dvLoginLogin {
  padding: 20px;

  border: solid 1px #ddd;
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  #dvUserBox #dvLogin .dvLoginLogin {
    border: none;
    background: #f5f2ed;
  }
}

#dvUserBox .contentsInfo {
  margin-bottom: 20px;
  padding: 10px 20px 5px 20px;

  border-radius: 8px;
  background: #ececec;
}

#dvUserBox #dvLogin .dvLoginRegist {
  float: right;

  width: 480px;
  padding: 20px;

  border: solid 1px #ddd;
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  #dvUserBox #dvLogin .dvLoginRegist {
    float: none;

    width: 100%;
    margin-top: 40px;

    border: none;
    background: #faf8f4;
  }
}

input.loginIdInMailAddr {
  width: 100%;
  padding: 10px;
}

input.loginPass {
  width: 100%;
  padding: 10px;
}

#dvUserBox #dvLogin #dvLoginWrap {
  display: inline;
  float: left;

  width: 480px;
}

@media screen and (max-width: 768px) {
  #dvUserBox #dvLogin #dvLoginWrap {
    display: block;
    float: none;

    width: 100%;
  }
}

#dvUserBox #dvOrderHistoryList table .orderDate .btn {
  margin-top: 10px;

  color: #fff;
  border-radius: 5px;
  background: #666;
}

#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo .btn {
  margin: 0 0 0 10px;

  color: #fff;
  border-radius: 5px;
  background: #666;
}

#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderTotal {
  height: 3em;
}

#dvUserBox h4 {
  font-size: 14px;
  font-weight: normal;
  font-weight: bold;

  display: flex;

  padding: 16px;

  border-bottom: none;
  border-radius: 4px;
  background: #faf8f4;

  align-items: center;
}

.wrap h1 {
  font-size: 28px;

  position: relative;

  width: 100%;
  margin: 40px auto;
  margin-top: 40px;
  padding-bottom: 15px;

  text-align: center;

  border-bottom: solid 2px #b4a890 !important;
}

@media screen and (max-width: 768px) {
  .wrap h1 {
    margin: 40px auto;
  }
}

@media screen and (max-width: 768px) {
  .wrap table {
    max-width: 100%;
  }
}

#dvFixedPurchaseDetail .dvFixedPurchaseDetail .btn {
  margin: 0 10px;

  color: #fff;
  border-radius: 5px;
  background-color: #666;
}

.okihai {
  margin-top: 20px !important;
  padding: 16px;

  border: none !important;
  border-radius: 8px;
  background: #f5f2ed;
}

#dvUserBox #dvLogin #dvLoginWrap .dvLoginReminder {
  width: 100%;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginReminder {
    display: flex;

    margin-top: 20px;

    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  #dvUserContents {
    padding: 0 20px;
  }
}

#CartFlow .step_flow,
#dvHeaderWithdrawClumbs .step_flow,
#dvHeaderModifyClumbs .step_flow,
#dvHeaderUserShippingClumbs .step_flow,
#dvHeaderRegistClumbs .step_flow {
  font-size: 13px;

  display: flex;

  margin-top: 48px;

  border-bottom: solid 1px #ccc;

  justify-content: space-around;
}

@media screen and (max-width: 768px) {

  #CartFlow .step_flow,
  #dvHeaderWithdrawClumbs .step_flow,
  #dvHeaderModifyClumbs .step_flow,
  #dvHeaderUserShippingClumbs .step_flow,
  #dvHeaderRegistClumbs .step_flow {
    font-size: 10px;

    margin-top: 24px;
  }
}

@media screen and (max-width: 768px) {

  #CartFlow .step_flow li,
  #dvHeaderWithdrawClumbs .step_flow li,
  #dvHeaderModifyClumbs .step_flow li,
  #dvHeaderUserShippingClumbs .step_flow li,
  #dvHeaderRegistClumbs .step_flow li {
    padding-bottom: 8px !important;
  }
}

@media screen and (max-width: 768px) {
  #dvUserBox #dvUserRegistRegulation .dvUserBtnBox p {
    flex-direction: column-reverse;

    flex-wrap: wrap;
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  #dvUserBox .dvUserBtnBox p span {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {

  #dvUserBox #dvUserShippingInput table,
  #dvUserBox #dvUserShippingConfirm table,
  #dvUserBox #dvUserModifyConfirm table,
  #dvUserBox #dvUserModifyInput table,
  #dvUserBox #dvUserRegistInput table,
  #dvUserBox #dvUserRegistConfirm table {
    border: none;
    background: none;
  }

  #dvUserBox #dvUserShippingInput table tbody,
  #dvUserBox #dvUserShippingInput table tr,
  #dvUserBox #dvUserShippingInput table td,
  #dvUserBox #dvUserShippingInput table th,
  #dvUserBox #dvUserShippingConfirm table tbody,
  #dvUserBox #dvUserShippingConfirm table tr,
  #dvUserBox #dvUserShippingConfirm table td,
  #dvUserBox #dvUserShippingConfirm table th,
  #dvUserBox #dvUserModifyConfirm table tbody,
  #dvUserBox #dvUserModifyConfirm table tr,
  #dvUserBox #dvUserModifyConfirm table td,
  #dvUserBox #dvUserModifyConfirm table th,
  #dvUserBox #dvUserModifyInput table tbody,
  #dvUserBox #dvUserModifyInput table tr,
  #dvUserBox #dvUserModifyInput table td,
  #dvUserBox #dvUserModifyInput table th,
  #dvUserBox #dvUserRegistInput table tbody,
  #dvUserBox #dvUserRegistInput table tr,
  #dvUserBox #dvUserRegistInput table td,
  #dvUserBox #dvUserRegistInput table th,
  #dvUserBox #dvUserRegistConfirm table tbody,
  #dvUserBox #dvUserRegistConfirm table tr,
  #dvUserBox #dvUserRegistConfirm table td,
  #dvUserBox #dvUserRegistConfirm table th {
    font-size: 16px;

    display: flex;

    margin: 0;
    padding: 0;

    border: none;
    background: none;

    flex-wrap: wrap;
    align-items: center;
    flex-basis: 100%;
  }

  #dvUserBox #dvUserShippingInput table th,
  #dvUserBox #dvUserShippingConfirm table th,
  #dvUserBox #dvUserModifyConfirm table th,
  #dvUserBox #dvUserModifyInput table th,
  #dvUserBox #dvUserRegistInput table th,
  #dvUserBox #dvUserRegistConfirm table th {
    font-size: 12px;
    font-weight: bold;

    padding: 8px;

    border-radius: 4px;
    background: #faf8f4;
  }

  #dvUserBox #dvUserShippingInput table td,
  #dvUserBox #dvUserShippingConfirm table td,
  #dvUserBox #dvUserModifyConfirm table td,
  #dvUserBox #dvUserModifyInput table td,
  #dvUserBox #dvUserRegistInput table td,
  #dvUserBox #dvUserRegistConfirm table td {
    padding: 8px 0;

    gap: 8px;
  }

  #dvUserBox #dvUserShippingInput table tr,
  #dvUserBox #dvUserShippingConfirm table tr,
  #dvUserBox #dvUserModifyConfirm table tr,
  #dvUserBox #dvUserModifyInput table tr,
  #dvUserBox #dvUserRegistInput table tr,
  #dvUserBox #dvUserRegistConfirm table tr {
    gap: 8px;
  }

  #dvUserBox #dvUserShippingInput table tbody>tr,
  #dvUserBox #dvUserShippingConfirm table tbody>tr,
  #dvUserBox #dvUserModifyConfirm table tbody>tr,
  #dvUserBox #dvUserModifyInput table tbody>tr,
  #dvUserBox #dvUserRegistInput table tbody>tr,
  #dvUserBox #dvUserRegistConfirm table tbody>tr {
    padding-bottom: 20px;
  }
}

#dvUserBox table {
  background: none;
}

@media screen and (max-width: 768px) {

  #dvUserBox table table td .fname,
  #dvUserBox table table td .lname {
    font-size: 11px;
    font-weight: bold;

    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  #dvUserBox .notes {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {

  input.tel1,
  input.tel2,
  input.tel3 {
    width: 98px !important;
    min-width: inherit !important;
  }
}

@media screen and (max-width: 768px) {
  input.password {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #dvUserBox .dvUserBtnBox p {
    flex-direction: column-reverse;

    flex-wrap: wrap;
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  #dvUserBox #dvUserMenu ul li {
    min-width: 140px;
  }
}

#dvUserBox #dvMyPage {
  flex-wrap: wrap;
  gap: 24px;
}

#dvUserBox #dvMyPage>h4 {
  flex-basis: 100%;
}

@media screen and (max-width: 768px) {
  #dvUserBox #dvMyPage {
    border: none;
  }
}

@media screen and (max-width: 768px) {
  #dvUserFltContents .unit {
    padding-top: 0;
  }
}

@media screen and (max-width: 768px) {

  #dvHeaderModifyClumbs,
  #dvHeaderUserShippingClumbs {
    width: 100%;
    margin: 0;
    padding: 0 20px;
  }
}

@media screen and (max-width: 768px) {
  #dvUserBox #dvOrderHistoryList table th {
    font-size: 12px;
    font-weight: bold;

    width: inherit;
    padding: 8px !important;
  }
}

@media screen and (max-width: 768px) {
  #dvUserBox #dvOrderHistoryList table {
    border-top: none;
  }
}

@media screen and (max-width: 768px) {
  .dvErrorBtnBox p {
    display: flex;

    text-align: center;

    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }

  .dvErrorBtnBox p>span {
    margin: 0 !important;
  }
}

#dvErrorBtn {
  flex-wrap: wrap;
  gap: 20px;
}

#dvErrorBackBtn {
  font-size: 15px;

  display: block;

  padding: 10px 70px;

  border: solid 1px #666;
  border-radius: 100px;
  background-color: #fff;
}

#dvErrorTopBtn {
  border-radius: 100px;
}

@media screen and (max-width: 768px) {
  .wrapBottom {
    width: 100% !important;
  }
}

#LoginBox dt {
  float: none;

  width: 100%;
}

@media screen and (max-width: 768px) {
  #LoginBox dt {
    width: 100%;
  }
}

#LoginBox dd {
  float: none;

  width: 100%;
  padding: 0;

  text-align: left;
}

@media screen and (max-width: 768px) {
  #LoginBox dd {
    width: 100%;
  }
}

#dvUserBox #dvLogin p {
  line-height: 1.6;

  margin: 5px 0 10px;

  text-align: left;
}

@media screen and (max-width: 768px) {

  #Contents div.column,
  #Contents div.columnRight {
    width: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  .input_widthA {
    width: 80px !important;
  }
}

.orderBox h3 div.cartLink a {
  font-size: 13px;

  color: #fff;
}

@media screen and (max-width: 768px) {

  #dvUserBox #dvUserInquiryInput table tbody,
  #dvUserBox #dvUserInquiryInput table tr,
  #dvUserBox #dvUserInquiryInput table th,
  #dvUserBox #dvUserInquiryInput table td,
  #dvUserBox #dvUserInquiryConfirm table tbody,
  #dvUserBox #dvUserInquiryConfirm table tr,
  #dvUserBox #dvUserInquiryConfirm table th,
  #dvUserBox #dvUserInquiryConfirm table td {
    display: block;

    margin: 0;
    padding: 0;
  }

  #dvUserBox #dvUserInquiryInput table th,
  #dvUserBox #dvUserInquiryConfirm table th {
    font-size: 11px;
    font-weight: bold;

    width: 100%;

    border-bottom: none;
  }

  #dvUserBox #dvUserInquiryInput table td,
  #dvUserBox #dvUserInquiryConfirm table td {
    border-bottom: none;
  }

  #dvUserBox #dvUserInquiryInput table tr,
  #dvUserBox #dvUserInquiryConfirm table tr {
    padding: 10px 0;

    border-bottom: solid 1px #ddd;
  }
}

@media screen and (max-width: 768px) {

  #dvUserBox #dvUserCreditCardList *,
  #dvUserBox #dvUserCreditCardInput *,
  #dvUserBox #dvUserCreditCardConfirm *,
  #dvUserBox #dvUserShippingList *,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail *,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping *,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem *,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct *,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo *,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping * {
    float: none !important;
  }

  #dvUserBox #dvUserCreditCardList table,
  #dvUserBox #dvUserCreditCardList tbody,
  #dvUserBox #dvUserCreditCardList tr,
  #dvUserBox #dvUserCreditCardList th,
  #dvUserBox #dvUserCreditCardList td,
  #dvUserBox #dvUserCreditCardInput table,
  #dvUserBox #dvUserCreditCardInput tbody,
  #dvUserBox #dvUserCreditCardInput tr,
  #dvUserBox #dvUserCreditCardInput th,
  #dvUserBox #dvUserCreditCardInput td,
  #dvUserBox #dvUserCreditCardConfirm table,
  #dvUserBox #dvUserCreditCardConfirm tbody,
  #dvUserBox #dvUserCreditCardConfirm tr,
  #dvUserBox #dvUserCreditCardConfirm th,
  #dvUserBox #dvUserCreditCardConfirm td,
  #dvUserBox #dvUserShippingList table,
  #dvUserBox #dvUserShippingList tbody,
  #dvUserBox #dvUserShippingList tr,
  #dvUserBox #dvUserShippingList th,
  #dvUserBox #dvUserShippingList td,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail table,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail tbody,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail tr,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail th,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail td,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping table,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping tbody,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping tr,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping th,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping td,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem tbody,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem tr,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem th,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem td,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct tbody,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct tr,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct th,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct td,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo table,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo tbody,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo tr,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo th,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo td,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping table,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping tbody,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping tr,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping th,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping td {
    display: block;

    width: 100% !important;
    margin: 0;
    padding: 0;

    border: none;
  }

  #dvUserBox #dvUserCreditCardList th,
  #dvUserBox #dvUserCreditCardInput th,
  #dvUserBox #dvUserCreditCardConfirm th,
  #dvUserBox #dvUserShippingList th,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail th,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping th,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem th,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct th,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo th,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping th {
    font-size: 11px;
    font-weight: bold;

    padding-bottom: 4px;

    background: none;
  }

  #dvUserBox #dvUserCreditCardList tr,
  #dvUserBox #dvUserCreditCardInput tr,
  #dvUserBox #dvUserCreditCardConfirm tr,
  #dvUserBox #dvUserShippingList tr,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail tr,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping tr,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem tr,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct tr,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo tr,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping tr {
    padding: 10px 0;

    border-bottom: solid 1px #ccc;
  }

  #dvUserBox #dvUserCreditCardList .btn,
  #dvUserBox #dvUserCreditCardInput .btn,
  #dvUserBox #dvUserCreditCardConfirm .btn,
  #dvUserBox #dvUserShippingList .btn,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail .btn,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping .btn,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .btn,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .btn,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo .btn,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping .btn {
    margin: 8px 0;
    padding: 8px 0;
  }

  #dvUserBox #dvUserCreditCardList .list,
  #dvUserBox #dvUserCreditCardInput .list,
  #dvUserBox #dvUserCreditCardConfirm .list,
  #dvUserBox #dvUserShippingList .list,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail .list,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping .list,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .list,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .list,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo .list,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping .list {
    padding: 0 !important;
  }

  #dvUserBox #dvUserCreditCardList #divOrderPaymentUpdateButtons,
  #dvUserBox #dvUserCreditCardInput #divOrderPaymentUpdateButtons,
  #dvUserBox #dvUserCreditCardConfirm #divOrderPaymentUpdateButtons,
  #dvUserBox #dvUserShippingList #divOrderPaymentUpdateButtons,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail #divOrderPaymentUpdateButtons,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping #divOrderPaymentUpdateButtons,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem #divOrderPaymentUpdateButtons,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct #divOrderPaymentUpdateButtons,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo #divOrderPaymentUpdateButtons,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping #divOrderPaymentUpdateButtons {
    display: block;
  }

  #dvUserBox #dvUserCreditCardList .add-adjust__26,
  #dvUserBox #dvUserCreditCardInput .add-adjust__26,
  #dvUserBox #dvUserCreditCardConfirm .add-adjust__26,
  #dvUserBox #dvUserShippingList .add-adjust__26,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail .add-adjust__26,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping .add-adjust__26,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .add-adjust__26,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .add-adjust__26,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo .add-adjust__26,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping .add-adjust__26 {
    display: none !important;
  }

  #dvUserBox #dvUserCreditCardList .productPrice,
  #dvUserBox #dvUserCreditCardInput .productPrice,
  #dvUserBox #dvUserCreditCardConfirm .productPrice,
  #dvUserBox #dvUserShippingList .productPrice,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail .productPrice,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping .productPrice,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .productPrice,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .productPrice,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo .productPrice,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping .productPrice {
    font-size: 16px;

    display: flex;

    padding: 4px 0;

    justify-content: space-between;
    align-items: center;
    gap: 8px;
  }

  #dvUserBox #dvUserCreditCardList .productPrice::before,
  #dvUserBox #dvUserCreditCardInput .productPrice::before,
  #dvUserBox #dvUserCreditCardConfirm .productPrice::before,
  #dvUserBox #dvUserShippingList .productPrice::before,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail .productPrice::before,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping .productPrice::before,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .productPrice::before,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .productPrice::before,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo .productPrice::before,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping .productPrice::before {
    font-size: 12px;
    font-weight: bold;

    width: 72.4299065421vw;

    content: "単価（税込）";
    text-align: right;
  }

  #dvUserBox #dvUserCreditCardList .orderCount,
  #dvUserBox #dvUserCreditCardInput .orderCount,
  #dvUserBox #dvUserCreditCardConfirm .orderCount,
  #dvUserBox #dvUserShippingList .orderCount,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail .orderCount,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping .orderCount,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .orderCount,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .orderCount,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo .orderCount,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping .orderCount {
    font-size: 16px;

    display: flex;

    padding: 4px 0;

    justify-content: space-between;
    align-items: center;
    gap: 8px;
  }

  #dvUserBox #dvUserCreditCardList .orderCount::before,
  #dvUserBox #dvUserCreditCardInput .orderCount::before,
  #dvUserBox #dvUserCreditCardConfirm .orderCount::before,
  #dvUserBox #dvUserShippingList .orderCount::before,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail .orderCount::before,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping .orderCount::before,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .orderCount::before,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .orderCount::before,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo .orderCount::before,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping .orderCount::before {
    font-size: 12px;
    font-weight: bold;

    width: 72.4299065421vw;

    content: "注文数";
  }

  #dvUserBox #dvUserCreditCardList .orderSubtotal,
  #dvUserBox #dvUserCreditCardInput .orderSubtotal,
  #dvUserBox #dvUserCreditCardConfirm .orderSubtotal,
  #dvUserBox #dvUserShippingList .orderSubtotal,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail .orderSubtotal,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping .orderSubtotal,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .orderSubtotal,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .orderSubtotal,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo .orderSubtotal,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping .orderSubtotal {
    font-size: 20px;
    font-weight: bold;

    display: flex;

    padding: 8px;

    background: #faf8f4;

    justify-content: flex-end;
    align-items: center;
    gap: 8px;
  }

  #dvUserBox #dvUserCreditCardList .orderSubtotal::before,
  #dvUserBox #dvUserCreditCardInput .orderSubtotal::before,
  #dvUserBox #dvUserCreditCardConfirm .orderSubtotal::before,
  #dvUserBox #dvUserShippingList .orderSubtotal::before,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail .orderSubtotal::before,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping .orderSubtotal::before,
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .orderSubtotal::before,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .orderSubtotal::before,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo .orderSubtotal::before,
  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping .orderSubtotal::before {
    font-size: 16px;
    font-weight: bold;

    width: 100px;

    content: "注文数";
  }
}

@media screen and (max-width: 768px) {

  #dvUserBox #dvUserCreditCardInput th,
  #dvUserBox #dvUserCreditCardInput td,
  #dvUserBox #dvUserCreditCardConfirm th,
  #dvUserBox #dvUserCreditCardConfirm td {
    padding: 0 !important;

    border: none !important;
    background-color: inherit !important;
  }

  #dvUserBox #dvUserCreditCardInput td,
  #dvUserBox #dvUserCreditCardConfirm td {
    padding-top: 8px !important;
  }

  #dvUserBox #dvUserCreditCardInput td .input_widthA,
  #dvUserBox #dvUserCreditCardConfirm td .input_widthA {
    width: 70px !important;
  }
}

#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap {
  position: relative;

  width: 100%;
}

#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum {
  float: none;

  width: 100%;
}

#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderSum {
  display: flex;

  padding: 20px 0;

  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderSum dt {
  font-size: 13px;

  width: auto;
  margin: 0;

  flex-basis: 60%;
}

#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap dd {
  font-size: 16px;

  margin: 0 !important;

  text-align: right;

  flex-basis: 25%;
}

#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderTotal {
  display: flex;

  height: auto;
  margin: 0;
  padding: 20px 0;

  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ddd;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ddd;

  justify-content: flex-end;
  gap: 20px;
  align-items: center;
}

#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderTotal dt,
#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderTotal dd {
  font-weight: bold;

  width: auto;
  margin: 0;
}

#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderTotal dt {
  font-size: 16px;

  display: flex;

  align-items: center;
}

#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderTotal dd {
  font-size: 24px;

  display: flex;

  align-items: center;
  flex-basis: 25%;
}

#dvUserBox #dvUserCreditCardList table .CreditCardDetail ul {
  display: flex;
}

@media screen and (max-width: 768px) {
  #dvUserBox #dvFixedPurchaseList table th {
    font-size: 12px;
    font-weight: bold;

    width: inherit;
    min-width: 66px;
    padding: 8px !important;
  }

  #dvUserBox #dvFixedPurchaseList table .fixedPurchaseStatus .fixedPurchaseStatus_10 {
    font-weight: normal;
  }

  #dvUserBox #dvUserCreditCardList table th,
  #dvUserBox #dvUserShippingList table th {
    font-size: 12px;

    padding: 8px;

    text-align: left;

    border: none !important;
    border-radius: 4px;
    background-color: #faf8f4;
  }

  #dvUserBox #dvUserCreditCardList table td,
  #dvUserBox #dvUserShippingList table td {
    border-bottom: solid 1px #ddd;
  }

  #dvUserBox #dvUserCreditCardList table td:last-child,
  #dvUserBox #dvUserShippingList table td:last-child {
    border: none !important;
  }

  #dvUserBox .insert {
    display: flex !important;

    justify-content: center;
    flex-wrap: wrap;
  }

  #dvUserBox #dvUserCreditCardList table .CreditcardName {
    font-size: 12px !important;
    font-weight: bold !important;

    border-bottom: none !important;
    border-radius: 4px !important;
    background: #faf8f4 !important;
  }

  #dvUserBox #dvUserCreditCardList table .CreditCardDetail ul {
    display: flex !important;

    align-items: center !important;
    gap: 8px !important;
  }

  #dvUserBox #dvUserCreditCardList table .CreditCardDetail ul>li {
    width: auto !important;
  }
}

#dvHeaderUserCreditCardClumbs {
  display: none;
}

.btn:first-child {
  display: flex;
}

@media screen and (max-width: 768px) {
  .wrap {
    width: 100%;
    padding: 20px;
  }
}

.info__list-title.under {
  overflow: visible;

  width: 100%;

  white-space: wrap;
}

.product__price-normal {
  font-size: 16px;

  text-align: right;
  text-decoration: line-through;
}

.product__price-normal.on {
  font-size: inherit;

  text-align: inherit;
  text-decoration: inherit;
}