html{font-size:62.5%}html body{font-size:1.2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}*{margin:0;padding:0}*,*::before,*::after{box-sizing:border-box}.clearfix::after{content:"";display:block;clear:both}a{text-decoration:none}li{list-style-type:none}img{pointer-events:none}input[type=checkbox]{display:none}label.checkbox_label{position:relative;padding-left:3vw;color:#ffffff}label.checkbox_label span:after{position:absolute;top:50%;left:1.5vw;display:block;width:1vw;height:1vw;content:"";border:solid 2px #fff;border-color:rgba(255,255,255,0.75);border-radius:0.25vw;transform:translateY(-50%)}@media only screen and (max-width: 780px){label.checkbox_label span:after{border:solid 1px #fff;border-color:rgba(255,255,255,0.75)}}label.checkbox_label span:before{position:absolute;top:35%;left:1.5vw;display:block;width:0.5vw;height:1vw;border-right:solid 2px #fff;border-bottom:solid 2px #fff;border-width:3px;transform:rotate(45deg) translateY(-50%);content:"";opacity:0}@media only screen and (max-width: 780px){label.checkbox_label span:before{border-right:solid 1px #fff;border-bottom:solid 1px #fff;border-width:1.5px}}label.checkbox_label input[type=checkbox]:checked+span:before{opacity:1}.black_out{position:absolute;left:0;top:0;width:100%;padding:56.25% 0 0;background-color:#000;opacity:0;transition:opacity 0.2s, z-index 0.2s}.black_out.blacking_out{z-index:10;opacity:1}*:focus{outline:none}#erojong_container{position:relative;width:100%;padding:56.25% 0 0}.info_box{background-color:rgba(0,0,0,0.5);border:solid 2px #fff;border-radius:10px;position:relative}@media only screen and (max-width: 780px){.info_box{border:solid 1px #fff;border-radius:5px}}li.selecting{background-color:rgba(224,106,59,0.5)}.close_button{position:absolute;top:1vw;right:1vw;border:solid 2px #fff;border-radius:50%;color:#fff;font-size:2vw;line-height:1.7vw;width:2vw;height:2vw;text-align:center;box-sizing:content-box;z-index:1}@media screen and (max-width: 800px){.close_button{font-size:1rem;line-height:1rem;width:1.2rem;height:1.2rem}}@media screen and (min-width: 1040px){.close_button{font-size:1.3rem;line-height:1.3rem;width:1.5rem;height:1.5rem}}@media only screen and (max-width: 780px){.close_button{border:solid 1px #fff}}.close_button::after{content:"×"}.buttons{display:flex;justify-content:space-evenly;position:absolute;bottom:0;margin-bottom:3vh;width:100%}.button{background-color:rgba(0,0,0,0.5);border:solid 2px #fff;border-radius:10px;position:relative}@media only screen and (max-width: 780px){.button{border:solid 1px #fff;border-radius:5px}}.button{background:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;width:20vw;font-size:2.5vw;color:#fff}.button[disabled],.button[disabled]:hover{background:silver}.button:hover{background:rgba(0,0,0,0.5)}.menu{position:absolute;width:25%;left:101%;z-index:2;transition:left 0.2s}.novel_panel .menu{bottom:21%}.mahjong_panel .menu{bottom:5%}.menu.open_menu{left:77%}.menu .menu_tab{position:absolute;border-radius:5px 5px 0 0;font-size:2vw;width:50%;text-align:center;transform:rotate(-90deg);bottom:30%;left:-31%;cursor:pointer}.menu .menu_box{height:100%}.menu .menu_box ul{height:100%}.menu .menu_box ul li{height:16.667%;padding-left:3%;font-size:2.5vw;line-height:5vw}.menu .menu_box ul li .small_menu{font-size:1.3vw}.menu .menu_box ul li.active{color:yellow}.menu .menu_box ul li.disabled{color:gray}.item_window{position:absolute;width:50%;height:75%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:none}.item_window .item_list{height:80%;border-bottom:solid 2px #fff}@media only screen and (max-width: 780px){.item_window .item_list{border-bottom:solid 1px #fff}}.item_window .item_list li{padding-left:5%;height:10%;font-size:2vw;line-height:3.5vw}.item_window .item_list li .tiles{margin-left:1vw}.item_window .item_list li .tiles img{height:100%}.item_window .item_list li.active{color:yellow}.item_window .item_list li.disabled{color:gray}.item_window .item_info_area{height:20%;font-size:2vw}.item_window .item_info_area .item_description{float:left;width:85%;height:100%;padding:2%;border-right:solid 2px #fff}@media only screen and (max-width: 780px){.item_window .item_info_area .item_description{border-right:solid 1px #fff}}.item_window .item_info_area .item_description .tiles .tile_container{width:2vw}.item_window .item_info_area .item_cost{float:left;width:15%;height:100%;text-align:center}.item_window .item_info_area .item_cost .item_number_area{height:50%;line-height:4vw}.item_window .item_info_area .item_cost .item_cost_coins{border-bottom:solid 2px #fff}@media only screen and (max-width: 780px){.item_window .item_info_area .item_cost .item_cost_coins{border-bottom:solid 1px #fff}}.scroll_container{display:block;position:absolute;width:94%;height:85%;overflow:auto;font-size:2vw}#erojong_container>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;padding:1%;color:#fff;text-shadow:black 1px 1px 0, black -1px 1px 0, black 1px -1px 0, black -1px -1px 0}#erojong_container>div .start_panel{position:relative;width:100%;height:100%}#erojong_container>div .start_panel .start_message{position:absolute;bottom:10vh;text-align:center;width:100%;font-size:4rem;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}#erojong_container>div .novel_panel{position:relative;width:100%;height:100%}#erojong_container>div .novel_panel .novel_serif_box{position:absolute;width:90%;height:20%;top:80%;left:50%;transform:translateX(-50%);padding:2% 3% 2% 2%;font-size:2vw}#erojong_container>div .novel_panel .recollection_box{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:75%;height:90%;padding:4% 3% 3%;overflow:hidden;display:none}#erojong_container>div .mahjong_panel{position:relative;width:100%;height:100%}#erojong_container>div .mahjong_panel .tile_container{position:relative;display:inline-block}#erojong_container>div .mahjong_panel .tile_container::before{content:"";display:block;padding-top:178.7878787879%}#erojong_container>div .mahjong_panel .tile_container .tile{display:inline-block;overflow:hidden;position:absolute;width:100%;height:100%;top:0;left:0}#erojong_container>div .mahjong_panel .tile_container .tile.selecting{top:-2.5vw}#erojong_container>div .mahjong_panel .tile_container .tile img{position:absolute;left:-727.2727272727%;top:-508.4745762712%;width:1818.1818181818%}#erojong_container>div .mahjong_panel .tile_container.side{width:133.3333333333%}#erojong_container>div .mahjong_panel .tile_container.side::before{padding-top:111.3636363636%}#erojong_container>div .mahjong_panel .tile_container.side .tile img{left:-272.7272727273%;top:-1714.2857142857%;width:1363.6363636364%}#erojong_container>div .mahjong_panel .tile_container .tile_effect{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}#erojong_container>div .mahjong_panel .tile_container .tile_effect.forbidden::before{position:absolute;width:1000%;height:10%;top:0;left:0;background-color:rgba(255,0,0,0.7);content:"";transform:rotate(60.7807533095deg);transform-origin:top left}#erojong_container>div .mahjong_panel .tile_container .tile_effect.dark::before{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.5);content:""}#erojong_container>div .mahjong_panel .tile_container .tile_effect.dora::before{display:block;position:absolute;left:20%;top:-200%;content:"";width:100%;height:200%;transform:rotate(30deg);background-image:linear-gradient(to left, rgba(255,255,255,0) 0%, #fff 50%, rgba(255,255,255,0) 100%);transition:0s linear}#erojong_container .mahjong_panel .tile_container.side .tile .tile_effect.dora::before{left:-10%}#erojong_container .mahjong_panel .enemy_river .tile_container .tile .tile_effect.dora::before,#erojong_container .mahjong_panel .enemy_hands .tile_container .tile .tile_effect.dora::before{top:100%}#erojong_container .mahjong_panel .enemy_river .tile_container.side .tile .tile_effect.dora::before,#erojong_container .mahjong_panel .enemy_hands .tile_container.side .tile .tile_effect.dora::before{top:-200%;left:10%;transform:rotate(-30deg)}#erojong_container>div .mahjong_panel .tile_container .tile_effect.dora.dora-moving::before{top:100%;transition:1s linear}#erojong_container .mahjong_panel .enemy_river .tile_container .tile .tile_effect.dora.dora-moving::before,#erojong_container .mahjong_panel .enemy_hands .tile_container .tile .tile_effect.dora.dora-moving::before{top:-200%}#erojong_container .mahjong_panel .enemy_river .tile_container.side .tile .tile_effect.dora.dora-moving::before,#erojong_container .mahjong_panel .enemy_hands .tile_container.side .tile .tile_effect.dora.dora-moving::before{top:100%}#erojong_container>div .mahjong_panel .tiles{font-size:0}#erojong_container>div .mahjong_panel .hidden{visibility:hidden}#erojong_container>div .mahjong_panel .hands{position:absolute;left:50%;width:100%;transform:translateX(-50%);white-space:nowrap}#erojong_container>div .mahjong_panel .hands .tile_container{width:4.2vw}#erojong_container>div .mahjong_panel .hands .tile_container.side{width:5.6vw}#erojong_container>div .mahjong_panel .hands .tiles_block{position:relative;display:inline-block;height:100%;margin-right:1%}#erojong_container>div .mahjong_panel .enemy_hands{top:1%;padding-left:16.5vw;text-align:left}#erojong_container>div .mahjong_panel .enemy_hands .tile_container{vertical-align:top}#erojong_container>div .mahjong_panel .enemy_hands .tile_container.kan_upper{position:absolute;left:30%;top:56%}@media only screen and (max-width: 780px){#erojong_container>div .mahjong_panel .enemy_hands .tile_container.kan_upper{top:48%}}#erojong_container>div .mahjong_panel .my_hands{position:absolute;bottom:1%;padding-right:16.5vw;text-align:right}#erojong_container>div .mahjong_panel .my_hands .kan_lower{position:absolute;left:30%;top:38%}#erojong_container>div .mahjong_panel .my_hands .kan_upper{position:absolute;left:30%;top:-4%}#erojong_container>div .mahjong_panel .river{position:absolute;height:12%;width:30%;right:0}#erojong_container>div .mahjong_panel .river div{width:100%;height:50%}#erojong_container>div .mahjong_panel .river div .tile_container{width:8.1%}#erojong_container>div .mahjong_panel .river div .tile_container.side{width:10.81%;vertical-align:top}#erojong_container>div .mahjong_panel .river .reach_bar{position:absolute;left:50%;width:50%;transform:translateX(-50%);top:-30%}#erojong_container>div .mahjong_panel .river.enemy_river{top:25%;transform:translateY(-100%)}#erojong_container>div .mahjong_panel .river.enemy_river div{text-align:right}#erojong_container>div .mahjong_panel .river.enemy_river .reach_bar{top:275%}#erojong_container>div .mahjong_panel .river.my_river{top:53%}#erojong_container>div .mahjong_panel .player_info{position:absolute;width:17.578%;height:15%;text-align:center;line-height:4vw}#erojong_container>div .mahjong_panel .player_info .upper_info_box{height:50%;border-bottom:solid 2px #fff}@media only screen and (max-width: 780px){#erojong_container>div .mahjong_panel .player_info .upper_info_box{border-bottom:solid 1px #fff}}#erojong_container>div .mahjong_panel .player_info .upper_info_box .status_box{height:100%;width:33%;font-size:1.5vw;float:left;border-right:solid 2px #fff}@media only screen and (max-width: 780px){#erojong_container>div .mahjong_panel .player_info .upper_info_box .status_box{border-right:solid 1px #fff}}#erojong_container>div .mahjong_panel .player_info .upper_info_box .name_box{height:100%;font-size:1.75vw;float:left;width:66%}#erojong_container>div .mahjong_panel .player_info .upper_info_box .name_box img{vertical-align:middle;width:20%;transform:translateY(-15%)}#erojong_container>div .mahjong_panel .player_info .point_box{font-size:3vw;height:50%}#erojong_container>div .mahjong_panel .player_info.enemy_info_box{top:18%}#erojong_container>div .mahjong_panel .player_info.my_info_box{top:65%}#erojong_container>div .mahjong_panel .game_info{position:absolute;top:50%;transform:translateY(-50%);height:30%;width:17.578%}#erojong_container>div .mahjong_panel .game_info .time_info{height:24.95%;font-size:1.408vw}#erojong_container>div .mahjong_panel .game_info .time_info span{font-size:1.76vw}#erojong_container>div .mahjong_panel .game_info .time_info .round_wind{float:left;width:36.5%}#erojong_container>div .mahjong_panel .game_info .time_info .round_wind img{margin:auto;width:90%}#erojong_container>div .mahjong_panel .game_info .time_info .deposit_info{float:right;width:32.71%;height:100%}#erojong_container>div .mahjong_panel .game_info .time_info .deposit_info p{height:50%}#erojong_container>div .mahjong_panel .game_info .time_info .deposit_info p img{width:35%;height:35%}#erojong_container>div .mahjong_panel .game_info .time_info .rest_info{position:relative;float:right;width:30.7%;height:100%;line-height:100%;padding-top:4%}@media only screen and (max-width: 780px){#erojong_container>div .mahjong_panel .game_info .time_info .rest_info{width:30%}}#erojong_container>div .mahjong_panel .game_info .time_info .rest_info .tile_container{vertical-align:middle;width:25%}#erojong_container>div .mahjong_panel .game_info .deck_info{position:relative;margin-top:10%;top:10%}#erojong_container>div .mahjong_panel .game_info .deck_info .deck{width:100%}#erojong_container>div .mahjong_panel .game_info .deck_info .deck.deck_upper{position:absolute;top:-26%}#erojong_container>div .mahjong_panel .game_info .deck_info .deck .dora{position:absolute;top:-30%}#erojong_container>div .mahjong_panel .game_info .deck_info .deck .back_dora{position:absolute;top:20%;z-index:2}#erojong_container>div .mahjong_panel .game_info .deck_info .deck .tile_container{width:20%}#erojong_container>div .mahjong_panel .show_wait_box{position:absolute;bottom:0;left:85%;width:15%}#erojong_container>div .mahjong_panel .show_wait_box .tile_container{width:15%}#erojong_container>div .mahjong_panel .reaction_window{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:65%;height:20%;display:block}#erojong_container>div .mahjong_panel .reaction_window .reaction_image{float:left;width:16.447%;height:100%}#erojong_container>div .mahjong_panel .reaction_window .reaction_image img{height:100%}#erojong_container>div .mahjong_panel .reaction_window .reaction_message_box{float:left;width:83.553%;padding:3%;font-size:3vw}#erojong_container>div .mahjong_panel .give_coins_window{display:none;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:90%;height:90%}#erojong_container>div .mahjong_panel .give_coins_window .give_coin_iframe{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:512px;max-height:80%}#erojong_container>div .mahjong_panel .give_coins_window label{position:absolute;bottom:1vw;font-size:2vw;vertical-align:middle}#erojong_container>div .mahjong_panel .role_window{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:50%;height:90%}#erojong_container>div .mahjong_panel .role_window .role_lists{height:90%}#erojong_container>div .mahjong_panel .role_window .role_list{float:left;width:45%;height:90%;font-size:2vw;line-height:2vw;padding-left:3%}#erojong_container>div .mahjong_panel .role_window .role_list .role{margin-top:1vw}#erojong_container>div .mahjong_panel .role_window .role_list .role .name{display:inline-block;width:70%}#erojong_container>div .mahjong_panel .role_window .role_list .role .han_number{display:inline-block;width:30%;text-align:right}#erojong_container>div .mahjong_panel .role_window .score_info{font-size:3vw;line-height:3vw}#erojong_container>div .mahjong_panel .role_window .score_info .attached_info{display:inline-block;width:60%;padding-left:5%}#erojong_container>div .mahjong_panel .role_window .score_info .score{display:inline-block;width:40%;text-align:right;padding-right:5%}#erojong_container>div .mahjong_panel .debug_window{position:absolute;z-index:3;width:80%;height:90%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);padding:3%;font-size:2vw}#erojong_container>div .mahjong_panel .debug_window .debug_container{overflow-y:scroll;height:100%}#erojong_container>div .mahjong_panel .debug_window .debug_container .tile_container{width:2vw}#erojong_container>div .mahjong_panel .debug_window button{padding:1%;border-radius:1vw;margin-right:2%}#erojong_container>div .mahjong_panel .debug_window button[disabled]{background-color:gray}#erojong_container>div .mahjong_panel .debug_window .debug_selecting .tile_container{box-sizing:content-box;border:solid thick yellow}#erojong_container>div .mahjong_panel .debug_window input[type=text]{font-size:3rem;height:3rem;color:white;text-shadow:black 1px 1px 0, black -1px 1px 0, black 1px -1px 0, black -1px -1px 0}#erojong_container>div .mahjong_panel .extra_info_box{position:absolute;bottom:0}#erojong_container>div .mahjong_panel .full_screen_back{position:absolute;width:100%;height:100%}#erojong_container>div .mahjong_panel .exchange_haipai_window{display:block;width:50%;margin:0 auto;height:30%;transform:translateX(-50%) translateY(-50%);position:absolute;top:50%;left:50%}#erojong_container>div .mahjong_panel .exchange_haipai_window p{font-size:3vw;text-align:center}#erojong_container>div .mahjong_panel .confirm_window{display:block;width:50%;margin:0 auto;height:28%;transform:translateX(-50%) translateY(-50%);position:absolute;top:50%;left:50%}#erojong_container>div .mahjong_panel .confirm_window__label{font-size:3vw;text-align:center;padding:1vw 0 1.5vw}#erojong_container>div .mahjong_panel .confirm_window__buttons{display:flex;justify-content:space-around}#erojong_container>div .mahjong_panel .confirm_window__button{width:30%}.force_oblong{display:none}@media only screen and (max-width: 780px){.portrait .force_oblong{display:block;position:absolute;width:90%;height:20%;top:50%;left:50%;transform:translate(-50%, -50%);padding:2% 3% 2% 2%;font-size:2vw}}.refuse_alert_window{top:50%;position:absolute;transform:translate(-50%, -50%);width:80%;left:50%;height:40%;font-size:2vw;padding:1vw}.refuse_alert_window__checkbox_area{position:absolute;bottom:0;padding-bottom:1vw}.background_image_window{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:90%;height:90%;padding:4% 3% 3%;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-around;align-content:flex-start;flex-shrink:0}.background_image_window .image_container{display:inline-block;width:28%;height:28%;border:solid 2px #fff;margin-right:3%;box-sizing:content-box;margin-bottom:3rem}.background_image_window .image_container.empty{background-color:#156708}.background_image_window .image_container.secret{background-color:#000}.background_image_window .image_container.selecting{border-color:yellow;border-width:4px}.background_image_window .image_container img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.choices{width:80%;height:80%;position:absolute;transform:translateX(-50%) translateY(-50%);top:50%;left:50%;display:flex;flex-direction:column;justify-content:space-around}.choices__button{text-align:center;font-size:4vw;background:rgba(0,0,0,0.5);border:solid 2px #fff;border-radius:10px}.choices__button:hover{background-color:rgba(224,106,59,0.5)}