﻿.animate-scrolldown{position:relative}.animate-scrolldown::after{content:"";position:absolute;top:0;animation:pathmove 1.4s ease-in-out infinite;opacity:0}@keyframes pathmove{0%{height:0;top:0;opacity:0}30%{height:60%;opacity:1}100%{height:0;top:100%;opacity:0}}.animate-fadein-up{animation-name:fadein-up;animation-duration:1s;animation-fill-mode:forwards}.animate-trigger-fadein-up{opacity:0}@keyframes fadein-up{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fadein-blur{animation-name:fadein-blur;animation-duration:1s;animation-fill-mode:forwards}.animate-trigger-fadein-blur{opacity:0}@keyframes fadein-blur{from{filter:blur(10px);transform:scale(1.02);opacity:0}to{filter:blur(0);transform:scale(1);opacity:1}}.animate-loading{position:relative}.animate-loading>p{position:absolute;top:50%;left:50%;color:#ff860d;width:1em;height:1em;border-radius:50%;text-indent:-9999em;animation:loading 1s infinite linear;transform:translate(-50%, -50%) translateZ(0)}@keyframes loading{0%,100%{box-shadow:0 -3em 0 .2em,2em -2em 0 0em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -0.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0em,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeInScaleDown-seal{0%{opacity:0;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes fadeInScaleDown{0%{opacity:0;transform:scale(1.5)}100%{opacity:1;transform:scale(1)}}@keyframes slide-right{0%{-webkit-transform:translateX(100px);transform:translateX(100px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-br{0%{-webkit-transform:translateY(100px) translateX(100px);transform:translateY(100px) translateX(100px)}100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}}@keyframes slide-tl{0%{-webkit-transform:translateY(-100px) translateX(-100px);transform:translateY(-100px) translateX(-100px)}100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}}@keyframes slide-tr{0%{-webkit-transform:translateY(-100px) translateX(100px);transform:translateY(-100px) translateX(100px)}100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}}@keyframes slide-top{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-bottom{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-bl{0%{-webkit-transform:translateY(100px) translateX(-100px);transform:translateY(100px) translateX(-100px)}100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}}@keyframes slide-left{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}:root{interpolate-size:allow-keywords;font-feature-settings:"palt" on,"vkna" on}.kaku-gothic-std{font-family:"Hiragino Kaku Gothic Std","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Meiryo,sans-serif}.layout-wrapper{display:grid;grid-template-columns:1fr minmax(0, 368px) 1fr;grid-template-rows:64px 1fr;min-height:100svh;overflow-x:clip;background-color:#e6e6e7;background-image:repeating-linear-gradient(90deg, #d9d9d9, #d9d9d9 2px, transparent 2px, transparent 36px),repeating-linear-gradient(0deg, #d9d9d9, #d9d9d9 2px, #e6e6e7 2px, #e6e6e7 36px)}.layout-wrapper-left-column{grid-column:1/2;grid-row:1/3;display:grid;grid-template-columns:16px max-content minmax(0, 100px);justify-content:flex-end;align-items:center;position:sticky;top:0;z-index:1;height:100svh}.layout-wrapper-left-column::before,.layout-wrapper-left-column::after{content:"";display:block}.layout-wrapper-contents{grid-column:2/3;grid-row:2/3;border-left:solid 4px #000;border-right:solid 4px #000;position:relative;z-index:1}.layout-wrapper-right-column{grid-column:3/4;grid-row:1/3;display:grid;grid-template-columns:minmax(0, 100px) max-content 16px;justify-content:flex-start;align-items:center;position:sticky;top:0;z-index:1;height:100svh}.layout-wrapper-right-column::before,.layout-wrapper-right-column::after{content:"";display:block}.layout-wrapper #header{position:sticky;top:0;grid-column:2/3;grid-row:1/2;padding:0 16px;border-left:solid 4px #000;border-right:solid 4px #000;border-bottom:solid 2px #000}.layout-wrapper .header-menu{position:relative;grid-column:2/3;grid-row:1/3;width:0;margin:0 0 0 auto;background:#f5f5f5;transform:none;left:0;height:100svh;white-space:nowrap;transition:width .3s ease,opacity .3s ease}.layout-wrapper #header-menu-chk:checked~.header-menu{width:368px;transform:none;left:0px}@media screen and (max-width: 401px){.layout-wrapper #header-menu-chk:checked~.header-menu{max-width:calc(100vw - 32px)}.layout-wrapper #header-menu-chk:checked~.header-menu .header-menu-wrap-links-social p{flex:1}.layout-wrapper #header-menu-chk:checked~.header-menu .header-menu-wrap-links-social p a{width:100%}}.menu-left{width:288px}@media screen and (max-width: 1080px){.menu-left{display:none}}.menu-left-sample{position:relative;display:block;border:2px solid #000;overflow:hidden;transition:color .3s}.menu-left-sample::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;background:#000;transform-origin:100% 50%;transform:scaleX(0);transition:transform ease .3s}.menu-left-sample:hover{color:#fff;opacity:1}.menu-left-sample:hover::before{transform-origin:0% 50%;transform:scaleX(1)}.menu-left-sample-img{position:relative;z-index:1;border-bottom:2px solid #000}.menu-left-sample-img picture{display:inline-block}.menu-left-sample-text{position:relative;z-index:1;display:grid;grid-template-columns:1fr max-content;padding:16px 8px;align-items:center}.menu-right{width:288px;padding:32px 20px;border:3px solid #000}.menu-right::before{content:"";position:absolute;left:0;bottom:0;width:16px;height:16px;pointer-events:none;border-left:5px solid #000;border-bottom:5px solid #000}.menu-right::after{content:"";position:absolute;right:0;bottom:0;width:16px;height:16px;pointer-events:none;border-right:5px solid #000;border-bottom:5px solid #000}.menu-right-outer{position:relative;padding:8px}@media screen and (max-width: 1080px){.menu-right-outer{display:none}}.menu-right-outer::before{content:"";position:absolute;left:0;top:0;width:16px;height:16px;pointer-events:none;border-left:5px solid #000;border-top:5px solid #000}.menu-right-outer::after{content:"";position:absolute;right:0;top:0;width:16px;height:16px;pointer-events:none;border-right:5px solid #000;border-top:5px solid #000}.menu-right-link-main{border-bottom:1px solid #000;font-size:16px;font-weight:bold}.menu-right-link-main a{display:block;color:#000;background:rgba(0,0,0,0);overflow:hidden;position:relative;z-index:1;transition:color .2s cubic-bezier(0.45, 0, 0.55, 1)}.menu-right-link-main a::after{background:#000;position:absolute;top:0;left:0;content:"";width:100%;height:100%;transform:scale(0, 1);transform-origin:left top;transition:.2s cubic-bezier(0.45, 0, 0.55, 1);z-index:-1}.menu-right-link-main a:hover{opacity:1;color:#fff}.menu-right-link-main a:hover::after{transform:scale(1, 1)}.menu-right-link-other .scale-up{cursor:pointer;overflow:hidden;width:100%;transition:color .2s ease}.menu-right-link-other .scale-up img{height:auto;transition:transform .2s ease}.menu-right-link-other .scale-up:hover{color:#666}.menu-right-link-other .scale-up:hover img{transform:scale(1.2)}.background-fixed-left-top{position:fixed;top:0;left:0;width:3%;max-width:42px;height:auto}@media screen and (max-width: 1080px){.background-fixed-left-top{display:none}}.background-fixed-left-bottom{position:fixed;bottom:0;left:0;width:38%;max-width:552px;height:auto}@media screen and (max-width: 1080px){.background-fixed-left-bottom{display:none}}.background-fixed-right-top{position:fixed;top:0;right:0;width:38%;max-width:552px;height:auto}@media screen and (max-width: 1080px){.background-fixed-right-top{display:none}}.background-fixed-right-bottom{position:fixed;bottom:0;right:0;width:38%;max-width:552px;height:auto}@media screen and (max-width: 1080px){.background-fixed-right-bottom{display:none}}.speech-bubble{padding:12px 8px;border-radius:10px;position:relative;outline:2px #000 solid;outline-offset:-2px}.speech-bubble.down::before{position:relative}.speech-bubble.down::after{position:absolute;top:100%;left:50%;transform:translateX(-50%);content:"";display:block;width:20px;height:20px;aspect-ratio:2;clip-path:polygon(50% 100%, 100% 0, 0 0);background:inherit}.speech-bubble.fall::after{content:"";position:absolute;bottom:1px;left:50%;width:21px;height:21px;transform:translate(-50%, 50%) rotate(45deg);background:#fff;background:linear-gradient(135deg, transparent 50%, #fff 50%);border-right:2px #000 solid;border-bottom:2px #000 solid}.speech-bubble.left::before{position:relative}.speech-bubble.left::after{position:absolute;top:50%;left:-20px;transform:translateY(-50%);content:"";display:block;width:40px;height:40px;aspect-ratio:2;clip-path:polygon(0 50%, 100% 0, 100% 100%);background:inherit}.speech-bubble.right::before{position:relative}.speech-bubble.right::after{position:absolute;top:50%;right:-20px;transform:translateY(-50%);content:"";display:block;width:40px;height:40px;aspect-ratio:2;clip-path:polygon(0 0, 100% 50%, 0 100%);background:inherit}.speech-bubble.price{background:#fff;border-radius:28px;box-shadow:0 4px 0 0 #000}.speech-bubble.price::after{content:"";position:absolute;bottom:0px;left:50%;width:21px;height:21px;transform:translate(-50%, 50%) rotate(45deg);background:#fff;background:linear-gradient(135deg, transparent 50%, #fff 50%);border-right:4px #000 solid;border-bottom:4px #000 solid}.button-press{position:relative;display:inline-block}.button-press .text{padding:16px 20px;border-radius:50px;background:#000;color:#fff;transform:translateY(-6px);transition:all .3s ease}.button-press::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;padding:16px 20px;border-radius:50px;outline:2px #000 solid;outline-offset:-2px;transition:all .3s ease}.button-press:hover .text{background:#666;transform:translateY(-4px)}.button-press:hover::before{outline:2px #666 solid}.button-press:active .text{transform:translateY(0px)}.link{display:inline-flex;justify-content:center;align-items:center;gap:4px;border-bottom:1px solid #000}.link:hover{color:#666;border-bottom:1px solid #666}.layout-wrapper-contents .background-img{position:absolute;top:0;left:0;max-width:100%}.layout-wrapper-contents .arrangement-img{position:absolute}.layout-wrapper-contents .anchor-offset{position:absolute;top:-64px;width:0;height:0;opacity:0;pointer-events:none}.layout-wrapper-contents .first-view{position:relative;padding:8px 0;height:570px;background:#fff}@media screen and (max-width: 401px){.layout-wrapper-contents .first-view{font-size:20px;padding:16px 0px}}@media screen and (max-width: 401px){.layout-wrapper-contents .first-view .background-img{top:68px}}.layout-wrapper-contents .first-view .title{position:relative;padding:16px;z-index:1;font-size:24px}@media screen and (max-width: 401px){.layout-wrapper-contents .first-view .title{font-size:20px;padding:16px 4px}}.layout-wrapper-contents .first-view .title h1{width:275px;height:115px}@media screen and (max-width: 401px){.layout-wrapper-contents .first-view .title h1{width:240px;height:100px}}.layout-wrapper-contents .first-view #first-view-acrylic-key-chain{opacity:0;transition:opacity .6s ease;top:49px;right:-91px}@media screen and (max-width: 401px){.layout-wrapper-contents .first-view #first-view-acrylic-key-chain{top:33px;right:-112px}}.layout-wrapper-contents .first-view #first-view-acrylic-key-chain.trigger{opacity:1;animation:slide-tr .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}.layout-wrapper-contents .first-view #first-view-acrylic-stand{opacity:0;transition:opacity .6s ease;top:183px;left:-65px}@media screen and (max-width: 401px){.layout-wrapper-contents .first-view #first-view-acrylic-stand{top:169px;left:-114px}}.layout-wrapper-contents .first-view #first-view-acrylic-stand.trigger{opacity:1;animation:slide-bl .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}.layout-wrapper-contents .first-view #first-view-acrylic-mini-block{opacity:0;transition:opacity .6s ease;bottom:-17px;right:-48px}@media screen and (max-width: 401px){.layout-wrapper-contents .first-view #first-view-acrylic-mini-block{bottom:-1px;right:-66px}}.layout-wrapper-contents .first-view #first-view-acrylic-mini-block.trigger{opacity:1;animation:slide-br .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}.layout-wrapper-contents .second-view{padding:8px 16px;background:#fff}.layout-wrapper-contents .second-view .subtitle{text-align:center;font-size:24px;font-style:normal;font-weight:800;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-color:#faf037;text-decoration-thickness:20%;text-underline-offset:10%;text-underline-position:from-font}.layout-wrapper-contents .item-list{position:relative;padding:80px 16px;background:#fff;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url("https://public.digites.jp/dojin/img/acryl/ItemList.png")}@supports(background-image: -webkit-image-set(url("") 1x)){.layout-wrapper-contents .item-list{background-image:-webkit-image-set(url("https://public.digites.jp/dojin/img/acryl/ItemList.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/ItemList@2x.webp") 2x, url("https://public.digites.jp/dojin/img/acryl/ItemList.png") 1x, url("https://public.digites.jp/dojin/img/acryl/ItemList@2x.png") 2x)}}@supports(background-image: image-set(url("") 1x)){.layout-wrapper-contents .item-list{background-image:image-set(url("https://public.digites.jp/dojin/img/acryl/ItemList.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/ItemList@2x.webp") 2x, url("https://public.digites.jp/dojin/img/acryl/ItemList.png") 1x, url("https://public.digites.jp/dojin/img/acryl/ItemList@2x.png") 2x)}}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.layout-wrapper-contents .item-list{background-image:url("https://public.digites.jp/dojin/img/acryl/ItemList@2x.png")}@supports(background-image: -webkit-image-set(url("") 1x)){.layout-wrapper-contents .item-list{background-image:-webkit-image-set(url("https://public.digites.jp/dojin/img/acryl/ItemList@2x.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/ItemList@2x.png") 1x)}}@supports(background-image: image-set(url("") 1x)){.layout-wrapper-contents .item-list{background-image:image-set(url("https://public.digites.jp/dojin/img/acryl/ItemList@2x.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/ItemList@2x.png") 1x)}}}@media screen and (max-width: 401px){.layout-wrapper-contents .item-list{padding:24px 16px}}@media screen and (max-width: 401px){.layout-wrapper-contents .item-list .background-img{top:65px}}.layout-wrapper-contents .item-list .contents{position:relative;z-index:1}.layout-wrapper-contents .item-list .contents .grid-list{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:168px;gap:8px}@media screen and (max-width: 401px){.layout-wrapper-contents .item-list .contents .grid-list{display:flex;flex-wrap:wrap;justify-content:center}}.layout-wrapper-contents .item-list .contents .grid-list-item:last-child{width:100%}.layout-wrapper-contents .item-list .contents .grid-list-item:hover img{transform:scale(1.0638)}.layout-wrapper-contents .processing-list{position:relative;padding:0 16px;height:590px;background:#fff}@media screen and (max-width: 401px){.layout-wrapper-contents .processing-list{padding:0 8px}}@media screen and (max-width: 401px){.layout-wrapper-contents .processing-list .background-img{top:46px}}.layout-wrapper-contents .processing-list .contents{position:relative;z-index:1}.layout-wrapper-contents .processing-list .contents .grid-list{display:grid;grid-template-columns:repeat(2, minmax(0, 134px));grid-template-rows:repeat(3, 156px);gap:8px;justify-content:center}.layout-wrapper-contents .processing-list .contents .grid-list-item{display:block;padding:12px;border-radius:10px;outline:2px solid #000;outline-offset:-2px;background:#fff;text-align:center;transition:background-color .3s cubic-bezier(0.39, 0.575, 0.565, 1)}.layout-wrapper-contents .processing-list .contents .grid-list-item:hover{background-color:#faf037}.layout-wrapper-contents .processing-list .contents .grid-list-item:hover img{transform:scale(1.1818)}.layout-wrapper-contents .processing-list .contents .grid-list-item.wide{grid-column:1/3}.layout-wrapper-contents .processing-list .contents .grid-list-item .clip{border-radius:5px;border:1px solid #000;overflow:hidden}.layout-wrapper-contents .processing-list .contents .grid-list-item .clip img{transition:transform .3s cubic-bezier(0.39, 0.575, 0.565, 1)}.layout-wrapper-contents .products .option-button{position:relative;display:grid;grid-template-columns:80px 1fr max-content;gap:4px;align-items:center;padding:8px;border-radius:10px;outline:2px solid #000;outline-offset:-2px;overflow:hidden;z-index:1;transition:.3s ease}.layout-wrapper-contents .products .option-button:hover{color:#fff}.layout-wrapper-contents .products .option-button:hover::before{width:100%}.layout-wrapper-contents .products .option-button:hover img{transform:scale(1.25)}.layout-wrapper-contents .products .option-button::before{content:"";position:absolute;top:0;left:0;z-index:-1;width:0;height:100%;background-color:#f5be19;transition:.3s ease}.layout-wrapper-contents .products .option-button.keychain::before{background-color:#f90}.layout-wrapper-contents .products .option-button .clip{border-radius:5px;border:1px solid #000;overflow:hidden;margin-right:4px}.layout-wrapper-contents .products .option-button .clip img{transition:transform .3s ease}.layout-wrapper-contents .products .option-button .fas{width:auto}.layout-wrapper-contents .products .materials{position:relative;margin:0 16px 16px;padding:12px 0}.layout-wrapper-contents .products .materials::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;border-top:2px solid #000}.layout-wrapper-contents .products .materials::after{content:"";position:absolute;bottom:0;left:0;width:100%;display:block;border-bottom:2px solid #000}.layout-wrapper-contents .products .materials-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:8px}@media screen and (max-width: 401px){.layout-wrapper-contents .products .materials-grid{grid-template-columns:repeat(3, 1fr)}}.layout-wrapper-contents .products .create-button{display:block;border-radius:8px;outline:2px solid #000;outline-offset:-2px;background:#fff;overflow:hidden}.layout-wrapper-contents .products .create-button:hover>*{opacity:.6}.layout-wrapper-contents .products .create-button .button-header{padding:8px;color:#fff;font-size:18px;font-weight:600}.layout-wrapper-contents .products .create-button .button-body{display:grid;grid-template-columns:max-content 1fr;gap:16px;padding:8px 16px}.layout-wrapper-contents .products .create-button .button-body-point{padding:8px;border-radius:4px;background:rgba(0,0,0,.04)}.layout-wrapper-contents .products .create-button.simulator .button-header{background:#d44222}.layout-wrapper-contents .products .create-button.upload .button-header{background:#215ad3}.layout-wrapper-contents .acrylicstand{position:relative;padding:32px 16px;border-top:2px solid #000;border-bottom:2px solid #000;background-color:#faf037;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url("https://public.digites.jp/dojin/img/acryl/AcrylicStand.png")}@supports(background-image: -webkit-image-set(url("") 1x)){.layout-wrapper-contents .acrylicstand{background-image:-webkit-image-set(url("https://public.digites.jp/dojin/img/acryl/AcrylicStand.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.webp") 2x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand.png") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.png") 2x)}}@supports(background-image: image-set(url("") 1x)){.layout-wrapper-contents .acrylicstand{background-image:image-set(url("https://public.digites.jp/dojin/img/acryl/AcrylicStand.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.webp") 2x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand.png") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.png") 2x)}}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.layout-wrapper-contents .acrylicstand{background-image:url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.png")}@supports(background-image: -webkit-image-set(url("") 1x)){.layout-wrapper-contents .acrylicstand{background-image:-webkit-image-set(url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.png") 1x)}}@supports(background-image: image-set(url("") 1x)){.layout-wrapper-contents .acrylicstand{background-image:image-set(url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.png") 1x)}}}@media screen and (max-width: 401px){.layout-wrapper-contents .acrylicstand{padding:32px 12px}}.layout-wrapper-contents .acrylicstand .contents{position:relative;z-index:1}.layout-wrapper-contents .acrylicstand-price{position:relative;height:120px;margin-top:-5px}.layout-wrapper-contents .acrylicstand-price .speech-bubble{opacity:0;transition:opacity .4s ease}.layout-wrapper-contents .acrylicstand-price .speech-bubble.trigger{opacity:1;animation:slide-bottom .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}.layout-wrapper-contents .acrylicstand-images{position:relative;aspect-ratio:328/275}.layout-wrapper-contents .acrylicstand-images #acrylicstand-images-01{opacity:0;transition:opacity .4s ease;top:0;left:50%;transform:translateX(-50%);max-width:calc(100vw - 12px)}.layout-wrapper-contents .acrylicstand-images #acrylicstand-images-01.trigger{opacity:1;animation:acrylicstand-images-01 .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}@keyframes acrylicstand-images-01{0%{-webkit-transform:translateX(-50%) translateY(100px);transform:translateX(-50%) translateY(100px)}100%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}.layout-wrapper-contents .acrylickeychain{position:relative;padding:32px 16px;border-bottom:2px solid #000;background:#f5c837;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url("https://public.digites.jp/dojin/img/acryl/AcrylicKeyChain.png")}@supports(background-image: -webkit-image-set(url("") 1x)){.layout-wrapper-contents .acrylickeychain{background-image:-webkit-image-set(url("https://public.digites.jp/dojin/img/acryl/AcrylicKeyChain.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicKeyChain@2x.webp") 2x, url("https://public.digites.jp/dojin/img/acryl/AcrylicKeyChain.png") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicKeyChain@2x.png") 2x)}}@supports(background-image: image-set(url("") 1x)){.layout-wrapper-contents .acrylickeychain{background-image:image-set(url("https://public.digites.jp/dojin/img/acryl/AcrylicKeyChain.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicKeyChain@2x.webp") 2x, url("https://public.digites.jp/dojin/img/acryl/AcrylicKeyChain.png") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicKeyChain@2x.png") 2x)}}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.layout-wrapper-contents .acrylickeychain{background-image:url("https://public.digites.jp/dojin/img/acryl/AcrylicKeyChain@2x.png")}@supports(background-image: -webkit-image-set(url("") 1x)){.layout-wrapper-contents .acrylickeychain{background-image:-webkit-image-set(url("https://public.digites.jp/dojin/img/acryl/AcrylicKeyChain@2x.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicKeyChain@2x.png") 1x)}}@supports(background-image: image-set(url("") 1x)){.layout-wrapper-contents .acrylickeychain{background-image:image-set(url("https://public.digites.jp/dojin/img/acryl/AcrylicKeyChain@2x.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicKeyChain@2x.png") 1x)}}}@media screen and (max-width: 401px){.layout-wrapper-contents .acrylickeychain{padding:32px 12px}}.layout-wrapper-contents .acrylickeychain .contents{position:relative;z-index:1}.layout-wrapper-contents .acrylickeychain .decoration{transform-origin:center;transform:scaleX(-1)}.layout-wrapper-contents .acrylickeychain-price{position:relative;height:120px;margin-top:-5px;z-index:1}.layout-wrapper-contents .acrylickeychain-price .speech-bubble{opacity:0;transition:opacity .4s ease}.layout-wrapper-contents .acrylickeychain-price .speech-bubble.trigger{opacity:1;animation:slide-bottom .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}.layout-wrapper-contents .acrylickeychain-images{position:relative;aspect-ratio:328/304}@media screen and (max-width: 401px){.layout-wrapper-contents .acrylickeychain-images{aspect-ratio:256/193}}.layout-wrapper-contents .acrylickeychain-images #acrylickeychain-images-01{opacity:0;transition:opacity .4s ease;top:-70px;left:50%;transform:translateX(-50%)}@media screen and (max-width: 401px){.layout-wrapper-contents .acrylickeychain-images #acrylickeychain-images-01{top:-71px;max-width:calc(100vw + 40px)}}.layout-wrapper-contents .acrylickeychain-images #acrylickeychain-images-01.trigger{opacity:1;animation:acrylickeychain-images-01 .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}@keyframes acrylickeychain-images-01{0%{-webkit-transform:translateX(-50%) translateY(100px);transform:translateX(-50%) translateY(100px)}100%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}.layout-wrapper-contents .acrylicminiblock{position:relative;padding:32px 16px;border-top:2px solid #000;border-bottom:2px solid #000;background-color:#faf037;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url("https://public.digites.jp/dojin/img/acryl/AcrylicStand.png")}@supports(background-image: -webkit-image-set(url("") 1x)){.layout-wrapper-contents .acrylicminiblock{background-image:-webkit-image-set(url("https://public.digites.jp/dojin/img/acryl/AcrylicStand.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.webp") 2x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand.png") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.png") 2x)}}@supports(background-image: image-set(url("") 1x)){.layout-wrapper-contents .acrylicminiblock{background-image:image-set(url("https://public.digites.jp/dojin/img/acryl/AcrylicStand.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.webp") 2x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand.png") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.png") 2x)}}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.layout-wrapper-contents .acrylicminiblock{background-image:url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.png")}@supports(background-image: -webkit-image-set(url("") 1x)){.layout-wrapper-contents .acrylicminiblock{background-image:-webkit-image-set(url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.png") 1x)}}@supports(background-image: image-set(url("") 1x)){.layout-wrapper-contents .acrylicminiblock{background-image:image-set(url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.webp") 1x, url("https://public.digites.jp/dojin/img/acryl/AcrylicStand@2x.png") 1x)}}}@media screen and (max-width: 401px){.layout-wrapper-contents .acrylicminiblock{padding:32px 12px}}.layout-wrapper-contents .acrylicminiblock .contents{position:relative;z-index:1}.layout-wrapper-contents .acrylicminiblock-price{position:relative;height:120px;margin-top:-5px;z-index:1}.layout-wrapper-contents .acrylicminiblock-price .speech-bubble{opacity:0;transition:opacity .4s ease}.layout-wrapper-contents .acrylicminiblock-price .speech-bubble.trigger{opacity:1;animation:slide-bottom .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}.layout-wrapper-contents .acrylicminiblock-images{position:relative;aspect-ratio:328/250}.layout-wrapper-contents .acrylicminiblock-images #acrylicminiblock-images-01{opacity:0;transition:opacity .4s ease;top:0;left:50%;transform:translateX(-50%);max-width:calc(100vw - 12px)}.layout-wrapper-contents .acrylicminiblock-images #acrylicminiblock-images-01.trigger{opacity:1;animation:acrylicminiblock-images-01 .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}@keyframes acrylicminiblock-images-01{0%{-webkit-transform:translateX(-50%) translateY(100px);transform:translateX(-50%) translateY(100px)}100%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}.layout-wrapper-contents .acrylicmaterial{position:relative;padding:20px 16px}.layout-wrapper-contents .acrylicmaterial .contents{position:relative;z-index:1;padding:16px 8px;outline:2px solid #000;outline-offset:-2px;background:#fff}.layout-wrapper-contents .acrylicmaterial-glass{position:relative;display:grid;grid-template-columns:max-content 1fr;gap:12px;align-items:center;width:346px;max-width:calc(100vw - 54px);padding:16px;outline:2px solid #000;outline-offset:-2px;background:#faf037;transform:translateX(-134px);opacity:0;transition:.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);overflow:hidden}.layout-wrapper-contents .acrylicmaterial-glass.trigger{opacity:1;transform:translateX(-34px)}.layout-wrapper-contents .acrylicmaterial-glass .clip{border:2px solid #000}@media screen and (max-width: 401px){.layout-wrapper-contents .acrylicmaterial-glass .clip{width:96px;height:96px}}.layout-wrapper-contents .acrylicmaterial-matte{position:relative;display:grid;grid-template-columns:1fr max-content;gap:12px;align-items:center;width:346px;max-width:calc(100vw - 54px);padding:16px;outline:2px solid #000;outline-offset:-2px;background:#faf037;transform:translateX(100px);opacity:0;transition:.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);overflow:hidden}.layout-wrapper-contents .acrylicmaterial-matte.trigger{opacity:1;transform:translateX(0)}.layout-wrapper-contents .acrylicmaterial-matte .clip{border:2px solid #000}@media screen and (max-width: 401px){.layout-wrapper-contents .acrylicmaterial-matte .clip{width:107px;height:107px}}.layout-wrapper-contents .acrylicmaterial-aurora{position:relative;display:grid;grid-template-columns:max-content 1fr;gap:12px;align-items:center;width:346px;max-width:calc(100vw - 54px);padding:16px;outline:2px solid #000;outline-offset:-2px;background:#faf037;transform:translateX(-134px);opacity:0;transition:.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);overflow:hidden}.layout-wrapper-contents .acrylicmaterial-aurora.trigger{opacity:1;transform:translateX(-34px)}.layout-wrapper-contents .acrylicmaterial-aurora .clip{border:2px solid #000}@media screen and (max-width: 401px){.layout-wrapper-contents .acrylicmaterial-aurora .clip{width:107px;height:107px}}.layout-wrapper-contents .acrylicmaterial-hologram{position:relative;width:346px;max-width:calc(100vw - 54px);padding:16px;outline:2px solid #000;outline-offset:-2px;background:#faf037;transform:translateX(100px);opacity:0;transition:.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);overflow:hidden}@media screen and (max-width: 401px){.layout-wrapper-contents .acrylicmaterial-hologram{padding:16px 8px}}.layout-wrapper-contents .acrylicmaterial-hologram.trigger{opacity:1;transform:translateX(0px)}.layout-wrapper-contents .acrylicmaterial-hologram .clip{border:2px solid #000}@media screen and (max-width: 401px){.layout-wrapper-contents .acrylicmaterial-hologram .clip{width:120px;height:120px}}@media screen and (max-width: 401px){.layout-wrapper-contents .acrylicmaterial-hologram .text{padding:0 8px}}.layout-wrapper-contents .acrylicothers{position:relative;padding:20px}@media screen and (max-width: 401px){.layout-wrapper-contents .acrylicothers{padding:20px 8px}}.layout-wrapper-contents .acrylicothers .subtitle{text-align:center;font-size:20px;font-style:normal;font-weight:800;line-height:normal;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-color:#faf037;text-decoration-thickness:20%;text-underline-offset:10%}.layout-wrapper-contents .acrylicothers{position:relative;padding:20px}@media screen and (max-width: 401px){.layout-wrapper-contents .acrylicothers{padding:20px 8px}}.layout-wrapper-contents .acrylicothers-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px;justify-content:center}.layout-wrapper-contents .acrylicothers-grid-item{position:relative;display:flex;flex-direction:column;border:2px solid #000;background:#fff;border-radius:8px;overflow:hidden}.layout-wrapper-contents .acrylicothers-grid-item:hover img{transform:scale(1.1333)}.layout-wrapper-contents .acrylicothers-grid-item img{z-index:-1;transition:transform .3s ease}.layout-wrapper-contents .acrylicothers-grid-item .label{position:relative;padding:4px 8px;text-align:center;color:#fff;background:rgba(0,0,0,.7);flex-grow:1;z-index:1}.layout-wrapper-contents .other-contents{width:364px;max-width:calc(100% + 4px);padding:60px 16px 20px;border-radius:180px 180px 0 0;border-top:2px solid #000;border-bottom:2px solid #000;border-right:2px solid #000;border-left:2px solid #000;background:#fff;margin-left:-2px;overflow:hidden}@media screen and (max-width: 401px){.layout-wrapper-contents .other-contents{padding:60px 8px 20px}}.layout-wrapper-contents .other-contents .subtitle{text-align:center;font-size:20px;font-style:normal;font-weight:800;line-height:normal;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-color:#faf037;text-decoration-thickness:20%;text-underline-offset:10%}.layout-wrapper-contents .other-contents .pic-ctn{position:relative;height:121px}@media screen and (max-width: 401px){.layout-wrapper-contents .other-contents .pic-ctn{height:92px}}@keyframes display{0%{transform:translateX(144px);opacity:0}5%{transform:translateX(0);opacity:1}33.33%{transform:translateX(0);opacity:1}38.33%{transform:translateX(-144px);opacity:0}100%{transform:translateX(-144px);opacity:0}}@keyframes displaySp{0%{transform:translateX(110px);opacity:0}5%{transform:translateX(0);opacity:1}33.33%{transform:translateX(0);opacity:1}38.33%{transform:translateX(-110px);opacity:0}100%{transform:translateX(-110px);opacity:0}}.layout-wrapper-contents .other-contents .pic-ctn>picture{position:absolute;top:0;left:calc(50% - 144px);opacity:0;animation:display 6s infinite}@media screen and (max-width: 401px){.layout-wrapper-contents .other-contents .pic-ctn>picture{width:220px;height:92px;left:calc(50% - 110px);animation:displaySp 6s infinite}}.layout-wrapper-contents .other-contents .pic-ctn>picture:nth-child(2){animation-delay:2s}.layout-wrapper-contents .other-contents .pic-ctn>picture:nth-child(3){animation-delay:4s}.layout-wrapper-contents .faq{position:relative;padding:16px 8px;outline:2px solid #000;outline-offset:-2px;margin-bottom:36px}@media screen and (max-width: 401px){.layout-wrapper-contents .faq{margin-bottom:28px}}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item{outline:2px #000 solid;outline-offset:-2px;border-radius:20px;overflow:hidden}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item summary.accordion-faq-label{position:relative;display:grid;grid-template-columns:max-content 1fr max-content;align-items:center;gap:8px;padding:12px 16px 8px;color:#fff;background:#000;list-style:none;cursor:pointer}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item summary.accordion-faq-label:hover{background:#666}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item summary.accordion-faq-label:hover .Q{color:#666}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item summary.accordion-faq-label::-webkit-details-marker{display:none}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item summary.accordion-faq-label .Q{width:28px;height:28px;padding-top:1px;text-align:center;color:#000;background:#fff;clip-path:path("M28,3.333L0 0 0 24 20.356 21.577 26.027 27.462 24.573 21.075 28 20.667 28 3.333z")}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item summary.accordion-faq-label .toggle-icon>*:first-child{display:none}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item[open]>summary.accordion-faq-label:hover{background:#000}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item[open]>summary.accordion-faq-label:hover .Q{color:#000}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item[open]>summary.accordion-faq-label .toggle-icon>*:first-child{display:inline-block}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item[open]>summary.accordion-faq-label .toggle-icon>*:last-child{display:none}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item .accordion-faq-content{display:grid;grid-template-columns:max-content 1fr;gap:0 4px;padding:0 16px;overflow:clip}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item .accordion-faq-content::before,.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item .accordion-faq-content::after{content:"";display:block;height:16px;grid-column:1/3}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item .accordion-faq-content a:hover{opacity:.7}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item::details-content{height:0;opacity:0;transition:height .3s,opacity .3s,content-visibility .3s allow-discrete;opacity:0}.layout-wrapper-contents .faq .accordion-faq .accordion-faq-item[open]::details-content{height:auto;opacity:1}.layout-wrapper-contents .recommend-products{display:grid;grid-template-columns:repeat(2, max-content);gap:8px;justify-content:center}@media screen and (max-width: 401px){.layout-wrapper-contents .recommend-products{width:364px;max-width:calc(100% + 16px);grid-template-columns:repeat(2, 1fr);gap:0;margin-left:-8px}}.layout-wrapper-contents .recommend-products-item{display:block}.layout-wrapper-contents .recommend-products-item:hover .clip img{transform:scale(1.1111)}.layout-wrapper-contents .recommend-products-item .clip{padding:8px}.layout-wrapper-contents .recommend-products-item .clip img{transition:transform .2s ease}.layout-wrapper-contents .other-products{width:364px;max-width:calc(100% + 32px);padding:16px;background:#e4e4e4;margin-left:-16px}@media screen and (max-width: 401px){.layout-wrapper-contents .other-products{max-width:calc(100% + 16px);margin-left:-8px}}.layout-wrapper-contents .other-products-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px 8px}.layout-wrapper-contents .other-products-grid-item{display:flex;gap:4px;align-items:center}.layout-wrapper-contents .other-products-grid-item:hover{opacity:.7}.layout-wrapper-contents .sns{padding:40px 20px;border-bottom:2px solid #000;background:#fff}.layout-wrapper-contents .sns a:hover{opacity:.7}.layout-wrapper-contents .sns .link-x .link-x-logo{padding:8px 16px;margin-bottom:4px}.layout-wrapper-contents .totop{padding:40px 20px;background:#fff}.layout-wrapper-contents .totop a:hover{opacity:.7}/*# sourceMappingURL=acryl.css.map */
