#rrc{max-width:800px;width:100%;aspect-ratio:4/3;margin:0 auto;background-color:#fff;background-image:linear-gradient(90deg,rgba(62,233,105,.5) 50%,transparent 50%),linear-gradient(rgba(62,233,105,.5) 50%,transparent 50%);background-size:6.46% 8%;background-repeat:repeat;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:3px 3px 6px #0006;overflow:hidden}#rrc.bg_data{background:#0c0101}.icon_wrap{position:absolute;inset:0;z-index:99;transition:opacity .5s ease;pointer-events:none;opacity:0}.icon_wrap>.icon{display:block;position:absolute;&[data-pos=p01]{top:12%;left:13%}&[data-pos=p02]{top:12%;right:15%}&[data-pos=p03]{bottom:18%;left:13%}&[data-pos=p04]{bottom:18%;right:15%}}.icon_wrap>.icon.sun{width:14.25%}.icon_wrap>.icon.sun>#icon_sun{vertical-align:bottom;filter:drop-shadow(0 0 5px #35ff90)}.icon_wrap>.icon.moon{width:9.75%;margin:2.25%}.icon_wrap>.icon.moon>#icon_moon{vertical-align:bottom;filter:drop-shadow(0 0 5px #4304a8);&[data-pos^=p]{right:16.25%}}.choice{position:absolute;inset:0;z-index:99;background-color:#0003;transition:opacity 1s ease}.choice>p{position:absolute;top:6%;left:0;font-size:24px;font-weight:700;color:#fff;width:100%;text-align:center;text-shadow:2px 2px 6px #f00;@media screen and (max-width:767px){font-size:3.2vw}}.select_item{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.select_item>div{width:31.5%;margin:0 5%;cursor:pointer;position:relative;transition:scale .5s ease,width .5s ease,margin .5s ease;&:hover{filter:brightness(110%) drop-shadow(0 0 20px rgba(255,255,255,.8));&:after{content:"";display:block;position:absolute;inset:0;margin:auto;width:100%;height:100%;box-sizing:border-box;pointer-events:none;animation:pulse 1s ease;opacity:0}}&.sel_sun:hover:after{border:2px solid #e45657}&.sel_moon:hover:after{border:2px solid #1c4f9f}>img{width:100%;height:auto}}.select_item.sun>div.sel_sun,.select_item.moon>div.sel_moon{scale:1.5}.select_item.sun>div.sel_moon,.select_item.moon>div.sel_sun{width:0;margin:0}.deck{width:19.25%;position:relative;&:before{content:"";display:block;padding-top:142.86%}>li{width:100%;height:100%;position:absolute;top:0;left:0;perspective:1000px;box-shadow:1px 1px 5px #0000001a;transition:all .4s ease;>img{width:100%;height:auto;transition:transform .8s ease;-webkit-transition:-webkit-transform .8s ease;position:absolute;top:0;left:0;backface-visibility:hidden;background-color:#fff;&.c_back{transform:rotateY(0)}&.c_front{transform:rotateY(180deg)}}&.open>.c_back{transform:rotateY(180deg)}&.open>.c_front{transform:rotateY(0)}}}.data{position:absolute;z-index:999;inset:0;background-color:#0c0101;padding:3%;text-align:left;opacity:0;transition:opacity 1s ease;&:before{content:"";display:block;background-image:url(/img/card/index_rose_01.svg);background-size:cover;width:12.5%;height:16.67%;position:absolute;top:0;left:0;mix-blend-mode:screen;opacity:0;transition:opacity .5s ease}&.blooming:before{opacity:1}@media screen and (max-width:767px){padding:1.56vw}}.data_inner{display:flex;justify-content:space-evenly;align-items:center;width:100%;height:100%;border:5px solid #cc771d;padding:3%;border-image:linear-gradient(135deg,#8e6417,#e2bd67,#ffe6aa,#8e6417,#e2bd67);border-image-slice:1;opacity:0;transition:opacity 1s ease;@media screen and (max-width:890px){border-width:.56vw}@media screen and (max-width:767px){padding:1.3vw}}.data_img_wrap{max-width:252px;>img{width:100%;height:auto}@media screen and (max-width:890px){max-width:28.31vw}}.data_main{color:#fff;width:50%;>p{font-size:28px;line-height:1.4;color:#ffe550;margin-bottom:8%;text-shadow:0 0 20px #fff;@media screen and (max-width:890px){font-size:3.15vw;text-shadow:0 0 2.24vw #fff}@media screen and (max-width:767px){font-size:3.26vw;margin-bottom:2.35vw}}>ul{font-family:Noto Sans JP,sans-serif;width:90%;>li{>span:last-child{line-height:1.4}}}}@media (min-width:768px){.data_main>ul>li{position:relative;padding:4%;border-radius:8px;border:solid 2px #fff}.data_main>ul>li+li{margin-top:9%}.data_main>ul>li>span:first-child{position:absolute;display:inline-block;top:-16px;left:10px;padding:0 8px;line-height:1;font-size:18px;background-color:#0c0101;font-weight:700}.data_main>ul>li>span:last-child{margin:0;padding:0}}@media screen and (max-width:890px) and (min-width:768px){.data_main>ul>li>span:first-child{top:-1.8vw;left:1.12vw;padding:0 .9vw;font-size:2.02vw}.data_main>ul>li>span:last-child{font-size:1.8vw}}@media screen and (max-width:767px){.data_main>ul>li{border-bottom:dashed 1px #fff}.data_main>ul>li+li{margin-top:2.09vw}.data_main>ul>li>span{display:block}.data_main>ul>li>span:first-child{font-size:2.5vw}.data_main>ul>li>span:last-child{font-size:2.08vw;margin:1.04vw}}.data_main>ul>li.w_all{border-color:#fcff50}.data_main>ul>li.w_all>span:first-child{color:#fcff50}.data_main>ul>li.w_love{border-color:#ff5068}.data_main>ul>li.w_love>span:first-child{color:#ff5068}.data_main>ul>li.w_feel{border-color:#c450ff}.data_main>ul>li.w_feel>span:first-child{color:#c450ff}.data_main>ul>li.w_work{border-color:#50c8ff}.data_main>ul>li.w_work>span:first-child{color:#50c8ff}.data_main>ul>li.w_heal{border-color:#50ff67}.data_main>ul>li.w_heal>span:first-child{color:#50ff67}.reload{max-width:800px;margin:10px auto 0;text-align:right;opacity:0;transition:all .5s ease;>span{display:inline-block;background-color:#ffbfe8;color:#9e0065;padding:10px;border-radius:10px;box-shadow:1px 1px 3px #333;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;user-select:none;margin-right:2px;cursor:pointer;&:active{box-shadow:none;transform:translate(2px,2px)}}}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}