.mPoparticlelist{display:block;position:relative}.mPoparticlelist:where([data-dir="/magazine/"] .mpmMagblock2 *),.mPoparticlelist:where([data-dir="/magazine/style/"] .mpmMagblock2 *){padding-bottom:var(--space32);border-bottom:1px solid var(--gray_line)}@media(min-width: 768px){.mPoparticlelist:where([data-dir="/magazine/"] .mpmMagblock2 *),.mPoparticlelist:where([data-dir="/magazine/style/"] .mpmMagblock2 *){margin-top:var(--space16)}}@media(max-width: 767px){.mPoparticlelist:where([data-dir="/magazine/"] .mpmMagblock2 *),.mPoparticlelist:where([data-dir="/magazine/style/"] .mpmMagblock2 *){margin-inline:-28rem;padding-inline:28rem;border-bottom:1px solid var(--gray_line)}}.mPoparticlelist:where([data-dir*="/magazine/detail/"] *),.mPoparticlelist:where([data-dir*="/magazine/stationery/"] *),.mPoparticlelist:where([data-dir*="/magazine/furniture/"] *),.mPoparticlelist:where([data-dir*="/magazine/space-solution/"] *),.mPoparticlelist:where([data-dir*="/magazine/business-supply/"] *),.mPoparticlelist:where([data-dir*="/magazine/kokuyo/"] *){padding-top:var(--space32);border-top:1px solid var(--gray_line)}.mPoparticlelist:where([data-dir*="/magazine/detail/"] *) .uSnapsliderIndicatorList,.mPoparticlelist:where([data-dir*="/magazine/stationery/"] *) .uSnapsliderIndicatorList,.mPoparticlelist:where([data-dir*="/magazine/furniture/"] *) .uSnapsliderIndicatorList,.mPoparticlelist:where([data-dir*="/magazine/space-solution/"] *) .uSnapsliderIndicatorList,.mPoparticlelist:where([data-dir*="/magazine/business-supply/"] *) .uSnapsliderIndicatorList,.mPoparticlelist:where([data-dir*="/magazine/kokuyo/"] *) .uSnapsliderIndicatorList{top:35rem !important}.mPoparticlelist .uSnapsliderContainer,.mPoparticlelist .uSnapsliderUnitlist{height:auto}@media(min-width: 768px){.mPoparticlelistTitle:where([data-dir="/magazine/"] .mpmMagblock2 *)::before,.mPoparticlelistTitle:where([data-dir="/magazine/style/"] .mpmMagblock2 *)::before{display:block;position:relative;height:var(--space32);margin-inline:var(--space16);border-top:2px solid var(--keycolor);border-right:1px solid var(--gray_line);border-left:1px solid var(--gray_line);background:var(--white100);content:""}.mPoparticlelistTitle:where([data-dir="/magazine/"] .mpmMagblock2 *) .cHeading,.mPoparticlelistTitle:where([data-dir="/magazine/style/"] .mpmMagblock2 *) .cHeading{justify-content:center;margin-top:-2rem;padding-top:2rem;border-top:1px solid var(--gray_line);text-align:center}}@media(max-width: 767px){.mPoparticlelistTitle:where([data-dir="/magazine/"] .mpmMagblock2 *),.mPoparticlelistTitle:where([data-dir="/magazine/style/"] .mpmMagblock2 *){margin-inline:-28rem;padding-inline:28rem;border-bottom:1px solid var(--gray_line)}.mPoparticlelistTitle:where([data-dir="/magazine/"] .mpmMagblock2 *) .cHeading,.mPoparticlelistTitle:where([data-dir="/magazine/style/"] .mpmMagblock2 *) .cHeading{width:-moz-fit-content;width:fit-content;margin-bottom:-1px;padding:var(--space24);padding-top:var(--space16);border-top:2px solid var(--keycolor);border-right:1px solid var(--gray_line);border-left:1px solid var(--gray_line);background:var(--white100)}}@media(max-width: 767px){.mPoparticlelistGrid{width:100%}}@media(max-width: 767px){.mPoparticlelistGrid:where([data-dir="/magazine/"] .mpmMagblock2 *),.mPoparticlelistGrid:where([data-dir="/magazine/style/"] .mpmMagblock2 *),.mPoparticlelistGrid:where([data-dir*="/magazine/detail/"] *),.mPoparticlelistGrid:where([data-dir*="/magazine/stationery/"] *),.mPoparticlelistGrid:where([data-dir*="/magazine/furniture/"] *),.mPoparticlelistGrid:where([data-dir*="/magazine/space-solution/"] *),.mPoparticlelistGrid:where([data-dir*="/magazine/business-supply/"] *),.mPoparticlelistGrid:where([data-dir*="/magazine/kokuyo/"] *){margin-right:-28rem;width:calc(100% + 28rem)}.mPoparticlelistGrid:where([data-dir="/magazine/"] .mpmMagblock2 *) .uSnapsliderContainer,.mPoparticlelistGrid:where([data-dir="/magazine/style/"] .mpmMagblock2 *) .uSnapsliderContainer,.mPoparticlelistGrid:where([data-dir*="/magazine/detail/"] *) .uSnapsliderContainer,.mPoparticlelistGrid:where([data-dir*="/magazine/stationery/"] *) .uSnapsliderContainer,.mPoparticlelistGrid:where([data-dir*="/magazine/furniture/"] *) .uSnapsliderContainer,.mPoparticlelistGrid:where([data-dir*="/magazine/space-solution/"] *) .uSnapsliderContainer,.mPoparticlelistGrid:where([data-dir*="/magazine/business-supply/"] *) .uSnapsliderContainer,.mPoparticlelistGrid:where([data-dir*="/magazine/kokuyo/"] *) .uSnapsliderContainer{display:grid;grid-template-columns:1fr auto}.mPoparticlelistGrid:where([data-dir="/magazine/"] .mpmMagblock2 *) .uSnapsliderContainer::after,.mPoparticlelistGrid:where([data-dir="/magazine/style/"] .mpmMagblock2 *) .uSnapsliderContainer::after,.mPoparticlelistGrid:where([data-dir*="/magazine/detail/"] *) .uSnapsliderContainer::after,.mPoparticlelistGrid:where([data-dir*="/magazine/stationery/"] *) .uSnapsliderContainer::after,.mPoparticlelistGrid:where([data-dir*="/magazine/furniture/"] *) .uSnapsliderContainer::after,.mPoparticlelistGrid:where([data-dir*="/magazine/space-solution/"] *) .uSnapsliderContainer::after,.mPoparticlelistGrid:where([data-dir*="/magazine/business-supply/"] *) .uSnapsliderContainer::after,.mPoparticlelistGrid:where([data-dir*="/magazine/kokuyo/"] *) .uSnapsliderContainer::after{display:block;width:28rem;height:28rem;content:""}}@media(max-width: 767px){.mPoparticlelistGrid:where([data-dir="/magazine/style/"] .mpmMagblock5 *){margin-right:-28rem;width:100%}.mPoparticlelistGrid:where([data-dir="/magazine/style/"] .mpmMagblock5 *) .uSnapsliderContainer{display:grid;grid-template-columns:1fr auto}.mPoparticlelistGrid:where([data-dir="/magazine/style/"] .mpmMagblock5 *) .uSnapsliderContainer::after{display:block;width:28rem;height:28rem;content:""}}.mPoparticlelistGrid:where([data-dir="/magazine/"] .mpmMagblock2 *),.mPoparticlelistGrid:where([data-dir="/magazine/style/"] .mpmMagblock2 *){margin-top:var(--space32)}@media(max-width: 767px){.mPoparticlelistGrid:where([data-dir="/magazine/"] .mpmMagblock2 *) .uSnapsliderIndicatorList,.mPoparticlelistGrid:where([data-dir="/magazine/style/"] .mpmMagblock2 *) .uSnapsliderIndicatorList{position:absolute;top:22rem;right:28rem}}@media(min-width: 768px){.mPoparticlelistGrid:where([data-dir="/magazine/"] .mpmMagblock2 *) .uSnapsliderUnit,.mPoparticlelistGrid:where([data-dir="/magazine/style/"] .mpmMagblock2 *) .uSnapsliderUnit{width:auto}}@media(min-width: 768px){.mPoparticlelistGrid:where([data-dir="/magazine/"] .mpmMagblock2 *) .uSnapsliderUnitlist,.mPoparticlelistGrid:where([data-dir="/magazine/style/"] .mpmMagblock2 *) .uSnapsliderUnitlist{flex-direction:column;row-gap:var(--space24)}}@media(max-width: 767px){.mPoparticlelistGrid:where([data-dir="/magazine/"] .mpmMagblock2 *) .uSnapsliderUnitlist,.mPoparticlelistGrid:where([data-dir="/magazine/style/"] .mpmMagblock2 *) .uSnapsliderUnitlist{-moz-column-gap:var(--space16);column-gap:var(--space16)}}.mPoparticlelistGrid:where([data-dir="/magazine/style/"] .mpmMagblock5 *),.mPoparticlelistGrid:where([data-dir*="/magazine/detail/"] *),.mPoparticlelistGrid:where([data-dir*="/magazine/stationery/"] *),.mPoparticlelistGrid:where([data-dir*="/magazine/furniture/"] *),.mPoparticlelistGrid:where([data-dir*="/magazine/space-solution/"] *),.mPoparticlelistGrid:where([data-dir*="/magazine/business-supply/"] *),.mPoparticlelistGrid:where([data-dir*="/magazine/kokuyo/"] *){margin-top:var(--space48)}@media(max-width: 767px){.mPoparticlelistGrid:where([data-dir="/magazine/style/"] .mpmMagblock5 *) .uSnapsliderIndicatorList,.mPoparticlelistGrid:where([data-dir*="/magazine/detail/"] *) .uSnapsliderIndicatorList,.mPoparticlelistGrid:where([data-dir*="/magazine/stationery/"] *) .uSnapsliderIndicatorList,.mPoparticlelistGrid:where([data-dir*="/magazine/furniture/"] *) .uSnapsliderIndicatorList,.mPoparticlelistGrid:where([data-dir*="/magazine/space-solution/"] *) .uSnapsliderIndicatorList,.mPoparticlelistGrid:where([data-dir*="/magazine/business-supply/"] *) .uSnapsliderIndicatorList,.mPoparticlelistGrid:where([data-dir*="/magazine/kokuyo/"] *) .uSnapsliderIndicatorList{position:absolute;top:3rem;right:28rem}}@media(min-width: 768px){.mPoparticlelistGrid:where([data-dir="/magazine/style/"] .mpmMagblock5 *) .uSnapsliderUnitlist,.mPoparticlelistGrid:where([data-dir*="/magazine/detail/"] *) .uSnapsliderUnitlist,.mPoparticlelistGrid:where([data-dir*="/magazine/stationery/"] *) .uSnapsliderUnitlist,.mPoparticlelistGrid:where([data-dir*="/magazine/furniture/"] *) .uSnapsliderUnitlist,.mPoparticlelistGrid:where([data-dir*="/magazine/space-solution/"] *) .uSnapsliderUnitlist,.mPoparticlelistGrid:where([data-dir*="/magazine/business-supply/"] *) .uSnapsliderUnitlist,.mPoparticlelistGrid:where([data-dir*="/magazine/kokuyo/"] *) .uSnapsliderUnitlist{-moz-column-gap:var(--space48);column-gap:var(--space48)}}@media(max-width: 767px){.mPoparticlelistGrid:where([data-dir="/magazine/style/"] .mpmMagblock5 *) .uSnapsliderUnitlist,.mPoparticlelistGrid:where([data-dir*="/magazine/detail/"] *) .uSnapsliderUnitlist,.mPoparticlelistGrid:where([data-dir*="/magazine/stationery/"] *) .uSnapsliderUnitlist,.mPoparticlelistGrid:where([data-dir*="/magazine/furniture/"] *) .uSnapsliderUnitlist,.mPoparticlelistGrid:where([data-dir*="/magazine/space-solution/"] *) .uSnapsliderUnitlist,.mPoparticlelistGrid:where([data-dir*="/magazine/business-supply/"] *) .uSnapsliderUnitlist,.mPoparticlelistGrid:where([data-dir*="/magazine/kokuyo/"] *) .uSnapsliderUnitlist{-moz-column-gap:var(--space16);column-gap:var(--space16)}}@media(min-width: 768px){.mPoparticlelistItem:where([data-dir="/magazine/style/"] .mpmMagblock5 *),.mPoparticlelistItem:where([data-dir*="/magazine/detail/"] *),.mPoparticlelistItem:where([data-dir*="/magazine/stationery/"] *),.mPoparticlelistItem:where([data-dir*="/magazine/furniture/"] *),.mPoparticlelistItem:where([data-dir*="/magazine/space-solution/"] *),.mPoparticlelistItem:where([data-dir*="/magazine/business-supply/"] *),.mPoparticlelistItem:where([data-dir*="/magazine/kokuyo/"] *){flex:1}}@media(max-width: 767px){.mPoparticlelistItem{flex-basis:260rem;flex-grow:0}}.mpmPopular{color:currentColor}.mpmPopularInner{display:flex;-moz-column-gap:var(--space16);column-gap:var(--space16);position:relative}.mpmPopularInner._hover{color:color-mix(in srgb, var(--primary) 50%, transparent)}.mpmPopularImage{flex-shrink:0}.mpmPopularImage:where([data-dir="/magazine/"] *){flex-basis:50%;aspect-ratio:3/2}.mpmPopularImage:where([data-dir="/magazine/style/"] *){flex-basis:50%;aspect-ratio:1/1}.mpmPopularImage:where([data-dir*="/magazine/detail/"] *),.mpmPopularImage:where([data-dir*="/magazine/stationery/"] *),.mpmPopularImage:where([data-dir*="/magazine/furniture/"] *),.mpmPopularImage:where([data-dir*="/magazine/space-solution/"] *),.mpmPopularImage:where([data-dir*="/magazine/business-supply/"] *),.mpmPopularImage:where([data-dir*="/magazine/kokuyo/"] *){flex-basis:51.6129032258%;aspect-ratio:3/2}.mpmPopularImage img{width:100%;height:auto}.mpmPopularBody:where([data-dir*="/magazine/detail/"] *),.mpmPopularBody:where([data-dir*="/magazine/stationery/"] *),.mpmPopularBody:where([data-dir*="/magazine/furniture/"] *),.mpmPopularBody:where([data-dir*="/magazine/space-solution/"] *),.mpmPopularBody:where([data-dir*="/magazine/business-supply/"] *),.mpmPopularBody:where([data-dir*="/magazine/kokuyo/"] *){flex-grow:1}.mpmPopularTitle,.mpmPopularDate{display:block}.mpmPopularTitle:where([data-dir="/magazine/"] *),.mpmPopularTitle:where([data-dir="/magazine/style/"] *),.mpmPopularTitle:where([data-dir*="/magazine/detail/"] *),.mpmPopularTitle:where([data-dir*="/magazine/stationery/"] *),.mpmPopularTitle:where([data-dir*="/magazine/furniture/"] *),.mpmPopularTitle:where([data-dir*="/magazine/space-solution/"] *),.mpmPopularTitle:where([data-dir*="/magazine/business-supply/"] *),.mpmPopularTitle:where([data-dir*="/magazine/kokuyo/"] *){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.mpmPopularNumber{position:absolute;top:0;left:0;padding:var(--space8);background-color:var(--keycolor)}.mpmPopularNumber span{display:block}.mpmPopularDate{color:var(--gray_text_light)}.mpmPopularDate:where([data-dir="/magazine/"] *),.mpmPopularDate:where([data-dir="/magazine/style/"] *){margin-top:var(--space8)}.mpmPopularDate:where([data-dir*="/magazine/detail/"] *),.mpmPopularDate:where([data-dir*="/magazine/stationery/"] *),.mpmPopularDate:where([data-dir*="/magazine/furniture/"] *),.mpmPopularDate:where([data-dir*="/magazine/space-solution/"] *),.mpmPopularDate:where([data-dir*="/magazine/business-supply/"] *),.mpmPopularDate:where([data-dir*="/magazine/kokuyo/"] *){margin-top:var(--space16)}.mpmTagstrong{color:currentColor}.mpmTagstrong .uTagpoolContainer{border-top:none}@media(max-width: 767px){.mpmTagstrong:where([data-dir="/magazine/"] *){margin-inline:-28rem}}@media(min-width: 768px){.mpmTagstrongIntro{display:flex;align-items:center;border-bottom:1px solid var(--gray_line)}}@media(max-width: 767px){.mpmTagstrongTitle{padding-left:28rem;border-bottom:1px solid var(--gray_line)}}.mpmTagstrongTitle .cHeading{margin-bottom:-1px;border-top:2px solid var(--keycolor);border-right:1px solid var(--gray_line);border-left:1px solid var(--gray_line);background:var(--white100)}@media(min-width: 768px){.mpmTagstrongTitle .cHeading{margin-right:22rem}}@media(max-width: 767px){.mpmTagstrongTitle .cHeading{width:-moz-fit-content;width:fit-content}}.mpmTagstrongTitle .cHeading span,.mpmTagstrongTitle .cHeading a{display:block}.mpmTagstrongTitle .cHeading a{display:block;padding:var(--space24);padding-top:var(--space16)}.mpmTagstrongTitle .cHeading a:where(._hover){opacity:.5}@media(max-width: 767px){.mpmTagstrongText{margin-top:var(--space24);padding-inline:28rem}.mpmTagstrongText span{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}.mTaglist{display:flex;align-items:start;flex-wrap:wrap;gap:2rem;height:var(--space24);overflow:hidden;pointer-events:none}.mTaglist a{display:block;pointer-events:auto}.mTaglistItem{display:flex;align-items:center}.mTaglistItem:nth-child(n+2){margin-left:-28.7rem}.mTaglistItem a{display:flex;align-items:center;flex-wrap:nowrap;height:var(--space24);padding-inline:var(--space8);background-color:var(--gray_bg)}.mTaglistItem a._hover{color:color-mix(in srgb, var(--primary) 50%, transparent)}.mTaglistItem a>span{white-space:nowrap}.mTaglistItem a:focus-visible{outline-offset:-2rem}.mTaglistItem ._icon{margin-right:.5em;color:var(--keycolor)}.mTaglistItem:has(._12)::after{font-size:13rem}.mTaglistItem:not(:last-child)::after{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;height:var(--space24);margin-left:2rem;padding-inline:var(--space8);background-color:var(--gray_bg);content:"..."}.mStyleguideunit{display:grid;grid-template-rows:subgrid;grid-row:1/-1}.mStyleguideunitInner{display:grid;grid-template-rows:subgrid;grid-row:1/-2;position:relative;padding-right:10px;background:url(/themes/custom/kokuyo_theme/assets/images/common/bg_mStyleguidelist_01.svg) repeat-y right top}.mStyleguideunitInner:where(.mStyleguidelistItem:has(.mStyleguideunitView) *){grid-row:1/-3}.mStyleguideunitInner._hover .mStyleguideunitNew,.mStyleguideunitInner._hover .mStyleguideunitHeader,.mStyleguideunitInner._hover .mStyleguideunitText,.mStyleguideunitInner._hover .mStyleguideunitData,.mStyleguideunitInner._hover .mStyleguideunitLink{color:color-mix(in srgb, var(--primary) 50%, transparent)}.mStyleguideunitInner._hover[style*="--keycolor: var(--purple);"]{--keycolor: oklch(from var(--purple) calc(l - 0.02) calc(c * 1.02) h) !important}.mStyleguideunitInner._hover[style*="--keycolor: var(--cyan);"]{--keycolor: oklch(from var(--cyan) calc(l - 0.02) calc(c * 1.02) h) !important}.mStyleguideunitInner._hover[style*="--keycolor: var(--cyan);"]{--keycolor: oklch(from var(--cyan) calc(l - 0.02) calc(c * 1.02) h) !important}.mStyleguideunitInner::after{display:block;position:absolute;top:0;left:0;width:var(--space48);height:100%;border-right:1px solid color-mix(in srgb, var(--white100) 40%, transparent);content:""}.mStyleguideunitNew{display:flex;align-items:center;position:absolute;background:var(--keycolor);text-transform:uppercase;letter-spacing:.7em}@media(min-width: 768px){.mStyleguideunitNew{top:-24rem;right:15rem;block-size:var(--space24);padding-inline:var(--space8)}}@media(max-width: 767px){.mStyleguideunitNew{top:15rem;right:-20rem;block-size:20rem;padding-inline:8rem;writing-mode:vertical-rl;font-feature-settings:normal}}.mStyleguideunitImage{width:100%;padding-bottom:100%;position:relative;width:100%;padding-bottom:100%;background:oklch(from var(--keycolor) calc(l + 0.1) calc(c * 0.9) h) 80%;overflow:hidden;height:352rem}.mStyleguideunitImage img{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.mStyleguideunitHeader{display:flex;flex-direction:column;align-items:center;position:absolute;top:0;left:0;width:var(--space48);padding:var(--space16);border-top:1px solid var(--gray_bg);border-left:1px solid var(--gray_bg);background:#fff}.mStyleguideunitHeader:where([data-dir="/magazine/"] .mpmMagblock3 *){border-top:none;border-left:none}.mStyleguideunitTitle,.mStyleguideunitEn{writing-mode:vertical-rl;font-feature-settings:normal}.mStyleguideunitTitle{letter-spacing:.25em}.mStyleguideunitEn{margin-top:var(--space16);color:var(--gray_text);text-transform:uppercase;letter-spacing:.7em}.mStyleguideunitBody{display:grid;grid-template-columns:var(--space48) 1fr;background:var(--keycolor);overflow:hidden}.mStyleguideunitGuide{display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;font-feature-settings:normal;text-align:center;text-transform:uppercase;letter-spacing:.7em}@media(max-width: 767px){.mStyleguideunitGuide{height:148rem}}.mStyleguideunitInner2{display:grid;grid-template-columns:auto auto;row-gap:42rem;padding:24rem var(--space24)}.mStyleguideunitText{grid-column:span 2;display:grid}.mStyleguideunitData{display:flex;align-items:flex-end}.mStyleguideunitLink{display:flex;justify-content:flex-end;padding-bottom:2rem}.mStyleguideunitTag{display:flex;justify-content:center;padding-block:var(--space24);border-bottom:1px solid var(--gray_line)}@media(max-width: 767px){.mStyleguideunitTag{padding-block:var(--space16)}}.mStyleguideunitTag:where([data-dir="/magazine/"] *){justify-content:flex-start;border-bottom:1px solid color-mix(in srgb, var(--primary) 20%, transparent)}@media(max-width: 767px){.mStyleguideunitTag:where([data-dir="/magazine/style/"] *){justify-content:flex-start}}.mStyleguideunitView{display:flex;justify-content:center}@media(min-width: 768px){.mStyleguideunitView{margin-top:var(--space32)}}@media(max-width: 767px){.mStyleguideunitView{margin-top:var(--space24);justify-content:flex-end}}.mStyleguidelist{color:currentColor}.mStyleguidelist._bordertop{padding-top:var(--space32);border-top:1px solid var(--gray_line)}@media(max-width: 767px){.mStyleguidelist._sp-grid-narrow .mStyleguidelistGrid{margin-top:var(--space32)}}.mStyleguidelistGrid{display:grid;margin-top:var(--space48)}@media(min-width: 768px){.mStyleguidelistGrid{grid-template-columns:repeat(3, 1fr);gap:var(--space32)}}@media(max-width: 767px){.mStyleguidelistGrid{grid-template-columns:1fr;row-gap:var(--space32)}.mStyleguidelistGrid:where([data-dir="/magazine/"] .mpmMagblock3 *){margin-top:26rem}}.mStyleguidelistIntro{display:flex;justify-content:space-between}.mStyleguidelistTitle ._en{color:var(--primary40);text-transform:uppercase}@media(min-width: 768px){.mStyleguidelistTitle ._en{margin-top:20rem}}@media(max-width: 767px){.mStyleguidelistTitle ._en{margin-top:12rem}}.mStyleguidelistLead{display:flex;flex-direction:column;align-items:flex-end;padding-bottom:14rem}.mStyleguidelistLead>span{display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content;height:26rem;padding-inline:var(--space8);background:var(--white100)}@media(min-width: 768px){.mStyleguidelistLead>span{margin-right:var(--space80)}}@media(max-width: 767px){.mStyleguidelistLead>span{margin-right:73rem;padding-top:1rem}}.mStyleguidelistLead>span+span{position:relative;margin-top:calc(var(--space8)*-1 + 2rem);margin-right:0}.mStyleguidelistLead>span+span::after{display:block;position:absolute;bottom:-14rem;right:0;width:15rem;height:14rem;background-color:var(--gray_point);clip-path:polygon(0 0, 0 100%, 100% 0);content:""}.mStyleguidelistItem{display:grid;grid-template-rows:auto 1fr auto auto}.mStyleguidelistItem:has(.mStyleguideunitView){grid-template-rows:auto 1fr auto auto auto}.mStyleguidelistButton>ul{display:flex}@media(min-width: 768px){.mStyleguidelistButton>ul{justify-content:flex-end;-moz-column-gap:var(--space16);column-gap:var(--space16);margin-top:var(--space32)}.mStyleguidelistButton>ul:where([data-dir="/magazine/"] *){justify-content:flex-start}}@media(max-width: 767px){.mStyleguidelistButton>ul{flex-direction:column;row-gap:var(--space8);margin-top:var(--space32)}}@media(min-width: 768px){.mStyleguidelistButton li{width:auto}.mStyleguidelistButton li:where([data-dir="/magazine/"] *){width:100%}}@media(min-width: 768px){.mStyleguidelistButton .cButtonInner{padding-right:var(--space24)}}.mpmBanner{grid-area:banner;display:grid;align-items:start;filter:drop-shadow(0 4px 20px rgba(0, 0, 0, 0.25))}@media(min-width: 768px){.mpmBanner{grid-template-areas:"image image" "title title" "tag date";grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;row-gap:30rem;position:relative}.mpmBanner::before{display:block;position:absolute;top:0;bottom:0;width:0;border-left:solid 1px color-mix(in srgb, var(--black100) 20%, transparent);content:""}.mpmBanner:where(.mpmFVItem:nth-child(1) *)::before{left:-49rem}.mpmBanner:where(.mpmFVItem:nth-child(2) *)::before{right:-49rem}}@media(max-width: 767px){.mpmBanner{margin-top:var(--space24);grid-template-areas:"image image" "date title" "date tag";grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr}}.mpmBannerLink{display:grid;grid-template-rows:subgrid;grid-template-columns:subgrid;grid-row:1/-1;grid-column:1/-1;position:relative}.mpmBannerLink._hover .mpmBannerNew,.mpmBannerLink._hover .mpmBannerTitle,.mpmBannerLink._hover .mpmBannerDate{color:color-mix(in srgb, var(--primary) 50%, transparent)}.mpmBannerLink._hover:where(.mpmBanner[style*="--keycolor: var(--brand_green);"] *){--keycolor: oklch(from var(--brand_green) calc(l - 0.02) calc(c * 1.02) h)}.mpmBannerLink._hover:where(.mpmBanner[style*="--keycolor: var(--brand_red);"] *){--keycolor: oklch(from var(--brand_red) calc(l - 0.02) calc(c * 1.02) h)}.mpmBannerLink._hover:where(.mpmBanner[style*="--keycolor: var(--purple);"] *){--keycolor: oklch(from var(--purple) calc(l - 0.02) calc(c * 1.02) h)}.mpmBannerLink._hover:where(.mpmBanner[style*="--keycolor: var(--tan);"] *){--keycolor: oklch(from var(--tan) calc(l - 0.02) calc(c * 1.02) h)}.mpmBannerLink .uClipping{display:grid;grid-template-rows:subgrid;grid-template-columns:subgrid;grid-row:1/-1;grid-column:1/-1;position:relative;background-color:var(--keycolor)}.mpmBannerLink .uClipping::after{position:absolute;right:0;bottom:0;width:16rem;height:22rem;background:var(--subcolor);content:""}.mpmBannerNew{display:flex;align-items:center;position:absolute;background-color:var(--keycolor)}@media(min-width: 768px){.mpmBannerNew{top:-24rem;right:var(--space16);height:var(--space24);padding-inline:var(--space8)}}@media(max-width: 767px){.mpmBannerNew{top:16rem;right:-20rem;writing-mode:vertical-rl;font-feature-settings:normal;block-size:20rem;padding-inline:4rem}}.mpmBannerImage{display:block;position:relative;aspect-ratio:3/2;grid-area:image}.mpmBannerTitle{display:block;grid-area:title;position:relative}@media(min-width: 768px){.mpmBannerTitle{padding-inline:var(--space32)}}@media(max-width: 767px){.mpmBannerTitle{width:-moz-fit-content;width:fit-content;margin-top:calc(var(--space16)*-1);padding:var(--space16);background-color:var(--keycolor)}}.mpmBannerTag{grid-area:tag;display:flex;flex-wrap:wrap;gap:2rem;position:relative;pointer-events:none}@media(min-width: 768px){.mpmBannerTag{padding-left:var(--space32);padding-bottom:var(--space32)}}@media(max-width: 767px){.mpmBannerTag{padding-bottom:var(--space24);padding-left:var(--space16);padding-right:var(--space32)}}.mpmBannerTagItem a{display:block;padding:2rem var(--space8);background-color:var(--white100);pointer-events:auto}.mpmBannerTagItem a._hover{color:color-mix(in srgb, var(--primary) 50%, transparent)}.mpmBannerTagItem a ._icon{margin-right:.5em;color:var(--keycolor)}.mpmBannerDate{display:grid;grid-area:date}@media(min-width: 768px){.mpmBannerDate{align-items:end;padding-right:var(--space32);padding-bottom:var(--space32)}}@media(max-width: 767px){.mpmBannerDate{place-content:center;writing-mode:vertical-rl;font-feature-settings:normal;padding-block-start:var(--space8);padding-block-end:var(--space16);justify-content:flex-end;padding-bottom:var(--space24)}}.mpmFV{color:currentColor}@media(min-width: 768px){.mpmFV{margin-right:calc((100vw - var(--scrollbar)*1px - 1120rem)/-2);margin-left:calc((100vw - var(--scrollbar)*1px - 1120rem)/-2)}}@media(max-width: 767px){.mpmFV{margin-inline:-28rem}}@media(min-width: 768px){.mpmFVGrid{display:grid;grid-template-columns:1fr 1fr}}@media(min-width: 768px){.mpmFVItem{display:grid;grid-template-areas:"banner" "link";grid-template-rows:1fr auto;grid-template-columns:1fr;position:relative;padding-top:var(--space48)}}@media(max-width: 767px){.mpmFVItem{padding-top:var(--space32);padding-inline:28rem}}.mpmFVItem:nth-child(1){background-color:var(--sun)}@media(min-width: 768px){.mpmFVItem:nth-child(1){padding-right:var(--space32);padding-left:calc(var(--space112) + var(--space48))}}.mpmFVItem:nth-child(2){background-color:var(--lavender)}@media(min-width: 768px){.mpmFVItem:nth-child(2){padding-right:calc(var(--space112) + var(--space48));padding-left:var(--space32)}}@media(max-width: 767px){.mpmFVItem:nth-child(2){padding-bottom:var(--space48)}}@media(max-width: 767px){.mpmFVItemIntro{display:flex;flex-direction:row-reverse;justify-content:space-between}}@media(min-width: 768px){.mpmFVItemTitle{display:grid;place-content:center;position:absolute;top:var(--space48);bottom:calc(var(--space48)*2 + 13rem);width:var(--space112);writing-mode:vertical-rl;font-feature-settings:normal}.mpmFVItemTitle:where(.mpmFVItem:nth-child(1) *){left:0}.mpmFVItemTitle:where(.mpmFVItem:nth-child(2) *){right:0}}@media(min-width: 768px){.mpmFVItemTitle .cHeading a{display:flex;align-items:center;row-gap:23rem}.mpmFVItemTitle .cHeading a:where(.mpmFVItem:nth-child(1) *){flex-direction:column-reverse}.mpmFVItemTitle .cHeading a:where(.mpmFVItem:nth-child(2) *){flex-direction:column}}@media(max-width: 767px){.mpmFVItemTitle .cHeading a{display:flex;flex-direction:column;align-items:flex-end;row-gap:12rem}}.mpmFVItemTitle .cHeading a._hover{color:color-mix(in srgb, var(--primary) 50%, transparent)}.mpmFVItemTitle ._en{color:color-mix(in srgb, var(--black100) 30%, transparent);text-transform:uppercase}.mpmFVItemLead{display:flex;flex-direction:column;padding-bottom:14rem}@media(min-width: 768px){.mpmFVItemLead{position:absolute;top:calc(var(--space48)*2);z-index:1}}@media(min-width: 768px){.mpmFVItemLead:where(.mpmFVItem:nth-child(1) *){left:var(--space96)}}@media(min-width: 768px){.mpmFVItemLead:where(.mpmFVItem:nth-child(2) *){align-items:flex-end;right:var(--space96)}}.mpmFVItemLead>span{display:flex;inline-size:-moz-fit-content;inline-size:fit-content;padding:var(--space8);background:var(--white100)}.mpmFVItemLead>span+span{position:relative;margin-top:calc(var(--space8)*-1 + 1rem)}@media(min-width: 768px){.mpmFVItemLead>span+span:where(.mpmFVGrid .mpmFVItem:nth-child(2) *)::after{left:auto !important;right:0;clip-path:polygon(0 0, 0 100%, 100% 0) !important}}.mpmFVItemLead>span+span::after{display:block;position:absolute;bottom:-14rem;left:0;width:15rem;height:14rem;background-color:var(--gray_point);clip-path:polygon(0 0, 100% 100%, 100% 0);content:""}@media(max-width: 767px){.mpmFVItemLead>span+span{margin-left:var(--space8)}}.mpmFVLink{grid-area:link}@media(min-width: 768px){.mpmFVLink{padding-block:var(--space48)}.mpmFVLink:where(.mpmFVItem:nth-child(2) *){display:flex;justify-content:flex-end}}@media(max-width: 767px){.mpmFVLink{display:flex;justify-content:center;padding-top:var(--space24);padding-bottom:var(--space32)}}.mpmFVINote{display:flex;justify-content:center;position:relative}.mpmFVINote .cHeading{padding-block:var(--space24);background:var(--white100)}@media(min-width: 768px){.mpmFVINote .cHeading{margin-top:calc(var(--space64)*-1);padding-inline:88rem}}@media(max-width: 767px){.mpmFVINote .cHeading{margin-top:calc(var(--space48)*-1);padding-inline:var(--space32);padding-bottom:0}}.mpmHot{color:currentColor}.mpmHotInner{display:flex;flex-direction:column;row-gap:var(--space24);background:var(--gray_bg);text-align:center}@media(min-width: 768px){.mpmHotInner{padding:27rem 20rem;row-gap:28rem}}@media(max-width: 767px){.mpmHotInner{padding:var(--space24)}}.mpmHotInner._hover{color:color-mix(in srgb, var(--primary) 50%, transparent)}.mpmHotTitle{display:block;padding-bottom:28rem;border-bottom:1px solid var(--gray_line);color:var(--primary)}@media(max-width: 767px){.mpmHotTitle{padding-bottom:var(--space24)}}.mpmHotImageBody{display:block;position:relative;aspect-ratio:3/2;width:100%;margin-top:var(--space8);rotate:12deg}.mpmHotImageMain{display:block;position:absolute;top:0;left:0;right:0;width:90%;aspect-ratio:3/2;margin-inline:auto;box-shadow:0px 4px 20px rgba(0,0,0,.25)}.mpmHotImageMain img{width:100%;height:100%}.mpmHotImageMain._image1{background:color-mix(in srgb, var(--keycolor) 80%, black)}.mpmHotImageMain._image2{clip-path:polygon(50% 0, 100% 0, 100% 100%, 50% 100%)}.mpmHotImageMain._image3{filter:brightness(0.85);transform:skewY(10deg) scaleX(0.9);clip-path:polygon(0% 0, 50% 0, 50% 100%, 0% 100%)}.mpmHotImageMain._image3:where(._hover *){transform:skewY(13deg) scaleX(0.85)}.mpmHotInfo{display:block;margin-top:var(--space16)}@media(max-width: 767px){.mpmHotInfo{display:flex;justify-content:space-between;-moz-column-gap:var(--space16);column-gap:var(--space16);text-align:left}}.mpmHotDate{display:block;color:var(--gray_text)}@media(min-width: 768px){.mpmHotDate{margin-top:13rem}}@media(max-width: 767px){.mpmHotDate{display:flex;align-items:flex-end}}.mpmLatestlist{color:currentColor}.mpmLatestlistIntro{display:flex;justify-content:space-between}.mpmLatestlistLead{padding-bottom:14rem}.mpmLatestlistLead>span{display:flex;inline-size:-moz-fit-content;inline-size:fit-content;position:relative;padding:var(--space8);background:var(--keycolor)}.mpmLatestlistLead>span::after{display:block;position:absolute;bottom:-14rem;right:0;width:15rem;height:14rem;background-color:color-mix(in srgb, var(--keycolor) 80%, black);clip-path:polygon(0 0, 0 100%, 100% 0);content:""}.mpmLatestlistGrid{display:grid}@media(min-width: 768px){.mpmLatestlistGrid{grid-template-columns:1fr 1fr;gap:var(--space24);margin-top:var(--space16)}}@media(max-width: 767px){.mpmLatestlistGrid{grid-template-columns:1fr;row-gap:var(--space8)}}@media(min-width: 768px){.mpmLatestlistButton{display:flex;justify-content:flex-end;margin-top:var(--space32)}.mpmLatestlistButton .cButton{width:auto}.mpmLatestlistButton .cButtonInner{padding-right:var(--space80)}}@media(max-width: 767px){.mpmLatestlistButton{margin-top:var(--space16)}}.mpmLatest{color:currentColor}.mpmLatestLink{display:block}.mpmLatestLink._hover .uClipping{color:color-mix(in srgb, var(--primary) 50%, transparent)}.mpmLatestLink .uClipping{display:grid;grid-template-columns:1fr 1fr;position:relative;background:var(--gray_bg)}.mpmLatestLink .uClipping::after{display:block;position:absolute;right:0;bottom:0;width:16rem;height:22rem;background:var(--keycolor);content:""}.mpmLatestImage{display:block;position:relative;aspect-ratio:3/2}.mpmLatestBody{display:flex;flex-direction:column;padding:var(--space24)}.mpmLatestTitle{flex-grow:1}.mpmLatestTitle span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.mpmLatestDate{color:var(--gray_text)}.mpmMedia{color:currentColor}.mpmMediaInner{margin-top:var(--space32)}.mpmMediaLink{display:block;padding-bottom:23rem;border-bottom:1px solid var(--gray_line)}@media(max-width: 767px){.mpmMediaLink{padding-bottom:18rem}}.mpmMediaLink._hover{color:color-mix(in srgb, var(--primary) 50%, transparent)}.mpmMediaLink._hover ._white{color:color-mix(in srgb, var(--white100) 50%, transparent)}.mpmMediaWrapper{display:block;position:relative}.mpmMediaImage{display:block;position:relative;aspect-ratio:1}@media(min-width: 768px){.mpmMediaImage{padding-right:11px;background:url(/themes/custom/kokuyo_theme/assets/images/common/bg_mStyleguidelist_01.svg) repeat-y right top;background-size:11px auto;height:330rem;width:100%}}@media(max-width: 767px){.mpmMediaImage{padding-right:5px;background:url(/themes/custom/kokuyo_theme/assets/images/common/bg_mStyleguidelist_01_sp.svg) repeat-y right top;background-size:5px auto}}.mpmMediaText{display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;inline-size:100%;border-right:1px solid var(--white100);writing-mode:vertical-rl;font-feature-settings:normal}@media(min-width: 768px){.mpmMediaText{block-size:var(--space64);padding-inline:var(--space24)}}@media(max-width: 767px){.mpmMediaText{block-size:var(--space24);padding-inline:6rem}}.mpmMediaText._white{color:var(--white100)}.mpmMediaCategory{padding-left:4rem;white-space:nowrap}@media(min-width: 768px){.mpmMediaCategory{padding-left:4rem}}@media(max-width: 767px){.mpmMediaCategory{padding-left:2rem}}.mpmMediaMedia{line-height:1;text-transform:uppercase}.mpmMediaMedia._white{color:var(--white100)}.mpmMediaMedia ._10{line-height:1}@media(max-width: 767px){.mpmMediaMedia ._10{font-size:7rem}}.mpmMediaDetail{position:absolute}@media(min-width: 768px){.mpmMediaDetail{right:35rem;bottom:var(--space24)}}@media(max-width: 767px){.mpmMediaDetail{right:18rem;bottom:var(--space8)}}.mpmMediaDetail .cIconlink._white{color:var(--white100)}.mpmMediaDetail .cIconlink._white:where(.mpmMediaLink._hover *){color:color-mix(in srgb, var(--white100) 50%, transparent)}.mpmMediaCopy{display:block;margin-top:23rem;color:var(--gray_text);display:grid}@media(max-width: 767px){.mpmMediaCopy{margin-top:var(--space16)}}.mpmMediaMore{margin-top:var(--space24)}@media(max-width: 767px){.mpmMediaMore{margin-top:var(--space16)}}@media(min-width: 768px){.mpmMediaMoreDetails{position:relative}}.mpmMediaMoreSummary{padding-bottom:3rem;cursor:pointer}.mpmMediaMoreSummary:where(.mpmMediaMoreDetails[open] *)::before{content:" ";display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:rgba(0,0,0,0)}.mpmMediaMoreSummary._hover{color:color-mix(in srgb, var(--primary) 50%, transparent)}.mpmMediaMoreSummary>span{display:grid;grid-template-columns:auto 1fr;align-items:start;-moz-column-gap:var(--space8);column-gap:var(--space8)}.mpmMediaMoreSummary>span::before,.mpmMediaMoreSummary>span::after{display:block;grid-column:1;grid-row:1;position:relative;top:1.5rem;width:13rem;height:1rem;margin-top:.25em;background-color:var(--primary);font-size:16rem;content:""}@media(max-width: 767px){.mpmMediaMoreSummary>span::before,.mpmMediaMoreSummary>span::after{width:12rem;margin-top:.35em;font-size:12rem}}.mpmMediaMoreSummary>span::before{rotate:-90deg;transition:rotate .3s ease-out}.mpmMediaMoreSummary>span:where(.mpmMediaMoreDetails[open] *)::before{rotate:0deg;transition:rotate .3s ease-out}.mpmMediaMorePanel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-in-out;position:absolute;z-index:20}@media(min-width: 768px){.mpmMediaMorePanel{width:calc(200% + var(--space16));padding-top:var(--space24)}.mpmMediaMorePanel:where(.mpmMedialistItem:nth-child(3n) *){right:0}}@media(max-width: 767px){.mpmMediaMorePanel{width:calc(100% - 56rem);padding-top:var(--space16)}.mpmMediaMorePanel:where(.mpmMedialistItem:nth-child(2n) *){right:28rem}}.mpmMediaMorePanel:where(.mpmMediaMoreDetails[open] *){grid-template-rows:1fr}.mpmMediaMorePanelInner{inline-size:calc(100% + var(--space64));margin-inline:calc(var(--space32)*-1);padding:0 var(--space32) var(--space32);background:var(--white100);overflow:hidden}.mpmMediaMoreList{display:grid;grid-template-columns:1fr 1fr;gap:var(--space16);width:100%;border-top:1px solid var(--gray_line);border-bottom:1px solid var(--black100)}.mpmMediaMoreItem:nth-child(n+3){border-top:1px solid var(--gray_line)}.mpmMediaMoreLink{display:flex;flex-direction:column;gap:var(--space16);padding-block:var(--space16)}.mpmMediaMoreLink._hover{color:color-mix(in srgb, var(--primary) 50%, transparent)}.mpmMediaMoreTitle{display:block}.mpmMediaMoreTitle .cIcon{margin-top:-0.5rem}.mpmMediaMoreText{display:block;color:var(--gray_text)}.mpmMediaMoreText:where(.mpmMediaMoreLink._hover *){color:color-mix(in srgb, var(--gray_text) 50%, transparent)}.mpmMedialist{color:currentColor}.mpmMedialistGrid{display:grid;margin-top:var(--space48)}@media(min-width: 768px){.mpmMedialistGrid{grid-template-columns:repeat(3, 1fr);gap:var(--space80) var(--space48)}}@media(max-width: 767px){.mpmMedialistGrid{grid-template-columns:repeat(2, 1fr);gap:var(--space48) var(--space24)}}.mpsgPoptag{color:currentColor;text-align:center;position:relative}.mpsgPoptagInner{display:block;padding:var(--space16) var(--space32) var(--space32);border:1px solid var(--black100);background:var(--white100)}@media(max-width: 767px){.mpsgPoptagInner{padding:var(--space16) 30rem;padding-top:18rem;padding-bottom:26rem}}.mpsgPoptagTitle{display:block;position:relative;z-index:1;inline-size:-moz-fit-content;inline-size:fit-content;margin-inline:auto;padding:9rem var(--space16);background:var(--white100)}.mpsgPoptagTitle span{background:linear-gradient(transparent 56%, var(--keycolor) 56%, var(--keycolor) 90%, transparent 90%)}.mpsgPoptagImage{display:block;position:relative}@media(min-width: 768px){.mpsgPoptagImage{margin-top:-22rem;padding-inline:calc(var(--space96) - var(--space32))}}@media(max-width: 767px){.mpsgPoptagImage{margin-top:-16rem;padding-inline:calc(var(--space48) - var(--space32))}}.mpsgPoptagImage img{width:100%}.mpsgPoptagTag{display:flex;align-items:center;max-width:calc(100% - 96rem);width:-moz-fit-content;width:fit-content;margin-top:var(--space16);margin-inline:auto;padding-bottom:var(--space16);border-bottom:1px solid var(--gray_line)}.mpsgPoptagTag:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.mpsgPoptagTag._hover{color:color-mix(in srgb, var(--primary) 50%, transparent)}@media(max-width: 767px){.mpsgPoptagTag{max-width:calc(100% - 48rem)}}.mpsgPoptagTag ._icon{flex-shrink:0;margin-right:.5em;color:var(--keycolor)}.mpsgPoptagTag span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpsgPoptagTag ._image{flex-shrink:0;margin-left:var(--space8)}.mpsgPoptagTag ._image img{height:26px;width:auto}.mpsgPoptagTag ._image:where(._hover *){animation:tagrotate 1s steps(1, end) infinite}.mpsgPoptagText{display:block;margin-top:var(--space24);position:relative;z-index:1}@media(max-width: 767px){.mpsgPoptagText{display:block;inline-size:-moz-fit-content;inline-size:fit-content;margin-inline:auto}}.mpsgPoptagLink{display:block;text-align:left}@media(min-width: 768px){.mpsgPoptagLink{display:flex;justify-content:center;margin-top:var(--space32)}}@media(max-width: 767px){.mpsgPoptagLink{margin-top:var(--space24)}}.mpsgPoptagLink:where(._hover *) .cIconlinkText{opacity:.5}.mpsgPoptagDate{display:block;color:var(--gray_text)}@media(min-width: 768px){.mpsgPoptagDate{display:flex;justify-content:center;margin-top:16rem}}@media(max-width: 767px){.mpsgPoptagDate{margin-top:13rem}}.mpsgTagset{color:currentColor}@media(min-width: 768px){.mpsgTagset{display:grid;grid-template-areas:"title1 title2" "poptag tagpool";grid-template-columns:35.7142857143% 1fr;grid-template-rows:auto 1fr}}@media(max-width: 767px){.mpsgTagset{display:flex;flex-direction:column;row-gap:var(--space48)}}@media(min-width: 768px){.mpsgTagsetSection{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-row:1/-1;grid-column:1/-1;row-gap:var(--space48)}}@media(max-width: 767px){.mpsgTagsetSection{display:flex;flex-direction:column;row-gap:var(--space32)}}@media(min-width: 768px){.mpsgTagsetSectionTitle:where(.mpsgTagsetSection:nth-child(1) *){grid-area:title1}}@media(min-width: 768px){.mpsgTagsetSectionTitle:where(.mpsgTagsetSection:nth-child(2) *){grid-area:title2}}@media(min-width: 768px){.mpsgTagsetPoptag{grid-area:poptag;align-self:center}}@media(min-width: 768px){.mpsgTagsetTagpool{grid-area:tagpool;align-self:center}}.mpsgTagsetTagpool .uTagpool{border-top:1px solid var(--black100);border-bottom:1px solid var(--black100);background:var(--white100)}.mpsgTagsetTagpool .uTagpoolNav{position:absolute}@media(min-width: 768px){.mpsgTagsetTagpool .uTagpoolNav{top:-49rem;right:0}}@media(max-width: 767px){.mpsgTagsetTagpool .uTagpoolNav{right:0;bottom:-49rem}}.mpmSeries{display:flex;height:100%}.mpmSeriesInner{display:block;padding:var(--space16) 0 var(--space48) var(--space48);background:var(--keycolor) url(/themes/custom/kokuyo_theme/assets/images/common/icon_circle_01.svg) repeat-y left 4px;background-size:4px 16px}.mpmSeriesInner._hover{color:color-mix(in srgb, var(--primary) 50%, transparent)}.mpmSeriesNumber{display:flex;align-items:center;position:absolute;top:var(--space16);right:0;z-index:1;height:var(--space24);padding-inline:var(--space8);background:var(--gray_text);color:var(--white100)}@media(max-width: 767px){.mpmSeriesNumber{height:var(--space32);padding-inline:var(--space16)}}.mpmSeriesImageWrapper{display:block;position:relative;width:100%;aspect-ratio:1/1}.mpmSeriesImage{display:block;position:relative;width:100%;aspect-ratio:1/1}.mpmSeriesWrapper{display:block;position:absolute;bottom:-5rem;left:0;width:100%}.mpmSeriesTag{position:absolute;top:0;left:0;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content;height:46rem;padding-inline:var(--space16);background:var(--white100)}@media(min-width: 768px){.mpmSeriesTag{top:201rem;left:48rem}}@media(max-width: 767px){.mpmSeriesTag{top:round(213rem,1px);left:64rem}}.mpmSeriesTag ._icon{margin-right:.5em;color:var(--keycolor)}@media(max-width: 767px){.mpmSerieslistItem:first-child .mpmSeriesTag{left:76rem}}.mpmSeriesTitle{display:block;margin-right:var(--space48);padding-top:12rem;background:var(--keycolor)}.mpmSeriesRow{display:flex;align-items:flex-end;-moz-column-gap:var(--space24);column-gap:var(--space24);margin-top:24rem;padding-right:var(--space48);justify-content:space-between}.mpmSeriesText{opacity:.6}.mpmSeriesText>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.mpmSeriesLink{flex-shrink:0;position:relative;top:2rem}.mpmSerieslist{color:currentColor}.mpmSerieslist .uSnapsliderContainer,.mpmSerieslist .uSnapsliderUnitlist{height:auto}@media(min-width: 768px){.mpmSerieslist .uSnapsliderUnitlist{-moz-column-gap:var(--space48);column-gap:var(--space48)}}.mpmSerieslistIntro{display:flex;justify-content:space-between}.mpmSerieslistLead{padding-bottom:14rem}.mpmSerieslistLead>span{display:flex;inline-size:-moz-fit-content;inline-size:fit-content;position:relative;padding:var(--space8);background:var(--keycolor)}.mpmSerieslistLead>span::after{display:block;position:absolute;bottom:-14rem;right:0;width:15rem;height:14rem;background-color:color-mix(in srgb, var(--keycolor) 80%, black);clip-path:polygon(0 0, 0 100%, 100% 0);content:""}.mpmSerieslistGrid{margin-top:var(--space16)}@media(max-width: 767px){.mpmSerieslistGrid .uSnapsliderContainer{display:grid;grid-template-columns:1fr auto;margin-inline:-28rem;inline-size:calc(100% + 56rem)}.mpmSerieslistGrid .uSnapsliderContainer::after{display:block;width:28rem;height:28rem;content:""}.mpmSerieslistGrid .uSnapsliderUnit:first-child{width:380rem;padding-left:28rem}.mpmSerieslistGrid .uSnapsliderUnit:nth-child(n+2){width:368rem;padding-left:16rem;scroll-margin-left:10rem}}@media(max-width: 767px){.mpmSerieslistGrid:where([data-dir="/magazine/"] .mpmMagblock4 *){display:flex;flex-direction:column-reverse;position:relative}}@media(max-width: 767px){.mpmSerieslistGrid:where([data-dir="/magazine/"] .mpmMagblock4 *) .uSnapsliderIndicatorList{justify-content:center;margin-top:var(--space24)}}.mpmSerieslistItem{flex:1;height:100%}.mpmMagblock1{color:currentColor}@media(min-width: 768px){.mpmMagblock1Grid{display:grid;grid-template-columns:1fr 31.4285714286%;-moz-column-gap:var(--space48);column-gap:var(--space48)}}@media(max-width: 767px){.mpmMagblock1Grid{display:flex;flex-direction:column;row-gap:var(--space48)}}.mpmMagblock1Grid .uTagpoolNav{position:absolute;top:-50rem;right:0}.mpmMagblock1Column:nth-child(1){display:flex;flex-direction:column;row-gap:var(--space32)}.mpmMagblock1Column .uTagpoolNav{position:absolute}@media(min-width: 768px){.mpmMagblock1Column .uTagpoolNav{top:-49rem;right:0}}@media(max-width: 767px){.mpmMagblock1Column .uTagpoolNav{top:-91rem;right:28rem}}.mpmMagblock2{color:currentColor}@media(min-width: 768px){.mpmMagblock2:where([data-dir="/magazine/style/"] *){padding-top:var(--space80);border-top:1px solid var(--gray_line)}}@media(max-width: 767px){.mpmMagblock2:where([data-dir="/magazine/style/"] *){padding-top:calc(var(--space80) - var(--space48))}}@media(min-width: 768px){.mpmMagblock2Grid{display:grid;grid-template-areas:"intro ." "column1 column2";grid-template-columns:1fr 18.5714285714%;-moz-column-gap:var(--space48);column-gap:var(--space48)}}@media(max-width: 767px){.mpmMagblock2Grid{display:flex;flex-direction:column;row-gap:var(--space16)}}@media(min-width: 768px){.mpmMagblock2Intro{grid-area:intro}}@media(min-width: 768px){.mpmMagblock2Column:nth-child(2){grid-area:column1}}@media(min-width: 768px){.mpmMagblock2Column:nth-child(3){grid-area:column2}}@media(max-width: 767px){.mpmMagblock2Column:nth-child(3){margin-top:var(--space32)}}.mpmMagblock3{background:var(--keycolor);background-image:url(/themes/custom/kokuyo_theme/assets/images/common/icon_triangle_bottom_01.svg),url(/themes/custom/kokuyo_theme/assets/images/common/icon_triangle_top_01.svg);background-position:left top,left bottom;background-repeat:repeat-x,repeat-x;background-size:16px 8px,16px 8px}@media(min-width: 768px){.mpmMagblock3{margin-right:calc((100vw - var(--scrollbar)*1px - 1120rem)/-2);margin-left:calc((100vw - var(--scrollbar)*1px - 1120rem)/-2);padding-block:var(--space112)}}@media(max-width: 767px){.mpmMagblock3{padding-top:58rem;padding-bottom:106rem}}.mpmMagblock3 .uCommonspread{margin-inline:auto;padding-bottom:0}@media(max-width: 767px){.mpmMagblock3 .uCommonspread{padding-inline:0}}.mpmMagblock4{color:currentColor}.mpmMagblock5{border-top:1px solid var(--gray_line)}@media(min-width: 768px){.mpmMagblock5{margin-right:calc((100vw - var(--scrollbar)*1px - 1120rem)/-2);margin-left:calc((100vw - var(--scrollbar)*1px - 1120rem)/-2);padding-top:var(--space80)}}@media(max-width: 767px){.mpmMagblock5{margin-right:-28rem;margin-left:-28rem;padding-top:var(--space48)}}@media(max-width: 767px){.mpmMagblock5:where([data-dir="/magazine/style/"] *){margin-top:var(--space48);padding-left:28rem}}.mpmMagblock5 .uCommonspread{margin-inline:auto;padding-bottom:0}@media(max-width: 767px){.mpmMagblock5 .uCommonspread{padding-inline:0}}.mpmMagblock1,.mpmMagblock2,.mpmMagblock3,.mpmMagblock4,.mpmMagblock5{overflow-x:clip}@media(max-width: 767px){.mpmMagblock1,.mpmMagblock2,.mpmMagblock3,.mpmMagblock4,.mpmMagblock5{margin-inline:-28rem;padding-inline:28rem}}.mpmFV{overflow-x:clip}.mpmBannerTag .mTaglist a{background:var(--white100)}.mStyleguideunitTag .mTaglist a:where([data-dir="/magazine/"] .mpmMagblock3 *){background:var(--white100)}.cButton .cButtonContent:where([data-dir="/magazine/"] .mpmMagblock3 *){background:var(--white100)}