@media screen and (min-width: 750px){.article-template>*:first-child:not(.article-template__hero-container){margin-top:calc(5rem + var(--page-width-margin))}}.article-template__hero-container{max-width:130rem;margin:0 auto}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:22rem}.article-template__hero-large{height:33rem}@media screen and (min-width: 750px) and (max-width: 989px){.article-template__hero-small{height:22rem}.article-template__hero-medium{height:44rem}.article-template__hero-large{height:66rem}}@media screen and (min-width: 990px){.article-template__hero-small{height:27.5rem}.article-template__hero-medium{height:55rem}.article-template__hero-large{height:82.5rem}}.article-template header{margin-top:4.4rem;margin-bottom:2rem;line-height:calc(.8 / var(--font-body-scale))}.article-template__title{margin:0}.article-template__link{font-size:1.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none}.article-template__link .icon-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:1rem;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.article-template__content{margin-top:3rem;margin-bottom:3rem}.article-template__social-sharing{margin-top:3rem}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:1.5rem}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 0}@media screen and (min-width: 750px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}@media screen and (min-width: 750px){.article-template__comments{margin-bottom:7rem}}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}@media screen and (min-width: 750px){.article-template__comments-comment{padding:2rem 2.5rem}}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comment-fields>*{margin-bottom:3rem}@media screen and (min-width: 750px){.article-template__comment-fields{display:-ms-grid;display:grid;-ms-grid-columns:1fr 4rem 1fr;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}}.article-template__comment-warning{margin:2rem 0 2.5rem}@media screen and (min-width: 990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__back:last-child{padding-bottom:3.2rem}.article-template{--swiper-pagination-bullet-size: 5px;--swiper-theme-color: #fff;--swiper-pagination-bullet-inactive-color: #fff;--swiper-pagination-bullet-inactive-opacity: .8;--swiper-pagination-bullet-vertical-gap: calc(var(--swiper-pagination-bullet-size) * 3);--slider-width: var(--content-width);--slider-height: min(100%, 100vw * 427 / 240, 100svh);--slider-padding: min(16px, 4vw);--slider-max-height: calc(100svh - 20rem) ;--border-radius: min(30px, 100vw * 30 / 600);position:fixed;z-index:2000;top:0;right:0;width:var(--content-width);height:100%;overflow-y:scroll;-ms-scroll-chaining:smooth;overscroll-behavior:smooth}.article-template:before{content:"";width:100%;height:auto;display:block;height:var(--slider-height);max-height:calc(var(--slider-max-height) - var(--border-radius))}.article-template .article-hero-slider{height:var(--slider-height);max-height:var(--slider-max-height);width:var(--content-width);position:fixed;top:0;right:0;z-index:1;background-color:#fff;margin:0!important}.article-template .article-hero-slider img{display:block;width:100%;height:clamp(25vh,var(--article-scroll-top, 100%),100%);-o-object-fit:cover;object-fit:cover;max-height:var(--slider-max-height)}.article-template .article-hero-slider .swiper-pagination{top:auto;bottom:15%;width:var(--swiper-pagination-bullet-size);-webkit-transform:translate(0,0);transform:translate(0);-webkit-filter:drop-shadow(0 0 2px #333);filter:drop-shadow(0 0 2px #333);max-height:calc(var(--swiper-pagination-bullet-size) * 3 * 7.5);overflow:hidden;padding-top:calc(var(--swiper-pagination-bullet-size) * 2);padding-bottom:calc(var(--swiper-pagination-bullet-size) * 2)}.article-template .article-hero-slider .swiper-pagination.is-overflowed{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(rgb(0,0,0)),color-stop(rgb(0,0,0)),to(rgba(0,0,0,0)));-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgb(0,0,0) calc(var(--swiper-pagination-bullet-size) * 4.5),rgb(0,0,0) calc(100% - var(--swiper-pagination-bullet-size) * 4.5),rgba(0,0,0,0) 100%);mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(rgb(0,0,0)),color-stop(rgb(0,0,0)),to(rgba(0,0,0,0)));mask-image:linear-gradient(to bottom,#0000,#000 calc(var(--swiper-pagination-bullet-size) * 4.5) calc(100% - var(--swiper-pagination-bullet-size) * 4.5),#0000)}.article-template .article-hero-slider .swiper-pagination-bullet{border-radius:100vmax;-webkit-transition:.2s top,height ease .2s,.2s -webkit-transform!important;transition:.2s top,height ease .2s,.2s -webkit-transform!important;transition:.2s transform,.2s top,height ease .2s!important;transition:.2s transform,.2s top,height ease .2s,.2s -webkit-transform!important}.article-template .article-hero-slider .swiper-pagination-bullet-active{height:calc(var(--swiper-pagination-bullet-size) * 5)}.article-template .article-hero-slider .swiper-slide{width:100%;height:100%}.article-template .blog-rotary__logo{margin:0 0 calc(var(--theme-padding) * 2);color:rgba(var(--color-foreground),1)}.article-template .blog-rotary__logo img{max-width:100%;height:auto;display:block}.article-template .blog-rotary__article-no{margin:0 0 .5lh;font-family:var(--font-eng-family);font-weight:var(--font-eng-weight);font-size:var(--font-size-small);line-height:1.5}.article-template .blog-rotary__person{margin:0;font-family:var(--font-eng-family);font-weight:var(--font-eng-weight);line-height:1.5}.article-template .blog-rotary__person .name{display:block;font-size:var(--font-size-large)}.article-template .blog-rotary__person .position{display:block;font-size:var(--font-size-small)}.article-template__date,.article-template__blog{font-family:var(--font-eng-family);font-weight:var(--font-eng-weight);font-size:var(--font-size-small);line-height:1.5;padding:0;margin:0 0 .5em}.article-template__title{font-size:calc(var(--font-size-medium) * 2);line-height:1.3;margin-top:1em}.article-template__logo{width:min(230px,38.3333333333vw);margin:0 0 calc(var(--theme-padding) * .25);border-bottom:1px solid;color:rgb(var(--color-background));position:fixed;z-index:1;left:var(--theme-padding);bottom:calc(min(40px,6.66vw) + env(safe-area-inset-bottom) + min(50px,10vw) + 18rem)}@media (min-width: 750px){.article-template__logo{left:calc(100vw - var(--content-width) + var(--theme-padding))}}.article-template__logo img{display:block;width:100%;height:auto}.article-template__logo .st0{fill:currentColor}.article-template__content{font-size:var(--font-size-medium);color:rgba(var(--color-foreground),1);letter-spacing:.05em}.article-template__content h2,.article-template__content .h2{font-size:calc(var(--font-size-medium) * 2);line-height:1.75;letter-spacing:0}.article-template__content h3,.article-template__content .h3{font-size:var(--font-size-large);line-height:1.75;letter-spacing:0}.article-template__content hr{margin:calc(var(--theme-padding) * 1) 0;border:none;border-top:1px solid #898989}.article-template__content section{padding-bottom:calc(var(--theme-padding) * 1)}.article-template__content section:not(:first-child){border-top:1px solid #898989;padding-top:calc(var(--theme-padding) * 1)}.article-template .article-body{border-radius:var(--border-radius) var(--border-radius) 0 0;padding:0;background-color:#fff;position:relative;z-index:2}.article-template .article-body header{margin-top:0}.article-template .article-body__closer{border:none;background-color:transparent;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;height:40px;position:relative;top:0;left:0;width:100%;--bar-height: 4px;--bar-width:min(76px, 100vw * 76 / 600)}.article-template .article-body__closer:before{content:"";display:block;position:absolute;top:var(--font-size-medium);left:calc(50% - var(--bar-width) * .5);height:var(--bar-height);width:var(--bar-width);background-color:#898989;border-radius:100vmax}.article-template .article-recommend__title{padding:calc(var(--theme-padding) * 2) 0 0;margin:calc(var(--theme-padding) * 2) var(--theme-padding) 1em;width:calc(100% - var(--theme-padding) * 2);font-size:var(--font-size-medium);border-top:1px solid #898989;line-height:1.5}.article-template .article-recommend ul{margin:0;padding:0}.article-template .article-recommend .swiper{--slide-width:min(220px, 100vw * 228 / 600)}.article-template .article-recommend .swiper-slide{width:var(--slide-width)}.article-template .article-recommend .swiper-slide:first-child{padding-left:var(--theme-padding)}.article-backbtn{--button-size: min(60px, 100vw * 60 / 600);position:fixed;top:calc(var(--theme-padding) * .5);right:calc(var(--content-width) - var(--theme-padding) * .5 - var(--button-size));width:var(--button-size);height:auto;aspect-ratio:1/1;border-radius:100vmax;z-index:2001;background-color:#fff;overflow:hidden}.article-backbtn:before,.article-backbtn:after{--icon-size: 50%;content:"";display:block;position:absolute;top:calc(50% - 1px);left:calc((100% - var(--icon-size)) * .5);background-color:rgb(var(--color-foreground));height:2px;width:var(--icon-size)}.article-backbtn:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.article-backbtn:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-blog-post.css.map */