お取り寄せ係
ご注文専用ダイヤル

0120-139-399

受付時間 10：00〜17：00 ［日曜日定休］

HOME > オンライン取扱い > MALEBRANCHE > 焼菓子 > 茶の菓

SCROLL

お濃茶ラングドシャ

CHA no KA

茶の菓

マールブランシュの顔として愛される、
お濃茶ラングドシャ「茶の菓」。
京宇治白川の厳選茶葉を
はじめとする宇治茶を使用。
お濃茶の濃厚な味わいと
甘み、香りが決め手です。

PRODUCT INFORMATION

商品情報

01

焼印

“京・茶・菓”の3種類。
“紋”を大切にする京の文化。
02

生地

熱に負けない色・味・香り。
繊細な口どけのラングドシャに。
03

ホワイトチョコレート

お濃茶を引き立てる、ミルク感豊かな
オリジナルのチョコレートを挟みました。
04

合組

香り高く甘みのある〈山の茶葉〉を多く配合。
色・味・香りを極めた
「茶の菓」専用のお濃茶です。
05

おもてなし

アイボリーに金箔を入れた上品なパッケージ。
茶畑を表現した「茶の菓」専用の包装紙で
お包みします。
06

味覚

シェフの技と五感で、
お濃茶の濃厚な味わいと
絶妙な甘み、豊かな香りが特徴です。

口どけチャート図

もっと詳しく

ここがポイント

山の茶葉と川の茶葉

土質や日照時間など茶畑の環境で大きく変わる茶葉の品質。古来より「山のお茶と川のお茶を組み合わせると、バランスの良いお茶になる」と言われています。

山の茶畑

川の茶畑
お濃茶

お抹茶には、点てて飲まれる「薄茶」と、練って飲まれる「濃茶」があります。一般に「薄茶」に比べ「濃茶」は、苦みや渋みの少ない上質な茶葉からつくられ、練ることによってお抹茶本来の甘みを味わうことが出来るとされています。

● 2007年に誕生。京スイーツの定番として、国内外で愛され続けるお菓子です。
● お濃茶は選りすぐりの一番茶のみを使用しています。
● ミルク感豊かなオリジナルのホワイトチョコレートがお濃茶を引き立ててくれます。
● 様々なシーンに合わせ、多数のラインナップをご用意しています。

店員さんにチャットで質問

ご覧になった商品

@charset "UTF-8"; html:has(#sysItemCategory), html:has(#sysItemSearch) { scroll-behavior: smooth; } body#sysItemCategory .tanaka_itemCateCss, body#sysItemSearch .tanaka_itemCateCss { opacity: 0; } body#sysItemCategory span.sysItemPr, body#sysItemSearch span.sysItemPr { display: none !important; } body#sysItemCategory *, body#sysItemSearch * { letter-spacing: 0.2em; line-height: 1.67; } body#sysItemCategory .sysItemCategoryCtl, body#sysItemSearch .sysItemCategoryCtl { display: flex; gap: 20px; } body#sysItemCategory .sysItemCategoryCtl .pd_wrap:not(.pd_cate), body#sysItemSearch .sysItemCategoryCtl .pd_wrap:not(.pd_cate) { width: 250px; position: relative; } body#sysItemCategory .sysItemCategoryCtl .pd_wrap:not(.pd_cate) .pd_ttl, body#sysItemSearch .sysItemCategoryCtl .pd_wrap:not(.pd_cate) .pd_ttl { font-size: 16px; font-weight: 700; border: 1px solid #ddd; padding: 10px 30px 10px 10px; position: relative; cursor: pointer; } body#sysItemCategory .sysItemCategoryCtl .pd_wrap:not(.pd_cate) .pd_ttl::after, body#sysItemSearch .sysItemCategoryCtl .pd_wrap:not(.pd_cate) .pd_ttl::after { content: ""; display: block; width: 6px; height: 6px; border-right: 1px solid #884D30; border-bottom: 1px solid #884D30; position: absolute; top: 44%; right: 15px; transform: translateY(-50%) rotateZ(45deg); transition-duration: 0.3s; } body#sysItemCategory .sysItemCategoryCtl .pd_wrap:not(.pd_cate) .pd_list, body#sysItemSearch .sysItemCategoryCtl .pd_wrap:not(.pd_cate) .pd_list { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; transform: translateY(100%); padding: 10px; background: #fff; border: 1px solid #ddd; border-top: none; display: flex; flex-direction: column; opacity: 0; pointer-events: none; transition-duration: 0.3s; } body#sysItemCategory .sysItemCategoryCtl .pd_wrap:not(.pd_cate) .pd_list a, body#sysItemSearch .sysItemCategoryCtl .pd_wrap:not(.pd_cate) .pd_list a { border: none; background-color: transparent; display: flex; justify-content: space-between; align-items: center; padding: 5px; transition-duration: 0.3s; } body#sysItemCategory .sysItemCategoryCtl .pd_wrap:not(.pd_cate) .pd_list a::after, body#sysItemSearch .sysItemCategoryCtl .pd_wrap:not(.pd_cate) .pd_list a::after { content: ""; display: block; width: 6px; height: 6px; border-right: 1px solid #884D30; border-bottom: 1px solid #884D30; transform: rotateZ(-45deg); } body#sysItemCategory .sysItemCategoryCtl .pd_wrap:not(.pd_cate) .pd_list a:hover, body#sysItemSearch .sysItemCategoryCtl .pd_wrap:not(.pd_cate) .pd_list a:hover { background: #ddd; } body#sysItemCategory .sysItemCategoryCtl .pd_wrap:not(.pd_cate).open .pd_ttl, body#sysItemSearch .sysItemCategoryCtl .pd_wrap:not(.pd_cate).open .pd_ttl { border-bottom: 1px solid #fff; } body#sysItemCategory .sysItemCategoryCtl .pd_wrap:not(.pd_cate).open .pd_ttl::after, body#sysItemSearch .sysItemCategoryCtl .pd_wrap:not(.pd_cate).open .pd_ttl::after { top: 56%; transform: translateY(-50%) rotateZ(-135deg); } body#sysItemCategory .sysItemCategoryCtl .pd_wrap:not(.pd_cate).open .pd_list, body#sysItemSearch .sysItemCategoryCtl .pd_wrap:not(.pd_cate).open .pd_list { opacity: 1; pointer-events: auto; } @media screen and (max-width: 750px) { body#sysItemCategory .sysItemCategoryCtl, body#sysItemSearch .sysItemCategoryCtl { flex-direction: column; gap: 10px; } body#sysItemCategory .sysItemCategoryCtl .pd_wrap:not(.pd_cate), body#sysItemSearch .sysItemCategoryCtl .pd_wrap:not(.pd_cate) { width: 100%; } } body#sysItemCategory #sysAll, body#sysItemSearch #sysAll { max-width: unset; } @media (max-width: 800px) { body#sysItemCategory #sysAll, body#sysItemSearch #sysAll { margin: 0; max-width: unset; } } body#sysItemCategory #sysAll #sysWrap, body#sysItemSearch #sysAll #sysWrap { width: 100%; padding: 10px 0 0; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap, body#sysItemSearch #sysAll #sysWrap { width: 100%; padding: 0; } } body#sysItemCategory #sysAll #sysWrap img, body#sysItemSearch #sysAll #sysWrap img { width: 40px; } body#sysItemCategory #sysAll #sysWrap a.itemcate_lineup_btn, body#sysItemSearch #sysAll #sysWrap a.itemcate_lineup_btn { position: fixed; z-index: 50; display: block; bottom: 180px; right: 0; width: 45px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap a.itemcate_lineup_btn img, body#sysItemSearch #sysAll #sysWrap a.itemcate_lineup_btn img { position: relative; z-index: 1; } } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap a.itemcate_lineup_btn, body#sysItemSearch #sysAll #sysWrap a.itemcate_lineup_btn { bottom: 4.5333333333vw; width: 77.0666666667vw; right: auto; left: 50%; transform: translateX(-50%); } body#sysItemCategory #sysAll #sysWrap a.itemcate_lineup_btn::after, body#sysItemSearch #sysAll #sysWrap a.itemcate_lineup_btn::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #f1f1f1; width: 100vw; height: 21.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap a.itemcate_lineup_btn img, body#sysItemSearch #sysAll #sysWrap a.itemcate_lineup_btn img { width: 100%; } body#sysItemCategory #sysAll #sysWrap #sysMain, body#sysItemSearch #sysAll #sysWrap #sysMain { margin: 0; padding-bottom: 80px !important; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain, body#sysItemSearch #sysAll #sysWrap #sysMain { padding-bottom: 40vw !important; } } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain:has(:not(.e_gift)), body#sysItemSearch #sysAll #sysWrap #sysMain:has(:not(.e_gift)) { padding-bottom: 21.3333333333vw !important; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination { margin-left: auto; margin-right: auto; max-width: 960px; padding: 0 20px; position: relative; padding-top: 30px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination { width: 86.6666666667vw; padding: 0 6.6666666667vw; padding-top: 5.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination::after { content: ""; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); height: 2px; width: 100%; background-image: linear-gradient(to right, #000 2px, transparent 2px), linear-gradient(to right, #000 2px, transparent 2px); background-size: 8px 2px, 8px 2px; background-repeat: repeat-x, repeat-x; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul { display: flex; justify-content: center; gap: 5px; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li { position: relative; width: auto; padding: 0; margin: 0; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li a, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li a { line-height: 1.5; border: none; text-decoration: none; letter-spacing: 0.2em; font-size: 12px; color: #828282; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:first-child::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:first-child::after { content: "…"; color: #828282; letter-spacing: 0.2em; font-size: 12px; position: absolute; right: 0; top: 4px; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:first-child a, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:first-child a { position: relative; width: 73px; height: 18px; font-size: 0; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:first-child a::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:first-child a::after { content: "BACK"; color: #828282; letter-spacing: 0.2em; font-size: 12px; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:first-child a::before, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:first-child a::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(-45deg); width: 7px; height: 7px; border-top: 1px solid #8f8f8f; border-left: 1px solid #8f8f8f; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:first-child a.sysCurrent, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:first-child a.sysCurrent { width: auto; height: auto; font-size: 12px; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:first-child a.sysCurrent::after, body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:first-child a.sysCurrent::before, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:first-child a.sysCurrent::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:first-child a.sysCurrent::before { display: none; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:last-child::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:last-child::after { content: "…"; color: #828282; letter-spacing: 0.2em; font-size: 12px; position: absolute; left: 0; top: 4px; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:last-child a, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:last-child a { position: relative; width: 70px; height: 18px; font-size: 0; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:last-child a::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:last-child a::after { content: "NEXT"; color: #828282; letter-spacing: 0.2em; font-size: 12px; position: absolute; left: 17px; top: 50%; transform: translateY(-50%); } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:last-child a::before, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:last-child a::before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(45deg); width: 7px; height: 7px; border-top: 1px solid #8f8f8f; border-right: 1px solid #8f8f8f; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:last-child a.sysCurrent, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:last-child a.sysCurrent { width: auto; height: auto; font-size: 12px; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:last-child a.sysCurrent::after, body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:last-child a.sysCurrent::before, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:last-child a.sysCurrent::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:last-child a.sysCurrent::before { display: none; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:has(.sysCurrent)::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:has(.sysCurrent)::after { display: none; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysPagination ul li:has(.sysCurrent) a.sysCurrent, body#sysItemSearch #sysAll #sysWrap #sysMain .sysPagination ul li:has(.sysCurrent) a.sysCurrent { color: #000000; background-color: transparent; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch { padding: 0 20px; margin-top: 50px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch { padding: 0; margin-top: 13.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent { width: 100%; max-width: 920px; margin: 0 auto 35px; padding: 100px 25px 30px !important; background: #fff0d7 url("/img/common/search_blk_bg.png") top 25px left 188px no-repeat; background-size: 313px auto; border-radius: 20px; position: relative; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent::after, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent::after { content: "※ 複数選択可"; display: block; white-space: nowrap; font-size: 10px; line-height: 1; letter-spacing: 0.2em; font-weight: 500; position: absolute; top: 77px; right: 61px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent { margin: 0 auto 7.2vw; padding: 26.6666666667vw 4vw 8vw !important; background: #fff0d7 url("/img/common/search_blk_bg.png") top 6.6666666667vw center no-repeat; background-size: 80vw auto; border-radius: 0; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent::after, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent::after { font-size: 2.6666666667vw; top: 20.5333333333vw; right: auto; left: 9.8666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm { background: #fff; border-radius: 20px; padding: 16px 36px 20px !important; display: flex !important; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 17px 20px; margin: 0 !important; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm { border-radius: 5.3333333333vw; padding: 6.9333333333vw 7.4666666667vw 8vw !important; gap: 5.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm::after, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm::after { display: none; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord { order: 2; width: 465px; position: relative; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord::before, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord::before { content: "キーワードから探す"; display: block; margin-bottom: 5px; font-size: 12px; line-height: 18px; letter-spacing: 0.2em; font-weight: 500; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord > input, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord > input { width: 100%; height: 45px; padding: 13px 14px 12px 47px !important; font-size: 12px; line-height: 1.5; letter-spacing: 0.1em; font-weight: 500; background: #fff url("/img/common/icon/icon_search.png") center left 13px no-repeat; background-size: 17px auto; border: 1px solid #919191; border-radius: 5px; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord > input::-moz-placeholder, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord > input::-moz-placeholder { font-weight: 500; color: #acacac; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord > input::placeholder, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord > input::placeholder { font-weight: 500; color: #acacac; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord { width: 100%; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord::before, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord::before { margin-bottom: 1.3333333333vw; font-size: 3.2vw; line-height: 4.8vw; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord > input, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormWord > input { width: 100%; height: 12vw; padding: 3.4666666667vw 3.7333333333vw 3.2vw 12.5333333333vw !important; font-size: 3.2vw; background: #fff url("/img/common/icon/icon_search.png") center left 3.4666666667vw no-repeat; background-size: 4.5333333333vw auto; border-radius: 1.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups { order: 1; width: 100%; display: flex; justify-content: space-between; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups { flex-direction: column; gap: 4.2666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups span.sysItemSearchFormItemCategoryGroupsTitle, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups span.sysItemSearchFormItemCategoryGroupsTitle { display: none; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 { width: 140px; flex-shrink: 0; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 { width: 100%; } } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 span.itemCategoryGroupTitle0, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 span.itemCategoryGroupTitle0 { font-size: 12px; line-height: 18px; letter-spacing: 0.2em; font-weight: 500; margin-bottom: 5px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 span.itemCategoryGroupTitle0, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 span.itemCategoryGroupTitle0 { font-size: 3.2vw; line-height: 4.8vw; margin-bottom: 1.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul { display: flex; flex-direction: column; gap: 8px; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul > li, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul > li { width: 140px; height: 25px; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul > li input, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul > li input { display: none; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul > li > label, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul > li > label { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 11px; line-height: 17px; letter-spacing: 0.2em; font-weight: 500; border-radius: 13px; border: 2px dotted #919191; cursor: pointer; transition-duration: 0.3s; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul > li > label:hover, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul > li > label:hover { opacity: 0.7; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul > li input:checked + label, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul > li input:checked + label { border: 1px solid #b3161c; background: #b3161c; color: #fff; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul { width: 100%; flex-direction: row; flex-wrap: wrap; gap: 2.1333333333vw 2.4vw; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul > li, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul > li { width: calc((100% - 2.4vw) / 2); height: 6.6666666667vw; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul > li > label, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 > ul > li > label { font-size: 2.9333333333vw; line-height: 4.5333333333vw; border-radius: 3.4666666667vw; border: 0.5333333333vw dotted #919191; } } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 { width: 290px; flex-shrink: 0; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 { width: 100%; } } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 span.itemCategoryGroupTitle1, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 span.itemCategoryGroupTitle1 { font-size: 12px; line-height: 18px; letter-spacing: 0.2em; font-weight: 500; margin-bottom: 5px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 span.itemCategoryGroupTitle1, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 span.itemCategoryGroupTitle1 { font-size: 3.2vw; line-height: 4.8vw; margin-bottom: 1.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; gap: 8px 9px; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul > li, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul > li { width: 140px; height: 25px; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul > li input, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul > li input { display: none; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul > li > label, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul > li > label { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 11px; line-height: 17px; letter-spacing: 0.2em; font-weight: 500; border-radius: 13px; border: 2px dotted #919191; transition-duration: 0.3s; cursor: pointer; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul > li > label:hover, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul > li > label:hover { opacity: 0.7; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul > li input:checked + label, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul > li input:checked + label { border: 1px solid #b3161c; background: #b3161c; color: #fff; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul { width: 100%; flex-direction: row; flex-wrap: wrap; gap: 2.1333333333vw 2.4vw; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul > li, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul > li { width: calc((100% - 2.4vw) / 2); height: 6.6666666667vw; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul > li > label, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 > ul > li > label { font-size: 2.9333333333vw; line-height: 4.5333333333vw; border-radius: 3.4666666667vw; border: 0.5333333333vw dotted #919191; } } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 { width: 290px; flex-shrink: 0; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 { width: 100%; } } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 span.itemCategoryGroupTitle2, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 span.itemCategoryGroupTitle2 { font-size: 12px; line-height: 18px; letter-spacing: 0.2em; font-weight: 500; margin-bottom: 5px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 span.itemCategoryGroupTitle2, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 span.itemCategoryGroupTitle2 { font-size: 3.2vw; line-height: 4.8vw; margin-bottom: 1.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; gap: 8px 9px; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul > li, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul > li { width: 140px; height: 25px; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul > li input, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul > li input { display: none; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul > li > label, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul > li > label { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 11px; line-height: 17px; letter-spacing: 0.2em; font-weight: 500; border-radius: 13px; border: 2px dotted #919191; transition-duration: 0.3s; cursor: pointer; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul > li > label:hover, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul > li > label:hover { opacity: 0.7; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul > li input:checked + label, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul > li input:checked + label { border: 1px solid #b3161c; background: #b3161c; color: #fff; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul { width: 100%; flex-direction: row; flex-wrap: wrap; gap: 2.1333333333vw 2.4vw; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul > li, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul > li { width: calc((100% - 2.4vw) / 2); height: 6.6666666667vw; } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul > li > label, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 > ul > li > label { font-size: 2.9333333333vw; line-height: 4.5333333333vw; border-radius: 3.4666666667vw; border: 0.5333333333vw dotted #919191; } } body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm input.sysSearchButton, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm input.sysSearchButton { order: 3; width: calc(100% - 485px); max-width: 289px; height: 45px; margin: 0; border: 1px solid #808080; border-radius: 5px; font-size: 12px; line-height: 1.5; letter-spacing: 1em; font-weight: 500; background-color: #ffffff !important; color: #808080; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm input.sysSearchButton, body#sysItemSearch #sysAll #sysWrap #sysMain div.sysFuncItemSearch div.sysContent form.sysItemSearchForm input.sysSearchButton { max-width: 100%; width: 100%; height: 12vw; border-radius: 1.3333333333vw; font-size: 3.2vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain > .sysItemCategoryPankuzu, body#sysItemSearch #sysAll #sysWrap #sysMain > .sysItemCategoryPankuzu { display: none; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription { margin: 0; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription img, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription img { width: 100%; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv { position: relative; /* 線のアニメーション部分 */ /* 線の背景色 */ /* 線のアニメーション */ } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .itemcate_mv_ribbon, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .itemcate_mv_ribbon { z-index: 11; position: absolute; top: 0; right: 50px; width: 100px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .itemcate_mv_ribbon, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .itemcate_mv_ribbon { right: 4.9333333333vw; width: 16vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .itemcate_mv_fade, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .itemcate_mv_fade { position: absolute; z-index: 1; pointer-events: none; bottom: -1px; left: 0; width: 100%; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .itemcate_mv_fade, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .itemcate_mv_fade { overflow: hidden; height: 21.3333333333vw; } } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .itemcate_mv_fade img, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .itemcate_mv_fade img { -o-object-fit: cover; object-fit: cover; width: 110%; height: 100%; position: relative; left: 50%; top: 0; transform: translateX(-50%); } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider { margin: 0; padding: 0; opacity: 0; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider.active, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider.active { opacity: 1; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider ul.slick-dots, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider ul.slick-dots { width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; display: flex !important; flex-direction: column; left: 40px; top: 38px; z-index: 10; gap: 5px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider ul.slick-dots, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider ul.slick-dots { left: 1.8666666667vw; top: 5.8666666667vw; gap: 1.3vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider ul.slick-dots li, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider ul.slick-dots li { margin: 0; padding: 0; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider ul.slick-dots li button, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider ul.slick-dots li button { padding: 10px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider ul.slick-dots li button, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider ul.slick-dots li button { padding: 2.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider ul.slick-dots li button::before, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider ul.slick-dots li button::before { opacity: 1; color: #ffffff; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider ul.slick-dots li.slick-active button::before, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider ul.slick-dots li.slick-active button::before { opacity: 1; color: #B2161C; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider button.slick-arrow, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider button.slick-arrow { width: 50px; height: 80px; background-color: transparent; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-size: 100% 100%; background-repeat: no-repeat; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider button.slick-arrow, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider button.slick-arrow { width: 6.9333333333vw; height: 10.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider button.slick-arrow::before, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider button.slick-arrow::before { display: none; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-prev, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-prev { z-index: 10; background-image: url(/img/item/category/itemCate_arrow_prev.png); left: 40px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-prev, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-prev { left: 2.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-next, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-next { background-image: url(/img/item/category/itemCate_arrow_next.png); right: 40px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-next, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-next { right: 2.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .mv_scroll_txt, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .mv_scroll_txt { position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); text-align: center; color: #ffffff; font-size: 12px; letter-spacing: 0.2em; bottom: 92px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .mv_scroll_txt, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .mv_scroll_txt { display: none; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .mv_scroll, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .mv_scroll { position: absolute; left: 50%; transform: translateX(-50%); bottom: 80px; writing-mode: vertical-rl; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .mv_scroll, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .mv_scroll { display: none; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .mv_scroll::before, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .mv_scroll::before { animation: scroll 2s infinite; background-color: #ffffff; bottom: -70px; content: ""; height: 70px; left: 0; margin: auto; position: absolute; right: 0; width: 1px; z-index: 2; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .mv_scroll::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .mv_scroll::after { background-color: transparent; bottom: -70px; content: ""; height: 70px; left: 0; margin: auto; position: absolute; right: 0; width: 1px; } @keyframes scroll { 0% { transform: scale(1, 0); transform-origin: 0 0; } 50% { transform: scale(1, 1); transform-origin: 0 0; } 51% { transform: scale(1, 1); transform-origin: 0 100%; } 100% { transform: scale(1, 0); transform-origin: 0 100%; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll { position: fixed; right: 0; bottom: 0; z-index: 10; transform: translateX(-10%); display: flex; flex-direction: column; gap: 10px; align-items: center; pointer-events: none; transition-duration: 0.3s; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll { bottom: 26.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll.hide, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll.hide { opacity: 0; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll span { color: #fff; transform: rotateZ(90deg) translateX(-30%); font-size: 12px; line-height: 1.5; letter-spacing: 0.2em; font-weight: 500; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll span { font-size: 2.6666666667vw; line-height: 2.9333333333vw; letter-spacing: 0.05em; font-weight: 400; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll .line, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll .line { --w: 1px; --h: 85px; --dur: 1.6s; --color: #fff; position: relative; width: var(--w); height: var(--h); } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll .line, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll .line { --h: 35px; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll .line::before, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_mv .scroll .line::before { content: ""; position: absolute; inset: 0; background: var(--color); transform: scaleY(0); transform-origin: top; animation: growShrink var(--dur) linear infinite; } @keyframes growShrink { 0% { transform-origin: top; transform: scaleY(0); } 49.5% { transform-origin: top; transform: scaleY(1); } 50% { transform-origin: bottom; transform: scaleY(1); } 100% { transform-origin: bottom; transform: scaleY(0); } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .sysItemCategoryPankuzu, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .sysItemCategoryPankuzu { opacity: 0; margin: 0; margin-top: 10px; text-align: center; color: #818181; font-family: "Noto Sans JP", sans-serif; font-size: 11px; letter-spacing: 0.2em; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .sysItemCategoryPankuzu, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .sysItemCategoryPankuzu { font-size: 2.6666666667vw; margin-top: 5.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .sysItemCategoryPankuzu a, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .sysItemCategoryPankuzu a { color: #818181; font-family: "Noto Sans JP", sans-serif; font-size: 11px; letter-spacing: 0.2em; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .sysItemCategoryPankuzu a, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .sysItemCategoryPankuzu a { font-size: 2.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .sysItemCategoryPankuzu .active, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .sysItemCategoryPankuzu .active { opacity: 1; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_main, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_main { margin: 30px auto 0; max-width: 1140px; padding: 0 20px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_main, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_main { margin-top: 6.9333333333vw; padding: 0; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_main + .itemcate_lineup_btn, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_main + .itemcate_lineup_btn { display: none !important; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl { display: flex; flex-direction: column; align-items: center; justify-content: center; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl .itemcate_ttl_sub, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl .itemcate_ttl_sub { font-family: "Shippori Mincho", serif; font-weight: 600; letter-spacing: 0.2em; font-size: 12px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl .itemcate_ttl_sub, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl .itemcate_ttl_sub { font-size: 2.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl .itemcate_ttl_en, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl .itemcate_ttl_en { display: flex; align-items: center; gap: 10px; font-family: "Shippori Mincho", serif; font-weight: 600; letter-spacing: 0.12em; font-size: 28px; margin-top: 7px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl .itemcate_ttl_en, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl .itemcate_ttl_en { flex-direction: column; gap: 0; font-size: 5.8666666667vw; margin-top: 6px; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl .itemcate_ttl_en span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl .itemcate_ttl_en span { font-family: "Shippori Mincho", serif; font-weight: 600; font-size: 12px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl .itemcate_ttl_en span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl .itemcate_ttl_en span { font-size: 2.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl h1.itemcate_ttl_ja, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl h1.itemcate_ttl_ja { font-family: "Shippori Mincho", serif; font-weight: 600; letter-spacing: 0.2em; font-size: 20px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl h1.itemcate_ttl_ja, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_ttl h1.itemcate_ttl_ja { font-size: 4.2666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_pr, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_pr { margin: 24px auto 0; width: 144px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_pr, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_pr { margin: 4.2666666667vw auto 0; width: 25.6vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_lead, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_lead { text-align: center; font-family: "Shippori Mincho", serif; font-weight: 600; letter-spacing: 0.2em; line-height: 2; font-size: 22px; margin-top: 60px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_lead, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_lead { font-size: 3.7333333333vw; margin-top: 5.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information { position: relative; background-color: var(--brandColorLight); margin-top: 60px; padding: 40px 30px 30px; border-radius: 20px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information { margin-top: 8vw; padding: 6.6666666667vw 4vw 8vw; border-radius: 0; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn { transition: all 0.2s; cursor: pointer; position: absolute; right: 0; top: 0; width: 100%; height: 140px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn { top: 0; width: 100%; height: 32vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn::before, body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn::before, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn::after { transition: all 0.2s; content: ""; position: absolute; width: 12px; height: 1px; background-color: #808080; right: 30px; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn::before, body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn::before, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn::after { top: 70%; right: 6.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn::after { transform: translateY(-50%) rotate(90deg); } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn span::before, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn span::before { transition: all 0.2s; content: "詳しく見る"; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); color: #808080; letter-spacing: 0.2em; font-size: 12px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn span::before, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn span::before { top: 70%; right: 12vw; font-size: 3.2vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn.active::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn.active::after { transform: translateY(-50%) rotate(0); } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn.active span::before, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn.active span::before { content: "閉じる"; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn:hover, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_btn:hover { opacity: 0.7; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_ttl, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_ttl { display: flex; flex-direction: column; align-items: center; justify-content: center; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_ttl .itemcate_information_ttl_en, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_ttl .itemcate_information_ttl_en { color: #808080; letter-spacing: 0.2em; font-size: 26px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_ttl .itemcate_information_ttl_en, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_ttl .itemcate_information_ttl_en { font-size: 5.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_ttl .itemcate_information_ttl_ja, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_ttl .itemcate_information_ttl_ja { letter-spacing: 0.2em; font-size: 12px; margin-top: 5px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_ttl .itemcate_information_ttl_ja, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_ttl .itemcate_information_ttl_ja { font-size: 3.2vw; margin-top: 1.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open { display: none; background-color: #ffffff; border-radius: 20px; margin-top: 40px; padding: 80px 60px 50px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open { border-radius: 5.3333333333vw; margin-top: 8vw; padding: 8vw 2.5333333333vw 8.5333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul { display: flex; flex-wrap: wrap; gap: 80px 40px; justify-content: center; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul { gap: 2.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li { position: relative; width: calc((100% - 80px) / 3); display: flex; flex-direction: column; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li { width: 100%; flex-direction: row; align-items: center; gap: 3.7333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_img, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_img { width: 100%; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_img, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_img { flex-shrink: 0; width: 26.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt { display: flex; flex-direction: column; } @media screen and (min-width: 800.1px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt { align-items: center; } } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_flex, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_flex { display: flex; align-items: baseline; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_num, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_num { flex-shrink: 0; color: var(--brandColor); font-family: "Shippori Mincho", serif; font-weight: 600; letter-spacing: 0.2em; font-size: 24px; } @media screen and (max-width: 1000px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_num, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_num { font-size: 2.4vw; } } @media screen and (min-width: 800.1px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_num, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_num { position: absolute; top: 0; left: 0; } } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_num, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_num { font-size: 4.8vw; padding-right: 1.6vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_ttl, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_ttl { font-family: "Shippori Mincho", serif; white-space: nowrap; font-weight: 600; letter-spacing: 0.2em; font-size: 18px; margin-top: 24px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_ttl, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_ttl { font-size: 4vw; letter-spacing: 0.1em; margin-top: 0; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_sub, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_sub { text-align: center; letter-spacing: 0.17em; font-size: 12px; margin-top: 10px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_sub, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul li .itemcate_information_open_txt .itemcate_information_open_txt_sub { text-align: left; font-size: 2.9333333333vw; letter-spacing: 0.08em; margin-top: 0; } } @media screen and (min-width: 800.1px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul.column_2_2, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul.column_2_2 { margin-left: auto; margin-right: auto; max-width: 640px; } } @media screen and (min-width: 800.1px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul.column_2_2 li, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open > ul.column_2_2 li { width: calc((100% - 80px) / 2); } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr { display: flex; justify-content: center; gap: 18px; margin-top: 50px; margin-bottom: 20px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr { flex-direction: column; gap: 5.44vw; margin-top: 6.32vw; margin-bottom: 5.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr:not(:has(.itemcate_information_bnr)), body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr:not(:has(.itemcate_information_bnr)) { margin-bottom: 0; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart { width: calc(65% - 18px); } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart { width: 100%; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart .itemcate_information_chart_ttl, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart .itemcate_information_chart_ttl { background-color: var(--brandColor); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 14px; width: 100%; height: 40px; border-radius: 10px 10px 0 0; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart .itemcate_information_chart_ttl, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart .itemcate_information_chart_ttl { font-size: 3.2vw; height: 8vw; border-radius: 2.6666666667vw 2.6666666667vw 0 0; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart .itemcate_information_chart_img, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart .itemcate_information_chart_img { display: flex; align-items: center; justify-content: center; background-color: #F9F9F9; border-radius: 0 0 10px 10px; height: 107px; height: min(107px, 9.224137931vw); } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart .itemcate_information_chart_img, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart .itemcate_information_chart_img { border-radius: 0 0 2.6666666667vw 2.6666666667vw; height: 18.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart .itemcate_information_chart_img img, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart .itemcate_information_chart_img img { width: 81.7%; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart .itemcate_information_chart_img img, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_chart .itemcate_information_chart_img img { width: 82.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_bnr, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_bnr { width: 35%; flex-shrink: 0; position: relative; max-width: 325px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_bnr, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_bnr { width: 100%; max-width: 100%; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_bnr span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_bnr span { position: absolute; right: 0; bottom: -20px; color: #808080; letter-spacing: 0.2em; font-size: 12px; white-space: nowrap; padding-right: 10px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_bnr span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_bnr span { bottom: -6.4vw; font-size: 3.2vw; padding-right: 2.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_bnr span::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_bnr span::after { content: ""; display: inline-block; position: absolute; right: 0; top: 50%; width: 6px; height: 6px; border-top: 1px solid #808080; border-right: 1px solid #808080; transform: translateY(-50%) rotateZ(45deg); } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_bnr span::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr .itemcate_information_bnr span::after { width: 1.6vw; height: 1.6vw; } } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr + .itemcate_information_point, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_chart_bnr + .itemcate_information_point { margin-top: 17.8666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point { overflow: hidden; margin-top: 70px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point { margin-top: 13.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point .itemcate_information_point_ttl, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point .itemcate_information_point_ttl { position: relative; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point .itemcate_information_point_ttl span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point .itemcate_information_point_ttl span { display: block; position: relative; z-index: 1; width: -moz-fit-content; width: fit-content; background-color: #ffffff; line-height: 1; margin-left: auto; margin-right: auto; padding: 0 84px; font-size: 16px; letter-spacing: 0.4em; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point .itemcate_information_point_ttl span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point .itemcate_information_point_ttl span { padding: 0 8vw; font-size: 2.6666666667vw; letter-spacing: 0.2em; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point .itemcate_information_point_ttl::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point .itemcate_information_point_ttl::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 2px; width: 100vw; background-image: linear-gradient(to right, #000 2px, transparent 2px), linear-gradient(to right, #000 2px, transparent 2px); background-size: 8px 2px, 8px 2px; background-repeat: repeat-x, repeat-x; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul { display: flex; gap: 16px; margin-top: 45px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul { flex-direction: column; gap: 8vw; margin-top: 7.4666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul li, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul li { display: flex; flex-direction: column; width: calc((100% - 16px) / 2); } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul li, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul li { width: 100%; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul li .itemcate_information_point_li_ttl, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul li .itemcate_information_point_li_ttl { background-color: var(--brandColor); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 14px; width: 100%; height: 40px; border-radius: 10px 10px 0 0; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul li .itemcate_information_point_li_ttl, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul li .itemcate_information_point_li_ttl { font-size: 3.2vw; height: 8vw; border-radius: 2.6666666667vw 2.6666666667vw 0 0; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul li .itemcate_information_point_li_txt, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul li .itemcate_information_point_li_txt { margin-top: 15px; margin-bottom: 15px; font-size: 12px; letter-spacing: 0.1em; line-height: 1.5em; padding: 0 10px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul li .itemcate_information_point_li_txt, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul li .itemcate_information_point_li_txt { margin-top: 2.6666666667vw; margin-bottom: 4vw; font-size: 2.9333333333vw; padding: 0; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex { display: flex; gap: 15px; margin-top: auto; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex { gap: 2.9333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div { position: relative; width: calc((100% - 15px) / 2); } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div { width: calc((100% - 2.9333333333vw) / 2); } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div > span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div > span { display: flex; align-items: center; justify-content: center; gap: 8.6px; position: absolute; z-index: 1; left: 50%; transform: translateX(-50%); bottom: 12px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div > span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div > span { gap: 1.6533333333vw; bottom: 2.1333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div > span img, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div > span img { width: 25px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div > span img, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div > span img { width: 4.8vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div > span > div, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div > span > div { color: #ffffff; letter-spacing: 0.2em; font-size: 12px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div > span > div, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div > span > div { font-size: 2.9333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div:last-child > span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div:last-child > span { gap: 9.6px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div:last-child > span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div:last-child > span { gap: 1.8666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div:last-child > span img, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div:last-child > span img { width: 14px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div:last-child > span img, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_information .itemcate_information_open .itemcate_information_point ul.itemcate_information_point_ul .itemcate_information_point_li_flex > div:last-child > span img { width: 2.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume { position: relative; background-color: var(--brandColorLight); border-radius: 20px; margin-top: 30px; padding: 117.7px 30px 30px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume { border-radius: 0; margin-top: 5.3333333333vw; padding: 26.6666666667vw 4vw 8.4vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner { position: relative; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul { display: flex; flex-direction: column; background-color: #ffffff; gap: 5px; border-radius: 20px; padding: 24.5px 113.5px 30px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul { gap: 1.6vw; border-radius: 5.3333333333vw; padding: 7.0933333333vw 7.5466666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul .itemcate_osusume_ul_img, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul .itemcate_osusume_ul_img { position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); width: 76px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul .itemcate_osusume_ul_img, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul .itemcate_osusume_ul_img { width: 20.2666666667vw; left: auto; right: 7.2vw; transform: translate(0, -100%); } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul .itemcate_osusume_ul_img > div, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul .itemcate_osusume_ul_img > div { position: absolute; left: -30px; bottom: 32.6px; transform: translateX(-100%); width: 204.5px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul .itemcate_osusume_ul_img > div, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul .itemcate_osusume_ul_img > div { left: -4.16vw; bottom: 9.3333333333vw; width: 54.5333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul li, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul li { display: flex; gap: 10px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul li, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul li { gap: 2.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul li span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul li span { font-family: "Shippori Mincho", serif; font-weight: 600; letter-spacing: 0.12em; line-height: 2; font-size: 18px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul li span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul li span { letter-spacing: 0.1em; font-size: 3.2vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul li span small, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul li span small { font-size: 12px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul li span small, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul li span small { font-size: 2.9333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul li span:first-child, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_inner ul.itemcate_osusume_ul li span:first-child { color: var(--brandColor); } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_btn, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_btn { display: none !important; transition: all 0.2s; cursor: pointer; display: flex; align-items: center; justify-content: center; background-color: var(--brandColor); color: #ffffff; letter-spacing: 0.2em; line-height: 1; font-size: 14px; width: 277px; height: 45px; border-radius: 5px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_btn, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_btn { font-size: 3.7333333333vw; margin: 19.5px auto 0; width: 77.0666666667vw; height: 12vw; border-radius: 1.3333333333vw; } } @media screen and (min-width: 800.1px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_btn, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_btn { position: absolute; top: 52px; right: 30px; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_btn:hover, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_osusume .itemcate_osusume_btn:hover { opacity: 0.7; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription #itemCate_lineup_anchor, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription #itemCate_lineup_anchor { padding-top: 87px; margin-top: -87px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription #itemCate_lineup_anchor, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription #itemCate_lineup_anchor { padding-top: 4vw; margin-top: -4vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_lineup_ttl, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_lineup_ttl { margin: 80px auto 0; width: 341px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_lineup_ttl, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemCategoryInfo .sysCategoryDescription .itemcate_lineup_ttl { margin: 13.3333333333vw auto 0; width: 63.2vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm { opacity: 0; margin-left: auto; margin-right: auto; max-width: 960px; padding: 0 20px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm { width: 100%; padding: 0 6.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm.active, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm.active { opacity: 1; } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl { border: none; margin: 0; padding: 0; gap: 32px; margin-top: 80px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl { gap: 1.3333333333vw; margin-top: 8vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap { position: relative; } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap::after, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap::after { position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #818181; letter-spacing: 0.1em; font-size: 12px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap::after, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap::after { font-size: 3.2vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_ttl, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_ttl { font-weight: 500; color: #818181; border: 1px solid #818181; letter-spacing: 0.2em; border-radius: 5px; font-size: 12px; padding: 5px 30px 5px 10px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_ttl, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_ttl { border-radius: 1.3333333333vw; font-size: 3.2vw; padding: 1.3333333333vw 8vw 1.3333333333vw 2.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_ttl::after, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_ttl::after { border-color: #808080; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_ttl::after, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_ttl::after { right: 4vw; width: 1.8666666667vw; height: 1.8666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_list, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_list { left: auto; right: 0; width: 180px; padding: 7px 5px; border-radius: 0 0 5px 5px; border-color: #808080; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_list, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_list { width: 48vw; padding: 2.6666666667vw 1.3333333333vw; border-radius: 0 0 1.3333333333vw 1.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_list a, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_list a { font-weight: 500; color: #818181; } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_list a::after, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_list a::after { border-color: #808080; margin-right: 5px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_list a::after, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_list a::after { width: 1.6vw; height: 1.6vw; margin-right: 1.6vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_list a.sysCurrent, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_list a.sysCurrent { background-color: var(--brandColorLight); color: #818181; border-radius: 5px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_list a.sysCurrent, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap .pd_list a.sysCurrent { border-radius: 1.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap.pd_cate, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap.pd_cate { display: none; } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap.pd_sort, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap.pd_sort { padding-left: 47.5px; width: 227.5px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap.pd_sort, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap.pd_sort { padding-left: 16.5333333333vw; width: 64.5333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap.pd_sort::after, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap.pd_sort::after { content: "表示順"; } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap.pd_limit, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap.pd_limit { padding-left: 61.5px; width: 241.5px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap.pd_limit, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap.pd_limit { padding-left: 16.5333333333vw; width: 64.5333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap.pd_limit::after, body#sysItemSearch #sysAll #sysWrap #sysMain form.sysItemCategoryForm .sysItemCategoryCtl .pd_wrap.pd_limit::after { content: "表示件数"; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemListDisp, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemListDisp { margin-left: auto; margin-right: auto; max-width: 960px; padding: 0 20px; margin-top: 20px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemListDisp, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemListDisp { width: 100%; padding: 0 6.6666666667vw; margin-top: 2.6666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemListDisp #displayCount, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemListDisp #displayCount { color: #818181; font-size: 12px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemListDisp #displayCount, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemListDisp #displayCount { font-size: 3.2vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType { display: none; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList { position: relative; margin-left: auto; margin-right: auto; max-width: 960px; padding: 0 20px; margin-top: 30px; padding-top: 30px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList { width: 100%; padding: 0 6.6666666667vw; margin-top: 5.3333333333vw; padding-top: 8vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList::after { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 2px; width: calc(100% - 40px); background-image: linear-gradient(to right, #000 2px, transparent 2px), linear-gradient(to right, #000 2px, transparent 2px); background-size: 8px 2px, 8px 2px; background-repeat: repeat-x, repeat-x; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList::after, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList::after { width: calc(100% - 13.3333333333vw); } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail { display: flex; flex-wrap: wrap; gap: 51.6px 10px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail { justify-content: space-between; gap: 7.3333333333vw 2.9333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail img, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail img { width: 100%; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li { position: relative; padding: 0 !important; margin: 0 !important; width: calc((100% - 20px) / 3) !important; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li { width: calc((100% - 2.9333333333vw) / 2) !important; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysThumbnailImage, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysThumbnailImage { overflow: hidden; border-radius: 10px; margin-bottom: 10px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysThumbnailImage, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysThumbnailImage { border-radius: 2.6666666667vw; margin-bottom: 1.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysWishListButtonFormAjax, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysWishListButtonFormAjax { z-index: 10; position: absolute; transform: translateY(-100%); right: 10px; top: 238px; width: 32px; height: 32px; } @media (max-width: 960px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysWishListButtonFormAjax, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysWishListButtonFormAjax { top: calc(238 * (100vw - 20px) / 960); width: calc(32 * (100vw - 20px) / 960); height: calc(32 * (100vw - 20px) / 960); } } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysWishListButtonFormAjax, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysWishListButtonFormAjax { right: 2.6666666667vw; top: 32vw; width: 7.4666666667vw; height: 7.4666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysWishListButtonFormAjax button, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysWishListButtonFormAjax button { transition: all 0.2s; opacity: 0; margin: 0; padding: 0; width: 100%; height: 100%; font-size: 0; background-color: transparent; background-image: url(/img/common/icon/like_1.svg); background-repeat: no-repeat; background-size: 100% 100%; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysWishListButtonFormAjax button, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysWishListButtonFormAjax button { opacity: 1; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysWishListButtonFormAjax button:disabled, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysWishListButtonFormAjax button:disabled { background-image: url(/img/common/icon/like_2.svg); opacity: 1; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li:hover .sysWishListButtonFormAjax button, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li:hover .sysWishListButtonFormAjax button { opacity: 1; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li div:has(.sysItemName), body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li div:has(.sysItemName) { flex-grow: 1; display: flex; flex-direction: column; } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemName, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemName { flex-grow: 1; max-height: 36px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemName, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemName { max-height: 8.8vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemName a, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemName a { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100%; letter-spacing: 0.2em; font-size: 12px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemName a, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemName a { font-size: 2.9333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysRetailPrice, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysRetailPrice { color: #818181; letter-spacing: 0.1em; font-size: 14px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysRetailPrice, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysRetailPrice { font-size: 3.4666666667vw; margin-top: 1.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysRetailPrice span.tax, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysRetailPrice span.tax { color: #818181; letter-spacing: 0.1em; font-size: 9px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysRetailPrice span.tax, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysRetailPrice span.tax { font-size: 2.4vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 5px; margin-top: 8px; min-height: 20px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea { gap: 1.3333333333vw; margin-top: 2.1333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea span { margin: 0; padding: 0; width: 96px; height: -moz-fit-content; height: fit-content; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea span, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea span { width: 25.6vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea span.new, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea span.new { position: absolute; top: 0; left: 0; width: 54px; height: auto; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea span.new, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea span.new { width: 12vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea span.soldout, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea span.soldout { position: absolute; top: 0; left: 0; width: 54px; height: auto; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea span.soldout, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea span.soldout { width: 12vw; } } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea, body#sysItemSearch #sysAll #sysWrap #sysMain .sysItemList ul.sysThumbnail li .sysItemPrArea { min-height: 5.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 { margin-left: auto; margin-right: auto; max-width: 970px; padding: 0 20px; margin-top: 75px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 { width: 100%; padding: 0; margin-top: 12.1333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 img, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 img { width: 100%; } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysHeadline, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysHeadline { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 920px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysHeadline, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysHeadline { width: 86.6666666667vw; margin-left: auto; margin-right: auto; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysHeadline span, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysHeadline span { display: block; position: relative; z-index: 1; width: -moz-fit-content; width: fit-content; background-color: #ffffff; line-height: 1; letter-spacing: 0.4em; margin-left: auto; margin-right: auto; padding: 0 73.7px; font-size: 16px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysHeadline span, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysHeadline span { letter-spacing: 0.2em; padding: 0 6.32vw; font-size: 3.2vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysHeadline::after, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysHeadline::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 2px; width: 100vw; background-image: linear-gradient(to right, #000 2px, transparent 2px), linear-gradient(to right, #000 2px, transparent 2px); background-size: 8px 2px, 8px 2px; background-repeat: repeat-x, repeat-x; } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent { margin-top: 25px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent { margin-top: 5.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul { margin: 0 auto; width: 100%; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul { overflow: visible; padding: 0; margin: 0; position: relative; left: 50%; transform: translateX(-50%); width: 44.5333333333vw; } } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list { width: 100%; overflow: visible; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track::before, body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track::after, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track::before, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track::after { display: none; } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li { font-size: 0; position: relative; padding: 0 5px; } @media screen and (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li { padding: 0 1.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemImage, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemImage { overflow: hidden; border-radius: 10px; margin-bottom: 10px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemImage, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemImage { border-radius: 2.6666666667vw; margin-bottom: 1.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemName a, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemName a { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100%; text-align: left; letter-spacing: 0.2em; font-size: 12px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemName a, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemName a { font-size: 2.9333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrice, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrice { color: #818181; text-align: left; letter-spacing: 0.1em; font-size: 14px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrice, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrice { font-size: 3.4666666667vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrice span.tax, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrice span.tax { color: #818181; letter-spacing: 0.1em; font-size: 9px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrice span.tax, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrice span.tax { font-size: 2.4vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 5px; margin-top: 8px; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea { gap: 1.3333333333vw; margin-top: 2.1333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea span, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea span { margin: 0; padding: 0; width: 96px; height: -moz-fit-content; height: fit-content; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea span, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea span { width: 25.6vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea span.new, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea span.new { position: absolute; top: 0; left: 5px; width: 54px; height: auto; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea span.new, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea span.new { width: 12vw; left: 1.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea span.soldout, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea span.soldout { position: absolute; top: 0; left: 5px; width: 54px; height: auto; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea span.soldout, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul .slick-list .slick-track li .sysItemPrArea span.soldout { width: 12vw; left: 1.3333333333vw; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul button.slick-arrow, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul button.slick-arrow { width: 15px; height: 30px; background-color: transparent; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-size: 100% 100%; background-repeat: no-repeat; top: 37%; } @media (max-width: 800px) { body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul button.slick-arrow, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul button.slick-arrow { display: none; } } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul button.slick-arrow::before, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul button.slick-arrow::before { display: none; } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul button.slick-arrow.slick-prev, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul button.slick-arrow.slick-prev { z-index: 10; background-image: url(/img/common/icon/slider_arr_left.png); left: -40px; } body#sysItemCategory #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul button.slick-arrow.slick-next, body#sysItemSearch #sysAll #sysWrap #sysMain .itemCheck_block_2025 .sysContent .sysItemBlock > ul button.slick-arrow.slick-next { background-image: url(/img/common/icon/slider_arr_right.png); right: -40px; } @media (max-width: 800px) { body#sysItemCategory #pagetop { bottom: 21.0666666667vw; } } body#sysItemSearch span.head_line { display: none !important; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active { display: block; text-align: center; font-family: "Shippori Mincho", serif; font-weight: 600; letter-spacing: 0.12em; font-size: 28px; margin-top: 50px; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active { font-size: 5.8666666667vw; margin-top: 8vw; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm { width: 100%; max-width: 920px; margin: 0 auto 35px; margin-top: 46px; padding: 100px 25px 30px; background: #fff0d7 url("/img/common/search_blk_bg.png") top 25px left 188px no-repeat; background-size: 313px auto; border-radius: 20px; position: relative; background: none !important; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm img { width: 100%; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm::after { content: "※ 複数選択可"; display: block; white-space: nowrap; font-size: 10px; line-height: 1; letter-spacing: 0.2em; font-weight: 500; position: absolute; top: 77px; right: 61px; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm { margin: 0 auto 7.2vw; margin-top: 12.2666666667vw; padding: 26.6666666667vw 4vw 8vw; background: #fff0d7 url("/img/common/search_blk_bg.png") top 6.6666666667vw center no-repeat; background-size: 80vw auto; border-radius: 0; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm::after { font-size: 2.6666666667vw; top: 20.5333333333vw; right: auto; left: 9.8666666667vw; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput { position: relative; background: #fff; border-radius: 20px; padding: 16px 36px 20px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 17px 20px; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput { border-radius: 5.3333333333vw; padding: 6.9333333333vw 7.4666666667vw 8vw; gap: 5.3333333333vw; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormWord { order: 2; width: 465px; position: relative; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormWord::before { content: "キーワードから探す"; display: block; margin-bottom: 5px; font-size: 12px; line-height: 18px; letter-spacing: 0.2em; font-weight: 500; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormWord input { width: 100%; height: 45px !important; padding: 13px 14px 12px 47px !important; font-size: 12px; line-height: 1.5; letter-spacing: 0.1em; font-weight: 500; background: #fff url("/img/common/icon/icon_search.png") center left 13px no-repeat; background-size: 17px auto; border: 1px solid #919191; border-radius: 5px; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormWord input::-moz-placeholder { font-weight: 500; color: #acacac; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormWord input::placeholder { font-weight: 500; color: #acacac; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormWord { width: 100%; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormWord::before { margin-bottom: 1.3333333333vw; font-size: 3.2vw; line-height: 4.8vw; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormWord input { width: 100%; height: 12vw; padding: 3.4666666667vw 3.7333333333vw 3.2vw 12.5333333333vw !important; font-size: 3.2vw; background: #fff url("/img/common/icon/icon_search.png") center left 3.4666666667vw no-repeat; background-size: 4.5333333333vw auto; border-radius: 1.3333333333vw; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups { order: 1; width: 100%; display: flex; justify-content: space-between; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups { flex-direction: column; gap: 4.2666666667vw; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups span.sysItemSearchFormItemCategoryGroupsTitle { display: none; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 { width: 140px; flex-shrink: 0; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 { width: 100%; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 span.itemCategoryGroupTitle0 { display: block; font-size: 12px; line-height: 18px; letter-spacing: 0.2em; font-weight: 500; margin-bottom: 5px; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 span.itemCategoryGroupTitle0 { font-size: 3.2vw; line-height: 4.8vw; margin-bottom: 1.3333333333vw; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 ul { display: flex; flex-direction: column; gap: 8px; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 ul li { width: 140px; height: 25px; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 ul li input { display: none; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 ul li label { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 11px; line-height: 17px; letter-spacing: 0.2em; font-weight: 500; border-radius: 13px; border: 2px dotted #919191; cursor: pointer; transition-duration: 0.3s; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 ul li label:hover { opacity: 0.7; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 ul li input:checked + label { border: 1px solid #b3161c; background: #b3161c; color: #fff; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 ul { width: 100%; flex-direction: row; flex-wrap: wrap; gap: 2.1333333333vw 2.4vw; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 ul li { width: calc((100% - 2.4vw) / 2); height: 6.6666666667vw; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 ul li label { font-size: 2.9333333333vw; line-height: 4.5333333333vw; border-radius: 3.4666666667vw; border: 0.5333333333vw dotted #919191; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 { width: 290px; flex-shrink: 0; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 { width: 100%; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 span.itemCategoryGroupTitle1 { display: block; font-size: 12px; line-height: 18px; letter-spacing: 0.2em; font-weight: 500; margin-bottom: 5px; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 span.itemCategoryGroupTitle1 { font-size: 3.2vw; line-height: 4.8vw; margin-bottom: 1.3333333333vw; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 ul { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; gap: 8px 9px; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 ul li { width: 140px; height: 25px; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 ul li input { display: none; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 ul li label { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 11px; line-height: 17px; letter-spacing: 0.2em; font-weight: 500; border-radius: 13px; border: 2px dotted #919191; transition-duration: 0.3s; cursor: pointer; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 ul li label:hover { opacity: 0.7; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 ul li input:checked + label { border: 1px solid #b3161c; background: #b3161c; color: #fff; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 ul { width: 100%; flex-direction: row; flex-wrap: wrap; gap: 2.1333333333vw 2.4vw; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 ul li { width: calc((100% - 2.4vw) / 2); height: 6.6666666667vw; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup1 ul li label { font-size: 2.9333333333vw; line-height: 4.5333333333vw; border-radius: 3.4666666667vw; border: 0.5333333333vw dotted #919191; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 { width: 290px; flex-shrink: 0; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 { width: 100%; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 span.itemCategoryGroupTitle2 { display: block; font-size: 12px; line-height: 18px; letter-spacing: 0.2em; font-weight: 500; margin-bottom: 5px; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 span.itemCategoryGroupTitle2 { font-size: 3.2vw; line-height: 4.8vw; margin-bottom: 1.3333333333vw; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 ul { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; gap: 8px 9px; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 ul li { width: 140px; height: 25px; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 ul li input { display: none; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 ul li label { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 11px; line-height: 17px; letter-spacing: 0.2em; font-weight: 500; border-radius: 13px; border: 2px dotted #919191; transition-duration: 0.3s; cursor: pointer; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 ul li label:hover { opacity: 0.7; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 ul li input:checked + label { border: 1px solid #b3161c; background: #b3161c; color: #fff; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 ul { width: 100%; flex-direction: row; flex-wrap: wrap; gap: 2.1333333333vw 2.4vw; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 ul li { width: calc((100% - 2.4vw) / 2); height: 6.6666666667vw; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 ul li label { font-size: 2.9333333333vw; line-height: 4.5333333333vw; border-radius: 3.4666666667vw; border: 0.5333333333vw dotted #919191; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormSort, body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormLimit { position: relative; padding-left: 47.5px; width: 227.5px; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormSort, body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormLimit { padding-left: 16.5333333333vw; width: 64.5333333333vw; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormSort::before, body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormLimit::before { content: "表示順"; position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #818181; letter-spacing: 0.1em; font-size: 12px; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormSort::before, body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormLimit::before { font-size: 3.2vw; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormSort::after, body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormLimit::after { content: ""; display: block; width: 6px; height: 6px; border-right: 1px solid #884D30; border-bottom: 1px solid #884D30; position: absolute; top: 44%; right: 15px; transform: translateY(-50%) rotateZ(45deg); transition-duration: 0.3s; border-color: #808080; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormSort::after, body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormLimit::after { right: 4vw; width: 1.8666666667vw; height: 1.8666666667vw; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormSort select[name=sort], body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormSort select[name=limit], body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormLimit select[name=sort], body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormLimit select[name=limit] { height: 30px !important; width: 100%; font-weight: 500; color: #818181 !important; border: 1px solid #818181 !important; background-color: #ffffff !important; letter-spacing: 0.2em !important; border-radius: 5px !important; font-size: 12px !important; padding: 5px 30px 5px 10px !important; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormSort select[name=sort], body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormSort select[name=limit], body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormLimit select[name=sort], body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormLimit select[name=limit] { height: 8vw !important; border-radius: 1.3333333333vw !important; font-size: 3.2vw !important; padding: 1.3333333333vw 8vw 1.3333333333vw 2.6666666667vw !important; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormLimit { padding-left: 61.5px; width: 241.5px; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormLimit { margin-top: -4vw; padding-left: 16.5333333333vw; width: 64.5333333333vw; } } @media (min-width: 800.1px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormLimit { position: absolute; top: 16px; left: 290px; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput .sysItemSearchFormLimit::before { content: "表示件数"; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput input.sysSearchButton { order: 3; width: calc(100% - 485px); max-width: 289px; height: 45px; margin: 0; border: 1px solid #808080; border-radius: 5px; font-size: 12px; line-height: 1.5; letter-spacing: 1em; font-weight: 500; color: #808080; } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm div.sysItemSearchFormInput input.sysSearchButton { max-width: 100%; width: 100%; height: 12vw; border-radius: 1.3333333333vw; font-size: 3.2vw; } } @media (min-width: 800.1px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm { margin-bottom: 0 !important; padding: 0 !important; } } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm { margin-bottom: 8vw !important; padding: 0 6.6666666667vw !important; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm::after { display: none !important; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm .sysItemSearchFormInput { padding: 0 !important; justify-content: flex-start !important; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormWord, body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormItemCategoryGroups, body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr, body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormRange, body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormCategory { display: none !important; transition: all 80s; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormSort, body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormLimit, body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm .sysItemSearchFormInput input.sysSearchButton { display: block !important; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormLimit { position: relative !important; top: 0 !important; left: 0 !important; } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm .sysItemSearchFormInput input.sysSearchButton { transition: all 0.2s; height: 30px !important; width: 180px !important; color: #ffffff !important; background-color: #b3161c !important; border: none !important; } @media (min-width: 800.1px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm .sysItemSearchFormInput input.sysSearchButton { padding: 0 !important; padding-left: 10px !important; } } @media (max-width: 800px) { body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm .sysItemSearchFormInput input.sysSearchButton { width: 100% !important; height: 12vw !important; max-width: 100% !important; padding-left: 4.8vw !important; } } body#sysItemSearch #sysAll #sysWrap #sysMain h2.active + form.sysItemSearchForm .sysItemSearchFormInput input.sysSearchButton:hover { opacity: 0.7; } @media (max-width: 800px) { body:has(.e_gift) #pagetop { bottom: 0 !important; } } body:has(.e_gift) #sysMain span.head_line, body:has(.e_gift) #sysMain .itemCheck_block_2025 { display: none !important; } body:has(.e_gift) #sysMain .sysCategoryDescription { width: 100%; max-width: 960px; margin-inline: auto; padding: 20px 20px 0; margin: 0 auto 80px !important; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .sysCategoryDescription { padding: 6.6666666667vw 6.6666666667vw 0; margin: 0 auto 13.3333333333vw !important; } } body:has(.e_gift) #sysMain .e_gift_ttl { margin: 0 auto; width: 340px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift_ttl { width: 63.2vw; } } body:has(.e_gift) #sysMain .e_gift_lead { font-family: "Shippori Mincho", serif; font-weight: 600; text-align: center; letter-spacing: 0.2em; font-size: 22px; margin-top: 40px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift_lead { font-size: 3.7333333333vw; margin-top: 8vw; } } body:has(.e_gift) #sysMain .e_gift_text { text-align: center; letter-spacing: 0.2em; font-size: 12px; margin-top: 40px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift_text { text-align: left; letter-spacing: 0.08em; font-size: 2.9333333333vw; margin-top: 8vw; } } body:has(.e_gift) #sysMain .e_gift .pankuzu { display: block; font-size: 11px; line-height: 1.6; text-align: center; color: #828282; margin-bottom: 35px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift .pankuzu { font-size: 2.6666666667vw; margin-bottom: 5.3333333333vw; } } body:has(.e_gift) #sysMain .e_gift .pankuzu a { font-size: 11px; line-height: 1.6; text-align: center; color: #828282; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift .pankuzu a { font-size: 2.6666666667vw; } } body:has(.e_gift) #sysMain .e_gift h1 { text-align: center; font-family: "Shippori Mincho", serif; font-weight: 600; letter-spacing: 0.12em; font-size: 28px; margin-top: 35px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift h1 { font-size: 5.8666666667vw; margin-top: 5.3333333333vw; } } body:has(.e_gift) #sysMain .e_gift ul.e_gift_link { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px; margin-top: 50px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift ul.e_gift_link { gap: 1.3333333333vw; margin-top: 13.3333333333vw; } } body:has(.e_gift) #sysMain .e_gift ul.e_gift_link li { width: 218px; height: 35px; } @media screen and (max-width: 950px) { body:has(.e_gift) #sysMain .e_gift ul.e_gift_link li { width: 22.9473684211vw; } } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift ul.e_gift_link li { width: calc((100% - 1.3333333333vw) / 2); height: 8vw; } } body:has(.e_gift) #sysMain .e_gift ul.e_gift_link li a { position: relative; display: flex; width: 100%; height: 100%; align-items: center; background-color: #b3161c; color: #ffffff; letter-spacing: 0.2em; line-height: 1; border-radius: 5px; padding: 0 15px; font-size: 14px; } @media screen and (max-width: 900px) { body:has(.e_gift) #sysMain .e_gift ul.e_gift_link li a { font-size: 1.5555555556vw; padding: 0 1.6666666667vw; } } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift ul.e_gift_link li a { border-radius: 1.3333333333vw; padding: 0 2.6666666667vw; font-size: 2.9333333333vw; } } body:has(.e_gift) #sysMain .e_gift ul.e_gift_link li a::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); background-image: url(/img/layout/e-gift/red_arrow.png); background-repeat: no-repeat; background-size: 100% 100%; right: 15px; width: 20px; height: 20px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift ul.e_gift_link li a::after { right: 2.6666666667vw; width: 3.7333333333vw; height: 3.7333333333vw; } } body:has(.e_gift) #sysMain .e_gift .e_gift_ttl { margin: 0 auto; width: 340px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift .e_gift_ttl { width: 63.2vw; } } body:has(.e_gift) #sysMain .e_gift .e_gift_lead { font-family: "Shippori Mincho", serif; font-weight: 600; text-align: center; letter-spacing: 0.2em; font-size: 22px; margin-top: 40px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift .e_gift_lead { font-size: 3.7333333333vw; margin-top: 8vw; } } body:has(.e_gift) #sysMain .e_gift .e_gift_text { text-align: center; letter-spacing: 0.2em; font-size: 12px; margin-top: 40px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift .e_gift_text { text-align: left; letter-spacing: 0.08em; font-size: 2.9333333333vw; margin-top: 8vw; } } body:has(.e_gift) #sysMain .e_gift .e_gift_text br.only_970 { display: none; } @media screen and (max-width: 970px) { body:has(.e_gift) #sysMain .e_gift .e_gift_text br.only_970 { display: block; } } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift .e_gift_text br.only_970 { display: none; } } body:has(.e_gift) #sysMain .e_gift #link_01 { padding-top: 80px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_01 { padding-top: 13.3333333333vw; } } body:has(.e_gift) #sysMain .e_gift #link_01 ul.e_gift_01_ul { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 20px; margin-top: 50px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_01 ul.e_gift_01_ul { row-gap: 4vw; margin-top: 10.6666666667vw; } } body:has(.e_gift) #sysMain .e_gift #link_01 ul.e_gift_01_ul li { width: calc((100% - 18px) / 3); } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_01 ul.e_gift_01_ul li { width: calc((100% - 2.6666666667vw) / 2); } } body:has(.e_gift) #sysMain .e_gift #link_01 ul.e_gift_01_ul li .e_gift_01_img { width: 100%; } body:has(.e_gift) #sysMain .e_gift #link_01 ul.e_gift_01_ul li .e_gift_01_txt { text-align: center; letter-spacing: 0.2em; font-size: 12px; margin-top: 10px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_01 ul.e_gift_01_ul li .e_gift_01_txt { font-size: 2.6666666667vw; margin-top: 2.6666666667vw; } } body:has(.e_gift) #sysMain .e_gift #link_01 .e_gift_for_ttl { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 920px; margin-top: 80px; } @media (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_01 .e_gift_for_ttl { width: 86.6666666667vw; margin-left: auto; margin-right: auto; margin-top: 13.3333333333vw; } } body:has(.e_gift) #sysMain .e_gift #link_01 .e_gift_for_ttl span { display: block; position: relative; z-index: 1; width: -moz-fit-content; width: fit-content; background-color: #ffffff; line-height: 1; letter-spacing: 0.4em; margin-left: auto; margin-right: auto; padding: 0 73.7px; font-size: 16px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_01 .e_gift_for_ttl span { letter-spacing: 0.2em; padding: 0 6.32vw; font-size: 3.2vw; } } body:has(.e_gift) #sysMain .e_gift #link_01 .e_gift_for_ttl::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 2px; width: 100vw; background-image: linear-gradient(to right, #000 2px, transparent 2px), linear-gradient(to right, #000 2px, transparent 2px); background-size: 8px 2px, 8px 2px; background-repeat: repeat-x, repeat-x; } body:has(.e_gift) #sysMain .e_gift #link_02 { width: 100vw; position: relative; left: 50%; transform: translateX(-50%); max-width: 1140px; padding-top: 80px; margin-top: 20px; padding-left: 20px; padding-right: 20px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 { padding-top: 5.3333333333vw; margin-top: -2.6666666667vw; padding-left: 0; padding-right: 0; } } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner { background-color: #fff0d7; padding-top: 8vw; position: relative; width: 100vw; left: 50%; transform: translateX(-50%); } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab { margin-top: 50px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab { margin-top: 8vw; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_tab_wrap { position: relative; z-index: 5; } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_tab_wrap ul { display: flex; justify-content: center; align-items: stretch; gap: 5px; } @media screen and (max-width: 1199px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_tab_wrap ul { gap: 0.4166666667vw; } } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_tab_wrap ul { gap: 2.1333333333vw; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_tab_wrap ul li { width: 277px; height: 80px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #fff; border: 1px solid #000000; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; } @media screen and (max-width: 1199px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_tab_wrap ul li { width: 23.0833333333vw; height: 6.6666666667vw; border-top-left-radius: 0.8333333333vw; border-top-right-radius: 0.8333333333vw; } } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_tab_wrap ul li { width: 41.0666666667vw; height: 13.3333333333vw; border-top-left-radius: 2.6666666667vw; border-top-right-radius: 2.6666666667vw; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_tab_wrap ul li .txt { font-size: 16px; line-height: 24px; letter-spacing: 0.2em; font-weight: 500; color: #808080; text-align: center; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_tab_wrap ul li .txt { font-size: 3.2vw; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_tab_wrap ul li.current { border-bottom: 1px solid #fff; } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_tab_wrap ul li.current .txt { color: #000000; } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main { margin-top: -1px; position: relative; } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main .store { position: absolute; top: 0; left: 0; width: 100%; border: 1px solid #000; border-radius: 15px; padding: 80px 90px; background: #fff; opacity: 0; pointer-events: none; transition-duration: 0.3s; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main .store { border: none; border-radius: 0; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 13.3333333333vw 0 6.6666666667vw; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main .store.current { position: relative; opacity: 1; pointer-events: auto; } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main .store ul.e_gift_tab_ul { display: flex; justify-content: space-between; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main .store ul.e_gift_tab_ul { overflow-x: auto; gap: 2.1333333333vw; padding: 0 6.6666666667vw 6.6666666667vw; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main .store ul.e_gift_tab_ul li { width: calc((100% - 20px) / 3); } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main .store ul.e_gift_tab_ul li { width: 64vw; flex-shrink: 0; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main .store ul.e_gift_tab_ul li .e_gift_tab_step { background-color: #B3161C; color: #ffffff; display: flex; align-items: center; justify-content: center; letter-spacing: 0.2em; width: 100%; font-size: 14px; height: 40px; border-radius: 10px 10px 0 0; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main .store ul.e_gift_tab_ul li .e_gift_tab_step { font-size: 3.2vw; height: 8vw; border-radius: 2.6666666667vw 2.6666666667vw 0 0; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main .store ul.e_gift_tab_ul li .e_gift_tab_ttl { text-align: center; letter-spacing: 0.1em; font-size: 14px; margin-top: 20px; min-height: 42px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main .store ul.e_gift_tab_ul li .e_gift_tab_ttl { font-size: 3.2vw; margin-top: 4vw; min-height: 9.6vw; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main .store ul.e_gift_tab_ul li .e_gift_tab_img { margin-top: 20px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main .store ul.e_gift_tab_ul li .e_gift_tab_img { margin-top: 4vw; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main .store ul.e_gift_tab_ul li .e_gift_tab_txt { letter-spacing: 0.2em; font-size: 12px; margin-top: 20px; padding: 0 10px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_tab .store_main .store ul.e_gift_tab_ul li .e_gift_tab_txt { font-size: 2.9333333333vw; margin-top: 4vw; padding: 0 1.6vw; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_letter { background-color: #fff0d7; border-radius: 20px; margin-top: 50px; padding: 30px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_letter { border-radius: 5.3333333333vw; margin-top: 0; padding: 8vw 4vw; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_letter .e_gift_letter_inner { overflow: hidden; background-color: #ffffff; border-radius: 20px; padding: 50px 0; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_letter .e_gift_letter_inner { border-radius: 5.3333333333vw; padding: 10.6666666667vw 0; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_letter .e_gift_letter_inner .e_gift_lead { margin-top: 0; } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_letter .e_gift_letter_inner .e_gift_text { padding: 0 30px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_letter .e_gift_letter_inner .e_gift_text { letter-spacing: 0.18em; padding: 0 4vw; font-size: 3.2vw; margin-top: 4vw; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_letter .e_gift_letter_inner ul.e_gift_letter_ul { position: relative; left: 50%; transform: translate(-50%); pointer-events: none; width: 420px; margin-top: 50px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_letter .e_gift_letter_inner ul.e_gift_letter_ul { width: 55.4666666667vw; margin-top: 4vw; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_letter .e_gift_letter_inner ul.e_gift_letter_ul .slick-list { overflow: visible; } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_letter .e_gift_letter_inner ul.e_gift_letter_ul button { display: none !important; } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_letter .e_gift_letter_inner ul.e_gift_letter_ul li { padding: 0 10px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_letter .e_gift_letter_inner ul.e_gift_letter_ul li { padding: 0 1.0666666667vw; } } body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_letter .e_gift_letter_inner .e_gift_letter_txt { text-align: center; letter-spacing: 0.2em; font-size: 11px; margin-top: 10px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_02 .link_02_inner .e_gift_letter .e_gift_letter_inner .e_gift_letter_txt { font-size: 2.6666666667vw; margin-top: 4vw; } } body:has(.e_gift) #sysMain .e_gift #link_03 { padding-top: 80px; margin-top: 20px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain .e_gift #link_03 { padding-top: 13.3333333333vw; } } body:has(.e_gift) #sysMain #link_04 { width: 100%; max-width: 960px; margin-inline: auto; padding: 20px 20px 0; margin: 0 auto; padding-top: 80px; margin-top: 20px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 { padding: 6.6666666667vw 6.6666666667vw 0; } } body:has(.e_gift) #sysMain #link_04 img { width: 100% !important; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 { padding-top: 13.3333333333vw; margin-top: -7.2vw; } } body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq { display: flex; flex-direction: column; gap: 10px; margin-top: 40px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq { margin-top: 8vw; gap: 2.6666666667vw; } } body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li { display: flex; gap: 24px; padding: 30px 0 30px 30px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li { gap: 6.4vw; padding: 6.4vw 0 6.4vw 5.3333333333vw; } } body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li .e_gift_faq_01 { line-height: 1; color: #808080; font-size: 26px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li .e_gift_faq_01 { font-size: 6.9333333333vw; } } body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li .e_gift_faq_02 { font-weight: 600; font-size: 14px; padding-right: 130px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li .e_gift_faq_02 { font-size: 3.2vw; padding-right: 16vw; } } body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.toggle { cursor: pointer; position: relative; align-items: center; background-color: #fff0d7; border-radius: 15px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.toggle { border-radius: 4vw; } } body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.toggle .e_gift_open_btn { pointer-events: none; transition: all 0.2s; cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 150px; height: 77px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.toggle .e_gift_open_btn { width: 37.3333333333vw; height: 17.8666666667vw; } } body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.toggle .e_gift_open_btn::before, body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.toggle .e_gift_open_btn::after { transition: all 0.2s; content: ""; position: absolute; width: 12px; height: 1px; background-color: #808080; right: 30px; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.toggle .e_gift_open_btn::before, body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.toggle .e_gift_open_btn::after { right: 6.6666666667vw; } } body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.toggle .e_gift_open_btn::after { transform: translateY(-50%) rotate(90deg); } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.toggle .e_gift_open_btn span { display: none; } } body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.toggle .e_gift_open_btn span::before { transition: all 0.2s; content: "詳しく見る"; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); color: #808080; letter-spacing: 0.2em; font-size: 12px; } body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.toggle .e_gift_open_btn:hover { opacity: 0.7; } body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.toggle.active .e_gift_open_btn::after { transform: translateY(-50%) rotate(0); } body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.toggle.active .e_gift_open_btn span::before { content: "閉じる"; } body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.open { padding: 20px 30px 30px 30px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.open { padding: 3.7333333333vw 2.6666666667vw 5.3333333333vw 5.3333333333vw; } } body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.open .e_gift_faq_01 { color: #b3161c; } body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.open .e_gift_faq_02 { font-weight: 400; font-size: 12px; padding-right: 0; padding-top: 5px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 ul.e_gift_faq li.open .e_gift_faq_02 { font-size: 3.2vw; padding-right: 0; padding-top: 0.8vw; } } body:has(.e_gift) #sysMain #link_04 .e_gift_tyui .e_gift_for_ttl { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 920px; margin-top: 80px; } @media (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 .e_gift_tyui .e_gift_for_ttl { width: 86.6666666667vw; margin-left: auto; margin-right: auto; margin-top: 13.3333333333vw; } } body:has(.e_gift) #sysMain #link_04 .e_gift_tyui .e_gift_for_ttl span { display: block; position: relative; z-index: 1; width: -moz-fit-content; width: fit-content; background-color: #ffffff; line-height: 1; letter-spacing: 0.4em; margin-left: auto; margin-right: auto; padding: 0 73.7px; font-size: 16px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 .e_gift_tyui .e_gift_for_ttl span { letter-spacing: 0.2em; padding: 0 6.32vw; font-size: 3.2vw; } } body:has(.e_gift) #sysMain #link_04 .e_gift_tyui .e_gift_for_ttl::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 2px; width: 100vw; background-image: linear-gradient(to right, #000 2px, transparent 2px), linear-gradient(to right, #000 2px, transparent 2px); background-size: 8px 2px, 8px 2px; background-repeat: repeat-x, repeat-x; } body:has(.e_gift) #sysMain #link_04 .e_gift_tyui ul.e_gift_tyui_ul { display: flex; flex-direction: column; gap: 20px; margin-top: 50px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 .e_gift_tyui ul.e_gift_tyui_ul { gap: 5.3333333333vw; margin-top: 8vw; } } body:has(.e_gift) #sysMain #link_04 .e_gift_tyui ul.e_gift_tyui_ul li { display: flex; gap: 8px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 .e_gift_tyui ul.e_gift_tyui_ul li { gap: 2.1333333333vw; } } body:has(.e_gift) #sysMain #link_04 .e_gift_tyui ul.e_gift_tyui_ul li .e_gift_tyui_maru { flex-shrink: 0; border-radius: 50%; background-color: #b3161c; width: 10px; height: 10px; margin-top: 5px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 .e_gift_tyui ul.e_gift_tyui_ul li .e_gift_tyui_maru { width: 2.6666666667vw; height: 2.6666666667vw; margin-top: 1.3333333333vw; } } body:has(.e_gift) #sysMain #link_04 .e_gift_tyui ul.e_gift_tyui_ul li .e_gift_tyui_txt { letter-spacing: 0.2em; font-style: 12px; } @media screen and (max-width: 800px) { body:has(.e_gift) #sysMain #link_04 .e_gift_tyui ul.e_gift_tyui_ul li .e_gift_tyui_txt { font-size: 3.2vw; } }/*# sourceMappingURL=ItemCategory.css.map */

お取り寄せ係
ご注文専用ダイヤル

0120-139-399

受付時間 10：00〜17：00 ［日曜日定休］