@charset "UTF-8";:root{--magazine-card-height: 200px}@media only screen and (min-width: 768px){:root{--magazine-card-height: 450px}}@layer components{.magazine-card__list-wrapper{position:relative;padding-bottom:0}.magazine-card{position:relative;width:100%;overflow:hidden;background-color:var(--color-sea-blue)}@media only screen and (min-width: 768px){.magazine-card{height:var(--magazine-card-height)}}.magazine-card:not(.magazine-card--loading){transition:opacity .3s ease-out,transform .3s ease-out}.magazine-card:not(.magazine-card--loading):not(.magazine-card--visible){opacity:0;transform:translateY(15px)}.magazine-card__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:flex-end;text-decoration:none}.magazine-card__content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}@media only screen and (min-width: 768px){.magazine-card__content:before{content:none}}.magazine-card img{top:0;left:0;width:100%;height:100%;transition:transform .5s;overflow:hidden;object-fit:cover;aspect-ratio:16/9}@media only screen and (min-width: 768px){.magazine-card img{aspect-ratio:unset;position:absolute}}.magazine-card__caption{position:relative;z-index:1;width:100%;padding:1.875rem 1.5rem 1.375rem;background-color:var(--color-sea-blue)}.magazine-card h2,.magazine-card h4{margin:0;color:#fff;font-size:var(--font-size--large);line-height:var(--line-height--large);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5}.magazine-card__tags{--block-height: 2rem;margin:0;position:absolute;left:1.5rem;right:1.5rem;line-height:var(--block-height);bottom:calc(100% - var(--block-height) / 2)}@media only screen and (min-width: 768px){.magazine-card__tags{--block-height: 2.625rem}}.magazine-card__tags ul{--gap: rem(10);display:inline;list-style:none;background-color:#fff;padding:.3125rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;word-spacing:var(--gap)}@media only screen and (min-width: 768px){.magazine-card__tags ul{padding:.625rem}}.magazine-card__tags li{display:inline;padding-left:0;word-spacing:normal;text-transform:uppercase;color:var(--color-dark-blue);font-weight:var(--font-weight--medium);font-size:var(--font-size--base);line-height:var(--line-height--base)}.magazine-card__tags li:before{content:"";padding-left:0}.magazine-card__tags li:not(:last-child):after{content:"・";word-spacing:var(--gap)}.magazine-card__preview-button{position:absolute;top:.75rem;right:.75rem;min-width:2.5rem;max-width:2.5rem;background:#fff;border:none;padding-left:2.5rem;width:auto;height:2.5rem;font-size:var(--font-size--xsmall);line-height:1;transition:all .25s ease-out;cursor:pointer;z-index:9;overflow:hidden;color:var(--theme-primary)}.magazine-card__preview-button:hover,.magazine-card__preview-button:focus-visible{max-width:15.625rem;background:var(--theme-primary);color:var(--theme-neutral-light)}.magazine-card__preview-button:hover .magazine-card__preview-button-icon svg,.magazine-card__preview-button:focus-visible .magazine-card__preview-button-icon svg{opacity:0}.magazine-card__preview-button:hover .magazine-card__preview-button-icon:before,.magazine-card__preview-button:focus-visible .magazine-card__preview-button-icon:before{opacity:1}.magazine-card__preview-button-icon{position:absolute;top:0;left:0;width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center}.magazine-card__preview-button-icon:before{font-family:var(--font-icons);content:"";display:inline-block;position:absolute;transition:.25s ease-in;color:var(--color-cyan);opacity:0}.magazine-card__preview-button-label{display:block;text-transform:uppercase;white-space:nowrap;margin-left:.125rem;margin-right:.625rem;font-weight:var(--font-weight--demi);opacity:0;transition:opacity .2s ease-out}.magazine-card__preview-button svg{position:absolute;top:50%;left:50%;width:1.5rem;height:1.5rem;transform:translate(-50%) translateY(-50%);color:var(--color-cyan);transition:opacity .2s ease-out}.magazine-card__preview-button:hover .magazine-card__preview-button-label,.magazine-card__preview-button:focus-visible .magazine-card__preview-button-label{opacity:1}.magazine-card--visible{opacity:1;transform:translateY(0)}.magazine-card--loading{background:#5050501a;overflow:hidden}.magazine-card--loading:before{content:"";display:block;position:absolute;left:-150px;top:0;height:100%;width:150px;background:linear-gradient(to right,transparent 0%,var(--deprecated-color-gray-60) 50%,transparent 100%);animation:load 1s cubic-bezier(.4,0,.2,1) infinite}.magazine-card--loading img,.magazine-card--loading .magazine-card__preview-button,.magazine-card--loading .magazine-card__tags,.magazine-card--loading h2,.magazine-card--loading h4{display:none}.magazine-card--loading .magazine-card__content{display:block}.magazine-card--loading .magazine-card__caption{position:absolute;left:0;right:0;bottom:0;min-height:35%;background-color:#ffffff2e}.magazine-card--active{z-index:9999}@keyframes load{0%{left:-150px}to{left:100%}}}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:root{--magazine-preview-top: 0px}@layer components{.magazine-preview{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;background:#fffffff2;font-size:var(--font-size--xsmall);line-height:1;padding:16px;z-index:10}@media only screen and (min-width: 1024px){.magazine-preview{position:absolute;top:var(--magazine-preview-top);height:var(--magazine-card-height);padding:18px 36px 36px}}.magazine-preview__tags{margin:0 0 1rem;padding:0;color:var(--color-cyan);font-weight:var(--font-weight--medium);text-transform:uppercase}@media only screen and (min-width: 1024px){.magazine-preview__tags{margin-bottom:.5rem}}.magazine-preview__tags li{margin-right:30px;position:relative;display:inline-block;margin-bottom:0;font-size:var(--font-size--xsmall);line-height:var(--line-height--xsmall)}@media only screen and (min-width: 1024px){.magazine-preview__tags li{font-size:var(--font-size--small);line-height:var(--line-height--small)}}@media only screen and (min-width: 1920px){.magazine-preview__tags li{font-size:var(--font-size--base);line-height:var(--line-height--base)}}.magazine-preview__tags li:not(:last-child):before{position:absolute;content:"・";right:-25px}.magazine-preview__top button{position:absolute;top:20px;right:20px;background:var(--theme-primary);border:none;color:var(--color-white);padding:.75rem;font-size:1.5rem}.magazine-preview__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.magazine-preview__bottom button,.magazine-preview__bottom p{margin-bottom:0}.magazine-preview__bottom .info-label__icon{margin-right:.5rem}}.magazine-card-list{position:relative}