html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ol,ul{list-style-type:none;margin:0;padding:0}figure{margin:0;padding:0}input,select{vertical-align:middle}input{padding:0;border:none;border-radius:0;outline:none;background:none;margin:0}button{background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;padding:0;appearance:none}*,*::before,*::after{box-sizing:border-box}main,section{display:block}html{font-size:62.5%}html,body{padding:0;margin:0;min-height:100vh}body{font-family:‘游ゴシック体,YuGothic,游ゴシック,Yu Gothic,ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,Arial,ＭＳ Ｐゴシック,MS PGothic,sans-serif’;font-size:1.7rem;letter-spacing:0;color:#000;font-weight:400;letter-spacing:0;background:#fff;font-feature-settings:"palt";background-color:#efefef}@media(max-width: 1100px){body{font-size:1.6rem}}@media(max-width: 810px){body{font-size:1.6rem}}@media(max-width: 500px){body{font-size:1.4rem}}@media(max-width: 375px){body{font-size:1.4rem}}@media all and (-ms-high-contrast: none){*::-ms-backdrop,body{font-family:sans-serif;font-size:1.6rem}}a{text-decoration:none;color:#069;transition:opacity .3s ease-out}a:focus{outline:1px dotted}a:focus{outline:none}img{max-width:100%}@media(max-width: 500px){img{width:100%}}sup{font-size:70%;vertical-align:super}sub{font-size:70%;vertical-align:sub}strong{font-weight:bold;color:#c00}em{font-style:normal;font-weight:normal}p{margin-bottom:2rem;line-height:1.6}@media(max-width: 810px){p{line-height:1.8}}@media(max-width: 500px){p{line-height:1.8}}p:last-child{margin-bottom:0}p.error{text-align:center}figure{line-height:150%}table{width:100%}select,input{font-size:100%}@media(max-width: 810px){select,input{font-size:16px}}select{padding:8px}textarea{resize:none}@media(max-width: 810px){textarea{font-size:16px}}textarea:focus{outline:0}@media(max-width: 500px){dl{line-height:1.7}}dl dt{font-weight:bold}input{appearance:none;-webkit-appearance:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #fff inset;background-color:#fff}input[type=submit]{cursor:pointer}input[type=checkbox]:checked+.check::after{opacity:1}input::placeholder{color:#999}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #fff inset}body{min-height:100vh;background-color:#fff}.light{height:100px;background:url(/xmas2022/images/light.svg) repeat-x;background-size:auto 100%;background-position:50% top;margin:0 0 0 0}@media(max-width: 500px){.light{height:70px}}.game{max-width:550px;margin:0 auto 0px auto;position:relative}.game .puzzle{z-index:2;position:relative;background-color:#6e9a10;margin:0 auto;padding:20px;perspective:1000px}@media(max-width: 500px){.game .puzzle{padding:10px;width:90%;margin:0 auto}}.game .puzzle.is-goal{cursor:pointer}.game .puzzle-wrapper{aspect-ratio:1/1;margin:0 auto;background-color:#333;position:relative;transition:transform 3s;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden}.game .puzzle-wrapper .card{overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.game .puzzle-wrapper .card.-dragging{z-index:100}.game .puzzle-wrapper .card.-front .item{width:33.333%;color:#c00;font-size:14px;position:absolute;aspect-ratio:1/1;top:0;left:0;box-sizing:border-box;cursor:pointer;padding:10px;background-repeat:no-repeat;background-size:300%}.game .puzzle-wrapper .card.-front .item.-empty{cursor:default}.game .puzzle-wrapper .card.-back{transform:rotateY(180deg);background-color:red;position:absolute;width:100%;height:100%;background:url(/xmas2022/images/happy.jpg) no-repeat;background-size:cover;cursor:pointer}.game .puzzle-wrapper.is-goal .item{transition:all 1s ease-in}.game .puzzle-wrapper.is-goal .item .number{opacity:0}.game .puzzle .number{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;line-height:1.2;color:#fff;font-size:12px;font-weight:bold;background-color:#04622d;width:24px;height:24px;transition:all .3s ease-in;position:absolute;bottom:10px;right:10px}@media(max-width: 500px){.game .puzzle .number{width:18px;height:18px;bottom:10px;right:10px}}.game .puzzle .item.-key0{top:0;left:0}.game .puzzle.-backface .puzzle-wrapper{transform:rotateY(180deg)}.game .shadow{position:absolute;left:0;bottom:0;width:100%;height:20px;z-index:1;transform:skewX(30deg) translate(-1.3%, 0);background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#cc000000",GradientType=0 )}@media(max-width: 500px){.game .shadow{width:90%;left:5%}}.message{background-color:#fff;max-width:800px;margin:0 auto 0 auto;border-radius:8px;padding:30px;text-align:center;line-height:1.6}.message .intro{color:#c00;font-size:110%;font-weight:bold}.message .intro .en{display:block}.message .from-message{color:#116e0c;font-weight:bold}.message .corp{font-size:90%}.layout-screen{padding:0 0 30px 0}.layout-section{position:relative}.layout-section.-game{background:url(/xmas2022/images/bg.svg) repeat-x;background-size:auto 100%;background-position:50% 50%;margin-bottom:20px}@media(max-width: 500px){.layout-section.-game{margin-bottom:70px}}.layout-main .title{max-width:550px;margin:0 auto;transition:all .2s}@media(max-width: 500px){.layout-main .title{max-width:80%}}.layout-main .title img{display:block;width:100%}.layout-main .snow{max-width:500px;position:relative;margin:0 auto;pointer-events:none}.layout-main .snow img{display:block;width:20%;position:absolute;right:-90px;bottom:-50px;z-index:100;transition:all .3s}@media(max-width: 810px){.layout-main .snow img{right:-30px}}@media(max-width: 500px){.layout-main .snow img{right:50px;bottom:-70px;width:15%}}.layout-main .people{position:absolute;z-index:102;transition:all .3s;pointer-events:none}.layout-main .people img{display:block;height:150px}.layout-main .people.-right{right:3%;bottom:-10%}@media(max-width: 810px){.layout-main .people.-right{display:none}}.layout-main .people.-left{right:auto;left:5%;bottom:-5%}@media(max-width: 500px){.layout-main .people.-left{bottom:-17%;left:8%}}.layout-main .people.-left img{height:130px}@media(max-width: 500px){.layout-main .people.-left img{height:100px}}#canvas{width:100%;position:absolute;left:0;top:0;height:100%;z-index:0}.goal{margin:0 0 20px 0}.btn-basic{background:#c00;color:#fff;padding:10px 20px;border-radius:25px;transition:all .2s;cursor:pointer}.btn-basic:hover{opacity:.6}.logo{margin:0 auto;max-width:200px}.logo img{display:block;margin:0 auto}._pc{display:block !important}@media(max-width: 810px){._pc{display:none !important}}@media(max-width: 500px){._pc{display:none !important}}._tb{display:none !important}@media(max-width: 810px){._tb{display:block !important}}@media(max-width: 500px){._tb{display:none !important}}@media(max-width: 500px){._tb._sp{display:block !important}}._sp{display:none !important}@media(max-width: 810px){._sp{display:none !important}}@media(max-width: 500px){._sp{display:block !important}}@media(max-width: 810px){._sp._tb{display:block !important}}._center{text-align:center !important}._bold{font-weight:bold}._nowrap{white-space:nowrap !important}._nomargin{margin-bottom:0 !important}/*# sourceMappingURL=style.css.map */