@charset "UTF-8";
/* ========================================
   日中もそのまま着れる可愛いナイトブラ徹底比較。機能性もデザインも欲しい方必見！
   サイズは「カンプ上のpx × var(--px)」(375pxで等倍、800pxで最大)
   換算: 01_mv 768px→×0.48828 / 02〜06 1080px→×0.34722
         TYPE.04・NIGHT BRA CHART(楽天の元画像 750px)→×0.5
   01_mv はJPG全体を1枚の画像。それ以外はHTML(写真は切り出し、05・06 は文字を消した画像に文字を重ねる)
======================================== */
:root {
    --px: min(calc(100vw / 375), calc(800px / 375));
    --c-text: #333333;
    --c-pink: #dd5e69;
    --c-type-bg: #e6e2d7;
    --c-type-row: #f0ede4;
}

.l-wrapper {
    max-width: 800px;
    margin-inline: auto;
}

.kb {
    color: var(--c-text);
    font-family: "Yu Gothic Pr6N M", "游ゴシック", YuGothic, sans-serif;
    letter-spacing: 0;
    line-height: 1.8;
    overflow: hidden;
}

.kb img {
    max-width: none;
}

.kb figure {
    margin: 0;
}

/* SVGのアイコン定義(画面には出さない) */
.kb-icons {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

/* ---------- 冒頭(01_mv はJPG全体を1枚の画像) ---------- */
.kb-mv img {
    display: block;
    width: 100%;
    height: auto;
}

.kb-head__text {
    padding: calc(24 * var(--px)) calc(16 * var(--px)) 0;
}

.kb-head__title {
    font-family: "Yu Gothic Pr6N B", "游ゴシック", YuGothic, sans-serif;
    font-weight: bold;
    font-size: calc(16 * var(--px));
    line-height: 1.6;
}

@media screen and (max-width: 768px) {
    .kb-head__title {
        font-size: 18px;
    }
}

/* ---------- 本文 ---------- */
.kb-text {
    margin-top: calc(32 * var(--px));
    padding: 0 calc(16 * var(--px));
    font-size: 16px;
    line-height: 1.8;
}

.kb-text p + p {
    margin-top: 1.8em;
}

.kb-head + .kb-text {
    margin-top: calc(20 * var(--px));
}

@media screen and (max-width: 768px) {
    .kb-text {
        font-size: 14px;
    }

    .kb-head + .kb-text {
        margin-top: calc(24 * var(--px));
    }
}

/* ---------- セクション見出し(h2) ---------- */
.kb-sec {
    margin-top: calc(56 * var(--px));
}

.kb-sec:last-child {
    margin-bottom: calc(80 * var(--px));
}

.kb-sec__title {
    margin-bottom: calc(12 * var(--px));
    padding: 0 calc(16 * var(--px));
    font-family: "Yu Gothic Pr6N B", "游ゴシック", YuGothic, sans-serif;
    font-weight: bold;
    font-size: calc(14 * var(--px));
    line-height: 1.4;
}

@media screen and (max-width: 768px) {
    .kb-sec__title {
        font-size: calc(16 * var(--px));
    }
}

/* ---------- NIGHT BRA GUIDE(TYPE.01〜04 のカード) ---------- */
/* 位置はカードごとの変数(カンプ上の値)で指定。TYPE.01・03 は写真が左、TYPE.02・04 は写真が右 */
.kb-type + .kb-type {
    margin-top: calc(40 * var(--px));
}

.kb-card {
    position: relative;
    height: calc(var(--h) * var(--px));
    background: var(--c-type-bg);
    color: #000;
    font-family: "Yu Gothic Pr6N B", "游ゴシック", YuGothic, sans-serif;
    font-weight: bold;
    line-height: 1;
}

.kb-card--1 {
    --h: 359.72;
    --no-y: 24.31;
    --ph-x: 16.67; --ph-y: 70.14; --ph-w: 162.5;
    --lb-x: 195.49; --lb-y: 93.3;
    --nm-x: 194.4; --nm-y: 113.9;
    --sp-x: 194.1; --sp-y: 153.13;
    --bt-x: 193.75; --bt-y: 271.53;
}

.kb-card--2 {
    --h: 366.32;
    --no-y: 20.83;
    --ph-x: 196.88; --ph-y: 67.36; --ph-w: 161.81;
    --lb-x: 26.04; --lb-y: 73.5;
    --nm-x: 23.9; --nm-y: 93.8;
    --sp-x: 21.88; --sp-y: 158.68;
    --bt-x: 20.83; --bt-y: 277.43;
}

.kb-card--3 {
    --h: 353.13;
    --no-y: 18.75;
    --ph-x: 16.67; --ph-y: 64.24; --ph-w: 162.85;
    --lb-x: 193.75; --lb-y: 68.3;
    --nm-x: 194.4; --nm-y: 90.3;
    --sp-x: 195.49; --sp-y: 156.25;
    --bt-x: 193.75; --bt-y: 272.22;
}

.kb-card--4 {
    --h: 375.5;
    --no-y: 24;
    --ph-x: 196; --ph-y: 70; --ph-w: 164;
    --lb-x: 26; --lb-y: 86.8;
    --nm-x: 24.4; --nm-y: 105.8;
    --sp-x: 22.5; --sp-y: 174;
    --bt-x: 24; --bt-y: 290;
}

.kb-card > *,
.kb-card__info > * {
    position: absolute;
    margin: 0;
}

.kb-card__info {
    position: static;
}

/* ( TYPE.0X ) */
.kb-card__no {
    top: calc(var(--no-y) * var(--px));
    left: 0;
    right: 0;
    height: calc(22.92 * var(--px));
    color: var(--c-pink);
    font-family: futura-pt, "Futura PT", "Jost", sans-serif;
    font-weight: 500;
    font-size: calc(20.8 * var(--px));
    line-height: calc(22.92 * var(--px));
    letter-spacing: 0;
    text-align: center;
}

.kb-card__no::before,
.kb-card__no::after {
    content: "";
    position: absolute;
    top: 0;
    width: calc(17.4 * var(--px));
    height: 100%;
    border: 0 solid var(--c-pink);
    border-radius: 50%;
}

.kb-card__no::before {
    left: calc(139.2 * var(--px));
    border-left-width: calc(1.1 * var(--px));
}

.kb-card__no::after {
    left: calc(218.4 * var(--px));
    border-right-width: calc(1.1 * var(--px));
}

.kb-card__photo {
    top: calc(var(--ph-y) * var(--px));
    left: calc(var(--ph-x) * var(--px));
    width: calc(var(--ph-w) * var(--px));
}

.kb-card__photo img {
    display: block;
    width: 100%;
    height: auto;
}

/* 人気No.1 など(下線つきのラベル) */
.kb-card__label {
    top: calc(var(--lb-y) * var(--px));
    left: calc(var(--lb-x) * var(--px));
    padding: 0 calc(6.25 * var(--px)) calc(4.6 * var(--px)) calc(2.08 * var(--px));
    border-bottom: 1px solid #63605b;
    color: #1e1b17;
    font-family: "Yu Gothic Pr6N M", "游ゴシック", YuGothic, sans-serif;
    font-weight: 500;
    font-size: max(10px, calc(12 * var(--px)));
    line-height: 1;
}

.kb-card__name {
    top: calc(var(--nm-y) * var(--px));
    left: calc(var(--nm-x) * var(--px));
    font-size: calc(17.7 * var(--px));
    line-height: calc(29 * var(--px));
    white-space: nowrap;
}

/* ホールド力・デザイン・アジャスターの表 */
.kb-card__spec {
    top: calc(var(--sp-y) * var(--px));
    left: calc(var(--sp-x) * var(--px));
    width: calc(160.4 * var(--px));
}

.kb-card__row {
    display: flex;
    align-items: center;
    height: calc(30.56 * var(--px));
    padding-left: calc(8.68 * var(--px));
    border-radius: calc(3.5 * var(--px));
    background: var(--c-type-row);
}

.kb-card__row + .kb-card__row {
    margin-top: calc(3.47 * var(--px));
}

.kb-card__row dt {
    width: calc(57.5 * var(--px));
    flex-shrink: 0;
    font-size: max(10px, calc(9.8 * var(--px)));
    white-space: nowrap;
}

.kb-card__row dd {
    display: flex;
    align-items: center;
    margin: 0;
}

.kb-stars {
    display: flex;
    gap: calc(-0.45 * var(--px));
    color: var(--c-pink);
}

.kb-stars svg {
    display: block;
    width: calc(17.6 * var(--px));
    height: calc(17.6 * var(--px));
}

/* アジャスターの行は、ラベルが長いので○の位置をカンプに合わせる */
.kb-card__row dd.kb-adj {
    margin-left: calc(8 * var(--px));
}

.kb-adj__item {
    display: flex;
    align-items: center;
    font-family: "Yu Gothic Pr6N M", "游ゴシック", YuGothic, sans-serif;
    font-weight: 500;
    font-size: max(10px, calc(8.6 * var(--px)));
    white-space: nowrap;
}

.kb-adj__item + .kb-adj__item {
    margin-left: calc(10.4 * var(--px));
}

.kb-adj__item svg {
    display: block;
    width: calc(12.5 * var(--px));
    height: calc(12.5 * var(--px));
    margin-right: calc(2.1 * var(--px));
    color: var(--c-pink);
}

.kb-card__btn {
    top: calc(var(--bt-y) * var(--px));
    left: calc(var(--bt-x) * var(--px));
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(155.2 * var(--px));
    height: calc(42.36 * var(--px));
    background: #000;
    box-shadow: 0 calc(1 * var(--px)) calc(2 * var(--px)) rgba(0, 0, 0, 0.25);
    color: #fff;
    font-family: futura-pt, "Futura PT", "Jost", sans-serif;
    font-weight: 500;
    font-size: calc(26.5 * var(--px));
    letter-spacing: 0;
    text-decoration: none;
}

/* feature.css の a { transition: all } だと、画面幅を変えたときに位置まで動くので opacity だけにする */
.kb-card__btn {
    transition: opacity 0.3s ease;
}

.kb-card__btn:hover {
    opacity: 0.8;
}

/* feature.css の :before, :after { transition } で括弧が動かないようにする */
.kb-card__no::before,
.kb-card__no::after {
    transition: none;
}

/* ---------- 05_setup(文字を消した画像 + 文字) ---------- */
.kb-setup,
.kb-seamless {
    position: relative;
}

.kb-setup img,
.kb-seamless img {
    display: block;
    width: 100%;
    height: auto;
}

.kb-setup figcaption p,
.kb-seamless figcaption p {
    position: absolute;
    margin: 0;
    line-height: 1;
    white-space: nowrap;
}

.kb-setup__lead {
    top: calc(9.03 * var(--px));
    left: calc(61.11 * var(--px));
    display: flex;
    align-items: flex-end;
}

.kb-setup__badge {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(23.6 * var(--px));
    color: #fff;
    font-family: "Yu Gothic Pr6N B", "游ゴシック", YuGothic, sans-serif;
    font-weight: bold;
    font-size: calc(15.3 * var(--px));
    letter-spacing: 0.02em;
}

.kb-setup__badge--material {
    width: calc(96.2 * var(--px));
    background: #da9488;
}

.kb-setup__badge--color {
    width: calc(102.8 * var(--px));
    margin-left: calc(6.25 * var(--px));
    background: #e09659;
}

.kb-setup__dakara {
    margin: 0 0 calc(0.5 * var(--px)) calc(5 * var(--px));
    color: #58412d;
    font-family: "Yu Gothic Pr6N B", "游ゴシック", YuGothic, sans-serif;
    font-weight: bold;
    font-size: calc(13.3 * var(--px));
}

.kb-setup__catch {
    top: calc(40.3 * var(--px));
    left: 0;
    right: 0;
    color: #5a422d;
    font-family: "Yu Gothic Pr6N B", "游ゴシック", YuGothic, sans-serif;
    font-weight: bold;
    font-size: calc(21 * var(--px));
    letter-spacing: 0;
    text-align: center;
}

.kb-setup__en {
    top: calc(142.5 * var(--px));
    left: 0;
    right: 0;
    color: #554230;
    font-family: futura-pt, "Futura PT", "Jost", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: calc(25 * var(--px));
    letter-spacing: 0;
    text-align: center;
}

/* ---------- 06_seamless(文字を消した画像 + 文字) ---------- */
.kb-seamless__en {
    top: calc(74.5 * var(--px));
    left: calc(106.6 * var(--px));
    transform: translateX(-50%);
    color: #211a16;
    font-family: futura-pt, "Futura PT", "Jost", sans-serif;
    font-weight: 500;
    font-size: calc(21.8 * var(--px));
    letter-spacing: 0.08em;
}

.kb-seamless__en,
.kb-seamless__text {
    text-indent: 0;
}

.kb-seamless .kb-seamless__text {
    top: calc(114.6 * var(--px));
    left: calc(106.6 * var(--px));
    transform: translateX(-50%);
    color: #211a16;
    font-family: "Yu Gothic Pr6N B", "游ゴシック", YuGothic, sans-serif;
    font-weight: bold;
    font-size: calc(13.5 * var(--px));
    line-height: calc(24.3 * var(--px));
    letter-spacing: 0.08em;
    text-align: center;
}

.kb-seamless__pill {
    top: calc(175.35 * var(--px));
    left: calc(39.24 * var(--px));
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(135.07 * var(--px));
    height: calc(23.26 * var(--px));
    border-radius: calc(11.63 * var(--px));
    background: #99b7d9;
    color: #fff;
    font-family: "Yu Gothic Pr6N B", "游ゴシック", YuGothic, sans-serif;
    font-weight: bold;
    font-size: calc(13.5 * var(--px));
    letter-spacing: 0.08em;
}

/* ---------- 商品のカルーセル ---------- */
.kb-items {
    margin-top: calc(32 * var(--px));
}

.kb-setup + .kb-items,
.kb-seamless + .kb-items {
    margin-top: calc(40 * var(--px));
}

/* Swiper(js/script.js)で横にスワイプ。.kb-items__carousel は PC の矢印の位置の基準 */
.kb-items__carousel {
    position: relative;
}

.kb-items__slider {
    padding: 0 calc(4 * var(--px)) 0 calc(16 * var(--px));
}

.kb-items__list li {
    width: calc(136 * var(--px));
    margin-right: calc(12 * var(--px));
}

.kb-items__list a {
    display: block;
    color: var(--c-text);
    text-decoration: none;
}

.kb-items__img {
    position: relative;
}

.kb-items__img > img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    object-fit: cover;
}

.kb-items__name {
    display: block;
    margin-top: calc(6 * var(--px));
    font-family: "Yu Gothic Pr6N B", "游ゴシック", YuGothic, sans-serif;
    font-size: calc(12 * var(--px));
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

.kb-items__price {
    display: block;
    margin-top: calc(2 * var(--px));
    font-size: calc(12 * var(--px));
    text-align: center;
    line-height: 1.5;
}

.kb-items__price small {
    font-size: 0.85em;
}

/* PCは1画面に4商品(見切りなし) */
@media screen and (min-width: 769px) {
    .kb-items__slider {
        margin-inline: calc(16 * var(--px));
        padding: 0;
    }

    .kb-items__list li {
        width: calc((100% - 3 * 6 * var(--px)) / 4);
        margin-right: calc(6 * var(--px));
    }

    .kb-items__list li:last-child {
        margin-right: 0;
    }

    .kb-items__name,
    .kb-items__price {
        font-size: calc(6.5 * var(--px));
    }
}

/* ---------- カルーセルの矢印(PCのみ。04_qualityforyou_ep02 の section-product に合わせる) ---------- */
/* 矢印は .swiper の外(.kb-items__carousel の中)に置き、写真に重ならないよう左右の余白に表示する */
/* Swiper標準のアイコン(svg)は消し、その方向にスワイプできないとき(最初の左・端まで来た側・全部が1画面に収まるとき)は矢印を消す */
.kb-items .swiper-button-prev svg,
.kb-items .swiper-button-next svg {
    display: none !important;
}

.kb-items .swiper-button-prev,
.kb-items .swiper-button-next {
    position: absolute;
    width: calc(18.75 * var(--px));
    height: calc(14.75 * var(--px));
    margin: auto;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 100;
}

.kb-items .swiper-button-prev {
    left: calc(2 * var(--px));
    right: auto;
}

.kb-items .swiper-button-next {
    left: auto;
    right: calc(2 * var(--px));
}

.kb-items .swiper-button-prev::before,
.kb-items .swiper-button-prev::after,
.kb-items .swiper-button-next::before,
.kb-items .swiper-button-next::after {
    position: absolute;
    content: "";
    width: 1px;
    height: calc(14.75 * var(--px));
    background: #171716;
    top: 0;
    bottom: 0;
}

.kb-items .swiper-button-prev::before,
.kb-items .swiper-button-prev::after {
    left: 0;
}

.kb-items .swiper-button-next::before,
.kb-items .swiper-button-next::after {
    right: 0;
}

.kb-items .swiper-button-prev::before,
.kb-items .swiper-button-next::before {
    transform: rotate(-40deg);
}

.kb-items .swiper-button-prev::after,
.kb-items .swiper-button-next::after {
    transform: rotate(40deg);
}

/* 端まで来た側(.swiper-button-disabled)と、全部が1画面に収まるとき(.swiper-button-lock)は矢印を出さない */
.kb-items .swiper-button-disabled,
.kb-items .swiper-button-lock {
    display: none;
}

@media screen and (max-width: 768px) {
    .kb-items .swiper-button-prev,
    .kb-items .swiper-button-next {
        display: none;
    }
}

/* 商品画像の右上のアイコン(css/common.css の .product-wrapper ul.product-list li .icon-container と同じ値) */
.kb-items__img .icon-container {
    position: absolute;
    top: 7px;
    right: 7px;
}

.kb-items__list .kb-items__img .icon-container img {
    width: 100%;
    max-width: 30px;
    aspect-ratio: auto;
    object-fit: fill;
}

.kb-items__list .kb-items__img .icon-container img.icon--cool {
    margin: 0 auto;
    max-width: 28px;
}

.kb-items__list .kb-items__img .icon-container img.icon--bottom {
    margin-top: 3px;
}

@media screen and (max-width: 768px) {
    .kb-items__img .icon-container {
        /* カルーセルの中では上がはみ出すと切れるため、商品一覧(-2px)より下げる */
        top: 2px;
        right: 2px;
    }

    .kb-items__list .kb-items__img .icon-container img {
        max-width: 27px;
    }

    .kb-items__list .kb-items__img .icon-container img.icon--cool {
        max-width: 25px;
    }
}

/* ---------- NIGHT BRA CHART(楽天の nightbra_chart.jpg 750px を見本に ×0.5) ---------- */
.kb-chart {
    position: relative;
    height: calc(435 * var(--px));
    background: #f4ecd7;
}

.kb-chart > p,
.kb-chart__box,
.kb-chart__items li {
    position: absolute;
    margin: 0;
    line-height: 1;
    white-space: nowrap;
}

.kb-chart__title {
    top: calc(26.5 * var(--px));
    left: 0;
    right: 0;
    color: #8b6550;
    font-family: futura-pt, "Futura PT", "Jost", sans-serif;
    font-weight: 500;
    font-size: calc(36.8 * var(--px));
    letter-spacing: 0.01em;
    text-align: center;
    text-shadow: calc(1.5 * var(--px)) calc(1.5 * var(--px)) 0 #fcedd6;
}

/* 白い枠と十字の線 */
.kb-chart__box {
    top: calc(98 * var(--px));
    left: calc(25 * var(--px));
    width: calc(325 * var(--px));
    height: calc(310 * var(--px));
    border-radius: calc(5 * var(--px));
    background:
        linear-gradient(#c0b2a5, #c0b2a5) calc(162 * var(--px)) calc(41 * var(--px)) / 1px calc(227.5 * var(--px)) no-repeat,
        linear-gradient(#c0b2a5, #c0b2a5) calc(40.5 * var(--px)) calc(154.5 * var(--px)) / calc(243.5 * var(--px)) 1px no-repeat,
        #fefffa;
}

/* 軸のラベル(丸い枠の日本語 + 薄い英字) */
.kb-chart__ja {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border: calc(2 * var(--px)) solid #fff;
    font-family: "Yu Gothic Pr6N B", "游ゴシック", YuGothic, sans-serif;
    font-weight: bold;
    font-size: calc(14 * var(--px));
    letter-spacing: 0.06em;
}

.kb-chart__en {
    position: absolute;
    font-family: futura-pt, "Futura PT", "Jost", sans-serif;
    font-weight: 500;
    font-size: calc(28.5 * var(--px));
    letter-spacing: 0.02em;
}

.kb-chart__axis--top,
.kb-chart__axis--bottom {
    left: calc(122 * var(--px));
    width: calc(130.5 * var(--px));
}

.kb-chart__axis--top {
    top: calc(82 * var(--px));
}

.kb-chart__axis--bottom {
    top: calc(390 * var(--px));
}

.kb-chart__axis--top .kb-chart__ja,
.kb-chart__axis--bottom .kb-chart__ja {
    top: 0;
    left: 0;
    width: 100%;
    height: calc(35 * var(--px));
    border-radius: calc(17.5 * var(--px));
}

.kb-chart__axis--top .kb-chart__ja {
    background: #f7e7d7;
    color: #a0764a;
}

.kb-chart__axis--bottom .kb-chart__ja {
    background: #e5f2fa;
    color: #5b8fb3;
}

.kb-chart__axis--top .kb-chart__en,
.kb-chart__axis--bottom .kb-chart__en {
    left: 50%;
    transform: translateX(-50%);
}

.kb-chart__axis--top .kb-chart__en {
    top: calc(31.5 * var(--px));
    color: #fce1c4;
}

.kb-chart__axis--bottom .kb-chart__en {
    top: calc(-26.5 * var(--px));
    color: #dee7ec;
}

.kb-chart__axis--left,
.kb-chart__axis--right {
    top: calc(204 * var(--px));
    width: calc(32 * var(--px));
    height: calc(99.5 * var(--px));
}

.kb-chart__axis--left {
    left: calc(9 * var(--px));
}

.kb-chart__axis--right {
    left: calc(334 * var(--px));
}

.kb-chart__axis--left .kb-chart__ja,
.kb-chart__axis--right .kb-chart__ja {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: calc(16 * var(--px));
    writing-mode: vertical-rl;
}

.kb-chart__axis--left .kb-chart__ja {
    background: #faefeb;
    color: #c4675e;
}

.kb-chart__axis--right .kb-chart__ja {
    background: #fdf3da;
    color: #bb9c3a;
}

.kb-chart__axis--left .kb-chart__en,
.kb-chart__axis--right .kb-chart__en {
    top: 50%;
    transform: translateY(-50%);
    writing-mode: vertical-rl;
}

.kb-chart__axis--left .kb-chart__en {
    left: calc(28.5 * var(--px));
    color: #f9e6e2;
}

.kb-chart__axis--right .kb-chart__en {
    right: calc(28.5 * var(--px));
    color: #f1ecd9;
}

/* 英字は丸い枠の下に置く */
.kb-chart__axis {
    z-index: 1;
}

.kb-chart__ja {
    z-index: 1;
}

.kb-chart__items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.kb-chart__items li {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

.kb-chart__items img {
    display: block;
    height: auto;
}

.kb-chart__items span {
    margin-top: calc(var(--gap) * var(--px));
    color: #222;
    font-family: "Yu Gothic Pr6N B", "游ゴシック", YuGothic, sans-serif;
    font-weight: bold;
    font-size: max(10px, calc(8.5 * var(--px)));
    line-height: calc(11.5 * var(--px));
    text-align: center;
}

/* 位置は写真の左上(カンプ上の値)。名前は写真の中央の下 */
.kb-chart__item--vneck { top: calc(147.5 * var(--px)); left: calc(42.5 * var(--px)); --gap: 4; }
.kb-chart__item--vneck img { width: calc(56 * var(--px)); }
.kb-chart__item--bandeau { top: calc(147 * var(--px)); left: calc(116.5 * var(--px)); --gap: 4.5; }
.kb-chart__item--bandeau img { width: calc(53 * var(--px)); }
.kb-chart__item--uback { top: calc(147 * var(--px)); left: calc(203 * var(--px)); --gap: 3.5; }
.kb-chart__item--uback img { width: calc(55.5 * var(--px)); }
.kb-chart__item--seamless-bandeau { top: calc(285 * var(--px)); left: calc(115 * var(--px)); --gap: 4; }
.kb-chart__item--seamless-bandeau img { width: calc(54.5 * var(--px)); }
.kb-chart__item--seamless { top: calc(284 * var(--px)); left: calc(254 * var(--px)); --gap: 4; }
.kb-chart__item--seamless img { width: calc(57 * var(--px)); }

/* スタイルナイトブラは写真の右下に名前 */
.kb-chart__item--stylenightbra { top: calc(112.5 * var(--px)); left: calc(271 * var(--px)); --gap: 1.5; }
.kb-chart__item--stylenightbra img { width: calc(56.5 * var(--px)); }