
#popup-productOption .fs-c-button--addToCart--detail::before{
	content: '' !important;
}
#request_supplement{
	color: var(--PINK01);
	font-size: 11px;
	margin-bottom: 5px;
}


.fs-c-productChooseVariation .fs-c-variationPanelList__label.fs-c-variationLabel .fs-c-variationLabel__value{
	display: none;
}



select#variation_selectmenu {
    width: 100%;
    background-color: var(--PINK03);
    font-weight: 400;
    position:relative;
}


@media screen and (min-width: 768px) {
    select#variation_selectmenu {
        height: var(--FS_INPUT_HEIGHT);
        border-radius: 10px;
        padding-inline: 17px 30px;
        font-size: var(--FZ_14);
    }
}



select#variation_selectmenu {
            cursor: pointer;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            
            /* 矢印を背景画像として追加 */
            background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}.st1{fill:%23FB6590;}</style><g><circle class="st0" cx="150" cy="150" r="149"/><g transform="translate(12.891 4.981) rotate(90)"><polygon class="st1" points="123.832,-51.757 102.763,-72.826 167.026,-137.104 102.763,-201.368 123.832,-222.437 209.165,-137.104"/></g></g></svg>');
            background-repeat: no-repeat;
            background-position: right 16px center;
            background-size: 20px 20px;
        }

        
        
        
        
        
        
        
        


.fs-c-variationPanelList__list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: row;
            gap: 12px;
        }

        .fs-c-variationPanelList__list__item {
            position: relative;
            flex: 1;
        }

        /* ラジオボタンを完全に非表示 */
        .fs-c-variationPanelList__radio {
            position: absolute;
            opacity: 0;
            width: 0;
            height: 0;
            pointer-events: none;
        }

        /* ラベル（ボックス全体）をクリック可能に */
        .fs-c-variationPanelList__panel {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 8px;
            padding: 20px;
            background-color: #ffffff;
            border: 2px solid #e0e0e0;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
            width: 100%;
            min-height: 60px;
        }

        /* ホバー時のスタイル */
        .fs-c-variationPanelList__panel:hover {
            border-color: var(--PINK01);
            background-color: rgba(250, 101, 143, 0.04);
        }

        /* 選択時のスタイル */
        .fs-c-variationPanelList__radio:checked + .fs-c-variationPanelList__panel {
            border-color: var(--PINK01);
            background-color: rgba(250, 101, 143, 0.12);
        }

        /* 選択時のチェックマークを追加 */
        .fs-c-variationPanelList__radio:checked + .fs-c-variationPanelList__panel::before {
            content: "✓";
            position: absolute;
            right: 10px;
            top: 10px;
            transform: none;
            width: 24px;
            height: 24px;
            background-color: var(--PINK01);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 14px;
        }

        .fs-c-variationPanelList__panel__content {
            display: flex;
            align-items: center;
        }

        .fs-c-variationPanelList__panel__label {
            font-size: 16px;
            font-weight: 600;
            white-space: nowrap;
        }

        .fs-c-variationPanelList__panel__price {
            display: flex;
            align-items: center;
        }

        .fs-c-productVariationPrice {
            display: flex;
            flex-direction: row;
            align-items: baseline;
            justify-content: center;
            gap: 6px;
        }

        .fs-c-productVariationPrice__price {
            font-size: 20px;
            font-weight: bold;
        }

        .fs-c-price__currencyMark {
            font-size: 14px;
            margin-right: 2px;
        }

        .fs-c-productVariationPrice__addon {
            font-size: 13px;
        }

        /* レスポンシブデザイン */
        @media (max-width: 600px) {
            .fs-c-variationPanelList__list {
                gap: 8px;
            }

            .fs-c-variationPanelList__panel {
                padding: 16px 12px;
                font-size: 14px;
                min-height: 50px;
            }

            .fs-c-variationPanelList__panel__label {
                font-size: 14px;
            }

            .fs-c-productVariationPrice__price {
                font-size: 16px;
            }

            .fs-c-productVariationPrice__addon {
                font-size: 11px;
            }
        }


.paid_option .fs-c-variationLabel__label {
    font-size: 16px;
    font-weight: bold;
    font-family: var(--FF_NOTO);
}

@media screen and (max-width: 767px) {
    .paid_option .fs-c-variationLabel__label {
        font-size: 14px;
    }
}

#product_comment_19 img{
    padding-bottom: 10px;
}

.fs-c-productChooseVariation__variation.express_option{
	margin-top: 15px;
	margin-bottom: 13px;
}

.fs-c-variationPanelList .fs-c-variationLabel__label{
	font-size: 16px;
	font-weight: bold;
	font-family: var(--FF_NOTO);
}

.fs-c-variationPanelList__panel__label{
	font-size:1.6em;
}
.p-delivery__box{
	border:none;
}
.fs-c-estimatedDeliveryDate__notice .fs-c-estimatedDeliveryDate__info__date{
	display: block;
}
.fs-c-estimatedDeliveryDate__notice .fs-c-estimatedDeliveryDate__info .fs-c-time{
	font-size:3em;
	padding-left:4px;
}
.fs-c-estimatedDeliveryDate__notice .fs-c-estimatedDeliveryDate__info .fs-c-time:after{
	content:"〜";
}
.fs-c-estimatedDeliveryDate__notice .fs-c-estimatedDeliveryDate__condition__time{
	font-size: 1.5em;
	padding: 0 5px;
}
.fs-c-estimatedDeliveryDate__notice .fs-c-estimatedDeliveryDate__deliverable{
	display: block;
}
.fs-c-estimatedDeliveryDate__notice .fs-c-estimatedDeliveryDate__condition{
	border-bottom: 2px solid var(--PINK01);
	display: inline-block;
}
.p-delivery__box{
	background: #fffed3;
	padding:15px;
}

/* 通常便の画像（黒） */
label[for="fs_input_variation_1_Y_ht"] .fs-c-variationPanelList__panel__label::before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 29px;
  background-image: url('/sg/images/blacktruck.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
  vertical-align: middle;
}

/* 特急便の画像（赤） */
label[for="fs_input_variation_2_Y_ht"] .fs-c-variationPanelList__panel__label::before {
  content: "";
  display: inline-block;
  width: 41.5px;
  height: 29px;
  background-image: url('/sg/images/redtruck.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
  vertical-align: middle;
}
label[for="fs_input_variation_2_Y_ht"] .fs-c-variationPanelList__panel__label {
  color: #ec121e;
}
.fs-c-estimatedDeliveryDate__info__date::before{
	margin-right: 5px;
}
.custom-delivery-message{
	margin-top: 17px;
}
.custom-delivery-message span{
	color: #ff9d00;
}
.fs-c-estimatedDeliveryDate__location{
  font-size:16px;
}
.fs-c-estimatedDeliveryDate__button .fs-c-button--changeLocation .fs-c-button__label{
	font-size:15px;
}
.fs-c-estimatedDeliveryDate__button .fs-c-button--changeLocation .fs-c-button__label:before{
	content: "【";
}
.fs-c-estimatedDeliveryDate__button .fs-c-button--changeLocation .fs-c-button__label:after{
	content: "】";
}

@media screen and (max-width: 767px) {
  .fs-c-variationPanelList__panel{
  	flex-direction:column;
  	gap:4px;
  	margin-top: 4px;
  }
  .fs-c-estimatedDeliveryDate{
	  align-items: flex-start;
	  flex-direction: column-reverse;
  }
  .fs-c-estimatedDeliveryDate__ctrl{
	  flex-direction:row;
	  align-items: center;
  }
  .fs-c-estimatedDeliveryDate__button .fs-c-button--changeLocation .fs-c-button__label{
	  font-size:13px;
  }
  .fs-c-estimatedDeliveryDate__notice .fs-c-estimatedDeliveryDate__info__date{
	  margin-top: 8px;
  }
  .fs-c-estimatedDeliveryDate__notice .fs-c-estimatedDeliveryDate__info .fs-c-time{
	  padding-left:0;
	  font-size:2.58em;
	  line-height: 1.3;
  }
  label[for="fs_input_variation_2_Y_ht"]{
  	padding:16px 12px 16px 5px;
  }
}