@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap"); .kireilabo { /*** The new CSS reset - version 1.11.2 (last updated 15.11.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ } .kireilabo *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } .kireilabo { /* Preferred box-sizing value */ } .kireilabo *, .kireilabo *::before, .kireilabo *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } .kireilabo { /* Fix mobile Safari increase font-size on landscape mode */ } .kireilabo html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } .kireilabo { /* Reapply the pointer cursor for anchor tags */ } .kireilabo a, .kireilabo button { cursor: revert; } .kireilabo { /* Remove list styles (bullets/numbers) */ } .kireilabo ol, .kireilabo ul, .kireilabo menu, .kireilabo summary { list-style: none; } .kireilabo { /* For images to not be able to exceed their container */ } .kireilabo img { max-inline-size: 100%; max-block-size: 100%; } .kireilabo img { image-rendering: -webkit-optimize-contrast; } .kireilabo { /* removes spacing between cells in tables */ } .kireilabo table { border-collapse: collapse; } .kireilabo { /* Safari - solving issue when using user-select:none on the text input doesn't working */ } .kireilabo input, .kireilabo textarea { -webkit-user-select: auto; } .kireilabo { /* revert the 'white-space' property for textarea elements on Safari */ } .kireilabo textarea { white-space: revert; } .kireilabo { /* minimum style to allow to style meter element */ } .kireilabo meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } .kireilabo { /* preformatted text - use only for this feature */ } .kireilabo :where(pre) { all: revert; -webkit-box-sizing: border-box; box-sizing: border-box; } .kireilabo { /* reset default text opacity of input placeholder */ } .kireilabo ::-webkit-input-placeholder { color: unset; } .kireilabo ::-moz-placeholder { color: unset; } .kireilabo :-ms-input-placeholder { color: unset; } .kireilabo ::-ms-input-placeholder { color: unset; } .kireilabo ::placeholder { color: unset; } .kireilabo { /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ } .kireilabo :where([hidden]) { display: none; } .kireilabo { /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ } .kireilabo :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } .kireilabo { /* apply back the draggable feature - exist only in Chromium and Safari */ } .kireilabo :where([draggable=true]) { -webkit-user-drag: element; } .kireilabo { /* Revert Modal native behavior */ } .kireilabo :where(dialog:modal) { all: revert; -webkit-box-sizing: border-box; box-sizing: border-box; } .kireilabo { /* Remove details summary webkit styles */ } .kireilabo ::-webkit-details-marker { display: none; } /*----------------------------------------------------- Media Query @include vars.mq-up(''){ @contentの内容 } -----------------------------------------------------*/ /*----------------------------------------------------- Common(2026.02.19) - Setting - Layout - Slick Slider - Component - Utility - Sticky Link -----------------------------------------------------*/ body { margin: 0; } @media screen and (min-width: 768px) { .pane-contents { overflow: visible; } } .kireilabo { -webkit-font-feature-settings: normal; font-feature-settings: normal; position: relative; color: #444444; font-weight: 400; line-height: 1.6666666667; /*----------------------------------------------------- Setting -----------------------------------------------------*/ font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif; letter-spacing: 0.05em; } @media screen and (max-width: 767px) { .kireilabo { font-size: 4.1025641026vw; } } @media screen and (min-width: 768px) { .kireilabo { line-height: 1.7777777778; } } .kireilabo img { vertical-align: top; image-rendering: auto; } .kireilabo picture, .kireilabo figure { display: block; } .kireilabo .l-sec { /*----------------------------------------------------- Layout -----------------------------------------------------*/ } .kireilabo .l-sec .l-sec__inner { padding-right: 5.1282051282vw; padding-left: 5.1282051282vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .l-sec__inner { max-width: 1200px; padding-right: 0; padding-left: 0; margin-inline: auto; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .l-sec__inner.is-1000 { width: 1000px; } } .kireilabo .l-sec { /*----------------------------------------------------- Show -----------------------------------------------------*/ } .kireilabo .l-sec .u-show-sp { display: block; } @media screen and (min-width: 768px) { .kireilabo .l-sec .u-show-sp { display: none; } } .kireilabo .l-sec .u-show-pc { display: none; } @media screen and (min-width: 768px) { .kireilabo .l-sec .u-show-pc { display: block; } } .kireilabo .l-sec { /*----------------------------------------------------- Button -----------------------------------------------------*/ } .kireilabo .l-sec .c-btn { height: 10.2564102564vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .c-btn { height: 40px; margin-top: 20px; } } .kireilabo .l-sec .c-btn a { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 100%; border-radius: 50vw; font-weight: 700; line-height: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .kireilabo .l-sec .c-btn a { font-size: 4.6153846154vw; } } .kireilabo .l-sec .c-btn a { gap: 1.2820512821vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .c-btn a { font-size: 1.2857142857rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-transition: 0.5s; transition: 0.5s; gap: 0; } .kireilabo .l-sec .c-btn a:hover { opacity: 0.5; } } .kireilabo .l-sec .c-btn.is-line a { border-width: 2px; border-style: solid; background: #ffffff !important; } .kireilabo .l-sec .btn-arrow { display: block; position: absolute; top: 50%; right: 7.6923076923vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1.7692307692vw; height: 3.0512820513vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .btn-arrow { right: 40px; width: 8.4px; height: 14.7px; } } .kireilabo .l-sec .btn-arrow::before, .kireilabo .l-sec .btn-arrow::after { position: absolute; top: calc(50% - 0.2564102564vw); right: 0; -webkit-transform-origin: calc(100% - 0.2564102564vw) 50%; transform-origin: calc(100% - 0.2564102564vw) 50%; width: 2.3076923077vw; height: 0.5128205128vw; border-radius: 50vw; background-color: #ffffff; content: ""; } @media screen and (min-width: 768px) { .kireilabo .l-sec .btn-arrow::before, .kireilabo .l-sec .btn-arrow::after { top: calc(50% - 1px); -webkit-transform-origin: calc(100% - 1px) 50%; transform-origin: calc(100% - 1px) 50%; width: 11px; height: 2px; } } .kireilabo .l-sec .btn-arrow::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .kireilabo .l-sec .btn-arrow::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .kireilabo .l-sec { /*----------------------------------------------------- Main Area -----------------------------------------------------*/ } .kireilabo .l-sec .main-area { position: relative; z-index: 2; padding-bottom: 6.4102564103vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .main-area { padding: 30px 0 60px; padding-top: 0; } .kireilabo .l-sec .main-area::before { display: block; position: auto; position: absolute; top: 0; left: 0; width: 100%; background: #ffffff; content: ""; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .main-area__headline { width: 1200px; margin: 0 auto 0; } } .kireilabo .l-sec { /*----------------------------------------------------- Flex -----------------------------------------------------*/ } .kireilabo .l-sec .flex__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10.2564102564vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 60px; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__card { width: 360px; } } .kireilabo .l-sec .flex__card .flex__card-head { font-weight: 700; text-align: center; } .kireilabo .l-sec { /*----------------------------------------------------- Solution, Reason -----------------------------------------------------*/ } .kireilabo .l-sec .flex__block-solution .flex__card-head, .kireilabo .l-sec .flex__block-reason .flex__card-head { margin-bottom: 2.5641025641vw; font-size: 5.641025641vw; line-height: 1.2272727273; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2.5641025641vw; text-align: left; } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-solution .flex__card-head, .kireilabo .l-sec .flex__block-reason .flex__card-head { margin-bottom: 30px; font-size: 1.5714285714rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; line-height: 1; } } .kireilabo .l-sec .flex__block-solution .flex__card-head span, .kireilabo .l-sec .flex__block-reason .flex__card-head span { display: block; width: 20.5128205128vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-solution .flex__card-head span, .kireilabo .l-sec .flex__block-reason .flex__card-head span { width: 95px; } } .kireilabo .l-sec .flex__block-solution .flex__card-img, .kireilabo .l-sec .flex__block-reason .flex__card-img { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2.5641025641vw; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-solution .flex__card-img, .kireilabo .l-sec .flex__block-reason .flex__card-img { margin-bottom: 15px; } } .kireilabo .l-sec .flex__block-solution .flex__card-text, .kireilabo .l-sec .flex__block-reason .flex__card-text { line-height: 1.625; } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-solution .flex__card-text, .kireilabo .l-sec .flex__block-reason .flex__card-text { font-size: 1.1428571429rem; } } .kireilabo .l-sec { /*----------------------------------------------------- Products -----------------------------------------------------*/ } .kireilabo .l-sec .products { position: relative; padding-bottom: 15.3846153846vw; background: #ffffff; } @media screen and (min-width: 768px) { .kireilabo .l-sec .products { padding-bottom: 120px; } } .kireilabo .l-sec .products::before { display: block; width: 100%; background: url("/lp/kireilabo/26aw/images/products_bg_sp.png") no-repeat center bottom; background-size: cover; content: ""; aspect-ratio: 6.5/1; } @media screen and (min-width: 768px) { .kireilabo .l-sec .products::before { background-image: url("/lp/kireilabo/26aw/images/products_bg_pc.png"); aspect-ratio: 12.5/1; } } @media screen and (max-width: 767px) { .kireilabo .l-sec .flex__block-products { gap: 7.6923076923vw; } } .kireilabo .l-sec .products__headline { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 7.6923076923vw; font-weight: 500; line-height: 1; text-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 767px) { .kireilabo .l-sec .products__headline { font-size: 7.6923076923vw; } } .kireilabo .l-sec .products__headline { gap: 2.5641025641vw 0; } @media screen and (min-width: 768px) { .kireilabo .l-sec .products__headline { margin-bottom: 60px; font-size: 3.5714285714rem; } } @media screen and (max-width: 767px) { .kireilabo .l-sec .products__headline small { font-size: 5.8974358974vw; line-height: 1; } } @media screen and (max-width: 767px) { .kireilabo .l-sec .products__headline span { width: 100%; } } .kireilabo .l-sec .flex__block-products .flex__card { overflow: hidden; border-radius: 5.1282051282vw; -webkit-box-shadow: 0 0 10px 0 rgba(98, 98, 98, 0.2); box-shadow: 0 0 10px 0 rgba(98, 98, 98, 0.2); } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card { border-radius: 20px; -webkit-box-shadow: 0 0 20px 0 rgba(98, 98, 98, 0.2); box-shadow: 0 0 20px 0 rgba(98, 98, 98, 0.2); } } .kireilabo .l-sec .flex__block-products .flex__card-head { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2.5641025641vw 0; color: #ffffff !important; font-weight: 500; line-height: 1.25; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .kireilabo .l-sec .flex__block-products .flex__card-head { font-size: 5.1282051282vw; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-head { padding: 12px 0; font-size: 1.4285714286rem; } } .kireilabo .l-sec .flex__block-products .flex__card-content { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5.1282051282vw 5.1282051282vw 7.6923076923vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5.1282051282vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content { padding: 20px 20px 20px; gap: 0; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .name { margin-bottom: 20px; } } @media screen and (max-width: 767px) { .kireilabo .l-sec .flex__block-products .flex__card-content .name dt { font-size: 3.5897435897vw; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .name dt { font-size: 1rem; } } @media screen and (max-width: 767px) { .kireilabo .l-sec .flex__block-products .flex__card-content .name dd { font-size: 4.1025641026vw; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .name dd { font-size: 1.1428571429rem; } } .kireilabo .l-sec .flex__block-products .flex__card-content .c-btn { height: 10.2564102564vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .c-btn { height: 40px; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .voice { border-bottom: 1px solid #e1e1e1; padding: 20px 0 15px; } } .kireilabo .l-sec .flex__block-products .flex__card-content .voice dt { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2.5641025641vw; color: #888888; font-size: 3.5897435897vw; line-height: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5.1282051282vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .voice dt { margin-bottom: 10px; font-size: 1rem; gap: 20px; } } .kireilabo .l-sec .flex__block-products .flex__card-content .voice dt img { width: 22.0512820513vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .voice dt img { width: 86px; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .voice dd { font-size: 1.1428571429rem; } } .kireilabo .l-sec .flex__block-products .flex__card-content .voice dd strong { font-weight: 700; } .kireilabo .l-sec .flex__block-products .flex__card-content .voice .notes { margin-top: 3.8461538462vw; color: #888888; font-size: 3.5897435897vw; line-height: 1; } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .voice .notes { margin-top: 15px; font-size: 1rem; } } .kireilabo .l-sec .flex__block-products .flex__card-content .voice .notes a { text-decoration: underline; } @media screen and (max-width: 767px) { .kireilabo .l-sec .flex__block-products .flex__card-content .pearitem { margin-top: -1.2820512821vw; border-top: 1px solid #e1e1e1; padding-top: 5.1282051282vw; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .pearitem { margin-top: 0; } } .kireilabo .l-sec .flex__block-products .flex__card-content .pearitem a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 3.8461538462vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .pearitem a { margin-top: 20px; gap: 20px; -webkit-transition: 0.5s; transition: 0.5s; } } .kireilabo .l-sec .flex__block-products .flex__card-content .pearitem a figure { width: 19.2307692308vw; background: #eeeeee; aspect-ratio: 1/1; } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .pearitem a figure { width: 70px; } } .kireilabo .l-sec .flex__block-products .flex__card-content .pearitem a dl { width: calc(100% - 23.0769230769vw); } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .pearitem a dl { width: calc(100% - 90px); } } .kireilabo .l-sec .flex__block-products .flex__card-content .pearitem a dl dt { font-size: 3.5897435897vw; line-height: 1; margin-bottom: 0.25em; } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .pearitem a dl dt { font-size: 1rem; } } .kireilabo .l-sec .flex__block-products .flex__card-content .pearitem a dl dd { text-decoration: underline; } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .pearitem a dl dd { font-size: 1.1428571429rem; line-height: 1.625; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .flex__block-products .flex__card-content .pearitem a:hover { opacity: 0.5; } } .kireilabo .l-sec { /*----------------------------------------------------- Price -----------------------------------------------------*/ } .kireilabo .l-sec .page-Campaign_PriceNormal { font-weight: 400 !important; line-height: 1; } @media screen and (min-width: 768px) { .kireilabo .l-sec .page-Campaign_PriceNormal { margin-bottom: 25px; } } .kireilabo .l-sec .page-Campaign_PriceNormal > span { display: none !important; } @media screen and (max-width: 767px) { .kireilabo .l-sec .page-Campaign_PriceNormal .page-Campaign_Price { font-size: 5.1282051282vw; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .page-Campaign_PriceNormal .page-Campaign_Price { font-size: 1.4285714286rem; } } .kireilabo .l-sec .page-Campaign_PriceNormal .page-Campaign_Price span:first-child { display: none; } .kireilabo .l-sec .page-Campaign_PriceNormal .page-Campaign_Price span:first-child:not(:empty) + span { color: #d7463c; font-weight: 500; } .kireilabo .l-sec .page-Campaign_PriceNormal .page-Campaign_Price span:first-child:not(:empty) + span::before { margin-right: 0.5em; text-transform: uppercase; content: "Sale価格"; } @media screen and (max-width: 767px) { .kireilabo .l-sec .page-Campaign_PriceNormal .page-Campaign_Price span:first-child:not(:empty) + span::before { font-size: 3.5897435897vw; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .page-Campaign_PriceNormal .page-Campaign_Price span:first-child:not(:empty) + span::before { font-size: 1rem; } } .kireilabo .l-sec .page-Campaign_PriceNormal .page-Campaign_Price span:last-child::after { content: " (税込)"; } @media screen and (max-width: 767px) { .kireilabo .l-sec .page-Campaign_PriceNormal .page-Campaign_Price span:last-child::after { font-size: 3.5897435897vw; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .page-Campaign_PriceNormal .page-Campaign_Price span:last-child::after { font-size: 1rem; } } .kireilabo .l-sec { /*----------------------------------------------------- Cart -----------------------------------------------------*/ } .kireilabo .l-sec .block-add-cart--btn { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 0; width: 100%; height: 15.3846153846vw !important; border: none; border-radius: 50vw !important; color: #ffffff !important; font-weight: 500 !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .kireilabo .l-sec .block-add-cart--btn { font-size: 4.6153846154vw !important; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .block-add-cart--btn { height: 60px !important; font-size: 18px !important; cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s; } .kireilabo .l-sec .block-add-cart--btn:hover { opacity: 0.5; } } .kireilabo .l-sec .block-add-cart--btn::after { display: block; position: absolute; right: 5.8974358974vw; width: 6.9230769231vw; height: 6.4102564103vw; background: url("/lp/kireilabo/26aw/images/cart_icon.png") no-repeat 50% 50%; background-size: cover; content: ""; } @media screen and (min-width: 768px) { .kireilabo .l-sec .block-add-cart--btn::after { right: 25px; width: 30px; height: 28px; } } .kireilabo .l-sec { /*----------------------------------------------------- Variation, Category -----------------------------------------------------*/ } .kireilabo .l-sec .l-sec__headline { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto 0; margin-bottom: 7.6923076923vw; font-weight: 500; line-height: 1; letter-spacing: 0.075em; text-align: center; } @media screen and (max-width: 767px) { .kireilabo .l-sec .l-sec__headline { font-size: 7.6923076923vw; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .l-sec__headline { margin-bottom: 60px; font-size: 3.5714285714rem; } } .kireilabo .l-sec .l-sec__headline span:not(.notes) { display: block; margin-bottom: 1em; font-weight: 400; font-family: "Montserrat"; letter-spacing: 0.1em; } @media screen and (max-width: 767px) { .kireilabo .l-sec .l-sec__headline span:not(.notes) { font-size: 3.8461538462vw; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .l-sec__headline span:not(.notes) { font-size: 1.4285714286rem; } } .kireilabo .l-sec .l-sec__headline .notes { margin-top: 1em; display: block; width: 100%; font-weight: 400; letter-spacing: 0.075em; } @media screen and (max-width: 767px) { .kireilabo .l-sec .l-sec__headline .notes { font-size: 3.3333333333vw; line-height: 1.25; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .l-sec__headline .notes { margin-top: 15px; font-size: 1rem; } } .kireilabo .l-sec { /*----------------------------------------------------- Variation -----------------------------------------------------*/ } .kireilabo .l-sec .variation { padding: 15.3846153846vw 0; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation { padding: 100px 0 120px; } } .kireilabo .l-sec .variation__headline { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kireilabo .l-sec .variation__headline img { margin-bottom: 2.5641025641vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation__headline img { margin-bottom: 15px; } } .kireilabo .l-sec .variation__table { letter-spacing: 0; } .kireilabo .l-sec .variation__table thead th, .kireilabo .l-sec .variation__table thead td, .kireilabo .l-sec .variation__table tbody th, .kireilabo .l-sec .variation__table tbody td { width: 53.8461538462vw; border-width: 2px; border-style: solid; vertical-align: middle; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation__table thead th, .kireilabo .l-sec .variation__table thead td, .kireilabo .l-sec .variation__table tbody th, .kireilabo .l-sec .variation__table tbody td { width: 217px; } } .kireilabo .l-sec .variation__table thead th, .kireilabo .l-sec .variation__table tbody th { font-weight: bold; font-size: 4.358974359vw; line-height: 1.4705882353; text-align: center; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation__table thead th, .kireilabo .l-sec .variation__table tbody th { font-size: 1.2857142857rem; line-height: 1.5; } } .kireilabo .l-sec .variation__table thead th:nth-of-type(1), .kireilabo .l-sec .variation__table tbody th:nth-of-type(1) { width: 21.2820512821vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation__table thead th:nth-of-type(1), .kireilabo .l-sec .variation__table tbody th:nth-of-type(1) { width: auto; } } .kireilabo .l-sec .variation__table thead th { padding: 2.5641025641vw 0; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation__table thead th { padding: 20px 0; } } .kireilabo .l-sec .variation__table thead th:nth-of-type(1) { border: none; background: transparent !important; } .kireilabo .l-sec .variation__table tbody td { background: #ffffff; } .kireilabo .l-sec .variation__table .variation__table-features img { width: 100%; } .kireilabo .l-sec .variation__table .variation__table-features td { padding: 2.5641025641vw 3.8461538462vw; line-height: 1.5; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation__table .variation__table-features td { padding: 15px 20px; } } .kireilabo .l-sec .variation__table .variation__table-features.is-image td { padding: 3.8461538462vw; text-align: center; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation__table .variation__table-features.is-image td { padding: 30px 0; } } .kireilabo .l-sec .variation__table .variation__table-features.is-image td img { width: 33.3333333333vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation__table .variation__table-features.is-image td img { width: 160px; } } .kireilabo .l-sec .variation__table .variation__table-link td { padding: 3.8461538462vw 5.1282051282vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation__table .variation__table-link td { padding: 19px 0 18px; text-align: center; } } .kireilabo .l-sec .variation__table .variation__table-link td .c-btn { height: 7.6923076923vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation__table .variation__table-link td .c-btn { margin-top: 0; height: 40px; width: 180px; margin-inline: auto; } } .kireilabo .l-sec .variation__table .variation__table-link td .c-btn a { font-size: 3.8461538462vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation__table .variation__table-link td .c-btn a { font-size: 1.2857142857rem; } } .kireilabo .l-sec .variation__table .variation__table-link td .c-btn a span { padding-bottom: 2px; } .kireilabo .l-sec .variation__table .variation__table-link td .c-btn a .btn-arrow { right: 2.8205128205vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation__table .variation__table-link td .c-btn a .btn-arrow { right: 15px; width: 6.2px; height: 10.5px; } .kireilabo .l-sec .variation__table .variation__table-link td .c-btn a .btn-arrow::before, .kireilabo .l-sec .variation__table .variation__table-link td .c-btn a .btn-arrow::after { width: 8px; height: 2px; } } .kireilabo .l-sec .variation__table.is-5column { min-width: 294.1025641026vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation__table.is-5column { min-width: 1200px; width: 1200px; } } .kireilabo .l-sec .variation__table.is-4column { min-width: 239.7435897436vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation__table.is-4column { min-width: 980px; width: 980px; margin-inline: auto; } } .kireilabo .l-sec .variation__table.is-3column { min-width: 184.1025641026vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .variation__table.is-3column { min-width: 760px; width: 760px; margin-inline: auto; } } .kireilabo .l-sec { /*----------------------------------------------------- Category -----------------------------------------------------*/ } .kireilabo .l-sec .category { padding: 15.3846153846vw 0; } @media screen and (min-width: 768px) { .kireilabo .l-sec .category { padding: 100px 130px; } } .kireilabo .l-sec .category__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 4.4871794872vw 1fr 4.4871794872vw 1fr; grid-template-columns: repeat(3, 1fr); gap: 4.4871794872vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .category__list { -ms-grid-columns: 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr; grid-template-columns: repeat(5, 1fr); gap: 50px; } } .kireilabo .l-sec .category__list-item a { display: block; } @media screen and (min-width: 768px) { .kireilabo .l-sec .category__list-item a .category__list-icon, .kireilabo .l-sec .category__list-item a .category__list-icon span { -webkit-transition: 0.5s; transition: 0.5s; } .kireilabo .l-sec .category__list-item a:hover .category__list-icon span { background: #ffffff !important; } } .kireilabo .l-sec .category__list-item a .category__list-icon { width: 100%; height: 100%; margin-bottom: 2.5641025641vw; border-radius: 5.1282051282vw; background: #ffffff; } @media screen and (min-width: 768px) { .kireilabo .l-sec .category__list-item a .category__list-icon { margin-bottom: 15px; border-radius: 25px; } } .kireilabo .l-sec .category__list-item a .category__list-icon span { display: block; width: 100%; height: 100%; aspect-ratio: 1; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .kireilabo .l-sec .category__list-item a .category__list-icon.is-bratop span { -webkit-mask-image: url("/lp/kireilabo/26aw/images/category_icon_bratop.svg"); mask-image: url("/lp/kireilabo/26aw/images/category_icon_bratop.svg"); } .kireilabo .l-sec .category__list-item a .category__list-icon.is-brassiere span { -webkit-mask-image: url("/lp/kireilabo/26aw/images/category_icon_brassiere.svg"); mask-image: url("/lp/kireilabo/26aw/images/category_icon_brassiere.svg"); } .kireilabo .l-sec .category__list-item a .category__list-icon.is-inner span { -webkit-mask-image: url("/lp/kireilabo/26aw/images/category_icon_inner.svg"); mask-image: url("/lp/kireilabo/26aw/images/category_icon_inner.svg"); } .kireilabo .l-sec .category__list-item a .category__list-icon.is-shorts span { -webkit-mask-image: url("/lp/kireilabo/26aw/images/category_icon_shorts.svg"); mask-image: url("/lp/kireilabo/26aw/images/category_icon_shorts.svg"); } .kireilabo .l-sec .category__list-item a .category__list-icon.is-girdle span { -webkit-mask-image: url("/lp/kireilabo/26aw/images/category_icon_girdle.svg"); mask-image: url("/lp/kireilabo/26aw/images/category_icon_girdle.svg"); } .kireilabo .l-sec .category__list-item a .category__list-icon.is-tshirt span { -webkit-mask-image: url("/lp/kireilabo/26aw/images/category_icon_tshirt.svg"); mask-image: url("/lp/kireilabo/26aw/images/category_icon_tshirt.svg"); } .kireilabo .l-sec .category__list-item a .category__list-icon.is-pajama span { -webkit-mask-image: url("/lp/kireilabo/26aw/images/category_icon_pajama.svg"); mask-image: url("/lp/kireilabo/26aw/images/category_icon_pajama.svg"); } .kireilabo .l-sec .category__list-item a > span { display: block; line-height: 1.2307692308; letter-spacing: 0; text-align: center; } @media screen and (max-width: 767px) { .kireilabo .l-sec .category__list-item a > span { font-size: 3.3333333333vw; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .category__list-item a > span { font-size: 1.1428571429rem; line-height: 1.5; letter-spacing: 0.05em; } } .kireilabo .l-sec .category .c-btn { height: 20.5128205128vw; margin-top: 6.4102564103vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec .category .c-btn { width: 560px; height: 80px; margin-top: 65px; margin-inline: auto; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .category .c-btn a span { font-size: 1.8571428571rem; } } .kireilabo .l-sec { /*----------------------------------------------------- Closing -----------------------------------------------------*/ } .kireilabo .l-sec.closing { position: relative; padding-bottom: 15.3846153846vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec.closing { padding: 80px 0; } } .kireilabo .l-sec.closing .c-btn { display: block; margin-top: -10.2564102564vw; height: 20.5128205128vw; } @media screen and (min-width: 768px) { .kireilabo .l-sec.closing .c-btn { height: 80px; margin-top: -40px; } } .kireilabo .l-sec.closing .c-btn a { width: 79.4871794872vw; height: 20.5128205128vw; background: #cf1979; color: #ffffff; margin-inline: auto; } @media screen and (min-width: 768px) { .kireilabo .l-sec.closing .c-btn a { width: 560px; height: 80px; margin-top: 0; font-size: 1.8571428571rem; } } @media screen and (min-width: 768px) { .kireilabo .l-sec .closing__headline { width: 1200px; margin-inline: auto; } } .kireilabo .l-sec { /*----------------------------------------------------- Scroll -----------------------------------------------------*/ } .kireilabo .l-sec .js-scroll { overflow-x: auto; table-layout: fixed; } .kireilabo .l-sec .js-scroll table td { white-space: normal; word-break: break-word; } .kireilabo .l-sec { /*----------------------------------------------------- Slick -----------------------------------------------------*/ } .kireilabo .l-sec .js-slick { position: relative; } .kireilabo .l-sec .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .kireilabo .l-sec .slick-arrow { display: vertical-align; position: absolute; top: 50%; z-index: 10; width: 8.9743589744vw; height: 0; padding-top: 17.9487179487vw; overflow: hidden; background-size: cover !important; } @media screen and (min-width: 768px) { .kireilabo .l-sec .slick-arrow { width: 35px; padding-top: 75px; cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s; } .kireilabo .l-sec .slick-arrow:hover { opacity: 0.5; } } .kireilabo .l-sec .slick-arrow.slick-prev { left: 0; -webkit-transform: translateY(-50%) scaleX(-1); transform: translateY(-50%) scaleX(-1); } .kireilabo .l-sec .slick-arrow.slick-next { right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .kireilabo .l-sec .slick-arrow::before, .kireilabo .l-sec .slick-arrow::after { display: none !important; } .kireilabo .l-sec { /*---------------------------------------------------*/ } .kireilabo { /*----------------------------------------------------- Float Button -----------------------------------------------------*/ } .kireilabo .float-btn { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; position: sticky; bottom: 0; left: 3.2051282051vw; z-index: 50; width: 78.8461538462vw; height: 20.5128205128vw; -webkit-transition: 0.5s; transition: 0.5s; gap: 1.9230769231vw; } @media screen and (min-width: 768px) { .kireilabo .float-btn { bottom: 50%; left: 100%; -webkit-transform: translateY(50%); transform: translateY(50%); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 168px; margin-top: -248px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 8px; } } .kireilabo .float-btn.is-visible { opacity: 1; } .kireilabo .float-btn__item { border-top-left-radius: 2.5641025641vw; border-top-right-radius: 2.5641025641vw; } @media screen and (min-width: 768px) { .kireilabo .float-btn__item { width: 160px; height: 80px; border-top-left-radius: 50vw; border-top-right-radius: 0; border-bottom-left-radius: 50vw; -webkit-transition: 0.5s; transition: 0.5s; } .kireilabo .float-btn__item:hover { width: 210px; } } .kireilabo .float-btn__item a { display: block; opacity: 1 !important; } @media screen and (min-width: 768px) { .kireilabo .float-btn__item a img { width: auto; height: 80px; } } .kireilabo .float-btn__item.muhosei { background: #d25a50; } .kireilabo .float-btn__item.fitte { background: #7d5a46; } .kireilabo { /*---------------------------------------------------*/ } /*----------------------------------------------------- MV(2026.08.31) -----------------------------------------------------*/ .kireilabo { /*---------------------------------------------------*/ } .kireilabo .l-mv { position: relative; z-index: 0; background: #f9f0ee; background: -webkit-gradient(linear, left top, left bottom, from(rgb(249, 240, 238)), to(rgb(248, 222, 231))); background: linear-gradient(180deg, rgb(249, 240, 238) 0%, rgb(248, 222, 231) 100%); } @media screen and (min-width: 768px) { .kireilabo .l-mv::after { display: block; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 50%; height: 100%; background: #f9e3e5; background: -webkit-gradient(linear, left top, left bottom, from(rgb(249, 227, 229)), to(rgb(249, 238, 229))); background: linear-gradient(180deg, rgb(249, 227, 229) 0%, rgb(249, 238, 229) 100%); content: ""; } } .kireilabo .l-mv__tit { position: relative; z-index: 2; margin-inline: auto; } @media screen and (min-width: 768px) { .kireilabo .l-mv__tit { max-width: 1500px; width: 100%; overflow: hidden; } .kireilabo .l-mv__tit img { width: 1500px; height: 460px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } } .kireilabo .anchorlink { background: #ffffff; z-index: 3; position: relative; } .kireilabo .anchorlink ul { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 767px) { .kireilabo .anchorlink ul { -webkit-filter: drop-shadow(0 2px 3px rgba(68, 68, 68, 0.1)); filter: drop-shadow(0 2px 3px rgba(68, 68, 68, 0.1)); } } @media screen and (min-width: 768px) { .kireilabo .anchorlink ul { width: 1000px; padding: 60px 0 10px; margin-inline: auto; gap: 1.6666666667vw; } } .kireilabo .anchorlink ul li { position: relative; width: 50%; -webkit-transition: 0.5s; transition: 0.5s; z-index: 0; } @media screen and (min-width: 768px) { .kireilabo .anchorlink ul li::after { content: ""; display: block; width: calc(100% + 20px); height: calc(100% + 20px); position: absolute; top: -10px; left: -10px; z-index: -1; background: url("/lp/kireilabo/26aw/images/anchor_shodow_pc.png") no-repeat 50% 50%; background-size: cover; } } @media screen and (max-width: 767px) { .kireilabo .anchorlink ul li.is-muhosei, .kireilabo .anchorlink ul li.is-muhosei::after { background: #d76e64; } } @media screen and (max-width: 767px) { .kireilabo .anchorlink ul li.is-fitte, .kireilabo .anchorlink ul li.is-fitte::after { background: #826e64; } } @media screen and (min-width: 768px) { .kireilabo .anchorlink ul li:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } .kireilabo .anchorlink ul li a { opacity: 1 !important; } .kireilabo { /*---------------------------------------------------*/ } /*----------------------------------------------------- Muhosei(2026.04.08) -----------------------------------------------------*/ .kireilabo .muhosei { background: #fef5f0; overflow: hidden; /*---------------------------------------------------*/ } .kireilabo .muhosei .c-btn a { background: #d76e64; color: #ffffff; } .kireilabo .muhosei .c-btn.is-line a { border-color: #d76e64; color: #d25a50; } .kireilabo .muhosei .c-btn.is-line a .btn-arrow::before, .kireilabo .muhosei .c-btn.is-line a .btn-arrow::after { background-color: #d25a50; } .kireilabo .muhosei .l-sec__headline { color: #d25a50; } .kireilabo .muhosei .l-sec__headline span:not(.notes) { color: #a5730a; } .kireilabo .muhosei .l-sec__headline .note { color: #805a5a; } @media screen and (min-width: 768px) { .kireilabo .muhosei .main-area::before { height: 250px; } } @media screen and (min-width: 768px) { .kireilabo .muhosei .main-area__headline { -webkit-filter: drop-shadow(0px 4px 8px rgba(240, 215, 205, 0.5)); filter: drop-shadow(0px 4px 8px rgba(240, 215, 205, 0.5)); } } .kireilabo .muhosei .block-add-cart--btn { background: #d76e64 !important; } .kireilabo .muhosei .solution { padding: 0 0 15.3846153846vw; } @media screen and (min-width: 768px) { .kireilabo .muhosei .solution { padding-bottom: 100px; } } .kireilabo .muhosei .solution__headline { margin-bottom: 7.6923076923vw; } @media screen and (min-width: 768px) { .kireilabo .muhosei .solution__headline { width: 440px; margin-inline: auto; margin-bottom: 40px; } } .kireilabo .muhosei .flex__block-solution .flex__card-head, .kireilabo .muhosei .flex__block-solution .flex__card-text { color: #d25a50; } .kireilabo .muhosei .products::before { background-color: #fef5f0; } .kireilabo .muhosei .products__headline { color: #d25a50; } .kireilabo .muhosei .products__headline img { width: 51.2820512821vw; } @media screen and (min-width: 768px) { .kireilabo .muhosei .products__headline img { width: 285px; } } .kireilabo .muhosei .flex__block-products .flex__card-head { background: url("/lp/kireilabo/26aw/images/muhosei_product_head_bg.png") no-repeat 50% 50%; background-size: cover; } .kireilabo .muhosei .flex__block-products .voice dd strong { background: #faeeed; } .kireilabo .muhosei .variation__headline { text-align: center; } .kireilabo .muhosei .variation__headline img { width: 51.2820512821vw; margin-left: 5.1282051282vw; } @media screen and (min-width: 768px) { .kireilabo .muhosei .variation__headline img { width: 320px; margin-left: 28px; } } .kireilabo .muhosei .voice__cmt dd:not(.voice__notes) strong { background: #fae6e6; } @media screen and (min-width: 768px) { .kireilabo .muhosei .voice__notes a:hover { color: #d77373; } .kireilabo .muhosei .voice__notes a:hover::after { background: #d77373; } } .kireilabo .muhosei .variation__table thead th, .kireilabo .muhosei .variation__table thead td, .kireilabo .muhosei .variation__table tbody th, .kireilabo .muhosei .variation__table tbody td { border-color: #f0d7c8; } .kireilabo .muhosei .variation__table thead th, .kireilabo .muhosei .variation__table tbody th { background: #f5e6e1; color: #d25a50; } .kireilabo .muhosei .category { background: #f5e1e1; } @media screen and (min-width: 768px) { .kireilabo .muhosei .category__list-item a:hover .category__list-icon { background: #d76e64; } } .kireilabo .muhosei .category__list-item a .category__list-icon { -webkit-box-shadow: 0 0 5px 5px rgba(215, 115, 115, 0.1); box-shadow: 0 0 5px 5px rgba(215, 115, 115, 0.1); } .kireilabo .muhosei .category__list-item a .category__list-icon span { background: #d76e64; } .kireilabo .muhosei .category__list-item a > span { color: #d25a50; } .kireilabo .muhosei .slick-arrow { background: url("/lp/kireilabo/26aw/images/muhosei_slick_arrow.png") no-repeat left 50%; } .kireilabo .muhosei { /*---------------------------------------------------*/ } /*----------------------------------------------------- Fitte(2026.04.08) -----------------------------------------------------*/ .kireilabo .fitte { background: #efebeb; overflow: hidden; /*---------------------------------------------------*/ } .kireilabo .fitte .c-btn a { background: #826e64; color: #ffffff; } .kireilabo .fitte .c-btn.is-line a { border-color: #826e64; color: #826e64; } .kireilabo .fitte .c-btn.is-line a .btn-arrow::before, .kireilabo .fitte .c-btn.is-line a .btn-arrow::after { background-color: #826e64; } .kireilabo .fitte .l-sec__headline { color: #7d5a46; } .kireilabo .fitte .l-sec__headline span:not(.notes) { color: #a0190a; } .kireilabo .fitte .l-sec__headline .notes { color: #735a00; } .kireilabo .fitte .block-add-cart--btn { background: #826e64 !important; } .kireilabo .fitte .main-area { padding-top: 0; } @media screen and (min-width: 768px) { .kireilabo .fitte .main-area { padding: 100px 0 40px; } .kireilabo .fitte .main-area::before { height: 350px; } } @media screen and (min-width: 768px) { .kireilabo .fitte .main-area__headline { -webkit-filter: drop-shadow(0px 4px 8px rgba(98, 78, 69, 0.15)); filter: drop-shadow(0px 4px 8px rgba(98, 78, 69, 0.15)); } } .kireilabo .fitte .reason { padding-bottom: 15.3846153846vw; } @media screen and (min-width: 768px) { .kireilabo .fitte .reason { padding-bottom: 100px; } } .kireilabo .fitte .reason__headline { margin-bottom: 7.6923076923vw; } @media screen and (min-width: 768px) { .kireilabo .fitte .reason__headline { width: 480px; margin-inline: auto; margin-bottom: 40px; } } .kireilabo .fitte .flex__block-reason .flex__card-head, .kireilabo .fitte .flex__block-reason .flex__card-text { color: #7d5a46; } .kireilabo .fitte .products::before { background-color: #efebeb; } .kireilabo .fitte .products__headline { color: #735a00; } .kireilabo .fitte .products__headline img { width: 23.3333333333vw; } @media screen and (min-width: 768px) { .kireilabo .fitte .products__headline img { margin-right: 0.25em; width: 140px; } } .kireilabo .fitte .flex__block-products .flex__card-head { background: url("/lp/kireilabo/26aw/images/fitte_product_head_bg.png") no-repeat 50% 50%; background-size: cover; } .kireilabo .fitte .flex__block-products .voice dd strong { background: #f0e6e1; } .kireilabo .fitte .variation__headline { text-align: center; } .kireilabo .fitte .variation__headline img { width: 23.3333333333vw; } @media screen and (min-width: 768px) { .kireilabo .fitte .variation__headline img { width: 140px; } } .kireilabo .fitte .voice__cmt dd:not(.voice__notes) strong { background: #fae6b4; } @media screen and (min-width: 768px) { .kireilabo .fitte .voice__notes a:hover { color: #c8a006; } .kireilabo .fitte .voice__notes a:hover::after { background: #c8a006; } } .kireilabo .fitte .variation__table thead th, .kireilabo .fitte .variation__table thead td, .kireilabo .fitte .variation__table tbody th, .kireilabo .fitte .variation__table tbody td { border-color: #d7cdc8; } .kireilabo .fitte .variation__table thead th, .kireilabo .fitte .variation__table tbody th { background: #e6e1e1; color: #7d5a46; } .kireilabo .fitte .category { background: #e6dcd7; } @media screen and (min-width: 768px) { .kireilabo .fitte .category__list-item a:hover .category__list-icon { background: #826e64; } } .kireilabo .fitte .category__list-item a .category__list-icon { -webkit-box-shadow: 0 0 5px 5px rgba(130, 110, 110, 0.1); box-shadow: 0 0 5px 5px rgba(130, 110, 110, 0.1); } .kireilabo .fitte .category__list-item a .category__list-icon span { background: #826e64; } .kireilabo .fitte .category__list-item a > span { color: #7d5a46; } .kireilabo .fitte .slick-arrow { background: url("/lp/kireilabo/26aw/images/fitte_slick_arrow.png") no-repeat left 50%; } .kireilabo .fitte { /*---------------------------------------------------*/ }