@charset "UTF-8";
/* ========================================================================== */
/* 商品一覧・詳細ページ用スタイル
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 商品一覧
/* -------------------------------------------------------------------------- */

.p-productList__image {
    aspect-ratio: 2/3;
    object-fit: cover;
}

.p-productList__brand {
    color: var(--color_gray3);
}

.p-productList__title {
    margin: 0;
}

.p-productList__size {
    margin: 0;
    font-size: .75rem;
}

.p-productList__form {
    display: none;
}

/* -------------------------------------------------------------------------- */
/* 商品詳細
/* -------------------------------------------------------------------------- */

.p-productDetail__container {
    padding-left: .9375rem;
    padding-right: .9375rem;
}

/* slick */
.c-productSlider {
    position: sticky;
    top: .9375rem;
}

.c-productSlider__mainImg {
    object-fit: cover;
}

.c-productSlider__thumbNav {
    gap: .375rem;
}

.c-productSlider__thumbNav .c-productSlider__thumbItem {
    margin: 0;
    width: calc(100% / 4 - .28125rem);
}

.ec-sliderItemRole .c-productSlider__thumbItem .c-productSlider__thumbImg {
    width: 100%;
    height: 100%;
}

/* オプション */
.c-optionSelect {
    margin-top: 1.875rem;
}

.option_Label {
    padding: .3125rem .625rem;
    border-bottom: 1px solid var(--color_gray3);
}

span.c-required {
    margin: 0;
    padding: 0 0 0 .625rem;
    color: var(--color_main);
    font-weight: bold;
}

.c-optionList {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    margin-top: .625rem;
}

.c-optionItem input[type="radio"],
.c-optionItem input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: .3125rem;
    border: none;
}

.c-optionItem:has(input[type="radio"]:checked),
.c-optionItem:has(input[type="checkbox"]:checked) {
    background-color: var(--color_pink);
    border: 1px solid var(--color_main);
}

.c-optionItem {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    padding: .25rem;
    width: calc(100% / 3 - .4167rem);
    border: 1px solid var(--color_gray3);
    border-radius: .3125rem;
    cursor: pointer;
    transition: border-color 0.3s;
}

.c-optionItem.selected {
    background-color: var(--color_pink);
    border-color: var(--color_main);
}

.c-optionItem .form-check {
    margin: .625rem 0 auto;
    padding: 0;
    font-size: .875rem;
}

.c-optionItem .form-check-label {
    text-align: center;
}

.ec-numberInput {
    margin-top: 1.25rem;
}

.c-optionInfo {
    margin-top: .625rem;
    padding: .625rem;
    background: var(--color_pink);
    font-size: .8125rem;
}

/* -------------------------------------------------------------------------- */
/* タブレット
/* -------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .c-optionItem {
        width: calc(100% / 5 - .5rem);
    }
}

/* -------------------------------------------------------------------------- */
/* PC
/* -------------------------------------------------------------------------- */
@media (min-width: 1025px) {
}