@import url(https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&family=BIZ+UDPMincho&family=Dela+Gothic+One&family=DotGothic16&family=Hachi+Maru+Pop&family=Hina+Mincho&family=Kaisei+Decol&family=Kaisei+Tokumin&family=Kiwi+Maru&family=Klee+One:wght@400;600&family=Kosugi+Maru&family=M+PLUS+1p&family=New+Tegomin&family=Noto+Sans+JP&family=Potta+One&family=Rampart+One&family=Reggae+One&family=RocknRoll+One&family=Sawarabi+Mincho&family=Shippori+Mincho&family=Stick&family=Train+One&family=Yomogi&family=Yuji+Boku&family=Yuji+Mai&family=Yuji+Syuku&family=Yusei+Magic&family=Zen+Kaku+Gothic+New&family=Zen+Maru+Gothic&family=Zen+Old+Mincho&display=swap);.menBox{display:flex;justify-content:center;flex-wrap:wrap;max-width:768px;margin:0 auto}.menBox .initArea{width:100vw;text-align:center;font-size:1.1rem}.menBox p{font-size:2rem;cursor:pointer}p:nth-of-type(2n){margin:10px 20px 10px 8px}p:nth-of-type(odd){margin:40px 10px 10px 5px}.resultDialog{position:fixed;top:0;left:0;transition:all .4s;display:flex;height:100vh;width:100vw;background:rgba(0,0,0,.6);z-index:1}.resultDialog.none{display:none}.resultDialog .answerArea h2{margin-bottom:0}.resultDialog .answerArea{width:50vw;height:25vh;padding:0;display:flex;justify-content:space-between;align-items:center;flex-direction:column;position:absolute;background:#fff;border-radius:16px;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);z-index:99;max-width:768px;max-height:235px}.resultDialog .overlay{position:absolute;height:100vh;width:100vw;left:0;top:0;z-index:2;background:transparent}.resultDialog .emoticon{margin:16px 0;font-size:3rem}.resultDialog .close{display:flex;align-items:center;justify-content:center;width:100%;min-height:60px;font-size:1.2rem;background:#eee;border-radius:0 0 16px 16px;cursor:pointer}@media screen and (max-width:480px){.resultDialog .emoticon{font-size:2rem}.resultDialog .answerArea{width:90vw;height:35vh}}.delaGothicOne{font-family:Dela Gothic One,cursive}.dotGothic16{font-family:DotGothic16,sans-serif}.hachiMaruPop{font-family:Hachi Maru Pop,cursive}.hinaMincho{font-family:Hina Mincho,serif}.kaiseiDecol{font-family:Kaisei Decol,serif}.kaiseiTokumin{font-family:Kaisei Tokumin,serif}.kiwiMaru{font-family:Kiwi Maru,serif}.kleeOne{font-family:Klee One,cursive}.kosugiMaru{font-family:Kosugi Maru,sans-serif}.mPLUS1p{font-family:M PLUS\ 1p,sans-serif}.newTegomin{font-family:New Tegomin,serif}.notoSansJP{font-family:Noto Sans JP,sans-serif}.pottaOne{font-family:Potta One,cursive}.rampartOne{font-family:Rampart One,cursive}.reggaeOne{font-family:Reggae One,cursive}.rocknRollOne{font-family:RocknRoll One,sans-serif}.sawarabiMincho{font-family:Sawarabi Mincho,serif}.shipporiMincho{font-family:Shippori Mincho,serif}.stick{font-family:Stick,sans-serif}.trainOne{font-family:Train One,cursive}.Yomogi{font-family:Yomogi,cursive}.yuseiMagic{font-family:Yusei Magic,sans-serif}.yujiBoku{font-family:Yuji Boku,serif}.yujiMai{font-family:Yuji Mai,serif}.yujiSyuku{font-family:Yuji Syuku,serif}.zenKakuGothicNew{font-family:Zen Kaku Gothic New,sans-serif}.zenMaruGothic{font-family:Zen Maru Gothic,sans-serif}.zenOldMincho{font-family:Zen Old Mincho,serif}.loading.none{display:none!important}.loading{position:fixed;width:100vw;height:100vh;background:#333;color:#fff;left:0;top:0;display:flex;justify-content:center;align-items:center;transition:all .6s}.container{animation:rotation 7s linear infinite;margin:0!important}.circle-text{position:absolute;width:300px;height:300px;font-size:30px;text-align:center;margin:0!important;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.circle-text span{position:absolute;top:0;left:calc(50% - 15px);display:inline-block;width:30px;height:150px;transform-origin:center bottom}.circle-text span:first-child{transform:rotate(0deg)}.circle-text span:nth-child(2){transform:rotate(30deg)}.circle-text span:nth-child(3){transform:rotate(60deg)}.circle-text span:nth-child(4){transform:rotate(90deg)}.circle-text span:nth-child(5){transform:rotate(120deg)}.circle-text span:nth-child(6){transform:rotate(150deg)}.circle-text span:nth-child(7){transform:rotate(180deg)}.circle-text span:nth-child(8){transform:rotate(210deg)}.circle-text span:nth-child(9){transform:rotate(240deg)}.circle-text span:nth-child(10){transform:rotate(270deg)}.circle-text span:nth-child(11){transform:rotate(300deg)}.circle-text span:nth-child(12){transform:rotate(330deg)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}body{background:#fff5e9;color:#333}