:root{--color-primary: #0B9DDD;--color-text-main: #333;--color-text-dark: #000;--color-text-muted: #999;--color-border: #EEE;--color-white: #FFF;--base-size: clamp(.875rem, .825rem + .2vw, 1rem);--text-hero-size: clamp(2rem, 1.393rem + 2.59vw, 4.5rem);--space-10rem: clamp(4rem, 1.6rem + 9.6vw, 10rem);--space-8rem: clamp(3.5rem, 1.7rem + 7.2vw, 8rem);--space-5rem: clamp(2.5rem, 1.5rem + 4vw, 5rem);--space-4rem: clamp(2rem, 1.2rem + 3.2vw, 4rem);--space-3rem: clamp(1.75rem, 1.25rem + 2vw, 3rem);--space-2_5rem: clamp(1.5rem, 1.1rem + 1.6vw, 2.5rem);--space-2rem: clamp(1.25rem, .95rem + 1.2vw, 2rem);--space-1_5rem: clamp(1rem, .8rem + .8vw, 1.5rem)}.blog-page{display:flex;flex-direction:column;color:var(--color-text-main)}.blog-page .inner{max-width:1400px;width:100%}.blog-page h1,.blog-page h2,.blog-page h3,.blog-page h4,.blog-page h5,.blog-page h6,.blog-page p,.blog-page li,.blog-page span,.blog-page a,.blog-page time,.blog-page button,.blog-page input,.blog-page select,.blog-page textarea{font-family:Noto Sans JP,sans-serif}.blog-page header{display:flex;width:100%;padding:var(--space-10rem) var(--space-4rem) var(--space-4rem) var(--space-4rem);justify-content:center}.blog-page header .inner{display:flex;flex-direction:column;align-items:center;gap:calc(var(--base-size) * 1)}@media(max-width:768px){.blog-page header .inner{gap:calc(var(--base-size) * .25)}}.blog-page header span{color:var(--color-primary);font-size:var(--text-hero-size);font-weight:700;line-height:140%}.blog-page header h1{color:var(--color-text-main);font-size:var(--space-1_5rem);font-weight:700;line-height:140%}.blog-page .content{display:flex;flex-direction:column;align-items:center;padding:var(--space-4rem)}.blog-page .content .inner{display:flex;flex-direction:column;gap:var(--space-4rem)}.blog-page .content .selected-category{color:var(--color-primary);font-size:var(--space-2_5rem);font-weight:700;line-height:140%;text-align:center}.blog-page .tags{display:block}.blog-page .tags h2{color:var(--color-primary);font-size:var(--space-1_5rem);font-weight:700;line-height:140%;margin:0 0 1em}.blog-page .tags ul{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;padding:0;margin:0;list-style:none}.blog-page .tags li{display:flex;padding:.5em 1em;justify-content:center;align-items:center;border-radius:.5em;border:1px solid var(--color-primary);color:var(--color-primary);font-size:calc(var(--base-size) * .875);font-weight:700;line-height:140%;cursor:pointer}.blog-page .container{display:flex;align-items:flex-start;gap:var(--space-5rem)}@media(max-width:1200px){.blog-page .container{flex-direction:column}}.blog-page .articles{flex:2.3;width:100%}.blog-page .articles .card{display:flex;flex-direction:row;gap:var(--space-2rem);padding:var(--space-2_5rem) 0;border-bottom:1px solid var(--color-border);align-items:flex-start}@media(max-width:600px){.blog-page .articles .card{flex-direction:column}}.blog-page .articles .card:first-child{padding-top:0}.blog-page .articles .card:last-of-type{padding-bottom:0;border-bottom:0}.blog-page .articles .card:hover{opacity:.7;transition:opacity .4s ease}.blog-page .articles .card .thumbnail{flex:1;aspect-ratio:3 / 2}.blog-page .articles .card .thumbnail img{width:100%;height:100%}.blog-page .articles .card .body{display:flex;flex-direction:column;flex:1}.blog-page .articles .card .body h2,.blog-page .articles .card .body h3{color:var(--color-text-dark);font-size:var(--space-1_5rem);line-height:140%;font-weight:700;margin:0}.blog-page .articles .card .body time{color:var(--color-text-muted);font-size:calc(var(--base-size) * 1);font-weight:400;line-height:130%;margin-top:.5em}.blog-page .articles .card .body p{color:var(--color-text-dark);font-size:calc(var(--base-size) * 1);font-weight:400;line-height:150%;margin-top:1.5em;margin-bottom:0}@media(max-width:960px){.blog-page .articles .card .body p{margin-top:1em}}.blog-page .articles .card .body span{display:inline-block;align-self:flex-start;padding:.5em 1em;color:var(--color-primary);font-size:calc(var(--base-size) * .75);font-weight:700;line-height:140%;border-radius:.5em;border:1px solid var(--color-primary);margin-top:2em}.blog-page aside{display:flex;flex-direction:column;align-self:flex-start;flex:1;gap:var(--space-4rem);padding-bottom:var(--space-4rem)}@media(max-width:1200px){.blog-page aside{width:100%}}.blog-page aside h2{width:fit-content;padding-bottom:.25em;border-bottom:.125em solid var(--color-primary);color:var(--color-primary);font-size:var(--space-1_5rem);font-weight:700;line-height:140%;margin:0}.blog-page aside .card{display:flex;flex-direction:row;gap:1.25em;padding:1.25em 0;border-bottom:1px solid var(--color-border)}.blog-page aside .card:first-of-type{padding-top:calc(var(--base-size) * 2)}.blog-page aside .card:last-child{padding-bottom:0;border-bottom:0}.blog-page aside .card:hover{opacity:.7;transition:opacity .4s ease}.blog-page aside .card .thumbnail{max-width:calc(var(--base-size) * 10);aspect-ratio:3 / 2}.blog-page aside .card .thumbnail img{width:100%;height:auto;display:block}@media(max-width:1400px){.blog-page aside .card .thumbnail{display:none}}@media(max-width:1200px){.blog-page aside .card .thumbnail{display:block}}@media(max-width:600px){.blog-page aside .card .thumbnail{display:none}}.blog-page aside .card .body{display:flex;flex-direction:column}.blog-page aside .card .body h3{color:var(--color-text-main);font-size:calc(var(--base-size) * 1);font-weight:700;line-height:140%;margin:0}@media(max-width:1200px){.blog-page aside .card .body h3{font-size:calc(var(--base-size) * 1.25)}}.blog-page aside .card .body time{color:var(--color-text-muted);font-size:calc(var(--base-size) * .875);margin-top:.5em}.blog-page .pagination{margin-top:var(--space-5rem)}.blog-page .pagination ul{display:flex;gap:.5rem;list-style:none;padding:var(--space-2rem) 0;margin:0;align-items:center;justify-content:center}.blog-page .pagination li{font-weight:700}.blog-page .pagination li a,.blog-page .pagination li span{display:flex;align-items:center;justify-content:center;width:calc(var(--base-size) * 3);height:calc(var(--base-size) * 3);border-radius:50%;color:var(--color-primary);text-decoration:none}:is(.blog-page .pagination .prev,.blog-page .pagination .next) a{width:auto;padding:0 1.25rem;border-radius:1.5rem}.blog-page .pagination .deco span{color:var(--color-text-dark)}.blog-page .pagination .current span{background-color:var(--color-primary);color:var(--color-white)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-blog.css.map */