@charset "UTF-8";
.block-search-goods .block-pickup-list-p--price-infos {
    gap: 0;
    flex-wrap: nowrap;
}
.category-name {
    display: none;
}
[data-browse-mode="P"] .block-search-goods .block-pickup-list-p--preview,
[data-browse-mode="P"] .block-search-goods .block-pickup-list-p--bookmark {
    margin-left: 0;
}
[data-browse-mode="P"] .block-search-goods .block-pickup-list-p--preview {
    cursor: pointer;
}
[data-browse-mode="P"] .block-search-goods .block-pickup-list-p--preview img {
    width: 30px;
    height: 30px;
}
[data-browse-mode="P"] .modal-content .p-goods-gallery .lazyload {
    max-height: 357px !important;
}
.loading-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #b7c0e9;
  border-top-color: #00146E;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

#modal-overlay {
  position: fixed;
  top: 40px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.modal-content {
  background: #FFFFFF;
  padding: 60px 60px 60px 80px;
  max-width: 1200px;
  width: 100%;
  border-radius: 20px;
  height: auto;
  max-height: 80%;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  position: fixed;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
}
.modal-inner {
    background: #FFFFFF;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: calc(100% - 74px);
    padding: 0px;
    box-sizing: border-box;
    position: relative;
    flex-grow: 1;
}
.modal-inner:not(:has(.block-goods-detail)) {
    font-size: 16px;
    text-align: center;
    height: auto;
    padding: 44px;
}
#modal-overlay,
.modal-content {
    opacity: 0;
    visibility: hidden;
    display: none;
}

#modal-overlay.show,
.modal-content.show {
    opacity: 1;
    visibility: visible;
    display: flex;
} 
.modal-inner .block-goods-detail {
  padding: 10px 0 0px;  
  opacity: 0;
  transition: opacity 0.4s ease;
}
.modal-inner .block-goods-detail.visible {
  opacity: 1;
}
.modal-close {
    width: 40px;
    height: 40px;
    background-color: #F5F5F5;
    border-radius: 50%;
    border: none;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.modal-close::before,
.modal-close::after {
    position: absolute;
    content: "";
    left: calc(50% - 10px);
    display: block;
    width: 20px;
    height: 2px;
    transition: all 0.3s;
    background: #000000;
}
.modal-close::before {
    top: calc(50% - 1px);
    transform: rotate(45deg);
}
.modal-close::after {
    bottom: calc(50% - 1px);
    transform: rotate(135deg);
}

.new_item_btn {
    margin: 24px auto 0;
    text-align: center;
    width: 320px;
}
div.wrapper_ .new_item_btn a {
    background-color: #EE9255;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: 100%;
    /* height: 50px; */
    padding: 13px 10px;
    box-sizing: border-box;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}

[data-browse-mode="P"] .modal-content .pane-goods-left-side {
    flex: 0 0 50%;
    max-width: 535px;
    width: 50%;
    margin-right: 25px;
    margin-bottom: 0;
}
.pane-goods-left-side .p-goods-gallery {
    margin-bottom: 30px;
}
.pane-goods-left-side .goods-details {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: sticky;
    bottom: 0;
    background-color: #ffffff;
    z-index: 1;
}
.pane-goods-left-side .goods-details .block-goods-favorite {
    margin: 0;
    order: 0;
}
.pane-goods-left-side .goods-details .block-goods-favorite .btn {
    border-radius: 50%;
}
.pane-goods-left-side .goods-details .goods-details-link a {
    font-size: 18px;
    color: #4783F5;
    border: 1px solid #4783F5;
    border-radius: 4px;
    position: relative;
    width: calc((400 / 1200) * 100vw);
    max-width: 400px;
    display: block;
    text-align: center;
    padding: 12px 10px;
}

.pane-goods-left-side .goods-details .goods-details-link a::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: transparent url(../../img/usr/common/icon_arrow_lb.png) no-repeat right center / contain;
    transform: translate3d(0, -50%, 0) rotate(-90deg);
}
[data-browse-mode="P"] .modal-content .pane-goods-right-side {
    flex: 0 0 45.2%;
    max-width: 480px;
    width: 45.2%;
    margin-bottom: 0px;
}
.status1 {
    margin-top: 20px;
   display: flex;
   padding-bottom: 20px;
   border-bottom: 1px solid #707070;
}
.status1 .left {
   width: 38%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.status1 .left.is-empty {
    display: none;
}
.goods-stock,
.goods-delivery,
.goods-review,
.goods-expiration,
.goods-delivery-time,
.goods-contents,
.goods-business-name {
    display: flex;
}
.goods-delivery {
    align-items: center;
}
.goods-stock dt,
.goods-delivery dt,
.goods-review dt {
    width: 50%;
    font-size: 14px;
    font-weight: bold;    
    color: #383838;
}
.goods-stock dd {
    min-width: 2em;
    text-align: center;
}
.goods-delivery .frozen {
    color: #00146E;
    border: 1px solid #00146E;
    padding: 2px 4px;
}
.status1 .right {
   width: 62%;
   background-color: #F5F5F5;
   padding: 10px 10px;
}
.status1 .left.is-empty + .right {
   width: 100%; 
}
.payment_method_ttl {
   font-size: 15px;
   font-weight: bold;
   color: #383838; 
}
.payment_method {
    display: flex;
    font-size: 13px;
    margin-top: 10px;
    flex-wrap: wrap;
}
.payment_method li {
    width: 50%;
}
.status2 {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #707070;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.goods-expiration dt,
.goods-delivery-time dt,
.goods-contents dt,
.goods-business-name dt {
    width: 19%;
    font-size: 14px;
    font-weight: bold;
    color: #383838;
}
.goods-expiration dd,
.goods-delivery-time dd,
.goods-contents dd,
.goods-business-name dd {
    width: 81%;
}