@charset "utf-8";

/* --------------------   トップページ   ------------- */

.red-text{
  color: #c00;
  font-weight: bold;
}

.web-item-notice {
  padding: 2em;
  background-color: #ffefef;
  border-radius: 0.6em;
}

.ww-product .contents-2columns{
  display: block;
  margin: 0 auto;
}

.ww-product .section-2columns{
  width: 100%;
  max-width: 100%;
}

.web-item-submit .notice-txt{
  color: #c00;
  margin-top: 1rem;
}

.no-image-box {
  position: relative;
  color: #666;
  background-color: #f1f1f1;
  box-sizing: border-box;
  text-align: center;
}

/* メッセージ */
.message { font-size: var(--font-size-s);}

/* web-item-category */

.web-item-category{
  margin: 0;
  padding: 3em 0;
}

.sp-br{ display: none;}

.item-category{
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem 2rem;
}

.item-category .item-block{
  position: relative;
  margin: 0;
  padding: 0;
  width: calc(50% - 1rem);
  overflow: hidden;
}

.item-category .item-info{
  position: relative;
  padding: 1.5rem 0 0;
  width: 100%;
  min-height: 13.5em;
  overflow: hidden;
  z-index: 10;
  background-color: #fff;
}

.category-title{
  position: relative;
  margin: 0;
  padding: 0 1.5rem;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  text-shadow: 0 0 1rem rgba(255, 255, 255, 0.9), 0 0 1rem rgba(255, 255, 255, 0.9), 0 0 1rem rgba(255, 255, 255, 0.9), 0.1rem 0.1rem 0.3rem rgba(255, 255, 255, 1), 0.1rem 0.1rem 0.3rem rgba(255, 255, 255, 1);
  color: #333;
  z-index: 20;
}

.category-title em{
  padding: 0.5rem 0 0;
  display: inline-block;
  line-height: 1.3;
}

.category-title em span{ white-space: nowrap;}



.category-title .category-title-icon{
  margin: 0 1rem 0 0;
  padding: 0;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
  aspect-ratio: 1 / 1;
}

.category-title .svg-icon{
  margin: 0;
  width: 76%;
  height: 76%;
  fill: #fff;
}

.item-category .caption{
  position: relative;
  margin: 0;
  padding: 1em;
  width: 75%;
  background: rgb(255,255,255, 0.7);
  color: #333;
  text-shadow: 0 0 1rem rgba(255, 255, 255, 0.9), 0 0 1rem rgba(255, 255, 255, 0.9), 0 0 1rem rgba(255, 255, 255, 0.9), 0.1rem 0.1rem 0.3rem rgba(255, 255, 255, 1), 0.1rem 0.1rem 0.3rem rgba(255, 255, 255, 1);
  z-index: 20;
}

.item-category .caption .link-txt{
  position: relative;
  margin: 0.5em 0 0;
  padding: 0 0 0 1.5rem;;
  display: block;
  font-weight: 600;
}

.item-category .caption .link-txt::before{
  position: absolute;
  top: 0.4em;
  left: 0;
  margin: auto;
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  background: url(/service/common/img/icon_arrow_green2.svg) center center no-repeat;
  background-size: contain;
  content: "";
}

.item-category .item-list{
  position: relative;
  margin: 0;
  padding: 0;
  border: solid 0.1rem #0081cc;
  background-color: #fff;
  z-index: 10;
}


.item-category-bg{
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  aspect-ratio: 585 / 180;
  z-index: 1;
}

.item-category-bg img{
  position: relative;
  height: 18rem;
  object-fit: cover;
  object-position: right top;
}

.item-category-bg::before{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 95%);
  content: "";
  z-index: 15;
}

.form-set textarea::placeholder{ color: #c3c3c3;}

.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance:textfield;
}

.form-set .product-inquiry{ height: 5.7em;}

.form-contents-section .form-set .select-block::after { content: none;}

.form-set .no-spin {
  border-radius: .2em;
  width: 8rem;
}

.form-table .name{ width: 65%;}
.form-table .number{ width: 20%;}
.form-table .unit{ width: 10%;}

.form-contents-section .section-title .notice-txt{
  font-size: var(--font-size-m);
  color: #c00;
  margin-left: 2rem;
}



.table-wrap {
  overflow-x: scroll;
  margin-bottom: 8rem;
}

.product-table{
  width: 100%;
  margin: 0rem 0 2rem;
  white-space: nowrap;
}

.product-table tr{
  border: #999 .1rem solid;
}

.product-table th{
  background-color: #c7c7c7;
  border: #3d3d3d .1rem solid;
  padding: 0.5rem 1.5rem;
  text-align: center;
  vertical-align: middle;
}

.product-table td{
  padding: .5rem 1rem;
  border: #3d3d3d .1rem solid;
  vertical-align: middle;
  height: 4rem;
}

.product-table .product-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.product-table .product-photo img {
  max-width: 25rem;
  max-height: 12rem;
  height: auto;
  width: auto;
  display: block;
}

.product-photo td:nth-child(3),
.product-photo th:nth-child(3) {
  min-width: 25rem;
}

.product-table .product-select{
  padding: 1rem;
  border-radius: .1em;
}

.checkboxItem {
  display: flex;
  align-items: center;
  column-gap: .4rem;
  width: fit-content;
  line-height: 1;
  cursor: pointer;
}

.checkboxItem:not(:last-of-type) {
  margin-bottom: 1.6rem;
}

.contents-2columns .product-table .checkbox {
  display: block;
  padding: .5em;
  width: 1.8rem;
  height: 1.8rem;
  left: 2.8rem;
  border: 0.1rem solid #999;
  border-radius: 0.2em;
}

.checkbox:checked::after {
  position: absolute;
  top: -.2rem;
  left: .2rem;
  width: 1.7rem;
  height: 1.1rem;
  display: block;
  transform: rotate(-45deg);
  content: "";
}

.check_box2, #check_box2 {cursor: pointer;}

.form-margin{ margin-bottom: 3rem;}


.ww-product .form-button.form-return-button {
  background: url(/service/common/img/icon_arrow_return_green.svg) center left 1em no-repeat #fff;
  background-size: 2rem;
}

.ww-product .checkbox {
  appearance: none;
  position: relative;
  width: 2rem;
  height: 2rem;
  border-radius: .2rem;
  cursor: pointer;
}

.photo-zoom::before {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  margin: 0;
  padding: 0;
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  background-color: #fff;
  font-size: var(--font-size-l);
  font-weight: 600;
  line-height: 2.4rem;
  text-align: center;
  content: "\FF0B";
  z-index: 10;
  pointer-events: none;
}

.photo-zoom {
    position: relative;
    line-height: 1;
}



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

.item-category .caption{
  margin: 0;
  padding: 1em 0.8em;
  width: 80%;
  background: rgb(255,255,255, 0.7);
}


.item-category-bg img{
  height: 18rem;
  object-fit: cover;
  object-position: right top;
  opacity: 0.7;
}

}/* max 640 */


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


.sp-br{ display: inline-block;}

.item-category .item-block{
  position: relative;
  margin: 0;
  padding: 0;
  width: calc(100% - 1rem);
}

.item-category .item-info{
  position: relative;
  padding: 1.5rem 0 0.5em;
  min-height: inherit;
}

.item-category .caption{
  margin: 0;
  padding: 1em 0.8em;
  width: 75%;
  background: rgb(255,255,255, 0.7);
}


}/* max 640 */



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

.item-category .caption{
  margin: 0;
  padding: 1em 0.8em;
  width: 75%;
  background-color: transparent;
}


.item-category-bg img{
  height: 12rem;
  object-fit: cover;
  object-position: right top;
  opacity: 0.7;
}

}/* max 480 */



/* web-item-list */

.sp-br{ display: none;}

.web-item-list .inner{
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem 2rem;
}

.web-item-list .inner .category-image-photo{
  margin: 0;
  padding: 0;
  width: 20rem;
  display: block;
  aspect-ratio: 1 / 1;
}

.web-item-list .web-item-inner-list{
  margin: 0;
  padding: 0;
  width: calc(100% - 22rem);
  max-width: 65rem;
  display: block;
}

.web-item-list .inner .web-item-sub-title{
  position: relative;
  margin: 1.5em 0;
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: var(--font-size-m);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.web-item-list .inner .web-item-sub-title::before,
.web-item-list .inner .web-item-sub-title::after{
  height: 0.1rem;
  display: block;
  flex-grow: 1;
  border-top: 0.1rem dotted #ccc;
  content: "";
}

.web-item-list .inner .web-item-sub-title::before{ margin-right: 1em;}
.web-item-list .inner .web-item-sub-title::after{ margin-left: 1em;}

.web-item-list .web-item-inner-list ul{
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}

.web-item-list .web-item-inner-list ul li{
  margin: 0;
  padding: 0;
  width: calc(20% - 0.8rem);
  min-width: 10rem;
}


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

.web-item-list .inner{
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem 2rem;
}

.web-item-list .inner .category-image-photo{ max-width: 26rem; width: 100%;}

.web-item-list .web-item-inner-list{
  width: 100%;
  max-width: 65rem;
}

.web-item-list .web-item-inner-list ul li{ min-width: inherit;}

}/* max 600 */

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

.web-item-list .web-item-inner-list ul li{ width: calc(25% - 0.8rem);}

}/* max 480 */

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

.web-item-list .web-item-inner-list ul li{ width: calc(100% / 3 - 0.8rem);}

}/* max 380 */

.web-item-list .web-item-inner-list ul img{
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 8rem;
  aspect-ratio: 1 / 1;
}

.web-item-list .web-item-inner-list ul li a{
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.web-item-list-spec{
  position: relative;
  margin: 0;
  padding: 0 0 5em;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2.5em 1.8rem;
}

.web-item-list-spec li{
  position: relative;
  margin: 0;
  padding: 1rem;
  width: calc(100% / 3 - 1.2rem);
  display: flex;
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  color: #333;
  border: solid 0.1rem #ccc;
}



@media screen and (min-width: 841px) and (max-width: 900px) {

.web-item-list-spec li{ width: calc(50% - 0.9rem);}

}/* max 600 */


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

.web-item-list-spec li{ width: calc(50% - 0.9rem);}

}/* max 600 */



/* product-list-table */

.product-list-table{
  margin: 0;
  width: 100%;
}

.product-list-table th{
  padding: 0.6em 0.5em;
  border-left: 0.1rem solid #fff;
  background-color: #f2f2f2;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.product-list-table td{
  padding: 0.5em 0.5em 0.5em 0;
  background-color: #fff;
  border-top: 0.1rem solid #ccc;
  text-align: left;
  vertical-align: middle;
}

.product-list-table .name .product-name{
  margin: 0;
  padding: 0 0 0.5em;
  display: block;
  text-align: left;
  font-weight: 600;
}

.product-list-table .name .product-name span{ margin-top: 0.5rem; display: block; font-size: var(--font-size-s); font-weight: 400;}

.product-list-table .number-inner{
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1rem;
}

.product-list-table .number-inner span{
 margin: 0;
 padding: 0;
 width: 4em;
 display: block;
}



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

.product-list-table tr{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.product-list-table tr:first-child{ border-bottom: none;}

.product-list-table th:not(:first-child) { display: none;}
.product-list-table th:first-child{ padding: 0.3em 0.5em; width: 100%; display: block; border-bottom: none;}

.product-list-table td{
  padding: 0.5em !important;
  display: block;
  background-color: #fff;
  border-top: none;
  text-align: left;
  vertical-align: middle;
}

.product-list-table td.name{
  width: calc(100% - 10.5em);
  display: block;
}

.product-list-table td.price{
  width: calc(100% - 8em);
  display: flex;
  align-items: center;
  border-bottom: 0.1rem solid #ccc;
}

.product-list-table td.price p{
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}

.product-list-table td.price p::before{
  margin: 0;
  display: block;
  font-size: var(--font-size-s);
  line-height: 1;
  text-align: center;
  content: '\8CA9\58F2\4FA1\683C\FF08\7A0E\8FBC\FF09\FF1A';
  white-space: nowrap;
}

.product-list-table td.number{
  width: 7.5em;
  display: flex;
  align-items: center;
}


.product-list-table .number-inner span{
 position: relative;
 margin: 0;
 padding: 0;
 width: 6.5em;
 display: flex;
 align-items: center;
 column-gap: 0.5rem;
}

.product-list-table .number-inner span::before{
  margin: 0;
  display: block;
  font-size: var(--font-size-s);
  line-height: 1;
  text-align: center;
  content: '\6570\91CF\FF1A';
  white-space: nowrap;
}

.product-list-table .number-inner select{
 width: 3.5em !important;
 display: block;
}

.form-set .no-spin {
    width: 6rem;
}

.form-table .unit {
    width: 13%;
}

}/* max 879px */



/* accordion */

summary { display: block;}
summary::-webkit-details-marker { display: none;}

.web-accordion-content { position: relative; overflow: hidden; z-index: 450;}

.web-item-checkbox{ display: none !important;}

.web-item-checkbox:checked + label{
  font-weight: 600;
  color: #fff;
  background-color: #0081cc;
}

.web-item-checkbox:checked + label:after{
  position: absolute;
  top: 0.9rem;
  left: 1.4rem;
  width: 1.7rem;
  height: 1.1rem;
  display: block;
  border-left: 0.4rem solid #fff;
  border-bottom: 0.4rem solid #fff;
  transform: rotate( -45deg );
  content: "";
}

.web-item-submit{
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  margin: 0 0;
  padding: .4em 1em .8em;
  /* padding: 1.5em 1em; */
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 500;
  contain: paint;
  background-color: #eee;
  border-top: .1rem solid #999;
}

.category-anchor ul {
  border: none;
}

.category-anchor-ww {
  margin: 0 0 3em 0;
  padding: 1em;
  width: 100%;
  background-color: #f1f1f1;
}

.category-anchor-ww dt {
  margin: 0;
  padding: 0;
  align-items: center;
  font-weight: 600;
}

.category-anchor-ww a {
  position: relative;
  margin: 0;
  padding: 0.6em 1em 0.6em 1.8em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #fff;
  border-radius: 2em;
  line-height: 1;
}

.category-anchor-ww .accordion .sub-menu a,.category-anchor-ww .user-menu .sub-menu-sub a{
  position: relative;
  margin: 0;
  padding: 0.6em 1em 0.6em 1.8em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #fff;
  border-radius: 2em;
  line-height: 1;
  color: #0081cc;
}


.category-anchor-ww ul {
  margin: 1em 0 0;
  padding: 0 0 1.5em;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.7em 1em;
}

.category-anchor-ww a::before {
  position: absolute;
  top: -0.5rem;
  left: 1rem;
  bottom: 0;
  margin: auto;
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  border-bottom: 0.2rem solid #0081cc;
  border-right: 0.2rem solid #0081cc;
  transform: rotate(45deg);
  content: "";
}

.category-anchor-ww .accordion .sub-menu a::before,.category-anchor-ww .user-menu .sub-menu-sub a::before{
  position: absolute;
  top: -0.5rem;
  left: 1rem;
  bottom: 0;
  margin: auto;
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  border-bottom: 0.2rem solid #0081cc;
  border-right: 0.2rem solid #0081cc;
  border-top: none;
  transform: rotate(45deg);
  content: "";
}

.category-anchor-ww .accordion .sub-menu{
  border-top: none;
  margin-top: 0;
  padding: 0.5em 1rem 1em;
}

.accordion.open{ padding: 0;}

.category-anchor-ww .sub-menu .sub-menu-sub{ padding-bottom: 2rem;}


/*** HEADER ***/


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

.shop-header.admin-mode .shop-logo{ width: calc(100% - 15rem);}

}/* End max 980 */


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

.shop-header.admin-mode .shop-logo{ width: calc(100% - 15rem);}

}/* End max 680 */


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

.shop-header .shop-logo img{ max-width: 20rem;}

}/* End max 400 */


/* PRODUCT */

/* .modal{ display: none;} */

.product-intro-foot.admin-mode{
  position: relative;
  margin: 1em 0 0;
  padding: 3em 1em 1em;
  width: 100%;
  display: block;
  background-color: #fae5e5;
}

.product-intro-foot.admin-mode::before{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0.5em;
  width: 100%;
  display: block;
  background-color: #22603f;
  color: #fff;
  font-weight: 600;
  text-align: center;
  content: "\554f\3044\5408\308f\305b\306b\9032\3080";
}

.product-intro-foot.admin-mode .add-cart .add-cart-button{
  background: url(/service/common/img/icon_cart_white.svg) center left 1rem no-repeat #22603f;
  background-size: 2.2rem;
  border: solid 0.1rem #22603f;
}

.admin-button-list li{
  margin: 0;
  padding: 0;
  width: calc(50% - 0.5em);
  max-width: 22rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.admin-button{
  margin: 0;
  padding: 1rem;
  width: 100%;
  max-width: 32rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2em;
  border: solid 0.1rem #22603f;
  background-color: #fff;
  cursor: pointer;
}

.admin-button.off{
  color: #fff;
  border: solid 0.1rem #22603f;
  background-color: #22603f;
}

@media (hover: hover) {
.admin-button { transition: opacity .5s ease;}
.admin-button:hover { opacity: 0.8;}
}/* End hover */


.thanks-admin-button-block{
  margin: 0;
  padding: 0 1em 1.5em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-content .admin-button-list{ border: none;}

.modal-title .modal-close::before, .modal-title .modal-close:after{ background-color: #22603f;}

body.web-item .ww-product .foot-aside { bottom: 0;}

/* テーブルを囲むコンテナのスタイル */
.table-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 8rem;
}

.overflow-y{
  overflow-y: auto;
  height: 50rem;
  border-collapse: separate;
  border-spacing: 0;
}

.overflow-y .product-table{
  border-collapse: separate;
}

.overflow-y .product-table td{
  border: #3d3d3d 0.1rem solid;
  border-left:none;
  border-top:none;
}

.overflow-y .product-table td:first-child{
  border-left: #3d3d3d 0.1rem solid;
}

.overflow-y .product-table th{
  border: #3d3d3d 0.1rem solid;
  border-left:none;
}

.overflow-y .product-table th:first-child{
  border-left: #3d3d3d 0.1rem solid;
}

/* 上部スクロールバーのラッパー */
.top-scrollbar-wrapper {
  overflow-x: auto;
  overflow-y: auto;
  height: 2rem;
  margin-bottom: 1rem;
}

/* 上部スクロールバーの内側のダミー要素 */
.top-scrollbar-inner {
  height: .1rem;
}

/* テーブルのスタイル */
.product-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 150rem;
}

.scroll-table-wrapper *,
.scroll-table-wrapper *::before,
.scroll-table-wrapper *::after {
  box-sizing: border-box;
}

.sticky_tr{
  position: sticky;
  top: 0;
  z-index: 50;
  border: #3d3d3d .1rem solid;
  text-align: center;
  vertical-align: middle;
}

.category-button::before, .category-button::after { top: 46%;}

.accordion-trigger { padding: 0;}

.category-anchor-ww .accordion-trigger{
  font-weight: bold;
  padding-left: 1.7rem;
}

.category-anchor-ww .sub-category-title.active strong::before {
  transform: rotate(-45deg);
}
.category-anchor-ww .accordion .sub-menu-sub { font-size: var(--font-size-m);}

.category-anchor-ww .accordion.accordion-s.open {
  max-height: 100%;
}


/* --------------------   問い合わせエラー   ------------- */
.error-msg{
  color: #c00;
  font-weight: 600;
  margin: 0 0 0 1.5em;
  display: list-item;
  list-style: disc;
}

.error-msg-block {
  margin-bottom: 1.5em;
  padding: 1em;
  width: calc(100% - 2rem);
  max-width: 120rem;
  display: block;
  background-color: #ffeaea;
  border-radius: 0.5rem;
}


/* --------------------   削除ボタン  ------------- */

.ww-delete{
  position: relative;
  top: 1rem;
  margin: 0 0 0 3.5em;
  padding: 0.5em 0 0.5em 1.2em;
  width: 3.5em;
  font-size: var(--font-size-s);
  white-space: nowrap;
  cursor: pointer;
}

.ww-delete a{ color: #000;}

.ww-delete::before{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  color: #c00;
  font-size: var(--font-size-m);
  line-height: 1;
  text-align: center;
  content: '\02715';
}

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

.ww-delete{
  top: 5rem;
  margin: 0;
}

}/* End max 680 */

/* --------------------   フォーム：都道府県の矢印   ------------- */
.ww-product .form-set .ww-select-block::after {
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -0.4rem;
    width: 0.6rem;
    height: 0.6rem;
    display: block;
    border-bottom: solid 0.2rem #0081cc;
    border-right: solid 0.2rem #0081cc;
    transform: rotate(45deg);
    content: "";
    pointer-events: none;
    z-index: 10;
}

/* --------------------   数量エラー   ------------- */

.ww-error-msg{ margin: 0;}

.return-p { font-size: 2rem;}

.list-ul .notice::before {
    color: #c00;
    content: '\203B';
}