@charset "UTF-8";

/* =====================================================================
*
*    オーダー/Order
*
* =================================================================== */

/* ---------------------------------
*    共通
*/


*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap-cart,
.wrap-order {
  width: 92%;
  margin: 0 auto;
}

.step {
  text-align: center;
  margin: 1em 0;
}

.cart-unit,
.order-unit {}

.order-unit.login + .order-unit {
  margin-bottom: 50px;
}

.btn-unit {
  margin-top: 40px;
}

.cart-unit h2,
.order-unit h2,
.btn-unit h2 {
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  position: relative;
  padding: 18px 0 17px;
  border-bottom: 1px solid #b3b3b3;
}

.order-unit h2 {
  margin-bottom: 15px;
}

.btn-unit p {
  font-size: 11px;
  margin: 15px auto 20px;
  line-height: 1.5;
}

.cart-unit h3,
.order-unit h3 {
  padding: .5em;
  background-color: #fafafa;
  font-size: 14px;
}

.cart-unit .msg,
.order-unit .msg {
  font-size: 11px;
  padding: 0 0 5px;
  line-height: 1.66;
}

.cart-unit h2+.msg {
  padding: 1em 0;
}

.cart-unit .msg p {
  line-height: 1.66;
  font-size: 12px;
}

.order-unit .require {
  color: #f00;
  font-weight: bold;
  margin-left: 3px;
}

.order-unit .attention {
  font-size: 11px;
  color: #f00;
  line-height: 1.5;
  /*padding: .3em;*/
}

.order-unit .memory-pass {
  text-align: center;
  padding: .5em;
  margin-bottom: .5em;
}

/* フッターボタン */

.order-footer {
  margin-bottom: 10px;
}

.order-history-list .content ul .order-footer {
  margin: 10px auto 20px;
}

.order-footer div {
  /*margin-bottom: 1em;*/
}

.order-footer .button-next {
  width: 100%;
  height: 50px;
  background: #000;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.order-footer .button-next .btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: block;
  padding: 18px 0 17px;
  background: #000;
  color: #fff;
}

.order-footer .button-prev .btn {
  padding: 1.5em 0;
  background-color: #ccc;
}

.order-footer .button-corre {
  width: 80%;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.order-footer .button-corre .button{
  width: 100%;
  margin: 0;
}

.order-footer .button-corre2 .btn {
  width: 80%;
  height: 100%;
  display: block;
  text-align: center;
  font-size: 13px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  color: #000;
  padding: 0;
  margin: 0 auto;
}

.order-footer .button-corre .btn {
  width: 100%;
  height: 100%;
  display: block;
  height: 40px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  color: #000;
  padding: 0;
}

/*------clearfix-------------------------------------*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-table;
  min-height: 1%;
}

/* Hides from IE-mac */
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */

/* ---------------------------------
*    カート/CartList
*/

/* カート商品 */

.cart-table {
  width: 100%;
  border-bottom: 1px solid #b3b3b3;
  /*border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;*/
}

.order-history-list .content>ul>li .cart-table {
  border-top: 1px solid #b3b3b3;
  border-bottom: none;
}

.cart-table tr+tr {
  border-top: 1px dotted #efefef;
}

.cart-table .product-image {
  width: 85px;
  margin: 10px 0;
  vertical-align: middle;
  position: relative;
  display: block;
}

.cart-table .product-image .sold-out {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgb(0, 0, 0, 0.4);
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 15px;
}

.cart-table .product-image img {
  width: 100%;
}

.cart-table .product-info {
  padding: 10px 0 15px 14px;
  vertical-align: middle;
}

.cart-table .product-info .product-name {
  padding-top: 5px;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin: 0 auto 8px;
}

.cart-table .product-info .product-price {
  font-size: 12px;
  letter-spacing: 0.05em;
  margin: 0 auto;
}

.cart-table .product-control {
  padding: 10px 0;
  vertical-align: middle;
}

.cart-table td .amout {
  /* margin-bottom: 5px; */
  float: left;
  width: 20%;
  margin-right: 14px;
}

.cart-table td .amout span {
  display: block;
}

.cart-table td .amout input {
  width: 100%;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 9px;
  line-height: 1;
  text-align: center;
}

.cart-table td .amout p {
  width: 100%;
  padding: .5em 0;
  text-align: center;
}

.cart-table td .delete {
  float: left;
}

.wrap-user.favorite-list .cart-table td .delete a {
  display: block;
  width: 40px;
  height: 20px;
  padding: 10px 5px;
  font-size: 11px;
  line-height: 2px;
  text-align: center;
}

.cart-table .product-info .delete {
    background: #ddd;
    text-align: center;
    padding: 10px 0;
    font-size: 11px;
    width: 50px;
}
.cart-table td .add a {
  background: #000;
  color: #FFF;
  text-align: center;
  width: 40px;
  display: block;
  height: 40px;
  line-height: 40px;
}

.cart-unit+.cart-unit {
  margin-top: 38px;
}

.cart-unit .attention,
.cart-unit-footer .attention {
  line-height: 1.6;
  font-size: 10px;
  color: #f00;
  margin-top: calc(12* (100vw / 750));
}

.cartOnly .cart-unit .attention,
.cartOnly .cart-unit-footer .attention {
  line-height: 1.6;
  font-size: calc(22* (100vw / 750));
  color: #f00;
  margin-top: calc(12* (100vw / 750));
}

.cart-unit .cart-unit-footer {
  padding: 20px 0 0;
}

.cart-unit dl {
  display: table;
  width: 100%;
  border-bottom: 1px solid #b3b3b3;
  padding: 10px 0;
}

.cart-unit dl dt,
.cart-unit dl dd {
  line-height: 1.66;
  vertical-align: middle;
  display: table-cell;
}

.cart-unit dl dt {
  width: 50%;
}

.cart-unit dl dd {
  text-align: right;
}

.cart-unit dl>div {
  display: table-cell;
}

.cart-unit-footer input {
  width: 100%;
}

.cart-unit-footer .use-point {
  padding: 0 0 20px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.cart-unit-footer .use-point+.coupon-point {
  padding: 20px 0;
}

.cart-unit-footer .use-point dt,
.cart-unit-footer .coupon-point dt {
  width: 35%;
}

.cart-unit-footer .use-point dd,
.cart-unit-footer .coupon-point dd {
  display: block;
}

.cart-unit-footer .use-point dd input,
.cart-unit-footer .coupon-point dd input {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  -webkit-appearance: none;
  border: 1px solid #CCCCCC;
}
.coupon-point .radio-btn tbody {
    display: flex;
}

.coupon-point .radio-btn tbody td label {
    padding-left: 10px;
}
.cart-unit-footer .use-point dd span {
  font-size: calc(22* (100vw / 750));
  margin-top: 5px;
  display: block;
}
.cart-unit-footer .use-point dd {
    width: 65%;
    margin-left: 5%;
}

.cart-unit-footer .use-point dd input {
    padding: 4%;
    width: 90%;
}
.cart-footer {
  margin: 20px 0 38px;
}

#AmazonPayButton {
  margin: 20px auto -10px;
  text-align: center;
}

/* Amazonカートボタン情報 */
.cart-btn-info {
  margin-top: 13px;
  font-size: 10px;
}

.cart-btn-info .cart-btn-link {
  display: block;
  margin-top: -6px;
  font-size: 11px;
}

.cart-btn-info .cart-btn-link a {
  text-decoration: underline;
}
/* //Amazonカートボタン情報 */

.cart-footer .button-next {
  width: 100%;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cart-footer .button-next .btn {
  width: 100%;
  height: 100%;
  display: block;
  padding: 18px 0 17px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #000;
  color: #fff;
  margin: 20px auto 10px;
}

.cart-footer .button-next .btn.newB,
.cart-footer .button-prev .btn.newB {
  width: 100%;
  height: 100%;
  display: block;
  padding: 6px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cart-footer .button-prev {
  width: 100%;
  height: 50px;
  background: #ddd;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cart-footer .button-prev.newBw {}

.cart-footer .button-prev .btn {
  width: 100%;
  height: 100%;
  display: block;
  padding: 18px 0 17px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cart-footer .btn_new_mem {
  width: 100%;
  height: 50px;
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

.cart-footer .btn_new_gest {
  width: 100%;
  height: 50px;
  background: #ddd;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin-top: 10px;
}


/* ノベルティ */

.cart-novelty-unit .cart-table .product-control {
  padding: 10px 0 10px 14px;
  vertical-align: middle;
}

.cart-novelty-unit .title {
  background-color: #ddd;
  padding: 11px 10px;
  font-size: 13px;
  line-height: 1.66;
  margin-top: 15px;
}

.cart-novelty-unit .title span {
  font-size: 11px;
}

.cart-novelty-unit .info {
  padding: .5em;
  background-color: #fff;
  display: block;
}

.cart-novelty-unit .msg {
  color: red;
  margin: calc(5 *(100vw/390)) 0 0;
  font-size: calc(11 *(100vw/390));
  line-height: 1.6;
}

.cart-novelty-unit>div {
  /* border-bottom: 1px solid #b3b3b3; */
  position: relative;
}

.cart-novelty-unit .cart-table {
  border-bottom: none;
  display: inline-block;
  overflow: hidden;
}

.cart-novelty-unit .cart-table tbody {
  position: relative;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
  -moz-transition: max-height 0.5s ease-in-out;
  -webkit-transition: max-height 0.5s ease-in-out;
  display: block;
}

.cart-novelty-unit .more {
  cursor: pointer;
  padding-top: calc(260 *(100vw / 750));
  font-size: calc(24 *(100vw / 750));
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: linear-gradient(#ffffff17 0%, #fff);
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  width: 100%;
  height: calc(340 *(100vw / 750));
}

.cart-novelty-unit .more::after {
  content: '';
  width: calc(12 *(100vw / 750));
  height: calc(12 *(100vw / 750));
  display: inline-block;
  transform: rotate(135deg);
  border-top: 1px solid;
  border-right: 1px solid;
  margin: calc(6 *(100vw / 750)) calc(6 *(100vw / 750)) calc(6 *(100vw / 750)) calc(20 *(100vw / 750));
}

.cart-novelty-unit .more.is-active {
  display: none;
}

/* ---- MODAL ---- */

.novelty_modal_txt {
  margin-top: 15px;
  margin-bottom: 10px;
  padding-right: 0;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}

.novelty_modal_txt a {
  transition: opacity .4s ease-in-out;
  position: relative;
  display: inline-block;
  padding-left: 24px;
  text-decoration: none;
}

.novelty_modal_txt a:hover {
  opacity: .6;
}

.novelty_modal_txt a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background: #000;
  color: #fff;
  border-radius: 100%;
  font-size: 10px;
  font-weight: bold;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0;
  content: "?";
}

.modaal-wrapper .modaal-close {
}

.novelty_modal {
  display: none;
}

.modaal-container {
  max-width: 720px;
  box-shadow: inherit;
}

.modaal-content-container {
  padding: 34px 50px 38px;
}

.novelty_modal__inner {
  font-size: 11px;
  line-height: 2;
}

.novelty_modal__inner .novelty_modal__content {
  padding: 30px 0 0;
  text-align: left;
  line-height: 2;
  color: #333;
}

.novelty_modal__inner .novelty_modal__content .txt_small {
  font-size: 11px;
}

.novelty_modal__inner br.pc_only {
  display: none;
}

.novelty_modal__inner br.sp_only {
  display: inline;
}

.novelty_modal__inner a {
  text-decoration: underline;
}

.novelty_modal__inner a:hover {
  text-decoration: none;
}

.modaal-wrapper .modaal-close {
  transition: opacity .4s ease-in-out;
  position: absolute;
  right: 5px;
  top: 7px;
}

.modaal-wrapper .modaal-close:hover {
  opacity: .6;
}

.modaal-wrapper .modaal-close:after,
.modaal-wrapper .modaal-close:before {
  width: 1px;
  height: 20px;
  border-radius: 1px;
  background: #000;
}

.modaal-wrapper .modaal-close:hover:after,
.modaal-wrapper .modaal-close:hover:before {
  background: #000;
}

.cart-novelty-unit .attention {
  color: inherit !important;
}


.novelty_modal__inner .novelty_table  {
  width: 100%;
  margin-bottom: 20px;
  border-collapse:  collapse;
}

.novelty_modal__inner .novelty_table th,
.novelty_modal__inner .novelty_table td {
  border: solid 1px #dcdcdc;
  padding: 6px 12px;
  text-align: center;
}

.novelty_modal__inner .novelty_table th {
  background: #eee;
}

.novelty_modal__inner p {
  margin-bottom: 20px;
}

.novelty_modal__inner p:last-child {
  margin-bottom: 0;
}

.novelty_modal__inner p a {
  text-decoration: underline;
}

.novelty_modal__inner p a:hover {
  text-decoration: none;
}

.novelty_modal__inner p strong {
  font-weight: bold;
}

/* ---- //MODAL ---- */



/* ---------------------------------
*    ログイン / OrderOwnerDecision
*/
.order-unit {
  line-height: 1.66;
}

.order-unit .order-form {
  margin: 0 0 10px;
  /*width: 96%;*/
}

.order-unit .shipping {
  margin-top: 38px;
}

.order-unit .order-form dt,
.order-unit .order-form dd {
  margin: 10px 0;
}

.order-unit .order-form>dd {
  margin: 0;
}

.order-unit .order-form dd.message {
  padding: .1em;
  line-height: 1.5;
}

.order-unit .order-form dt {
  background-color: #f1f1f1;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
}

.order-unit .order-form dd dt {
  /*background-color: transparent;
  border-bottom: 1px solid #000;
  color: #000;*/
}

.order-unit .order-form dd input[type="text"],
.order-unit .order-form dd input[type="email"],
.order-unit .order-form dd input[type="tel"],
.order-unit .order-form dd input[type="password"] {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  -webkit-appearance: none;
  border: 1px solid #CCCCCC;
}

.order-unit input[type="checkbox"] {
  border: 1px solid #cccccc;
  -webkit-appearance: none;
  position: relative;
  margin: -2px 8px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 0;
}

.order-unit input[type="checkbox"]:checked:before {
  position: absolute;
  left: 0px;
  top: 12px;
  display: block;
  content: "";
  width: 10px;
  height: 2.5px;
  background: #777777;
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: right center;
}

.order-unit input[type="checkbox"]:checked:after {
  display: block;
  position: absolute;
  left: 9px;
  top: 12px;
  content: "";
  width: 12px;
  height: 2.5px;
  background: #777777;
  -webkit-transform: rotate(-53deg);
  -webkit-transform-origin: left center;
}

/* ▽▽ここから注文者情報の確認・変更するオリジナルのチェックボックス チェックボックスを元に戻す場合はここの中全て消す▽▽ */
.shipping_payment .order-unit .accbox input[type="checkbox"] {
  border: 1px solid #cccccc;
  -webkit-appearance: none;
  position: relative;
  margin: -2px 8px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 0;
}

.shipping_payment .order-unit .accbox input[type="checkbox"]:before {
  position: absolute;
  left: 0px;
  top: 14px;
  display: block;
  content: "";
  width: 10px;
  height: 2.5px;
  background: #777777;
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: right center;
}

.shipping_payment .order-unit .accbox input[type="checkbox"]:after {
  display: block;
  position: absolute;
  left: 9px;
  top: 12px;
  content: "";
  width: 12px;
  height: 2.5px;
  background: #777777;
  -webkit-transform: rotate(-53deg);
  -webkit-transform-origin: left center;
}

.shipping_payment .order-unit .accbox input[type="checkbox"]:checked:before {
  display: none;
}

.shipping_payment .order-unit .accbox input[type="checkbox"]:checked:after {
  display: none;
}

/* △△ここまで注文者情報の確認・変更するオリジナルのチェックボックス チェックボックスを元に戻す場合はここの中全て消す△△ */

.order-unit .button {
  margin: 1em 0;
}

.order-unit .btn {
  border: 1px solid;
  padding: 5px 10px;
  display: block;
  text-align: center;
}

.order-unit .checked {
  text-align: center;
  margin: .5em 0;
}

.not-login {
  margin: 38px 0;
}

.not-login .order-footer {
  margin-top: 20px;
}

.order-form .require {
  color: #f00;
  font-weight: bold;
}

.order-form .attention span {
  display: block;
}

.login .order-footer {
  margin-top: 20px;
}

.login .order-form input {
  width: 100%;
}

/* ---------------------------------
*    カート選択/CartSelect
*/
.cart-select h3 {
  background-color: #f1f1f1;
  padding: 11px 10px;
  font-size: 13px;
  line-height: 1.66;
}

.cart-select .cart-table .product-control {
  /* margin-top: 10px; */
  padding: 10px 0 10px 14px;
  vertical-align: middle;
}

.cart-select .cart-table td .add a {
  background: #000;
  color: #FFF;
  text-align: center;
  width: 40px;
  display: block;
  height: 40px;
  line-height: 40px;
}

.cart-select input[type="checkbox"] {
  border: 1px solid #cccccc;
  -webkit-appearance: none;
  position: relative;
  margin: -2px 8px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 0;
}

.cart-select input[type="checkbox"]:checked:before {
  position: absolute;
  left: 0px;
  top: 13px;
  display: block;
  content: "";
  width: 10px;
  height: 2.5px;
  background: #777777;
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: right center;
}

.cart-select input[type="checkbox"]:checked:after {
  display: block;
  position: absolute;
  left: 9px;
  top: 13px;
  content: "";
  width: 12px;
  height: 2.5px;
  background: #777777;
  -webkit-transform: rotate(-53deg);
  -webkit-transform-origin: left center;
}

/* ---------------------------------
*    注文者・配送先 / OrderShipping
*/

/* フォームのinput */
.order-form .flex {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-content: center;
  align-items: stretch;
}

.order-form .flex li {
  flex-grow: 1;
}

.order-form .float li {
  float: left;
}

.order-form .name li {
  margin: 0 5px 0 0;
}

.order-form .name li:nth-of-type(2) {
  margin: 0 0 0 5px;
}

.order-form .name input,
.order-form .name-kana input {
  width: 100%;
}

.order-form .mail input,
.order-form .mail-confirm input,
.order-form .mobile input,
.order-form .mobile-confirm input,
.order-form .address input,
.order-form .password input {
  width: 100%;
}

.order-form .zip input {
  width: 100%;
}

.order-form .zip .btn-add-search {
  display: block;
  padding: 1em;
  background-color: #000;
  margin: .5em 0;
  width: 50%;
  text-align: center;
  color: #fff;
}

.order-form .birth li {
  line-height: 37px;
}

.order-form .birth li.form,
.order-form .zip li.form,
.order-form .card-exp li.form {
  width: 20%;
}

.order-form .birth li.ttx,
.order-form .zip li.ttx,
.order-form .tel li.ttx,
.order-form .card-exp li.ttx {
  margin: 0 10px;
  line-height: 37px;
}

.order-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background: #FFF url(../../SmartPhone/Contents/ImagePkg/common/select_arrow.gif) no-repeat !important;
  background-size: 13px 7px !important;
  background-position: right 10px center !important;
  height: 37px;
  font-size: 1em;
  text-indent: 0.3em;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding-left: 5px;
  line-height: 1;
  width: 100%;
  border-radius: 5px;
  -webkit-appearance: none;
  border: 1px solid #CCCCCC;
}

.order-form .tel input {
  width: 30%;
}

.order-form .address input,
.order-form .address select,
.order-form .mail input,
.order-form .mobile input,
.order-form .password input {
  margin-bottom: .2em;
}

.order-unit .shipping-select {
  /*text-align: center;
  padding: 1em 0;*/
}

.order-form .shipping-input {
  /*background-color: #fafafa;*/
}

.order-form .fixed-date {
  padding: .5em;
}

/* ---------------------------------
*    お支払い方法 / OrderPayment
*/

.payment-list .box-center {
  padding: 1em 0;
  text-align: center;
  line-height: 1.5;
}

.payment-list .box-center .payment-list .box-center select {
  width: 100%;
  margin: .3em 0;
}

.credit-card h4 {
  background-color: #f1f1f1;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  margin: 10px 0;
}

.credit-card .msg {
  padding: 5px 0 5px;
}

/* フォームのinput */

.order-form .card-nums input {
  width: 100%;
}

.order-form .card-name input,
.order-form .card-title input {
  width: 100%;
}

.select-same-payment {
  display: block;
  padding: 0;
}

.order-payment .order-form h4 {
  /*padding: 0 0 .5em .5em;
  margin-bottom: .5em;
  border-bottom: 1px solid #000;
  font-weight: normal;*/
}

.order-payment .payment-list ul li {
  /*margin-bottom: 1.5em;*/
}

.order-payment .payment-list ul li p {
  /*line-height: 1.5;
  margin: .3em 0;*/
}

.order-payment .payment-list {
  /*width: 96%;*/
  margin: 0 0 10px;
}

.order-payment .payment-list dt.title {
  /*background-color: #333;
  margin-bottom: 1px;
  color: #fff;*/
}

.order-payment .payment-list dd {
  padding: 0;
}

.order-payment .payment-list dd .inner {
  /*padding: .5em;*/
}

.order-payment .payment-list dd .title {
  font-weight: bold;
  margin: .3em 0;
}

/* ---------------------------------
*    注文確認 / OrderComfirm
*/
.order-comfirm>.cart-unit {
  margin-top: 38px;
}

.order-comfirm>.cart-unit.no1 {
  margin-top: 0;
}

.cart-footer .button-next.order .btn {
  background-color: #000;
}

.order-comfirm .order-unit .order-form {
  margin: 0;
}

.comfirm-shipping .order-form dd {
  margin-bottom: 1em;
}

.order-comfirm .button-change {
  width: 100%;
  height: 50px;
  background: #ddd;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px 0 20px;
}

.order-comfirm .button-change .btn {
  width: 100%;
  height: 100%;
  display: block;
  padding: 18px 0 17px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}

.order-comfirm .order-unit .order-form dd dt {
  background-color: #f1f1f1;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
}

.order-comfirm .order-unit .order-form dd label {
  position: relative;
  display: inline-block;
  /* padding: 0 0 0 25px; */
  cursor: pointer;
  /* margin-right: 20px; */
  font-size: 12px;
}

.order-comfirm .order-unit .order-form dd label.firstRadio {
  margin-bottom: 10px;
}
/*
.order-comfirm .order-unit .order-form dd label::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: #fff;
  border: 1px solid #666666;
  border-radius: 100%;
}
*/
.order-comfirm .order-unit .order-form dd input[type="radio"]:checked+label::after {
  position: absolute;
  content: '';
  top: 4.5px;
  left: 4px;
  width: 10px;
  height: 10px;
  background: #666666;
  border-radius: 100%;
}
.order-comfirm .order-unit .order-form .mailmaga-list td {
    display: flex;
    align-content: center;
    margin: 0 0 10px;
}
/* ---------------------------------
*    注文完了 / OrderComplete
*/

.order-complete .unit {
  padding: 0 .5em;
}

.order-complete h2 {
  font-size: 14px;
  text-align: center;
  padding: 1em 0;
  background-color: transparent;
}

.order-complete .order-history-id {
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  background-color: #f1f1f1;
  margin-bottom: 10px;
}

.order-complete h2 {
  margin-bottom: 10px;
}

.order-complete h3 {
  display: block;
}

.order-complete .regist-member {
  width: 60%;
  margin: 0 auto;
}

/* コンビニ前払い */

.order-complete .cvs-list table {
  width: 100%;
  margin: .3em;
}

.order-complete .cvs-list table th,
.order-complete .cvs-list table td {
  padding: .5em;
}

.order-complete .cvs-list table td a {
  text-decoration: underline;
}

/* ---------------------------------
*    購入一覧 購入履歴詳細 / OrderHistoryList OrderHistoryDetail
*/

.order-history-list .content,
.order-history-detail .content {
  /*width: 95%;
  margin: 1em auto;*/
}

.order-history-list h3,
.order-history-detail h3 {
  color: #fff;
  background-color: #000;
}

.order-history-list .order-unit .order-form dt,
.order-history-detail .order-unit .order-form dt {
  /*background-color: #ccc;
  color: #000;*/
}

.order-history-detail .order-footer+h2 {
  margin-top: 38px;
}

.order-history-list .content>ul>li {
  /*margin-bottom: 1.5em;
  background-color: #fafafa;
  height: 100%;*/
}

.order-history-list .order-footer+dl {
  margin-top: 38px;
}

.order-unit .order-id {
  text-align: center;
  padding: .5em 0;
  font-size: 18px;
}

.order-history-nav {
  list-style-type: none;
  /*padding: .5em 0;*/
}

.order-history-nav ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 30px;
  line-height: 30px;
}

.order-history-nav ul li {
  display: table-cell;
  width: 50%;
  text-align: center;
  background-color: #ddd;
}

.order-history-nav ul li a {
  display: block;
  background-color: #fafafa;
  padding: .5em 0;
}

.order-history-nav .title {
  font-weight: bold;
}

.order-history-list .button {
  padding: 0;
  margin: 0;
}

.order-history-list .order-unit .btn {
  padding: .7em;
  width: 50%;
  margin: 1em auto;
}

.order-history-list .order-date {
  font-size: 11px;
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin: 0 auto 8px;
}
.order-history-list .brand-name {
    font-size: 12px;
    padding-bottom: 5px;
    color: #888;
}

.order-history-product {
  margin: 0 !important;
}

.order-history-product dd {
  border-bottom: 1px solid #b3b3b3;
  padding: 10px 0;
  font-size: 13px;
  /*padding: .5em 1em !important;*/
}

/* 購入履歴_ポップアップ */
.order-history-product-list .user-product-arrival-mail-regist .user-form dd input[type="text"]{
  width: 90%;
  margin: 10px auto 5px;
}

.order-history-product-list .user-product-arrival-mail-regist .order-footer {
  margin-top: 10px;
  border: none;
}

.order-history-product-list .user-product-arrival-mail-regist {
  position: relative;
  padding: 0 0 20px;
  background-color: #fff;
  z-index: 10;
  border: solid 1px #ddd;
  box-shadow: 0 8px 16px #aaa;
}

.order-history-product-list .user-product-arrival-mail-regist .user-form dt {
  height: auto;
  line-height: 1.5;
  padding: 0;
  margin: 0;
  background-color: #fff;
}
.order-history-product-list .user-product-arrival-mail-regist .msg{
  padding: 8px 16px 8px;
  background: #777;
  color: #fff;
}
.order-history-product-list .user-product-arrival-mail-regist .order-footer .button-corre{
  width: 70%;
}
.order-history-product-list .user-product-arrival-mail-regist .order-footer .button-corre .btn {
  background: #000;
  color: #fff;
}

/* ---------------------------------
*    領収書発行
*/
.ReceiptPrint dd.flex,
.ReceiptPrint dd .andBtn {
  display: flex;
  justify-content: space-between;
}

.ReceiptPrint #ctl00_ContentPlaceHolder1_Dd2 {
  display: block;
  height: 30px;
  margin-left: 10px;
  padding: 0 10px;
  background-color: #888;
  line-height: 30px;
  color: #fff;
  font-size: 12px;
  width: 80px;
  text-align: center;
}

.ReceiptPrint #ctl00_ContentPlaceHolder1_Dd2 a {
  border: none;
  padding: 0;
}

.ReceiptPrint #ctl00_ContentPlaceHolder1_Dd4 input {
  background-color: #fff;
  color: #000;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  display: block;
  border: 1px solid #000 !important;
  font-size: inherit;
  color: #000 !important;
}

.ReceiptPrint dd.flex {
  margin-bottom: 10px;
}

/* ---------------------------------
*    会員共通
*/

.order-form dd.sex label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 30px;
  cursor: pointer;
  margin-right: 20px;
}

.payment-list label {
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  cursor: pointer;
  margin-right: 20px;
}

.payment-list dd label {
  padding: 0;
}

.order-form dd.sex label::before,
.payment-list dt label::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
}

.order-form dd.sex input[type="radio"]:checked+label::after {
  position: absolute;
  content: '';
  top: 5px;
  left: 4px;
  width: 10px;
  height: 10px;
  /* margin-top: -5px; */
  background: #777;
  border-radius: 100%;
}

.payment-list input[type="radio"]:checked+label::after {
  position: absolute;
  content: '';
  top: 12px;
  left: 4px;
  width: 10px;
  height: 10px;
  /* margin-top: -5px; */
  background: #777;
  border-radius: 100%;
}

.order-form dd.extend {
  line-height: 2;
}

.order-form dd.extend ul li.title {
  font-weight: bold;
  border-top: 1px dotted #ccc;
  margin: .3em 0;
}

.order-form dd.extend ul li.title:first-child {
  border-top: none;
}


/* ---------------------------------
*    会員登録完了 / OrderComplete
*/

.user-regist-complete p {
  padding: 1em;
  line-height: 1.5;
}

/* ---------------------------------
*    会員新規登録 / UserRegistRegulation
*/

.order-unit .regulation {
  height: 300px;
  overflow-x: scroll;
  border: 1px solid #000;
  padding: 10px;
}

/* 同梱注文選択画面 / OrderCombineSelectList */
.OrderCombineSelectlist .title {
  margin-top: .1em;
  padding: .5em;
  background-color: #000;
  color: #fff;
  font-size: 15px;
}

.OrderCombineSelectlist .message {
  font-size: 11px;
  padding: .5em;
  line-height: 1.5;
}

.OrderCombineSelectlist .table-title {
  width: auto;
  font-size: 14px;
  padding: 5px 0 10px 5px;
  border-bottom: 1px solid #333;
}

.OrderCombineSelectlist table {
  width: 100%;
}

.OrderCombineSelectlist .radio {
  width: 60px;
  border-bottom: 1px solid #333;
  text-align: center;
}

.OrderCombineSelectlist table td {
  padding: 4px;
  line-height: 1.3;
}

.OrderCombineSelectlist table th {
  padding: 4px;
  line-height: 1.3;
  width: 105px;
  font-weight: normal;
  text-align: right;
}

.OrderCombineSelectlist table tr:last-child {
  border-bottom: 1px solid #333;
}

/*8/7追記*/
.order-unit input[type="radio"] {
  display: none;
}

/*---------------------------------------
 カートリスト CartList.aspx
 ---------------------------------------*/
.CL_guestbtn {
  text-align: center;
  font-size: 12px;
  margin: 15px 0 25px 0px;
}

.CL_guestbtn a:after {
  content: '>';
  display: inline-block;
  margin: 0 0 0 5px;
}



/*---------------------------------------
 カート短縮 OrderShippingPayment
 ---------------------------------------*/
.shipping_payment .order-unit .order-form.hiddenArea {
  margin: 0 0 10px;
  /*width: 96%;*/
}

.shipping_payment .order-unit .order-form {
  margin: 0 0 0;
  /*width: 96%;*/
}

.shipping_payment .order-unit .shipping {
  margin-top: 0px;
}

.shipping_payment .cart-table .product-image {
  width: 85px;
  padding: 10px 0;
  vertical-align: middle;
}

.cart-table .product-info {
  width: 74%;
  padding: 10px 0 15px 14px;
  vertical-align: middle;
}

.shipping_payment .cart-table {
  /* width: 100%; */
  /* border-bottom: none; */
  /* margin-top: 15px; */
  /*border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;*/
}

.shipping_payment .cart-table {
  width: 100%;
  border-bottom: none;
  /* margin-top: 15px; */
  /*border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;*/
}

.shipping_payment .payment-list label {
  position: relative;
  display: inline-block;
  padding: 0 0 0 25px;
  cursor: pointer;
  margin-right: 20px;
  font-size: 12px;
}

.shipping_payment .payment-list .box-center label {
  padding: 0 0 0 0;
}

.shipping_payment .order-unit .order-form.payment-list {
  /* border-bottom: 1px solid #b3b3b3; */
  padding: 5px 0;
  /* margin-bottom: 49px; */
}

.shipping_payment .order-unit .order-form.payment-list dt {
  background-color: transparent;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}

.shipping_payment .cartnum_2 .order-unit .order-form.payment-list dt:first-of-type {
  background-color: transparent;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  margin-top: -5px;
}

.shipping_payment .payment-list dt label::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: #fff;
  border: 1px solid #666666;
  border-radius: 100%;
}

.shipping_payment .payment-list input[type="radio"]:checked+label::after {
  position: absolute;
  content: '';
  top: 9px;
  left: 4px;
  width: 10px;
  height: 10px;
  /* margin-top: -5px; */
  background: #666666;
  border-radius: 100%;
}

.shipping_payment .payment-list .box-center {
  padding: 1em 0;
  text-align: left;
  line-height: 1.5;
}

.shipping_payment .payment-list .credit-card {
  padding: 0 0 5px;
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 15px;
}

.shipping_payment .payment-list .inner .box-center {
  padding: 0 0;
  text-align: left;
  line-height: 1.5;
}

.shipping_payment .payment-list .inner .box-center.mb15 {
  padding: 0 0 15px;
  text-align: left;
  line-height: 1.5;
}

.shipping_payment .order-unit .shipping-select {
  /*text-align: center;
    padding: 1em 0;*/
  /* margin: 10px 0 0 5px; */
  padding: 15px 0 5px;
  /* border-bottom: 1px solid #b3b3b3; */
  font-size: 12px;
}

.shipping_payment .select-same-payment {
  display: block;
  padding: 15px 0;
  /* border-bottom: 1px solid #b3b3b3; */
  font-size: 12px;
}

.shipping_payment .credit-card .msg {
  padding: 5px 0 0;
}

.accbox {
  padding: 15px 0;
  border-bottom: 1px solid #b3b3b3;
}

.accbox label {
  display: block;
  cursor: pointer;
  transition: all 0.5s;
  font-size: 12px;
}

.accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
}

.cssacc:checked+label+.accshow {
  height: auto;
  opacity: 1;
}

.accbox label {
  position: relative;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  margin-right: 20px;
  font-size: 12px;
}

.card-time {
  margin-bottom: 16px;
}

.shipping_payment .credit-card .msg.saveCard {
  padding: 0 0 0;
}

.shipping_payment .credit-card .card-save .creditName {
  margin-bottom: 15px;
}

.shipping_payment .order-unit .accbox input[type="checkbox"] {
  margin: -2px 8px 0 5px;
}

.shipping_payment .order-unit input[type="checkbox"] {
  border: 1px solid #cccccc;
  -webkit-appearance: none;
  position: relative;
  margin: 0px 8px 0 5px;
  width: 20px;
  height: 20px;
  border-radius: 0;
  font-size: 14px;
  background: #ffffff;
}

.shipping_payment .order-unit.payment {
  border-bottom: 1px solid #b3b3b3;
}

.shipping_payment .cartnum_2 .withLine {
  padding: 0 0 10px;
  border-bottom: 1px solid #b3b3b3;
}

.shipping_payment .cart-footer {
  margin: 25px 0 38px;
}

.shipping_payment .order-unit input[type="checkbox"]:checked:after {
  display: block;
  position: absolute;
  left: 9px;
  top: 11px;
  content: "";
  width: 12px;
  height: 2.5px;
  background: #777777;
  -webkit-transform: rotate(-53deg);
  -webkit-transform-origin: left center;
}

.shipping_payment .order-unit .tab-wrap {
  padding: 15px 0 25px;
  border-bottom: 1px solid #b3b3b3;
}


.shipping_payment .order-unit .tab-wrap label {
  position: relative;
  display: inline-block;
  padding: 0 0 0 25px;
  cursor: pointer;
  margin-right: 20px;
  font-size: 12px;
}

.shipping_payment .order-unit .tab-wrap label.firstRadio {
  margin-bottom: 10px;
}

.shipping_payment .order-unit .tab-wrap label::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: #fff;
  border: 1px solid #666666;
  border-radius: 100%;
}

.tab-content {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
}

/* アクティブなタブ */
.tab-switch:checked+.tab-label::after {
  position: absolute;
  content: '';
  top: 5px;
  left: 4px;
  width: 10px;
  height: 10px;
  background: #666666;
  border-radius: 100%;
}

.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  opacity: 1;
  transition: .5s;
}

.tab-wrap .tab-content .order-form dd.sex input[type="radio"]:checked+label::after {
  position: absolute;
  content: '';
  top: 5px;
  left: 4px;
  width: 10px;
  height: 10px;
  /* margin-top: -5px; */
  background: #777;
  border-radius: 100%;
}

.shipping_payment .order-unit .tab-wrap .innerMail label {
  padding: 0 0 0 0;
}

.shipping_payment .order-unit .tab-wrap .innerMail label::before {
  display: none;
}

.shipping_payment .shipping .checkBox {
    display: flex;
}
.orderSettlement {
  margin-bottom: 30px;
}

.orderSettlement h2 {
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  position: relative;
  padding: 18px 0 17px;
  border-bottom: 1px solid #b3b3b3;
}

.orderSettlement h2+p {
  font-size: 11px;
  margin: 15px auto 20px;
  line-height: 1.5;
}

.orderSettlement .list {
  padding: 20px;
  border: 1px solid #ccc;
}

.orderSettlement .list+.list {
  margin-top: 30px;
}

.orderSettlement .list h3 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 15px;
}

.orderSettlement .list .row {
  /*border-top: 1px solid #b3b3b3;*/
  border-bottom: 1px solid #b3b3b3;
  padding: 10px 0;
}

.orderSettlement .list .row+.row {
  border-top: none;
}

.orderSettlement .cart-footer {
  margin-bottom: 0;
}

.orderSettlement .cart-footer .button-next {
  margin-bottom: 0;
}

.orderSettlement .cart-footer .status.txx {
  padding: 18px 0 17px;
  border: 1px solid #000;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1;
}


.ttl_rakuten {
  font-size: 13px;
  padding: 20px 0 0;
}

.rakuten_link {
  display: block;
}

.rakuten_txt {
  line-height: 20px;
  font-size: 12px;
  padding: 10px 0;
}

.rakuten_txt a {
  color: blue;
}


.credit_txt {
  line-height: 1.8;
  font-size: calc(24 * (100vw / 750));
  padding: calc(10 * (100vw / 750)) 0;
}

/*==============================================================================================
FavoriteList.aspx
==============================================================================================*/
#dvFavoriteList {
  letter-spacing: 0.03em;
  font-size: calc(24 *(100vw/750));
}

#dvFavoriteList .DispCheckBox {
  text-align: right;
  margin: calc(40 *(100vw/750)) calc(15 *(100vw/750));
  color: #666666;
}

.favoriteWrap .favoriteItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: calc(40 *(100vw/750));
  padding-bottom: calc(40 *(100vw/750));
  justify-content: space-between;
}

.favoriteWrap .favoriteProductImage {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.favoriteProductInfo {
  width: calc(470 *(100vw/750));
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.favoriteWrap .favoriteProductImage>a {
  display: block;
  position: relative;
  width: calc(180 *(100vw/750));
  height: calc(180 *(100vw/750));
}

.favoriteWrap .favoriteProductImage .stock {
  background: #e5e5e5;
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.favoriteWrap .favoriteProductImage .sell_quantity {
  height: calc(40 *(100vw/750));
  font-size: calc(20 *(100vw/750));
  font-weight: bold;
  position: inherit;
}

.favoriteWrap .favoriteProductImage .sell_quantity span {
  font-weight: bold;
}

.favoriteWrap .favoriteProductImage .soldout {
  font-family: futura-pt;
  color: #fff;
  height: 100%;
  top: 0;
  background: rgb(0, 0, 0, 0.4);
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.favoriteWrap .favoriteItems a img {
  width: 100%;
}

.favoriteWrap .favoriteProductBrand {
  padding-bottom: calc(5 *(100vw/750));
  font-weight: bold;
}

.favoriteWrap .favoriteItems .productName {
  line-height: 1.5;
  font-weight: bold;
}

.favoriteWrap .favoriteItems .productPrice {
  margin: calc(10 *(100vw/750)) auto calc(20 *(100vw/750)) !important;
  font-size: calc(28 *(100vw/750));
}

.favoriteWrap .favoriteItems .productPrice strike {
  line-height: 1 !important;
  margin-bottom: calc(8 *(100vw/750));
  display: inline-block;
}

.favoriteWrap .favoriteItems .productPrice .tax {
  font-size: calc(20 *(100vw/750));
}

.favoriteWrap .favoriteItems .productPrice .discountRateS {
  text-align: center;
  display: inline-block;
  line-height: calc(36 *(100vw/750));
  width: calc(100 *(100vw/750));
  font-size: calc(22 *(100vw/750));
  background: #fe0002;
  color: #fff;
  margin-right: calc(15 *(100vw/750));
}

.favoriteWrap .favoriteItems .color,
.favoriteWrap .favoriteItems .size {
  font-size: calc(22 *(100vw/750));
  line-height: 1.4;
}

.favoriteWrap .cartBtnWrap>a {
  width: calc(300 *(100vw/750));
  font-weight: bold;
  font-size: calc(24 *(100vw/750));
  display: block;
  margin-top: calc(26 *(100vw/750));
  text-align: center;
  line-height: calc(60 *(100vw/750));
}

.favoriteWrap .cartBtnWrap>a.cartBtn {
  background: #000;
  color: #fff;
}

.favoriteWrap .cartBtnWrap>a.arrivalBtn {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

.favoriteWrap.delmode .cartBtnWrap {
  display: none;
}

/*入荷お知らせ*/
.favoriteWrap .arrivalMailRegisterOverlay {
  display: none;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #fff;
  opacity: 0.7;
}

.favoriteWrap .arrivalMailRegisterWrap {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -9999;
  background-color: #FFF;
  border: 1;
  border: #DDD solid 1px;
  width: calc(660 *(100vw/750));
  min-height: calc(340 *(100vw/750));
  opacity: 0;
  transition: all 100ms;
  padding: calc(35 *(100vw/750)) calc(30 *(100vw/750)) calc(20 *(100vw/750));
}

.favoriteWrap .arrivalMailRegisterWrap.active {
  z-index: 10000;
  opacity: 1;
}

.favoriteWrap .arrivalMailRegisterWrap .close {
  font-size: 0;
  width: calc(48 *(100vw/750));
  height: calc(48 *(100vw/750));
  position: absolute;
  top: calc(-24 *(100vw/750));
  right: calc(-24 *(100vw/750));
  background: #eeeeee;
  border-radius: 50%;
  cursor: pointer;
}

.favoriteWrap .arrivalMailRegisterWrap .close:before,
.favoriteWrap .arrivalMailRegisterWrap .close:after {
  content: "";
  position: absolute;
  width: calc(28 *(100vw/750));
  height: 1px;
  background: #000;
  top: 50%;
  right: calc(10 *(100vw/750));
}

.favoriteWrap .arrivalMailRegisterWrap .close:before {
  transform: rotate(45deg);
}

.favoriteWrap .arrivalMailRegisterWrap .close:after {
  transform: rotate(-45deg);
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail * {
  box-sizing: border-box;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: calc(600 *(100vw/750));
  letter-spacing: 0.08em;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail .divProductArrivalMail_txt {
  order: 2;
  font-size: calc(16 *(100vw/750));
  margin-top: calc(15 *(100vw/750));
  line-height: 1.2;
}

.favoriteWrap .divProductArrivalMail_txt_done {
  margin-top: calc(120 *(100vw/750)) !important;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table {
  order: 1;
  border: 1px solid #666666 !important;
  background: #fff;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table th {
  font-size: calc(22 *(100vw/750));
  width: calc(220 *(100vw/750));
  padding: calc(20 *(100vw/750)) 0 calc(20 *(100vw/750)) calc(20 *(100vw/750));
  line-height: 1;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table tr {
  display: flex;
  align-items: center;
  background-color: #eeeeee;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table tr:nth-child(1) {
  border-bottom: 1px solid #666666;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table td {
  font-size: calc(22 *(100vw/750));
  width: calc(380 *(100vw/750));
  background: #fff;
  padding: calc(25 *(100vw/750)) calc(30 *(100vw/750));
  line-height: 1;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table td .error_inline {
  margin-top: calc(10 *(100vw/750));
  display: block;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table td input[type="checkbox"] {
  display: none;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table td input.mailAddr {
  width: 100% !important;
  border: 1px solid #666666;
  border-radius: 0;
  padding: 0 calc(10 *(100vw/750));
  height: calc(50 *(100vw/750));
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail .btmbtn {
  order: 3;
  margin-top: 15px;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail .btmbtn ul.btmWrap li {
  text-align: center;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail .btmbtn ul.btmWrap li a.btn-next {
  width: calc(240 *(100vw/750));
  line-height: calc(60 *(100vw/750));
  background: #000;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-weight: bold;
}

/*複数削除*/
.favoriteWrap .favoriteItems .delete .deleteBox a {
  font-size: 0;
  width: calc(40 *(100vw/750));
  height: calc(40 *(100vw/750));
  top: 0;
  right: 0;
  display: block;
  position: absolute;
}

.favoriteWrap .favoriteItems .delete .deleteBox a:before,
.favoriteWrap .favoriteItems .delete .deleteBox a:after {
  content: "";
  position: absolute;
  width: calc(22 *(100vw/750));
  height: 1px;
  background: #000;
  top: 50%;
  right: 24%;
}

.favoriteWrap .favoriteItems .delete .deleteBox a:before {
  transform: rotate(45deg);
}

.favoriteWrap .favoriteItems .delete .deleteBox a:after {
  transform: rotate(-45deg);
}

#dvUserFltContents .addBtn a {
  font-size: 11px;
  display: block;
  background-color: #000000;
  color: #fff;
  padding: 3px 8px;
  text-align: center;
  width: 80%;
  margin: 10px 0 0 0;
}

.favoriteWrap .favoriteItems .delete {
  position: absolute;
  top: 0;
  right: 0;
}

.favoriteWrap .favoriteItems .delete .checkBox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: calc(30 *(100vw/750));
  height: calc(30 *(100vw/750));
  margin: calc(10 *(100vw/750));
  background: #fff;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
  pointer-events: none;
}

.favoriteWrap .favoriteItems .delete .checkBox input[type="checkbox"]:checked {
  background: #c9c9c9;
}

.favoriteWrap .favoriteItems .delete .checkBox input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  width: calc(22 *(100vw/750));
  height: calc(20 *(100vw/750));
  margin: calc(2*(100vw/750));
  background-image: url(/contents/imagespkg/user/checkBox_check.png);
  background-size: 100%;
}

#dvFavoriteList .DeleteFavoriteItem {
  text-align: center;
  position: fixed;
  bottom: calc(110 *(100vw / 750));
  left: 0;
  /*background: #fff;*/
  height: calc(120 *(100vw/750));
  width: 100%;
  z-index: 1000;
  /*box-shadow: 2px 2px 6px 1px #00000080;*/
  transition: all 500ms;
  display: none;
}

#dvFavoriteList .DeleteFavoriteItem.delmode.putback {
  display: block;
  position: inherit;
  box-shadow: none;
  z-index: 1;
  margin-bottom: 0;
  height: calc(80 *(100vw/750));
}

#dvFavoriteList .DeleteFavoriteItem a {
  background: #000;
  color: #fff;
  display: inline-block;
  width: calc(670 *(100vw/750));
  line-height: calc(80 *(100vw/750));
  font-weight: bold;
  margin: calc(20 *(100vw/750)) auto;
}

#dvFavoriteList .DispCheckBox a {
  display: inline-block;
  background: #ddd;
  padding: 5px 10px;
  border: 1px solid #ddd;
  color: #222;
}

#dvFavoriteList .DispCheckBox .reset, #dvFavoriteList .DispCheckBox .cancel {
  background: #fff;
  border: #888 1px solid;
}


#dvUserBox #dvFavoriteList .pager {
  margin-top: 20px;
}

#PageTopBtn {
  display: none !important;
}

/*楽天ペイ決済　注文完了ボタンのデザイン ------------------*/
.cart-footer .rakuten_next {
  margin-bottom: 0;
  background: initial;
  /* line-height: 0; */
  height: initial;
}

.cart-footer .rakuten_next .rakuten_wrap {
  background-color: #fff !important;
  padding: 0;
  height: initial;
}

/*-------------------------------------------------*/

/*==============================================================================================
  GiftSettingInput ラッピング選択ぺージ
==============================================================================================*/
#GiftSettingInput {
  font-size: calc(24 *(100vw/750));
  line-height: 1.5;
}

#GiftSettingInput #cartProducts {
  margin: calc(30 *(100vw/750)) auto calc(40 *(100vw/750));
}

#GiftSettingInput #radioButton0 {
  margin: calc(20 *(100vw/750)) 0 calc(20 *(100vw/750)) 2%;
}

#GiftSettingInput .select_wrap {
  margin-bottom: calc(40 *(100vw/750));
}

#GiftSettingInput .select_wrap td,
#GiftSettingInput .select_wrap td>div {
  display: block;
  /* align-items: center; */
}

#GiftSettingInput .select_wrap td .image {
  width: 25%;
  /* padding: calc(20 *(100vw/750)) 0; */
}

#GiftSettingInput .select_wrap td .item-txt {
  width: 68%;
  padding: 0 4% 0;
  font-size: calc(12 *(100vw/390));
}

#GiftSettingInput .select_wrap td .name span {
  display: block;
}

#GiftSettingInput .select_wrap td .price {
  padding-top: 4%;
  /* margin-left: 5%; */
}

#GiftSettingInput .select_wrap td+td {
  /* border-top: 1px dotted #efefef; */
}

#GiftSettingInput .select_wrap tr {
  width: 100%;
  /* border-bottom: 1px solid #b3b3b3; */
  display: block;
}

#GiftSettingInput label,
#GiftSettingInput .radioBtn input {
  display: inline-block;
  margin-right: calc(20 *(100vw/750));
  position: relative;
  font-size: 12px;
  cursor: pointer;
}

#GiftSettingInput label::before,
#GiftSettingInput .radioBtn input::before {
  position: absolute;
  width: calc(36 *(100vw/750));
  height: calc(36 *(100vw/750));
  margin-top: calc(-20 *(100vw/750));
  top: 50%;
  left: 0;
  background: #fff;
  border: 1px solid #666666;
  border-radius: 100%;
  content: ;
}

#GiftSettingInput input[type="radio"]:checked+label::after,
#GiftSettingInput .radioBtn input:checked::after {
  width: calc(20 *(100vw/750));
  height: calc(20 *(100vw/750));
  position: absolute;
  top: calc(10 *(100vw/750));
  left: calc(10 *(100vw/750));
  background: #666666;
  border-radius: 100%;
  content: ;
}

#GiftSettingInput .radioBtn input {
  width: calc(14 *(100vw/390));
  height: calc(14 *(100vw/390));
  /* margin-right: calc(5 *(100vw/390)); */
  margin: calc(7 *(100vw/390)) calc(5 *(100vw/390)) calc(7 *(100vw/390)) 0;
  float: left;
  /* padding-top: 50px; */
}

#GiftSettingInput .radioBtn input::before {
  margin-top: 0;
  top: calc(-10 *(100vw/750));
  left: calc(-10 *(100vw/750));
}

#GiftSettingInput .radioBtn input:checked::after {
  top: -1px;
  left: 0px;
}

#GiftSettingInput #wrappingType input {
  display: none;
}

#GiftSettingInput div[id^=selectMessageCard] {
  margin-bottom: calc(40 *(100vw/750));
}

#GiftSettingInput div[id^=makingMessageText] textarea {
  width: calc(600 *(100vw/750));
  margin: calc(10 *(100vw/750)) 0;
  padding: calc(30 *(100vw/750)) calc(140 *(100vw/750)) calc(30 *(100vw/750)) calc(30 *(100vw/750));
  border-radius: 20px;
}

#GiftSettingInput .cart-footer>div:not(:last-child) {
  margin-bottom: calc(20 *(100vw/750));
}

#ctl00_ContentPlaceHolder1_rCartList_ctl00_gift .order-form>dd div {
  line-height: 1.4;
  white-space: pre-wrap;
}

#GiftSettingInput .title {
  margin-bottom: calc(20 *(100vw/750));
  font-size: calc(28 * (100vw / 750));
}

#GiftSettingInput .select__shoppingbag td {
  display: block;
}

#GiftSettingInput .select__shoppingbag label {
  display: flex;
  align-items: center;
}

#GiftSettingInput .select__shoppingbag .plist label > div {
  display: flex;
  align-items: center;
}
#GiftSettingInput #wrappingType0 #radioButton0 span {
    overflow: hidden;
}

#GiftSettingInput #wrappingType0 #radioButton0 label {
    font-size: calc(14 *(100vw/390));
    margin: calc(5 *(100vw/390)) 0;
}

#GiftSettingInput .info-txt {
  margin: calc(5 *(100vw/390)) 0 0;
  font-size: calc(11 *(100vw/390));
  line-height: 1.6;
}

#GiftSettingInput .title {
    background: #999;
    color: #fff;
    padding: calc(7 *(100vw/390)) calc(10 *(100vw/390));
}

#GiftSettingInput .sub-ttl {
    font-size: calc(13 *(100vw/390));
    background: #ddd;
    padding: calc(7 *(100vw/390)) calc(10 *(100vw/390));
    margin-top: calc(30 *(100vw/390));
}

#GiftSettingInput #wrappingProducts0 .wrapping-group {
    /* border-top: 1px dotted #ddd; */
    /* border-bottom: 1px dotted #ddd; */
    /* padding: calc(20 *(100vw/390)) 0; */
}

#GiftSettingInput .wrapping-item label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5% 0;
}

#GiftSettingInput .select_wrap .select-btn {
    width: 7%;
}
/*==============================================================================================
  CartList ギフトボタン
==============================================================================================*/
.wrap-cart .gift__wrapper {
  margin-top: calc(40 * (100vw / 750));
}

.wrap-cart .gift__title {
  font-size: calc(35 * (100vw / 750));
}

.wrap-cart .gift__logo {
  display: inline-flex;
  width: calc(35 * (100vw / 750));
  height: calc(35 * (100vw / 750));
  margin-inline-end: calc(5 * (100vw / 750));
}

.wrap-cart .gift__check {
  margin-top: calc(25 * (100vw / 750));
}

.wrap-cart label.check__elm {
  display: inline-block;
  font-size: calc(28 * (100vw / 750));
}

.wrap-cart label.check__elm:nth-child(n + 2) {
  margin-inline-start: calc(20* (100vw / 750));
}

.wrap-cart .order-unit .order-unitText {
  margin-top: calc(40* (100vw / 750));
}

.wrap-cart .order-unit .order-unitText a {
  text-decoration: underline;
}

.wrap-cart .CompleteMessage {
  line-height: 1.6;
}

.cart-unit-footer .coupon-point tr{
  border-top: 1px solid #b3b3b3;
  margin-top: 5px;
  padding: 15px 0;
  display: flex;
  flex-direction: column;
}

.coupon-point select{
  position: relative;
  padding: 10px 5px;
  color: #000;
  background:transparent;
  border: 1px solid #ddd;
  appearance: none;
  background: #FFF url(../../SmartPhone/Contents/ImagePkg/common/select_arrow.gif) no-repeat !important;
  background-size: 13px 7px !important;
  background-position: right 10px center !important;
  border-radius: 5px;
  line-height: 1;
}
.coupon-point tbody input{
  position: relative;
}

.coupon-point tbody input[type="radio"]:checked::after{
  position: absolute;
  content: '';
  top: 50%;
  left: 5px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #777;
  border-radius: 100%;
}

.wrap-cart .cart-unit-footer .coupon-point{
  display: block;
  padding: 0 0 30px;
}

.wrap-cart .cart-unit-footer .coupon-point tr{

  display: contents;
}

.coupon-point .radio-btn tbody td{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0;
  width: 50%;
}

.wrap-cart .coupon-point select{
  position: relative;
  padding: 10px 5px;
  color: #000;
  background:transparent;
  border: 1px solid #ddd;
  appearance: none;
  background: #FFF url(../../SmartPhone/Contents/ImagePkg/common/select_arrow.gif) no-repeat !important;
  background-size: 13px 7px !important;
  background-position: right 10px center !important;
  border-radius: 5px;
  line-height: 1;
}
.wrap-cart .coupon-point tbody input{
  position: relative;
}

.wrap-cart .coupon-point tbody input[type="radio"]:checked::after{
  position: absolute;
  content: '';
  top: 50%;
  left: 5px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #777;
  border-radius: 100%;
}
.coupon-point dd input[type="radio"] {
    border-radius: 100%;
}

.coupon-point .couponbox-btn {
    padding: 10px 0;
    background-color: #777;
    color: #fff;
    margin-top: 10px;
    text-align: center;
    display: block;
    border-radius: 4px;
}


.wrap-cart .cart-unit-footer .coupon-point dd:first-of-type{
  display: contents;
}

.wrap-cart .cart-unit-footer .coupon-point table{
  display: contents;
}

.cartOnly .cart-unit,
.cartOnly .cart-unit .firstTitle,
.cartOnly .cart-unit .cart-table .product-info .product-name,
.cartOnly .cart-unit .cart-table .product-info .product-price,
.cartOnly .cart-footer .btn,
.cartOnly .cart-footer .btn-unit h2,
.cartOnly .cart-footer .btn-unit a {
  font-size: calc(26* (100vw / 750));
}

.cartOnly .cart-unit .msg-alert,
.cartOnly .cart-unit .cart-table .product-info .amout input,
.cartOnly .cart-unit .coupon-point select,
.cartOnly .cart-unit-footer .coupon-point dd input,
.cartOnly .cart-footer .btn-unit p {
  font-size: calc(22* (100vw / 750));
}

.cartOnly .cart-unit .cart-table .product-info .product-name {
  margin-bottom: calc(15* (100vw / 750));
  line-height: 1.6;
}

.cartOnly .cart-unit .gift__title {
  display: flex;
  align-items: flex-end;
  font-size: calc(30* (100vw / 750));
}

.cartOnly .cart-unit .gift__title .gift__logo {
  display: block;
  margin-inline-end: calc(8 * (100vw / 750));
}

.cartOnly .cart-unit .gift__notes {
  margin-top: calc(20* (100vw / 750));
  font-size: calc(22* (100vw / 750));
}
.cartOnly .cart-unit .gift__check .check__elm {
  font-size: calc(24* (100vw / 750));
}

.cartOnly .cart-unit .gift__check .check__elm p input {
  margin: 0 calc(6* (100vw / 750)) calc(4* (100vw / 750)) calc(6* (100vw / 750));
}

.cartOnly .cart-unit .cart-table .cart-unit-product {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
}

.cartOnly .cart-unit .cart-table .cart-unit-product .product-image {
  width: 26%;
}

.cartOnly .cart-unit .cart-table .cart-unit-product .product-info {
  display: inline-block;
  width: 70%;
  margin: 10px 0 10px 10px;
  padding: 0;
}

.cartOnly .cart-footer .btn-unit {
  margin-top: calc(60* (100vw / 750));
}

.cartOnly .cart-footer .btn-unit p {
  line-height: 1.6;
}

.cartOnly .cart-footer #AmazonPayCv2Button {
  max-width: 200px;
}

/*==============================================================================================
  2023.02.21 add - order フォントサイズ調整
==============================================================================================*/
.order-shipping,
.order-shipping h2,
.order-shipping .order-unit .product-name,
.order-shipping .order-unit .product-price,
.order-shipping .button-change,
.order-shipping .btn,
.shipping_payment .payment-list label,
.order-shipping .cart-footer {
  font-size: calc(26* (100vw / 750));
}

.order-shipping .order-unitText,
.order-shipping .order-unit .order-form dd label,
.order-shipping .CompleteMessage,
.shipping_payment .credit-card .msg,
.shipping_payment .rakuten_txt,
.shipping_payment .ttl_gmo,
.shipping_payment .gmo_txt,
.shipping_payment .payment dd {
  font-size: calc(22* (100vw / 750));
}

.order-shipping .order-unit .product-name,
.order-shipping .order-unitText,
.shipping_payment .rakuten_txt {
  line-height: 1.6;
}

.shipping_payment .rakuten_txt a {
  text-decoration: underline;
  color: #000;
}

.shipping_payment .order-unit .tab-wrap {
  padding: calc(30* (100vw / 750)) 0;
}

.order-shipping .order-unit .order-form tr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order-shipping .order-unit .order-form tr .product-image {
  width: 26%;
}

.order-shipping .order-unit .order-form tr .product-info {
  display: inline-block;
  width: 70%;
  margin: 10px 0;
  padding: 0;
}
.shipping_payment .order-unit .order-form .innerMail td {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
}
.order-comfirm,
.order-comfirm h2,
.order-comfirm .cart-unit .product-name,
.order-comfirm .cart-unit .product-price,
.order-comfirm .button-change,
.order-comfirm .btn,
.order-comfirm .cart-footer {
  font-size: calc(26* (100vw / 750));
}

.order-comfirm .tab-wrap label,
.order-comfirm .CompleteMessage,
.wrap-cart .order-unit .order-unitText {
  font-size: calc(22* (100vw / 750));
}

.order-comfirm .cart-unit .product-name,
.order-comfirm .order-unitText {
  line-height: 1.6;
}

.order-comfirm .cart-unit .cart-table .cart-unit-product {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order-comfirm .cart-unit .cart-table .cart-unit-product .product-image {
  width: 26%;
}

.order-comfirm .cart-unit .cart-table .cart-unit-product .product-info {
  display: inline-block;
  width: 70%;
  margin: 10px 0;
  padding: 0;
}

.order-complete,
.order-complete h2,
.order-complete .cart-footer .button-next {
  font-size: calc(26* (100vw / 750));
}

.order-complete .order-history-id,
.order-complete .order-history-id h3 {
  font-size: calc(24* (100vw / 750));
}

.order-complete .msg {
  font-size: calc(22* (100vw / 750));
  line-height: 1.6;
}

.order-complete .order-history-id .msg {
  padding: calc(10* (100vw / 750)) 0;
}

.dvAnnounceFreeShipping .defPrice {
    color: #f00;
    font-weight: bold;
}
.order-complete .orderCompleteMesse {
    font-size: calc(24* (100vw / 750));
}

.order-complete .info-list {
    font-size: calc(24* (100vw / 750));
    border: calc(10* (100vw / 750)) solid #f5f5f5;
    margin: calc(40* (100vw / 750)) 0;
    padding: calc(10* (100vw / 750)) calc(30* (100vw / 750));
}

.order-complete .info-list li {
    margin: calc(20* (100vw / 750)) 0;
}

/*==============================================================================================
  PrintingSettingInput 名入れ設定ぺージ
==============================================================================================*/
#PrintingSettingInput {
  font-size: calc(24 *(100vw/750));
  line-height: 1.5;
}

#PrintingSettingInput #cartProducts {
  margin: calc(30 *(100vw/750)) auto calc(40 *(100vw/750));
}

#PrintingSettingInput #cartProducts .img {
  width: calc(280 * (100vw / 750));
}
#PrintingSettingInput #cartProducts .img img {
  width: 100%;
}

#PrintingSettingInput .select_wrap {
  margin-bottom: calc(40 *(100vw/750));
}

#PrintingSettingInput label,
#PrintingSettingInput .radioBtn input {
  display: inline-block;
  margin-right: calc(20 *(100vw/750));
  position: relative;
  font-size: 12px;
  cursor: pointer;
}

#PrintingSettingInput label::before,
#PrintingSettingInput .radioBtn input::before {
  position: absolute;
  width: calc(36 *(100vw/750));
  height: calc(36 *(100vw/750));
  margin-top: calc(-20 *(100vw/750));
  top: 50%;
  left: 0;
  background: #fff;
  border: 1px solid #666666;
  border-radius: 100%;
  content: ;
}

#PrintingSettingInput input[type="radio"]:checked+label::after,
#PrintingSettingInput .radioBtn input:checked::after {
  width: calc(20 *(100vw/750));
  height: calc(20 *(100vw/750));
  position: absolute;
  top: calc(10 *(100vw/750));
  left: calc(10 *(100vw/750));
  background: #666666;
  border-radius: 100%;
  content: ;
}

#PrintingSettingInput .radioBtn input {
  margin: 0 calc(10 *(100vw/750)) calc(10 *(100vw/750)) 0;
}

#PrintingSettingInput .radioBtn input::before {
  margin-top: 0;
  top: calc(-10 *(100vw/750));
  left: calc(-10 *(100vw/750));
}

#PrintingSettingInput .radioBtn input:checked::after {
  top: -1px;
  left: 0px;
}

#PrintingSettingInput #wrappingType input {
  display: none;
}

#PrintingSettingInput .cart-footer>div:not(:last-child) {
  margin-bottom: calc(20 *(100vw/750));
}

#PrintingSettingInput .title {
  margin-bottom: calc(20 *(100vw/750));
  font-size: calc(28 * (100vw / 750));
}



/*==============================================================================================
  定期便
==============================================================================================*/

.fixed_purchase_shipping {
  margin-bottom: 20px;
}
.fixed_purchase_shipping .order-form {
  padding-top: 10px;
}

.fixed_purchase_shipping .order-form > dd {
  margin-top: 10px;
}

.fixed_purchase_shipping .order-form > dd label {
  position: relative;
  display: inline-block;
  padding: 0 0 0 25px;
  cursor: pointer;
  margin-right: 20px;
  font-size: 12px;
}

.fixed_purchase_shipping .order-form > dd label::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: #fff;
  border: 1px solid #666666;
  border-radius: 100%;
}

.fixed_purchase_shipping .order-form > dd input:checked + label::after {
  position: absolute;
  content: '';
  top: 6px;
  left: 4px;
  width: 10px;
  height: 10px;
  background: #666666;
  border-radius: 100%;
}

.fixed_purchase_shipping .order-form select {
  width: 90px;
  margin: 0 2px;
}

.fixed_purchase_shipping .order-form .fixed-date {
  font-size: 13px;
}

.fixed_purchase_shipping .order-form .fixed_purchase_next {
  margin-bottom: 10px;
}

.fixed_purchase_shipping .order-form .fixed_purchase_next select {
  width: 200px;
}


/* 刻印機能改修 */
.cart-table .product-info .delete {
    background: transparent;
    padding: 0;
}

.cart-table .product-info .delete a {
    background: #ddd;
    display: block;
    padding: 8px 10px;
}

.cart-table td .amout {
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.order-history-detail .dvOrderHistoryInfo {
    margin: 40px 0 0;
}

/* ゲスト購入調整 */
.wrap-cart .btn_new_gest {
  background: #fff;
  border: 1px solid;
}

.order-shipping .link-policy, .OrderAmazonInpu .link-policy {
  margin: 30px 0 0;
}
.order-comfirm .link-policy{
  margin: 20px 0 0;
}
.order-shipping .link-policy a, .OrderAmazonInpu .link-policy a, .order-comfirm .link-policy a {
  text-decoration: underline;
}
.wrap-cart .guest_attention {
margin-top: 20px;
font-size: 11px;
line-height: 1.5;
text-align: justify;
color: #E31515;
font-weight: bold;
}
.wrap-cart .btn_new_mem {
  background: #707070;
}
.shipping_payment .guest-info {
  background: #eeeeee;
  padding: 15px;
  font-size: 12px;
}

.shipping_payment .guest-info dt {
  text-align: center;
  font-weight: bold;
  padding-bottom: 5px;
color: red;
}

/*==============================================================================================
	AnyGIFT
==============================================================================================*/

/*anyギフト設定ポップアップ*/
.anygiftSettingPopup {
  display: none;
  --color-red: #FE0002;
  --anygift-popup-icon-size: 9.71px;
  --anygift-popup-icon-padding: 5px;
  --anygift-popup-closeButton-size: calc(var(--anygift-popup-icon-size) + (var(--anygift-popup-icon-padding) * 2));
}
.anygiftSettingPopup::before {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 110;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
  background-color: #B5B5B5;
  mix-blend-mode: multiply;
}
.anygiftSettingPopup__inner {
  position: fixed;
  top: 1%;
  left: 15%;
  width: 70%;
  height: 620px;
  background-color: #fff;
  z-index: 1000;
  border-radius: 10px;
  overflow-y: auto;
  overflow-x: hidden;
}
.anygiftSettingPopup__inner::-webkit-scrollbar {
  width: 0;
}
.anygiftSettingPopup__required {
  color: #ff0000;
  font-size: 10px;
  margin: auto 0;
}
.anygiftSettingPopup__head {
  text-align: center;
  grid-template-columns: var(--anygift-popup-closeButton-size) minmax(0, 1fr) var(--anygift-popup-closeButton-size);
  grid-template-areas: ". title closeButton";
  column-gap: 8px;
}
.anygiftSettingPopup__title {
  font-size: 20px;
  font-weight: bold;
}
.anygiftSettingPopup__desc {
  font-size: 10px;
  margin: 5px 0;
}
.anygiftSettingPopup__anyGiftIntro {
  text-align: right;
  margin-right: 5px;
}
.anygiftSettingPopup__anyGiftHelp {
  margin-left: auto;
}
.anygiftSettingPopup__anyGiftHelp img {
  height: 11px;
  width: 50px;
  margin-right: 5px;
}
.anygiftSettingPopup__anyGiftHelp a {
  font-size: 8px;
}
.anygiftSettingPopup__item {
  position: relative;
}
.anygiftSettingPopup__itemDesc {
  display: flex;
  background-color: #eef0f0;
  height: 25px;
  margin: 5px 0;
  padding-left: 10px;
}
.anygiftSettingPopup__item-text {
  font-size: 12px;
  margin: auto 5px;
}

/*ポップアップ内のメッセージカード*/
.anygiftSettingPopup__messageCard-slider {
  display: flex;
  transition: transform 0.5s ease;
}
.anygiftSlider_nextBtn,
.anygiftSlider_prevBtn {
  font-size: 15px;
  background-color: #aae0ec;
  color: #ffffff;
  cursor: pointer;
  border-radius: 30px;
  border-top: 10px solid #aae0ec;
  border-right: 15px solid #aae0ec;
  border-bottom: 10px solid #aae0ec;
  border-left: 15px solid #aae0ec;
  user-select: none;
}
.anygiftSlider_prevBtn {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-40%, 0%);
  margin-left: 30px;
}
.anygiftSlider_nextBtn {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(40%, 0%);
  margin-right: 30px;
}
.anygiftSlider_nextBtn:hover,
.anygiftSlider_prevBtn:hover {
  box-shadow: 0 5px 8px rgba(170, 170, 170, 1);
}
.anygiftSettingPopup_slider-wrapper {
  position: relative;
  overflow: hidden;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}
.anygiftSettingPopup__messageCard-slider-item {
  flex: 0 0 120px;
  margin: 10px 10px;
  border-radius: 10px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  z-index: 11;
}
.anygiftSettingPopup__messageCard-slider-item:hover {
  box-shadow: 0 5px 8px rgba(170, 224, 236, 1);
}
.anygiftSettingPopup__radiobtn {
  display: none;
}
.anygiftSettingPopup__image {
  width: 120px;
  height: 160px;
  border-radius: 10px;
}
.anyGiftMessageCardChecked {
  border: 3px solid #3c387c;
}

/*ポップアップ内のボタン*/
.anygiftSettingPopup__btn {
  display: flex;
  list-style-type: none;
  padding: 0;
  justify-content: center;
  text-align: center;
  margin-bottom: 10px;
}
.anygiftSettingPopup__btn li a.btn-anygift {
  display: block;
  background: #e3eef4;
  padding: 8px 0px;
  color: #3c387c;
  width: 160px;
  text-align: center;
  font-size: 12px;
  margin: 10px 30px;
  border-radius: 15px;
  cursor: pointer;
}
.anygiftSettingPopup__btn li a.btn-anygift:hover {
  opacity: 0.6;
  box-shadow: 0 5px 8px rgba(170, 170, 170, 1);
}

/*ポップアップ内のテキストボックス*/
.anygiftSettingPopup__message {
  width: 90%;
  height: 150px;
  resize: none;
  margin: 5px 30px;
  border: 1px solid #aaaaaa;
}
.anygiftSettingPopup__senderName {
  width: 90%;
  height: 20px;
  margin: 5px 30px;
  border: 1px solid #aaaaaa;
  padding-bottom: 5px;
}

/*エラーメッセージ*/
.anygiftSettingPopup__noMessageCardError {
  text-align: center;
  color: #ff0000;
}
.anygiftNeedSettingAlertMessage {
  font-size: 14px;
  color: #ff0000;
}

/*メッセージカードプレビューポップアップ*/
.anygiftMessageCardPreviewPopup {
  display: none;
}
.anygiftMessageCardPreviewPopup::before {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1100;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
  background-color: #B5B5B5;
  mix-blend-mode: multiply;
}
.anygiftMessageCardPreviewPopup__inner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 1101;
  border-radius: 10px;
  overflow: hidden;
}
.anygiftMessageCardPreviewPopup__header {
  padding-bottom: 7px;
  font-size: 16px;
  background-color: #eef0f0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.anygiftMessageCardPreviewPopup__title {
  margin-top: 10px;
  text-align: center;
}

.anygiftMessageCardPreviewPopup__topText {
  text-align: center;
  margin: 8px 0;
  font-size: 13px;
}

.anygiftMessageCardPreviewPopup__body {
  position: relative;
  padding: 0 20px;
}

.anygiftMessageCardPreviewPopup__cardImg {
  margin: 10px;
  border: 1px solid #aaaaaa;
  border-radius: 16px;
  overflow: hidden;
}

.anygiftMessageCardPreviewPopup__cardImg img {
  width: 288px;
  height: 480px;
  aspect-ratio: 3 / 5;
  border-radius: 10px;
  user-select: none;
}
.anygiftMessageCardPreviewPopup__boxArea {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0px 57px;
  min-height: 196px;
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
}

.anygiftMessageCardPreviewPopup__message {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  line-height: 1.3;
  font-weight: bold;
  -webkit-line-clamp: 30;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  flex-grow: 1;
  white-space: pre-wrap;
  justify-content: center;
  color: #1A202C;
  margin: auto;
  top: auto;
  right: auto;
  transform: none;
  width: 100%;
  position: relative;
}

.anygiftMessageCardPreviewPopup__senderNameWrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  top: auto;
  right: auto;
  transform: none;
  width: auto;
  position: relative;
  line-height: 1.1;
}

.anygiftMessageCardPreviewPopup__fromText {
  font-size: 16px;
  color: #a9a5a0;
}

.anygiftMessageCardPreviewPopup__senderName {
  font-size: 14px;
  font-weight: bold;
  color: #1A202C;
  line-height: 1.1;
}

.anygiftMessageCardPreviewPopup__footer p {
  margin-left: 25px;
  font-size: 12px;
}
.anygiftMessageCardPreviewPopup__closeBtn {
  text-align: center;
  margin: 15px 0;
  padding: 10px;
}
.anygiftMessageCardPreviewPopup__closeBtn a{
  text-align: center;
  padding: 10px 30px;
  border-radius: 20px;
  background-color: #eef0f0;
  color:#3c387c;
}
.anygiftMessageCardPreviewPopup__closeBtn a:hover{
  opacity: 0.6;
  cursor: pointer;
}

.anygiftSetupArea {
  padding-top: 10px;
  border-top:2px solid #ddd;
}
.anygiftSetup {
  display: flex;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  margin-top: 5px;
}
.anygiftSetup__title {
  font-size: 10px;
  background-color: #dddddd;
  text-align: left;
  padding: 35px 31px;
}
.anygiftSetupArea__body {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  justify-items: stretch;
  justify-content: center;
  align-items: flex-start;
}
.anygiftSetup_status {
  margin-left: 5px;
  border-bottom: 1px solid #dddddd;
}
.anygiftSetupArea__btn {
  margin-left: 5px;
}
.anygiftSetupArea__btn a.btn-anygift {
  display: block;
  background: #e3eef4;
  padding: 12px 2px;
  color: #3c387c;
  width: 180px;
  text-align: center;
  font-size: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
  border-radius: 15px;
  cursor: pointer;
}
.anygiftSetupArea__btn a.btn-anygift:hover {
  opacity: 0.6;
}

.anygift-reviewbtn {
  display: block;
  width: 100%;
  height: 100%;
  margin: 10px 0 20px;
  padding: 18px 0 17px;
  background: #ddd;
  text-align: center;
  font-size: 13px;
  border-radius: 0;
  cursor: pointer;
}

.anygiftReceivingUrlBox {
  margin: 0 auto 20px;
  padding: .5em;
  text-align: center;
}
.anygiftReceivingUrlBox__image {

}
.anygiftReceivingUrlBox__image img {
  width: 130px;
}
.anygiftReceivingUrlBox__bodyText {
  margin: 5px 0;
}
.anygiftReceivingUrlBox__bodyTextA {
  font-size: 16px;
  font-weight: bold;
}
.anygiftReceivingUrlBox__bodyTextB {
  font-size: 13px;
  margin-top: 10px;
}
.anygiftReceivingUrlBox__receivingUrlCopyBtn {
}
.anygiftReceivingUrlBox__receivingUrlCopyBtn a {
  display: inline-block;
  margin: 10px auto;
  font-size: 14px;
  padding: 12px 35px;
}
.anygiftReceivingUrlBox__receivingUrl {
  margin-bottom: 5px;
}
.anygiftReceivingUrlBox__receivingUrl a {
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}
.anygiftReceivingUrlBox__receivingUrl a:hover {
  text-decoration: underline;
}

.anygiftReceivingUrlBox__receiveDeadline {
  margin-top: 25px;
  background-color: #f5f5f5;
  text-align: left;
}
.deadline {
  padding-top: 20px;
  margin: 5px 20px;
  font-size: 14px;
  font-weight: bold;
}
.deadline__memo {
  font-size: 11px;
  margin: 10px 20px;
  padding-bottom: 20px;
}

.anygiftReceivingUrlCopyCompletePopup {
  display: none;
}
.anygiftReceivingUrlCopyCompletePopup::before {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1100;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
  background-color: #B5B5B5;
  mix-blend-mode: multiply;
}
.anygiftReceivingUrlCopyCompletePopup_inner {
  position: fixed;
  top: 40%;
  left: 10%;
  width: 80%;
  background-color: #fff;
  z-index: 1101;
  border-radius: 10px;
  text-align: center;
  padding: 10px 0 18px;
}
.anygiftReceivingUrlCopyCompletePopup__text {
  font-size: 14px;
  margin: 10px 15px 15px;
}
.anygiftReceivingUrlCopyCompletePopup__closeBtn {
  display: block;
  padding: 6px;
  font-size: 12px;
  border-radius: 200px;
  width: 30%;
  margin: auto;
  background-color: #f2f2f2;
}

.history_anygiftReceivingUrlBox {
  padding: .5em;
  text-align: center;
}
.history_anygiftReceivingUrlBox__image {

}
.history_anygiftReceivingUrlBox__image img {
  width: 120px;
}
.history_anygiftReceivingUrlBox__bodyText {
  margin: 5px 0;
}
.history_anygiftReceivingUrlBox__bodyTextA {
  font-size: 14px;
  font-weight: bold;
}
.history_anygiftReceivingUrlBox__bodyTextB {
  font-size: 13px;
  margin-top: 10px;
}
.history_anygiftReceivingUrlBox__receivingUrlCopyBtn {
  margin-top: 5px;
}

/* 購入履歴・購入完了共通 */
.history_anygiftReceivingUrlBox__receivingUrlCopyBtn a,
.anygiftReceivingUrlBox__receivingUrlCopyBtn a {
  border-radius: 200px;
  background: #000;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}

.history_anygiftReceivingUrlBox__receivingUrlCopyBtn a {
  display: inline-block;
  margin: 10px auto;
  font-size: 12px;
  padding: 12px 30px;
  width: auto;
}

.history_anygiftReceivingUrlBox__receivingUrl {
  margin-bottom: 5px;
}

.histtory_anygiftReceivingUrlBox__receivingUrl a,
.history_anygiftReceivingUrlBox__receivingUrl a {
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}
.history_anygiftReceivingUrlBox__receiveDeadline {
  padding: 15px;
  margin-top: 25px;
  background-color: #f5f5f5;
  text-align: left;
}
.history_deadline {
  font-size: 13px;
  font-weight: bold;
}
.history_deadline__memo {
  margin-top: 8px;
  font-size: 11px;
}

.cartSelectErrorPopup {
  display: none;
}

.cartSelectErrorPopup::before {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1100;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
  background-color: #B5B5B5;
  mix-blend-mode: multiply;
}
.cartSelectErrorPopup_inner {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 75%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 1101;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
}
.cartSelectErrorPopup_title {
  font-size: 15px;
  padding: 10px;
  background-color: #eef0f0;
  color: #ff0000;
}
.cartSelectErrorPopup_message {
  font-size: 13px;
  padding: 10px;
}
.cartSelectErrorPopup__closeBtn {
  padding: 5px;
  text-align: center;
  margin: 10px 0 20px;
}
.cartSelectErrorPopup__closeBtn a {
  text-align: center;
  padding: 5px 30px;
  border-radius: 200px;
  background-color: #eef0f0;
  color:#3c387c;
  font-size: 12px;
  cursor: pointer;
}
.existsAnygiftCartAndNormalCartAlertMessage {
  color: #ff0000;
  margin-top:15px;
}
.anygiftUnsetupAlert {
  color: #ff0000;
  margin: 10px auto;
}

.cartSelect_anygiftHelp {
  font-size: 12px;
  text-decoration: underline;
}

.anygiftSetting__noMessageCardError {
  margin-bottom: 10px;
  font-size: 11px;
  color: #ff0000;
}

.cart-footer .button-prev .btn.btn-e-gift {
  background-color: #d7f0fa;
}

.cart-select h3 {
  overflow: hidden;
}