@charset "UTF-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0}*{box-sizing:border-box}img,a{display:block}img,video{max-width:100%;border:none}input,textarea,select,button{outline:none}button,select,label{cursor:pointer}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}q:before,q:after{content:""}abbr,acronym{border:0}fieldset{margin:0;padding:0}html{line-height:1.6;font-size:10px}body,input,textarea,button,select{font-family:Zen Kaku Gothic New,sans-serif;font-weight:400;-webkit-text-size-adjust:100%;font-feature-settings:"palt"}.medium{font-weight:500}.bold{font-weight:700}.italic{font-style:italic}.cinzel{font-family:Cinzel,serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.mincho{font-family:Zen Old Mincho,serif;font-weight:500;font-style:normal}#js-page-top,#btn_gtag{display:none}.footer{padding:20px 0;border-top:0!important}html{color:#000;font-size:10px}body:not(:has(#app[data-mode=web])) footer a{pointer-events:none}.app_wrapper{max-width:750px;margin:0 auto;position:relative;overflow:hidden}.bg{width:100%;height:calc(100% - 50px);position:absolute;inset:0;z-index:-1;background-image:url(https://www.jr-takashimaya.co.jp/en/cp2/christmasgifttree1/assets/img/bg.jpg);background-repeat:repeat-y;background-size:100% auto}:is(#title,#scenery,#position){width:100%;position:absolute;left:0;transform:translate(100%);transition-property:transform;transition-duration:.7s;transition-delay:0s;transition-timing-function:cubic-bezier(1,0,0,1)}#title{height:345px;top:0}#scenery{height:308px;bottom:0}#position{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;position:absolute;bottom:120px;left:0}#position ul{width:168px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;flex-direction:row;overflow:hidden;transition-property:width;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}#position li{width:24px;min-width:24px;aspect-ratio:1;position:relative}#position li+li{margin-left:24px}#position li .red{position:absolute;inset:0;opacity:0;transition-property:opacity;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}#position li:is(.active,:has(~.active)) .red{opacity:1}#sections{width:700%;height:100%;display:flex;justify-content:flex-start;align-items:nowrap;flex-wrap:nowrap;flex-direction:row;gap:0px}#sections section{height:1150px}#sections.result section{height:auto}#sections.step1 section{transform:translate(-100%)}#sections.step2 section{transform:translate(-200%)}#sections.step3 section{transform:translate(-300%)}#sections.step4 section{transform:translate(-400%)}#sections.step5 section,#sections.result section{transform:translate(-500%)}#sections .step_wrapper{display:none}#sections .step_wrapper.show{display:block}section{width:14.28%;transition-property:transform;transition-duration:.7s;transition-delay:0s;transition-timing-function:cubic-bezier(1,0,0,1)}.btn_control{width:400px;margin:0 auto;display:block;background-color:#fff;border:3px solid #3b8263;border-radius:20px}body:has(.content_small) .footer{padding:20px 0}body:has(.content_small) #title{top:-10px}body:has(.content_small) #position{bottom:90px}body:has(.content_small) #position ul{transform:scale(.8)}body:has(.content_small) #sections section{height:800px}body:has(.content_small) #sections.result section{height:auto}#top :is(.obj,.people){width:100%;position:absolute;left:0;overflow:hidden}#top :is(.obj,.people) img{position:absolute;transition-property:transform;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}#top.reached :is(.obj,.people) img{transform:translateY(0)}#top .obj{height:450px;top:0}#top .obj img{top:0;transform:translateY(-110%)}#top .obj .obj_left01{width:54px;left:23px}#top .obj .obj_left02{width:68px;left:70px}#top .obj .obj_left03{width:101px;left:22px}#top .obj .obj_right01{width:46px;left:678px}#top .obj .obj_right02{width:64px;left:618px}#top .obj .obj_right03{width:87px;left:655px}#top .people{height:250px;bottom:0}#top .people img{transform:translateY(110%)}#top .people .people01{width:258px;bottom:2px;left:7px}#top .people .people02{width:155px;bottom:6px;left:256px}#top .people .people03{width:133px;bottom:0;left:423px}#top .people .people04{width:174px;bottom:2px;left:559px}#top h1 img{aspect-ratio:750/420}#top h2{text-align:center;font-size:3.6rem}#top p.message{width:680px;margin:20px auto 30px;text-align:center;font-size:2.8rem}#top .btn_control{height:120px;color:#966e00;font-size:3.8rem}.content_small #top .obj{transform:scale(.8);transform-origin:center 0}.content_small #top h1{width:480px;margin:0 auto}.content_small #top.reached .obj img{transform:translateY(-20%)}.content_small #top h2{text-align:center;font-size:2.8rem}.content_small #top p.message{width:480px;font-size:2rem}.content_small #top .btn_control{height:80px;font-size:3.2rem}.content_small #top .people{transform:scale(.7);transform-origin:center bottom}body:not(:has(#sections.top)) #title,body:not(:has(#sections.top)) #scenery,body:not(:has(#sections.top)) #position{transform:translate(0)}.step_wrapper{padding-top:278px}.step_wrapper .btn_control{height:100px;font-size:3rem}h2.question{padding-left:74px;display:flex;justify-content:flex-start;align-items:flex-end;flex-wrap:nowrap;flex-direction:row;position:relative}h2.question .number{width:94px;height:94px;margin-right:30px;padding-bottom:25px;display:flex;justify-content:center;align-items:flex-end;flex-wrap:nowrap;flex-direction:row;position:relative;z-index:1;line-height:1;color:#fff;background-image:url(https://www.jr-takashimaya.co.jp/en/cp2/christmasgifttree1/assets/img/q.png);background-position:center center;background-repeat:no-repeat;background-size:100% auto}h2.question .number:before{content:"Q.";font-size:2rem}h2.question .number span{display:block;font-size:3.6rem}h2.question .number img{width:100%;position:absolute;inset:0;z-index:-1}h2.question .text{padding-bottom:25px;display:block;line-height:1;font-size:3rem}.answers{width:580px;height:400px;margin:40px auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;flex-direction:row}.answers label{width:280px;height:250px;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;text-align:center;color:#000;font-size:2.8rem;white-space:pre-line;background-color:#fff;border-radius:20px;transition-property:color,background-color;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}.answers label input{display:none}.answers label.small{width:270px;height:190px}.answers label:nth-child(n+3){margin-top:15px}.answers label:has(input:checked){color:#fff;background-color:#966e00}.content_small .step_wrapper{padding-top:240px}.content_small .step_wrapper .btn_control{height:80px;font-size:2.2rem}.content_small h2.question{padding-left:124px}.content_small h2.question .number{width:60px;height:60px;margin-right:20px;padding-bottom:14px}.content_small h2.question .number span{font-size:2.8rem}.content_small h2.question .text{padding-bottom:12px;font-size:2.4rem}.content_small .answers{width:480px;height:220px;margin:30px auto}.content_small .answers label{width:230px;height:160px;font-size:2rem}.content_small .answers label.small{height:100px}body:has(#sections.result) #position{transform:translate(-100%)}#result{padding:275px 0 200px}#result .selected_title{margin-bottom:66px;text-align:center;font-size:3.6rem;text-indent:.5em;letter-spacing:.5em}#result .btn_control{height:120px;color:#966e00;font-size:3rem}:is(#result_wrapper,.observe:not(.result_illust,.result_comment_box)){opacity:0;transition-property:opacity;transition-duration:.5s}#result_wrapper{width:690px;margin:46px auto 86px;padding-bottom:20px;position:relative;background-image:url(https://www.jr-takashimaya.co.jp/en/cp2/christmasgifttree1/assets/img/bg_middle.png);background-repeat:repeat-y;transition-duration:1s;transition-delay:.7s}#result_wrapper:before,#result_wrapper:after{content:"";width:100%;height:46px;display:block;position:absolute;left:0;background-repeat:no-repeat}#result_wrapper:before{top:-45px;background-image:url(https://www.jr-takashimaya.co.jp/en/cp2/christmasgifttree1/assets/img/bg_top.png)}#result_wrapper:after{bottom:-45px;background-image:url(https://www.jr-takashimaya.co.jp/en/cp2/christmasgifttree1/assets/img/bg_bottom.png)}#result_wrapper .result_inner{width:610px;margin:0 auto;padding:50px 30px;background-color:#fff;border-radius:20px}.present_for{margin-bottom:20px;text-align:center;color:#fff;font-size:3rem;transition-delay:.2s}.result_title{margin-bottom:60px;text-align:center;transition-delay:.4s}.result_title .cinzel{display:block;line-height:1.2;color:#966e00;font-size:4rem}.result_title .cinzel:before,.result_title .cinzel:after{content:'"'}.result_title p{line-height:2;font-size:5.2rem;white-space:pre-line;text-decoration:underline;text-underline-offset:20px;text-decoration-color:#966e00;text-decoration-thickness:4px}.result_illust{margin-bottom:60px;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;transform:scale(0);transition-property:transform;transition-duration:.5s;transition-delay:.4s;transition-timing-function:ease}.result_illust.partner img{width:414px}.result_illust.parents img{width:437px}.result_illust.friend img{width:514px}.result_illust.me img{width:380px}.result_subtitle{margin-bottom:40px;text-align:center;font-size:3.4rem;white-space:pre-line}.result_message{margin-bottom:40px;font-size:2.8rem;white-space:pre-line;transition-delay:.2s}.has_star{position:relative}.has_star:before,.has_star:after{content:"";width:16px;height:16px;margin:auto;display:block;position:absolute;top:0;bottom:0;background-image:url(https://www.jr-takashimaya.co.jp/en/cp2/christmasgifttree1/assets/img/star.svg);background-position:center center;background-repeat:no-repeat;background-size:100% auto}.has_star:before{left:0}.has_star:after{right:0}.result_gift_wrapper{padding:40px 0;border-top:5px dotted #966e00;border-bottom:5px dotted #966e00}.result_gift_wrapper h3{margin-bottom:70px;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;position:relative;color:#966e00}.result_gift_wrapper h3 .cinzel{padding:0 30px;position:relative;line-height:1.4;font-size:4.2rem}.result_gift_wrapper h3 .ja{width:100%;position:absolute;top:100%;left:0;text-align:center;line-height:1.2;font-size:2.2rem}.result_comment_box{margin-top:60px;padding:40px 35px;background-color:#f0ece8;border-radius:20px}.result_comment_box :is(.pic,.name,.profile p,.profile a){opacity:0;transition-property:all;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}.result_comment_box .info{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;flex-direction:row}.result_comment_box .pic{width:120px}.result_comment_box .name{margin-left:10px;text-align:center;transition-delay:.2s}.result_comment_box .name p{line-height:1.1;font-size:2rem}.result_comment_box .name strong{display:flex;justify-content:center;align-items:flex-end;flex-wrap:nowrap;flex-direction:row;line-height:1.2;font-size:3.6rem}.result_comment_box .name strong span{margin-left:-1em;padding-bottom:5px;display:block;font-size:2.4rem}.result_comment_box .profile{margin-top:30px}.result_comment_box .profile p{margin-bottom:30px;font-size:2.4rem;transition-delay:.4s}.result_comment_box .profile a{width:300px;height:60px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;font-size:2.6rem;text-decoration:none;background-color:#db4242;border-radius:30px;transition-delay:.6s}.result_comment_box .profile a img{width:20px;margin-right:15px}.result_comment_box .profile a span{display:block;color:#fff}.result_comment_box.reached :is(.pic,.name,.profile p,.profile a){opacity:1}.btn_download{width:100%;height:140px;margin-top:60px;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;text-align:center;color:#000;font-size:3rem;text-decoration:none;background-color:#fff;border:3px solid #3b8263;border-radius:20px}#result_gifts .result_gift+.result_gift{margin-top:40px}#result_gifts .pic{margin-bottom:20px}#result_gifts .has_indent{margin-left:1em}#result_gifts .has_indent_half{margin-left:.5em}#result_gifts .has_indent_double{margin-left:2em}#result_gifts .has_indent_minus{margin-left:-1.8em}#result_gifts .limited{color:#db4242}#result_gifts .has_notice{padding-left:1em;display:block;position:relative;font-size:2.4rem}#result_gifts .has_notice:before{content:"※";position:absolute;top:0;left:0}#result_gifts .narrow_indent{margin-left:-.2em}#result_gifts .brand{display:block;color:#966e00;font-size:2.8rem}#result_gifts .text{margin-bottom:10px;font-size:2.4rem;letter-spacing:-.05em;white-space:pre-line}#result_gifts :is(.name,.floor){font-size:2.8rem;white-space:pre-line}#result_gifts .floor{padding-left:1.5em;position:relative}#result_gifts .floor:before{content:"■";position:absolute;top:0;left:0;color:#966e00}.notice{width:660px;margin:70px auto;font-size:2.2rem}.notice p{padding-left:1em;position:relative}.notice p:before{content:"※";position:absolute;top:0;left:0}#sections.result section#result :is(#result_wrapper,:is(.observe).reached){opacity:1;transform:scale(1)}.content_small .result_title p{font-size:4.8rem}