@charset "UTF-8";/* ----カテゴリータイトル・フリースペース---- */.page-category .pane-contents:has(#category_top_contents_frame) { padding-top: 0;}.page-category #category_top_contents_frame { display: flex; flex-direction: column;}.page-category #category_top_contents_frame .block-category-list--header-img { order: 1; width: 100%; max-width: var(--layout-max-width); padding: var(--layout-base-padding); margin: 0 auto 40px;}.page-category #category_top_contents_frame .block-category-list--header     { order: 1; width: 100%; max-width: var(--layout-max-width); padding: var(--layout-base-padding); margin: 0 auto 40px;}.page-category #category_top_contents_frame .block-category-freespace1       { order: 1; width: 100%; max-width: var(--layout-max-width); padding: var(--layout-base-padding); margin: 0 auto 40px;}.page-category #category_top_contents_frame .block-category-list--comment    { order: 3; width: 100%; max-width: var(--layout-max-width); padding: var(--layout-base-padding); margin: 0 auto 40px;}.page-category #category_top_contents_frame .block-category-list--sub        { order: 4; padding: 48px 0; margin: 0 0 80px; background-color: #F8F8F8;}.page-category #category_top_contents_frame .block-category-list--sub .block-category-style-d,.page-category #category_top_contents_frame .block-category-list--sub .block-category-style-t,.page-category #category_top_contents_frame .block-category-list--sub .block-category-style-p,.page-category #category_top_contents_frame .block-category-list--sub .block-category-style-l,.page-category #category_top_contents_frame .block-category-list--sub .block-category-style-g { max-width: var(--layout-max-width); padding: var(--layout-base-padding); margin: 0 auto;}.page-category h1.block-category-list--header { font-size: var(--font-size-H1); font-weight: 700; text-align: center;}.page-category h1.block-category-list--header-img { text-align: center;}.page-category .block-category-list--promotion-freespace:has(.block-promotion-freespace) { margin: 0 0 60px;}.page-category .block-category-list--promotion-freespace .block-promotion-freespace {}.page-category .block-category-list--comment { font-size: var(--font-size-main); color: var(--color-base);}.page-category .block-category-list--sub {}.page-category .block-category-list--sub .design-headline-wrap { max-width: var(--layout-max-width); padding: var(--layout-base-padding); margin: 0 auto;}/* ----サブカテゴリー表示---- */.page-category [class*="block-category-style-"] a span.clamp {min-height: calc(var(--line-height-low) * 2);font-size: var(--font-size-large);font-weight: 700;line-height: var(--line-height-low);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}/* D形式 */.page-category .block-category-style-d { margin: 40px auto; display: flex; flex-wrap: wrap; column-gap: 24px;}.page-category .block-category-style-d .block-category-style-d--item { width: calc((100% - (24px * 4))/5); margin: 0 0 12px;}.page-category .block-category-style-d .block-category-style-d--item-name,.page-category .block-category-style-d .block-category-style-d--item-name a {width: 100%;height: var(--sub-category-item-height);padding: 0;margin: 0;border-radius: var(--sub-category-item-height);font-size: var(--font-size-large);font-weight: 700;line-height: var(--line-height-low);color: #FFF;display: flex;justify-content: center;align-items: center;background-color: var(--button-bg3);}.page-category .block-category-style-d .block-category-style-d--item-name:has(a) { background-color: #FFF;}.page-category .block-category-style-d .block-category-style-d--item-name a {padding: var(--sub-category-item-a-padding);border: var(--button-bg1) 2px solid;background-color: var(--button-bg1);position: relative;transition: var(--transition);}.page-category .block-category-style-d .block-category-style-d--item-name a::after {content: '';width: 8px;height: 8px;border-right: #FFF 2px solid;border-top: #FFF 2px solid;position: absolute;right: 16px;top: calc(50% - 4px);display: block;transform: rotate(45deg);}.page-category .block-category-style-d .block-category-style-d--item-name a:hover { text-decoration: none; color: var(--button-bg1); background-color: #FFF;}.page-category .block-category-style-d .block-category-style-d--item-name a:hover::after { border-color: var(--button-bg1);}.page-category .block-category-style-d .block-category-style-d--item-freespace { display: none;}/* T形式 */.page-category .block-category-style-t { margin: 40px auto; display: flex; flex-wrap: wrap; column-gap: 24px;}.page-category .block-category-style-t .block-category-style-t--item { width: calc((100% - (24px * 4))/5); flex-basis: auto; margin: 0 0 12px;}/* P形式 */.page-category .block-category-style-p { margin: 40px auto; display: flex; flex-wrap: wrap; column-gap: 24px;}.page-category .block-category-style-p .block-category-style-p--item { width: calc((100% - (24px * 4))/5); flex-basis: auto; margin: 0 0 12px;}.page-category .block-category-style-p .block-category-style-p--item .block-category-style-p--item-name,.page-category .block-category-style-p .block-category-style-p--item .block-category-style-p--item-name a {width: 100%;height: var(--sub-category-item-height);padding: 0;margin: 0;border: none;border-radius: var(--sub-category-item-height);font-size: var(--font-size-large);font-weight: 700;line-height: var(--line-height-low);color: #FFF;display: flex;justify-content: center;align-items: center;background-color: var(--button-bg3);}.page-category .block-category-style-p .block-category-style-p--item .block-category-style-p--item-name:has(a) { background-color: #FFF;}.page-category .block-category-style-p .block-category-style-p--item .block-category-style-p--item-name a {padding: var(--sub-category-item-a-padding);border: var(--button-bg1) 2px solid;background-color: var(--button-bg1);position: relative;transition: var(--transition);}.page-category .block-category-style-p .block-category-style-p--item .block-category-style-p--item-name a::after {content: '';width: 8px;height: 8px;border-right: #FFF 2px solid;border-top: #FFF 2px solid;position: absolute;right: 16px;top: calc(50% - 4px);display: block;transform: rotate(45deg);}.page-category .block-category-style-p .block-category-style-p--item .block-category-style-p--item-name a:hover { text-decoration: none; color: var(--button-bg1); background-color: #FFF;}.page-category .block-category-style-p .block-category-style-p--item .block-category-style-p--item-name a:hover::after { border-color: var(--button-bg1);}.page-category .block-category-style-p .block-category-style-p--item .block-category-style-p--item-comment { display: none;}.page-category .block-category-style-p .block-category-style-p--item .block-category-style-p--item-image { display: none;}/* L形式 */.page-category .block-category-style-l { margin: 40px auto; display: flex; flex-wrap: wrap; column-gap: 24px;}.page-category .block-category-style-l .block-category-style-l--item-name { width: calc((100% - (24px * 4))/5); flex-basis: auto; margin: 0 0 12px;}.page-category .block-category-style-l .block-category-style-l--item-name a {width: 100%;height: var(--sub-category-item-height);padding: var(--sub-category-item-a-padding);margin: 0;border: var(--button-bg1) 2px solid;border-radius: var(--sub-category-item-height);font-size: var(--font-size-large);font-weight: 700;line-height: var(--line-height-low);color: #FFF;display: flex;justify-content: center;align-items: center;background-color: var(--button-bg1);position: relative;transition: var(--transition);}.page-category .block-category-style-l .block-category-style-l--item-name a::after {content: '';width: 8px;height: 8px;border-right: #FFF 2px solid;border-top: #FFF 2px solid;position: absolute;right: 16px;top: calc(50% - 4px);display: block;transform: rotate(45deg);}.page-category .block-category-style-l .block-category-style-l--item-name a:hover { text-decoration: none; color: var(--button-bg1); background-color: #FFF;}.page-category .block-category-style-l .block-category-style-l--item-name a:hover::after { border-color: var(--button-bg1);}.page-category .block-category-style-l .block-category-style-l--splitter { display: none;}/* G形式 */.page-category .block-category-style-g { margin: 40px auto; display: flex; flex-wrap: wrap; column-gap: 24px;}.page-category .block-category-style-g .block-category-style-g--item { width: calc((100% - (24px * 4))/5); height: var(--sub-category-item-height); flex-basis: auto; margin: 0 0 12px;}.page-category .block-category-style-g .block-category-style-g--item .block-category-style-g--item-name,.page-category .block-category-style-g .block-category-style-g--item .block-category-style-g--item-name a {width: 100%;height: var(--sub-category-item-height);padding: 0;margin: 0;border: none;border-radius: 56px;font-size: var(--font-size-large);font-weight: 700;line-height: var(--line-height-low);color: #FFF;display: flex;justify-content: center;align-items: center;background-color: var(--button-bg3);}.page-category .block-category-style-g .block-category-style-g--item .block-category-style-g--item-name:has(a) { background-color: #FFF;}.page-category .block-category-style-g .block-category-style-g--item .block-category-style-g--item-name a {padding: var(--sub-category-item-a-padding);border: var(--button-bg1) 2px solid;background-color: var(--button-bg1);position: relative;transition: var(--transition);}.page-category .block-category-style-g .block-category-style-g--item .block-category-style-g--item-name a::after {content: '';width: 8px;height: 8px;border-right: #FFF 2px solid;border-top: #FFF 2px solid;position: absolute;right: 16px;top: calc(50% - 4px);display: block;transform: rotate(45deg);}.page-category .block-category-style-g .block-category-style-g--item .block-category-style-g--item-name a:hover { text-decoration: none; color: var(--button-bg1); background-color: #FFF;}.page-category .block-category-style-g .block-category-style-g--item .block-category-style-g--item-name a:hover::after { border-color: var(--button-bg1);}.page-category .block-category-style-g .block-category-style-g--item .block-category-style-g--item-comment { display: none;}.page-category .block-category-style-g .block-category-style-g--item .block-category-style-g--item-image { display: none;}@media screen and (max-width: 1340px) {.page-category .block-category-style-d .block-category-style-d--item,.page-category .block-category-style-p .block-category-style-p--item,.page-category .block-category-style-g .block-category-style-g--item,.page-category .block-category-style-l .block-category-style-l--item-name { width: calc((100% - (24px * 3))/4);}}