:root{--main-color:#f0b0d7;--background-color:#fff;--main-button-color:#f0b0d7;--main-button-color-focused:#d0e0f0;--monacotto-color:#2097c0;--monacotto-color-pale:#a7e0ff;--monacotto-color-almostWhite:#f3faff;--monacotto-color-almostWhite-bf:#f3faffbf;--KOM-color:#b08030;--pink-pale:#ffe5df;--pink-pale-bf:#ffe5dfbf}:focus{outline:none}ul{list-style:none}.App{box-sizing:border-box;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:1em}.main{min-height:95vh;padding-bottom:2em}.main,.mainMonacotto{box-sizing:border-box;position:relative}.mainMonacotto{min-height:96vh;padding-bottom:4vh}.footer{background-color:#d0e0f0;background-color:var(--main-button-color-focused);bottom:0;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;position:absolute;width:98vw}.lpMainImage{width:40em}.cardImage{width:19em}.cardImageLarge{width:38em}.cardImageFullWidth{width:96vw}.mainImageContainer{background-color:initial;border:1px dotted #888;height:18em;position:relative;width:24em}.mainImageAbsolute{height:18em;left:0;object-fit:cover;position:absolute;top:0;width:24em;z-index:-10}.imageNoteContainer{background-color:initial;border:1px dotted #888;height:68.57em;position:relative;width:48em}.imageNote{height:68.57em;left:0;position:absolute;top:0;width:48em;z-index:-10}.gate{align-items:center;background-color:initial;border:none;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;margin:1em;max-width:95%;min-height:25em;padding:.5em;position:relative;transition:all .3s ease 0s;width:25em}.gate:hover{box-shadow:4px 4px 4px 2px #a7e0ff;box-shadow:4px 4px 4px 2px var(--monacotto-color-pale);transform:translateY(-4px)}.gateSmallScreen{align-items:center;background-color:initial;border:none;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;min-height:25em;padding:1vw;position:relative;transition:all .3s ease 0s;width:98vw}.gateSmallScreen:hover{box-shadow:4px 4px 4px 2px #a7e0ff;box-shadow:4px 4px 4px 2px var(--monacotto-color-pale);transform:translateY(-4px)}.mainImage{display:block;height:18em;object-fit:cover;width:24em}.mainImageSmallScreen{display:block;height:72vw;object-fit:cover;width:96vw}.howToUseMain{border:3px double #f0b0d7;border:3px double var(--main-color);margin:1em}.howToUseText{border:3px dashed #d0e0f0;border:3px dashed var(--main-button-color-focused);margin:1em;padding:1em}.boxCard{align-items:center;background-color:initial;border:none;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;margin:1em;min-height:30em;min-width:20em;padding:.5em;position:relative;transition:all .3s ease 0s}.boxCard:hover{box-shadow:4px 4px 4px 2px #a7e0ff;box-shadow:4px 4px 4px 2px var(--monacotto-color-pale);transform:translateY(-4px)}.boxHistory{min-height:4em;min-width:80em}.boxHistory,.boxPermission{background-color:#f3faff;background-color:var(--monacotto-color-almostWhite);border:none;border-radius:.3em;margin:.5em;padding:0}.boxPermission{min-height:6em;min-width:30em}.boxDetail{margin:.5em;min-width:25em;padding:.5em}.boxDetail,.boxDetailSmallScreen{background-color:#f3faff;background-color:var(--monacotto-color-almostWhite);border:none;border-radius:.3em}.boxDetailSmallScreen{margin:.5em 0;padding:.1em;width:98%}.cottoRolling{animation:slide .5s steps(8) infinite;background:url(../../static/media/cottoRolling.5b5a27ef373d13685adc.png) no-repeat;background-size:40em 5em;height:5em;width:5em}@keyframes slide{to{background-position:-40em 0}}.cottoRollingCenter,.cottoStill{background:url(../../static/media/cottoRolling.5b5a27ef373d13685adc.png) no-repeat;background-size:40em 5em;height:5em;width:5em}.cottoRollingCenter{animation:slide .5s steps(8) infinite;display:flex;left:50%;opacity:.5;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:15001}.soldOut{border:2px solid #f0b0d7;border:2px solid var(--main-color);border-radius:.5em;color:#f0b0d7;color:var(--main-color);font-size:1.5em;font-weight:700;padding:.5em .2em}.custom-dropdown{background-color:#f3faff;background-color:var(--monacotto-color-almostWhite);border:none;border-radius:5px;cursor:pointer;font-size:1em;padding:10px 15px;width:272px}.custom-dropdown:hover{background-color:#ffe5df;background-color:var(--pink-pale)}.boxNoteText{background-color:initial;border:none;border-left:3px solid var(--monacotto-color-pale);box-sizing:border-box;cursor:pointer;padding:.5em;position:relative;resize:none;scrollbar-width:none}.boxNoteText::-webkit-scrollbar{display:none}.box1{background-color:#e6e6f080;border-bottom:1px solid #000;border-radius:.3em;height:2.2em;margin:2px;position:relative;width:272px}.box2{margin:.5em;min-height:1em;width:25em}.box2,.box2Sp{word-wrap:break-word;background-color:#fff;border:1px solid #f0b0d7;border:1px solid var(--main-color);border-radius:.3em;padding:.5em;position:relative}.box2Sp{box-sizing:border-box;min-height:2em;width:95vw}.box3{margin:1em}.box3,.box3Sp{background-color:initial;border-radius:.5em;cursor:pointer;min-height:1.5em;padding:.5em;position:relative}.box4{box-sizing:border-box;max-width:95%;width:24em}.box4,.box4Sp{background-color:initial;border:1px solid #2097c0;border:1px solid var(--monacotto-color);border-radius:.5em;cursor:pointer;height:10em;position:relative}.box4Sp{width:100%}.boxMonacotto1{align-items:center;flex-direction:row;justify-content:space-between;padding:.5em;text-align:center}.boxMonacotto1,.boxMonacotto1SmallScreen{background-color:#f3faff;background-color:var(--monacotto-color-almostWhite);border:none;border-radius:.3em;display:flex;flex-wrap:wrap;font-size:1em}.boxMonacotto1SmallScreen{align-items:flex-start;flex-direction:column;justify-content:center;margin:.5em 0;padding:.1em;text-align:left;width:97vw}.dummyPadButton1{background-color:#fff}.button1,.dummyPadButton1{border:none;height:2.4em;margin:.5em;width:2.4em}.button1{background-color:#f0b0d7;background-color:var(--main-color);border-radius:.3em;box-shadow:none;cursor:pointer;padding:0;transition:box-shadow .3s ease 0s,transform .3s ease 0s}.button1:focus{border:2px solid #000}.button1:hover{box-shadow:2px 2px 2px 1px #a7e0ff;box-shadow:2px 2px 2px 1px var(--monacotto-color-pale);transform:translateY(-2px)}.button2{background-color:#f0b0d7;background-color:var(--main-button-color);border:none;border-radius:.3em;cursor:pointer;height:3em;margin:.5em;padding:0;width:6em}.button2:focus{border:2px solid #000}.button3{background-color:#f0b0d7;background-color:var(--main-color)}.button3,.button3:focus{border:none;border-radius:.3em;cursor:pointer;height:4em;margin:.5em;min-width:6em;padding:0}.button3:focus{background-color:#d0e0f0;background-color:var(--main-button-color-focused)}.button4{background-color:#f0b0d7;background-color:var(--main-button-color);border-radius:.3em}.button4,.button4:focus{cursor:pointer;height:2em;margin:.5em;padding:0;width:2em}.button4:focus{background-color:#d0e0f0;background-color:var(--main-button-color-focused);border:none;border-radius:.3em}.buttonMainColor{background-color:#f0b0d7;background-color:var(--main-color);border:none;border-radius:.3em;box-shadow:none;cursor:pointer;margin:.5em;padding:0;transition:box-shadow .3s ease 0s,transform .3s ease 0s}.buttonMainColor:focus{border:2px solid #000}.buttonMainColor:hover{box-shadow:2px 2px 2px 1px #a7e0ff;box-shadow:2px 2px 2px 1px var(--monacotto-color-pale);transform:translateY(-2px)}.textLine1{height:50%}.textArea1,.textLine1{background-color:initial;border:none;bottom:0;font-size:1em;left:2%;padding:0;position:absolute;width:96%;z-index:100}.textArea1{height:90%;resize:none}.label1Filled,.label1Unfilled{left:0;padding:0 .5em;position:absolute;top:0;z-index:99}.label1Filled{font-size:.5em}.popupBackground{z-index:9999}.popupBackground,.popupBackgroundMultiLayer{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.popupBackgroundMultiLayer{z-index:calc(9999 + var(--popupLayer)*10)}.popup{max-width:800px;z-index:10001}.popup,.popupMultiLayer{word-wrap:break-word;background:#fff;border-radius:10px;max-height:90%;overflow-y:auto;padding:1.5em 1em;position:relative}.popupMultiLayer{max-width:85%;z-index:calc(10001 + var(--popupLayer)*10)}.popupMultiLayerSmallScreen{word-wrap:break-word;background:#fff;border-radius:10px;max-height:90%;overflow-y:auto;padding:1.5em 0;position:relative;width:99vw;z-index:calc(10001 + var(--popupLayer)*10)}.closePopup{z-index:10000}.closePopup,.closePopupMultiLayer{background:#0000004d;cursor:pointer;display:block;height:100vh;left:0;position:fixed;top:0;width:100vw}.closePopupMultiLayer{z-index:calc(10000 + var(--popupLayer)*10)}.topRightClose{background-color:initial;border:none;border-radius:10px;color:#803030;font-size:1em;height:2em;margin:0;padding:0;position:absolute;right:0;top:0;width:2em}.tooltip,.tooltipRight{left:30%}.tooltip,.tooltipLeft,.tooltipRight{background-color:#fff;background-color:var(--background-color);border:1.5px solid #f0b0d7;border:1.5px solid var(--main-color);border-radius:.3em;display:none;padding:.5em 1em;position:absolute;top:115%;z-index:200}.tooltipLeft{left:-30%}.messageFade-appear-done{opacity:0}.messageFade-enter{opacity:1}.messageFade-enter,.messageFade-enter-active{word-wrap:break-word;background-color:#ffe3b3;border-radius:5px;bottom:0;color:#803030;height:fit-content;left:0;margin:auto;padding:.5em 1em;pointer-events:none;position:fixed;right:0;top:0;width:fit-content;z-index:20001}.messageFade-enter-active{opacity:0;transition:opacity 2s ease-out 3s}.messageFade-enter-done,.messageFade-exit,.messageFade-exit-done{color:#803030;display:none;opacity:0}.messageFade2-appear-done{opacity:0}.messageFade2-enter{opacity:1}.messageFade2-enter,.messageFade2-enter-active{height:100%;pointer-events:none;position:fixed;width:100%;z-index:21000}.messageFade2-enter-active{opacity:0;transition:opacity 2s ease-out 3s}.messageFade2-enter-done,.messageFade2-exit,.messageFade2-exit-done{color:#803030;display:none;opacity:0}.screen140{background:#fff6;height:100%;left:0;position:absolute;top:0;width:100%;z-index:140}.flexRow{flex-direction:row}.flexColumn,.flexRow{display:flex;flex-wrap:wrap}.flexColumn{flex-direction:column}.justifyContentFlexStart{justify-content:flex-start}.justifyContentFlexEnd{justify-content:flex-end}.justifyContentSpaceBetween{justify-content:space-between}.justifyContentSpaceAround{justify-content:space-around}.justifyContentCenter{justify-content:center}.alignItemsCenter{align-items:center}.alignItemsFlexStart{align-items:flex-start}.alignItemsFlexEnd{align-items:flex-end}.margin0p5{margin:.5em}.margin1{margin:1em}.margin2{margin:2em}.marginTop1{margin-top:1em}.marginTop0p5{margin-top:.5em}.marginTopBottom0p1{margin-bottom:.1em;margin-top:.1em}.marginTopBottom0p3,.marginTopBottom0p5{margin-bottom:.3em;margin-top:.3em}.marginTopBottom1{margin-bottom:1em;margin-top:1em}.marginBottom0p5{margin-bottom:.5em}.marginBottomM0p5{margin-bottom:-.5em}.marginLeft0p5{margin-left:.5em}.marginLeft1{margin-left:1em}.marginSide0{margin-left:0;margin-right:0}.marginSide0p1{margin-left:.1em;margin-right:.1em}.marginSide0p2{margin-left:.2em;margin-right:.2em}.marginSide0p5{margin-left:.5em;margin-right:.5em}.marginSide1{margin-left:1em;margin-right:1em}.marginSide2{margin-left:2em;margin-right:2em}.marginSide2p5vw{margin-left:2.5vw;margin-right:2.5vw}.marginRight1{margin-right:1em}.padding0{padding:0}.padding0p3{padding:.3em}.padding0p5{padding:.5em}.padding1{padding:1em}.paddingRight0p5{padding-right:.5em}.paddingRight1{padding-right:1em}.paddingRight5{padding-right:5em}.paddingLeft0p5{padding-left:.5em}.paddingLeft1{padding-left:1em}.paddingLeft5{padding-left:5em}.paddingSide0p1{padding:.1em}.paddingSide0p5{padding:.5em}.paddingSide1{padding-left:1em;padding-right:1em}.size1x1{height:1em;width:1em}.size2x2{height:2.2em;width:2.2em}.size2x2Large{height:2.5em;width:2.5em}.size1p7x1p7{height:1.7em;width:1.7em}.size48px48px{height:48px;width:48px}.width1{width:1em}.width1p2{width:1.2em}.width2p4{width:2.4em}.width6{width:6em}.width10{width:10em}.width14{width:14em}.width20{width:20em}.width24{width:24em}.width35{width:35em}.width50{width:50em}.width104{width:104em}.width60vw{box-sizing:border-box;width:60vw}.maxWidth60vw{box-sizing:border-box;max-width:90vw}.width90vw{box-sizing:border-box;width:90vw}.maxWidth90vw{box-sizing:border-box;max-width:90vw}.width93vw{box-sizing:border-box;width:93vw}.width95vw{box-sizing:border-box;width:95vw}.maxWidth95vw{box-sizing:border-box;max-width:95vw}.width96vw{box-sizing:border-box;width:96vw}.width98vw{box-sizing:border-box;width:98vw}.width99vw{box-sizing:border-box;width:99vw}.width99P5vw{box-sizing:border-box;width:99.5vw}.maxWidth98vw{box-sizing:border-box;max-width:98vw}.widthMax{box-sizing:border-box;width:100%}.maxWidthMax{box-sizing:border-box;max-width:100%}.width100vw{box-sizing:border-box;width:100vw}.maxWidth100vw{box-sizing:border-box;max-width:100vw}.width98PC{box-sizing:border-box;width:98%}.width96PC{box-sizing:border-box;width:96%}.width90P{width:90%}.width85PC{width:85%}.width75PC{width:75%}.widthMin7{min-width:7em}.widthMin10{min-width:10em}.widthMin12{min-width:12em}.widthMin13{min-width:13em}.widthMin15{min-width:15em}.widthMin20{min-width:20em}.widthMin25{min-width:25em}.widthMax25{max-width:25em}.widthVW{width:98vw}.heightMax,.widthVW{box-sizing:border-box}.heightMax{height:100%}.height70PC{height:70%}.height1{height:1em}.height1p2{height:1.2em}.height2p2{height:2.2em}.height3{height:3em}.height4{height:4em}.height6{height:6em}.height15{height:15em}.heightMin2{min-height:2em}.heightMin3{min-height:3em}.heightMin4{min-height:4em}.invisibleCheckBox{display:none}.invisibleCheckBox:checked+.label1Unfilled{font-size:.5em}.invisibleCheckBox:checked+.box1,.invisibleCheckBox:checked+.box2,.invisibleCheckBox:checked+.box3,.invisibleCheckBox:checked+.box4{background-color:#b7b7b780}.invisibleCheckBox:checked+.tooltip,.invisibleCheckBox:checked+.tooltipLeft,.invisibleCheckBox:checked+.tooltipRight{display:flex}.borderBox{box-sizing:border-box}.colorRed{color:red}.backgroundColorWhite{background-color:#fff}.backgroundColorWhiteTransparent{background-color:#ffffffa8}.backgroundColorMonacotto{background-color:#2097c0;background-color:var(--monacotto-color)}.backgroundColorMonacottoPale{background-color:#a7e0ff;background-color:var(--monacotto-color-pale)}.backgroundColorMonacottoAlmostWhite{background-color:#f3faff;background-color:var(--monacotto-color-almostWhite)}.backgroundColorPinkPale{background-color:#ffe5df;background-color:var(--pink-pale);background-image:none}.backgroundColorRed{background-color:red}.backgroundColorTransparent{background-color:initial}.backgroundColorMonacottoAlmostWhiteBf{background-color:#f3faffbf;background-color:var(--monacotto-color-almostWhite-bf)}.backgroundColorPinkPaleBf{background-color:#ffe5dfbf;background-color:var(--pink-pale-bf)}.turnPink{background-color:initial;box-shadow:0 1px 0 0 #a7e0ff;box-shadow:0 1px 0 0 var(--monacotto-color-pale);transition:box-shadow .3s ease 0s,background-color .3s ease 0s}.turnPink:hover{background-color:#ffe5df;background-color:var(--pink-pale);box-shadow:2px 2px 2px 1px #a7e0ff;box-shadow:2px 2px 2px 1px var(--monacotto-color-pale)}.font1p5{font-size:1.5em}.font2{font-size:2em}.textCenter{text-align:center}.textLeft{text-align:left}.textRight{text-align:Right}.fontHyperLink{color:#8090f0;font-size:1.3em}.breakWord{word-wrap:break-word}.breakAll{word-break:break-all}.preWrap{white-space:pre-wrap}.preLine{white-space:pre-line}.lineHeight1{line-height:1}.invisible{display:none}.displayBlock{display:block}.relative{position:relative}.absoluteZero,.z200AbsoluteZero{left:0;position:absolute;top:0}.z200AbsoluteZero{z-index:200}.border{border:1px solid green}.borderNone{border:none}.borderSelected{border:2px solid #f0b0d7;border:2px solid var(--main-color)}.borderCircleMonacotto{border:1px solid #2097c0;border:1px solid var(--monacotto-color);border-radius:50%}.borderMonacotto,.borderMonacottoNoRadius{border:1px solid #2097c0;border:1px solid var(--monacotto-color)}.borderMonacotto{border-radius:.5em}.borderMonacottoPale{border:1px solid #a7e0ff;border:1px solid var(--monacotto-color-pale);border-radius:.5em}.borderKOM{border:1px solid #b08030;border:1px solid var(--KOM-color);border-radius:.5em}.borderKOM2pxBorder{border:2px solid #b08030;border:2px solid var(--KOM-color);border-radius:.5em}.borderKOMFatBorder{border:3px solid #b08030;border:3px solid var(--KOM-color);border-radius:.5em}.borderRadius2{border-radius:2px}.borderRadius0p5{border-radius:.5em}.borderRadiusCircle{border-radius:50%}.borderTopBottom{border-bottom:.2em solid #2097c0;border-bottom:.2em solid var(--monacotto-color);border-radius:.5em;border-top:.2em solid #2097c0;border-top:.2em solid var(--monacotto-color);padding:.5em}.cursor{cursor:pointer}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}.z150Center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:150}.z170TopRight{position:absolute;right:5%;top:5%;z-index:170}.z200Left{left:5%}.z200Left,.z200Right{position:absolute;top:50%;transform:translateY(-50%);z-index:200}.z200Right{right:5%}.z200FixedZero{left:0;position:fixed;top:0;z-index:200}.z200FixedRightBottom{bottom:3em;position:fixed;right:1.5em;z-index:200}.z21000{z-index:21000}.zM10{z-index:-10}.riseOut2{box-shadow:0 1px 0 0 #a7e0ff;box-shadow:0 1px 0 0 var(--monacotto-color-pale);transition:box-shadow .3s ease 0s,transform .3s ease 0s}.riseOut2:hover{box-shadow:2px 2px 2px 1px #a7e0ff;box-shadow:2px 2px 2px 1px var(--monacotto-color-pale);transform:translateY(-2px)}.riseOut2Half{box-shadow:none;transition:box-shadow .3s ease 0s,transform .3s ease 0s}.riseOut2Half:hover{box-shadow:2px 2px 2px 1px #a7e0ff;box-shadow:2px 2px 2px 1px var(--monacotto-color-pale);transform:translateY(calc(-50% - 2px))}@media screen and (max-width:1079px){.invisibleSp,.visibleLargeOrMore{display:none}}@media screen and (min-width:1080px){.invisiblePc,.visibleMiddleOrLess{display:none}}@media screen and (max-width:831px){.visibleMiddleOrMore{display:none}}@media screen and (min-width:832px){.visibleSmallOrLess{display:none}}
/*# sourceMappingURL=main.783433e0.css.map*/