/*! destyle.css v1.0.13 | MIT License | https://github.com/nicolas-cusan/destyle.css */*{-webkit-box-sizing:border-box;box-sizing:border-box}::before,::after{-webkit-box-sizing:inherit;box-sizing:inherit}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:bold}dd{margin-left:0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid;margin:0;clear:both;color:inherit}pre{font-family:monospace, monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none;vertical-align:bottom}embed,object,iframe{border:0;vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;border:0;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}button[disabled],[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled]{cursor:default}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}option{padding:0}fieldset{margin:0;padding:0;border:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:bold}template{display:none}[hidden]{display:none}html,body{width:100%;height:100%}h1,h2,h3,h4,h5,h6,p,span,button,a,li{font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif;letter-spacing:0.1em;line-height:1.4}.content{display:none}.content.show{display:block}.wrapper{display:none;position:relative;width:100%;height:100%;background:url(https://www.yellowhat.jp/campaign/202102/yellowhat_catquiz/images/bg2.jpg) 0 0 repeat;background-size:29.94792vh}.wrapper section{position:absolute;top:0;left:0;width:100%;height:100%}.wrapper img{width:100%;height:auto}.alert{display:none}.alert.show{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://www.yellowhat.jp/campaign/202102/yellowhat_catquiz/images/bg1.jpg) 0 0 repeat;background-size:29.94792vh;z-index:5}.alert__inner{padding:3.90625vh;margin:0 auto;border:.65104vh solid #006934;border-radius:2.60417vh;-webkit-box-shadow:.78125vh .78125vh 0 rgba(0,0,0,0.2);box-shadow:.78125vh .78125vh 0 rgba(0,0,0,0.2);max-width:78.125vh;width:calc(100% - 5.20833vh);background-color:#fff}.alert__text{font-size:2.60417vh}.alert__text span{display:block;border:1px solid #ccc;margin:20px auto 0;width:130px}.opening{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:url(https://www.yellowhat.jp/campaign/202102/yellowhat_catquiz/images/bg1.jpg) 0 0 repeat;background-size:29.94792vh}.opening__inner{position:relative}.opening__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.opening__logo{width:28.64583vh}.opening__anniversary{display:inline-block;border-radius:2.60417vh;margin-left:2.60417vh;padding:0 3.25521vh;height:4.42708vh;line-height:4.42708vh;background-color:#522e06;color:#fff;font-size:2.08333vh;font-weight:600}.opening__title{margin-top:1.30208vh;width:114.58333vh;text-align:center}.opening__item{margin-top:3.90625vh;text-align:center}.opening__name{margin-top:1.30208vh}.opening__input{-webkit-box-shadow:.39062vh .39062vh 0 rgba(0,0,0,0.1) inset;box-shadow:.39062vh .39062vh 0 rgba(0,0,0,0.1) inset;border:.65104vh solid #006934;border-radius:1.30208vh;width:54.6875vh;height:8.46354vh;line-height:8.46354vh;background-color:#fff;font-size:3.125vh}.opening__input::-webkit-input-placeholder{color:#aaa}.opening__input::-moz-placeholder{color:#aaa}.opening__input:-ms-input-placeholder{color:#aaa}.opening__input::-ms-input-placeholder{color:#aaa}.opening__input::placeholder{color:#aaa}.opening__button{margin-top:3.25521vh;cursor:pointer}.opening__button--start{padding:5.85938vh 0 0;width:29.94792vh;height:29.94792vh;background:url(https://www.yellowhat.jp/campaign/202102/yellowhat_catquiz/images/symbol.svg) 0 0 no-repeat;background-size:100%;color:#fff;font-size:3.125vh;font-weight:600;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.opening__button--start span{font-size:80%}.opening__button:disabled{opacity:0.3}.opening__picture{position:absolute;width:35.80729vh;left:calc(50% - 59.89583vh);bottom:7.16146vh}.opening__character{position:absolute;width:37.76042vh;right:calc(50% - 59.89583vh);bottom:7.16146vh}.opening__note{position:absolute;width:100%;left:0;bottom:1.30208vh;color:#333;font-size:1.82292vh;text-align:center}.quiz{display:none}.quiz__inner{position:relative;display:none;width:100%;height:100%}.quiz__inner--first.show{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.quiz__inner--second.show{display:block;padding:2.60417vh}.quiz__inner--third.show{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.quiz__title{padding-top:16.92708vh;width:41.66667vh;height:41.66667vh;background:url(https://www.yellowhat.jp/campaign/202102/yellowhat_catquiz/images/symbol.svg) 0 0 no-repeat;background-size:100% 100%;color:#fff;font-size:6.51042vh;font-weight:600;text-align:center;letter-spacing:0.2em}.quiz__title span{font-size:150%}.quiz__number{position:absolute;padding-top:8.46354vh;width:16.92708vh;height:16.92708vh;top:5.20833vh;left:3.90625vh;background:url(https://www.yellowhat.jp/campaign/202102/yellowhat_catquiz/images/symbol.svg) 0 0 no-repeat;background-size:100% 100%;color:#fff;font-size:2.86458vh;font-weight:600;text-align:center}.quiz__question{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:27%;color:#006934;font-size:3.90625vh;font-weight:600;text-align:center}.quiz__answerlists{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:72%}.quiz__answerlist{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;border:.65104vh solid #006934;border-radius:2.60417vh;-webkit-box-shadow:.78125vh .78125vh 0 rgba(0,0,0,0.2);box-shadow:.78125vh .78125vh 0 rgba(0,0,0,0.2);width:49%;height:100%;background-color:#fff;color:#006934;font-size:3.90625vh;font-weight:600;text-align:center}.quiz__answertext{position:relative;z-index:2}.quiz .cattoy{display:none;position:absolute;top:0;left:0;width:24.73958vh;z-index:1}.quiz .cattoy img{-webkit-transform-origin:top center;transform-origin:top center;width:100%;height:auto}.quiz .cattoy.show{display:block}.quiz .cattoy__pic--toy2{display:none}.quiz .cattoy--toy2{width:10.41667vh}.quiz .cattoy--toy2 .cattoy__pic--toy1{display:none}.quiz .cattoy--toy2 .cattoy__pic--toy2{display:block}.quiz__response{width:33.85417vh;height:33.85417vh;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%}.quiz__response.correct{background-image:url(https://www.yellowhat.jp/campaign/202102/yellowhat_catquiz/images/correct.svg)}.quiz__response.incorrect{background-image:url(https://www.yellowhat.jp/campaign/202102/yellowhat_catquiz/images/incorrect.svg)}.quiz__item{position:relative;margin:5.20833vh auto 0;width:calc(100% - 15.625vh)}.quiz__commenttitle{position:absolute;padding-top:8.46354vh;top:-7.8125vh;left:-5.85938vh;width:16.92708vh;height:16.92708vh;background:url(https://www.yellowhat.jp/campaign/202102/yellowhat_catquiz/images/symbol.svg) 0 0 no-repeat;background-size:100% 100%;color:#fff;font-size:2.86458vh;font-weight:600;text-align:center}.quiz__comment{padding:6.51042vh 7.8125vh;border:.65104vh solid #006934;border-radius:2.60417vh;-webkit-box-shadow:.78125vh .78125vh 0 rgba(0,0,0,0.2);box-shadow:.78125vh .78125vh 0 rgba(0,0,0,0.2);width:100%;background-color:#fff;color:#006934;font-size:3.38542vh;font-weight:600;line-height:1.8}.quiz__character{position:absolute;width:18.88021vh;bottom:-6.51042vh;right:-7.16146vh}.result{display:none;background:url(https://www.yellowhat.jp/campaign/202102/yellowhat_catquiz/images/bg1.jpg) 0 0 repeat;background-size:29.94792vh}.result__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.result__head{position:relative;display:block;width:85%}.result__head::before,.result__head::after{content:"";position:absolute;top:0;width:8.46354vh;height:13.02083vh;background:url(https://www.yellowhat.jp/campaign/202102/yellowhat_catquiz/images/obi.svg) 0 0 no-repeat;background-size:100% 100%}.result__head::before{left:-5.20833vh}.result__head::after{right:-5.20833vh;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.result__title{position:relative;z-index:1;height:11.19792vh;background-color:#006934;text-align:center}.result__title span{color:#fff;line-height:11.19792vh;font-size:5.72917vh;font-weight:bold;white-space:nowrap;text-align:center}.result__comment{margin-top:2.60417vh;color:#006934;font-size:3.90625vh;font-weight:600;text-align:center}.result__button{position:absolute;left:calc(50% - 65.10417vh);bottom:2.60417vh;cursor:pointer}.result__button--restart{padding-top:4.55729vh;width:21.48438vh;height:21.48438vh;background:url(https://www.yellowhat.jp/campaign/202102/yellowhat_catquiz/images/symbol.svg) 0 0 no-repeat;background-size:100%;color:#fff;font-size:2.60417vh;font-weight:600;text-align:center}.result__character{position:absolute;width:27.34375vh;right:calc(50% - 65.10417vh);bottom:2.60417vh}.result__present{position:relative;margin-top:3.90625vh;padding:3.90625vh 5.20833vh;border:.65104vh solid #006934;border-radius:2.60417vh;-webkit-box-shadow:.78125vh .78125vh 0 rgba(0,0,0,0.2);box-shadow:.78125vh .78125vh 0 rgba(0,0,0,0.2);width:calc(100% - 15.625vh);max-width:143.22917vh;background-color:#fff;text-align:center}.result-present__head{position:relative;display:inline-block;padding-left:7.16146vh}.result-present__head::before{content:"";position:absolute;top:calc(50% - 3.25521vh);left:0;width:5.46875vh;height:6.51042vh;background:url(https://www.yellowhat.jp/campaign/202102/yellowhat_catquiz/images/icon_present.svg) 0 0 no-repeat;background-size:100%}.result-present__title{display:inline-block;background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #fff000));background:linear-gradient(transparent 60%, #fff000 40%);color:#006934;font-size:3.90625vh;font-weight:bold;line-height:1.2}.result-present__body{margin-top:3.90625vh}.result-present__text{text-align:left;letter-spacing:0.01em;font-size:3.125vh;line-height:1.8}.result-present__text--green{color:#006934;font-size:120%;font-weight:bold}.result-present__text--red{color:#ee2414;font-weight:bold}.result-present__text--red em{font-size:140%;font-style:normal}.result-present__tweet{margin-top:3.90625vh;text-align:center}.result-present__tweet a{display:inline-block;border-radius:6.51042vh;padding:1.95313vh 5.20833vh 1.95313vh 11.71875vh;background:#1da1f2 url(https://www.yellowhat.jp/campaign/202102/yellowhat_catquiz/images/icon_tweet.svg) 2.60417vh 0 no-repeat;background-size:auto 100%;color:#fff;font-size:3.38542vh;font-weight:bold}.result-present__period{margin-top:1.95313vh;font-size:2.60417vh}.result__movie{position:relative;margin-top:2.60417vh;padding:3.90625vh 10.41667vh;border:.65104vh solid #006934;border-radius:2.60417vh;-webkit-box-shadow:.78125vh .78125vh 0 rgba(0,0,0,0.2);box-shadow:.78125vh .78125vh 0 rgba(0,0,0,0.2);width:calc(100% - 15.625vh);max-width:117.1875vh;background-color:#fff;text-align:center}.result-movie__head{position:relative;display:inline-block}.result-movie__title{display:inline-block;background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #fff000));background:linear-gradient(transparent 60%, #fff000 40%);color:#006934;font-size:3.64583vh;font-weight:bold;line-height:1.2}.result-movie__txt{position:absolute;top:-5.20833vh;left:-15.625vh;width:24.79167vh;height:8.52214vh;background:url(https://www.yellowhat.jp/campaign/202102/yellowhat_catquiz/images/txt_movie.svg) 0 0 no-repeat;background-size:100% 100%;overflow:hidden;text-indent:100%;white-space:nowrap;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}.result-movie__youtube{margin:2.60417vh auto 0;position:relative;width:65.10417vh;padding-top:36.62109vh}.result-movie__youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}