.template-page #MainContent{padding:0;margin-top:-86px}div.RW img,div.RTMB img{width:100%}:root{--color1: rgba(255,255,255,.3);--color2: rgba(255,255,255,.3)}.b_4 .card{position:relative;overflow:hidden;z-index:10;-ms-touch-action:none;touch-action:none;border-radius:50px;-webkit-box-shadow:-5px -5px 5px -5px var(--color1),5px 5px 5px -5px var(--color2),-7px -7px 10px -5px transparent,7px 7px 10px -5px transparent,0 0 5px 0px rgba(255,255,255,0),0 55px 35px -20px rgba(0,0,0,.5);box-shadow:-5px -5px 5px -5px var(--color1),5px 5px 5px -5px var(--color2),-7px -7px 10px -5px transparent,7px 7px 10px -5px transparent,0 0 5px #fff0,0 55px 35px -20px #00000080;-webkit-transition:-webkit-transform .5s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .5s ease,-webkit-box-shadow .2s ease;transition:transform .5s ease,box-shadow .2s ease;transition:transform .5s ease,box-shadow .2s ease,-webkit-transform .5s ease,-webkit-box-shadow .2s ease;will-change:transform,filter;background-color:transparent;background-image:var(--front);background-size:cover;background-repeat:no-repeat;background-position:50% 50%;-webkit-transform-origin:center;transform-origin:center}.b_4 .card:before,.b_4 .card:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-repeat:no-repeat;opacity:.5;mix-blend-mode:color-dodge;-webkit-transition:all .33s ease;transition:all .33s ease}.b_4 .card:before{background-position:50% 50%;background-size:300% 300%;background-image:linear-gradient(115deg,transparent 0%,var(--color1) 25%,transparent 47%,transparent 53%,var(--color2) 75%,transparent 100%);opacity:.5;-webkit-filter:brightness(.5) contrast(1);filter:brightness(.5) contrast(1);z-index:1}.b_4 .card.active:after,.b_4 .card:hover:after{-webkit-filter:brightness(1) contrast(1);filter:brightness(1) contrast(1);opacity:1}.b_4 .card.active,.b_4 .card:hover{-webkit-animation:none;animation:none;-webkit-transition:-webkit-box-shadow .1s ease-out;transition:-webkit-box-shadow .1s ease-out;transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out,-webkit-box-shadow .1s ease-out}.b_4 .card.active:before,.b_4 .card:hover:before{-webkit-animation:none;animation:none;background-image:linear-gradient(110deg,transparent 25%,var(--color1) 48%,var(--color2) 52%,transparent 75%);background-position:50% 50%;background-size:250% 250%;opacity:.88;-webkit-filter:brightness(.66) contrast(1.33);filter:brightness(.66) contrast(1.33);-webkit-transition:none;transition:none}.b_4 .card{transition:none;animation:holoCard 6s ease 0s infinite}.b_4 .card:before{transition:none;animation:holoGradient 6s ease 0s infinite}.b_4 .card:after{transition:none;animation:holoSparkle 6s ease 0s infinite}.b_4 .card.active,.b_4 .card:hover{animation:none}.b_4 .card.active:before,.b_4 .card:hover:before,.b_4 .card.active:after,.b_4 .card:hover:after{animation:none}.b_4 .card:not(:hover):not(.active){animation:holoCard 6s ease 0s infinite}.b_4 .card:not(:hover):not(.active):before{animation:holoGradient 6s ease 0s infinite}.b_4 .card:not(:hover):not(.active):after{animation:holoSparkle 6s ease 0s infinite}@-webkit-keyframes holoGradient{0%,to{opacity:.5;background-position:50% 50%;-webkit-filter:brightness(.5) contrast(1);filter:brightness(.5) contrast(1)}5%,9%{background-position:100% 100%;opacity:1;-webkit-filter:brightness(.75) contrast(1.25);filter:brightness(.75) contrast(1.25)}13%,17%{background-position:0% 0%;opacity:.88}35%,39%{background-position:100% 100%;opacity:1;-webkit-filter:brightness(.5) contrast(1);filter:brightness(.5) contrast(1)}55%{background-position:0% 0%;opacity:1;-webkit-filter:brightness(.75) contrast(1.25);filter:brightness(.75) contrast(1.25)}}@keyframes holoGradient{0%,to{opacity:.5;background-position:50% 50%;-webkit-filter:brightness(.5) contrast(1);filter:brightness(.5) contrast(1)}5%,9%{background-position:100% 100%;opacity:0;-webkit-filter:brightness(.75) contrast(1.25);filter:brightness(.75) contrast(1.25)}13%,17%{background-position:0% 0%;opacity:.88}35%,39%{background-position:100% 100%;opacity:0;-webkit-filter:brightness(.5) contrast(1);filter:brightness(.5) contrast(1)}55%{background-position:0% 0%;opacity:1;-webkit-filter:brightness(.75) contrast(1.25);filter:brightness(.75) contrast(1.25)}}@-webkit-keyframes holoCard{0%,to{-webkit-transform:rotateZ(0deg) rotateX(0deg) rotateY(0deg);transform:rotate(0) rotateX(0) rotateY(0)}5%,8%{-webkit-transform:rotateZ(0deg) rotateX(6deg) rotateY(-20deg);transform:rotate(0) rotateX(6deg) rotateY(-20deg)}13%,16%{-webkit-transform:rotateZ(0deg) rotateX(-9deg) rotateY(32deg);transform:rotate(0) rotateX(-9deg) rotateY(32deg)}35%,38%{-webkit-transform:rotateZ(3deg) rotateX(12deg) rotateY(20deg);transform:rotate(3deg) rotateX(12deg) rotateY(20deg)}55%{-webkit-transform:rotateZ(-3deg) rotateX(-12deg) rotateY(-27deg);transform:rotate(-3deg) rotateX(-12deg) rotateY(-27deg)}}@keyframes holoCard{0%,to{-webkit-transform:rotateZ(0deg) rotateX(0deg) rotateY(0deg);transform:rotate(0) rotateX(0) rotateY(0)}5%,8%{-webkit-transform:rotateZ(0deg) rotateX(6deg) rotateY(-20deg);transform:rotate(0) rotateX(6deg) rotateY(-20deg)}13%,16%{-webkit-transform:rotateZ(0deg) rotateX(-9deg) rotateY(32deg);transform:rotate(0) rotateX(-9deg) rotateY(32deg)}35%,38%{-webkit-transform:rotateZ(3deg) rotateX(12deg) rotateY(20deg);transform:rotate(3deg) rotateX(12deg) rotateY(20deg)}55%{-webkit-transform:rotateZ(-3deg) rotateX(-12deg) rotateY(-27deg);transform:rotate(-3deg) rotateX(-12deg) rotateY(-27deg)}}.b_4{background:url(https://ecimg.cafe24img.com/pg326b45779995089/oiad/web/oiad_renewal/brand/b_4_bg.jpg) no-repeat;background-size:cover;width:100%;height:100%;position:relative;padding-bottom:200px}.b_4_wrap{margin:0 42px;padding:160px 0 0}.b_4_wrap .inner{background:#0003;border-radius:100px;position:relative;max-width:1836px;margin:0 auto}.b_4_wrap .inner .text_wrap{max-width:1836px;margin:0 auto;overflow:hidden;background:url(https://ecimg.cafe24img.com/pg326b45779995089/oiad/web/oiad_renewal/brand/b_4_oddy-bunny.png) no-repeat;background-size:contain;width:100%;height:78.28vw;position:relative;z-index:2;max-height:1535px}.b_4_wrap .inner .text_wrap .text_1{position:absolute;top:13.02vw;left:3.44vw}.b_4_wrap .inner .text_wrap .text_1 .t-1{display:block!important;color:#fff}.b_4_wrap .inner .text_wrap .text_1 .t-1 b{font-size:1.98vw;font-weight:700;display:block;margin-bottom:1.56vw}.b_4_wrap .inner .text_wrap .text_1 .t-1 span{font-size:.83vw;font-weight:300;line-height:1.15vw;display:block;margin-bottom:.94vw}.b_4_wrap .inner .text_wrap .text_2{position:absolute;bottom:4.17vw;right:3.44vw;text-align:right}.b_4_wrap .inner .text_wrap .text_2 .t-2{display:block!important;color:#fff}.b_4_wrap .inner .text_wrap .text_2 .t-2 b{font-size:1.98vw;font-weight:700;display:block;margin-bottom:1.56vw}.b_4_wrap .inner .text_wrap .text_2 .t-2 span{font-size:.83vw;font-weight:300;line-height:1.15vw;display:block}.b_4_wrap .inner .text_wrap br{display:block}@media (min-width: 2000px){.b_4_wrap .inner .text_wrap .text_1{position:absolute;top:250px;left:66px}.b_4_wrap .inner .text_wrap .text_1 .t-1{display:block!important;color:#fff}.b_4_wrap .inner .text_wrap .text_1 .t-1 b{font-size:38px;font-weight:900;display:block;margin-bottom:30px}.b_4_wrap .inner .text_wrap .text_1 .t-1 span{font-size:16px;font-weight:500;line-height:22px;display:block;margin-bottom:18px}.b_4_wrap .inner .text_wrap .text_2{position:absolute;bottom:80px;right:66px;text-align:right}.b_4_wrap .inner .text_wrap .text_2 .t-2{display:block!important;color:#fff}.b_4_wrap .inner .text_wrap .text_2 .t-2 b{font-size:38px;font-weight:900;display:block;margin-bottom:30px}.b_4_wrap .inner .text_wrap .text_2 .t-2 span{font-size:16px;font-weight:500;line-height:22px;display:block}}.b_4_wrap .card_wrap{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%) rotate(-12deg)}.b_4_wrap .card_wrap .card{width:33.75vw;max-width:648px;max-height:912px;border-radius:2vw}.b_4_wrap .card_wrap .card img{object-fit:cover;height:100%;width:100%}.b_4 .cate_inner{max-width:1836px;margin:0 auto;position:relative}.b_4 .cate_wrap{margin:160px 0 0;width:792px;border-radius:10px;overflow:hidden;background:#f7f7f7;box-shadow:0 0 10px #0003;display:grid;grid-template-columns:186px 606px;position:relative;z-index:2}.b_4 .cate_wrap .cate_area{padding:62px 16px;background:url(https://ecimg.cafe24img.com/pg326b45779995089/oiad/web/oiad_renewal/brand/cate_tool.svg) no-repeat #a0a2a6;background-size:52px 12px;background-position:20px 20px}.b_4 .cate_wrap .cate_area .all{font-size:14px;font-weight:600;margin-bottom:16px}.b_4 .cate_wrap .cate_area .prd .link_1{border-radius:4px;background:#c9c9c9;padding:6px 14px;margin-bottom:0;display:block;font-weight:700}.b_4 .cate_wrap .cate_area .prd p{display:flex;flex-direction:column;gap:6px;padding:10px 0 10px 24px}.b_4 .cate_wrap .cate_area .prd p a{font-size:12px;font-weight:600}.b_4 .cate_wrap .thum_area .header{background:#fff;position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 17px;margin-bottom:28px}.b_4 .cate_wrap .thum_area .text{padding:12px}.b_4 .cate_wrap .thum_area .text{font-size:16px;font-weight:500;line-height:22px}.b_4 .cate_wrap .thum_area .thum_wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px}.matter{position:absolute;bottom:0;right:0;z-index:0}.matter_wrap{overflow:hidden}#physics-box{width:100vw;height:2000px;overflow:hidden}#physics-box canvas{border:none!important;outline:none!important;transform:scale(1.002)}#physics-box canvas{pointer-events:none}@media all and (max-width:1024px){.template-page #MainContent{padding:0;margin-top:-70px}.b_4{background:url(https://ecimg.cafe24img.com/pg326b45779995089/oiad/web/oiad_renewal/brand/b_4_bg_m.jpg) no-repeat;padding:0;height:475.73vw;background-size:contain}.b_4_wrap{margin:0;padding:60px 0 0}.b_4_wrap .card_wrap{top:60%;transform:translate(-50%,-50%) rotate(-11deg)}.b_4_wrap .card_wrap .card{width:59.2vw;height:83.2vw;border-radius:15px!important;overflow:hidden!important}.b_4_wrap .card_wrap .card:after,.b_4_wrap .card_wrap .card:before{border-radius:15px}.b_4_wrap .inner{background:unset}.b_4_wrap .inner .text_wrap{background:url(https://ecimg.cafe24img.com/pg326b45779995089/oiad/web/oiad_renewal/brand/b_04_oddy_bunnys_mo.png) no-repeat;background-size:contain;width:100%;height:773px;overflow:unset}.b_4_wrap .inner .text_wrap .text_1{top:98px;left:18px}.b_4_wrap .inner .text_wrap .text_2{bottom:-72px;right:18px}.b_4_wrap .inner .text_wrap .text_1 .t-1 b{font-size:16px;font-weight:700;margin-bottom:14px}.b_4_wrap .inner .text_wrap .text_1 .t-1 span{font-size:10px;margin-bottom:12px;line-height:15px}.b_4_wrap .inner .text_wrap .text_2 .t-2 b{font-size:16px;font-weight:700;margin-bottom:14px}.b_4_wrap .inner .text_wrap .text_2 .t-2 span{font-size:10px;margin-bottom:12px;line-height:15px}.b_4 .cate_wrap{margin:105px 18px 0;width:auto;grid-template-columns:106px calc(100% - 106px)}.b_4 .cate_wrap .cate_area{padding:54px 14px;background:#a0a2a6;position:relative}.b_4 .cate_wrap .cate_area:before{content:"";position:absolute;top:0;left:0;background:url(https://ecimg.cafe24img.com/pg326b45779995089/oiad/web/oiad_renewal/brand/b_4_cate_tool_m.svg) no-repeat #fff;width:106px;height:30px;background-position:center}.b_4 .cate_wrap .cate_area .all{font-size:10px;margin-bottom:12px}.b_4 .cate_wrap .cate_area .prd .link_1{font-size:10px;padding:3px 8px;margin-bottom:0}.b_4 .cate_wrap .cate_area .prd p{padding:10px 0 10px 10px}.b_4 .cate_wrap .cate_area .prd p a{font-size:10px}.b_4 .cate_wrap .thum_area .header{height:30px;justify-content:flex-end;padding:7px 8px;margin:0}.b_4 .cate_wrap .thum_area .header:after{content:"";position:absolute;top:0;right:8px;background:url(https://ecimg.cafe24img.com/pg326b45779995089/oiad/web/oiad_renewal/brand/b_4_cate_right_tool_m.svg) no-repeat;background-size:contain;width:88px;height:16px;margin:7px 0}.b_4 .cate_wrap .thum_area .header p{display:none}.b_4 .cate_wrap .thum_area .text{display:none!important}.b_4 .cate_wrap .thum_area .thum_wrap{grid-template-columns:repeat(1,1fr);gap:10px;padding:8px;overflow:hidden;overflow-y:scroll;height:600px}.b_4 .cate_wrap .thum_area .thum_wrap p img{width:100%;object-fit:cover;height:164px;object-position:center center;border-radius:6px}#physics-box{height:1783px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/about-page-only.css.map */