@charset "utf-8";.page-animation{display:none}body.appear .page-animation{display:block;content:"";position:fixed;z-index:6;width:100%;height:100vh;top:0;left:0;transform:scaleX(0);animation:PageAnime 1.8s ease-in-out 1.2s forwards;filter:blur(6px)}body.appear .page-animation{background:var(--color-blog-bg)}body.appear .page-animation.as_web{background:var(--color-blog-bg-blue)}body.appear .page-animation.as_daily{background:var(--color-blog-bg-beige)}body.appear .page-animation.as_graffiti{background:var(--color-blog-bg-green)}body.appear .page-animation.as_announcements{background:var(--color-blog-bg-parple)}#container{opacity:0}body.appear #container{animation:fade 1s forwards .8s;opacity:0}.category-heading{display:grid;grid-gap:8px;align-items:start;text-align:center;margin:40px 0 0 0}.category-heading span{display:inline-block}.category-heading>p{font-size:1.4rem}@media screen and (min-width:814px) and (max-width:1180px){.category-heading{grid-gap:8px}}@media screen and (max-width:814px){.category-heading{grid-gap:8px}.category-heading span{display:block}}.works-heading{position:relative;width:154px;margin:auto;display:flex;justify-content:flex-start;align-items:flex-start;line-height:1}.works-heading-secondary{font-size:2rem;writing-mode:vertical-rl}.works-heading-desc{text-align:left;margin:0 0 0 12px}.works-heading-text{font-size:1.4rem}.works-heading-text-s{font-size:1.2rem;letter-spacing:.1em;font-weight:var(--font-semibold);line-height:1.2}.works-heading-primary{font-size:2.5rem!important;text-align:left!important;margin:10px 0 12px 0}.works-heading-img.delighter{position:absolute;bottom:-26px;right:-16px;z-index:1;opacity:0}.works-heading-img.delighter.started{animation:2s fadeSlide ease-in-out 2.2s forwards}@media screen and (max-width:814px){.works-heading{width:149px}.works-heading-secondary{font-size:1.8rem}.works-heading-primary{font-size:2.1rem!important;margin:6px 0 8px 0}.works-heading-text-s{font-size:1.1rem}}.post-aruku-heading.delighter.started{opacity:0;animation:1.8s fadeUptext ease-in-out 2.4s forwards}.post-aruku-heading img{width:280px}@media screen and (max-width:414px){.post-aruku-heading img{width:210px}}.works-category{display:flex;align-items:center;position:relative;margin:-40px 0 40px 0}.category-heading{font-size:1.4rem;margin:0 1em 0 0;font-weight:var(--font-bold)}summary{display:block}summary::-webkit-details-marker{display:none}.summary_content{border-bottom:var(--border-bottom-line);padding:0;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:1.4rem}.details_content{padding:18px 32px 20px;width:160px;font-size:1.5rem;line-height:3;letter-spacing:.05em;position:absolute;top:40px;left:0;background-color:var(--color-rgba-pale);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:3}details[open] .details_content{animation:fadeIn .85s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-12px)}100%{opacity:1;transform:none}}@media screen and (min-width:814px) and (max-width:1180px){.works-category{margin:-70px 20px 24px}}@media screen and (max-width:814px){.works-category{margin:-40px 0 36px 0}.category-heading,.summary_content{font-size:1.2rem}}.bg-works{background:url(../img/category/bg-works.svg) no-repeat top/contain}.bg-gallery{position:relative;padding:100px 0 150px 0}.bg-gallery-layer{position:absolute;top:0;right:0;z-index:-3}.bg-gallery-layer img{width:400px}.gallery-post{max-width:var(--content-size);margin:auto;padding:100px 0 0 0}.bg-blog{background:url(../img/post/bg-blog-footer.webp) no-repeat bottom center/contain,var(--color-blog-bg);position:relative}.bg-blog.as_web{background:url(../img/post/bg-blog-footer.webp) no-repeat bottom center/contain,var(--color-blog-bg-blue)}.bg-blog.as_daily{background:url(../img/post/bg-blog-footer.webp) no-repeat bottom center/contain,var(--color-blog-bg-beige)}.bg-blog.as_graffiti{background:url(../img/post/bg-blog-footer.webp) no-repeat bottom center/contain,var(--color-blog-bg-green)}.bg-blog.as_announcements{background:url(../img/post/bg-blog-footer.webp) no-repeat bottom center/contain,var(--color-blog-bg-parple)}.bg-aruku::before{content:"";display:block;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;background:url(../img/common/bg_border.svg) no-repeat center center/cover;background-size:1800px;opacity:.6}@media screen and (max-width:744px){.bg-blog,.bg-gallery,.bg-works{margin-top:-55px}.bg-works{background:url(../img/category/bg-works-sp.svg) no-repeat top/contain}.bg-gallery{padding:40px 0 150px 0}.gallery-post{padding:70px 0 0 0}.bg-gallery-layer img{width:130px}.bg-blog{background:url(../img/post/bg-blog-footer.webp) no-repeat bottom center/cover,var(--color-blog-bg);background-size:1200px}.bg-blog.as_web{background:url(../img/post/bg-blog-footer.webp) no-repeat bottom center/cover,var(--color-blog-bg-blue);background-size:1200px}.bg-blog.as_daily{background:url(../img/post/bg-blog-footer.webp) no-repeat bottom center/cover,var(--color-blog-bg-beige);background-size:1200px}.bg-blog.as_graffiti{background:url(../img/post/bg-blog-footer.webp) no-repeat bottom center/cover,var(--color-blog-bg-green);background-size:1200px}.bg-blog.as_announcements{background:url(../img/post/bg-blog-footer.webp) no-repeat bottom center/cover,var(--color-blog-bg-parple);background-size:1200px}.bg-aruku::before{background-size:1200px}}.gallery-paint{position:absolute;top:20px;right:14%;z-index:4}.gallery-paint svg{width:220px}.svg-elem-2.delighter.started{-webkit-animation:animate-svg-stroke-2 2s ease-out 2.5s both;animation:animate-svg-stroke-2 2s ease-out 2.5s both}@media screen and (max-width:814px){.gallery-paint{top:-93px;right:8%}.gallery-paint svg{width:120px}}@media screen and (max-width:470px){.gallery-paint svg{width:110px}}.blog-paint{position:absolute;top:-80px;left:38%;z-index:0;transform:rotate(-25deg)}.blog-paint svg{width:360px}.svg-elem-5{-webkit-animation:animate-svg-stroke-5 2s cubic-bezier(.47,0,.745,.715) 2s both;animation:animate-svg-stroke-5 2s cubic-bezier(.47,0,.745,.715) 2s both}@media screen and (max-width:814px){.blog-paint{top:-120px;left:-60px;transform:rotate(-20deg)}.blog-paint svg{width:340px}}.post-2col-list ul{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:120px 60px}.post-2col-list li.delighter{opacity:0;transition:var(--transition-base)}.post-2col-list li.delighter.started{opacity:.8;animation:fadeUpAnime 1.5s forwards ease-in-out}.post-2col-list li.delighter.ended{opacity:1}.post-2col-list-box{position:relative;width:auto;overflow:hidden}.post-2col-list-thumb{position:relative;width:auto;overflow:hidden;will-change:filter}.post-2col-list-thumb img{position:static;width:100%;object-fit:cover}.post-2col-list-thumb img:hover{transform:var(--scale-base)}.post-2col-list-text{text-align:center}.post-2col-list-text>h2{font-size:1.8rem}.post-2col-list-text>p{font-size:1.2rem}@media screen and (max-width:744px){.post-2col-list ul{display:block}.post-2col-list li{margin:0 0 70px 0}.post-2col-list-text>h2{font-size:1.5rem}.post-2col-list-text>p{font-size:1.1rem}}.blog-post-list-content{padding:0 0 100px 0}.blog-page-content{max-width:var(--max-size);margin:auto;padding:100px 0 0 0;position:relative;z-index:3}.blog-post-list-content-inner{margin:-30px 0 120px 0}@media screen and (min-width:814px) and (max-width:1180px){.blog-post-list-content-inner{margin:-40px 0 60px 0}}@media screen and (min-width:480px) and (max-width:814px){.blog-post-list-content{padding:0 0 100px 0}}@media screen and (max-width:480px){.blog-post-list-content{padding:0 12px 60px 12px}.blog-post-list-content-inner{margin:-60px 0 120px 0}}.blog-heading{position:relative;padding:120px 0 0 0}.blog-heading span{background:var(--color-primary);color:var(--color-default)!important;padding:5px 1em}.blog-heading-bg{font-size:7rem;letter-spacing:.2em}@media screen and (max-width:814px){.blog-heading-bg{font-size:5rem;letter-spacing:.2em}}.blog-3col ul{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr}.blog-3col ul::before{content:"";position:absolute;height:4px;width:100%;background:url(../img/common/blog-border.webp) repeat-x left top;left:0;top:40px}.blog-3col-box{position:relative;width:auto;overflow:hidden;padding:4.2rem 3.2rem 3.5rem;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start;height:100%}@media screen and (min-width:814px) and (max-width:1080px){.blog-3col ul{grid-template-columns:1fr 1fr}.blog-3col ul::before{top:-10px}.blog-3col-box{padding:3rem 1.875rem}}@media screen and (min-width:480px) and (max-width:814px){.blog-3col ul{grid-template-columns:1fr 1fr}.blog-3col ul::before{top:40px}.blog-3col-box{padding:3rem 1.875rem}}@media screen and (max-width:480px){.blog-3col ul{grid-template-columns:1fr}.blog-3col ul::before{top:40px}}.blog-list li{margin-top:56px}.blog-list li::before{content:"";position:absolute;height:4px;width:100%;background:url(../img/common/blog-border.webp) repeat-x left top;left:0;bottom:-40px}.blog-list li::after{content:"";position:absolute;width:6px;height:120%;background:url(../img/common/blog-border-vertical.webp) repeat-y left top;top:-14px;right:0}.blog-list li:nth-child(3n+3)::after{background:0 0}.blog-list-excerpt{height:0}.blog-list-excerpt p{font-size:1.1rem;font-weight:var(--font-bold);text-align:center}.blog-list-thumb{width:min(80%,360px);margin:0 auto;position:relative;background-image:var(--color-gradient-hover)}.hover-action:hover .ge-4col-panel-text{width:325px;position:absolute;top:32%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);color:var(--color-default);transition-duration:.3s}.hover-action:hover .blog-list-thumb img{opacity:.3}.blog-list-text{position:static;margin:36px 0 0 0}.blog-list-text h2{font-size:1.4rem;line-height:1.75;color:var(--color-primary);font-weight:var(--font-semibold)}.blog-list-position{position:relative}.blog-list-date{font-size:1rem;font-weight:var(--font-bold);background:var(--color-default);padding:1em 2px;line-height:1.55;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;position:absolute}.blog-list-position:nth-child(3n+1) .blog-list-date{left:-14%}.blog-list-position:nth-child(3n+2) .blog-list-date{right:-14%;bottom:28%}.blog-list-position:nth-child(3n+3) .blog-list-date{right:-16%}.blog-list-cat{font-size:1.1rem;font-weight:var(--font-bold);position:absolute;bottom:32px;left:14%;background:var(--color-default);padding:2px 1em;line-height:1.55}@media screen and (min-width:814px) and (max-width:1080px){.blog-list li{margin-top:0;margin-bottom:30px}.blog-list li:nth-child(3n+3)::after{background:url(../img/common/blog-border-vertical.webp) repeat-y left top}.blog-list li:nth-child(2n)::after{background:0 0}.blog-list-thumb img{max-width:360px}.blog-list-text{line-height:1.5}.blog-list-text h2{line-height:1.55}.blog-list-excerpt p{font-size:1rem}.blog-list-cat{bottom:17px;left:40px}}@media screen and (min-width:530px) and (max-width:814px){.blog-3col-box{padding:3rem 2rem 1em 3rem}.blog-list li:nth-child(3n+3)::after{background:url(../img/common/blog-border-vertical.webp) repeat-y left top}.blog-list li:nth-child(2n)::after{background:0 0}.blog-list-position:nth-child(3n+1) .blog-list-date{left:-13%}.blog-list-position:nth-child(3n+2) .blog-list-date{right:-13%;bottom:inherit}.blog-list-position:nth-child(3n+3) .blog-list-date{right:-13%}.blog-list-cat{bottom:0;left:40px}}@media screen and (max-width:530px){.blog-list li::before{height:6px}.blog-list li::after{background:0 0}.blog-list-thumb{width:min(100%,300px)}.blog-3col ul{display:grid;grid-template-columns:1fr}.blog-list-position:nth-child(3n+1) .blog-list-date{left:-12%}.blog-list-position:nth-child(3n+2) .blog-list-date{right:-12%;bottom:23%}.blog-list-position:nth-child(3n+3) .blog-list-date{right:-12%}.blog-list-text{margin:24px 0 0 0}.blog-list-text h2{font-size:1.3rem;line-height:1.5}.blog-list-cat{bottom:32px;left:8%}}.snowy{color:var(--color-default);font-size:9px;position:fixed;top:0;text-shadow:5vw -100px 2px,10vw -400px 3px,20vw -500px 4px,30vw -580px 1px,39vw -250px 2px,42vw -340px 5px,56vw -150px 2px,63vw -180px 0,78vw -220px 4px,86vw -320px 9px,94vw -170px 7px;animation:roll 5s linear infinite}.snowy-secondary{animation:anim 8s linear infinite}@keyframes roll{0%{transform:rotate(0)}90%{opacity:1}100%{transform:rotate(20deg);top:100%;opacity:0}}@keyframes anim{100%{color:transparent;top:150%}}.aruku-tag-heading-content{position:relative}.aruku-tag-heading{text-align:center;position:absolute;top:116px;left:50%;transform:translateX(-50%)}.aruku-tag-heading h2{position:relative;margin:0;font-size:2rem;font-weight:var(--font-normal);letter-spacing:.2em;display:inline-block;color:var(--color-primary)}@media screen and (max-width:414px){.aruku-tag-heading{top:89px}.aruku-tag-heading h2{font-size:1.5rem}}.aruku-area-search{max-width:480px;margin:60px auto 90px}.aruku-area-search.delighter.started{opacity:0;animation:2s fadeUptext ease-in-out 2.8s forwards}.aruku-area-search-content{border-radius:8px;background:var(--color-paleblue);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cp_box1{position:relative}.cp_box1 input{display:none}.cp_box1 label{position:absolute;display:flex;flex-direction:column;align-items:center;bottom:-105px;width:100%;height:140px;cursor:pointer;text-align:center;background:var(--color-rgba-tagbox);z-index:5;border-radius:8px}.cp_box1 .cp_container{overflow:hidden;height:80px;transition:var(--transition-base)}.cp_box1 input:checked+label:after{content:'良い週末を♡'}.cp_box1 input:checked+label span{rotate:135deg}.cp_box1 label::before,.cp_box1 label:after{content:'';position:absolute;line-height:2.5rem}.cp_box1 label:after{z-index:2;bottom:40px;width:13em;content:'エリアで絞る';color:var(--color-theme-primary);border-radius:20px;font-size:1.3rem;font-weight:var(--font-bold)}.cp_box1 input:checked~.cp_container{height:240px;transition:var(--transition-base)}.cp_box1 label span{display:block;position:relative;width:25px;height:25px;margin:0 auto;border:2px solid var(--color-theme-primary);border-radius:100%;background-color:var(--color-default);top:29px}.cp_box1 label span:after,.cp_box1 label span:before{position:absolute;top:50%;left:50%;width:8px;height:2px;translate:-50% -50%;background-color:var(--color-theme-primary);content:""}.cp_box1 label span:after{rotate:90deg}@media screen and (max-width:814px){.aruku-area-search{margin:40px auto 120px}}.pagenation__content{max-width:200px;margin:auto;margin-bottom:10px;position:relative;height:65px}.pagenation-selected__wrapper{display:grid;place-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.pagenation-next,.pagenation-prev{color:var(--color-primary);font-size:1.2rem;padding:3px}.pagenation-prev a{width:30px;height:30px;margin:0 0 0 -20px}.pagenation-next a{width:30px;height:30px;margin:0 0 0 20px}.pagenation-prev{position:absolute;left:24px;top:19px}.pagenation-next{position:absolute;right:46px;top:19px}.pagenation-next::before,.pagenation-prev::before{position:absolute;content:url(../img/common/arrow-pagenation.svg);width:24px;height:24px;border-radius:50%;padding:10px;text-align:center;transition:var(--transition-base)}.pagenation-prev::before{top:-10px;left:-25px;transform:rotateZ(-90deg)}.pagenation-next::before{top:-10px;left:5px;transform:rotateZ(90deg)}.pagenation-next:hover::before,.pagenation-prev:hover::before{background:var(--color-lemon);width:24px;height:24px;border-radius:50%;padding:10px}.pagenation-next a,.pagenation-next a i,.pagenation-prev a,.pagenation-prev a i{color:transparent;z-index:3;position:absolute}.pagenation-selected{font-size:1.5rem;font-weight:var(--font-bold);position:relative}.pagenation-number{position:absolute;top:-5px;left:-1px}.pagenation-number-total{position:absolute;bottom:-6px;right:-4px}.pagenation-selected img{width:32px}