#mypage-header{position:relative;z-index:2}#mypage-header .header-user-detail{position:relative;top:0px}#mypage-header .header-user-detail .header-profile{position:relative;float:left;top:3px;left:11px;width:42px;height:42px;margin:auto;overflow:hidden;border-radius:50%}#mypage-header .header-user-detail .header-profile a img{object-fit:cover;position:absolute;width:42px;height:42px;margin:auto}#mypage-header .header-center-bind{position:relative;float:left;left:20px;margin-top:2px}#mypage-header .header-center-bind div{position:relative;height:22px}#mypage-header .header-center-bind .header-username{position:relative;top:5px}#mypage-header .header-center-bind .header-username p{color:#ebebeb;font-size:14px}#mypage-header .header-center-bind .header-ranking{top:2px;width:200px;text-align:left;background:#333;border-radius:2px;background:-webkit-linear-gradient(315deg, transparent 5px, #333 0) top left,-webkit-linear-gradient(225deg, transparent 0px, #333 0) top right,-webkit-linear-gradient(135deg, transparent 5px, #333 0) bottom right,-webkit-linear-gradient(45deg, transparent 0px, #333 0) bottom left;background:linear-gradient(135deg, transparent 5px, #333 0) top left,linear-gradient(225deg, transparent 0px, #333 0) top right,linear-gradient(315deg, transparent 5px, #333 0) bottom right,linear-gradient(45deg, transparent 0px, #333 0) bottom left;background-size:50% 50%;background-repeat:no-repeat}#mypage-header .header-center-bind .header-ranking ul{position:relative;left:8px;height:22px}#mypage-header .header-center-bind .header-ranking ul li{float:left;margin-left:4px}#mypage-header .header-center-bind .header-ranking ul li #cup-icon{position:relative;right:9px;width:23px}#mypage-header .header-center-bind .header-ranking ul li #arrow-up-icon{position:relative;top:6px;width:10.3px}#mypage-header .header-center-bind .header-ranking ul #ranking-month-area{position:relative}#mypage-header .header-center-bind .header-ranking ul #ranking-month-area span{color:#fff;font-size:12px;line-height:22px}#mypage-header .header-center-bind .header-ranking ul #ranking-num-area{position:relative}#mypage-header .header-center-bind .header-ranking ul #ranking-num-area span{color:#ebebeb;font-size:12px;line-height:22px}#mypage-header .header-right-bind{position:relative;float:right;right:11px}#mypage-header .header-right-bind div{width:96px;height:22px;text-align:right;color:#ebebeb;font-size:12px;background:#333;border-radius:2px;background:-webkit-linear-gradient(315deg, transparent 5px, #333 0) top left,-webkit-linear-gradient(225deg, transparent 0px, #333 0) top right,-webkit-linear-gradient(135deg, transparent 5px, #333 0) bottom right,-webkit-linear-gradient(45deg, transparent 0px, #333 0) bottom left;background:linear-gradient(135deg, transparent 5px, #333 0) top left,linear-gradient(225deg, transparent 0px, #333 0) top right,linear-gradient(315deg, transparent 5px, #333 0) bottom right,linear-gradient(45deg, transparent 0px, #333 0) bottom left;background-size:50% 50%;background-repeat:no-repeat}#mypage-header .header-right-bind div p{position:absolute;top:5px;left:25px}#mypage-header .header-right-bind div img{position:absolute;top:2px;left:2px;width:18px;height:18px}#mypage-header .header-right-bind .my-coin-window{display:inline-block;position:relative}#mypage-header .header-right-bind .my-stone-window{display:inline-block;position:relative;margin-top:2px}#mypage-header .header-right-bind .my-stone-window #buy-btn-area{position:absolute;top:1px;right:5px;height:16px;width:16px}#mypage-header .header-right-bind .my-stone-window #buy-btn-area #buy-icon{display:block;width:16px;height:16px}.deck-carousel{position:absolute;top:370px;left:12px;z-index:3}.deck-carousel .deck-thumbnail{height:40px}.deck-carousel .deck-thumbnail li{vertical-align:bottom;float:left;margin-right:3px;width:23px}.deck-carousel .deck-thumbnail li a img{margin-top:4px;margin-right:3px;width:23px}.deck-carousel .deck-thumbnail .selected{margin-top:0;margin-right:3px;width:26px}.deck-carousel .deck-thumbnail .selected img{margin-top:0;margin-right:3px;width:26px}#bg-layer{position:absolute}#bg-layer #layer{position:relative;top:-73px}#bg-layer #layer img{width:100%}#mypage-contents{position:relative;padding-bottom:65px}#mypage-contents .deck-area{position:relative;width:auto;height:480px;top:-55px;z-index:0;margin:auto}#mypage-contents .deck-area .deck-bg{position:absolute;right:0;width:363px;top:55px}#mypage-contents .deck-area .monthly{display:block;position:absolute;padding:30px 45px 0 35px;top:63px;left:20px;width:180px;height:57px;background:url(/assets/giants/img/new_ranking/home_monthly_bg.png) no-repeat top/100%;font-size:20px;text-align:center;color:#FFF;box-sizing:border-box}#mypage-contents .deck-area #deck-contents{position:absolute;height:270px;width:auto;top:135px;bottom:0px;right:0px;left:8px}#mypage-contents .deck-area #deck-contents .card-item img{width:125px}#mypage-contents .deck-area #deck-contents .theta-carousel-inner-container{height:100%;width:auto;padding:10px;top:0}#mypage-contents .deck-area #deck-contents .theta-carousel-inner-container .card-item{position:relative;background-color:grey;width:125px;height:177px;display:none;box-sizing:border-box}#mypage-contents .deck-area #deck-contents .theta-carousel-inner-container .card-item a{display:block}#mypage-contents .deck-area #deck-contents .theta-carousel-inner-container .card-item img{vertical-align:middle;width:125px}#mypage-contents #top-control-area{position:absolute;top:20px;right:0;float:left}#mypage-contents #top-control-area li{position:relative;float:left;margin-right:10px;z-index:2}#mypage-contents #top-control-area li img{width:32px}#mypage-contents #top-control-area li .myp_badge{position:absolute;top:-5px;left:70%;width:12px}#mypage-contents #top-control-area #class_icon{margin-top:-12px}#mypage-contents #top-control-area #class_icon img{width:48px}#mypage-contents #logo{position:absolute;right:40px;top:-5px;margin-bottom:2px}#mypage-contents #logo img{width:170px;opacity:0.25;padding-left:10px}#mypage-contents #game-result-area{position:absolute;width:128px;height:45px;top:72px;right:0}#mypage-contents #game-result-area .result-bg{position:absolute;right:0}#mypage-contents #game-result-area .result-bg img{width:128px;height:45px}#mypage-contents #game-result-area .my-team-logo{position:relative;margin-top:8.3px;margin-left:15.6px;float:left}#mypage-contents #game-result-area .my-team-logo img{width:26px;height:26px}#mypage-contents #game-result-area .result-text-area{position:relative;width:56px;margin-top:3.2px;float:left;color:#ebebeb;text-align:center}#mypage-contents #game-result-area .result-text-area .game-date-area p{font-size:10px;-webkit-transform:scale(0.89);transform:scale(0.89)}#mypage-contents #game-result-area .result-text-area .game-date-area p span{font-size:10px;-webkit-transform:scale(0.7);transform:scale(0.7)}#mypage-contents #game-result-area .result-text-area .score-area{margin-top:1.8px;font-size:16px;letter-spacing:-0.5px}#mypage-contents #game-result-area .result-text-area .game-status{margin-top:3px;font-size:10px;color:#ebebeb}#mypage-contents #game-result-area .opponent-team-logo{position:relative;margin-top:8.3px;margin-right:3.9px;float:right}#mypage-contents #game-result-area .opponent-team-logo img{width:26px;height:26px}#mypage-contents #game-result-area .stadium-area{position:absolute;width:157px;left:-9px;bottom:3px;font-size:10px;text-align:center;-webkit-transform:scale(0.7);transform:scale(0.7);color:#ebebeb}#mypage-contents #game-result-area .result-label{position:absolute;bottom:-20px;left:40px;z-index:1}#mypage-contents #game-result-area .result-label img{width:66px;height:37px}#mypage-contents #bottom-control-area{position:absolute;top:340px;right:0px;height:212px;width:190px}#mypage-contents #bottom-control-area #mypage-scout-area{position:absolute;top:40px;left:66px;z-index:2}#mypage-contents #bottom-control-area #mypage-scout-area img{width:107px;display:block}#mypage-contents #bottom-control-area #mypage-trade-area{position:absolute;top:105px;left:18px;z-index:1}#mypage-contents #bottom-control-area #mypage-trade-area img{width:66px;display:block}#mypage-contents #bottom-control-area .trade-notification{position:absolute;right:150px;top:102px;width:20px;z-index:3}#mypage-contents #bottom-control-area #mygroup-edit-area{position:absolute;top:-10px;left:120px}#mypage-contents #bottom-control-area #mygroup-edit-area img{width:56px}#mypage-contents #mypage-banners{position:relative;top:-60px;left:8px;clear:both;width:191px;height:103px}#mypage-contents #mypage-banners .content{margin:0;padding:0}#mypage-contents #mypage-banners .content #banner-slider li a img{position:relative;width:191px;height:103px}#mypage-contents #mypage-banners .content button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none}#mypage-contents #mypage-banners .content .slide-dots{text-align:center;position:relative;top:5px}#mypage-contents #mypage-banners .content .slide-dots li{display:inline-block;margin:0 5px;width:4px;height:4px;font-size:4px;border-radius:15px;background-color:grey}#mypage-contents #mypage-banners .content .slide-dots li button{position:relative;text-indent:-9999px}#mypage-contents #mypage-banners .content .slide-dots li.slick-active{width:4px;height:4px;font-size:4px;border-radius:15px;background-color:white}#mypage-contents #mypage-banners .content .flickity-page-dots{bottom:-12px}#mypage-contents #mypage-banners .content .flickity-page-dots .dot{width:4px;height:4px;margin:0 5px;background:white}#mypage-contents #timeline_logo{position:relative;top:-40px}#mypage-contents #timeline_logo img{height:18px;margin-left:12px}#mypage-contents #mypage-timeline-area{position:relative;top:-45px;width:352px;height:auto;margin:auto;margin-bottom:100px;border-radius:4px;border:1px solid #825000;background-color:#1e1e1e}#mypage-contents #mypage-timeline-area #timeline-header{position:relative;font-size:13px;color:#f59b00;text-align:center;margin:7px 0 7px}#mypage-contents #mypage-timeline-area #more-btn{position:relative;margin-top:19px;margin-bottom:17px}#mypage-contents #mypage-timeline-area #more-btn img{position:relative;margin:auto}#mypage-contents #mypage-timeline-area #timeline-contents .draw-gacha-history,#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left{position:relative;display:inline-block;width:350px;height:90px;margin-top:7px;border-radius:2px}#mypage-contents #mypage-timeline-area #timeline-contents .draw-gacha-history{background-color:#fff;width:97.5%;margin-left:3px;color:#333}#mypage-contents #mypage-timeline-area #timeline-contents .draw-gacha-history .draw-card-img{position:absolute;text-align:left;height:96%;margin:2px;float:left}#mypage-contents #mypage-timeline-area #timeline-contents .draw-gacha-history .text-area{position:absolute;text-align:left;margin:0.7em 0 0 70px;font-size:11px;line-height:1.5em}#mypage-contents #mypage-timeline-area #timeline-contents .draw-gacha-history .text-area .draw-card-name{font-size:14px}#mypage-contents #mypage-timeline-area #timeline-contents .draw-gacha-history .star-disp-area{position:relative;height:16px;width:70%;left:70px;top:70px}#mypage-contents #mypage-timeline-area #timeline-contents .draw-gacha-history .star-icon{height:16px;float:left}#mypage-contents #mypage-timeline-area #timeline-contents .draw-gacha-history .user-data-disp-area{font-size:11px;position:relative;text-align:right;top:33%;margin-right:16%;color:#000;float:right}#mypage-contents #mypage-timeline-area #timeline-contents .draw-gacha-history .user-data-disp-area .user-thumbnail-icon{position:relative;border-radius:50%;height:28px;width:28px;display:inline-block}#mypage-contents #mypage-timeline-area #timeline-contents .draw-gacha-history .user-data-disp-area p{text-align:center}#mypage-contents #mypage-timeline-area #timeline-contents .draw-gacha-history .class_icon{position:absolute;top:25%;right:5px;width:42.5px}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left{font-size:14px}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .trade-bg-area{width:338px;height:93px}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .trade-bg-area .trade-left-bg{position:absolute;float:left;height:95px;left:2px}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .trade-bg-area .trade-right-bg{position:absolute;float:right;height:95px;right:2px}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .trade-arrow-area{position:absolute;width:102px;height:40px;left:0;right:0;top:0;bottom:0;margin:auto}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .trade-arrow-area .trade-right-arrow{position:relative;float:right;width:80%}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .trade-arrow-area .trade-left-arrow{position:relative;float:left;width:80%}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .myself-info{position:absolute;left:0;top:0;bottom:0;margin:auto;height:90px}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .myself-info a:link,#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .myself-info a:visited,#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .myself-info a:hover,#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .myself-info a:active{color:#ebebeb}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .myself-info .trade-card-img{position:relative;height:86px;float:left;margin:0.2em 0 0 0.4em}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .myself-info .text-area{text-align:left;margin:0.5em 0 0 5.1em}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .myself-info .text-area .nickname{font-size:11px;color:#c3c1c1}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .myself-info .text-area .thumbnail{width:28px;height:28px;border-radius:50%}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .guest-info{position:absolute;right:0;top:0;bottom:0;margin:auto;height:90px}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .guest-info a:link,#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .guest-info a:visited,#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .guest-info a:hover,#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .guest-info a:active{color:#ebebeb}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .guest-info .trade-card-img{position:relative;height:86px;margin:auto;float:right;right:0;margin:0.2em 0.4em 0 0}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .guest-info .text-area{text-align:right;margin:2em 5.2em 0 0}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .guest-info .text-area .nickname{font-size:11px;color:#c3c1c1}#mypage-contents #mypage-timeline-area #timeline-contents .both-right-and-left .guest-info .text-area .thumbnail{display:inline-block;width:28px;height:28px;border-radius:50%}#mypage-contents #mypage-timeline-area .more-btn img{width:168px;height:29px;margin:auto}#game-history-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#game-history-section .caution-area{width:343px;margin:10px 17px 20px 15px;color:#ebebeb;font-size:13px}#game-history-section .game-history-area{padding-bottom:15px;width:277px;position:relative;margin:0 auto 30px}#game-history-section .game-history-area #game-history-box .historyBlock{background-image:url("../img/bg_game_history_list.png");background-size:100%;width:280px;position:relative;height:80px;margin-top:8px}#game-history-section .game-history-area #game-history-box .historyBlock .my-team-logo{position:relative;margin-top:18px;margin-left:28px;float:left}#game-history-section .game-history-area #game-history-box .historyBlock .my-team-logo img{width:40px;height:40px}#game-history-section .game-history-area #game-history-box .historyBlock .text-area{position:relative;width:144px;float:left;text-align:center;color:#ebebeb}#game-history-section .game-history-area #game-history-box .historyBlock .text-area .date{margin-top:11px;font-size:13px}#game-history-section .game-history-area #game-history-box .historyBlock .text-area .date span{font-size:9px}#game-history-section .game-history-area #game-history-box .historyBlock .text-area .result-area{margin-top:5px;font-size:22px}#game-history-section .game-history-area #game-history-box .historyBlock .text-area .result-area .my-team-score{position:absolute;width:30px;left:10px}#game-history-section .game-history-area #game-history-box .historyBlock .text-area .result-area .result{position:relative;width:100%;color:#7d7d7d;font-size:18px}#game-history-section .game-history-area #game-history-box .historyBlock .text-area .result-area .result.win{color:#ebebeb}#game-history-section .game-history-area #game-history-box .historyBlock .text-area .result-area .opponent-team-score{position:absolute;width:30px;top:28px;right:10px}#game-history-section .game-history-area #game-history-box .historyBlock .text-area .stadium{margin-top:7px;font-size:11px}#game-history-section .game-history-area #game-history-box .historyBlock .opponent-team-logo{position:relative;margin-top:18px;margin-right:28px;float:right}#game-history-section .game-history-area #game-history-box .historyBlock .opponent-team-logo img{width:40px;height:40px}#game-history-section .game-history-area #game-history-box .historyBlock .reward-area{position:absolute;top:-8px;left:88px}#game-history-section .game-history-area #game-history-box .historyBlock .reward-area img{width:42px;height:42px}#game-history-section .game-history-area .more-btn-area{margin-top:15px}#game-history-section .game-history-area .more-btn-area img{width:168px;height:29px;margin:auto}#card-folder{position:relative;height:auto;min-height:calc(100% - 56px);width:100%}#card-folder #card-now-trading{width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:5;position:absolute}#card-folder #card-now-trading .message{color:white;text-align:center;padding-top:2em}#card-folder #bg{position:absolute;left:180px}#card-folder #bg img{margin:0 10%;height:80%;width:80%;opacity:0.5}#card-folder #card-folder-header{position:relative;width:100%;height:50px;margin-bottom:12px}#card-folder #card-folder-header div{position:relative;float:left;height:50px;width:calc(100% / 3)}#card-folder #card-folder-header div span{position:absolute;width:100%;bottom:0;font-size:14px;text-align:center}#card-folder #card-folder-header #sort-name-area{position:absolute;right:0;top:56px;height:0}#card-folder #card-folder-header #sort-name-area span{font-size:14px;color:#f5f5f5}#card-folder #card-folder-header #card-per-year-area span p{color:#c3c1c1;font-size:12px}#card-folder #card-folder-header #card-per-year-area span p #user-collection{position:relative;color:#f59b00;font-size:12px}#card-folder #card-folder-header #card-per-year-area span #target-year{color:#c3c1c1;font-size:14px;margin-bottom:5px}#card-folder #card-folder-header #sort-btn-area #sort-btn{width:80px;height:26px;margin-top:5px;margin-left:25px}#card-folder #card-folder-header #album-btn-area img{width:40px;margin:10px 20px}.target-card-contents{position:relative;width:100%}.target-card-contents .rare-header{height:14px;width:calc(100% - 28px);clear:both;margin:0px 12px 9px 12px;background-color:#f59b00;font-size:10px;line-height:14px;padding:2px 0px 2px 4px;color:#fff;border-radius:2px}.target-card-contents .banner-header{height:14px;width:calc(100% - 28px);clear:both;margin:0px 12px 9px 12px;background-color:#f59b00;font-size:10px;line-height:14px;padding:2px 0px 2px 4px;color:#fff;border-radius:2px}.target-card-contents .nodata{margin-top:18%;text-align:center;font-size:14px;color:#fff}.target-card-contents ul{position:relative;padding-top:6px;margin-left:3px;width:calc(100% - 3px);overflow:auto}.target-card-contents ul li{position:relative;float:left;width:81px;height:116px;margin-left:9px;margin-bottom:9px}.target-card-contents ul li img{width:100%}.target-card-contents ul li .have_num{position:absolute;background-color:#f59b00;width:17px;height:17px;border-radius:2px;font-size:12px;line-height:17px;text-align:center;top:-3px;right:-3px;color:#fff;box-shadow:1px 1px 1px rgba(0,0,0,0.4);z-index:4}.target-card-contents ul li .protected{position:absolute;text-align:right;width:15px;bottom:-4px;right:-4px;z-index:4}.target-card-contents ul li .myteam{position:absolute;text-align:right;width:35px;bottom:15px;right:-4px;z-index:4}.target-card-contents ul li .trade{position:absolute;text-align:right;width:35px;bottom:30px;right:-4px;z-index:4}.target-card-contents ul li .is_disabled{position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:rgba(0,0,0,0.7);z-index:2}.target-card-contents ul li .new-tag{position:absolute;width:35px;top:-5px;z-index:4}#other-profile-contents{position:relative;width:100%}#other-profile-contents .layer{position:absolute;left:180px}#other-profile-contents .layer img{margin:0 10%;height:80%;width:80%;opacity:0.5}#other-profile-contents #status-area{position:relative;display:block;height:72px;margin:14px}#other-profile-contents #status-area .icon{position:absolute;height:72px;width:100%;border-radius:50%}#other-profile-contents #status-area .icon img{margin:0 auto;width:72px;height:72px;border-radius:50%}#other-profile-contents #status-area .class{float:right;margin:0 5%}#other-profile-contents #status-area .class img{width:68px}#other-profile-contents #status-area #short-profile-area{float:left}#other-profile-contents #status-area #short-profile-area .nickname{color:#fff;display:block;font-size:14px;margin-bottom:4px;margin-top:10px;text-align:left;width:100%}#other-profile-contents #status-area #short-profile-area .player-id{color:#fff;display:block;font-size:12px;margin-bottom:4px;margin-top:10px;text-align:left;width:100%}#other-profile-contents #dreamteam-area{position:relative;text-align:center;margin-left:14px;float:left;margin-bottom:8px}#other-profile-contents #dreamteam-area a{text-align:center}#other-profile-contents #dreamteam-area a span{display:inline-block;width:8em;padding:6px;border:1px solid #c3c1c1;border-radius:4px;font-size:13px;color:#c3c1c1}#other-profile-contents #dreamteam-area a img{width:168px;height:26px}#other-profile-contents #block-area{position:relative;text-align:center;margin-right:14px;margin-bottom:8px;float:right}#other-profile-contents #block-area a{text-align:center}#other-profile-contents #block-area a img{display:inline-block;width:168px}#other-profile-contents #block-area a span{display:inline-block;width:8em;padding:6px;border:1px solid #c3c1c1;border-radius:4px;font-size:13px;color:#c3c1c1}#other-profile-contents .profile-area{clear:both;background-color:#333;border-radius:4px;margin:14px;padding:14px 0 14px 0}#other-profile-contents .profile-area #close-area{position:relative;top:-5px;text-align:center}#other-profile-contents .profile-area #close-area a{text-align:center}#other-profile-contents .profile-area #close-area a span{display:inline-block;font-size:13px;color:#f59b00}#other-profile-contents .profile-area .introduction{font-size:12px;color:#fff;padding:0 14px 10px 14px}#other-profile-contents .profile-area .profile-detail{width:100%}#other-profile-contents .profile-area .profile-detail tr .list-header,#other-profile-contents .profile-area .profile-detail tr .list-data{height:19px;width:50%;padding:3px 14px 3px 11px;font-size:12px;color:#f59b00;line-height:19px}#other-profile-contents .profile-area .profile-detail tr .list-header{width:41%}#other-profile-contents .profile-area .profile-detail tr .list-header .icon-area{width:17px;float:left}#other-profile-contents .profile-area .profile-detail tr .list-header .icon-area img{height:13px;margin:3px auto 0}#other-profile-contents .profile-area .profile-detail tr .list-data{text-align:right}#other-profile-contents .profile-area .profile-detail tr:nth-child(odd) td{background-color:#1e1e1e}#other-profile-contents .profile-area .profile-detail tr:nth-child(even) td{background-color:#333}#other-profile-contents .profile-area .season-area{width:100%}#other-profile-contents .profile-area .season-area tr th{width:41%;height:19px;padding:3px 14px 3px 13px;color:#ebebeb;text-align:left;letter-spacing:0.5px;font-weight:normal;font-size:12px;line-height:19px}#other-profile-contents .profile-area .season-area tr .list-header,#other-profile-contents .profile-area .season-area tr .list-data{height:19px;padding:3px 14px 3px 11px;font-size:12px;color:#f59b00;line-height:19px}#other-profile-contents .profile-area .season-area tr .list-header{width:41%}#other-profile-contents .profile-area .season-area tr .list-header .icon-area{width:17px;float:left}#other-profile-contents .profile-area .season-area tr .list-header .icon-area img{height:13px;margin:3px auto 0}#other-profile-contents .profile-area .season-area tr .list-data{text-align:right}#other-profile-contents .profile-area .season-area tr:nth-child(odd) td{background-color:#333}#other-profile-contents .profile-area .season-area tr:nth-child(even) td{background-color:#1e1e1e}.sort-dialog-area{position:fixed;display:none;width:304px;height:auto;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}.sort-dialog-area #sort-dialog-header{position:relative;top:0px;width:100%;height:42px;background-color:#f59b00;border-radius:4px 4px 0px 0px}.sort-dialog-area #sort-dialog-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.sort-dialog-area #sort-dialog-header h1{position:absolute;line-height:16px;margin-top:13px;margin-bottom:13px;width:100%;text-align:center;font-size:16px;color:#000}.sort-dialog-area #sort-dialog-contents{position:relative;height:auto;background-color:rgba(30,30,30,0.7);border-radius:0px 0px 4px 4px;border-right:1px solid #825000;border-bottom:1px solid #825000;border-left:1px solid #825000;overflow:hidden}.sort-dialog-area #sort-dialog-contents ul{position:relative;margin:auto;padding-top:30px}.sort-dialog-area #sort-dialog-contents ul li{position:relative;text-align:center;margin:0 auto;margin-bottom:20px;width:180px;height:30px}.sort-dialog-area #sort-dialog-contents ul li img{height:32px;width:180px}.sort-dialog-area #sort-dialog-contents ul .filter_having .public-switch{margin-top:9px;text-align:right;line-height:10px;position:relative}.sort-dialog-area #sort-dialog-contents ul .filter_having .public-switch .switch-label{position:relative;top:-7px;font-size:12px;color:#fff}.sort-dialog-area #sort-dialog-contents ul .filter_having .public-switch .switch{position:relative;display:inline-block;width:40px;height:24px}.sort-dialog-area #sort-dialog-contents ul .filter_having .public-switch .switch input{display:none}.sort-dialog-area #sort-dialog-contents ul .filter_having .public-switch .switch .slider.round{border-radius:34px}.sort-dialog-area #sort-dialog-contents ul .filter_having .public-switch .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ebebeb;-webkit-transition:.2s;transition:.2s}.sort-dialog-area #sort-dialog-contents ul .filter_having .public-switch .switch .slider.round:before{border-radius:50%}.sort-dialog-area #sort-dialog-contents ul .filter_having .public-switch .switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:white;-webkit-transition:.4s;transition:.4s;box-shadow:1px 1px 1px rgba(0,0,0,0.1),1px -1px 1px rgba(0,0,0,0.1)}.sort-dialog-area #sort-dialog-contents ul .filter_having .public-switch .switch .slider_on{background-color:#f59b00}.sort-dialog-area #sort-dialog-contents ul .filter_having .public-switch .switch .slider_on:before{-webkit-transform:translateX(16px);transform:translateX(16px);box-shadow:-1px 1px 1px rgba(0,0,0,0.2),-1px -1px 1px rgba(0,0,0,0.2)}.sort-dialog-area #sort-dialog-contents::before{content:'';position:absolute;top:-3.8px;bottom:-3.8px;left:-3.8px;right:-3.8px;background:inherit;-webkit-filter:blur(3.8px);filter:blur(3.8px)}.card-message-dialog-area{position:fixed;display:none;width:330px;height:163px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10}.card-message-dialog-area .card-message-dialog-result{position:relative;height:163px;background-color:#f5fcfe;border-radius:4px}.card-message-dialog-area .card-message-dialog-result .card-message-dialog-contents .dialog-header{position:relative;top:0px;width:100%;height:42px;background-color:#f59b00;border-radius:4px 4px 0px 0px}.card-message-dialog-area .card-message-dialog-result .card-message-dialog-contents .dialog-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.card-message-dialog-area .card-message-dialog-result .card-message-dialog-contents .dialog-header h1{position:absolute;line-height:16px;margin-top:13px;margin-bottom:13px;width:100%;text-align:center;font-size:16px;color:black}.card-message-dialog-area .card-message-dialog-result .card-message-dialog-contents .confirm-message{position:relative;padding:20px;text-align:left;font-size:14px}.card-message-dialog-area .card-message-dialog-result .card-message-dialog-contents .confirm-message p{text-align:center}.card-message-dialog-area .card-message-dialog-result .card-message-dialog-contents .error-message{position:relative;padding:20px;text-align:center;font-size:14px}.card-message-dialog-area .card-message-dialog-result .card-message-dialog-contents .dialog-footer{background-image:url("../img/info_footer.png");background-size:100%;width:100%;height:55px;margin-top:42px;text-align:center}.card-message-dialog-area .card-message-dialog-result .card-message-dialog-contents .dialog-footer .close-btn{position:relative;text-align:center;margin-top:14px;margin-bottom:18.9px;padding-top:0.5em}.card-message-dialog-area .card-message-dialog-result .card-message-dialog-contents .dialog-footer .close-btn a{position:relative;display:block;bottom:0;font-size:14px;line-height:29.2px}.card-message-dialog-area .card-message-dialog-result .card-message-dialog-contents .dialog-footer .close-btn a img{height:32px;margin:0 auto}#trade_confirm_contents{color:white;font-size:12px;line-height:20px}#trade_confirm_contents #bg{position:absolute;top:-16px;left:180px}#trade_confirm_contents #bg img{height:166px;width:178px;z-index:-2;position:relative}#trade_confirm_contents #trade-area{padding-top:2em;margin-left:5%;margin-right:5%}#trade_confirm_contents #trade-area .bg-area{width:90%;height:100%;position:absolute;background-image:url(/assets/giants/img/bg-trading.png);background-size:100%;background-repeat:no-repeat;z-index:-1}#trade_confirm_contents #trade-area .message{padding-top:0.5em;text-align:center;width:100%;font-size:14px;padding-bottom:0.5em}#trade_confirm_contents #trade-area .userinfo-area{display:inline-block;padding-left:5%;padding-right:5%}#trade_confirm_contents #trade-area .userinfo-area .title{text-align:center;font-size:11px}#trade_confirm_contents #trade-area .userinfo-area .icon{margin-left:auto;margin-right:auto;padding-top:0.5em;padding-bottom:0.5em}#trade_confirm_contents #trade-area .userinfo-area .icon img{width:36px;height:36px;border-radius:50%}#trade_confirm_contents #trade-area .userinfo-area .card-info{text-align:center;font-size:12px}#trade_confirm_contents #trade-area .userinfo-area .card-info .card-img img{width:75%;margin-left:auto;margin-right:auto;padding-bottom:0.5em}#trade_confirm_contents #trade-area .userinfo-area .own{width:40%;display:inline-block;vertical-align:top;padding-left:1%;padding-right:1%}#trade_confirm_contents #trade-area .userinfo-area .own .profile .icon{width:36px;height:36px;border-radius:50%}#trade_confirm_contents #trade-area .userinfo-area .center{width:11%;display:inline-block;vertical-align:top}#trade_confirm_contents #trade-area .userinfo-area .center .dir-icon img{width:100%;margin-left:auto;margin-right:auto}#trade_confirm_contents #trade-area .userinfo-area .center .trade-icon{position:relative;left:-70%;margin-top:250%}#trade_confirm_contents #trade-area .userinfo-area .center .trade-icon img{width:240%;margin-left:auto;margin-right:auto}#trade_confirm_contents #trade-area .userinfo-area .other{width:40%;display:inline-block;vertcval-align:top;padding-left:1%;padding-right:1%}#trade_confirm_contents #trade-area .userinfo-area .other .profile .icon{width:36px;height:36px;border-radius:50%}#trade_confirm_contents #trade-area .button-area{display:inline-block;width:90%;text-align:center;margin-top:1em;margin-bottom:2em;margin-left:5%}#trade_confirm_contents #trade-area .button-area #sys_btn_cancel_trade{margin-left:auto;margin-right:auto;width:10em}#trade_confirm_contents #trade-area .button-area #sys_btn_cancel_trade img{width:35%;display:inline-block}#trade_confirm_contents #trade-area .button-area #sys_btn_approve_trade,#trade_confirm_contents #trade-area .button-area #sys_btn_reject_trade{margin-right:1em;color:white}#trade_confirm_contents #trade-area .button-area #sys_btn_approve_trade img,#trade_confirm_contents #trade-area .button-area #sys_btn_reject_trade img{display:inline-block;width:45%}.trade-confirm-dialog-area{position:fixed;display:none;width:330px;height:163px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10}.trade-confirm-dialog-area .trade-confirm-dialog-result{position:relative;height:163px;background-color:#f5fcfe;border-radius:4px}.trade-confirm-dialog-area .trade-confirm-dialog-result .trade-confirm-dialog-contents .dialog-header{position:relative;top:0px;width:100%;height:42px;background-color:#f59b00;border-radius:4px 4px 0px 0px}.trade-confirm-dialog-area .trade-confirm-dialog-result .trade-confirm-dialog-contents .dialog-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.trade-confirm-dialog-area .trade-confirm-dialog-result .trade-confirm-dialog-contents .dialog-header h1{position:absolute;line-height:16px;margin-top:13px;margin-bottom:13px;width:100%;text-align:center;font-size:16px;color:black}.trade-confirm-dialog-area .trade-confirm-dialog-result .trade-confirm-dialog-contents .confirm-message{position:relative;padding:20px;text-align:left;font-size:14px}.trade-confirm-dialog-area .trade-confirm-dialog-result .trade-confirm-dialog-contents .confirm-message p{text-align:center}.trade-confirm-dialog-area .trade-confirm-dialog-result .trade-confirm-dialog-contents .error-message{position:relative;padding:20px;text-align:center;font-size:14px}.trade-confirm-dialog-area .trade-confirm-dialog-result .trade-confirm-dialog-contents .dialog-footer{position:absolute;bottom:0px;width:100%;height:55px;background-image:url("../img/info_footer.png");border-radius:0px 0px 4px 4px;text-align:center}.trade-confirm-dialog-area .trade-confirm-dialog-result .trade-confirm-dialog-contents .dialog-footer .sel-btn{width:45%;display:inline-block}.trade-confirm-dialog-area .trade-confirm-dialog-result .trade-confirm-dialog-contents .dialog-footer .close-btn{position:relative;text-align:center;margin-top:14px;margin-bottom:18.9px}.trade-confirm-dialog-area .trade-confirm-dialog-result .trade-confirm-dialog-contents .dialog-footer .close-btn a{position:relative;display:block;height:29.2px;margin:auto;bottom:0;font-size:14px;line-height:29.2px;color:#fff}.trade-confirm-dialog-area .trade-confirm-dialog-result .trade-confirm-dialog-contents .dialog-footer .close-btn a img{width:100%}#select-trade-card-area{position:relative;height:auto;min-height:calc(100% - 109px)}#select-trade-card-area #layer{position:absolute;top:-45px;left:180px}#select-trade-card-area #layer img{width:178px;height:166px}#select-trade-card-area #message{position:relative;top:5px;width:100%;margin:12px;font-size:14px;color:#f59b00}#select-trade-card-area #card-folder-header{position:relative;width:100%;height:50px;margin-bottom:12px}#select-trade-card-area #card-folder-header div{position:relative;float:left;height:50px;width:calc(100% / 3)}#select-trade-card-area #card-folder-header div span{position:absolute;width:100%;bottom:0;font-size:14px;text-align:center}#select-trade-card-area #card-folder-header #sort-name-area span{font-size:14px;color:#f5f5f5}#select-trade-card-area #card-folder-header #card-per-year-area span p{color:#c3c1c1;font-size:12px}#select-trade-card-area #card-folder-header #card-per-year-area span p #user-collection{position:relative;color:#f59b00;font-size:12px}#select-trade-card-area #card-folder-header #card-per-year-area span #target-year{color:rgba(195,193,193,0.8);font-size:14px;margin-bottom:5px}#select-trade-card-area #card-folder-header #sort-btn-area #sort-btn{position:relative;top:2px;width:80px;height:26px;margin-top:23px;margin-left:33px}.select-trade-card-dialog-area{position:fixed;display:none;width:330px;top:45%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}.select-trade-card-dialog-area #select-trade-card-dialog-header{position:relative;width:328px;height:47px;background:-webkit-linear-gradient(left, rgba(102,55,0,0.8), rgba(84,35,0,0.8));background:linear-gradient(to right, rgba(102,55,0,0.8), rgba(84,35,0,0.8));border-radius:4px 4px 0px 0px;border-top:1px solid #825000;border-left:1px solid #825000;border-right:1px solid #825000}.select-trade-card-dialog-area #select-trade-card-dialog-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.select-trade-card-dialog-area #select-trade-card-dialog-header h1{position:absolute;line-height:48px;width:100%;text-align:center;font-size:16px;color:#fff}.select-trade-card-dialog-area #select-trade-card-dialog-contents{position:relative;width:328px;height:303px;background:-webkit-linear-gradient(45deg, rgba(126,50,6,0.8), rgba(245,145,33,0.8) 40%, rgba(126,50,6,0.8));background:linear-gradient(45deg, rgba(126,50,6,0.8), rgba(245,145,33,0.8) 40%, rgba(126,50,6,0.8));border-right:1px solid #825000;border-left:1px solid #825000}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area{position:relative}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main{height:240px}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #left-area{position:relative;float:left;height:240px;width:164px}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #right-area{position:relative;float:right;height:240px;width:164px}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area,.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area{clear:both;position:relative;margin:auto;height:35px;margin-top:13px;width:165px}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .owner-thumbnail,.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .owner-thumbnail{width:32px;position:relative;margin:auto}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .owner-thumbnail a,.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .owner-thumbnail a{display:block}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .owner-thumbnail a img,.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .owner-thumbnail a img{width:32px;height:32px;border-radius:50%}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .owner-detail,.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .owner-detail{position:relative;width:auto}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .owner-detail .owner-username,.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .owner-detail .owner-username{position:relative;margin-top:6px;text-align:center;font-size:11px;color:#fff}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .card_area,.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .card_area{position:relative;margin-top:10px}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .card_area img,.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .card_area img{position:relative;margin:auto;width:100px;height:142px}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .card-name,.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .card-name{margin-top:7px;font-size:11px;color:#fff;text-align:center}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .has-count,.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .has-count{margin-top:7px;font-size:11px;color:#fff;text-align:center}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #center-area{position:absolute;margin:auto;width:65px;top:0;left:0;bottom:0;right:0}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #center-area img{position:absolute;width:54px}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #center-area #right-arrow{left:-1px;margin:0;top:113px}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #card-status-main #center-area #left-arrow{right:-2px;margin:0;top:148px}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #select-trade-card-condition-area{position:relative;margin:auto;width:290px;height:42px}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #select-trade-card-condition-area #left-condition-area{float:left;margin-top:5px}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #select-trade-card-condition-area #left-condition-area #trade-condition-label{font-size:11px;color:#fff}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #select-trade-card-condition-area #left-condition-area #trade-condition{font-size:13px;margin-top:5px;color:#fff}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #select-trade-card-condition-area #right-condition-area{float:right;width:102px;margin-top:2px;margin-right:10px;position:relative}.select-trade-card-dialog-area #select-trade-card-dialog-contents #card-status-area #select-trade-card-condition-area #right-condition-area #re-choice-btn img{width:100px;height:32px}.select-trade-card-dialog-area #select-trade-card-dialog-contents #select-trade-card-control-area{position:relative;width:328px;height:101px;top:20px;left:-1px;background:-webkit-linear-gradient(left, rgba(84,35,0,0.8), rgba(102,55,0,0.8));background:linear-gradient(to right, rgba(84,35,0,0.8), rgba(102,55,0,0.8));border-radius:0px 0px 4px 4px;border-bottom:1px solid #825000;border-left:1px solid #825000;border-right:1px solid #825000}.select-trade-card-dialog-area #select-trade-card-dialog-contents #select-trade-card-control-area #select-trade-card-condition-label{position:relative;text-align:center;padding-top:10px;padding-bottom:10px;font-size:13px;line-height:18px;color:#fff}.select-trade-card-dialog-area #select-trade-card-dialog-contents #select-trade-card-control-area #control-area{bottom:6px;padding-bottom:20px;width:290px;margin:auto}.select-trade-card-dialog-area #select-trade-card-dialog-contents #select-trade-card-control-area #control-area li{float:left;height:32px;text-align:center}.select-trade-card-dialog-area #select-trade-card-dialog-contents #select-trade-card-control-area #control-area #select-trade-card-cancel a img{position:relative;width:100px;height:32px;margin-right:10px}.select-trade-card-dialog-area #select-trade-card-dialog-contents #select-trade-card-control-area #control-area #select-trade-card-submit a img{position:relative;width:180px;height:32px;border:none}.select-trade-card-dialog-area .select-trade-card-dialog-contents{position:relative;height:178px;background-color:#f5fcfe;border-radius:4px}.select-trade-card-dialog-area .select-trade-card-dialog-contents .dialog-header{position:relative;top:0px;width:100%;height:42px;background-color:#f59b00;border-radius:4px 4px 0px 0px}.select-trade-card-dialog-area .select-trade-card-dialog-contents .dialog-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.select-trade-card-dialog-area .select-trade-card-dialog-contents .dialog-header h1{position:absolute;line-height:16px;margin-top:13px;margin-bottom:13px;width:100%;text-align:center;font-size:16px;color:black}.select-trade-card-dialog-area .select-trade-card-dialog-contents .confirm-message{position:relative;padding:20px;text-align:left;font-size:14px}.select-trade-card-dialog-area .select-trade-card-dialog-contents .error-message{position:relative;padding:20px;text-align:center;font-size:14px}.select-trade-card-dialog-area .select-trade-card-dialog-contents .dialog-footer{background-image:url("../img/info_footer.png");background-size:100%;width:100%;height:55px;margin-top:42px}.select-trade-card-dialog-area .select-trade-card-dialog-contents .dialog-footer .close-btn{position:relative;text-align:center;margin-top:14px;margin-bottom:18.9px;padding-top:0.5em}.select-trade-card-dialog-area .select-trade-card-dialog-contents .dialog-footer .close-btn a{position:relative;display:block;bottom:0;font-size:14px;line-height:29.2px}.select-trade-card-dialog-area .select-trade-card-dialog-contents .dialog-footer .close-btn a img{height:32px;margin:0 auto}#trade-history-filter{position:absolute;top:0;width:375px;min-height:100%;height:auto}#trade-history-area{position:relative}#trade-history-area #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#trade-history-area #gacha-timeline-area{height:auto;padding-bottom:80px}#trade-history-area #gacha-timeline-area .both-right-and-left,#trade-history-area #gacha-timeline-area .from-left-to-right,#trade-history-area #gacha-timeline-area .from-right-to-left{position:relative;display:inline-block;width:350px;height:90px;margin-top:26px;color:#333}#trade-history-area #gacha-timeline-area .both-right-and-left .trade_failure_mask{position:absolute;top:0px;left:0px;width:calc(100% - 8px);height:110px;background-color:rgba(0,0,0,0.5);z-index:1;margin-left:4px}#trade-history-area #gacha-timeline-area .both-right-and-left .user-info{position:relative;width:47%;height:100%;display:inline-block}#trade-history-area #gacha-timeline-area .both-right-and-left .trade-bg-area .trade-label{position:relative;width:101.3%;top:1px;left:4px}#trade-history-area #gacha-timeline-area .both-right-and-left .trade-arrow-area{position:absolute;width:98.375px;height:35px;left:0;right:0;top:35px;bottom:0;margin:auto}#trade-history-area #gacha-timeline-area .both-right-and-left .trade-info{position:relative;top:-89px;font-size:11px;height:10px}#trade-history-area #gacha-timeline-area .both-right-and-left .trade-info .trade-status{float:left;color:#000;margin-left:8px}#trade-history-area #gacha-timeline-area .both-right-and-left .trade-info .relative-time{float:right;color:#fff;margin-right:15px}#trade-history-area #gacha-timeline-area .both-right-and-left .left-user-info{position:absolute;left:0;top:35px;bottom:0;margin:auto;height:90px}#trade-history-area #gacha-timeline-area .both-right-and-left .left-user-info .trade-card-img{position:relative;height:86px;float:left;margin:0.2em 0 0 0.4em}#trade-history-area #gacha-timeline-area .both-right-and-left .left-user-info .text-area{color:white;text-align:left;margin:0.5em 0 0 5.1em}#trade-history-area #gacha-timeline-area .both-right-and-left .left-user-info .text-area .nickname{font-size:10px}#trade-history-area #gacha-timeline-area .both-right-and-left .left-user-info .text-area .thumbnail{width:28px;height:28px;border-radius:50%}#trade-history-area #gacha-timeline-area .both-right-and-left .right-user-info{position:absolute;right:0;top:35px;bottom:0;margin:auto;height:90px}#trade-history-area #gacha-timeline-area .both-right-and-left .right-user-info .trade-card-img{position:relative;height:86px;margin:auto;float:right;right:0;margin:0.2em 0.4em 0 0}#trade-history-area #gacha-timeline-area .both-right-and-left .right-user-info .text-area{color:#fff;text-align:right;margin:2em 5.2em 0 0}#trade-history-area #gacha-timeline-area .both-right-and-left .right-user-info .text-area .nickname{font-size:10px}#trade-history-area #gacha-timeline-area .both-right-and-left .right-user-info .text-area .thumbnail{display:inline-block;width:28px;height:28px;border-radius:50%}#trade-history-area #gacha-timeline-area .from-left-to-right .trade-bg-area .trade-label{position:relative;width:101.3%;top:1px;left:4px}#trade-history-area #gacha-timeline-area .from-left-to-right .trade-arrow-area{position:absolute;width:98.375px;height:35px;left:0;right:0;top:35px;bottom:0;margin:auto}#trade-history-area #gacha-timeline-area .from-left-to-right .trade-info{position:relative;top:-89px;font-size:11px;height:10px}#trade-history-area #gacha-timeline-area .from-left-to-right .trade-info .trade-status{float:left;color:#000;margin-left:8px}#trade-history-area #gacha-timeline-area .from-left-to-right .trade-info .relative-time{float:right;color:#fff;margin-right:15px}#trade-history-area #gacha-timeline-area .from-left-to-right .left-user-info{position:absolute;left:0;top:35px;bottom:0;margin:auto;height:90px}#trade-history-area #gacha-timeline-area .from-left-to-right .left-user-info .trade-card-img{position:relative;height:86px;float:left;margin:0.2em 0 0 0.4em}#trade-history-area #gacha-timeline-area .from-left-to-right .left-user-info .text-area{color:#333;text-align:left;margin:0.5em 0 0 5.1em}#trade-history-area #gacha-timeline-area .from-left-to-right .left-user-info .text-area .nickname{font-size:11px}#trade-history-area #gacha-timeline-area .from-left-to-right .left-user-info .text-area .thumbnail{width:28px;height:28px}#trade-history-area #gacha-timeline-area .from-left-to-right .right-user-info{position:absolute;right:0;top:35px;bottom:0;margin:auto;height:90px}#trade-history-area #gacha-timeline-area .from-left-to-right .right-user-info a:active,#trade-history-area #gacha-timeline-area .from-left-to-right .right-user-info a:hover,#trade-history-area #gacha-timeline-area .from-left-to-right .right-user-info a:link,#trade-history-area #gacha-timeline-area .from-left-to-right .right-user-info a:visited{color:#fff}#trade-history-area #gacha-timeline-area .from-left-to-right .right-user-info .trade-card-img{position:relative;height:86px;margin:auto;float:right;right:0;margin:0.2em 0.4em 0 0}#trade-history-area #gacha-timeline-area .from-left-to-right .right-user-info .text-area{color:#fff;text-align:right;margin:2em 5.2em 0 0}#trade-history-area #gacha-timeline-area .from-left-to-right .right-user-info .text-area .nickname{font-size:11px}#trade-history-area #gacha-timeline-area .from-left-to-right .right-user-info .text-area .thumbnail{display:inline-block;width:28px}#trade-history-area #gacha-timeline-area .from-right-to-left .trade-bg-area .trade-label{position:relative;width:101.3%;top:1px;left:4px}#trade-history-area #gacha-timeline-area .from-right-to-left .trade-arrow-area{position:absolute;width:98.375px;height:35px;left:0;right:0;top:35px;bottom:0;margin:auto}#trade-history-area #gacha-timeline-area .from-right-to-left .trade-arrow-area .trade-left-arrow{position:relative;float:left;width:80%;top:17.5px}#trade-history-area #gacha-timeline-area .from-right-to-left .trade-info{position:relative;top:-89px;font-size:11px;height:10px}#trade-history-area #gacha-timeline-area .from-right-to-left .trade-info .trade-status{float:left;color:#000;margin-left:8px}#trade-history-area #gacha-timeline-area .from-right-to-left .trade-info .relative-time{float:right;color:#fff;margin-right:15px}#trade-history-area #gacha-timeline-area .from-right-to-left .left-user-info{position:absolute;left:0;top:35px;bottom:0;margin:auto;height:90px}#trade-history-area #gacha-timeline-area .from-right-to-left .left-user-info .trade-card-img{position:relative;height:86px;float:left;margin:0.2em 0 0 0.4em}#trade-history-area #gacha-timeline-area .from-right-to-left .left-user-info .text-area{color:#333;text-align:left;margin:0.5em 0 0 5.1em}#trade-history-area #gacha-timeline-area .from-right-to-left .left-user-info .text-area .nickname{font-size:11px}#trade-history-area #gacha-timeline-area .from-right-to-left .left-user-info .text-area .thumbnail{width:28px;height:28px}#trade-history-area #gacha-timeline-area .from-right-to-left .right-user-info{position:absolute;right:0;top:35px;bottom:0;margin:auto;height:90px}#trade-history-area #gacha-timeline-area .from-right-to-left .right-user-info a:active,#trade-history-area #gacha-timeline-area .from-right-to-left .right-user-info a:hover,#trade-history-area #gacha-timeline-area .from-right-to-left .right-user-info a:link,#trade-history-area #gacha-timeline-area .from-right-to-left .right-user-info a:visited{color:#fff}#trade-history-area #gacha-timeline-area .from-right-to-left .right-user-info .trade-card-img{position:relative;height:86px;margin:auto;float:right;right:0;margin:0.2em 0.4em 0 0}#trade-history-area #gacha-timeline-area .from-right-to-left .right-user-info .text-area{color:#fff;text-align:right;margin:2em 5.2em 0 0}#trade-history-area #gacha-timeline-area .from-right-to-left .right-user-info .text-area .nickname{font-size:11px}#trade-history-area #gacha-timeline-area .from-right-to-left .right-user-info .text-area .thumbnail{display:inline-block;width:28px}#trade-history-area #gacha-timeline-area .paging{color:#ebebeb;margin-top:34px}#trade-history-area #gacha-timeline-area .paging .pagingLeft{width:0;height:0;border-style:solid;border-width:7px 14px 7px 0;border-color:transparent #ebebeb transparent transparent}#trade-history-area #gacha-timeline-area .paging .pagingRight{width:0;height:0;border-style:solid;border-width:7px 0 7px 14px;border-color:transparent transparent transparent #ebebeb}#trade-history-area #gacha-timeline-area .paging .pagingLeft-nolink{border-color:transparent #5c5c5c transparent transparent}#trade-history-area #gacha-timeline-area .paging .pagingRight-nolink{border-color:transparent transparent transparent #5c5c5c}#trade-history-area #gacha-timeline-area .paging div{width:15%;display:inline-block;text-align:center;font-size:13px;letter-spacing:1.4px}#trade-history-area #gacha-timeline-area .dummy{height:1px}#trade-history-area #gacha-timeline-area #no-trade-history{padding-top:1em;color:#fff}#trade-history-area #gacha-timeline-area #no-trade-history img{width:100%;padding-bottom:0.5em}#trade-history-area #gacha-timeline-area #no-trade-history a img{width:80%;display:inline-block;text-align:center}.trade-message-dialog-area{position:fixed;display:none;width:330px;height:163px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10}.trade-message-dialog-area .trade-message-dialog-result{position:relative;height:163px;background-color:#f5fcfe;border-radius:4px}.trade-message-dialog-area .trade-message-dialog-result .trade-message-dialog-contents .dialog-header{position:relative;top:0px;width:100%;height:42px;background-color:#f59b00;border-radius:4px 4px 0px 0px}.trade-message-dialog-area .trade-message-dialog-result .trade-message-dialog-contents .dialog-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.trade-message-dialog-area .trade-message-dialog-result .trade-message-dialog-contents .dialog-header h1{position:absolute;line-height:16px;margin-top:13px;margin-bottom:13px;width:100%;text-align:center;font-size:16px;color:black}.trade-message-dialog-area .trade-message-dialog-result .trade-message-dialog-contents .confirm-message{position:relative;padding:20px;text-align:left;font-size:14px}.trade-message-dialog-area .trade-message-dialog-result .trade-message-dialog-contents .confirm-message p{text-align:center}.trade-message-dialog-area .trade-message-dialog-result .trade-message-dialog-contents .error-message{position:relative;padding:20px;text-align:center;font-size:14px}.trade-message-dialog-area .trade-message-dialog-result .trade-message-dialog-contents .dialog-footer{background-image:url("../img/info_footer.png");background-size:100%;width:100%;height:55px;margin-top:42px;text-align:center}.trade-message-dialog-area .trade-message-dialog-result .trade-message-dialog-contents .dialog-footer .close-btn{position:relative;text-align:center;margin-top:14px;margin-bottom:18.9px;padding-top:0.5em}.trade-message-dialog-area .trade-message-dialog-result .trade-message-dialog-contents .dialog-footer .close-btn a{position:relative;display:block;bottom:0;font-size:14px;line-height:29.2px}.trade-message-dialog-area .trade-message-dialog-result .trade-message-dialog-contents .dialog-footer .close-btn a img{height:32px;margin:0 auto}#connect-section button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;appearance:none}#connect-section .color{color:#f59b00}#connect-section img{width:100%}#connect-section{color:#fff;padding-bottom:65px}#connect-section #connect-area{margin:20px 1em 1em 1em;width:90%}#connect-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#connect-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 532px, 23px)}#connect-section .init-layer{z-index:-1;background-color:rgba(0,0,0,0.4)}#connect-section .form-input{background-color:#ebebeb;border:none;border-radius:4px;height:28px;width:250px;margin:0 0 40px;padding-left:10px;font-size:16px;line-height:22px;box-sizing:border-box}#connect-section .block-post{text-align:center}#connect-section .lead-main{font-size:17px;line-height:1.3;text-align:center;margin:0 0 20px;font-weight:bold}#connect-section .lead-sub{line-height:20px;margin:0 0 20px;font-size:15px}#connect-section .thumb{line-height:0;margin:0 0 20px}#connect-section .thumb img{width:100%}#connect-section .txt--id-connect{text-align:center;font-weight:bold;margin:0 0 5px;padding-top:10px}#connect-section .btn{width:100%;padding:0;width:239px;height:32px;margin:16px auto 0}#connect-section a.btn{display:block}#connect-section .btn-input-connect{width:239px;height:32px;border:none;background-size:100%;background-repeat:no-repeat;background-position:center center;background-color:transparent}#connect-section .btn-app-dl{padding:10px 0 0;text-align:center}#connect-section .btn-app-dl a{display:block}#connect-section .btn-app-dl img{display:inline-block}#connect-section .btn-app-dl img.ico-ggday{width:15%;margin-right:1%}#connect-section .btn-app-dl img.ico-dl{width:50%}#connect-section .txt-error{margin:0 0 20px;color:#c80000;text-align:center;font-size:14px}#connect-section .ico-paste,#connect-section .ico-copy{display:inline-block;position:absolute;right:10px;top:50%;margin-top:-11px}#connect-section .ico-paste img,#connect-section .ico-copy img{width:15px;height:15px;position:relative;top:2px}#connect-section .block-id dd{border-radius:4px;background-color:#1e1e1e;padding:15px 0;position:relative}#connect-section .block-id dt{text-align:center;font-size:13px;line-height:18px;margin:0 0 10px}#connect-section .block-id dd .form-id{margin:0}#connect-section.page-top .txt--id-connect{text-align:center;font-weight:bold;margin-bottom:0;padding-top:10px}#connect-section.page-top .txt--id-connect.color{margin-bottom:10px}#connect-section.page-top .block-connect{text-align:center;margin:0 0 50px}#connect-section.page-top .block-id dd .btn{margin:5px auto 7px}#connect-section.page-top .block-id{margin:0 0 10px}.connect-dialog-area{position:fixed;display:none;width:304px;height:238px;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}.connect-dialog-area #connect-dialog-header{position:relative;top:0px;width:100%;height:44.7px;background-color:#f59b00;border-radius:4px 4px 0px 0px}.connect-dialog-area #connect-dialog-header h1{position:absolute;line-height:16px;margin-top:13px;margin-bottom:13px;width:100%;text-align:center;font-size:16px;color:#000}.connect-dialog-area #connect-dialog-contents{position:relative;background-color:rgba(30,30,30,0.7);border-radius:0px 0px 4px 4px;text-align:center;border:1px solid #825000}.connect-dialog-area #connect-dialog-contents .confirm-text{color:#fff;font-size:13px;margin:20px 20px 0;letter-spacing:0.5px}.connect-dialog-area #connect-dialog-contents .btn-area{text-align:center;padding:20px 0 0;margin:0 0 20px}.connect-dialog-area #connect-dialog-contents .btn-area p{display:inline-block}.connect-dialog-area #connect-dialog-contents .btn-area p.left-section{margin:0 5px 0 0}.connect-dialog-area #connect-dialog-contents .btn-area p img{width:126px;height:32px}.connect-dialog-area #connect-dialog-contents .btn-area .cancel-btn.center{margin:0 auto;position:relative;left:auto}#connect-section.page-form,#connect-section.page-finish{position:relative;top:20px;text-align:center}#connect-section.page-form #connect-area,#connect-section.page-finish #connect-area{width:90%;color:#fff;margin-top:30px;width:259px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;min-height:365px;padding:30px 25px}#connect-section .form-id{font-weight:bold;text-align:center;font-size:18px;border-radius:4px;margin:10px auto 5px;position:relative}#connect-section.page-finish .block-id{margin:0 0 30px}#connect-section.page-finish .lead-sub{text-align:left}#connect-section.page-description{height:calc(135%)}#connect-section.page-description .btn{display:block;margin-bottom:40px}#connect-section.page-description .list-flow{background-color:#1e1e1e;border:1px solid #825000;border-bottom:none;padding:20px}#connect-section.page-description .list-flow:first-of-type{border-radius:4px 4px 0 0 / 4px 4px 0 0}#connect-section.page-description .list-flow:last-of-type{margin:0 0 30px;border-bottom:1px solid #825000;border-radius:0 0 4px 4px / 0 0 4px 4px}#connect-section.page-description .list-flow dt{font-weight:bold;color:#f59b00;margin:0 0 10px}#connect-section.page-description .list-flow dd{font-size:13px;line-height:18px;display:flex;display:-webkit-box;display:-webkit-flex}#connect-section.page-description .list-flow dd .txt{width:58%;margin:0 2% 0 0}#connect-section.page-description .list-flow dd .thumb{width:40%;font-size:10px;text-decoration:underline;text-align:center;display:inline-block}#connect-section.page-description .list-flow:first-of-type dd{display:block}#class_mission_section{position:relative}#class_mission_section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#class_mission_section .my_class_header{margin:10px auto 0;width:100%;text-align:center;color:#FFF}#class_mission_section .my_class_header .header_my_class_title{display:inline-block;width:307px}#class_mission_section .my_class_header .now_badge{margin:10px 0;font-size:11px}#class_mission_section .my_class_header .header_my_class_icon{display:inline-block;margin-bottom:15px;width:90px}#class_mission_section .next_class_reward{margin-top:-15px;text-align:center}#class_mission_section .next_class_reward .head_text{font-size:16px;color:#F4CA44}#class_mission_section .next_class_reward .next_icon{position:relative;display:inline-block;top:5px;width:30px;vertical-align:bottom}#class_mission_section .next_class_reward .next_icon_large{position:relative;display:inline-block;top:8px;height:40px}#class_mission_section .next_class_reward .next_red{font-size:20px;color:#F00;font-weight:bold}#class_mission_section .each_class_mission{position:relative;margin:-20px auto -20px;padding:43px 29px;width:336px;height:241px;background:url(/assets/giants/img/class_mission/mission_bg.png) no-repeat top/100%;text-align:left;box-sizing:border-box;color:#FFF}#class_mission_section .each_class_mission .mission_head{font-size:16px;font-weight:bold;line-height:1.5}#class_mission_section .each_class_mission .mission_text{font-size:14px}#class_mission_section .each_class_mission .gauge_box{position:relative;margin:5px auto 15px;width:267px;height:25px;border-radius:16px;background:#808080}#class_mission_section .each_class_mission .gauge_box .gauge{height:25px;border-radius:16px;background:-webkit-linear-gradient(bottom, #f76b1c, #fad961);background:linear-gradient(to top, #f76b1c, #fad961)}#class_mission_section .each_class_mission .gauge_box .rate{position:absolute;top:7px;right:10px;font-size:12px;text-align:right;color:#FFF}#class_mission_section .reward_title{display:block;margin:0 auto;width:350px}#class_mission_section .reward_list{margin:20px auto;padding-bottom:10px;width:336px;border:2px solid #FFF;background:#000;color:#FFF}#class_mission_section .reward_list .header{padding:5px;background:#FFF;font-size:12px;font-weight:bold;text-align:center;color:#000}#class_mission_section .reward_list .header .each_reward{height:auto !important}#class_mission_section .reward_list .each_reward{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;margin:0 auto;width:316px;height:60px;border-bottom:1px solid #FFF;font-size:12px;text-align:center}#class_mission_section .reward_list .each_reward .small{font-size:70%}#class_mission_section .reward_list .each_reward .reward_icon{position:relative;display:inline-block;margin-right:2px;top:3px;width:15px}#class_mission_section .reward_list .each_reward .badge_icon{position:relative;display:inline-block;top:0;margin:5px 0;height:37px}#class_mission_section .reward_list .each_reward:last-child{border-bottom:0}#class_mission_section .reward_list .each_reward>div{-webkit-flex-basis:33.3%;flex-basis:33.3%}#class_mission_section .reward_list .each_reward.clear:after{position:absolute;top:0;left:0;padding:20px;width:100%;height:100%;background:rgba(0,0,0,0.6);font-size:18px;font-weight:bold;color:#F00;content:'獲得済み';box-sizing:border-box}#class_mission_section .reward_list .each_reward.hidden:after{position:absolute;top:0;left:0;padding:20px;width:100%;height:100%;background:rgba(0,0,0,0.6);font-size:18px;font-weight:bold;color:#F00;content:'';box-sizing:border-box}#class_mission_section .reward_list .each_reward.coming_soon:after{position:absolute;top:0;left:0;padding:20px;width:100%;height:100%;background:rgba(0,0,0,0.6);font-size:18px;font-weight:bold;color:#F00;content:'Coming soon';box-sizing:border-box}#class_mission_section .class_up_popup_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:1000}#class_mission_section .class_up_popup{display:none;position:fixed;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);background:transparent;text-align:center;z-index:1001}#class_mission_section .class_up_popup .class_mission_reward_box>p{width:100% !important;text-align:center !important}#class_mission_section .class_up_popup .popup_title{width:100%}#class_mission_section .class_up_popup .ranks{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin:0 auto 20px;width:250px}#class_mission_section .class_up_popup .rankup_mission_class_icon{width:110px}#class_mission_section .class_up_popup .popup_arrow{margin:0 auto;width:34px}#class_mission_section .class_up_popup .popup_text{margin:15px auto;width:315px}#class_mission_section .class_mission_reward_box{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;margin:-20px auto 0;padding:23px 10px 0;width:266px;height:78px;background:url(/assets/giants/img/class_mission/reward_bg.png) no-repeat top/100%;font-size:14px;line-height:33px;font-weight:bold;color:#FFF;box-sizing:border-box}#class_mission_section .class_mission_reward_box>p:first-child{width:35%;text-align:left;font-size:13px !important}#class_mission_section .class_mission_reward_box>p:last-child{width:65%;text-align:left;font-size:13px !important}#class_mission_section .class_mission_reward_box .badge_icon{display:inline-block;position:relative;top:0px;width:31px;vertical-align:middle}#class_mission_section .class_mission_reward_box .reward_icon{display:inline-block;position:relative;margin-left:10px;top:-1px;width:26px;vertical-align:middle}.class_mission_dialog,.class_purchase_result_dialog{position:fixed;display:none;width:330px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10}.class_mission_dialog #dialog-contents,.class_purchase_result_dialog #dialog-contents{position:relative;height:40%;padding:20px 20px 10px}.class_mission_dialog #dialog-contents #class-mission-dialog-message,.class_purchase_result_dialog #dialog-contents #class-mission-dialog-message{text-align:center;font-size:13px}.class_mission_dialog #dialog-footer,.class_purchase_result_dialog #dialog-footer{position:relative;text-align:center}.class_mission_dialog #dialog-footer #close-area,.class_purchase_result_dialog #dialog-footer #close-area{padding:18px 0;background:#e78a00}.class_mission_dialog #dialog-footer #close-area a,.class_purchase_result_dialog #dialog-footer #close-area a{color:#000}#profile-contents{position:relative;width:100%;padding-bottom:100px}#profile-contents #layer{position:absolute;left:180px}#profile-contents #layer img{margin:0 10%;height:80%;width:80%;opacity:0.5}#profile-contents .profile{top:16px;position:relative}#profile-contents .profile .icon{width:88px;height:88px;position:relative;margin:auto;overflow:hidden;border-radius:50%}#profile-contents .profile .icon img{object-fit:cover;position:absolute;width:88px;height:88px;margin:auto}#profile-contents .profile .nickname{color:#fff;display:block;font-size:16px;letter-spacing:-0.3px;margin-bottom:4px;margin-top:10px;text-align:center;width:100%}#profile-contents .profile .player-id{color:#fff;display:block;font-size:12px;letter-spacing:-0.2px;margin-bottom:4px;margin-top:10px;text-align:center;width:100%}#profile-contents .profile .copy-id{color:#c3c1c1;font-size:10px;text-align:center;letter-spacing:-0.2px}#profile-contents .profile .block-list-area{position:relative;margin-top:16px}#profile-contents .profile .block-list-area p{text-align:center}#profile-contents .profile .block-list-area .block-num{font-size:15px;color:#fff}#profile-contents .profile .block-list-area #block-label a:hover,#profile-contents .profile .block-list-area #block-label a:active,#profile-contents .profile .block-list-area #block-label a:visited,#profile-contents .profile .block-list-area #block-label a:link{font-size:10px;color:#c3c1c1}#profile-contents .profile .medal-area{position:relative;height:40px;background-color:#1e1e1e;border-radius:4px;color:#f59b00;font-size:12px;margin:0 14px 10px 14px;padding:0 0 15px}#profile-contents .profile .medal-area .label img{position:absolute;width:4%;top:32%;left:2%}#profile-contents .profile .medal-area .label p{position:absolute;top:38%;left:7%}#profile-contents .profile .medal-area .gold{position:absolute;width:30px;top:16%;left:100px;z-index:1}#profile-contents .profile .medal-area .silver{position:absolute;width:30px;top:16%;left:180px;z-index:1}#profile-contents .profile .medal-area .copper{position:absolute;width:30px;top:16%;left:260px;z-index:1}#profile-contents .profile .medal-area .gold_value{position:absolute;left:125px;top:20px;font-size:12px;white-space:nowrap;line-height:20px;width:45px;text-align:center}#profile-contents .profile .medal-area .silver_value{position:absolute;left:205px;top:20px;font-size:12px;white-space:nowrap;line-height:20px;width:45px;text-align:center}#profile-contents .profile .medal-area .copper_value{position:absolute;left:285px;top:20px;font-size:12px;white-space:nowrap;line-height:20px;width:45px;text-align:center}#profile-contents .profile .profile-area{background-color:#333;border-radius:4px;margin:0 14px;padding:0 0 15px}#profile-contents .profile .profile-area .introduction{font-size:12px;text-align:justify;color:#ebebeb;padding:7px 14px 11px}#profile-contents .profile .profile-area .profile-detail{width:100%}#profile-contents .profile .profile-area .profile-detail tr .list-header,#profile-contents .profile .profile-area .profile-detail tr .list-data{height:19px;padding:3px 14px 3px 11px;font-size:12px;color:#f59b00;line-height:19px}#profile-contents .profile .profile-area .profile-detail tr .list-header{width:41%}#profile-contents .profile .profile-area .profile-detail tr .list-header .icon-area{width:17px;float:left}#profile-contents .profile .profile-area .profile-detail tr .list-header .icon-area img{height:13px;margin:3px auto 0}#profile-contents .profile .profile-area .profile-detail tr .list-data{text-align:right}#profile-contents .profile .profile-area .profile-detail tr:nth-child(odd) td{background-color:#1e1e1e}#profile-contents .profile .profile-area .profile-detail tr:nth-child(even) td{background-color:#333}#profile-contents .profile .profile-area .season-area{width:100%}#profile-contents .profile .profile-area .season-area tr th{width:41%;height:19px;padding:3px 14px 3px 13px;color:#ebebeb;text-align:left;letter-spacing:0.5px;font-weight:normal;font-size:12px;line-height:19px}#profile-contents .profile .profile-area .season-area tr .list-header,#profile-contents .profile .profile-area .season-area tr .list-data{height:19px;padding:3px 14px 3px 11px;font-size:12px;color:#f59b00;line-height:19px}#profile-contents .profile .profile-area .season-area tr .list-header{width:41%}#profile-contents .profile .profile-area .season-area tr .list-header .icon-area{width:17px;float:left}#profile-contents .profile .profile-area .season-area tr .list-header .icon-area img{height:13px;margin:3px auto 0}#profile-contents .profile .profile-area .season-area tr .list-data{text-align:right}#profile-contents .profile .profile-area .season-area tr:nth-child(odd) td{background-color:#333}#profile-contents .profile .profile-area .season-area tr:nth-child(even) td{background-color:#1e1e1e}#profile-contents .profile .edit-area{text-align:center}#profile-contents .profile .edit-area .edit{position:relative;margin:10px auto;text-align:center;height:26px;width:168px;border-radius:4px;display:inline-block}#profile-contents .profile .edit-area .edit span{position:absolute;width:100%;top:30%;left:0;font-size:12px;color:#FFF}#profile-contents .profile .edit-area img{width:100%;line-height:26px;display:block;list-style:none}#profile-contents .profile .edit-area .logout{margin-top:20px;color:#FFF;font-size:14px}#profile-contents .profile .edit-area .logout a.orange-link{color:orange !important;text-decoration:none}#profile-contents .profile .user-collect-area{position:relative;background-color:rgba(51,51,51,0.8);border-radius:4px;margin:7px 14px}#profile-contents .profile .user-collect-area .currency{display:-webkit-box;display:-webkit-flex;display:flex}#profile-contents .profile .user-collect-area .currency #coin-area,#profile-contents .profile .user-collect-area .currency #stone-area{position:relative;margin-top:6px;margin-bottom:6px;height:44px}#profile-contents .profile .user-collect-area .currency #coin-area p,#profile-contents .profile .user-collect-area .currency #stone-area p{position:absolute;top:0;bottom:0;margin:auto}#profile-contents .profile .user-collect-area .currency #coin-area{width:30%;border-right:1px solid gray;box-sizing:border-box}#profile-contents .profile .user-collect-area .currency #coin-area ::-webkit-input-placeholder{box-sizing:border-box}#profile-contents .profile .user-collect-area .currency #coin-area ::-moz-placeholder{box-sizing:border-box}#profile-contents .profile .user-collect-area .currency #coin-area :-ms-input-placeholder{box-sizing:border-box}#profile-contents .profile .user-collect-area .currency #coin-area p{float:left}#profile-contents .profile .user-collect-area .currency #coin-area p img{width:30px;display:block}#profile-contents .profile .user-collect-area .currency #coin-area #coin-num{width:30px;height:30px;left:15px;border-radius:50%;background-color:#fcc900}#profile-contents .profile .user-collect-area .currency #coin-area #total-coin-num{left:55px;line-height:44px;color:#c3c1c1;font-size:12px}#profile-contents .profile .user-collect-area .currency #stone-area{width:70%}#profile-contents .profile .user-collect-area .currency #stone-area p{height:30px;margin-left:5px}#profile-contents .profile .user-collect-area .currency #stone-area p a img{position:relative;display:block;width:38px}#profile-contents .profile .user-collect-area .currency #stone-area #total-stone-num{width:80%;position:relative;left:10%;margin:0 auto;color:#c3c1c1;font-size:0;letter-spacing:-.4em}#profile-contents .profile .user-collect-area .currency #stone-area #total-stone-num span{width:48%;font-size:12px;line-height:22px;display:inline-block;letter-spacing:normal}#profile-contents .profile .user-collect-area #item_area{width:96.5%;position:relative;color:#c3c1c1;padding:6px;font-size:12px;text-align:center;clear:both;border-top:1px solid #c3c1c1}#profile-contents .profile .user-collect-area #item_area .tit{width:100%;display:block;position:relative}#profile-contents .profile .user-collect-area #item_area .no_ticket{width:100%;display:block;position:relative;margin-top:1em}#profile-contents .profile .user-collect-area #item_area .ticket_list{position:relative}#profile-contents .profile .user-collect-area #item_area .ticket_status{position:relative;display:inline-block;margin:5px 10px;width:145px}#profile-contents .profile .user-collect-area #item_area .ticket_icon{position:relative}#profile-contents .profile .user-collect-area #item_area .ticket_icon .num{display:inline-block;vertical-align:middle}#profile-contents .profile .user-collect-area #item_area .ticket_icon img{display:inline-block;vertical-align:middle;width:50px}#profile-contents .profile .user-collect-area #item_area .limit{position:relative}#profile-contents .profile .class-area{position:relative}#profile-contents .profile .class-area .class{position:absolute;width:20%;left:6%}#profile-contents .profile .class-area .no-class{position:absolute;width:20%;left:10%}#profile-contents .profile .class-area .rank{position:relative;font-size:35px;font-weight:800;color:#FFF;text-align:center}#profile-contents .profile .class-area .rank-unit{font-size:10px}#profile-contents .profile .class-area .updown{position:absolute;top:-12%;width:8%;left:67%}#profile-contents .profile .class-area .stay{position:absolute;top:15%;width:10%;left:67%}#profile-contents .profile .status-area{color:#FFF;margin:2% 0}#profile-contents .profile .status-area ul{display:block;padding-left:0;text-align:center}#profile-contents .profile .status-area li{display:block;margin-bottom:3px;text-align:-webkit-match-parent}#profile-contents .profile .status-area .card-num{left:12px;position:relative;font-size:12px;display:inline-block}#profile-contents .profile .status-area .card-num img{width:16px;margin-top:-2px;vertical-align:text-bottom;display:inline}#profile-contents .profile .status-area .rarity{right:6px;position:relative;font-size:12px;display:inline-block}#profile-contents .profile .status-area .rarity img{width:19px;margin-top:-2px;vertical-align:text-bottom;display:inline}#profile-contents .help{position:absolute;width:80px;height:20px;top:-25px;right:17px;z-index:10}#profile-contents .help a{width:80px;height:20px}#profile-contents .help a span div{height:20px;width:80px;font-size:12px;line-height:20px;border-radius:4px;text-align:center;font-weight:600;color:#f59b00;background:-webkit-linear-gradient(bottom, #d2d2d2, #fff);background:linear-gradient(to top, #d2d2d2, #fff)}#profile-contents .profile-edit{position:relative}#profile-contents .profile-edit #setting-profile{position:relative;padding-top:16px}#profile-contents .profile-edit #setting-profile .icon{width:88px;height:88px;position:relative;margin:auto;overflow:hidden;border-radius:50%}#profile-contents .profile-edit #setting-profile .icon .user-img{object-fit:cover;position:absolute;width:88px;height:88px;margin:auto}#profile-contents .profile-edit #setting-profile #profile_photo_upload{position:absolute;width:26px;top:75px;right:145px}#profile-contents .profile-edit #setting-profile #profile_photo_upload .upload-btn img{display:block;width:26px}#profile-contents .profile-edit #setting-profile #edit-form div h2 label{font-size:12px;color:#fff}#profile-contents .profile-edit #setting-profile #edit-form .nickname-area,#profile-contents .profile-edit #setting-profile #edit-form .profile-text-area,#profile-contents .profile-edit #setting-profile #edit-form .hometown-area,#profile-contents .profile-edit #setting-profile #edit-form .job-area,#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area{border-radius:4px;margin:9px 14px 0px}#profile-contents .profile-edit #setting-profile #edit-form .nickname-area{margin-top:15px;padding:8px 14px 10px}#profile-contents .profile-edit #setting-profile #edit-form .nickname-area .input-area{width:100%;margin-top:8px}#profile-contents .profile-edit #setting-profile #edit-form .nickname-area .input-area #user-nickname-text{width:301px;height:14px;color:#333;background-color:#ebebeb;padding:9px 10px;border:0;border-radius:4px;font-size:14px;line-height:14px}#profile-contents .profile-edit #setting-profile #edit-form .nickname-area .input-area ::-webkit-input-placeholder{color:gray}#profile-contents .profile-edit #setting-profile #edit-form .nickname-area .input-area ::-moz-placeholder{color:gray}#profile-contents .profile-edit #setting-profile #edit-form .nickname-area .input-area :-ms-input-placeholder{color:gray}#profile-contents .profile-edit #setting-profile #edit-form .profile-text-area{padding:9px 14px 10px}#profile-contents .profile-edit #setting-profile #edit-form .profile-text-area .textarea{width:100%;margin-top:8px}#profile-contents .profile-edit #setting-profile #edit-form .profile-text-area .textarea textarea{resize:none;width:301px;height:74px;padding:9px 10px;color:#333;background-color:#ebebeb;border:0;border-radius:4px;font-size:14px}#profile-contents .profile-edit #setting-profile #edit-form .profile-text-area .textarea ::-webkit-input-placeholder{color:gray}#profile-contents .profile-edit #setting-profile #edit-form .profile-text-area .textarea ::-moz-placeholder{color:gray}#profile-contents .profile-edit #setting-profile #edit-form .profile-text-area .textarea :-ms-input-placeholder{color:gray}#profile-contents .profile-edit #setting-profile #edit-form .hometown-area{position:relative;padding:9px 14px 7px}#profile-contents .profile-edit #setting-profile #edit-form .hometown-area #user-hometown{-webkit-appearance:none;appearance:none;width:100%;margin-top:8px;height:32px;background-color:#ebebeb;color:gray;padding-left:10px;border:0;border-radius:4px;font-size:14px;line-height:14px}#profile-contents .profile-edit #setting-profile #edit-form .hometown-area .public-switch{margin-top:9px;text-align:right;line-height:10px;position:relative}#profile-contents .profile-edit #setting-profile #edit-form .hometown-area .public-switch .switch{position:relative;display:inline-block;width:40px;height:24px}#profile-contents .profile-edit #setting-profile #edit-form .hometown-area .public-switch .switch input{display:none}#profile-contents .profile-edit #setting-profile #edit-form .hometown-area .public-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ebebeb;-webkit-transition:.2s;transition:.2s}#profile-contents .profile-edit #setting-profile #edit-form .hometown-area .public-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:white;-webkit-transition:.4s;transition:.4s;box-shadow:1px 1px 1px rgba(0,0,0,0.1),1px -1px 1px rgba(0,0,0,0.1)}#profile-contents .profile-edit #setting-profile #edit-form .hometown-area .public-switch input:checked+.slider{background-color:#f59b00}#profile-contents .profile-edit #setting-profile #edit-form .hometown-area .public-switch input:checked+.slider:before{-webkit-transform:translateX(16px);transform:translateX(16px);box-shadow:-1px 1px 1px rgba(0,0,0,0.2),-1px -1px 1px rgba(0,0,0,0.2)}#profile-contents .profile-edit #setting-profile #edit-form .hometown-area .public-switch .slider.round{border-radius:34px}#profile-contents .profile-edit #setting-profile #edit-form .hometown-area .public-switch .slider.round:before{border-radius:50%}#profile-contents .profile-edit #setting-profile #edit-form .hometown-area .public-switch .switch-label{position:relative;top:-7px;font-size:12px;color:#fff}#profile-contents .profile-edit #setting-profile #edit-form .hometown-area::after{content:'';position:absolute;width:0;height:0;top:45px;right:26px;border-style:solid;border-width:11.3px 6.5px 0 6.5px;border-color:#333 transparent transparent transparent;pointer-events:none}#profile-contents .profile-edit #setting-profile #edit-form .job-area{position:relative;padding:9px 14px 7px}#profile-contents .profile-edit #setting-profile #edit-form .job-area #user-job{-webkit-appearance:none;appearance:none;width:100%;margin-top:8px;height:32px;background-color:#ebebeb;color:gray;padding-left:10px;border:0;border-radius:4px;font-size:14px;line-height:14px}#profile-contents .profile-edit #setting-profile #edit-form .job-area .public-switch{margin-top:9px;text-align:right;line-height:10px;position:relative}#profile-contents .profile-edit #setting-profile #edit-form .job-area .public-switch .switch{position:relative;display:inline-block;width:40px;height:24px}#profile-contents .profile-edit #setting-profile #edit-form .job-area .public-switch .switch input{display:none}#profile-contents .profile-edit #setting-profile #edit-form .job-area .public-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ebebeb;-webkit-transition:.2s;transition:.2s}#profile-contents .profile-edit #setting-profile #edit-form .job-area .public-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:white;-webkit-transition:.4s;transition:.4s;box-shadow:1px 1px 1px rgba(0,0,0,0.1),1px -1px 1px rgba(0,0,0,0.1)}#profile-contents .profile-edit #setting-profile #edit-form .job-area .public-switch input:checked+.slider{background-color:#f59b00}#profile-contents .profile-edit #setting-profile #edit-form .job-area .public-switch input:checked+.slider:before{-webkit-transform:translateX(16px);transform:translateX(16px);box-shadow:-1px 1px 1px rgba(0,0,0,0.2),-1px -1px 1px rgba(0,0,0,0.2)}#profile-contents .profile-edit #setting-profile #edit-form .job-area .public-switch .slider.round{border-radius:34px}#profile-contents .profile-edit #setting-profile #edit-form .job-area .public-switch .slider.round:before{border-radius:50%}#profile-contents .profile-edit #setting-profile #edit-form .job-area .public-switch .switch-label{position:relative;top:-7px;font-size:12px;color:#fff}#profile-contents .profile-edit #setting-profile #edit-form .job-area::after{content:'';position:absolute;width:0;height:0;top:45px;right:26px;border-style:solid;border-width:11.3px 6.5px 0 6.5px;border-color:#333 transparent transparent transparent;pointer-events:none}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area{padding:9px 14px 7px}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area .fun-select{width:150px;margin-top:8px;height:32px;background-color:#ebebeb;color:#333;border:0;border-radius:4px;line-height:14px;position:relative}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area .fun-select select{-webkit-appearance:none;appearance:none;border-radius:4px;width:100%;height:100%;display:block;font-size:14px;padding-right:38px;text-indent:8px}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area .fun-select::after{content:'';position:absolute;width:0;height:0;top:12px;right:12px;border-style:solid;border-width:11.3px 6.5px 0 6.5px;border-color:#333 transparent transparent transparent;pointer-events:none}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area .fun_year{float:left}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area .fun_month{float:right}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area .public-switch{margin-top:9px;text-align:right;line-height:10px;position:relative}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area .public-switch .switch{position:relative;display:inline-block;width:40px;height:24px}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area .public-switch .switch input{display:none}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area .public-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ebebeb;-webkit-transition:.2s;transition:.2s}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area .public-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:white;-webkit-transition:.4s;transition:.4s;box-shadow:1px 1px 1px rgba(0,0,0,0.1),1px -1px 1px rgba(0,0,0,0.1)}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area .public-switch input:checked+.slider{background-color:#f59b00}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area .public-switch input:checked+.slider:before{-webkit-transform:translateX(16px);transform:translateX(16px);box-shadow:-1px 1px 1px rgba(0,0,0,0.2),-1px -1px 1px rgba(0,0,0,0.2)}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area .public-switch .slider.round{border-radius:34px}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area .public-switch .slider.round:before{border-radius:50%}#profile-contents .profile-edit #setting-profile #edit-form .fan-history-area .public-switch .switch-label{position:relative;top:-7px;font-size:12px;color:#fff}#profile-contents .profile-edit #setting-profile #btn_update{text-align:center;margin-top:19px;margin-bottom:70px}#profile-contents .profile-edit #setting-profile #btn_update input{width:224px;height:32px;background-color:#ddd;border:none;color:#000;padding:0px;border-radius:4px;font-size:15px}#charge{width:100%;height:calc(100% - 109px);position:relative;text-align:center;margin-bottom:70px}#charge #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#charge #charge-area{padding-top:20px}#charge #charge-area .bnr{width:81%;display:inline-block;margin-bottom:17px}#charge #charge-area .bnr a{display:block}#charge #charge-area .bnr a img{width:100%;height:100%}#charge #charge-area .list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}#charge #charge-area .list li{width:29%;margin:0 1.46% 40px}#charge #charge-area .list li .catchphrase{color:#f59b00;text-align:right;position:absolute;font-size:9px;width:90px;bottom:65px;z-index:1;text-shadow:2px 2px 1px #000000, -2px 2px 1px #000000, 2px -2px 1px #000000, -2px -2px 1px #000000, 2px 0px 1px #000000, 0px 2px 1px #000000, -2px 0px 1px #000000, 0px -2px 1px #000000}#charge #charge-area .list li .catchphrase span{font-size:11px;margin-right:2px}#charge #charge-area .list li .total-crystal{color:#fff;position:absolute;width:90px;padding-top:4.8em;padding-left:2px}#charge #charge-area .list li .total-crystal span{font-size:16px}#charge #charge-area .list li .ato{position:absolute;left:-10px;top:-10px;background-color:#ff6600;padding:4px;font-size:12px;z-index:1;font-weight:600;border-radius:15px;border:3px solid #10214b;color:#fff}#charge #charge-area .list li .ato .ato_ato{font-style:normal;font-size:12px;color:#fff;vertical-align:middle}#charge #charge-area .list li .ato .ato_num{font-style:normal;font-size:16px;color:#fff;vertical-align:middle}#charge #charge-area .list li .ato .ato_kai{font-style:normal;font-size:12px;color:#fff;vertical-align:middle}#charge #charge-area .list li .crystal-box-bg-color{width:94%;margin:2px 3% 3px 3%;border-radius:8%;height:95.8px}#charge #charge-area .list li .crystal-box-bg-color .catchphrase{padding-top:5px}#charge #charge-area .list li .crystal-box-bg-color .chest-box{position:absolute;top:14px;left:10px;width:45px}#charge #charge-area .list li .crystal-box-bg-color img{width:100%;left:-3px;position:relative}#charge #charge-area .list li .crystal-box-bg-color img.crystal-image{position:absolute;top:22px;left:-15%;width:130%}#charge #charge-area .list li .crystal-image-label{position:absolute;width:60px;top:-20px;left:-25px;z-index:1}#charge #charge-area .list .crystal-box{border:1px solid #f59b00;border-radius:4px;height:137px;width:94px;position:relative;background:-webkit-linear-gradient(315deg, #f59b00 8px, #000 8px),-webkit-linear-gradient(225deg, #f59b00 8px, #000 8px);background:-webkit-linear-gradient(315deg, #f59b00 8px, #000 8px),-webkit-linear-gradient(135deg, #f59b00 8px, #000 8px);background:linear-gradient(135deg, #f59b00 8px, #000 8px),linear-gradient(315deg, #f59b00 8px, #000 8px);background-position:top left, bottom right;background-size:50% 50%;background-repeat:no-repeat}#charge #charge-area .list .crystal-box .crystal-image{position:relative;left:0}#charge #charge-area .list .crystal-box .crystal-image-total{position:absolute;width:60%;top:75px;left:22px}#charge #charge-area .list .crystal-box .crystal-image-label{position:absolute;top:-20px;left:45px}#charge #charge-area .list .crystal-box .charge-btn{height:34px}#charge #charge-area .list .crystal-box .charge-btn img{width:84px;height:31px;margin:0 5px 6px}#charge #charge-area .list .crystal-box .charge-btn p{position:relative;top:-28px;color:black;font-size:14px}#charge #charge-area .list .crystal-box .charge-btn-area{position:relative;height:auto}#charge #charge-area .list .crystal-box .charge-btn-area img{width:84px;height:31px;margin:0 5px 6px}#charge #charge-area .list .crystal-box .charge-btn-area p{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);color:#000;font-size:14px}#charge #charge-area .list .crystal-box .under-box-text{margin-top:10px;color:#ebebeb;font-size:8px;text-align:center}#charge #charge-area .list .crystal-box .under-box-text span{font-size:10px}#charge #charge-area .list .crystal-box::before{content:'';position:absolute;width:15px;height:15px;background:-webkit-linear-gradient(315deg, #000 8.3px, transparent 8.3px);background:linear-gradient(135deg, #000 8.3px, transparent 8.3px);top:-1px;left:-1px}#charge #charge-area .list .crystal-box::after{content:'';position:absolute;width:15px;height:15px;background:-webkit-linear-gradient(225deg, #000 8.3px, transparent 8.3px);background:-webkit-linear-gradient(135deg, #000 8.3px, transparent 8.3px);background:linear-gradient(315deg, #000 8.3px, transparent 8.3px);bottom:-1px;right:-1px}#charge #charge-area .list .txtLink a{display:block;color:#aaa;text-align:center}#charge #charge-area .list .cancelBtn a{position:relative;display:block;width:130px;color:#fff;font-size:13px;text-align:center;border:1px solid;border-radius:30px;padding:10px;margin:10px auto}#charge #charge-area .linkBtn_wrap{width:81%;margin:0px auto 70px;border-radius:10px;border:1px solid #979797}#charge #charge-area .linkBtn_wrap a:active,#charge #charge-area .linkBtn_wrap a:hover,#charge #charge-area .linkBtn_wrap a:link,#charge #charge-area .linkBtn_wrap a:visited{display:block;font-size:10px;line-height:18px;color:#979797;text-align:center}.payment-dialog{position:fixed;display:none;width:304px;height:auto;top:45%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}.payment-dialog #payment-crystal-dialog-header{position:relative;top:0px;width:100%;height:44.7px;background-color:#f59b00;border-radius:4px 4px 0px 0px}.payment-dialog #payment-crystal-dialog-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.payment-dialog #payment-crystal-dialog-header h1{position:absolute;line-height:16px;margin-top:13px;margin-bottom:13px;width:100%;text-align:center;font-size:16px;color:#000}.payment-dialog #payment-crystal-dialog-contents{position:relative;background-color:rgba(30,30,30,0.7);border-radius:0px 0px 4px 4px;text-align:center;border:1px solid #825000}.payment-dialog #payment-crystal-dialog-contents #inner-payment-crystal-dialog-contents{background-color:#000;margin:20px;width:264px;height:132px;color:#fff;font-size:14px;letter-spacing:0.5px;text-align:center;position:relative}.payment-dialog #payment-crystal-dialog-contents #inner-payment-crystal-dialog-contents #crystal-icon{display:inline-block}.payment-dialog #payment-crystal-dialog-contents #inner-payment-crystal-dialog-contents #crystal-icon img{height:81px;margin-top:11px}.payment-dialog #payment-crystal-dialog-contents #inner-payment-crystal-dialog-contents #crystal-icon .crystal-icon{z-index:1;position:relative}.payment-dialog #payment-crystal-dialog-contents #inner-payment-crystal-dialog-contents #crystal-icon .bg-crystal-icon{position:absolute;top:8px;left:30px;width:60px;height:60px}.payment-dialog #payment-crystal-dialog-contents #inner-payment-crystal-dialog-contents .rectangle-text{position:absolute;color:black;font-size:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1;right:7px;top:25px}.payment-dialog #payment-crystal-dialog-contents #inner-payment-crystal-dialog-contents #rectangle-band{position:absolute;height:64%;top:-1px;right:-3px}.payment-dialog #payment-crystal-dialog-contents #inner-payment-crystal-dialog-contents #crystal-info{font-size:14px;position:absolute;top:93px;left:0;right:0}.payment-dialog #payment-crystal-dialog-contents #inner-payment-crystal-dialog-contents #crystal-info #crystal-count-detail{display:block;font-size:12px;padding-:5px 0}.payment-dialog #payment-crystal-dialog-contents #inner-payment-crystal-dialog-contents #crystal-info #crystal-count-detail .crystal-omake{font-size:10px;font-style:normal}.payment-dialog #payment-crystal-dialog-contents .p_modalCardBody{overflow-y:scroll;max-height:70vh}.payment-dialog #payment-crystal-dialog-contents .confirm-text{margin-bottom:-6px;font-size:13px;line-height:1.3;letter-spacing:0.5px;color:#fff}.payment-dialog #payment-crystal-dialog-contents .confirm-text.left{text-align:left}.payment-dialog #payment-crystal-dialog-contents .buy-confirm-area{margin:20px;font-size:20px;color:#FFF}.payment-dialog #payment-crystal-dialog-contents .padding-area{margin:20px}.payment-dialog #payment-crystal-dialog-contents #dialog_ato p{margin-top:20px;font-weight:600;color:#fff}.payment-dialog #payment-crystal-dialog-contents #dialog_ato p span{color:#fff}.payment-dialog #payment-crystal-dialog-contents .btn-area{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:20px auto;width:270px}.payment-dialog #payment-crystal-dialog-contents .btn-area .decision-btn{display:block;width:126px;height:32px;background:url(../img/btn_primary_252_64.png) no-repeat top/100%;font-size:13px;font-weight:bold;color:#000;text-align:center;line-height:32px}.payment-dialog #payment-crystal-dialog-contents .btn-area .cancel-btn{display:block;width:126px;height:32px;background:url(../img/btn_secondary_252_64.png) no-repeat top/100%;font-size:13px;font-weight:bold;color:#FFF;text-align:center;line-height:32px}.payment-dialog #payment-crystal-dialog-contents .note-area{color:#FFF;font-size:10px;line-height:1.4;text-align:left;margin:10px}#bind-header{position:relative;top:0;width:100%}#bind-header #navigation-bar{padding-top:0px}#mission_post_section{height:calc(100% - 109px);position:relative}#mission_post_section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#mission_post_section #mission-area{padding-bottom:15px;position:relative;margin:15px 3% 30px;background:#1e1e1e;border-radius:4px;border:1px solid #825000;height:80%}#mission_post_section #mission-area h1{font-size:16px;padding:15px;background-color:#fcc800;color:#000000;text-align:center}#mission_post_section #mission-area #mission_box{overflow-y:scroll;-webkit-overflow-scrolling:touch;height:90%}#mission_post_section #mission-area #mission_box .missionBlock{background:-webkit-linear-gradient(bottom, #262626, #323232);background:linear-gradient(to top, #262626, #323232);border-bottom:1px solid rgba(255,255,255,0.1);padding:7px 10px;position:relative;overflow:hidden;color:#fff;height:87px}#mission_post_section #mission-area #mission_box .missionBlock .title_image{width:80px;height:80px;float:left;margin-right:10px}#mission_post_section #mission-area #mission_box .missionBlock .title_image .image_background{height:80px}#mission_post_section #mission-area #mission_box .missionBlock .title_image .image_background .background{position:absolute;top:16px;width:72px;height:68px}#mission_post_section #mission-area #mission_box .missionBlock .title_image .image_background .item_image{position:relative;top:24px;right:4px;width:38px;height:38px;margin:0 auto}#mission_post_section #mission-area #mission_box .missionBlock .title_text{font-size:14px;margin:0.3em;height:28px}#mission_post_section #mission-area #mission_box .missionBlock .prize{position:relative;top:-3px;font-size:13px;margin:0.6em 0.3em 0.3em}#mission_post_section #mission-area #mission_box .missionBlock .prize .label{display:inline-block;font-size:9.6px;line-height:16px;border-radius:8px;padding:0 6px;background:-webkit-linear-gradient(bottom, #9f041b, #f5515f);background:linear-gradient(to top, #9f041b, #f5515f)}#mission_post_section #mission-area #mission_box .missionBlock .limit{position:relative;top:-3px;margin:0.3em;color:#d7d6d6;font-size:10px}#mission_post_section #mission-area #mission_box .missionBlock .num{position:relative;top:-3px;margin:0.3em;color:#d7d6d6;font-size:10px}#mission_post_section #mission-area #mission_box .missionBlock .missionBlock_bar{background:gray;font-size:12px;height:14px;padding:0;margin:-1.4em 0 0 15em;position:relative;overflow:hidden}#mission_post_section #mission-area #mission_box .missionBlock .missionBlock_bar .bar{display:block;height:14px;background:-webkit-linear-gradient(bottom, #f76b1c, #fad961);background:linear-gradient(to top, #f76b1c, #fad961)}#mission_post_section #mission-area #mission_box .missionBlock .missionBlock_bar .achievedBtn_not{display:block;width:100%;font-size:14px;text-align:center;position:absolute;right:0;top:0}#mission_post_section #mission-area #mission_box .missionBlock .missionBlock_bar img.achievedBtn{width:80px;height:26px;position:absolute;left:0;top:0}#mission_post_section #mission-area #mission_box .missionBlock.mission_achieved .missionBlock_bar{position:absolute;width:80px;height:26px;right:11px;bottom:12px;background-color:transparent}#mission_post_section #mission-area #mission_box .missionBlock.mission_achieved .missionBlock_bar .bar{background:transparent}#mission_post_section #mission-area #mission_box .missionBlock.mission_not .missionBlock_bar{position:absolute;width:80px;height:26px;right:14px;bottom:12px;background-color:transparent}#mission_post_section #mission-area #mission_box .missionBlock.mission_not .missionBlock_bar .bar{background:transparent}#mission_post_section #mission-area #mission_box .missionBlock.mission_not .filter{width:100%;height:100%;background-color:rgba(50,50,50,0.6);position:absolute;top:0;left:0}#mission_post_section #mission-area #mission_box .missionBlock.mission_not .complete-stamp{position:absolute;z-index:1;width:102px;top:31px;right:10px}#mission_post_section #mission-area .paging{color:#ebebeb;text-align:center;padding:1.35em 0em}#mission_post_section #mission-area .paging div{display:inline-block;text-align:center;font-size:13px;letter-spacing:1.4px}#mission_post_section #mission-area .paging .pagingLeft{width:13px;height:13px;font-size:0px;vertical-align:middle;margin-right:10px}#mission_post_section #mission-area .paging .pagingLeft a{display:inline-block;position:relative;width:0;height:0;border-style:solid;border-width:6px 12px 6px 0;border-color:transparent #ebebeb transparent transparent}#mission_post_section #mission-area .paging .pagingRight{width:13px;height:13px;font-size:0px;vertical-align:middle;margin-left:10px}#mission_post_section #mission-area .paging .pagingRight a{display:inline-block;position:relative;width:0;height:0;border-style:solid;border-width:6px 0 6px 12px;border-color:transparent transparent transparent #ebebeb}#mission_post_section #mission-area .paging .pagingLeft-nolink{position:relative;top:-1px;width:0px;height:0px;border-style:solid;border-width:6px 12px 6px 0;border-color:transparent #5c5c5c transparent transparent}#mission_post_section #mission-area .paging .pagingLeft-nolink a{display:inline;border:none}#mission_post_section #mission-area .paging .pagingRight-nolink{position:relative;top:-1px;width:0px;height:0px;border-style:solid;border-width:6px 0 6px 12px;border-color:transparent transparent transparent #5c5c5c}#mission_post_section #mission-area .paging .pagingRight-nolink a{border:none}#mission_post_section #mission-area div.receive-mission-bonus-all{margin-top:-2.7em;margin-left:68.5%;width:30%;text-align:center}#mission_post_section #mission-area div.receive-mission-bonus-all img{width:100px;height:26px}#mission_post_section #mission-area div.receive-mission-bonus-all .disable{opacity:0.3;pointer-events:none}.mission-all-dialog-area{position:fixed;display:none;width:304px;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}.mission-all-dialog-area #mission-all-dialog-header{position:relative;top:0px;width:100%;height:42px;background-color:#f59b00;border-radius:4px 4px 0px 0px}.mission-all-dialog-area #mission-all-dialog-header h1{position:absolute;line-height:16px;margin-top:13px;margin-bottom:13px;width:100%;text-align:center;font-size:16px;color:#000}.mission-all-dialog-area #mission-all-dialog-contents{position:relative;width:262px;border-radius:0 0 4px 4px;border-bottom:1px solid #825000;border-left:1px solid #825000;border-right:1px solid #825000;padding:15px 20px 25px;height:86%;font-size:14px;background-color:rgba(30,30,30,0.7);max-height:200px;overflow-y:scroll}.mission-all-dialog-area #mission-all-dialog-contents #mission-ul li{height:50px;line-height:50px}.mission-all-dialog-area #mission-all-dialog-contents #mission-ul li .icon-image{position:relative;float:left;margin-right:8px;top:13px;width:24px;height:24px}.mission-all-dialog-area #mission-all-dialog-contents #mission-ul li .disp-item-name{text-align:left;float:left}.mission-all-dialog-area #mission-all-dialog-contents #mission-ul li .disp-item-name .mission-all-item-name{color:#fff;line-height:50px}.mission-all-dialog-area #mission-all-dialog-contents #mission-ul li .disp-gacha-link-btn .gacha-link-btn{position:relative;width:80px;height:26px;top:13px;float:right}.mission-all-dialog-area #mission-all-dialog-contents #close-area{padding-top:13px}.mission-all-dialog-area #mission-all-dialog-contents #close-area #close-btn{width:136px;height:29px;margin:auto}#bind-header{position:relative;top:0;width:100%}#bind-header #navigation-bar{padding-top:0px}#tutorial_mission_post_section{height:calc(100% - 109px);position:relative}#tutorial_mission_post_section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#tutorial_mission_post_section #mission-area{padding-bottom:15px;position:relative;margin:15px 3% 30px;background:#1e1e1e;border-radius:4px;border:1px solid #825000}#tutorial_mission_post_section #mission-area h1{font-size:16px;padding:15px;background-color:#fcc800;color:#000000;text-align:center}#tutorial_mission_post_section #mission-area #mission_box{overflow-y:scroll;height:90%}#tutorial_mission_post_section #mission-area #mission_box .missionBlock{background:-webkit-linear-gradient(bottom, #262626, #323232);background:linear-gradient(to top, #262626, #323232);border-bottom:1px solid rgba(255,255,255,0.1);padding:10px 3%;position:relative;overflow:hidden;color:#fff;height:92px}#tutorial_mission_post_section #mission-area #mission_box .missionBlock .title_image{width:80px;height:80px;float:left;margin-right:10px}#tutorial_mission_post_section #mission-area #mission_box .missionBlock .title_image .image_background{height:80px}#tutorial_mission_post_section #mission-area #mission_box .missionBlock .title_image .image_background .background{position:absolute;top:20px;width:72px;height:68px}#tutorial_mission_post_section #mission-area #mission_box .missionBlock .title_image .image_background .item_image{position:relative;top:24px;right:4px;width:38px;height:38px;margin:0 auto}#tutorial_mission_post_section #mission-area #mission_box .missionBlock .title_text{font-size:14px;margin:0.3em;height:28px}#tutorial_mission_post_section #mission-area #mission_box .missionBlock .prize{position:relative;top:-3px;font-size:13px;margin:0.6em 0.3em 0.3em}#tutorial_mission_post_section #mission-area #mission_box .missionBlock .prize .label{display:inline-block;font-size:9.6px;line-height:16px;border-radius:8px;padding:0 6px;background:-webkit-linear-gradient(bottom, #9f041b, #f5515f);background:linear-gradient(to top, #9f041b, #f5515f)}#tutorial_mission_post_section #mission-area #mission_box .missionBlock .limit{position:relative;top:-3px;margin:0.3em;color:#d7d6d6;font-size:10px}#tutorial_mission_post_section #mission-area #mission_box .missionBlock .num{position:relative;top:-3px;margin:0.3em;color:#d7d6d6;font-size:10px}#tutorial_mission_post_section #mission-area #mission_box .missionBlock .missionBlock_bar{background:gray;font-size:12px;height:14px;padding:0;margin:-1.4em 0 0 15em;position:relative;overflow:hidden}#tutorial_mission_post_section #mission-area #mission_box .missionBlock .missionBlock_bar .bar{display:block;height:14px;background:-webkit-linear-gradient(bottom, #f76b1c, #fad961);background:linear-gradient(to top, #f76b1c, #fad961)}#tutorial_mission_post_section #mission-area #mission_box .missionBlock .missionBlock_bar .achievedBtn_not{display:block;width:100%;font-size:14px;text-align:center;position:absolute;left:0;top:0}#tutorial_mission_post_section #mission-area #mission_box .missionBlock .missionBlock_bar img.achievedBtn{width:80px;height:26px;position:absolute;left:0;top:0}#tutorial_mission_post_section #mission-area #mission_box .missionBlock.mission_achieved .missionBlock_bar{position:absolute;width:80px;height:26px;right:14px;bottom:10px;background-color:transparent}#tutorial_mission_post_section #mission-area #mission_box .missionBlock.mission_achieved .missionBlock_bar .bar{background:transparent}#tutorial_mission_post_section #mission-area #mission_box .missionBlock.mission_not .missionBlock_bar{position:absolute;width:80px;height:26px;right:14px;bottom:10px;background-color:transparent}#tutorial_mission_post_section #mission-area #mission_box .missionBlock.mission_not .missionBlock_bar .bar{background:transparent}#tutorial_mission_post_section #mission-area #mission_box .missionBlock.mission_not .filter{width:100%;height:100%;background-color:rgba(50,50,50,0.6);position:absolute;top:0;left:0}#tutorial_mission_post_section #mission-area #mission_box .missionBlock.mission_not .complete-stamp{position:absolute;z-index:1;width:102px;top:31px;right:10px}#tutorial_mission_post_section #mission-area .paging{color:#ebebeb;margin-top:34px;margin-bottom:11px;text-align:center;height:16px}#tutorial_mission_post_section #mission-area .paging div{width:52px;display:inline-block;text-align:center;font-size:13px;letter-spacing:1.4px}#tutorial_mission_post_section #mission-area .paging .pagingLeft{width:0px;font-size:0px;margin-right:14px}#tutorial_mission_post_section #mission-area .paging .pagingLeft a{display:inline-block;position:relative;top:0;width:0;height:0;border-style:solid;border-width:7px 14px 7px 0;border-color:transparent #ebebeb transparent transparent}#tutorial_mission_post_section #mission-area .paging .pagingRight{width:14px;height:14px;font-size:0px;position:relative;top:-12px}#tutorial_mission_post_section #mission-area .paging .pagingRight a{position:relative;top:7px;width:0;height:0;border-style:solid;border-width:7px 0 7px 14px;border-color:transparent transparent transparent #ebebeb}#tutorial_mission_post_section #mission-area .paging .pagingLeft-nolink{position:relative;top:0.5px;width:0px;height:0px;margin-right:0px;border-style:solid;border-width:7px 14px 7px 0;border-color:transparent #5c5c5c transparent transparent}#tutorial_mission_post_section #mission-area .paging .pagingLeft-nolink a{display:inline;border:none}#tutorial_mission_post_section #mission-area .paging .pagingRight-nolink{width:0px;height:0px;top:0;border-style:solid;border-width:7px 0 7px 14px;border-color:transparent transparent transparent #5c5c5c}#tutorial_mission_post_section #mission-area .paging .pagingRight-nolink a{border:none}#tutorial_mission_post_section #mission-area div.receive-mission-bonus-all{margin-top:-2em;margin-left:68.5%;width:30%;text-align:center}#tutorial_mission_post_section #mission-area div.receive-mission-bonus-all img{width:100px;height:26px}#tutorial_mission_post_section #mission-area div.receive-mission-bonus-all .disable{opacity:0.3;pointer-events:none}.tutorial-mission-all-dialog-area{position:fixed;display:none;width:304px;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:15}.tutorial-mission-all-dialog-area #mission-all-dialog-header{position:relative;top:0px;width:100%;height:42px;background-color:#f59b00;border-radius:4px 4px 0px 0px}.tutorial-mission-all-dialog-area #mission-all-dialog-header h1{position:absolute;line-height:16px;margin-top:13px;margin-bottom:13px;width:100%;text-align:center;font-size:16px;color:#000}.tutorial-mission-all-dialog-area #mission-all-dialog-contents{position:relative;width:262px;border-radius:0 0 4px 4px;border-bottom:1px solid #825000;border-left:1px solid #825000;border-right:1px solid #825000;padding:15px 20px 25px;height:92px;font-size:14px;background-color:rgba(30,30,30,0.94);max-height:200px;overflow-y:scroll}.tutorial-mission-all-dialog-area #mission-all-dialog-contents #mission-ul li{height:50px;line-height:50px}.tutorial-mission-all-dialog-area #mission-all-dialog-contents #mission-ul li .icon-image{position:relative;float:left;margin-right:8px;top:13px;width:24px;height:24px}.tutorial-mission-all-dialog-area #mission-all-dialog-contents #mission-ul li .disp-item-name{text-align:left;float:left}.tutorial-mission-all-dialog-area #mission-all-dialog-contents #mission-ul li .disp-item-name .mission-all-item-name{color:#fff;line-height:50px}.tutorial-mission-all-dialog-area #mission-all-dialog-contents #mission-ul li .disp-gacha-link-btn .gacha-link-btn{position:relative;width:80px;height:26px;top:13px;float:right}.tutorial-mission-all-dialog-area #mission-all-dialog-contents #close-area{padding-top:13px}.tutorial-mission-all-dialog-area #mission-all-dialog-contents #close-area #close-btn{width:136px;height:29px;margin:auto}.test-layer{background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;z-index:10;width:100%;height:100%}#clone-close-btn{z-index:15;top:475px;right:0;text-align:center;position:absolute;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);width:122px;height:16px;padding:6px;line-height:16px;border:1px solid #aac8fa;border-radius:15px;font-size:13px;color:#aac8fa;background-color:#00418e}#bind-header{position:relative;top:0;width:100%}#bind-header #navigation-bar{padding-top:0px}.present_alert{background:#c11920;color:#fff;text-align:center;padding:10px 5px}#present_post_section{height:calc(100% - 109px);position:relative}#present_post_section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#present_post_section #present-area{padding-bottom:15px;width:349px;position:relative;margin:15px auto 30px;background:#1e1e1e;border-radius:4px;border:1px solid #825000;height:80%}#present_post_section #present-area #present_box{overflow-y:scroll;-webkit-overflow-scrolling:touch;height:90%}#present_post_section #present-area #present_box .presentBlock{background-image:url("../img/bg_present_list.png");background-size:100% 108%;width:341px;position:relative;overflow:hidden;height:95px;margin:8px 5px 0px 3px}#present_post_section #present-area #present_box .presentBlock .created{margin:8px 13px 0px 0px;text-align:right;color:#ebebeb;font-size:10px;position:relative}#present_post_section #present-area #present_box .presentBlock .limit{color:#f27a00;font-size:11px;line-height:14px;margin-top:4px}#present_post_section #present-area #present_box .presentBlock .text{color:#fff;font-size:12px;margin-top:4px}#present_post_section #present-area #present_box .presentBlock .title_text{font-size:14px;margin-top:5px;color:#fff}#present_post_section #present-area #present_box .presentBlock .prize .label{display:inline-block;background:#fcc800;color:#000;font-size:11px;line-height:16px;border-radius:8px;padding:0 10px}#present_post_section #present-area #present_box .presentBlock .title_image{position:relative;width:83px;height:100%;float:left}#present_post_section #present-area #present_box .presentBlock .title_image img{position:absolute;top:0;bottom:0;right:0;left:0;width:38px;height:38px;margin:auto}#present_post_section #present-area #present_box .presentBlock .achievedBtn{position:absolute;bottom:10px;right:13px;width:80px;height:26px}#present_post_section #present-area #present_box .presentBlock.mission_get .title_text,#present_post_section #present-area #present_box .presentBlock.mission_get .text{color:rgba(255,255,255,0.3)}#present_post_section #present-area #present_box .presentBlock.mission_get .created{text-align:right;color:rgba(235,235,235,0.3);font-size:10px;position:relative}#present_post_section #present-area #present_box .presentBlock.mission_get .limit{color:rgba(242,122,0,0.3)}#present_post_section #present-area #present_box .presentBlock.mission_get .title_image{-webkit-filter:opacity(40%);filter:opacity(40%)}#present_post_section #present-area #present_box .presentBlock.mission_get .achievedBtn_not{position:absolute;width:80px;height:26px;bottom:10px;right:13px;-webkit-filter:opacity(40%);filter:opacity(40%)}#present_post_section #present-area #present_box p{color:#ebebeb}#present_post_section #present-area .paging{color:#ebebeb;text-align:center;padding:20px 3%}#present_post_section #present-area .paging div{display:inline-block;text-align:center;font-size:13px;letter-spacing:1.4px}#present_post_section #present-area .paging .pagingLeft{width:13px;height:13px;font-size:0px;vertical-align:middle;margin-right:10px}#present_post_section #present-area .paging .pagingLeft a{display:inline-block;position:relative;width:0;height:0;border-style:solid;border-width:6px 12px 6px 0;border-color:transparent #ebebeb transparent transparent}#present_post_section #present-area .paging .pagingRight{width:13px;height:13px;font-size:0px;vertical-align:middle;margin-left:10px}#present_post_section #present-area .paging .pagingRight a{display:inline-block;position:relative;width:0;height:0;border-style:solid;border-width:6px 0 6px 12px;border-color:transparent transparent transparent #ebebeb}#present_post_section #present-area .paging .pagingLeft-nolink{position:relative;top:-1px;width:0px;height:0px;border-style:solid;border-width:6px 12px 6px 0;border-color:transparent #5c5c5c transparent transparent}#present_post_section #present-area .paging .pagingLeft-nolink a{display:inline;border:none}#present_post_section #present-area .paging .pagingRight-nolink{position:relative;top:-1px;width:0px;height:0px;border-style:solid;border-width:6px 0 6px 12px;border-color:transparent transparent transparent #5c5c5c}#present_post_section #present-area .paging .pagingRight-nolink a{border:none}#present_post_section #present-area .receive-bonus-all{margin-top:-2.5em;margin-left:68.5%;width:30%;text-align:center;min-height:26px}#present_post_section #present-area .receive-bonus-all img{width:100px;height:26px}.present-all-dialog-area{position:fixed;display:none;width:304px;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}.present-all-dialog-area #present-all-dialog-header{position:relative;top:0px;width:100%;height:42px;background-color:#f59b00;border-radius:4px 4px 0px 0px}.present-all-dialog-area #present-all-dialog-header h1{position:absolute;line-height:16px;margin-top:13px;margin-bottom:13px;width:100%;text-align:center;font-size:16px;color:#000}.present-all-dialog-area #present-all-dialog-contents{position:relative;width:262px;border-radius:0 0 4px 4px;border-bottom:1px solid #825000;border-left:1px solid #825000;border-right:1px solid #825000;padding:15px 20px 25px;height:86%;font-size:14px;background-color:rgba(30,30,30,0.7);max-height:200px;overflow-y:scroll}.present-all-dialog-area #present-all-dialog-contents #present-ul li{height:50px;line-height:50px}.present-all-dialog-area #present-all-dialog-contents #present-ul li .icon-image{position:relative;float:left;margin-right:8px;top:13px;width:24px;height:24px}.present-all-dialog-area #present-all-dialog-contents #present-ul li .disp-item-name{text-align:left;float:left;color:#FFF}.present-all-dialog-area #present-all-dialog-contents #present-ul li .disp-item-name .present-all-item-name{color:#fff;line-height:50px}.present-all-dialog-area #present-all-dialog-contents #present-ul li .disp-gacha-link-btn .gacha-link-btn{position:relative;width:80px;height:26px;top:13px;float:right}.present-all-dialog-area #present-all-dialog-contents #close-area{padding-top:13px}.present-all-dialog-area #present-all-dialog-contents #close-area #close-btn{width:136px;height:29px;margin:auto}.information-area{position:fixed;display:none;width:330px;height:70%;top:45%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}.information-area .information-header{background-image:url("../img/info_header.png");background-size:100%;width:100%;height:48px;color:#000;font-size:16px;text-align:center}.information-area .information-header h1{position:absolute;line-height:20px;margin-top:14px;margin-bottom:14px;width:100%}.information-area .information-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.information-area #information-contents{position:relative;width:328px;height:calc(100% - 101px);background-color:rgba(30,30,30,0.7);border-right:1px solid #825000;border-left:1px solid #825000}.information-area #information-contents #information-list{position:relative;height:100%;width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.information-area #information-contents #information-list .information-overview-area{padding:13px 21px;border-bottom:1px solid #825000}.information-area #information-contents #information-list .information-overview-area .genre-name{position:relative;float:left;background-color:grey;border-radius:15px;width:90px;height:12px;font-size:12px;color:#fff;line-height:12px;padding:4px 0px;margin-bottom:5px;text-align:center}.information-area #information-contents #information-list .information-overview-area .period-area{position:relative;float:left;font-size:11px;color:#c3c1c1;line-height:20px;margin-left:10px}.information-area #information-contents #information-list .information-overview-area .information-title{clear:both;font-size:13px;line-height:18px;color:#f5f5f5}.information-area #information-contents #information-list .information-overview-area .unread-label{color:#ff3232;font-size:13px;bottom:16px;right:21px;text-align:right}.information-area #information-contents #information-list .information-overview-area .info-headline-image{width:100%}.information-area #information-contents #information-list .information-detail{padding:13px 21px;border-bottom:1px solid silver}.information-area #information-contents #information-list .information-detail .genre-name{position:relative;float:left;background-color:grey;border-radius:15px;width:90px;height:12px;font-size:12px;color:#fff;line-height:12px;padding:4px 0px;margin-bottom:5px;text-align:center}.information-area #information-contents #information-list .information-detail .period-area{position:relative;float:left;font-size:11px;color:#c3c1c1;line-height:20px;margin-left:5px}.information-area #information-contents #information-list .information-detail .information-title{padding-bottom:10px;clear:both;font-size:13px;line-height:18px;font-weight:bold;color:#f5f5f5}.information-area #information-contents #information-list .information-detail div{font-size:12px;line-height:18px;color:#f5f5f5}.information-area #information-contents #information-list .information-detail .info-headline-image{width:100%;padding-bottom:10px}.information-area #information-contents #information-list .no-information{font-size:12px;color:#fff;text-align:center;padding-top:15px;padding-bottom:15px}.information-area .information-footer{background-image:url("../img/info_footer.png");background-size:100%;width:100%;height:55px;text-align:center}.information-area .information-footer .today_check{font-size:12px;padding-top:2px;display:none}.information-area .information-footer img{position:absolute;right:16px;width:136px;height:29px;cursor:pointer;margin-top:13px}#member-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#member-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#member-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 468px, 23px)}#member-section #member-area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 45px}#member-section #member-area #text-area{font-size:13px;line-height:20px;margin-bottom:20px;text-align:left}#member-section #member-area #link-area{margin:40px 0;font-size:13px}#member-section #member-area #link-area .link-button{width:239px;height:32px;margin-bottom:15px;border:none}#member-section #member-area #link-area .link-button #edit-mailaddress img,#member-section #member-area #link-area .link-button #edit-password img{width:239px;height:32px}#member-section #member-area #help-link{margin-top:20px;font-size:13px}#member-section #member-area #help-link #contact-link{width:239px;text-align:center;display:inline-block;height:32px;margin-top:16px;border-radius:4px}#member-section #member-area #help-link #contact-link a{line-height:32px;display:block}#member-section #member-area #help-link #contact-link a img{width:100%}.login-pluspo{text-align:center;color:white}#member-account-transfer-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#member-account-transfer-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#member-account-transfer-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px 352px 601px 23px)}#member-account-transfer-section #member-account-transfer-area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;height:432px;padding:30px 45px}#member-account-transfer-section #member-account-transfer-area .register_text_error p{font-size:13px;color:#e5011b}#member-account-transfer-section #member-account-transfer-area #text-area{font-size:15px;line-height:20px;margin-bottom:15px}#member-account-transfer-section #member-account-transfer-area #register-form #mail-address,#member-account-transfer-section #member-account-transfer-area #register-form #password{color:#ebebeb;height:14px;width:239px;margin-bottom:22.5px;padding:16px 0;background-color:rgba(0,0,0,0);border-bottom:1px solid #ebebeb;border-top:none;border-right:none;border-left:none;text-align:center;font-size:14px}#member-account-transfer-section #member-account-transfer-area #register-form #mail-address::-webkit-input-placeholder{color:#ebebeb;font-size:14px}#member-account-transfer-section #member-account-transfer-area #register-form #mail-address:-moz-placeholder{color:#ebebeb;font-size:14px}#member-account-transfer-section #member-account-transfer-area #register-form #mail-address::-moz-placeholder{color:#ebebeb;font-size:14px}#member-account-transfer-section #member-account-transfer-area #register-form #mail-address:-ms-input-placeholder{color:#ebebeb;font-size:14px}#member-account-transfer-section #member-account-transfer-area #register-form #password::-webkit-input-placeholder{color:#ebebeb;font-size:14px}#member-account-transfer-section #member-account-transfer-area #register-form #password:-moz-placeholder{color:#ebebeb;font-size:14px}#member-account-transfer-section #member-account-transfer-area #register-form #password::-moz-placeholder{color:#ebebeb;font-size:14px}#member-account-transfer-section #member-account-transfer-area #register-form #password:-ms-input-placeholder{color:#ebebeb;font-size:14px}#member-account-transfer-section #member-account-transfer-area #register-form #register-button{width:239px;height:32px;border:none;padding:0;background:url("/assets/giants/img/transfer_btn.png") no-repeat}#member-account-transfer-section #member-account-transfer-area #help-link{font-size:13px;height:217px}#member-account-transfer-section #member-account-transfer-area #help-link #register-link{line-height:30px;font-size:12px;padding:24px 0}#member-account-transfer-section #member-account-transfer-area #help-link #register-link a::after{content:'';width:6px;height:6px;border:0px;border-top:solid 3px #fff;border-right:solid 3px #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;margin-top:11px;margin-left:5px}#member-account-transfer-section #member-account-transfer-area #help-link #register-link a:link,#member-account-transfer-section #member-account-transfer-area #help-link #register-link a:active,#member-account-transfer-section #member-account-transfer-area #help-link #register-link a:hover,#member-account-transfer-section #member-account-transfer-area #help-link #register-link a:visited{color:#fff}#member-account-transfer-section #member-account-transfer-area #help-link #caution-faq-link{overflow:hidden;width:239px;text-align:right}#member-account-transfer-section #member-account-transfer-area #help-link #caution-faq-link #left,#member-account-transfer-section #member-account-transfer-area #help-link #caution-faq-link #right{display:inline-block}#member-account-transfer-section #member-account-transfer-area #help-link #caution-faq-link #left a img,#member-account-transfer-section #member-account-transfer-area #help-link #caution-faq-link #right a img{width:113px;height:32px}#member-account-transfer-section #member-account-transfer-area #help-link #caution-faq-link #left{float:left}#member-account-transfer-section #member-account-transfer-area #help-link #contact-link a img{width:239px;height:32px;margin-top:12px}#account-transfer-confirm-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#account-transfer-confirm-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#account-transfer-confirm-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(87px, 352px, 587px, 23px)}#account-transfer-confirm-section #account-transfer-confirm-area{color:#fff;margin-top:10px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;height:440px;padding:30px 45px}#account-transfer-confirm-section #account-transfer-confirm-area #text-area{font-size:15px;line-height:20px;margin-bottom:20px;text-align:left}#account-transfer-confirm-section #account-transfer-confirm-area #confirm-box{margin-bottom:2em;line-height:30px}#account-transfer-confirm-section #account-transfer-confirm-area #confirm-box .both-side-align{text-align:right;font-size:14px;border-bottom:1px solid #ebebeb;margin-top:15px}#account-transfer-confirm-section #account-transfer-confirm-area #confirm-box .both-side-align .left{float:left;color:#ebebeb}#account-transfer-confirm-section #account-transfer-confirm-area #register-form #register-button{width:239px;height:32px;border:none;padding:0;background:url("/assets/giants/img/transfer_btn.png") no-repeat}#account-transfer-confirm-section #account-transfer-confirm-area #help-link{margin-top:20px;font-size:13px;height:100px}#account-transfer-confirm-section #account-transfer-confirm-area #help-link #caution-faq-link{width:239px;text-align:right;margin-top:32px}#account-transfer-confirm-section #account-transfer-confirm-area #help-link #caution-faq-link #left,#account-transfer-confirm-section #account-transfer-confirm-area #help-link #caution-faq-link #right{display:inline-block}#account-transfer-confirm-section #account-transfer-confirm-area #help-link #caution-faq-link #left a img,#account-transfer-confirm-section #account-transfer-confirm-area #help-link #caution-faq-link #right a img{width:113px;height:32px}#account-transfer-confirm-section #account-transfer-confirm-area #help-link #caution-faq-link #left{float:left}#account-transfer-confirm-section #account-transfer-confirm-area #help-link #contact-link{margin-top:16px}#account-transfer-confirm-section #account-transfer-confirm-area #help-link #contact-link a img{width:239px;height:32px}#account-transfer-notes-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#account-transfer-notes-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#account-transfer-notes-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 353px, 312px, 23px)}#account-transfer-notes-section #account-transfer-notes-area{color:#fff;margin-top:30px;width:240px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 45px 20px 45px}#account-transfer-notes-section #account-transfer-notes-area h1{margin:12px 0}#account-transfer-notes-section #account-transfer-notes-area #text-area{text-align:left;font-size:12px;line-height:20px;margin-bottom:20px}#account-transfer-notes-section #account-transfer-notes-area #text-area a:link,#account-transfer-notes-section #account-transfer-notes-area #text-area a:active,#account-transfer-notes-section #account-transfer-notes-area #text-area a:hover,#account-transfer-notes-section #account-transfer-notes-area #text-area a:visited{color:#f59b00}#account-transfer-notes-section #account-transfer-notes-area #help-link{margin-top:35px;font-size:13px;height:100px}#account-transfer-notes-section #account-transfer-notes-area #help-link .contact-link{width:239px;height:32px;margin-top:16px}#account-transfer-notes-section #account-transfer-notes-area #help-link .contact-link a img{width:239px;height:32px}#account-transfer-notes-section #account-transfer-notes-area #help-link #contact-link a img{width:239px;height:32px}#account-transfer-finish-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#account-transfer-finish-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#account-transfer-finish-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 353px, 262px, 23px)}#account-transfer-finish-section #account-transfer-finish-area{color:#fff;margin-top:30px;width:240px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 45px 15px 45px}#account-transfer-finish-section #account-transfer-finish-area #text-area{font-size:15px;line-height:20px;margin-bottom:20px}#account-transfer-finish-section #account-transfer-finish-area #help-link{margin-top:20px;font-size:13px;margin-bottom:20px}#account-transfer-finish-section #account-transfer-finish-area #help-link #contact-link{width:239px;height:32px;margin-top:16px}#account-transfer-finish-section #account-transfer-finish-area #help-link #contact-link a img{width:239px;height:32px}#member-account-transfer-error-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#member-account-transfer-error-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#member-account-transfer-error-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(87px, 352px, 597px, 23px)}#member-account-transfer-error-section #member-account-transfer-error-area{color:#fff;margin-top:10px;width:309px;background-color:rgba(0,0,0,0.5);text-align:left;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 10px}#member-account-transfer-error-section #member-account-transfer-error-area #text-area{font-size:15px}#member-register-section{position:relative;top:20px;text-align:center}#member-register-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#member-register-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 532px, 23px)}#member-register-section #member-register-area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;min-height:365px;padding:30px 45px}#member-register-section #member-register-area #text-area{font-size:15px;line-height:20px;margin-bottom:20px}#member-register-section #member-register-area #text-area a:link,#member-register-section #member-register-area #text-area a:active,#member-register-section #member-register-area #text-area a:hover,#member-register-section #member-register-area #text-area a:visited{color:#f59b00}#member-register-section #member-register-area .register_text_error{font-size:12px;color:#e5011b}#member-register-section #member-register-area .register_text_error p{margin-bottom:3px}#member-register-section #member-register-area #register-form #mail-address,#member-register-section #member-register-area #register-form #password{color:#ebebeb;height:14px;width:239px;margin-bottom:22px;background-color:rgba(0,0,0,0);border-bottom:1px solid #ebebeb;border-top:none;border-right:none;border-left:none;text-align:center;font-size:14px;padding:16px 0}#member-register-section #member-register-area #register-form #mail-address::-webkit-input-placeholder{color:#ebebeb;font-size:14px}#member-register-section #member-register-area #register-form #mail-address:-moz-placeholder{color:#ebebeb;font-size:14px}#member-register-section #member-register-area #register-form #mail-address::-moz-placeholder{color:#ebebeb;font-size:14px}#member-register-section #member-register-area #register-form #mail-address:-ms-input-placeholder{color:#ebebeb;font-size:14px}#member-register-section #member-register-area #register-form #password::-webkit-input-placeholder{color:#ebebeb;font-size:14px}#member-register-section #member-register-area #register-form #password:-moz-placeholder{color:#ebebeb;font-size:14px}#member-register-section #member-register-area #register-form #password::-moz-placeholder{color:#ebebeb;font-size:14px}#member-register-section #member-register-area #register-form #password:-ms-input-placeholder{color:#ebebeb;font-size:14px}#member-register-section #member-register-area #register-form #register-button{width:239px;height:32px;border:none;color:#000;font-size:14px;background:url("../img/send_mail_of_register_confirm_btn.png");background-size:contain}#member-register-section #member-register-area #help-link{margin-top:25px;font-size:13px;height:100px}#member-register-section #member-register-area #help-link #caution-link a img,#member-register-section #member-register-area #help-link #contact-link a img{height:32px;margin-bottom:13px}#member-register-notes-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#member-register-notes-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#member-register-notes-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 645px, 23px)}#member-register-notes-section #member-register-notes-area{color:#fff;margin-top:30px;margin-bottom:20px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 45px 20px 45px;margin-bottom:65px}#member-register-notes-section #member-register-notes-area h1{margin:12px 0}#member-register-notes-section #member-register-notes-area #text-area{text-align:left;font-size:12px;line-height:20px;margin-bottom:20px}#member-register-notes-section #member-register-notes-area #help-link{margin-top:35px;font-size:13px;height:100px}#member-register-notes-section #member-register-notes-area #help-link .contact-link{width:239px;height:32px;margin-top:16px}#member-register-notes-section #member-register-notes-area #help-link .contact-link a{line-height:32px;display:block}#member-register-notes-section #member-register-notes-area #help-link .contact-link a img{width:239px;height:32px}#member-register-notes-section #member-register-notes-area #help-link .contact-link a:link,#member-register-notes-section #member-register-notes-area #help-link .contact-link a:active,#member-register-notes-section #member-register-notes-area #help-link .contact-link a:hover,#member-register-notes-section #member-register-notes-area #help-link .contact-link a:visited{color:#fff}#member-register-notes-section #member-register-notes-area #help-link #contact-link a img{width:239px;height:32px}#member-register-finish-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#member-register-finish-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#member-register-finish-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(87px, 352px, 422px, 23px)}#member-register-finish-section #member-register-finish-area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 45px 15px 45px}#member-register-finish-section #member-register-finish-area #text-area{font-size:15px;line-height:20px;margin-bottom:20px}#member-register-finish-section #member-register-finish-area #help-link{margin-top:20px;font-size:13px;margin-bottom:20px}#member-register-finish-section #member-register-finish-area #help-link #contact-link{width:239px;height:32px;margin-top:16px}#member-register-finish-section #member-register-finish-area #help-link #contact-link a{display:block}#member-register-finish-section #member-register-finish-area #help-link #contact-link a img{width:239px;height:32px}#send-mail-register-finish-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#send-mail-register-finish-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#send-mail-register-finish-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 502px, 23px)}#send-mail-register-finish-section #send-mail-register-finish-area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 45px 15px 45px}#send-mail-register-finish-section #send-mail-register-finish-area #text-area{font-size:13px;line-height:20px;margin-bottom:20px;text-align:left}#send-mail-register-finish-section #send-mail-register-finish-area #text-area #text-title{font-size:16px;margin-bottom:30px}#send-mail-register-finish-section #send-mail-register-finish-area #help-link{margin-top:20px;font-size:13px;margin-bottom:20px}#send-mail-register-finish-section #send-mail-register-finish-area #help-link #caution-link a img,#send-mail-register-finish-section #send-mail-register-finish-area #help-link #contact-link a img{width:239px;height:32px;margin-bottom:13px}#member-register-error-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#member-register-error-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#member-register-error-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(87px, 352px, 597px, 23px)}#member-register-error-section #member-register-error-area{color:#fff;margin-top:10px;margin-bottom:20px;width:309px;background-color:rgba(0,0,0,0.5);text-align:left;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 10px;font-size:15px}#member-reset-password-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#member-reset-password-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#member-reset-password-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 587px, 23px)}#member-reset-password-section #member-reset-password-area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;height:432px;padding:30px 45px}#member-reset-password-section #member-reset-password-area h1{font-size:15px;margin-bottom:15px}#member-reset-password-section #member-reset-password-area #text-area{text-align:left;font-size:13px;line-height:20px;margin-bottom:14px}#member-reset-password-section #member-reset-password-area #text-area a:link,#member-reset-password-section #member-reset-password-area #text-area a:active,#member-reset-password-section #member-reset-password-area #text-area a:hover,#member-reset-password-section #member-reset-password-area #text-area a:visited{color:#f59b00}#member-reset-password-section #member-reset-password-area .reset-password-error-area{color:#e5011b;font-size:12px}#member-reset-password-section #member-reset-password-area .reset-password-error-area p{margin-bottom:3px}#member-reset-password-section #member-reset-password-area #register-form #mail-address{color:#ebebeb;height:14px;width:239px;margin-bottom:22.5px;padding:16px 0;background-color:rgba(0,0,0,0);border-bottom:1px solid #ebebeb;border-top:none;border-right:none;border-left:none;text-align:center;font-size:14px}#member-reset-password-section #member-reset-password-area #register-form #mail-address::-webkit-input-placeholder{color:#ebebeb;font-size:14px}#member-reset-password-section #member-reset-password-area #register-form #mail-address:-moz-placeholder{color:#ebebeb;font-size:14px}#member-reset-password-section #member-reset-password-area #register-form #mail-address::-moz-placeholder{color:#ebebeb;font-size:14px}#member-reset-password-section #member-reset-password-area #register-form #mail-address:-ms-input-placeholder{color:#ebebeb;font-size:14px}#member-reset-password-section #member-reset-password-area #register-form #password::-webkit-input-placeholder{color:#ebebeb;font-size:14px}#member-reset-password-section #member-reset-password-area #register-form #register-button{width:239px;height:32px;border:none;background:url("/assets/giants/img/send_mail_btn.png")}#member-reset-password-section #member-reset-password-area #help-link{padding-top:108px}#member-reset-password-section #member-reset-password-area #help-link #caution-faq-link{overflow:hidden;width:239px;text-align:right}#member-reset-password-section #member-reset-password-area #help-link #caution-faq-link #left,#member-reset-password-section #member-reset-password-area #help-link #caution-faq-link #right{display:inline-block}#member-reset-password-section #member-reset-password-area #help-link #caution-faq-link #left a img,#member-reset-password-section #member-reset-password-area #help-link #caution-faq-link #right a img{height:32px;width:113px}#member-reset-password-section #member-reset-password-area #help-link #caution-faq-link #left{float:left}#member-reset-password-section #member-reset-password-area #help-link #contact-link a img{width:239px;height:32px;margin-top:12px}#reset-password-notes-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#reset-password-notes-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#reset-password-notes-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 352px, 23px)}#reset-password-notes-section #reset-password-notes-area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 45px 20px 45px}#reset-password-notes-section #reset-password-notes-area h1{margin:12px 0}#reset-password-notes-section #reset-password-notes-area #text-area{text-align:left;font-size:12px;line-height:20px;margin-bottom:20px}#reset-password-notes-section #reset-password-notes-area #text-area a:link,#reset-password-notes-section #reset-password-notes-area #text-area a:active,#reset-password-notes-section #reset-password-notes-area #text-area a:hover,#reset-password-notes-section #reset-password-notes-area #text-area a:visited{color:#f59b00}#reset-password-notes-section #reset-password-notes-area #help-link{margin-top:35px;font-size:13px;height:100px}#reset-password-notes-section #reset-password-notes-area #help-link .contact-link{width:239px;height:32px;margin-top:16px}#reset-password-notes-section #reset-password-notes-area #help-link .contact-link a{display:block}#reset-password-notes-section #reset-password-notes-area #help-link .contact-link a img{width:239px;height:32px}#reset-password-notes-section #reset-password-notes-area #help-link #contact-link a img{width:239px;height:32px}#reset-password-finish-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#reset-password-finish-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#reset-password-finish-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 277px, 23px)}#reset-password-finish-section #reset-password-finish-area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;height:182px;padding:30px 45px}#reset-password-finish-section #reset-password-finish-area #text-area{font-size:15px;line-height:20px;margin-bottom:20px}#reset-password-finish-section #reset-password-finish-area #help-link{margin-top:20px;font-size:13px;height:100px}#reset-password-finish-section #reset-password-finish-area #help-link #contact-link{width:239px;height:32px;margin-top:16px}#reset-password-finish-section #reset-password-finish-area #help-link #contact-link a{display:block}#reset-password-finish-section #reset-password-finish-area #help-link #contact-link a img{width:239px;height:32px}#send-mail-reset-password-finish-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#send-mail-reset-password-finish-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#send-mail-reset-password-finish-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 262px, 23px)}#send-mail-reset-password-finish-section #send-mail-reset-password-finish-area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 45px 15px 45px}#send-mail-reset-password-finish-section #send-mail-reset-password-finish-area #text-area{font-size:13px;line-height:20px;margin-bottom:20px;text-align:left}#send-mail-reset-password-finish-section #send-mail-reset-password-finish-area #text-area #text-title{font-size:16px;margin-bottom:30px}#send-mail-reset-password-finish-section #send-mail-reset-password-finish-area #help-link{margin-top:20px;font-size:13px;margin-bottom:20px}#send-mail-reset-password-finish-section #send-mail-reset-password-finish-area #help-link #caution-link,#send-mail-reset-password-finish-section #send-mail-reset-password-finish-area #help-link #contact-link{width:239px;height:32px;margin-top:16px}#send-mail-reset-password-finish-section #send-mail-reset-password-finish-area #help-link #caution-link a,#send-mail-reset-password-finish-section #send-mail-reset-password-finish-area #help-link #contact-link a{display:block}#send-mail-reset-password-finish-section #send-mail-reset-password-finish-area #help-link #caution-link a img,#send-mail-reset-password-finish-section #send-mail-reset-password-finish-area #help-link #contact-link a img{width:239px;height:32px}#reset-password-change-password-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#reset-password-change-password-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#reset-password-change-password-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(87px, 352px, 318px, 23px)}#reset-password-change-password-section #reset-password-change-password-area{color:#fff;margin-top:30px;width:239px;height:186px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 45px 15px 45px}#reset-password-change-password-section #reset-password-change-password-area #text-area{font-size:15px;line-height:20px;margin-bottom:20px}#reset-password-change-password-section #reset-password-change-password-area .error-text-area{font-size:11px;color:#e5011b}#reset-password-change-password-section #reset-password-change-password-area .error-text-area p{margin-bottom:3px}#reset-password-change-password-section #reset-password-change-password-area .register-form .new-password{color:#ebebeb;height:28px;width:240px;margin-bottom:22px;padding-bottom:8px;background-color:rgba(0,0,0,0);border-bottom:1px solid #ebebeb;border-top:none;border-right:none;border-left:none;text-align:center;font-size:16px;line-height:16px}#reset-password-change-password-section #reset-password-change-password-area .register-form .register-button{width:239px;height:32px;border-radius:4px;border:none;color:#000;font-weight:bold;background-color:#f59b00;box-shadow:-1px -2px 2px rgba(0,0,0,0.5) inset,1px 2px 2px rgba(255,255,255,0.51) inset}#member-edit-mail-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#member-edit-mail-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#member-edit-mail-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 515px, 23px)}#member-edit-mail-section #member-edit-mail-area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 45px}#member-edit-mail-section #member-edit-mail-area #text-area{font-size:15px;line-height:20px;margin-bottom:20px}#member-edit-mail-section #member-edit-mail-area .error-text-area{font-size:11px;color:#e5011b}#member-edit-mail-section #member-edit-mail-area .error-text-area p{margin-bottom:3px}#member-edit-mail-section #member-edit-mail-area #edit-form .password{color:#ebebeb;height:28px;width:240px;margin-bottom:22px;padding-bottom:8px;background-color:rgba(0,0,0,0);border-bottom:1px solid #ebebeb;border-top:none;border-right:none;border-left:none;text-align:center;font-size:16px;line-height:16px}#member-edit-mail-section #member-edit-mail-area #edit-form .password::-webkit-input-placeholder{color:#ebebeb;font-size:14px;line-height:14px}#member-edit-mail-section #member-edit-mail-area #edit-form .password:-moz-placeholder{color:#ebebeb;font-size:14px;line-height:14px}#member-edit-mail-section #member-edit-mail-area #edit-form .password::-moz-placeholder{color:#ebebeb;font-size:14px;line-height:14px}#member-edit-mail-section #member-edit-mail-area #edit-form .password:-ms-input-placeholder{color:#ebebeb;font-size:14px;line-height:14px}#member-edit-mail-section #member-edit-mail-area #edit-form #edit-button{width:239px;height:32px;border:none;background:url("../img/change_mail_address_btn.png");background-size:contain}#member-edit-mail-section #member-edit-mail-area #help-link{margin-top:20px;font-size:13px;height:100px}#member-edit-mail-section #member-edit-mail-area #help-link #caution-link,#member-edit-mail-section #member-edit-mail-area #help-link #contact-link{width:239px;height:32px;margin-top:16px}#member-edit-mail-section #member-edit-mail-area #help-link #caution-link a img,#member-edit-mail-section #member-edit-mail-area #help-link #contact-link a img{width:239px;height:32px}#member-edit-mail-finish-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#member-edit-mail-finish-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#member-edit-mail-finish-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 342px, 23px)}#member-edit-mail-finish-section #member-edit-mail-finish-area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 45px 15px 45px}#member-edit-mail-finish-section #member-edit-mail-finish-area #text-area{font-size:15px;line-height:20px;margin-bottom:20px}#member-edit-mail-finish-section #member-edit-mail-finish-area #help-link{margin-top:20px;font-size:13px;margin-bottom:20px}#member-edit-mail-finish-section #member-edit-mail-finish-area #help-link #contact-link{width:239px;height:32px;margin-top:16px}#member-edit-mail-finish-section #member-edit-mail-finish-area #help-link #contact-link a img{width:239px;height:32px}#send-mail-finish-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#send-mail-finish-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#send-mail-finish-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 372px, 23px)}#send-mail-finish-section #send-mail-finish-area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 45px 15px 45px}#send-mail-finish-section #send-mail-finish-area #text-area{font-size:13px;line-height:20px;margin-bottom:20px;text-align:left}#send-mail-finish-section #send-mail-finish-area #text-area #important-text{color:#f59b00}#send-mail-finish-section #send-mail-finish-area #help-link{margin-top:20px;font-size:13px;margin-bottom:20px}#send-mail-finish-section #send-mail-finish-area #help-link #caution-link,#send-mail-finish-section #send-mail-finish-area #help-link #contact-link{border:1px solid #fff;width:238px;text-align:center;display:inline-block;height:32px;margin-top:16px;border-radius:4px}#send-mail-finish-section #send-mail-finish-area #help-link #caution-link a,#send-mail-finish-section #send-mail-finish-area #help-link #contact-link a{line-height:32px;display:block}#send-mail-finish-section #send-mail-finish-area #help-link #caution-link a:link,#send-mail-finish-section #send-mail-finish-area #help-link #caution-link a:active,#send-mail-finish-section #send-mail-finish-area #help-link #caution-link a:hover,#send-mail-finish-section #send-mail-finish-area #help-link #caution-link a:visited,#send-mail-finish-section #send-mail-finish-area #help-link #contact-link a:link,#send-mail-finish-section #send-mail-finish-area #help-link #contact-link a:active,#send-mail-finish-section #send-mail-finish-area #help-link #contact-link a:hover,#send-mail-finish-section #send-mail-finish-area #help-link #contact-link a:visited{color:#fff}#authenticate-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#authenticate-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#authenticate-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 434px, 23px)}#authenticate-section #authenticate-area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 45px}#authenticate-section #authenticate-area #text-area{font-size:15px;line-height:20px;margin-bottom:20px}#authenticate-section #authenticate-area #text-area #current-address-box{margin-top:20px}#authenticate-section #authenticate-area #text-area #current-address-box #current-address-text{margin-bottom:10px;font-size:15px}#authenticate-section #authenticate-area #text-area #current-address-box #current-address{width:237px;padding:0;padding-bottom:8px;border-bottom:1px solid #ebebeb;color:#ebebeb;font-size:12.3px}#authenticate-section #authenticate-area .authenticate-error-area{font-size:11px;color:#e5011b}#authenticate-section #authenticate-area .authenticate-error-area p{margin-bottom:3px}#authenticate-section #authenticate-area #authenticate-form #mail-address{color:#ebebeb;height:28px;width:237px;margin-bottom:22px;padding:0;padding-bottom:8px;background-color:rgba(0,0,0,0);border-bottom:1px solid #ebebeb;border-top:none;border-right:none;border-left:none;text-align:center;font-size:14px;line-height:14px}#authenticate-section #authenticate-area #authenticate-form #mail-address::-webkit-input-placeholder{color:#ebebeb;font-size:14px;line-height:14px}#authenticate-section #authenticate-area #authenticate-form #mail-address:-moz-placeholder{color:#ebebeb;font-size:14px;line-height:14px}#authenticate-section #authenticate-area #authenticate-form #mail-address::-moz-placeholder{color:#ebebeb;font-size:14px;line-height:14px}#authenticate-section #authenticate-area #authenticate-form #mail-address:-ms-input-placeholder{color:#ebebeb;font-size:14px;line-height:14px}#authenticate-section #authenticate-area #authenticate-form #authenticate-button{width:239px;height:32px;border:none;background:url("../img/send_mail_of_edit_address_confirm_btn.png");background-size:contain}#authenticate-section #authenticate-area #help-link{margin-top:20px;font-size:13px}#authenticate-section #authenticate-area #help-link #caution-link,#authenticate-section #authenticate-area #help-link #contact-link{width:239px;height:32px;margin-top:16px}#authenticate-section #authenticate-area #help-link #caution-link a img,#authenticate-section #authenticate-area #help-link #contact-link a img{width:239px;height:32px}#member-edit-password-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#member-edit-password-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#member-edit-password-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 517px, 23px)}#member-edit-password-section #member-edit-password-area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;height:365px;padding:30px 45px 15px 45px}#member-edit-password-section #member-edit-password-area #text-area{font-size:15px;line-height:20px;margin-bottom:20px}#member-edit-password-section #member-edit-password-area .edit-password-error-area{font-size:11px;color:#e5011b}#member-edit-password-section #member-edit-password-area .edit-password-error-area p{margin-bottom:3px}#member-edit-password-section #member-edit-password-area #edit-form .password{color:#ebebeb;height:28px;width:237px;margin-bottom:22px;padding:0;padding-bottom:8px;background-color:rgba(0,0,0,0);border-bottom:1px solid #ebebeb;border-top:none;border-right:none;border-left:none;text-align:center;font-size:14px;line-height:14px}#member-edit-password-section #member-edit-password-area #edit-form .password::-webkit-input-placeholder{color:#ebebeb;font-size:14px;line-height:14px}#member-edit-password-section #member-edit-password-area #edit-form .password:-moz-placeholder{color:#ebebeb;font-size:14px;line-height:14px}#member-edit-password-section #member-edit-password-area #edit-form .password::-moz-placeholder{color:#ebebeb;font-size:14px;line-height:14px}#member-edit-password-section #member-edit-password-area #edit-form .password:-ms-input-placeholder{color:#ebebeb;font-size:14px;line-height:14px}#member-edit-password-section #member-edit-password-area #edit-form #edit-button{width:239px;height:32px;border:none;background:url("../img/submit_change_password_btn.png");background-size:contain}#member-edit-password-section #member-edit-password-area #help-link{margin-top:20px;font-size:13px;height:100px}#member-edit-password-section #member-edit-password-area #help-link #caution-link,#member-edit-password-section #member-edit-password-area #help-link #contact-link{width:239px;height:32px;margin-top:16px}#member-edit-password-section #member-edit-password-area #help-link #caution-link a img,#member-edit-password-section #member-edit-password-area #help-link #contact-link a img{width:239px;height:32px}#member-edit-password-finish-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#member-edit-password-finish-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#member-edit-password-finish-section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 342px, 23px)}#member-edit-password-finish-section #member-edit-password-finish-area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 45px 15px 45px}#member-edit-password-finish-section #member-edit-password-finish-area #text-area{font-size:15px;line-height:20px;margin-bottom:20px}#member-edit-password-finish-section #member-edit-password-finish-area #help-link{margin-top:20px;font-size:13px;margin-bottom:20px}#member-edit-password-finish-section #member-edit-password-finish-area #help-link #contact-link{width:239px;height:32px;margin-top:16px}#member-edit-password-finish-section #member-edit-password-finish-area #help-link #contact-link a img{width:239px;height:32px}#tokusho-section{height:calc(100% - 109px);position:relative}#tokusho-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#tokusho-section #policy-table{position:relative;top:20px;height:100%}#tokusho-section #policy-table #tabs{margin:0 1em -1px 1em;position:relative;height:30px;overflow:hidden;background:rgba(0,0,0,0);width:91.3vw}#tokusho-section #policy-table #tabs div div{padding:8px 0 7px 0;text-align:center;float:left;color:#c3c1c1;cursor:pointer;width:48%;font-size:13px;position:relative;border-radius:5px 5px 0 0;border-top:1px solid #825000;border-right:1px solid #825000;border-left:1px solid #825000;top:1px}#tokusho-section #policy-table #tabs div div.is_displaying{color:#f59b00;background-color:#1e1e1e;width:48.4%;z-index:2}#tokusho-section #policy-table #tabs div div::before{content:"";position:absolute;top:-18px;bottom:0;left:0;margin:auto;line-height:0;height:11px;width:11px;background:-webkit-linear-gradient(315deg, #825000 8px, transparent 8px);background:linear-gradient(135deg, #825000 8px, transparent 8px)}#tokusho-section #policy-table #tabs div div::after{content:"";position:absolute;top:-19.1px;bottom:0;left:-1.1px;margin:auto;line-height:0;height:11px;width:11px;background:-webkit-linear-gradient(315deg, #000 8px, transparent 8px);background:linear-gradient(135deg, #000 8px, transparent 8px)}#tokusho-section #policy-table #post-area{background-color:#1e1e1e;margin:0 1em 1em 1em;width:90%;border-radius:0 3px 3px 3px;border:1px solid #825000;overflow:hidden;height:85%;z-index:1}#tokusho-section #policy-table #post-area #flick-list{height:100%}#tokusho-section #policy-table #post-area #flick-list #tab-base{height:100%}#tokusho-section #policy-table #post-area #flick-list #tab-base dd#category_id1,#tokusho-section #policy-table #post-area #flick-list #tab-base dd#category_id2{position:relative;float:left;color:#fff;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}#tokusho-section #policy-table #post-area #flick-list #tab-base dd#category_id1 .policy-text,#tokusho-section #policy-table #post-area #flick-list #tab-base dd#category_id2 .policy-text{margin:18px 19px 18px 18px;font-size:12px;line-height:18px}#tokusho-section #policy-table #post-area #flick-list #tab-base dd#category_id1 .tokusho-text,#tokusho-section #policy-table #post-area #flick-list #tab-base dd#category_id2 .tokusho-text{margin:18px 19px 18px 18px;font-size:12px;line-height:18px}#not-member-section{position:relative;text-align:center;height:100%}#not-member-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#not-member-section #not-member-area #user-policy-link{color:#fff}#not-member-section #not-member-area #user-policy-link{padding-top:32px}#not-member-section #not-member-area #user-policy-link img{width:85px;height:26px;margin:0px 15px 0px 275px}#not-member-section #not-member-area #top-logo{margin-top:188px;text-align:center;display:inline-block}#not-member-section #not-member-area #top-logo img{width:323px;height:154px;margin:0px 26px 0px 26px}#not-member-section #not-member-area #register-account-link{display:inline-block;position:absolute;left:50%;bottom:50px;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%)}#not-member-section #not-member-area #register-account-link img{height:85px}#not-member-section #not-member-area #help-area{margin-bottom:20px;text-align:right;width:100%;position:absolute;bottom:0}#not-member-section #not-member-area #help-area #account-transfer-link,#not-member-section #not-member-area #help-area #contact-link{display:inline-block;width:120px}#not-member-section #not-member-area #help-area #account-transfer-link img,#not-member-section #not-member-area #help-area #contact-link img{width:120px;height:26px}#not-member-section #not-member-area #help-area #account-transfer-link{float:left;margin-left:20px}#not-member-section #not-member-area #help-area #contact-link{display:inline-block;margin-right:20px}#not-member-section{position:relative;text-align:center}#not-member-section #not-member-banners #banner-slider{height:659px;margin-bottom:0}#not-member-section #not-member-banners #banner-slider .slick-list{height:659px}#not-member-section #not-member-banners #banner-slider .slide-dots{text-align:center;position:relative;top:-22px}#not-member-section #not-member-banners #banner-slider .slide-dots li{display:inline-block;margin:0 5px;width:6px;height:6px;font-size:4px;border-radius:15px;background-color:grey}#not-member-section #not-member-banners #banner-slider .slide-dots li button{display:none;position:relative;text-indent:-9999px}#not-member-section #not-member-banners #banner-slider .slide-dots li.slick-active{font-size:4px;border-radius:15px;background-color:white}#not-member-section #not-member-banners #banner-slider .slick-arrow img{top:25px}#not-member-section #not-member-banners #banner-slider .slick-arrow .slick-disabled img{left:5px}.next-area{position:absolute;bottom:20%;right:0;width:20px;width:40px;height:40px;background-color:rgba(0,0,0,0.5);z-index:9;border-radius:20px 0px 0px 20px}.prev-area{position:absolute;bottom:20%;left:0;width:20px;z-index:9;width:40px;height:40px;background-color:rgba(0,0,0,0.5);border-radius:0px 20px 20px 0px}.slick-disabled{opacity:0}.slide-arrow{position:absolute;bottom:20%;margin-top:-15px}.prev-arrow{left:8px;width:20px;z-index:10}.next-arrow{right:8px;width:20px;z-index:10}#nickname-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#nickname-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#nickname-section #bg-filter img{position:fixed;width:100%;top:0;overflow:hidden;-webkit-filter:blur(4.4px);-moz-filter:blur(4.4px);-o-filter:blur(4.4px);-ms-filter:blur(4.4px);filter:blur(4.4px);clip:rect(121px, 352px, 439px, 23px);z-index:-1}#nickname-section #nickname-area{color:#fff;margin-top:100px;width:329px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;height:252px;padding:33px 0}#nickname-section #nickname-area #text-area{font-size:15px;line-height:20px;margin-bottom:20px}#nickname-section #nickname-area #text-area #minimum-text{font-size:12px}#nickname-section #nickname-area #nickname-form #nickname-input{background-color:#ebebeb;border:none;border-radius:4px;height:28px;width:250px;margin-bottom:14px;padding-left:10px;font-size:14px;line-height:14px}#nickname-section #nickname-area #nickname-form #nickname-input::-webkit-input-placeholder{color:gray;font-size:14px;line-height:14px}#nickname-section #nickname-area #nickname-form #nickname-input::-moz-placeholder{color:gray;font-size:14px;line-height:14px}#nickname-section #nickname-area #nickname-form #nickname-input:-ms-input-placeholder{color:gray;font-size:14px;line-height:14px}#nickname-section #nickname-area #nickname-form #error-area{font-size:12px;color:#e5011b;line-height:14px}#nickname-section #nickname-area #nickname-form #note-area{font-size:13px;line-height:18px;margin-bottom:15px;margin-top:40px}#nickname-section #nickname-area #nickname-form #note-area a:link,#nickname-section #nickname-area #nickname-form #note-area a:active,#nickname-section #nickname-area #nickname-form #note-area a:hover,#nickname-section #nickname-area #nickname-form #note-area a:visited{color:#f59b00}#nickname-section #nickname-area #nickname-form #nickname-button{width:239px;height:32px;border:none;padding:0;background:url(/assets/giants/img/agree_user_policy_btn.png) left top no-repeat}#block-list-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#block-list-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#block-list-section #block-list-area{margin-top:6px;width:351px;text-align:center;display:inline-block;border-radius:4px}#block-list-section #block-list-area #block-list{width:349px;border:1px solid #825000;border-radius:4px;background-color:rgba(30,30,30,0.7)}#block-list-section #block-list-area #block-list .block-user{position:relative;height:60px;line-height:60px;border-bottom:1px solid #825000;text-align:right}#block-list-section #block-list-area #block-list .block-user .thumbnail{position:absolute;width:36px;height:36px;border-radius:50%;top:11px;left:11px;display:inline-block}#block-list-section #block-list-area #block-list .block-user .nickname{position:relative;float:left;left:60px;font-size:13px;text-align:justify;color:#fff}#block-list-section #block-list-area #block-list .block-user .release-btn{border:1px solid #c3c1c1;font-size:12px;padding:5px 19px;border-radius:4px;position:relative;right:20px}#block-list-section #block-list-area #block-list .block-user a:link,#block-list-section #block-list-area #block-list .block-user a:hover,#block-list-section #block-list-area #block-list .block-user a:active,#block-list-section #block-list-area #block-list .block-user a:visited{color:#c3c1c1}#block-list-section #block-list-area #block-list .last-user{border-bottom:none}#block-list-section #block-list-area #block-list .no_block_user{border-bottom:none;text-align:center;color:#fff;font-size:13px;padding:15px 0px}#block-list-section #block-list-area .more-btn-area{margin:15px 0px 75px}#block-list-section #block-list-area .more-btn-area img{width:168px;height:29px;margin:auto}#block-list-section .paging{color:#ebebeb;text-align:center;padding:20px 3%}#block-list-section .paging div{display:inline-block;text-align:center;font-size:13px;letter-spacing:1.4px}#block-list-section .paging .pagingLeft{width:13px;height:13px;font-size:0px;vertical-align:middle;margin-right:10px}#block-list-section .paging .pagingLeft a{display:inline-block;position:relative;width:0;height:0;border-style:solid;border-width:6px 12px 6px 0;border-color:transparent #ebebeb transparent transparent}#block-list-section .paging .pagingRight{width:13px;height:13px;font-size:0px;vertical-align:middle;margin-left:10px}#block-list-section .paging .pagingRight a{display:inline-block;position:relative;width:0;height:0;border-style:solid;border-width:6px 0 6px 12px;border-color:transparent transparent transparent #ebebeb}#block-list-section .paging .pagingLeft-nolink{position:relative;top:-1px;width:0px;height:0px;border-style:solid;border-width:6px 12px 6px 0;border-color:transparent #5c5c5c transparent transparent}#block-list-section .paging .pagingLeft-nolink a{display:inline;border:none}#block-list-section .paging .pagingRight-nolink{position:relative;top:-1px;width:0px;height:0px;border-style:solid;border-width:6px 0 6px 12px;border-color:transparent transparent transparent #5c5c5c}#block-list-section .paging .pagingRight-nolink a{border:none}#history-area{height:100%}#history-area #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#history-area #history-table{position:relative;top:26px;background-color:transparent;height:70%}#history-area #history-table #tabs{margin:0 11px 0px 12px;position:relative;height:28px;overflow:hidden;width:352px}#history-area #history-table #tabs div{padding:8px 0 7px 0;text-align:center;float:left;color:#ebebeb;cursor:pointer;width:24%;font-size:13px;position:relative;background-color:#1e1e1e;border-radius:4px 4px 0 0;border-top:1px solid #825000;border-right:1px solid #825000;border-left:1px solid #825000}#history-area #history-table #tabs div.div_three{width:114px;margin-right:2px}#history-area #history-table #tabs div.div_four{width:24%;margin-right:2px}#history-area #history-table #tabs div.is_displaying{color:#f59b00;background-color:#1e1e1e;z-index:2}#history-area #history-table #tabs div::before{content:"";position:absolute;top:-18px;bottom:0;left:0;margin:auto;line-height:0;height:11px;width:11px;background:-webkit-linear-gradient(315deg, #825000 8px, transparent 8px);background:linear-gradient(135deg, #825000 8px, transparent 8px)}#history-area #history-table #tabs div::after{content:"";position:absolute;top:-19.1px;bottom:0;left:-1px;margin:auto;line-height:0;height:11px;width:11px;background:-webkit-linear-gradient(315deg, #1e1e1e 8px, transparent 8px);background:linear-gradient(135deg, #1e1e1e 8px, transparent 8px)}#history-area #history-table #tabs div:last-child{margin:0}#history-area #history-table #tabs::before{position:absolute;content:"";width:100%;bottom:0;left:0;border-bottom:1px solid #825000;z-index:1}#history-area #history-table #post-area{background-color:rgba(30,30,30,0.5);margin:0 11px 12px 12px;border-radius:0 0 4px 4px;border-right:1px solid #825000;border-left:1px solid #825000;border-bottom:1px solid #825000;overflow:hidden;height:100%}#history-area #history-table #post-area #flick-list{height:100%}#history-area #history-table #post-area #flick-list #tab-base{height:100%}#history-area #history-table #post-area #flick-list #tab-base dd{position:relative;float:left;color:#fff;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}#history-area #history-table #post-area #flick-list #tab-base dd .crystal-text #crystal-history li{position:relative;height:47px;border-bottom:1px solid #825000;padding:16px 16px 9px 16px}#history-area #history-table #post-area #flick-list #tab-base dd .crystal-text #crystal-history li .item_image{width:26px;float:left;margin:10px 16px 13px 0}#history-area #history-table #post-area #flick-list #tab-base dd .crystal-text #crystal-history li .title{font-size:13px;margin-bottom:6px}#history-area #history-table #post-area #flick-list #tab-base dd .crystal-text #crystal-history li .item_count{font-size:13px}#history-area #history-table #post-area #flick-list #tab-base dd .crystal-text #crystal-history li .created_at{position:absolute;font-size:10px;color:#ebebeb;right:16px;bottom:9px}#history-area #history-table #post-area #flick-list #tab-base dd .crystal-text #crystal-history li.no_history{border-bottom:none;text-align:center;margin-top:200px}#history-area #history-table #post-area #flick-list #tab-base dd .coin-text #coin-history li{position:relative;height:47px;border-bottom:1px solid #825000;padding:16px 16px 9px 16px}#history-area #history-table #post-area #flick-list #tab-base dd .coin-text #coin-history li .item_image{width:26px;float:left;margin:10px 16px 13px 0}#history-area #history-table #post-area #flick-list #tab-base dd .coin-text #coin-history li .title{font-size:13px;margin-bottom:6px}#history-area #history-table #post-area #flick-list #tab-base dd .coin-text #coin-history li .item_count{font-size:13px}#history-area #history-table #post-area #flick-list #tab-base dd .coin-text #coin-history li .created_at{position:absolute;font-size:10px;color:#ebebeb;right:16px;bottom:9px}#history-area #history-table #post-area #flick-list #tab-base dd .coin-text #coin-history li.no_history{border-bottom:none;text-align:center;margin-top:200px}#history-area #history-table #post-area #flick-list #tab-base dd .card-text #card-history li{position:relative;height:47px;border-bottom:1px solid #825000;padding:16px 16px 9px 16px}#history-area #history-table #post-area #flick-list #tab-base dd .card-text #card-history li .item_image{width:26px;float:left;margin:10px 16px 13px 0}#history-area #history-table #post-area #flick-list #tab-base dd .card-text #card-history li .title{font-size:13px;margin-bottom:6px}#history-area #history-table #post-area #flick-list #tab-base dd .card-text #card-history li .item_count{font-size:13px}#history-area #history-table #post-area #flick-list #tab-base dd .card-text #card-history li .created_at{position:absolute;font-size:10px;color:#ebebeb;right:16px;bottom:9px}#history-area #history-table #post-area #flick-list #tab-base dd .card-text #card-history li.no_history{border-bottom:none;text-align:center;margin-top:200px}#history-area #history-table #post-area #flick-list #tab-base dd .ticket-text #ticket-history li{position:relative;height:47px;border-bottom:1px solid #825000;padding:16px 16px 9px 16px}#history-area #history-table #post-area #flick-list #tab-base dd .ticket-text #ticket-history li .item_image{width:26px;float:left;margin:10px 16px 13px 0}#history-area #history-table #post-area #flick-list #tab-base dd .ticket-text #ticket-history li .title{font-size:13px;margin-bottom:6px}#history-area #history-table #post-area #flick-list #tab-base dd .ticket-text #ticket-history li .item_count{font-size:13px}#history-area #history-table #post-area #flick-list #tab-base dd .ticket-text #ticket-history li .created_at{position:absolute;font-size:10px;color:#ebebeb;right:16px;bottom:9px}#history-area #history-table #post-area #flick-list #tab-base dd .ticket-text #ticket-history li.no_history{border-bottom:none;text-align:center;margin-top:200px}#history-area #history-table #post-area #flick-list #tab-base dd .more-btn{margin:15px 0}#history-area #history-table #post-area #flick-list #tab-base dd .more-btn img{cursor:pointer;margin:0 auto;width:168px;height:29px}#splash-area{height:100%;background:-webkit-linear-gradient(225deg, #000, #474747);background:-webkit-linear-gradient(135deg, #000, #474747);background:linear-gradient(315deg, #000, #474747)}#splash-area img{position:relative;width:178px;top:245px;margin:auto}#login_post_section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#login_post_section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#login_post_section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(87px, 352px, 597px, 23px)}#login_post_section #login-error-area{color:#fff;font-size:12px;margin-top:30px;width:240px;background-color:rgba(0,0,0,0.5);text-align:center;display:inline-block;border:1px solid #825000;border-radius:4px;padding:30px 45px}#post_section{height:calc(100% - 109px);position:relative;top:20px}#post_section #gacha-table #tabs{margin:0 11px -1px 12px;position:relative;height:29px;overflow:hidden;background:rgba(0,0,0,0)}#post_section #gacha-table #tabs div .sys_tab_crystal{padding:7px 0 7px 0;text-align:center;float:left;color:#f59b00;font-weight:bold;cursor:pointer;font-size:13px;position:relative;background-color:#1e1e1e;border-radius:4px 4px 0 0;border-top:1px solid #825000;border-right:1px solid #825000;border-left:1px solid #825000;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(1),#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(1) ~ .sys_tab_crystal{width:100%}#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(2),#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(2) ~ .sys_tab_crystal{width:50%}#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(3),#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(3) ~ .sys_tab_crystal{width:33.33333%}#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(4),#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(4) ~ .sys_tab_crystal{width:25%}#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(5),#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(5) ~ .sys_tab_crystal{width:20%}#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(6),#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(6) ~ .sys_tab_crystal{width:16.66667%}#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(7),#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(7) ~ .sys_tab_crystal{width:14.28571%}#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(8),#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(8) ~ .sys_tab_crystal{width:12.5%}#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(9),#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(9) ~ .sys_tab_crystal{width:11.11111%}#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(10),#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(10) ~ .sys_tab_crystal{width:10%}#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(11),#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(11) ~ .sys_tab_crystal{width:9.09091%}#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(12),#post_section #gacha-table #tabs div .sys_tab_crystal:first-child:nth-last-child(12) ~ .sys_tab_crystal{width:8.33333%}#post_section #gacha-table #tabs div #sys_tab_crystal_2{float:left}#post_section #gacha-table #tabs div div.is_displaying{color:#000;background-color:#f59b00;box-shadow:1px 1px 4px rgba(0,0,0,0.5) inset}#post_section #gacha-table #tabs div div::before{content:"";position:absolute;top:-18px;bottom:0;left:0;margin:auto;line-height:0;height:11px;width:11px;background:-webkit-linear-gradient(315deg, #825000 8px, transparent 8px);background:linear-gradient(135deg, #825000 8px, transparent 8px)}#post_section #gacha-table #tabs div div::after{content:"";position:absolute;top:-19.1px;bottom:0;left:-1.1px;margin:auto;line-height:0;height:11px;width:11px;background:-webkit-linear-gradient(315deg, #000 8px, transparent 8px);background:linear-gradient(135deg, #000 8px, transparent 8px)}#post_section #gacha-table #post-area{background-color:#1e1e1e;margin:0 11px 24px 12px;border-top:1px solid #825000;border-right:1px solid #825000;border-bottom:1px solid #825000;border-left:1px solid #825000;overflow:hidden}#post_section #gacha-table #post-area #flick-list #tab-base{height:540px;width:100%;position:relative}#post_section #gacha-table #post-area #flick-list #tab-base dd#category_id1,#post_section #gacha-table #post-area #flick-list #tab-base dd#category_id2,#post_section #gacha-table #post-area #flick-list #tab-base dd#category_id3{position:relative;float:left}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box{padding-bottom:35px}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .text-area{position:relative;top:-24px}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.right-section,#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.left-section{color:#fff;position:relative;font-size:10px}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.right-section{left:38%;top:5px}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.left-section{left:3%;top:3px}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.left-section a:link,#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.left-section a:active,#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.left-section a:visited,#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.left-section a:hover{color:#000}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-crystal-box{margin-top:-34px;text-align:center}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-crystal-box #have-mycrystal-count{color:#f59b00;font-size:13px;line-height:18px;vertical-align:middle;width:100%}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-crystal-box #have-mycrystal-count:before{content:'';display:inline-block;width:16px;height:16px;background:url("../img/icon_small_crystal.png");background-size:contain;margin-right:0.5em;vertical-align:middle;position:relative;top:-2px}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-crystal-box a img{left:78%;width:13px;top:-1em;position:relative}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-coin-box{margin-top:-34px;margin-bottom:12px;text-align:center}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-coin-box #have-mycoin-count{color:#f59b00;font-size:13px;width:100%}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-coin-box #have-mycoin-count:before{content:'';display:inline-block;width:18px;height:18px;background:url("../img/icon_small_coin.png");background-size:contain;margin-right:0.5em;vertical-align:middle}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-coin-box a img{left:74%;width:13px;top:-0.87em;position:relative}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-ticket-box{margin-top:-34px;text-align:center}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-ticket-box #have-myticket-count{color:#f59b00;font-size:13px;line-height:18px;vertical-align:middle;width:100%}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-ticket-box a img{left:78%;width:13px;top:-1em;position:relative}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-ticket-box .long_name{text-align:unset;margin-left:85px}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-ticket-box.long_name{text-align:unset;margin-left:85px}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .upper-box{width:100%;height:auto;color:rgba(255,255,255,0.8);text-align:center;border-bottom:1px solid #f59b00}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .upper-box img{width:100%;height:100%}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .rectangle_area{width:83px}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .draw-gacha-area{width:100%;text-align:center}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .draw-gacha-area div{display:inline-block;text-align:center}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .draw-gacha-area div img{width:128px}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .gacha_caption{padding:10px;font-size:13px;line-height:1.3;text-align:left;color:#CCC}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .new_banner_swiper_wrap{overflow:hidden;margin:5px auto;width:65%}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .new_banner_flick{position:relative;height:183px}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .new_banner_flick .swiper-wrapper{position:relative}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .new_banner_flick .swiper-wrapper:after{display:block;clear:both;content:''}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .new_banner_flick .swiper-wrapper li{float:left;position:relative;width:100%}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .new_banner_flick .swiper-wrapper li:after{display:block;clear:both;content:''}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .new_banner_flick .swiper-wrapper li img{float:left;display:block;width:50%}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .new_banner_flick .swiper_dots{text-align:center}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .new_banner_flick .swiper_dots .swiper-pagination-bullet{margin:10px 10px 5px;background-color:white;height:5px;width:5px}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .new_banner_flick .arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%)}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .new_banner_flick .arrow img{width:24px}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .new_banner_flick .arrow.swiper_left_arrow{left:5%}#post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .new_banner_flick .arrow.swiper_right_arrow{right:5%}.stepup_box .text_balloon{display:inline-block;position:relative;max-width:92%;margin:10px auto 20px;padding:10px 20px;border-radius:10px;border:4px solid #f59b00;background:#FFF;color:#000}.stepup_box .text_balloon .step_text{font-size:20px;font-weight:bold}.stepup_box .text_balloon .catch_phrase{font-size:13px;word-break:break-all}.stepup_box .text_balloon:after{display:block;position:absolute;bottom:-12px;left:50%;width:15px;height:15px;border-left:3px solid #f59b00;border-bottom:3px solid #f59b00;background:#FFF;-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg);content:''}.stepup_box .text_balloon.result:after{left:80%}#stepup-count-panel{position:fixed;display:none;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);width:304px;height:200px;z-index:10}#stepup-count-panel .dialog-container{position:relative;height:210px;background-color:rgba(30,30,30,0.7);border-radius:0px 0px 4px 4px;text-align:center;border-bottom:1px solid #825000;border-right:1px solid #825000;border-left:1px solid #825000}#stepup-count-panel .dialog-container .dialog-header{position:relative;top:0px;width:100%;height:42px;background-color:#f59b00;border-radius:4px 4px 0px 0px}#stepup-count-panel .dialog-container .dialog-header h1{position:absolute;line-height:16px;margin-top:13px;margin-bottom:13px;width:100%;text-align:center;font-size:16px;color:#000}#stepup-count-panel .dialog-container .item-wrapper{padding:24px;color:#fff}#stepup-count-panel .dialog-container .item-wrapper p{background-color:#333;border-radius:4px;color:#f3f3f3;font-size:12px;margin-top:15px;margin-bottom:6px;padding:10px;height:65px}#stepup-count-panel .dialog-container .item-wrapper .step_catch{margin-top:1em;font-size:18px;font-weight:normal}#stepup-count-panel .dialog-container .txt-confirm{font-size:22px;font-weight:bold;text-align:center}#stepup-count-panel .dialog-footer{position:relative;text-align:center;padding:18px 0;color:#000}#stepup-count-panel .dialog-footer #close-area{margin:0 auto}#stepup-count-panel .dialog-footer #close-area a img{width:136px;margin:0 auto}.modalDialog_content li{height:44px;line-height:44px}.modalDialog_content li .icon-image{position:relative;float:left;margin-left:8px;margin-right:8px;top:8px;width:24px;height:24px}.modalDialog_content li .disp-item-name{text-align:left;float:left;font-size:11px;font-weight:bold}.stepup_present{-webkit-transition:0.3s ease-out;transition:0.3s ease-out;-webkit-transform:translateX(-375px);transform:translateX(-375px);margin:10px auto;padding:10px 5px 5px;width:90%;border:2px solid #ffd101;border-radius:12px;box-sizing:border-box;font-size:13px;color:#FFF;text-align:center}.stepup_present .present_item{font-size:26px}.stepup_present .present_item .item_img{display:inline-block;position:relative;top:-3px;width:auto;height:40px;vertical-align:middle}.step_text_color{text-shadow:1px 0 0 #ff4500, 0 1px 0 #ff4500, -1px 0 0 #ff4500, 0 -1px 0 #ff4500, 1px 1px 0 #ff4500;color:#fffacd;font-style:normal}.step_text_color .confirm_step{font-style:normal}#gacha-detail-section{height:calc(100% - 109px);position:relative}#gacha-detail-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#gacha-detail-section #gacha-detail-area{color:#000;overflow-y:scroll;padding-bottom:65px;font-size:12px}#gacha-detail-section h1{padding:5px 0;text-align:center;font-size:22px;color:#000;letter-spacing:0.7px;line-height:1.3}#gacha-result01-section{width:100%;height:calc(100% - 109px);position:relative;top:20px;text-align:center}#gacha-result01-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#gacha-result01-section #gacha-result01-area{padding:0 36px}#gacha-result01-section #gacha-result01-area #disp-cards-area{display:inline-block;text-align:center;width:305px}#gacha-result01-section #gacha-result01-area #disp-cards-area .card-list{display:inline-block}#gacha-result01-section #gacha-result01-area #disp-cards-area .card-list .new-tag{position:absolute;left:60px;width:70px;top:75px}#gacha-result01-section #gacha-result01-area #disp-cards-area .card-list .card-img{display:inline-block;margin-top:90px;width:220px;height:312px;box-shadow:1px 0 25px #f59b00}#gacha-result01-section #gacha-result01-area #disp-cards-area .card-list .card-name{color:#fff;font-size:10px;margin-top:8px}#gacha-result01-section #gacha-result01-area #btn-area{margin-top:50px}#gacha-result01-section #gacha-result01-area #btn-area #more-draw{display:inline-block;text-align:center}#gacha-result01-section #gacha-result01-area #btn-area #more-draw img{width:100%}#gacha-result01-section #gacha-result01-area #btn-area #under-area{text-align:right;margin-top:14px}#gacha-result01-section #gacha-result01-area #btn-area #under-area #to-mypage,#gacha-result01-section #gacha-result01-area #btn-area #under-area #to-cardholder{display:inline-block;width:146px}#gacha-result01-section #gacha-result01-area #btn-area #under-area #to-mypage img,#gacha-result01-section #gacha-result01-area #btn-area #under-area #to-cardholder img{width:100%}#gacha-result01-section #gacha-result01-area #btn-area #under-area #to-mypage{float:left}#gacha-result10-section{width:100%;min-height:calc(100% - 109px);position:relative;padding-top:20px;text-align:center}#gacha-result10-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#gacha-result10-section #gacha-result10-area{display:inline-block;text-align:center}#gacha-result10-section #gacha-result10-area #disp-ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}#gacha-result10-section #gacha-result10-area #disp-ul .disp-items-area{width:33%;position:relative;display:inline-block}#gacha-result10-section #gacha-result10-area #disp-ul .disp-items-area .new-tag{position:absolute;width:45px;left:-2px;top:-6px;z-index:2}#gacha-result10-section #gacha-result10-area #disp-ul .disp-items-area .card-img{position:relative;width:99px;height:143px;margin:auto;top:6px;box-shadow:1px 0 10px #f59b00}#gacha-result10-section #gacha-result10-area #disp-ul .disp-items-area .card-name{position:relative;color:#fff;font-size:10px;margin-top:8px;margin-bottom:17px;top:5px}#gacha-result10-section #gacha-result10-area #btn-area{width:304px;display:inline-block;margin-top:10px}#gacha-result10-section #gacha-result10-area #btn-area #more-draw{display:inline-block;text-align:center}#gacha-result10-section #gacha-result10-area #btn-area #more-draw img{width:100%}#gacha-result10-section #gacha-result10-area #btn-area #under-area{text-align:right;margin-top:14px;margin-bottom:78px}#gacha-result10-section #gacha-result10-area #btn-area #under-area #to-mypage,#gacha-result10-section #gacha-result10-area #btn-area #under-area #to-cardholder{display:inline-block;width:146px}#gacha-result10-section #gacha-result10-area #btn-area #under-area #to-mypage img,#gacha-result10-section #gacha-result10-area #btn-area #under-area #to-cardholder img{width:100%}#gacha-result10-section #gacha-result10-area #btn-area #under-area #to-mypage{float:left}#gacha-timeline-area{width:100vw;height:auto;text-align:center;padding-bottom:50px}#gacha-timeline-area #timeline-header{position:relative;top:-16px;text-align:center;color:#c3c1c1;letter-spacing:0.5px;font-size:12px}#gacha-timeline-area .draw-gacha-history,#gacha-timeline-area .both-right-and-left,#gacha-timeline-area .from-right-to-left,#gacha-timeline-area .from-left-to-right{position:relative;display:inline-block;width:350px;height:90px;margin-top:0.4em;border-radius:2px;color:#333}#gacha-timeline-area .draw-gacha-history{background-color:#fff}#gacha-timeline-area .draw-gacha-history .draw-card-img{position:absolute;text-align:left;height:96%;margin:2px;float:left}#gacha-timeline-area .draw-gacha-history .text-area{position:absolute;text-align:left;margin:0.7em 0 0 70px;font-size:11px;line-height:1.5em}#gacha-timeline-area .draw-gacha-history .text-area .draw-card-name{font-size:14px}#gacha-timeline-area .draw-gacha-history .star-disp-area{position:relative;height:16px;width:70%;left:70px;top:70px}#gacha-timeline-area .draw-gacha-history .star-icon{height:16px;float:left}#gacha-timeline-area .draw-gacha-history .user-data-disp-area{float:right;font-size:11px;position:relative;text-align:right;top:33%;margin-right:16%}#gacha-timeline-area .draw-gacha-history .user-data-disp-area .user-thumbnail-icon{position:relative;height:28px;width:28px;border-radius:50%;display:inline-block}#gacha-timeline-area .draw-gacha-history .user-data-disp-area p{text-align:center}#gacha-timeline-area .draw-gacha-history .class_icon{position:absolute;top:25%;right:5px;width:42.5px}#gacha-timeline-area #more-btn{margin-top:15px;margin-bottom:60px}#gacha-timeline-area #more-btn img{width:168px;height:29px;margin:auto}#gacha-timeline-area .both-right-and-left{font-size:14px}#gacha-timeline-area .both-right-and-left .trade-bg-area{width:338px;height:93px}#gacha-timeline-area .both-right-and-left .trade-bg-area .trade-left-bg{position:absolute;float:left;height:95px;left:2px}#gacha-timeline-area .both-right-and-left .trade-bg-area .trade-right-bg{position:absolute;float:right;height:95px;right:2px}#gacha-timeline-area .both-right-and-left .trade-arrow-area{position:absolute;width:125px;height:45px;left:0;right:0;top:0;bottom:0;margin:auto}#gacha-timeline-area .both-right-and-left .trade-arrow-area .trade-right-arrow{position:relative;float:right;width:80%}#gacha-timeline-area .both-right-and-left .trade-arrow-area .trade-left-arrow{position:relative;float:left;width:80%}#gacha-timeline-area .both-right-and-left .myself-info{position:absolute;left:0;top:0;bottom:0;margin:auto;height:90px}#gacha-timeline-area .both-right-and-left .myself-info a:link,#gacha-timeline-area .both-right-and-left .myself-info a:visited,#gacha-timeline-area .both-right-and-left .myself-info a:hover,#gacha-timeline-area .both-right-and-left .myself-info a:active{color:#ebebeb;width:28px}#gacha-timeline-area .both-right-and-left .myself-info .trade-card-img{position:relative;height:86px;float:left;margin:0.2em 0 0 0.4em}#gacha-timeline-area .both-right-and-left .myself-info .text-area{text-align:left;margin:0.5em 0 0 5.1em}#gacha-timeline-area .both-right-and-left .myself-info .text-area .nickname{color:#c3c1c1;font-size:11px}#gacha-timeline-area .both-right-and-left .myself-info .text-area .thumbnail{width:28px}#gacha-timeline-area .both-right-and-left .guest-info{position:absolute;right:0;top:0;bottom:0;margin:auto;height:90px}#gacha-timeline-area .both-right-and-left .guest-info a:link,#gacha-timeline-area .both-right-and-left .guest-info a:visited,#gacha-timeline-area .both-right-and-left .guest-info a:hover,#gacha-timeline-area .both-right-and-left .guest-info a:active{color:#fff}#gacha-timeline-area .both-right-and-left .guest-info .trade-card-img{position:relative;height:86px;margin:auto;float:right;right:0;margin:0.2em 0.4em 0 0}#gacha-timeline-area .both-right-and-left .guest-info .text-area{color:#fff;text-align:right;margin:2em 5.2em 0 0}#gacha-timeline-area .both-right-and-left .guest-info .text-area .nickname{color:#c3c1c1;font-size:11px}#gacha-timeline-area .both-right-and-left .guest-info .text-area .thumbnail{display:inline-block;width:28px}#gacha-timeline-area .from-left-to-right{font-size:14px}#gacha-timeline-area .from-left-to-right .trade-bg-area{width:338px;height:93px}#gacha-timeline-area .from-left-to-right .trade-bg-area .trade-left-bg{position:absolute;float:left;height:95px;left:2px}#gacha-timeline-area .from-left-to-right .trade-bg-area .trade-right-bg{position:absolute;float:right;height:95px;right:2px}#gacha-timeline-area .from-left-to-right .trade-arrow-area{position:absolute;width:125px;height:45px;left:0;right:0;top:0;bottom:0;margin:auto}#gacha-timeline-area .from-left-to-right .trade-arrow-area .trade-right-arrow{position:relative;float:right;width:80%}#gacha-timeline-area .from-left-to-right .trade-arrow-area .trade-left-arrow{position:relative;float:left;width:80%;display:none}#gacha-timeline-area .from-left-to-right .myself-info{position:absolute;left:0;top:0;bottom:0;margin:auto;height:90px}#gacha-timeline-area .from-left-to-right .myself-info a:link,#gacha-timeline-area .from-left-to-right .myself-info a:visited,#gacha-timeline-area .from-left-to-right .myself-info a:hover,#gacha-timeline-area .from-left-to-right .myself-info a:active{color:#ebebeb}#gacha-timeline-area .from-left-to-right .myself-info .trade-card-img{position:relative;height:86px;float:left;margin:0.2em 0 0 0.4em}#gacha-timeline-area .from-left-to-right .myself-info .text-area{text-align:left;margin:0.5em 0 0 5.1em}#gacha-timeline-area .from-left-to-right .myself-info .text-area .nickname{color:#c3c1c1;font-size:11px}#gacha-timeline-area .from-left-to-right .myself-info .text-area .thumbnail{width:28px;height:28px}#gacha-timeline-area .from-left-to-right .guest-info{position:absolute;right:0;top:0;bottom:0;margin:auto;height:90px}#gacha-timeline-area .from-left-to-right .guest-info a:link,#gacha-timeline-area .from-left-to-right .guest-info a:visited,#gacha-timeline-area .from-left-to-right .guest-info a:hover,#gacha-timeline-area .from-left-to-right .guest-info a:active{color:#fff}#gacha-timeline-area .from-left-to-right .guest-info .trade-card-img{position:relative;height:86px;margin:auto;float:right;right:0;margin:0.2em 0.4em 0 0}#gacha-timeline-area .from-left-to-right .guest-info .text-area{color:#fff;text-align:right;margin:2em 5.2em 0 0}#gacha-timeline-area .from-left-to-right .guest-info .text-area .nickname{color:#c3c1c1;font-size:11px}#gacha-timeline-area .from-left-to-right .guest-info .text-area .thumbnail{display:inline-block;width:28px}#gacha-timeline-area .from-right-to-left{font-size:14px}#gacha-timeline-area .from-right-to-left .trade-bg-area{width:338px;height:93px}#gacha-timeline-area .from-right-to-left .trade-bg-area .trade-left-bg{position:absolute;float:left;height:95px;left:2px}#gacha-timeline-area .from-right-to-left .trade-bg-area .trade-right-bg{position:absolute;float:right;height:95px;right:2px}#gacha-timeline-area .from-right-to-left .trade-arrow-area{position:absolute;width:125px;height:45px;left:0;right:0;top:0;bottom:0;margin:auto}#gacha-timeline-area .from-right-to-left .trade-arrow-area .trade-right-arrow{position:relative;float:right;width:80%;display:none}#gacha-timeline-area .from-right-to-left .trade-arrow-area .trade-left-arrow{position:relative;float:left;width:80%;top:22.5px}#gacha-timeline-area .from-right-to-left .myself-info{position:absolute;left:0;top:0;bottom:0;margin:auto;height:90px}#gacha-timeline-area .from-right-to-left .myself-info a:link,#gacha-timeline-area .from-right-to-left .myself-info a:visited,#gacha-timeline-area .from-right-to-left .myself-info a:hover,#gacha-timeline-area .from-right-to-left .myself-info a:active{color:#ebebeb;width:28px}#gacha-timeline-area .from-right-to-left .myself-info .trade-card-img{position:relative;height:86px;float:left;margin:0.2em 0 0 0.4em}#gacha-timeline-area .from-right-to-left .myself-info .text-area{text-align:left;margin:0.5em 0 0 5.1em}#gacha-timeline-area .from-right-to-left .myself-info .text-area .nickname{color:#c3c1c1;font-size:11px}#gacha-timeline-area .from-right-to-left .myself-info .text-area .thumbnail{width:28px;height:28px}#gacha-timeline-area .from-right-to-left .guest-info{position:absolute;right:0;top:0;bottom:0;margin:auto;height:90px}#gacha-timeline-area .from-right-to-left .guest-info a:link,#gacha-timeline-area .from-right-to-left .guest-info a:visited,#gacha-timeline-area .from-right-to-left .guest-info a:hover,#gacha-timeline-area .from-right-to-left .guest-info a:active{color:#fff}#gacha-timeline-area .from-right-to-left .guest-info .trade-card-img{position:relative;height:86px;margin:auto;float:right;right:0;margin:0.2em 0.4em 0 0}#gacha-timeline-area .from-right-to-left .guest-info .text-area{color:#fff;text-align:right;margin:2em 5.2em 0 0}#gacha-timeline-area .from-right-to-left .guest-info .text-area .nickname{color:#c3c1c1;font-size:11px}#gacha-timeline-area .from-right-to-left .guest-info .text-area .thumbnail{display:inline-block;width:28px}.confirm-draw-dialog-area{position:fixed;display:none;width:304px;height:371px;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}.confirm-draw-dialog-area #confirm-draw-dialog-header{position:relative;top:0px;width:100%;height:42px;background-color:#f59b00;border-radius:4px 4px 0px 0px}.confirm-draw-dialog-area #confirm-draw-dialog-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.confirm-draw-dialog-area #confirm-draw-dialog-header h1{position:absolute;line-height:16px;margin-top:13px;margin-bottom:13px;width:100%;text-align:center;font-size:16px;color:#000}.confirm-draw-dialog-area #confirm-draw-dialog-contents{position:relative;height:329px;background-color:rgba(30,30,30,0.7);border-radius:0px 0px 4px 4px;text-align:center;border-bottom:1px solid #825000;border-right:1px solid #825000;border-left:1px solid #825000}.confirm-draw-dialog-area #confirm-draw-dialog-contents #confirm-text{color:#fff;padding:18px 20px 15px 20px;font-size:13px;line-height:22px}.confirm-draw-dialog-area #confirm-draw-dialog-contents #confirm-draw-dialog-contents-gacha-info{font-size:110%;color:#fff}.confirm-draw-dialog-area #confirm-draw-dialog-contents #confirm-draw-dialog-contents-gacha-term{margin:5px auto 20px;color:#fff;font-size:75%}.confirm-draw-dialog-area #confirm-draw-dialog-contents #inner-confirm-draw-dialog-contents{background-color:#000;margin:0 20px 12px 20px;height:56px;color:#fff;font-size:13px}.confirm-draw-dialog-area #confirm-draw-dialog-contents #inner-confirm-draw-dialog-contents #left-section{position:relative;float:left;text-align:left;top:13px}.confirm-draw-dialog-area #confirm-draw-dialog-contents #inner-confirm-draw-dialog-contents #left-section img{width:30px;margin:0 11px 0 13px}.confirm-draw-dialog-area #confirm-draw-dialog-contents #inner-confirm-draw-dialog-contents #center-section{position:relative;float:left;text-align:left;top:22px}.confirm-draw-dialog-area #confirm-draw-dialog-contents #inner-confirm-draw-dialog-contents #right-section{position:relative;text-align:right;top:22px;margin-right:12.2px}.confirm-draw-dialog-area #confirm-draw-dialog-contents span{position:relative;font-size:13px;color:#c3c1c1;bottom:2px}.confirm-draw-dialog-area #confirm-draw-dialog-contents p.skip_anim{margin:5px auto;font-size:12px;color:#c3c1c1;text-align:center}.confirm-draw-dialog-area #confirm-draw-dialog-contents .btn-area{position:relative;top:8px}.confirm-draw-dialog-area #confirm-draw-dialog-contents .btn-area #left-section{float:left;text-align:left}.confirm-draw-dialog-area #confirm-draw-dialog-contents .btn-area #left-section a img{margin-left:20px;width:126px;height:32px;position:absolute;left:0}.confirm-draw-dialog-area #confirm-draw-dialog-contents .btn-area #right-section{text-align:right}.confirm-draw-dialog-area #confirm-draw-dialog-contents .btn-area #right-section a img{margin-right:20px;width:126px;height:32px;position:absolute;right:0}.confirm-draw-dialog-area #confirm-draw-dialog-contents #confirm-draw-caution{margin-top:10px;position:relative;top:40px;font-size:10px}.confirm-draw-dialog-area #confirm-draw-dialog-contents #confirm-draw-caution p{line-height:2.5em;color:white}.confirm-draw-dialog-area #confirm-draw-dialog-contents #confirm-draw-caution a{color:lightblue}.confirm-draw-dialog-area #confirm-draw-dialog-contents #confirm-draw-caution .tutorial{display:none}.step-confirm-draw-dialog-area{position:fixed;display:none;width:304px;height:620px;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}.step-confirm-draw-dialog-area .dialog-header{position:relative;top:0px;width:100%;height:42px;background-color:#f59b00;border-radius:4px 4px 0px 0px}.step-confirm-draw-dialog-area .dialog-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.step-confirm-draw-dialog-area .dialog-header h1{position:absolute;line-height:16px;margin-top:13px;margin-bottom:13px;width:100%;text-align:center;font-size:16px;color:#000}.step-confirm-draw-dialog-area .popup_banner{width:100%;text-align:center;border:1px solid #825000;box-sizing:border-box}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents{position:relative;height:430px;background-color:rgba(30,30,30,0.7);border-radius:0px 0px 4px 4px;text-align:center;border-bottom:1px solid #825000;border-right:1px solid #825000;border-left:1px solid #825000}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents #confirm-text{color:#fff;padding:18px 20px 15px 20px;font-size:13px;line-height:22px}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents #step-inner-confirm-draw-dialog-contents-gacha-info{font-size:110%;color:#fff}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents #step-inner-confirm-draw-dialog-contents-gacha-term{margin:5px auto 20px;color:#fff;font-size:75%}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents #step-inner-confirm-draw-dialog-contents{background-color:#000;margin:0 20px 12px 20px;height:56px;color:#fff;font-size:13px}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents #step-inner-confirm-draw-dialog-contents #step-left-section{position:relative;float:left;text-align:left;top:13px}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents #step-inner-confirm-draw-dialog-contents #step-left-section img{width:30px;margin:0 11px 0 13px}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents #step-inner-confirm-draw-dialog-contents #step-center-section{position:relative;float:left;text-align:left;top:22px}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents #step-inner-confirm-draw-dialog-contents #step-right-section{position:relative;text-align:right;top:22px;margin-right:12.2px}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents span{position:relative;font-size:13px;color:#c3c1c1;bottom:2px}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents p.skip_anim{margin:5px auto;font-size:12px;color:#c3c1c1;text-align:center}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents .btn-area{position:relative;top:8px}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents .btn-area .left-section{float:left;text-align:left}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents .btn-area .left-section a img{margin-left:20px;width:126px;height:32px;position:absolute;left:0}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents .btn-area .right-section{text-align:right}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents .btn-area .right-section a img{margin-right:20px;width:126px;height:32px;position:absolute;right:0}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents #confirm-draw-caution{margin-top:10px;position:relative;top:40px;font-size:10px}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents #confirm-draw-caution p{line-height:2.5em;color:white}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents #confirm-draw-caution a{color:lightblue}.step-confirm-draw-dialog-area #step-confirm-draw-dialog-contents #confirm-draw-caution .tutorial{display:none}.shortage-crystal-dialog-area{position:fixed;display:none;width:304px;height:281px;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}.shortage-crystal-dialog-area #shortage-crystal-dialog-header{position:relative;top:0px;width:100%;height:42px;background-color:#f59b00;border-radius:4px 4px 0px 0px}.shortage-crystal-dialog-area #shortage-crystal-dialog-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.shortage-crystal-dialog-area #shortage-crystal-dialog-header h1{position:absolute;line-height:16px;margin-top:13px;margin-bottom:13px;width:100%;text-align:center;font-size:16px;color:#000}.shortage-crystal-dialog-area #shortage-crystal-dialog-contents{position:relative;height:240px;background-color:rgba(30,30,30,0.7);border-radius:0px 0px 4px 4px;text-align:center;border:1px solid #825000}.shortage-crystal-dialog-area #shortage-crystal-dialog-contents #inner-shortage-crystal-dialog-contents{background-color:#000;margin:27px 20px 10px;height:130px;color:#fff;font-size:13px;text-align:center}.shortage-crystal-dialog-area #shortage-crystal-dialog-contents #inner-shortage-crystal-dialog-contents .crystal-icon-with-aura{display:inline-block}.shortage-crystal-dialog-area #shortage-crystal-dialog-contents #inner-shortage-crystal-dialog-contents .crystal-icon-with-aura img{height:44px;margin-top:13px}.shortage-crystal-dialog-area #shortage-crystal-dialog-contents #inner-shortage-crystal-dialog-contents .have-crystal-text,.shortage-crystal-dialog-area #shortage-crystal-dialog-contents #inner-shortage-crystal-dialog-contents #have-crystal-count{font-size:14px}.shortage-crystal-dialog-area #shortage-crystal-dialog-contents #inner-shortage-crystal-dialog-contents .have-crystal-text{margin-top:12px}.shortage-crystal-dialog-area #shortage-crystal-dialog-contents #inner-shortage-crystal-dialog-contents #have-crystal-count{margin-top:6px}.shortage-crystal-dialog-area #shortage-crystal-dialog-contents .btn-area{position:relative;top:20px}.shortage-crystal-dialog-area #shortage-crystal-dialog-contents .btn-area #left-section{float:left;text-align:left}.shortage-crystal-dialog-area #shortage-crystal-dialog-contents .btn-area #left-section a img{margin-left:20px;width:126px;height:32px;position:absolute;left:0}.shortage-crystal-dialog-area #shortage-crystal-dialog-contents .btn-area #right-section{text-align:right}.shortage-crystal-dialog-area #shortage-crystal-dialog-contents .btn-area #right-section a img{margin-right:20px;width:126px;height:32px;position:absolute;right:0}#tutorial_post_section{height:calc(100% - 109px);position:relative;top:20px}#tutorial_post_section #gacha-table #tabs{margin:0 11px -1px 12px;position:relative;height:29px;overflow:hidden;background:rgba(0,0,0,0)}#tutorial_post_section #gacha-table #tabs div div{padding:7px 0 7px 0;text-align:center;float:left;color:#f59b00;font-weight:bold;cursor:pointer;width:48%;font-size:13px;position:relative;background-color:#1e1e1e;border-radius:4px 4px 0 0;border-top:1px solid #825000;border-right:1px solid #825000;border-left:1px solid #825000}#tutorial_post_section #gacha-table #tabs div #sys_tab_coin{left:0.2px}#tutorial_post_section #gacha-table #tabs div #sys_tab_crystal_1{margin-right:2.3%}#tutorial_post_section #gacha-table #tabs div div.is_displaying{color:#000;background-color:#f59b00;box-shadow:1px 1px 4px rgba(0,0,0,0.5) inset;width:48.4%;position:relative}#tutorial_post_section #gacha-table #post-area{background-color:#1e1e1e;margin:0 11px 24px 12px;border-top:1px solid #825000;border-right:1px solid #825000;border-bottom:1px solid #825000;border-left:1px solid #825000;overflow:hidden}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base{height:374px;width:100%;position:relative}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base dd#category_id1,#tutorial_post_section #gacha-table #post-area #flick-list #tab-base dd#category_id2{position:relative;float:left}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .text-area{position:relative;top:-24px}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.right-section,#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.left-section{color:#fff;position:relative;font-size:10px}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.right-section{left:38%;top:5px}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.left-section{left:3%;top:3px}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.left-section a:link,#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.left-section a:active,#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.left-section a:visited,#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box div span.left-section a:hover{color:#000}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-crystal-box{margin-bottom:1em;text-align:center}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-crystal-box #have-mycrystal-count{color:#f59b00;font-size:13px;line-height:18px;vertical-align:middle;width:100%}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-crystal-box #have-mycrystal-count:before{content:'';display:inline-block;width:16px;height:16px;background:url("../img/icon_small_crystal.png");background-size:contain;margin-right:0.5em;vertical-align:middle}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-crystal-box a img{left:78%;width:13px;top:-1em;position:relative}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-coin-box{margin-bottom:1.7em;text-align:center}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-coin-box #have-mycoin-count{color:#f59b00;font-size:13px;width:100%}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-coin-box #have-mycoin-count:before{content:'';display:inline-block;width:18px;height:18px;background:url("../img/icon_small_coin.png");background-size:contain;margin-right:0.5em;vertical-align:middle}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box #have-coin-box a img{left:74%;width:13px;top:-0.87em;position:relative}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .upper-box{width:100%;height:auto;color:rgba(255,255,255,0.8);text-align:center;border-bottom:2px solid #f59b00}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .upper-box img{width:100%;height:100%}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .rectangle_area{width:83px}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .draw-gacha-area{width:100%;text-align:center}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .draw-gacha-area div{display:inline-block;text-align:center}#tutorial_post_section #gacha-table #post-area #flick-list #tab-base .gacha-box .draw-gacha-area div img{width:128px}#tutorial-gacha-result01-section{width:100%;height:calc(100% - 109px);position:relative;top:20px;text-align:center}#tutorial-gacha-result01-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#tutorial-gacha-result01-section #gacha-result01-area{padding:0 36px}#tutorial-gacha-result01-section #gacha-result01-area #disp-cards-area{display:inline-block;text-align:center;width:305px}#tutorial-gacha-result01-section #gacha-result01-area #disp-cards-area .card-list{display:inline-block}#tutorial-gacha-result01-section #gacha-result01-area #disp-cards-area .card-list .new-tag{position:absolute;left:60px;width:70px;top:75px}#tutorial-gacha-result01-section #gacha-result01-area #disp-cards-area .card-list .card-img{display:inline-block;margin-top:90px;width:220px;height:312px}#tutorial-gacha-result01-section #gacha-result01-area #disp-cards-area .card-list .card-name{color:#fff;font-size:10px;margin-top:8px}#tutorial-gacha-result01-section #gacha-result01-area #btn-area{margin-top:50px}#tutorial-gacha-result01-section #gacha-result01-area #btn-area #under-area{text-align:center;margin-top:14px}#tutorial-gacha-result01-section #gacha-result01-area #btn-area #under-area #to-tutorial-mypage{display:inline-block;width:146px}#tutorial-gacha-result01-section #gacha-result01-area #btn-area #under-area #to-tutorial-mypage img{width:100%}#tutorial-gacha-result10-section{width:100%;height:calc(100% - 109px);position:relative;top:20px;text-align:center}#tutorial-gacha-result10-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#tutorial-gacha-result10-section #gacha-result10-area{display:inline-block;text-align:center}#tutorial-gacha-result10-section #gacha-result10-area #disp-ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}#tutorial-gacha-result10-section #gacha-result10-area #disp-ul .disp-items-area{width:33%;position:relative;display:inline-block}#tutorial-gacha-result10-section #gacha-result10-area #disp-ul .disp-items-area .new-tag{position:absolute;width:45px;left:0px;top:0px;z-index:2}#tutorial-gacha-result10-section #gacha-result10-area #disp-ul .disp-items-area .card-img{position:relative;width:99px;height:143px;margin:auto;top:6px}#tutorial-gacha-result10-section #gacha-result10-area #disp-ul .disp-items-area .card-name{position:relative;color:#fff;font-size:10px;margin-top:8px;margin-bottom:17px;top:5px}#tutorial-gacha-result10-section #gacha-result10-area #btn-area{width:304px;display:inline-block;margin-top:10px}#tutorial-gacha-result10-section #gacha-result10-area #btn-area #under-area{text-align:center;margin-top:14px;margin-bottom:78px}#tutorial-gacha-result10-section #gacha-result10-area #btn-area #under-area #to-tutorial-mypage{display:inline-block;width:146px}#tutorial-gacha-result10-section #gacha-result10-area #btn-area #under-area #to-tutorial-mypage img{width:100%}#trade-area #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#trade-area #trade-menu-area{position:relative}#trade-area #trade-menu-area #trade-menu-bg{position:relative;top:-15px;text-align:center}#trade-area #trade-menu-area #trade-menu-bg img{position:relative;left:3px;height:170px;margin:0 auto}#trade-area #trade-menu-area #trade-menu{position:absolute;width:100%;top:58px}#trade-area #trade-menu-area #trade-menu ul{position:relative}#trade-area #trade-menu-area #trade-menu ul li{position:relative;width:126px}#trade-area #trade-menu-area #trade-menu ul li img{width:126px}#trade-area #trade-menu-area #trade-menu ul #exhibition_btn{position:relative;left:26px;float:left}#trade-area #trade-menu-area #trade-menu ul #find_card_btn{position:relative;right:26px;float:right}#trade-area #trade-menu-area #trade-menu ul #path_left{position:relative;top:20px;left:49px;float:left}#trade-area #trade-menu-area #trade-menu ul #path_left a{position:relative;top:-25px;left:10px;font-size:13px;color:#f59b00}#trade-area #trade-menu-area #trade-menu ul #path_right{position:relative;top:20px;right:49px;float:right}#trade-area #trade-menu-area #trade-menu ul #path_right a{position:relative;top:-25px;left:28px;font-size:13px;color:#f59b00}#trade-area #trade-timeline-area{position:relative;top:28px}#trade-area #trade-timeline-area #trade-timeline-header{position:relative;top:-16px;text-align:center;color:#c3c1c1;letter-spacing:0.5px;font-size:12px}#trade-area #trade-timeline-area #trade{width:350px;height:auto;margin:0 11px 80px 12px;background-color:#1e1e1e;border:1px solid #825000}#trade-area #trade-timeline-area #trade #all-trade-timeline-header{margin-top:8px;color:#f59b00;font-size:13px;text-align:center}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left{font-size:14px;position:relative;display:inline-block;width:338px;height:90px;margin:8px 6px 0;border-radius:2px;color:#333}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .trade-bg-area{width:338px;height:93px}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .trade-bg-area .trade-left-bg{position:absolute;float:left;height:95px;left:2px}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .trade-bg-area .trade-right-bg{position:absolute;float:right;height:95px;right:2px}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .trade-arrow-area{position:absolute;width:99px;height:40px;left:0;right:0;top:0;bottom:0;margin:auto}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .trade-arrow-area .trade-right-arrow{position:relative;float:right;width:80%}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .trade-arrow-area .trade-left-arrow{position:relative;float:left;width:80%}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .myself-info{position:absolute;left:0;top:0;bottom:0;margin:auto;height:90px}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .myself-info a:link,#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .myself-info a:visited,#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .myself-info a:hover,#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .myself-info a:active{color:#ebebeb;width:28px}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .myself-info .trade-card-img{position:relative;height:86px;float:left;margin:0.2em 0 0 0.4em}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .myself-info .text-area{color:#ebebeb;text-align:left;margin:0.5em 0 0 5.1em}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .myself-info .text-area .nickname{color:#c3c1c1;font-size:10px}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .myself-info .text-area .thumbnail{width:28px;height:28px;border-radius:50%}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .guest-info{position:absolute;right:0;top:0;bottom:0;margin:auto;height:90px}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .guest-info a:link,#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .guest-info a:visited,#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .guest-info a:hover,#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .guest-info a:active{color:#ebebeb}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .guest-info .trade-card-img{position:relative;height:86px;float:right;right:0;margin:0.2em 0.4em 0 0}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .guest-info .text-area{color:#fff;text-align:right;margin:2em 5.2em 0 0}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .guest-info .text-area a{float:right;width:130px}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .guest-info .text-area .nickname{color:#c3c1c1;font-size:10px}#trade-area #trade-timeline-area #trade #trade-timeline-contents .both-right-and-left .guest-info .text-area .thumbnail{display:inline-block;width:28px;height:28px;border-radius:50%}#trade-area #trade-timeline-area #trade #more-btn{position:relative;margin-top:17px;margin-bottom:19px}#trade-area #trade-timeline-area #trade #more-btn img{width:168px;height:29px;margin:auto}.trade-dialog-area{position:fixed;display:none;width:330px;height:auto;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10}.trade-dialog-area .dialog-header{background-image:url("../img/info_header.png");background-size:100%;width:100%;height:48px;color:#000;font-size:16px;text-align:center}.trade-dialog-area .dialog-header h1{position:absolute;line-height:20px;margin-top:14px;margin-bottom:14px;width:100%}.trade-dialog-area .dialog-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.trade-dialog-area .trade-exhibit-dialog-contents{position:relative;width:328px;height:calc(100% - 101px);background-color:rgba(30,30,30,0.7);border-right:1px solid #825000;border-left:1px solid #825000}.trade-dialog-area .trade-exhibit-dialog-contents .confirm-message{position:relative;padding:20px;text-align:left;font-size:15px;line-height:18px;max-height:400px;overflow-y:scroll;color:white}.trade-dialog-area .dialog-footer{background-image:url("../img/info_footer.png");background-size:100%;width:100%;height:55px}.trade-dialog-area .dialog-footer .close-btn{position:relative;text-align:center;top:14px;margin-bottom:18.9px}.trade-dialog-area .dialog-footer .close-btn a{position:relative;display:block;margin:auto;bottom:0;font-size:14px;line-height:29.2px}.trade-dialog-area .dialog-footer .close-btn a img{height:32px;margin:0 auto}.trade-history{position:absolute;top:60px;right:10px;z-index:4}.trade-history img{width:80px}#exhibition-area{position:relative;height:auto;min-height:calc(100% - 109px)}#exhibition-area #layer{position:absolute;top:-45px;left:180px}#exhibition-area #layer img{height:166px;width:178px}#exhibition-area #message{position:relative;top:5px;width:100%;margin:12px;font-size:14px;color:#f59b00}#exhibition-area #card-folder-header{position:relative;width:100%;height:50px;margin-bottom:12px}#exhibition-area #card-folder-header #sort-name-area,#exhibition-area #card-folder-header #card-per-year-area,#exhibition-area #card-folder-header #sort-btn-area{position:relative;float:left;height:50px;width:calc(100% / 3)}#exhibition-area #card-folder-header #sort-name-area span,#exhibition-area #card-folder-header #card-per-year-area span,#exhibition-area #card-folder-header #sort-btn-area span{position:absolute;width:100%;bottom:0;font-size:14px;text-align:center}#exhibition-area #card-folder-header #sort-name-area span{font-size:14px;color:#f5f5f5}#exhibition-area #card-folder-header #card-per-year-area span p{color:#c3c1c1;font-size:12px}#exhibition-area #card-folder-header #card-per-year-area span p #user-collection{position:relative;color:#f59b00;font-size:12px}#exhibition-area #card-folder-header #card-per-year-area span #target-year{color:rgba(195,193,193,0.8);font-size:14px;margin-bottom:5px}#exhibition-area #card-folder-header #sort-btn-area #sort-btn{width:80px;height:26px;margin-top:23px;margin-left:33px}.exhibition-dialog-area{position:fixed;display:none;width:330px;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}.exhibition-dialog-area #exhibition-dialog-header{position:relative;top:0px;width:328px;height:47px;background:-webkit-linear-gradient(left, rgba(102,55,0,0.8), rgba(84,35,0,0.8));background:linear-gradient(to right, rgba(102,55,0,0.8), rgba(84,35,0,0.8));border-radius:4px 4px 0px 0px;border-top:1px solid #825000;border-left:1px solid #825000;border-right:1px solid #825000}.exhibition-dialog-area #exhibition-dialog-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.exhibition-dialog-area #exhibition-dialog-header h1{position:absolute;line-height:48px;width:100%;text-align:center;font-size:16px;color:#fff}.exhibition-dialog-area #exhibition-dialog-contents{position:relative;height:356px;background:-webkit-linear-gradient(45deg, rgba(126,50,6,0.8), rgba(245,145,33,0.8) 55%, rgba(126,50,6,0.8));background:linear-gradient(45deg, rgba(126,50,6,0.8), rgba(245,145,33,0.8) 55%, rgba(126,50,6,0.8));border-radius:0px 0px 4px 4px;border-bottom:1px solid #825000;border-left:1px solid #825000;border-right:1px solid #825000;padding-top:20px}.exhibition-dialog-area #exhibition-dialog-contents #card-status-area{position:relative;margin:auto;margin-bottom:16px;width:290px;height:199px;background-color:#000}.exhibition-dialog-area #exhibition-dialog-contents #card-status-area #left-area{position:relative;float:left;height:199px;width:140px}.exhibition-dialog-area #exhibition-dialog-contents #card-status-area #left-area img{height:100%}.exhibition-dialog-area #exhibition-dialog-contents #card-status-area #right-area{position:relative;float:left;width:150px;height:199px;overflow:hidden}.exhibition-dialog-area #exhibition-dialog-contents #card-status-area #right-area .layer{position:absolute;width:128px;height:119px;top:-11px;right:-32px}.exhibition-dialog-area #exhibition-dialog-contents #card-status-area #right-area div{position:absolute;bottom:0;margin:12px}.exhibition-dialog-area #exhibition-dialog-contents #card-status-area #right-area p{color:#ebebeb}.exhibition-dialog-area #exhibition-dialog-contents #card-status-area #right-area #card-name{font-size:14px;margin-bottom:6px}.exhibition-dialog-area #exhibition-dialog-contents #card-status-area #right-area #card-rare{font-size:14px;margin-bottom:8px;height:16px}.exhibition-dialog-area #exhibition-dialog-contents #card-status-area #right-area #card-rare .rare-star{float:left;width:16px;height:16px}.exhibition-dialog-area #exhibition-dialog-contents #card-status-area #right-area #have-num-label{clear:both;font-size:11px;margin-bottom:6px;color:#c3c1c1}.exhibition-dialog-area #exhibition-dialog-contents #card-status-area #right-area #card-have-num{font-size:13px;line-height:16px}.exhibition-dialog-area #exhibition-dialog-contents #exhibition-condition-area{position:relative;margin:auto;width:290px;height:147px}.exhibition-dialog-area #exhibition-dialog-contents #exhibition-condition-area #exhibition-condition-label{color:#ebebeb;font-size:12px}.exhibition-dialog-area #exhibition-dialog-contents #exhibition-condition-area #exhibition-condition{-webkit-appearance:none;appearance:none;position:relative;width:100%;margin-top:9px;height:32px;background-color:#ebebeb;color:#1a1a1a;padding-left:10px;border:0;border-radius:4px;font-size:14px;line-height:14px}.exhibition-dialog-area #exhibition-dialog-contents #exhibition-condition-area #control-area{position:absolute;bottom:0;padding-bottom:20px;width:100%}.exhibition-dialog-area #exhibition-dialog-contents #exhibition-condition-area #control-area li{float:left;height:32px;text-align:center}.exhibition-dialog-area #exhibition-dialog-contents #exhibition-condition-area #control-area #exhibition-cancel img{position:relative;display:block;width:100px;height:32px;margin-right:10px}.exhibition-dialog-area #exhibition-dialog-contents #exhibition-condition-area #control-area #exhibition-submit img{position:relative;display:block;width:180px;height:32px}.exhibition-dialog-area #exhibition-dialog-contents #exhibition-condition-area::after{content:'';position:absolute;width:0;height:0;border-style:solid;border-width:11.3px 6.5px 0 6.5px;border-color:#1a1a1a transparent transparent transparent;right:12px;top:32px;pointer-events:none}.exhibition-dialog-area .exhibition-dialog-contents{position:relative;height:200px;background-color:#f5fcfe;border-radius:4px}.exhibition-dialog-area .exhibition-dialog-contents .confirm-message{position:relative;padding:20px;text-align:left;font-size:14px}.exhibition-dialog-area .exhibition-dialog-contents .error-message{position:relative;padding:20px;text-align:center;font-size:14px}.exhibition-dialog-area .exhibition-dialog-contents .dialog-footer{position:absolute;bottom:0px;width:100%;height:55px;background-image:url("../img/info_footer.png");border-radius:0px 0px 4px 4px;text-align:center}.exhibition-dialog-area .exhibition-dialog-contents .dialog-footer .close-btn{position:relative;text-align:center;margin-top:14px;margin-bottom:18.9px}.exhibition-dialog-area .exhibition-dialog-contents .dialog-footer .close-btn a{position:relative;display:block;width:50%;height:29.2px;margin:auto;bottom:0;border-radius:20px;border:1px solid #fff;font-size:14px;line-height:29.2px;color:#fff}#history-filter{position:absolute;top:0;width:375px;min-height:100%;height:auto;box-shadow:0 2px 4px rgba(255,255,255,0.3)}#history-area{position:relative}#history-area #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#history-area #gacha-timeline-area{height:auto;padding-bottom:80px}#history-area #gacha-timeline-area .both-right-and-left,#history-area #gacha-timeline-area .from-left-to-right,#history-area #gacha-timeline-area .from-right-to-left{position:relative;display:inline-block;width:350px;height:90px;margin-top:26px;color:#333}#history-area #gacha-timeline-area .both-right-and-left .trade-bg-area .trade-label{position:relative;width:101.3%;top:1px;left:4px}#history-area #gacha-timeline-area .both-right-and-left .trade-arrow-area{position:absolute;width:98.375px;height:35px;left:0;right:0;top:35px;bottom:0;margin:auto}#history-area #gacha-timeline-area .both-right-and-left .trade-info{position:relative;top:-89px;font-size:11px;height:10px}#history-area #gacha-timeline-area .both-right-and-left .trade-info .trade-status{float:left;color:#000;margin-left:8px}#history-area #gacha-timeline-area .both-right-and-left .trade-info .relative-time{float:right;color:#fff;margin-right:15px}#history-area #gacha-timeline-area .both-right-and-left .myself-info{position:absolute;left:0;top:35px;bottom:0;margin:auto;height:90px}#history-area #gacha-timeline-area .both-right-and-left .myself-info .trade-card-img{position:relative;height:86px;float:left;margin:0.2em 0 0 0.4em}#history-area #gacha-timeline-area .both-right-and-left .myself-info .text-area{color:#333;text-align:left;margin:0.5em 0 0 5.1em}#history-area #gacha-timeline-area .both-right-and-left .myself-info .text-area .nickname{font-size:10px}#history-area #gacha-timeline-area .both-right-and-left .myself-info .text-area .thumbnail{width:28px;height:28px;border-radius:50%}#history-area #gacha-timeline-area .both-right-and-left .guest-info{position:absolute;right:0;top:35px;bottom:0;margin:auto;height:90px}#history-area #gacha-timeline-area .both-right-and-left .guest-info .trade-card-img{position:relative;height:86px;margin:auto;float:right;right:0;margin:0.2em 0.4em 0 0}#history-area #gacha-timeline-area .both-right-and-left .guest-info .text-area{color:#fff;text-align:right;margin:2em 5.2em 0 0}#history-area #gacha-timeline-area .both-right-and-left .guest-info .text-area .nickname{font-size:10px}#history-area #gacha-timeline-area .both-right-and-left .guest-info .text-area .thumbnail{display:inline-block;width:28px;height:28px;border-radius:50%}#history-area #gacha-timeline-area .from-left-to-right .trade-bg-area .trade-label{position:relative;width:101.3%;top:1px;left:4px}#history-area #gacha-timeline-area .from-left-to-right .trade-arrow-area{position:absolute;width:98.375px;height:35px;left:0;right:0;top:35px;bottom:0;margin:auto}#history-area #gacha-timeline-area .from-left-to-right .trade-info{position:relative;top:-89px;font-size:11px;height:10px}#history-area #gacha-timeline-area .from-left-to-right .trade-info .trade-status{float:left;color:#000;margin-left:8px}#history-area #gacha-timeline-area .from-left-to-right .trade-info .relative-time{float:right;color:#fff;margin-right:15px}#history-area #gacha-timeline-area .from-left-to-right .myself-info{position:absolute;left:0;top:35px;bottom:0;margin:auto;height:90px}#history-area #gacha-timeline-area .from-left-to-right .myself-info .trade-card-img{position:relative;height:86px;float:left;margin:0.2em 0 0 0.4em}#history-area #gacha-timeline-area .from-left-to-right .myself-info .text-area{color:#333;text-align:left;margin:0.5em 0 0 5.1em}#history-area #gacha-timeline-area .from-left-to-right .myself-info .text-area .nickname{font-size:11px}#history-area #gacha-timeline-area .from-left-to-right .myself-info .text-area .thumbnail{width:28px;height:28px}#history-area #gacha-timeline-area .from-left-to-right .guest-info{position:absolute;right:0;top:35px;bottom:0;margin:auto;height:90px}#history-area #gacha-timeline-area .from-left-to-right .guest-info a:active,#history-area #gacha-timeline-area .from-left-to-right .guest-info a:hover,#history-area #gacha-timeline-area .from-left-to-right .guest-info a:link,#history-area #gacha-timeline-area .from-left-to-right .guest-info a:visited{color:#fff}#history-area #gacha-timeline-area .from-left-to-right .guest-info .trade-card-img{position:relative;height:86px;margin:auto;float:right;right:0;margin:0.2em 0.4em 0 0}#history-area #gacha-timeline-area .from-left-to-right .guest-info .text-area{color:#fff;text-align:right;margin:2em 5.2em 0 0}#history-area #gacha-timeline-area .from-left-to-right .guest-info .text-area .nickname{font-size:11px}#history-area #gacha-timeline-area .from-left-to-right .guest-info .text-area .thumbnail{display:inline-block;width:28px}#history-area #gacha-timeline-area .from-right-to-left .trade-bg-area .trade-label{position:relative;width:101.3%;top:1px;left:4px}#history-area #gacha-timeline-area .from-right-to-left .trade-arrow-area{position:absolute;width:98.375px;height:35px;left:0;right:0;top:35px;bottom:0;margin:auto}#history-area #gacha-timeline-area .from-right-to-left .trade-arrow-area .trade-left-arrow{position:relative;float:left;width:80%;top:17.5px}#history-area #gacha-timeline-area .from-right-to-left .trade-info{position:relative;top:-89px;font-size:11px;height:10px}#history-area #gacha-timeline-area .from-right-to-left .trade-info .trade-status{float:left;color:#000;margin-left:8px}#history-area #gacha-timeline-area .from-right-to-left .trade-info .relative-time{float:right;color:#fff;margin-right:15px}#history-area #gacha-timeline-area .from-right-to-left .myself-info{position:absolute;left:0;top:35px;bottom:0;margin:auto;height:90px}#history-area #gacha-timeline-area .from-right-to-left .myself-info .trade-card-img{position:relative;height:86px;float:left;margin:0.2em 0 0 0.4em}#history-area #gacha-timeline-area .from-right-to-left .myself-info .text-area{color:#333;text-align:left;margin:0.5em 0 0 5.1em}#history-area #gacha-timeline-area .from-right-to-left .myself-info .text-area .nickname{font-size:11px}#history-area #gacha-timeline-area .from-right-to-left .myself-info .text-area .thumbnail{width:28px;height:28px}#history-area #gacha-timeline-area .from-right-to-left .guest-info{position:absolute;right:0;top:35px;bottom:0;margin:auto;height:90px}#history-area #gacha-timeline-area .from-right-to-left .guest-info a:active,#history-area #gacha-timeline-area .from-right-to-left .guest-info a:hover,#history-area #gacha-timeline-area .from-right-to-left .guest-info a:link,#history-area #gacha-timeline-area .from-right-to-left .guest-info a:visited{color:#fff}#history-area #gacha-timeline-area .from-right-to-left .guest-info .trade-card-img{position:relative;height:86px;margin:auto;float:right;right:0;margin:0.2em 0.4em 0 0}#history-area #gacha-timeline-area .from-right-to-left .guest-info .text-area{color:#fff;text-align:right;margin:2em 5.2em 0 0}#history-area #gacha-timeline-area .from-right-to-left .guest-info .text-area .nickname{font-size:11px}#history-area #gacha-timeline-area .from-right-to-left .guest-info .text-area .thumbnail{display:inline-block;width:28px}#history-area #gacha-timeline-area .paging{color:#ebebeb;margin-top:34px}#history-area #gacha-timeline-area .paging .pagingLeft{width:0;height:0;border-style:solid;border-width:7px 14px 7px 0;border-color:transparent #ebebeb transparent transparent}#history-area #gacha-timeline-area .paging .pagingRight{width:0;height:0;border-style:solid;border-width:7px 0 7px 14px;border-color:transparent transparent transparent #ebebeb}#history-area #gacha-timeline-area .paging .pagingLeft-nolink{border-color:transparent #5c5c5c transparent transparent}#history-area #gacha-timeline-area .paging .pagingRight-nolink{border-color:transparent transparent transparent #5c5c5c}#history-area #gacha-timeline-area .paging div{width:15%;display:inline-block;text-align:center;font-size:13px;letter-spacing:1.4px}#history-area #gacha-timeline-area .dummy{height:1px}#history-area #gacha-timeline-area #no-history{padding-top:45px;color:#fff}#exhibition-card-area{position:relative;height:auto;min-height:calc(100% - 109px)}#exhibition-card-area #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#exhibition-card-area #notice-area{position:relative;font-size:14px;color:#fff;padding:18px 0px 13px 0px;letter-spacing:0.5px;text-align:center}#exhibition-card-area #bid-area{position:relative;margin:auto;width:352px;height:auto}#exhibition-card-area #bid-area .bid-list{position:relative;height:182px;width:350px;margin-bottom:7px;background-color:rgba(50,30,0,0.7);border-radius:2px;border:1px solid #825000}#exhibition-card-area #bid-area .bid-list .a-bit-label{position:absolute;width:36px;height:33px;top:-4px;left:7px;z-index:1}#exhibition-card-area #bid-area .bid-list .exhibition-card{position:relative;float:left;padding:14px 20px 14px 19px;width:108px}#exhibition-card-area #bid-area .bid-list .exhibition-card-status{position:relative;padding:13px 0px 14px 0px;overflow:hidden;width:auto;height:155px}#exhibition-card-area #bid-area .bid-list .exhibition-card-status .exhibition-condition-label{font-size:11px;color:#c3c3c3}#exhibition-card-area #bid-area .bid-list .exhibition-card-status .exhibition-condition{font-size:13px;line-height:16px;color:#ebebeb;margin-top:5px}#exhibition-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-name{position:relative;font-size:11px;margin-top:3px;color:#ebebeb}#exhibition-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-control-area{position:absolute;bottom:0;margin-bottom:15px}#exhibition-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-control-area .exhibition-confirm-area{position:relative;top:-56px}#exhibition-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-control-area .exhibition-confirm-area #confirm-btn{width:192px;height:55px}#exhibition-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-control-area .exhibition-confirm-area .exhibition-limit-area{position:absolute;top:6px;left:12.5px;width:167.7px;border-radius:15px;height:20px;background-color:#c18726;pointer-events:none}#exhibition-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-control-area .exhibition-confirm-area .exhibition-limit-area .exhibition-limit{font-size:11px;line-height:20px;text-align:center;color:#000}#exhibition-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-control-area .exhibition-confirm-area .system-label{position:absolute;left:0;right:0;height:100%;width:100%;font-size:13px;color:#00418e;text-align:center}#exhibition-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-control-area .exhibition-confirm-area .system-label #confirm-btn{width:192px;height:55px}#exhibition-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-control-area .exhibition-cancel-area img{position:relative;width:192px;height:32px;margin-top:11px}#exhibition-card-area #bid-area .bid-list .notification-area{position:absolute;top:-4px;left:9px;color:white;height:30px;width:33px;font-size:10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}#exhibition-card-area #bid-area .bid-list .notification-area .rectangle{position:absolute;height:30px}#exhibition-card-area #bid-area .bid-list .notification-area span{z-index:10;margin-bottom:7px}.exhibition-card-dialog-area{position:fixed;display:none;width:330px;top:45%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}.exhibition-card-dialog-area .exhibition-card-dialog-contents{position:relative;height:136px;background-color:#f5fcfe;border-radius:4px}.exhibition-card-dialog-area .exhibition-card-dialog-contents .card-title{padding-top:20px;text-align:center;font-size:14px}.exhibition-card-dialog-area .exhibition-card-dialog-contents .confirm-message{position:relative;padding:15px 20px 20px 20px;text-align:center;font-size:14px}.exhibition-card-dialog-area .exhibition-card-dialog-contents .error-message{position:relative;padding:20px;text-align:center;font-size:14px}.exhibition-card-dialog-area .exhibition-card-dialog-contents .dialog-footer{position:absolute;bottom:0px;width:100%;height:55px;background-image:url("../img/info_footer.png");border-radius:0px 0px 4px 4px;text-align:center}.exhibition-card-dialog-area .exhibition-card-dialog-contents .dialog-footer .close-btn-area a,.exhibition-card-dialog-area .exhibition-card-dialog-contents .dialog-footer .cancel-btn-area a{position:relative;display:block;width:120px;height:29.2px;margin:auto;bottom:0;border-radius:20px;border:1px solid #fff;font-size:14px;line-height:29.2px;color:#fff}.exhibition-card-dialog-area .exhibition-card-dialog-contents .dialog-footer .close-btn-area{position:relative;float:left;margin-top:14px;margin-left:20px;margin-bottom:18.9px}.exhibition-card-dialog-area .exhibition-card-dialog-contents .dialog-footer .cancel-btn-area{position:relative;float:right;margin-top:14px;margin-right:20px;margin-bottom:18.9px}#exhibition-confirm-filter{position:absolute;top:0;width:100%;height:225px;box-shadow:0px 2px 4px rgba(255,255,255,0.3)}#exhibition-confirm-area{position:relative;height:auto;min-height:calc(100% - 155px);width:100vw;height:auto;text-align:center}#exhibition-confirm-area #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#exhibition-confirm-area .draw-gacha-history,#exhibition-confirm-area .both-right-and-left,#exhibition-confirm-area .from-right-to-left,#exhibition-confirm-area .from-left-to-right{position:relative;display:inline-block;width:350px;height:90px;margin-top:0.4em;border-radius:2px;color:#333}#exhibition-confirm-area .draw-gacha-history{background-color:#fff}#exhibition-confirm-area .draw-gacha-history .draw-card-img{position:absolute;text-align:left;height:96%;margin:2px;float:left}#exhibition-confirm-area .draw-gacha-history .text-area{position:absolute;text-align:left;margin:0.7em 0 0 70px;font-size:11px;line-height:1.5em}#exhibition-confirm-area .draw-gacha-history .text-area .draw-card-name{font-size:14px}#exhibition-confirm-area .draw-gacha-history .star-disp-area{position:relative;height:16px;width:70%;left:70px;top:70px}#exhibition-confirm-area .draw-gacha-history .star-icon{height:16px;float:left}#exhibition-confirm-area .draw-gacha-history .user-data-disp-area{float:right;font-size:11px;position:relative;text-align:right;top:33%;margin-right:2%}#exhibition-confirm-area .draw-gacha-history .user-data-disp-area .user-thumbnail-icon{position:relative;height:28px;width:28px;border-radius:50%;display:inline-block}#exhibition-confirm-area .draw-gacha-history .user-data-disp-area p{text-align:center}#exhibition-confirm-area #more-btn{margin-top:15px;margin-bottom:60px}#exhibition-confirm-area #more-btn img{width:168px;height:29px;margin:auto}#exhibition-confirm-area .both-right-and-left{font-size:14px}#exhibition-confirm-area .both-right-and-left .trade-bg-area{width:338px;height:93px}#exhibition-confirm-area .both-right-and-left .trade-bg-area .trade-left-bg{position:absolute;float:left;height:95px;left:2px}#exhibition-confirm-area .both-right-and-left .trade-bg-area .trade-right-bg{position:absolute;float:right;height:95px;right:2px}#exhibition-confirm-area .both-right-and-left .trade-arrow-area{position:absolute;width:125px;height:45px;left:0;right:0;top:0;bottom:0;margin:auto}#exhibition-confirm-area .both-right-and-left .trade-arrow-area .trade-right-arrow{position:relative;float:right;width:80%}#exhibition-confirm-area .both-right-and-left .trade-arrow-area .trade-left-arrow{position:relative;float:left;width:80%}#exhibition-confirm-area .both-right-and-left .myself-info{position:absolute;left:0;top:0;bottom:0;margin:auto;height:90px}#exhibition-confirm-area .both-right-and-left .myself-info a:link,#exhibition-confirm-area .both-right-and-left .myself-info a:visited,#exhibition-confirm-area .both-right-and-left .myself-info a:hover,#exhibition-confirm-area .both-right-and-left .myself-info a:active{color:#ebebeb;width:28px}#exhibition-confirm-area .both-right-and-left .myself-info .trade-card-img{position:relative;height:86px;float:left;margin:0.2em 0 0 0.4em}#exhibition-confirm-area .both-right-and-left .myself-info .text-area{text-align:left;margin:0.5em 0 0 5.1em}#exhibition-confirm-area .both-right-and-left .myself-info .text-area .nickname{color:#c3c1c1;font-size:11px}#exhibition-confirm-area .both-right-and-left .myself-info .text-area .thumbnail{width:28px}#exhibition-confirm-area .both-right-and-left .guest-info{position:absolute;right:0;top:0;bottom:0;margin:auto;height:90px}#exhibition-confirm-area .both-right-and-left .guest-info a:link,#exhibition-confirm-area .both-right-and-left .guest-info a:visited,#exhibition-confirm-area .both-right-and-left .guest-info a:hover,#exhibition-confirm-area .both-right-and-left .guest-info a:active{color:#fff}#exhibition-confirm-area .both-right-and-left .guest-info .trade-card-img{position:relative;height:86px;margin:auto;float:right;right:0;margin:0.2em 0.4em 0 0}#exhibition-confirm-area .both-right-and-left .guest-info .text-area{color:#fff;text-align:right;margin:2em 5.2em 0 0}#exhibition-confirm-area .both-right-and-left .guest-info .text-area .nickname{color:#c3c1c1;font-size:11px}#exhibition-confirm-area .both-right-and-left .guest-info .text-area .thumbnail{display:inline-block;width:28px}#exhibition-confirm-area .from-left-to-right{font-size:14px}#exhibition-confirm-area .from-left-to-right .trade-bg-area{width:338px;height:93px}#exhibition-confirm-area .from-left-to-right .trade-bg-area .trade-left-bg{position:absolute;float:left;height:95px;left:2px}#exhibition-confirm-area .from-left-to-right .trade-bg-area .trade-right-bg{position:absolute;float:right;height:95px;right:2px}#exhibition-confirm-area .from-left-to-right .trade-arrow-area{position:absolute;width:125px;height:45px;left:0;right:0;top:0;bottom:0;margin:auto}#exhibition-confirm-area .from-left-to-right .trade-arrow-area .trade-right-arrow{position:relative;float:right;width:80%}#exhibition-confirm-area .from-left-to-right .trade-arrow-area .trade-left-arrow{position:relative;float:left;width:80%;display:none}#exhibition-confirm-area .from-left-to-right .myself-info{position:absolute;left:0;top:0;bottom:0;margin:auto;height:90px}#exhibition-confirm-area .from-left-to-right .myself-info a:link,#exhibition-confirm-area .from-left-to-right .myself-info a:visited,#exhibition-confirm-area .from-left-to-right .myself-info a:hover,#exhibition-confirm-area .from-left-to-right .myself-info a:active{color:#ebebeb}#exhibition-confirm-area .from-left-to-right .myself-info .trade-card-img{position:relative;height:86px;float:left;margin:0.2em 0 0 0.4em}#exhibition-confirm-area .from-left-to-right .myself-info .text-area{text-align:left;margin:0.5em 0 0 5.1em}#exhibition-confirm-area .from-left-to-right .myself-info .text-area .nickname{color:#c3c1c1;font-size:11px}#exhibition-confirm-area .from-left-to-right .myself-info .text-area .thumbnail{width:28px;height:28px}#exhibition-confirm-area .from-left-to-right .guest-info{position:absolute;right:0;top:0;bottom:0;margin:auto;height:90px}#exhibition-confirm-area .from-left-to-right .guest-info a:link,#exhibition-confirm-area .from-left-to-right .guest-info a:visited,#exhibition-confirm-area .from-left-to-right .guest-info a:hover,#exhibition-confirm-area .from-left-to-right .guest-info a:active{color:#fff}#exhibition-confirm-area .from-left-to-right .guest-info .trade-card-img{position:relative;height:86px;margin:auto;float:right;right:0;margin:0.2em 0.4em 0 0}#exhibition-confirm-area .from-left-to-right .guest-info .text-area{color:#fff;text-align:right;margin:2em 5.2em 0 0}#exhibition-confirm-area .from-left-to-right .guest-info .text-area .nickname{color:#c3c1c1;font-size:11px}#exhibition-confirm-area .from-left-to-right .guest-info .text-area .thumbnail{display:inline-block;width:28px}#exhibition-confirm-area .from-right-to-left{font-size:14px}#exhibition-confirm-area .from-right-to-left .trade-bg-area{width:338px;height:93px}#exhibition-confirm-area .from-right-to-left .trade-bg-area .trade-left-bg{position:absolute;float:left;height:95px;left:2px}#exhibition-confirm-area .from-right-to-left .trade-bg-area .trade-right-bg{position:absolute;float:right;height:95px;right:2px}#exhibition-confirm-area .from-right-to-left .trade-arrow-area{position:absolute;width:125px;height:45px;left:0;right:0;top:0;bottom:0;margin:auto}#exhibition-confirm-area .from-right-to-left .trade-arrow-area .trade-right-arrow{position:relative;float:right;width:80%;display:none}#exhibition-confirm-area .from-right-to-left .trade-arrow-area .trade-left-arrow{position:relative;float:left;width:80%;top:22.5px}#exhibition-confirm-area .from-right-to-left .myself-info{position:absolute;left:0;top:0;bottom:0;margin:auto;height:90px}#exhibition-confirm-area .from-right-to-left .myself-info a:link,#exhibition-confirm-area .from-right-to-left .myself-info a:visited,#exhibition-confirm-area .from-right-to-left .myself-info a:hover,#exhibition-confirm-area .from-right-to-left .myself-info a:active{color:#ebebeb;width:28px}#exhibition-confirm-area .from-right-to-left .myself-info .trade-card-img{position:relative;height:86px;float:left;margin:0.2em 0 0 0.4em}#exhibition-confirm-area .from-right-to-left .myself-info .text-area{text-align:left;margin:0.5em 0 0 5.1em}#exhibition-confirm-area .from-right-to-left .myself-info .text-area .nickname{color:#c3c1c1;font-size:11px}#exhibition-confirm-area .from-right-to-left .myself-info .text-area .thumbnail{width:28px;height:28px}#exhibition-confirm-area .from-right-to-left .guest-info{position:absolute;right:0;top:0;bottom:0;margin:auto;height:90px}#exhibition-confirm-area .from-right-to-left .guest-info a:link,#exhibition-confirm-area .from-right-to-left .guest-info a:visited,#exhibition-confirm-area .from-right-to-left .guest-info a:hover,#exhibition-confirm-area .from-right-to-left .guest-info a:active{color:#fff}#exhibition-confirm-area .from-right-to-left .guest-info .trade-card-img{position:relative;height:86px;margin:auto;float:right;right:0;margin:0.2em 0.4em 0 0}#exhibition-confirm-area .from-right-to-left .guest-info .text-area{color:#fff;text-align:right;margin:2em 5.2em 0 0}#exhibition-confirm-area .from-right-to-left .guest-info .text-area .nickname{color:#c3c1c1;font-size:11px}#exhibition-confirm-area .from-right-to-left .guest-info .text-area .thumbnail{display:inline-block;width:28px}#exhibition-confirm-area #target-card-area{position:relative;height:116px;width:100%;padding-top:5px;text-align:center}#exhibition-confirm-area #target-card-area .both-right-and-left{font-size:14px;position:relative;display:inline-block;width:350px;height:90px;margin-top:0.4em;border-radius:2px;color:#333}#exhibition-confirm-area #target-card-area .both-right-and-left .trade-bg-area{width:338px;height:93px}#exhibition-confirm-area #target-card-area .both-right-and-left .trade-bg-area .trade-left-bg{position:absolute;float:left;height:95px;left:2px}#exhibition-confirm-area #target-card-area .both-right-and-left .trade-bg-area .trade-right-bg{position:absolute;float:right;height:95px;right:2px}#exhibition-confirm-area #target-card-area .both-right-and-left .trade-arrow-area{position:absolute;width:125px;height:45px;left:0;right:0;top:0;bottom:0;margin:auto}#exhibition-confirm-area #target-card-area .both-right-and-left .trade-arrow-area .trade-right-arrow{position:relative;float:right;width:80%}#exhibition-confirm-area #target-card-area .both-right-and-left .trade-arrow-area .trade-left-arrow{position:relative;float:left;width:80%}#exhibition-confirm-area #target-card-area .both-right-and-left .myself-info{position:absolute;left:0;top:0;bottom:0;margin:auto;height:90px}#exhibition-confirm-area #target-card-area .both-right-and-left .myself-info a:link,#exhibition-confirm-area #target-card-area .both-right-and-left .myself-info a:visited,#exhibition-confirm-area #target-card-area .both-right-and-left .myself-info a:hover,#exhibition-confirm-area #target-card-area .both-right-and-left .myself-info a:active{color:#333;width:28px}#exhibition-confirm-area #target-card-area .both-right-and-left .myself-info .trade-card-img{position:relative;height:86px;float:left;margin:0.2em 0 0 0.4em}#exhibition-confirm-area #target-card-area .both-right-and-left .myself-info .text-area{color:#333;text-align:left;margin:0.5em 0 0 5.1em}#exhibition-confirm-area #target-card-area .both-right-and-left .myself-info .text-area .nickname{font-size:11px}#exhibition-confirm-area #target-card-area .both-right-and-left .myself-info .text-area .thumbnail{border-radius:14px;width:28px;height:28px}#exhibition-confirm-area #target-card-area .both-right-and-left .right-info{position:absolute;right:0;top:0;bottom:0;margin:auto}#exhibition-confirm-area #target-card-area .both-right-and-left .right-info #trade_condition_area{position:relative;top:53px;right:15px;text-align:right}#exhibition-confirm-area #target-card-area .both-right-and-left .right-info #trade_condition_area #trade_title{color:white;font-size:11px}#exhibition-confirm-area #target-card-area .both-right-and-left .right-info #trade_condition_area #trade_detail{color:white;padding-top:6px;font-size:13px}#exhibition-confirm-area #bid-area{position:relative;margin:auto;width:351px;height:calc(100vh - 302px);top:12px;overflow-x:hidden;overflow-y:scroll}#exhibition-confirm-area #bid-area .bid-list{position:relative;height:151px;margin-bottom:7px;border:1px solid #825000;background-color:rgba(50,30,0,0.7)}#exhibition-confirm-area #bid-area .bid-list .user-status-area{position:relative;height:95px;width:100%}#exhibition-confirm-area #bid-area .bid-list .user-status-area .left-status{position:relative;width:126px;float:left;padding:13px 11px 13px 12px}#exhibition-confirm-area #bid-area .bid-list .user-status-area .left-status .user-thumbnail{position:relative;border-radius:50%;width:32px;height:32px}#exhibition-confirm-area #bid-area .bid-list .user-status-area .left-status .user-name{margin-top:8px;font-size:10px;color:#ebebeb}#exhibition-confirm-area #bid-area .bid-list .user-status-area .left-status .exhibition-limit{margin-top:12px;background-color:rgba(255,255,255,0.2);height:20px;width:126px;border-radius:15px;text-align:center;color:#ebebeb;font-size:11px;line-height:20px}#exhibition-confirm-area #bid-area .bid-list .user-status-area .right-status{position:relative;overflow:hidden;width:auto;height:83px;padding:13px 0px 13px 0px}#exhibition-confirm-area #bid-area .bid-list .user-status-area .right-status ul li{float:left;margin:0 auto;height:83px;width:58px;background-color:#000}#exhibition-confirm-area #bid-area .bid-list .user-status-area .right-status ul li img{width:100%}#exhibition-confirm-area #bid-area .bid-list .exhibition-control-area{clear:both;position:relative;height:32px;padding:0px 11px 0px 12px}#exhibition-confirm-area #bid-area .bid-list .exhibition-control-area .exhibition-confirm-cancel{float:left;width:126px}#exhibition-confirm-area #bid-area .bid-list .exhibition-control-area .exhibition-confirm-cancel a{position:relative;display:block;height:30px;width:124px;border:1px solid #fff;border-radius:4px;font-size:13px;line-height:32px;text-align:center;color:#fff}#exhibition-confirm-area #bid-area .bid-list .exhibition-control-area .exhibition-confirm-trade{float:left;width:192px;margin-left:7px}#exhibition-confirm-area #bid-area .bid-list .exhibition-control-area .exhibition-confirm-trade a{position:relative;float:left;display:block;width:190px;height:30px;border:1px solid #fff;border-radius:4px;font-size:13px;line-height:32px;text-align:center;background-color:#fff;color:#825000}#exhibition-confirm-area #bid-area .pager{height:30px}#exhibition-confirm-area #bid-area .pager .left-arrow,#exhibition-confirm-area #bid-area .pager .right-arrow{float:left;width:40%;height:100%}#exhibition-confirm-area #bid-area .pager .left-arrow{text-align:right}#exhibition-confirm-area #bid-area .pager .left-arrow img{height:100%;display:inline}#exhibition-confirm-area #bid-area .pager .right-arrow img{height:100%}#exhibition-confirm-area #bid-area .pager .block{color:white;height:100%;float:left;width:20%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-align-items:center}.exhibition-confirm-area-header{height:125px;padding:5px 10px}.exhibition-confirm-area-header .left-area{float:left;height:100%;width:30%}.exhibition-confirm-area-header .card-image{height:100%;margin:0 auto}.exhibition-confirm-area-header .right-area{background-color:rgba(50,30,0,0.7);border:1px solid #825000;color:#ebebeb;display:inline-block;height:100%;line-height:18px;position:relative;width:calc(70% - 2px)}.exhibition-confirm-area-header .right-area .inner-area{text-align:left;padding:10px}.exhibition-confirm-area-header .right-area .condition-label{color:#c3c3c3;font-size:12px}.exhibition-confirm-area-header .right-area .end-time{font-size:12px;position:absolute;top:5px;right:5px;margin:0 auto;border-radius:15px;color:#333;height:30px;line-height:30px;padding:0 10px;background-color:#ebebeb}.exhibition-confirm-dialog-area{position:fixed;display:none;width:328px;height:435px;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);z-index:10;border-radius:4px;border:1px solid #825000}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-header{position:relative;top:0px;width:100%;height:87.5px;background-color:rgba(85,48,19,0.8);border-radius:4px 4px 0px 0px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-header h1{position:absolute;top:13px;width:100%;text-align:center;font-size:16px;color:#fff}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents{position:absolute;height:238px;width:100%;bottom:110px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #owner-bg{position:absolute}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #owner-bg #owner-left-bg{position:relative;display:block;width:100px;height:93px;background-color:rgba(85,48,19,0.8);float:left}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #owner-bg #owner-right-bg{position:relative;display:block;float:left;width:0;height:0;border-style:solid;border-width:93px 128px 0 0;border-color:rgba(85,48,19,0.8) transparent transparent transparent}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #owner-information-area{position:relative;margin:auto;top:-36px;width:290px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #owner-information-area #owner-card{width:80px;float:left}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #owner-information-area #owner-detail-area{float:left;height:32px;width:auto;margin-top:5px;margin-left:11px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #owner-information-area #owner-detail-area #card-name{font-size:14px;color:#fff;margin-bottom:1px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #owner-information-area #owner-detail-area #owner-username{font-size:11px;color:#fff;margin-bottom:5px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #owner-information-area #owner-detail-area .user-thumbnail{width:32px;height:32px;border-radius:50%}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #opponent-bg{position:absolute;right:0px;background-color:transparent}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #opponent-bg #opponent-left-bg{position:relative;display:block;float:left;width:0;height:0;border-style:solid;border-width:0px 0px 93px 128px;border-color:transparent transparent rgba(245,139,0,0.8) transparent}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #opponent-bg #opponent-right-bg{position:relative;display:block;width:100px;height:93px;background-color:rgba(245,139,0,0.8);float:right}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #opponent-information-area{position:absolute;margin:auto;top:45px;height:50px;right:50px;width:200px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #opponent-information-area #opponent-detail-area{float:right;height:100%}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #opponent-information-area #opponent-detail-area #user-thumbnail{width:32px;height:32px;border-radius:50%;margin-left:auto}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #opponent-information-area #opponent-detail-area #opponent-username{font-size:11px;color:#fff;top:6px;position:relative;text-align:center}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #trade-arrow-set{position:absolute;width:111px;height:42px;margin:0 auto;top:24px;left:14px;right:0;z-index:1}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #trade-arrow-set #right-arrow{float:right;width:81px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #trade-arrow-set #left-arrow{margin-top:4px;float:left;width:81px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #opponent-card-area{clear:both;position:relative;height:148px;width:100%;top:-20px;text-align:center;background-color:rgba(245,139,0,0.8)}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #opponent-card-area ul{width:237px;position:relative;margin:auto;right:6.5px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #opponent-card-area ul .opponent-card-list{position:relative;float:right;width:79px;margin-left:13px;margin-top:14px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #opponent-card-area ul .opponent-card-list img{margin:0 auto;width:66px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-contents #opponent-card-area ul .opponent-card-list .card-info{color:#ebebeb;font-size:10px;margin-top:7px;line-height:15px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-footer{position:relative;top:241px;padding-top:5px;background-color:rgba(85,48,19,0.8)}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-footer #system_message{font-size:13px;text-align:center;line-height:18px;color:#fff}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-footer #footer-area{position:relative;margin:auto;width:290px;height:66px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-footer #footer-area #control-area{position:absolute;bottom:20px;width:100%;left:0;right:0}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-footer #footer-area #control-area li{float:left;height:32px;text-align:center}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-footer #footer-area #control-area #exhibition-confirm-cancel img{position:relative;width:100px;height:32px;margin-right:10px}.exhibition-confirm-dialog-area #exhibition-confirm-dialog-footer #footer-area #control-area #exhibition-confirm-submit .submit-btn-image{background:url("/assets/giants/img/decide_to_trade_btn.png") no-repeat 0 0;position:relative;width:180px;height:32px;border:none;background-size:contain}.exhibition-complete-dialog-area{position:fixed;display:none;width:330px;height:123px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10}.exhibition-complete-dialog-area .exhibition-complete-dialog-result{position:relative;height:123px;background-color:#f5fcfe;border-radius:4px}.exhibition-complete-dialog-area .exhibition-complete-dialog-result .exhibition-complete-dialog-contents .confirm-message{position:relative;padding:20px;text-align:left;font-size:14px}.exhibition-complete-dialog-area .exhibition-complete-dialog-result .exhibition-complete-dialog-contents .confirm-message p{text-align:center}.exhibition-complete-dialog-area .exhibition-complete-dialog-result .exhibition-complete-dialog-contents .error-message{position:relative;padding:20px;text-align:center;font-size:14px}.exhibition-complete-dialog-area .exhibition-complete-dialog-result .exhibition-complete-dialog-contents .dialog-footer{position:absolute;bottom:0px;width:100%;height:55px;background-image:url("../img/info_footer.png");border-radius:0px 0px 4px 4px;text-align:center}.exhibition-complete-dialog-area .exhibition-complete-dialog-result .exhibition-complete-dialog-contents .dialog-footer .close-btn{position:relative;text-align:center;margin-top:14px;margin-bottom:18.9px}.exhibition-complete-dialog-area .exhibition-complete-dialog-result .exhibition-complete-dialog-contents .dialog-footer .close-btn a{position:relative;display:block;width:50%;height:29.2px;margin:auto;bottom:0;border-radius:20px;border:1px solid #fff;font-size:14px;line-height:29.2px;color:#fff}.exhibition-cancel-dialog-area{position:fixed;display:none;width:330px;height:123px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10}.exhibition-cancel-dialog-area .exhibition-cancel-dialog-result{position:relative;height:123px;background-color:#f5fcfe;border-radius:4px}.exhibition-cancel-dialog-area .exhibition-cancel-dialog-result .exhibition-cancel-dialog-contents .confirm-message{position:relative;padding:20px;text-align:left;font-size:14px}.exhibition-cancel-dialog-area .exhibition-cancel-dialog-result .exhibition-cancel-dialog-contents .confirm-message p{text-align:center}.exhibition-cancel-dialog-area .exhibition-cancel-dialog-result .exhibition-cancel-dialog-contents .error-message{position:relative;padding:20px;text-align:center;font-size:14px}.exhibition-cancel-dialog-area .exhibition-cancel-dialog-result .exhibition-cancel-dialog-contents .dialog-footer{background-image:url("../img/info_footer.png");position:absolute;bottom:0px;width:100%;height:55px;border-radius:0px 0px 4px 4px;text-align:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.exhibition-cancel-dialog-area .exhibition-cancel-dialog-result .exhibition-cancel-dialog-contents .dialog-footer .close-btn{position:relative;text-align:center;margin-top:14px;margin-bottom:18.9px;width:50%}.exhibition-cancel-dialog-area .exhibition-cancel-dialog-result .exhibition-cancel-dialog-contents .dialog-footer .close-btn a{position:relative;display:block;width:70%;height:29.2px;margin:auto;bottom:0;border-radius:20px;border:1px solid #fff;font-size:14px;line-height:29.2px;color:#fff}#find-card-area{position:relative;height:auto;min-height:calc(100% - 109px)}#find-card-area #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#find-card-area #notice-area{position:relative;font-size:16px;color:#fff;padding:16px 0px 16px 0px;text-align:center}#find-card-area #card-folder-header{position:relative;width:100%;height:63px}#find-card-area #card-folder-header div{position:relative}#find-card-area #card-folder-header div span{position:relative;width:100%;bottom:0;font-size:14px;text-align:center}#find-card-area #card-folder-header #system-message-area{float:left;top:12px}#find-card-area #card-folder-header #system-message-area #message{position:relative;top:7px;width:100%;margin:12px;font-size:14px;color:#f59b00}#find-card-area #card-folder-header #sort-btn-area{float:right}#find-card-area #card-folder-header #sort-btn-area span{margin-bottom:7px}#find-card-area #card-folder-header #sort-btn-area span #sort-btn{position:relative;margin-right:12px;width:80px}#find-card-area #card-contents{position:relative;width:100%}#find-card-area #card-contents ul{position:relative;padding-top:6px;margin-left:3px;width:calc(100% - 3px);height:100%;overflow:auto}#find-card-area #card-contents ul li{position:relative;float:left;width:81px;margin-left:9px;margin-bottom:9px}#find-card-area #bid-area{position:relative;margin:auto;width:352px;height:auto}#find-card-area #bid-area .bid-list{position:relative;height:184px;width:96%;margin-bottom:7px;background-color:rgba(50,30,0,0.7);border:1px solid #825000}#find-card-area #bid-area .bid-list .exhibition-card{position:relative;float:left;padding:15px 20px 15px 20px;width:108px}#find-card-area #bid-area .bid-list .exhibition-card-status{position:relative;padding:15px 0px 15px 0px;overflow:hidden;width:auto;height:154px}#find-card-area #bid-area .bid-list .exhibition-card-status .exhibition-condition-label{font-size:11px;color:#c3c3c3}#find-card-area #bid-area .bid-list .exhibition-card-status .exhibition-condition{font-size:13px;line-height:16px;color:#ebebeb;margin-top:5px}#find-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-name{position:relative;font-size:11px;margin-top:3px;color:#ebebeb}#find-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-control-area{position:absolute;bottom:0;margin-bottom:15px}#find-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-control-area .exhibition-confirm-area{position:relative;width:192px;height:55px;border-radius:4px;border:1px solid #fff;background:#ffffff;background:-webkit-linear-gradient(top, #fff 40%, #d1cfcf 100%);background:linear-gradient(to bottom, #fff 40%, #d1cfcf 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1cfcf',GradientType=0 )}#find-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-control-area .exhibition-confirm-area .exhibition-limit-area{position:absolute;top:5px;left:0;right:0;margin:0 auto;width:160px;border-radius:15px;height:22px;background-color:#ebebeb}#find-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-control-area .exhibition-confirm-area .exhibition-limit-area .exhibition-limit{font-size:11px;line-height:22px;text-align:center;color:#333}#find-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-control-area .exhibition-confirm-area .system-label{position:absolute;left:0;right:0;height:100%;width:100%;font-size:13px;color:#825000;text-align:center}#find-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-control-area .exhibition-confirm-area .system-label p{position:absolute;left:0;right:0;bottom:8px}#find-card-area #bid-area .bid-list .exhibition-card-status .exhibition-card-control-area .exhibition-cancel-area a{position:relative;display:block;width:192px;height:32px;margin-top:11px;border:1px solid #fff;border-radius:4px;font-size:13px;line-height:32px;text-align:center;color:#fff}#find-card-area .more-button-area{position:relative;text-align:center;margin-bottom:60px}#find-card-area .more-button-area .more-button{width:168px;height:29px;margin:auto}.find-card-dialog-area{position:fixed;display:none;width:330px;height:auto;top:47%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}.find-card-dialog-area .find-card-dialog-header{position:relative;top:0px;width:100%;height:48px;background:-webkit-linear-gradient(left, rgba(102,55,0,0.8), rgba(84,35,0,0.8));background:linear-gradient(to right, rgba(102,55,0,0.8), rgba(84,35,0,0.8));border-radius:4px 4px 0px 0px;border-top:1px solid #825000;border-left:1px solid #825000;border-right:1px solid #825000}.find-card-dialog-area .find-card-dialog-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.find-card-dialog-area .find-card-dialog-header h1{position:absolute;line-height:48px;width:100%;text-align:center;font-size:16px;color:#fff}.find-card-dialog-area .find-card-dialog-contents{position:relative;height:auto;width:100%;background:-webkit-linear-gradient(45deg, rgba(126,50,6,0.8), rgba(245,145,33,0.8) 55%, rgba(126,50,6,0.8));background:linear-gradient(45deg, rgba(126,50,6,0.8), rgba(245,145,33,0.8) 55%, rgba(126,50,6,0.8));border-radius:0px 0px 4px 4px;border-bottom:1px solid #825000;border-left:1px solid #825000;border-right:1px solid #825000}.find-card-dialog-area .find-card-dialog-contents .owner-information-area{position:relative;margin:auto;width:290px;height:35px;padding-top:18px}.find-card-dialog-area .find-card-dialog-contents .owner-information-area .owner-thumbnail{width:32px;height:32px;float:left}.find-card-dialog-area .find-card-dialog-contents .owner-information-area .owner-thumbnail img{display:block;width:100%;height:100%;border-radius:50%}.find-card-dialog-area .find-card-dialog-contents .owner-information-area .owner-detail{float:left;height:32px;width:auto;margin-left:8px}.find-card-dialog-area .find-card-dialog-contents .owner-information-area .owner-detail .owner-username{font-size:11px;color:#fff}.find-card-dialog-area .find-card-dialog-contents .owner-information-area .owner-detail .owner-trade-count{clear:both;padding-top:6px;font-size:13px;color:#fff}.find-card-dialog-area .find-card-dialog-contents .card-status-area{clear:both;position:relative;margin:auto;margin-top:15px;margin-bottom:12px;width:290px;height:199px;background-color:#000}.find-card-dialog-area .find-card-dialog-contents .card-status-area .left-area{position:relative;float:left;height:199px}.find-card-dialog-area .find-card-dialog-contents .card-status-area .left-area img{height:100%}.find-card-dialog-area .find-card-dialog-contents .card-status-area .right-area{position:relative;float:left;width:50%;height:199px;overflow:hidden}.find-card-dialog-area .find-card-dialog-contents .card-status-area .right-area .layer{position:absolute;width:128px;height:119px;top:-11px;right:-32px}.find-card-dialog-area .find-card-dialog-contents .card-status-area .right-area div{position:absolute;bottom:0;margin:12px}.find-card-dialog-area .find-card-dialog-contents p{color:#ebebeb}.find-card-dialog-area .find-card-dialog-contents .card-name{font-size:14px;margin-bottom:6px}.find-card-dialog-area .find-card-dialog-contents .card-rare{font-size:14px;margin-bottom:8px;height:16px}.find-card-dialog-area .find-card-dialog-contents .card-rare .rare-star{float:left;width:16px;height:16px}.find-card-dialog-area .find-card-dialog-contents .have-num-label{clear:both;font-size:11px;margin-bottom:6px;color:#c3c1c1}.find-card-dialog-area .find-card-dialog-contents .card-have-num{font-size:13px;margin-bottom:8px}.find-card-dialog-area .find-card-dialog-contents .trade-condition-label{font-size:11px;margin-bottom:6px;color:#c3c1c1}.find-card-dialog-area .find-card-dialog-contents .trade-condition{font-size:13px}.find-card-dialog-area .find-card-dialog-contents .find-card-condition-area{position:relative;margin:auto;width:290px;height:100px}.find-card-dialog-area .find-card-dialog-contents .find-card-condition-area #find-card-condition-label{position:relative;text-align:center;font-size:13px;line-height:18px;color:#fff}.find-card-dialog-area .find-card-dialog-contents .find-card-condition-area .control-area{position:absolute;bottom:1px;padding-bottom:20px;width:100%}.find-card-dialog-area .find-card-dialog-contents .find-card-condition-area .control-area li{float:left;height:32px;text-align:center;margin-top:10px}.find-card-dialog-area .find-card-dialog-contents .find-card-condition-area .control-area #cancel-submit{margin-right:12px}.find-card-dialog-area .find-card-dialog-contents .find-card-cancel img{position:relative;display:block;height:32px;margin-right:10px}.find-card-dialog-area .find-card-dialog-contents .submit-button{position:relative;display:block;width:178px;height:32px;border:none;margin-top:0}.find-card-dialog-area .find-card-dialog-contents .submit-button.cancel{margin-top:10px;width:150px}.find-card-dialog-area .find-card-dialog-contents .submit-button.reverse img{width:178px;height:32px;margin-right:15px}.find-card-dialog-area .find-card-dialog-contents .bid-area{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-top:10px}.find-card-dialog-area .find-card-dialog-contents .limit{text-align:center;color:white;font-size:11px;background-color:rgba(255,255,255,0.2);border-radius:14px;padding:5px 2px;width:100px;margin-left:15px}.find-card-dialog-area .find-card-dialog-contents .cancel-image{margin:0 auto;height:100px}.find-card-dialog-area .find-card-dialog-contents .bid-right-area{width:50%}.find-card-dialog-area .find-card-dialog-contents .bid-right-area .card-detail{width:79%;background-color:rgba(4,29,74,0.8);padding:5px 5px 5px 10px}.find-card-dialog-area .find-card-dialog-contents .bid-right-area .submit-button{width:88%;background-color:buttonface;font-size:11px;font-weight:400}.find-card-dialog-area .find-card-dialog-contents .bid-right-area .submit-button.cancel{width:88%;background-color:lightgray;-webkit-background-color:lightgray;-moz-background-color:lightgray;-ms-background-color:lightgray;text-align:center}.find-card-dialog-area .find-card-dialog-contents .bid-right-area .submit-button.cancel a{width:100%;height:100%;display:block;line-height:32px;font-size:13px}.find-card-dialog-area .find-card-dialog-contents .bid-right-area .submit-button.cancel a:hover,.find-card-dialog-area .find-card-dialog-contents .bid-right-area .submit-button.cancel a:active,.find-card-dialog-area .find-card-dialog-contents .bid-right-area .submit-button.cancel a:visited,.find-card-dialog-area .find-card-dialog-contents .bid-right-area .submit-button.cancel a:link{color:#000}.find-card-dialog-area .find-card-dialog-contents .bottom-area{height:50px}.find-card-dialog-area .find-card-dialog-contents .bottom-area .find-card-cancel-btn{margin:auto}.find-card-dialog-area .find-card-dialog-contents .bottom-area .find-card-cancel-btn img{position:relative;margin:10px auto;display:block;height:32px;width:auto}.find-card-dialog-area .bid-cancel{position:relative;display:block;width:178px;height:32px;margin-top:10px}.find-card-dialog-area .bid-close{text-align:center;margin:0 auto;width:100px}.find-card-dialog-area .bid-close a{position:relative;display:block;width:98px;height:32px;margin-right:10px}.find-card-dialog-area .emphasis p{font-size:16px;color:white;padding:15px}#trade-exhibition-area{position:relative;height:auto;min-height:calc(100% - 109px)}#trade-exhibition-area #layer{position:absolute;top:-45px;left:180px}#trade-exhibition-area #layer img{width:178px;height:166px}#trade-exhibition-area #message{position:relative;top:5px;width:100%;margin:12px;font-size:14px;color:#f59b00}#trade-exhibition-area #card-folder-header{position:relative;width:100%;height:50px;margin-bottom:12px}#trade-exhibition-area #card-folder-header div{position:relative;float:left;height:50px;width:calc(100% / 3)}#trade-exhibition-area #card-folder-header div span{position:absolute;width:100%;bottom:0;font-size:14px;text-align:center}#trade-exhibition-area #card-folder-header #sort-name-area span{font-size:14px;color:#f5f5f5}#trade-exhibition-area #card-folder-header #card-per-year-area span p{color:#c3c1c1;font-size:12px}#trade-exhibition-area #card-folder-header #card-per-year-area span p #user-collection{position:relative;color:#f59b00;font-size:12px}#trade-exhibition-area #card-folder-header #card-per-year-area span #target-year{color:rgba(195,193,193,0.8);font-size:14px;margin-bottom:5px}#trade-exhibition-area #card-folder-header #sort-btn-area #sort-btn{position:relative;top:2px;width:80px;height:26px;margin-top:23px;margin-left:33px}.trade-exhibition-dialog-area{position:fixed;display:none;width:330px;top:45%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}.trade-exhibition-dialog-area #trade-exhibition-dialog-header{position:relative;width:328px;height:47px;background:-webkit-linear-gradient(left, rgba(102,55,0,0.8), rgba(84,35,0,0.8));background:linear-gradient(to right, rgba(102,55,0,0.8), rgba(84,35,0,0.8));border-radius:4px 4px 0px 0px;border-top:1px solid #825000;border-left:1px solid #825000;border-right:1px solid #825000}.trade-exhibition-dialog-area #trade-exhibition-dialog-header img{display:none;position:relative;float:left;width:12px;top:14px;bottom:14px;left:18px}.trade-exhibition-dialog-area #trade-exhibition-dialog-header h1{position:absolute;line-height:48px;width:100%;text-align:center;font-size:16px;color:#fff}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents{position:relative;width:328px;height:303px;background:-webkit-linear-gradient(45deg, rgba(126,50,6,0.8), rgba(245,145,33,0.8) 40%, rgba(126,50,6,0.8));background:linear-gradient(45deg, rgba(126,50,6,0.8), rgba(245,145,33,0.8) 40%, rgba(126,50,6,0.8));border-right:1px solid #825000;border-left:1px solid #825000}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area{position:relative}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main{height:240px}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #left-area{position:relative;float:left;height:240px;width:164px}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #right-area{position:relative;float:right;height:240px;width:164px}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area,.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area{clear:both;position:relative;margin:auto;height:35px;margin-top:13px;width:165px}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .owner-thumbnail,.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .owner-thumbnail{width:32px;position:relative;margin:auto}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .owner-thumbnail a,.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .owner-thumbnail a{display:block}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .owner-thumbnail a img,.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .owner-thumbnail a img{width:32px;height:32px;border-radius:50%}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .owner-detail,.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .owner-detail{position:relative;width:auto}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .owner-detail .owner-username,.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .owner-detail .owner-username{position:relative;margin-top:6px;text-align:center;font-size:11px;color:#fff}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .card_area,.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .card_area{position:relative;margin-top:10px}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .card_area img,.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .card_area img{position:relative;margin:auto;width:100px;height:142px}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #left-area .owner-information-area .card-name,.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #right-area .owner-information-area .card-name{margin-top:7px;font-size:11px;color:#fff;text-align:center}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #center-area{position:absolute;margin:auto;width:65px;top:0;left:0;bottom:0;right:0}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #center-area img{position:absolute;width:54px}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #center-area #right-arrow{left:-1px;margin:0;top:113px}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #card-status-main #center-area #left-arrow{right:-2px;margin:0;top:148px}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #trade-exhibition-condition-area{position:relative;margin:auto;width:290px;height:42px}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #trade-exhibition-condition-area #left-condition-area{float:left;margin-top:5px}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #trade-exhibition-condition-area #left-condition-area #trade-condition-label{font-size:11px;color:#fff}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #trade-exhibition-condition-area #left-condition-area #trade-condition{font-size:13px;margin-top:5px;color:#fff}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #trade-exhibition-condition-area #right-condition-area{float:right;width:102px;margin-top:2px;margin-right:10px;position:relative}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #trade-exhibition-condition-area #right-condition-area #re-choice-btn img{width:100px;height:32px}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #card-status-area #exhibition-validation{position:relative;text-align:center;height:21px;color:#fff;font-size:12px;line-height:19px}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #trade-exhibition-control-area{position:relative;width:328px;height:101px;top:20px;left:-1px;background:-webkit-linear-gradient(left, rgba(84,35,0,0.8), rgba(102,55,0,0.8));background:linear-gradient(to right, rgba(84,35,0,0.8), rgba(102,55,0,0.8));border-radius:0px 0px 4px 4px;border-bottom:1px solid #825000;border-left:1px solid #825000;border-right:1px solid #825000}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #trade-exhibition-control-area #trade-exhibition-condition-label{position:relative;text-align:center;padding-top:10px;padding-bottom:10px;font-size:13px;line-height:18px;color:#fff}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #trade-exhibition-control-area #control-area{bottom:6px;padding-bottom:20px;width:290px;margin:auto}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #trade-exhibition-control-area #control-area li{float:left;height:32px;text-align:center}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #trade-exhibition-control-area #control-area #trade-exhibition-cancel a img{position:relative;width:100px;height:32px;margin-right:10px}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #trade-exhibition-control-area #control-area #trade-exhibition-submit a img{position:relative;width:180px;height:32px;border:none}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #trade-exhibition-control-area #control-area #trade-exhibition-invalid-submit{position:relative;display:block;width:178px;height:32px;border:1px solid rgba(0,0,0,0.5);border-radius:4px;font-size:13px;line-height:32px;background-color:#fff;color:#00418e}.trade-exhibition-dialog-area #trade-exhibition-dialog-contents #trade-exhibition-control-area #control-area #trade-exhibition-invalid-submit::before{background-color:rgba(0,0,0,0.5);position:absolute;top:0;right:0;bottom:0;left:0;content:' '}.trade-exhibition-dialog-area .trade-exhibition-dialog-contents{position:relative;height:136px;background-color:#f5fcfe;border-radius:4px}.trade-exhibition-dialog-area .trade-exhibition-dialog-contents .confirm-message{position:relative;padding:20px;text-align:left;font-size:14px}.trade-exhibition-dialog-area .trade-exhibition-dialog-contents .error-message{position:relative;padding:20px;text-align:center;font-size:14px}.trade-exhibition-dialog-area .trade-exhibition-dialog-contents .dialog-footer{position:absolute;bottom:0px;width:100%;height:55px;background-image:url("../img/info_footer.png");border-radius:0px 0px 4px 4px;text-align:center}.trade-exhibition-dialog-area .trade-exhibition-dialog-contents .dialog-footer .close-btn{position:relative;text-align:center;margin-top:14px;margin-bottom:18.9px}.trade-exhibition-dialog-area .trade-exhibition-dialog-contents .dialog-footer .close-btn a{position:relative;display:block;width:50%;height:29.2px;margin:auto;bottom:0;border-radius:20px;border:1px solid #fff;font-size:14px;line-height:29.2px;color:#fff}#bidding-card-area{position:relative;height:auto;min-height:calc(100% - 109px)}#bidding-card-area #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#bidding-card-area .message-area{font-size:14px}#bidding-card-area .message-area .message-area-text.text-1{text-align:left}#bidding-card-area .message-area .message-area-text.text-2{text-align:right;padding-top:0}#bidding-card-area #bid-area{position:relative;margin:auto;width:352px;height:auto}#bidding-card-area #bid-area .bid-list{position:relative;height:184px;width:100%;margin-bottom:7px;background-color:rgba(50,30,0,0.7);border:1px solid #825000;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;justify-content:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}#bidding-card-area #bid-area .bid-list .inner-area{position:relative;width:88%;height:85%}#bidding-card-area #bid-area .bid-list .inner-area .top-area{height:80%;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}#bidding-card-area #bid-area .bid-list .inner-area .top-area .left-area{width:30%;line-height:17px;color:white;font-size:11px}#bidding-card-area #bid-area .bid-list .inner-area .top-area .center-area{width:40%;height:100%;text-align:center}#bidding-card-area #bid-area .bid-list .inner-area .top-area .center-area .arrow{height:40%}#bidding-card-area #bid-area .bid-list .inner-area .top-area .center-area .arrow img{display:inline;margin-top:15px;width:55%}#bidding-card-area #bid-area .bid-list .inner-area .top-area .center-area .text{height:20%;font-size:14px;color:#fff}#bidding-card-area #bid-area .bid-list .inner-area .top-area .center-area .limit{height:40%}#bidding-card-area #bid-area .bid-list .inner-area .top-area .center-area .limit .radius{color:white;font-size:11px;background-color:rgba(255,255,255,0.2);border-radius:14px;padding:5px 0;width:90%;margin:0 auto}#bidding-card-area #bid-area .bid-list .inner-area .top-area .right-area{text-align:right;width:30%;height:100%}#bidding-card-area #bid-area .bid-list .inner-area .top-area .right-area .card-image{display:inline}#bidding-card-area #bid-area .bid-list .inner-area .card-image{height:100px}#bidding-card-area #bid-area .bid-list .inner-area .bottom-area{height:20%;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}#bidding-card-area #bid-area .bid-list .inner-area .bottom-area .user-thumbnail{height:100%;width:13%}#bidding-card-area #bid-area .bid-list .inner-area .bottom-area .user-thumbnail img{height:100%;border-radius:50%}#bidding-card-area #bid-area .bid-list .inner-area .bottom-area .user-nickname{font-size:11px;color:white;width:37%}#bidding-card-area #bid-area .bid-list .inner-area .bottom-area .cancel-button-area{width:50%;height:100%;text-align:right}#bidding-card-area #bid-area .bid-list .inner-area .bottom-area .cancel-button-area .cancel-button{border-radius:4px;border-width:1px;border-style:solid;border-color:white;background-color:transparent;color:white;display:inline;height:100%;width:90%}.bidding-card-dialog-area{position:fixed;display:none;width:330px;height:200px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10}.bidding-card-dialog-area .bidding-card-dialog-result{position:relative;height:200px;border-radius:4px}.bidding-card-dialog-area .bidding-card-dialog-result .bidding-card-dialog-header{background-image:url("../img/info_header.png");text-align:center;height:58px;border-radius:4px 4px 0px 0px}.bidding-card-dialog-area .bidding-card-dialog-result .bidding-card-dialog-header h1{font-size:20px;line-height:55px}.bidding-card-dialog-area .bidding-card-dialog-result .bidding-card-dialog-contents .confirm-message{position:relative;padding:30px 20px;text-align:left;font-size:14px;height:26px;background-color:#fff}.bidding-card-dialog-area .bidding-card-dialog-result .bidding-card-dialog-contents .error-message{position:relative;padding:20px;text-align:center;font-size:14px}.bidding-card-dialog-area .bidding-card-dialog-result .bidding-card-dialog-contents .dialog-footer{position:absolute;bottom:0px;width:100%;height:58px;background-image:url("../img/info_footer.png");border-radius:0px 0px 4px 4px;text-align:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.bidding-card-dialog-area .bidding-card-dialog-result .bidding-card-dialog-contents .dialog-footer .close-btn{position:relative;text-align:center;margin-top:14px;margin-bottom:18.9px;width:50%}.bidding-card-dialog-area .bidding-card-dialog-result .bidding-card-dialog-contents .dialog-footer .close-btn a{position:relative;display:block;width:80%;height:29.2px;margin:auto;bottom:0;border-radius:20px;border:1px solid #fff;font-size:14px;line-height:29.2px;color:#fff}#bind-header{position:relative;top:0;width:100%}#bind-header #navigation-bar{padding-top:0px}#menu-section{overflow-x:hidden;height:calc(100% - 36px);position:relative}#menu-section #bg img{position:fixed;top:0;width:100%;z-index:-2;overflow:hidden}#menu-section .menu-bg{position:relative;width:100%;height:90%;left:35px;top:73px;bottom:0}#menu-section .menu-bg .menu-bg-rectangle{position:absolute;width:95%;height:100%}#menu-section #menu-area{text-align:center;width:340px;position:absolute;right:0;top:0}#menu-section #menu-area .menu-table{display:inline-block;border-spacing:40px 20px;border-collapse:separate;margin-top:90px}#menu-section #menu-area .menu-table tr td a .menu-information-image{width:57px;height:62px;margin:0 auto}#menu-section #menu-area .menu-table tr td a .menu-profile-image{width:65px;height:62px;margin:0 auto}#menu-section #menu-area .menu-table tr td a .menu-mission-image{width:58px;height:62px;margin:0 auto}#menu-section #menu-area .menu-table tr td a .menu-search-image{width:50px;height:62px;margin:0 auto}#menu-section #menu-area .menu-table tr td a .menu-history-image{width:50px;height:62px;margin:0 auto}#menu-section #menu-area .menu-table tr td a .menu-ggd-image{width:62px;height:62px;margin:0 auto}#menu-section #menu-area .menu-table tr td a .menu-howto-image{width:42px;height:62px;margin:0 auto}#menu-section #menu-area .menu-table tr td a .menu-faq-image{width:48px;height:62px;margin:0 auto}#menu-section #menu-area .menu-table tr td a .menu-contact-image{width:58px;height:62px;margin:0 auto}#menu-section #menu-area .menu-table tr td a .menu-album-image{width:58px;height:62px;margin:0 auto}#menu-section #menu-area .contact-link-area{text-align:left;line-height:8px;margin-left:40px;padding-bottom:80px}#menu-section #menu-area .contact-link-area .contact-link-item a:hover,#menu-section #menu-area .contact-link-area .contact-link-item a:active,#menu-section #menu-area .contact-link-area .contact-link-item a:link,#menu-section #menu-area .contact-link-area .contact-link-item a:visited{color:#c1c1c1;font-size:12px}#menu-section #menu-area .contact-link-area .contact-link-item a::after{content:'';display:inline-block;margin:10px;position:relative;top:13px;width:16px;height:16px;background-image:url("../img/menu_icon_link.png");background-repeat:no-repeat;background-size:contain}#bind-header{position:relative;top:0;width:100%}#bind-header #navigation-bar{padding-top:0px}#howto-section{height:calc(100% - 109px);position:relative;text-align:center}#howto-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#howto-section #howto-area{background-color:rgba(0,0,0,0.5);margin:10px;border-radius:8px;overflow:scroll;-webkit-overflow-scrolling:touch;display:inline-block;text-align:left;padding:15px;color:#c8c8c8;height:80%;width:320px}#howto-section #howto-area .section{border-bottom:1px solid #c8c8c8;margin-bottom:15px;padding-bottom:10px}#howto-section #howto-area .section .title{color:#f59b00}#howto-section #howto-area .section .txt{line-height:20px;font-size:13px}#howto-section #howto-area .last-section .title{color:#f59b00}#howto-section #howto-area .last-section .txt{line-height:20px;font-size:13px}#search-section{height:calc(100% - 56px);position:relative;text-align:center}#search-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#search-section #search-area{margin-top:62px;text-align:center;display:inline-block;width:90%;border-radius:5px}#search-section #search-area #text-area{color:#fff}#search-section #search-area #text-area #top-text{font-size:14px;letter-spacing:-0.3px}#search-section #search-area #text-area #center-text{font-size:12px;margin-top:10px}#search-section #search-area #text-area #bottom-text{font-size:16px;margin-top:30px;letter-spacing:-0.3px}#search-section #search-area #form-area{margin-top:15px;border-radius:10px}#search-section #search-area #form-area #search-id{height:36px;width:214.6px;border-radius:4px;border:none;padding:0px 0px 0px 8px;font-size:16px;color:#000;background-color:#ebebeb}#search-section #search-area #form-area #search-button{padding:9.6px 12.2px 8.4px 11px;width:16px;height:16px;border-radius:5px;border:1px solid #fff;background-color:rgba(0,0,0,0)}#search-section .ff-area{position:relative;width:325px;height:70px;margin:auto;margin-top:20px;border-radius:8px;border:1px solid #dcdcdc}#search-section .ff-area .ff-box ul li a:active,#search-section .ff-area .ff-box ul li a:hover,#search-section .ff-area .ff-box ul li a:link,#search-section .ff-area .ff-box ul li a:visited{color:#c9c9c9}#search-section .ff-area .ff-box ul li .ff-a{width:100%;height:100%;display:block}#search-section .ff-area .ff-box ul li .ff-a i{float:left}#search-section .ff-area .ff-box ul li .ff-a .img.user-icon{position:relative;top:11px;left:10px;border-radius:50%}#search-section .ff-area .ff-box ul li .ff-a .user-data-area{line-height:70px}#search-section .ff-area .ff-box ul li .ff-a .user-data-area .ff-user-name{position:absolute;left:60px;margin-left:5px;margin-right:5px;width:140px;line-height:1em;height:70px;display:table;text-align:left;font-size:14px}#search-section .ff-area .ff-box ul li .ff-a .user-data-area .ff-user-name span{display:table-cell;vertical-align:middle}#search-section .ff-area .ff-box ul li .ff-a .user-data-area .link-box{border:1px solid #c9c9c9;width:100px;height:30px;position:absolute;right:12px;top:20px;border-radius:40px}#search-section .ff-area .ff-box ul li .ff-a .user-data-area .link-box .ff-folder-link{display:inline-block;float:right;position:absolute;right:10px;font-size:13px;top:-20px}#search-section .ff-box.ff-nodata{border:none;position:relative;width:350px;height:70px;margin:auto}#search-section .ff-box.ff-nodata #empty_data{color:#c80000;margin-top:20px}#search-result-section{height:calc(100% - 56px);position:relative;text-align:center}#search-result-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#search-result-section #search-result-area{margin-top:62px;text-align:center;display:inline-block;width:90%;border-radius:5px;font-size:14px}#search-result-section #search-result-area #result-profile-area{color:#c3c1c1;text-align:center}#search-result-section #search-result-area #result-profile-area #result-user-nickname{margin-bottom:12px;letter-spacing:-0.3px;color:#fff}#search-result-section #search-result-area #result-profile-area #result-user-icon{display:inline-block;margin-bottom:12px;border-radius:50%}#search-result-section #search-result-area #result-profile-area #result-user-icon img{width:68px;height:68px}#search-result-section #search-result-area #result-profile-area #result-user-info{margin-bottom:8px;font-size:16px;line-height:18px}#search-result-section #search-result-area #result-profile-area #result-user-info #total-star-count{margin-right:5px}#search-result-section #search-result-area #result-profile-area #result-user-info #total-star-count:before{content:'＼';margin:1px 2px 5px 5px;position:relative;color:#9e1f1f;display:inline-block;vertical-align:middle;width:18px;height:18px;background-repeat:no-repeat;background-size:contain}#search-result-section #search-result-area #result-profile-area #result-user-info #have-cards-count:before{content:'＼';margin:-2px 1px 2px 5px;position:relative;color:#9e1f1f;display:inline-block;vertical-align:middle;width:18px;height:18px;background-repeat:no-repeat;background-size:contain}#search-result-section #search-result-area #result-profile-area #result-user-info #all-cards-count{color:#828282}#search-result-section #search-result-area #result-profile-area #result-user-ranking{font-size:12px}#search-result-section #search-result-area #result-profile-area #result-user-ranking:before,#search-result-section #search-result-area #result-profile-area #result-user-ranking:after{content:'';position:relative;display:inline-block;vertical-align:middle;width:18px;height:18px;background-repeat:no-repeat;background-size:contain}#search-result-section #search-result-area #result-profile-area #result-user-ranking:before{width:18px;height:18px;margin:2px 5px 5px 5px;background-image:url("../img/ranking_icon_gold.png")}#search-result-section #search-result-area #result-profile-area #result-user-ranking:after{width:14px;height:14px;margin:2px 5px 5px 5px;background-image:url("../img/arrow_down.png")}#search-result-section #search-result-area #link-to-cardholder{margin-top:28.5px}#search-result-section #search-result-area #link-to-cardholder img{width:224px;height:40px;margin:auto}#ranking-area #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#ranking-area #class-area{position:relative;margin:3% 0 2% 0}#ranking-area #class-area .base{width:50%;margin:auto}#ranking-area #class-area .class{position:absolute;width:18%;left:5%}#ranking-area #class-area .no-class{position:absolute;width:18%;left:5%}#ranking-area #class-area .rank{width:100%;top:24%;font-size:40px;font-weight:800;color:#FFF;text-align:center}#ranking-area #class-area .rank-unit{font-size:10px}#ranking-area #class-area .updown{position:absolute;top:15%;width:10%;left:68%}#ranking-area #class-area .stay{position:absolute;top:15%;width:10%;left:68%}#ranking-area #status-area{color:#FFF}#ranking-area #status-area ul{display:block;padding-left:0;text-align:center}#ranking-area #status-area li{display:block;margin-bottom:3px;text-align:-webkit-match-parent}#ranking-area #status-area .card-num{left:12px;position:relative;font-size:12px;display:inline-block}#ranking-area #status-area .card-num img{width:16px;margin-top:-2px;vertical-align:text-bottom;display:inline}#ranking-area #status-area .rarity{right:6px;position:relative;font-size:12px;display:inline-block}#ranking-area #status-area .rarity img{width:19px;margin-top:-2px;vertical-align:text-bottom;display:inline}#ranking-area #rank-num-area{position:relative;width:375px;line-height:15px;margin-top:8px;margin-bottom:8px;text-align:center;font-size:12px}#ranking-area #rank-num-area p{color:#fff;margin-left:5px;margin-right:5px;display:inline}#ranking-area #rank-num-area .today_rank .self_rank{letter-spacing:1px}#ranking-area #rank-num-area #yesterday-rank{color:#f59b00;line-height:15px}#ranking-area .sort-toggle{position:absolute;width:80px;height:20px;right:17px;top:80px}#ranking-area .sort-toggle a{width:80px;height:20px}#ranking-area .sort-toggle a span div{height:20px;width:80px;font-size:12px;line-height:20px;border-radius:4px;text-align:center;font-weight:600;color:#f59b00;background:-webkit-linear-gradient(bottom, #d2d2d2, #fff);background:linear-gradient(to top, #d2d2d2, #fff)}#ranking-area .help{position:absolute;width:80px;height:20px;right:17px;top:10px;z-index:10}#ranking-area .help a{width:80px;height:20px}#ranking-area .help a span div{height:20px;width:80px;font-size:12px;line-height:20px;border-radius:4px;text-align:center;font-weight:600;color:#f59b00;background:-webkit-linear-gradient(bottom, #d2d2d2, #fff);background:linear-gradient(to top, #d2d2d2, #fff)}#ranking-area #ranking-table{position:relative;height:70%;padding-bottom:50px;background-color:transparent}#ranking-area #ranking-table #tabs{margin:auto;position:relative;overflow:hidden;width:360px}#ranking-area #ranking-table #tabs div{padding:7px 0 7px 0;text-align:center;float:left;color:#f59b00;font-weight:bold;cursor:pointer;width:180px;font-size:13px;position:relative;background-color:#1e1e1e;border-radius:5px 5px 0 0;border-top:1px solid #825000;border-right:1px solid #825000;border-left:1px solid #825000;box-sizing:border-box}#ranking-area #ranking-table #tabs div.is_displaying{color:#000;width:180px;background-color:#f59b00;box-shadow:1px 1px 4px rgba(0,0,0,0.5) inset}#ranking-area #ranking-table #tabs div::before{content:"";position:absolute;top:0;left:-1px;width:11px;height:11px;background:-webkit-linear-gradient(315deg, #825000 8px, transparent 8px);background:linear-gradient(135deg, #825000 8px, transparent 8px)}#ranking-area #ranking-table #tabs div::after{content:"";position:absolute;top:-1px;left:-1px;width:11px;height:11px;background:-webkit-linear-gradient(315deg, #000 8px, transparent 8px);background:linear-gradient(135deg, #000 8px, transparent 8px)}#ranking-area #ranking-table #post-area{box-sizing:border-box;background-color:#1e1e1e;margin:auto;width:360px;border-radius:0 0 3px 3px;border-top:1px solid #825000;border-right:1px solid #825000;border-bottom:1px solid #825000;border-left:1px solid #825000;overflow:hidden;height:380px}#ranking-area #ranking-table #post-area #flick-list{height:100%}#ranking-area #ranking-table #post-area #flick-list #tab-base{width:100%;height:100%;position:relative}#ranking-area #ranking-table #post-area #flick-list #tab-base dd{position:relative;float:left;color:#fff;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}#ranking-area #ranking-table #post-area #flick-list #tab-base dd .monthly-text{top:5px}#ranking-area #ranking-table #post-area #flick-list #tab-base dd .season-text{top:5px}#ranking-area #ranking-table #post-area #flick-list #tab-base dd .more-btn{position:relative;text-align:center;margin-top:15px;margin-bottom:15px}#ranking-area #ranking-table #post-area #flick-list #tab-base dd .more-btn a img{margin:auto;width:168px;height:29px}#ranking-area #ranking-area::after{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4;z-index:-1;opacity:1}.rank_type_tab{display:-webkit-box;display:-webkit-flex;display:flex;margin:10px auto;width:352px}.rank_type_tab .each_tab{width:50%;background:#1E1E1E;padding:10px 0;font-size:16px;font-weight:bold;color:#E89F37;text-align:center}.rank_type_tab .each_tab:first-child{border-radius:6px 0 0 6px}.rank_type_tab .each_tab:last-child{border-radius:0 6px 6px 0}.rank_type_tab .each_tab.active{background:#E89F37;color:#000}.ranking_head{position:relative}.ranking_head .btn_howto{z-index:5;position:absolute;display:block;top:-85px;left:290px;width:79px;border-radius:3px;background:#FFF;font-size:12px;line-height:20px;text-align:center;color:#000}.my_ranking_info_area{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:10px auto;padding:8px 10px;border:1px solid #E89F37;background:#222;width:352px;height:56px;box-sizing:border-box}.my_ranking_info_area .cards{width:110px;font-size:16px;line-height:1.2;color:#FFF}.my_ranking_info_area .cards .icon{position:relative;top:-1px;height:16px;display:inline-block;vertical-align:middle;margin-right:7px}.my_ranking_info_area .rank{width:120px;font-size:28px;text-align:center;color:#FFF}.my_ranking_info_area .rank .small{font-size:50%}.my_ranking_info_area .btn_reward_list{position:relative;top:-15px;left:19px;margin-left:30px}.my_ranking_info_area .btn_reward_list img{width:62px}.class_ranking_head{padding:10px;border-bottom:2px solid #f3ca44}.class_ranking_head .howto{margin-bottom:16px;text-align:right}.class_ranking_head .howto .btn_howto{display:inline-block;width:89px}.class_ranking_head .ranking_block{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin:0 auto;padding:8px 20px;width:316px;height:65px;border-radius:33px;background:#FFF;box-sizing:border-box}.class_ranking_head .ranking_block .new_class_icon{display:block;width:55px}.class_ranking_head .ranking_block .ranking{font-size:20px;font-weight:bold;line-height:1.2}.class_ranking_head .ranking_block .arrow{display:inline;width:21px;vertical-align:middle}.class_ranking_head .ranking_block .ranking .small{font-size:15px;font-weight:normal}.class_ranking_head .reward_block{padding-top:15px;width:104px;height:38px;background:url(/assets/giants/img/new_ranking/now_reward_bg.png) no-repeat;background-size:104px;font-size:10px;text-align:center;color:#FFF;box-sizing:border-box}.class_ranking_head .reward_block .new_reward_icon{display:inline;width:19px;vertical-align:middle}.class_ranking_head .btns_block{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin:16px auto}.class_ranking_head .btns_block .btn_reward{display:block;padding:19px 0 0 94px;width:158px;height:44px;background:url(/assets/giants/img/new_ranking/btn_next_reward.png) no-repeat;background-size:158px;font-size:10px;font-weight:bold;color:#FFF;box-sizing:border-box}.class_ranking_head .btns_block .btn_reward_icon{display:inline;width:16px;vertical-align:middle}.class_ranking_head .btns_block .btn_present{position:relative;display:block;padding:19px 0 0 94px;width:158px;height:44px;background:url(/assets/giants/img/new_ranking/btn_present.png) no-repeat;background-size:158px;box-sizing:border-box}.class_ranking_head .btns_block .btn_present.new:after{display:block;position:absolute;top:-10px;right:5px;width:24px;height:24px;background:url(/assets/giants/img/new_ranking/icon_n.png) no-repeat;background-size:24px;content:''}.class_ranking_head .remain_days{text-align:center;font-size:20px;line-height:1;color:#FFF}.class_ranking_head .remain_days .small{font-size:16px}.class_ranking_head .remain_days .days{font-size:34px;color:#F00}.total_ranking_head{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:10px;color:#FFF}.total_ranking_head .btn_reward_list{display:block;width:102px;height:34px;background:url(/assets/giants/img/new_ranking/btn_reward_list.png) no-repeat;background-size:102px}.total_ranking_head .null_left{width:102px}.total_ranking_head .null_right{width:79px}.total_ranking_head .ranking_block{font-size:20px;text-align:center}.total_ranking_head .ranking_block .rank_allow{display:inline-block;width:21px;vertical-align:middle}.total_ranking_head .ranking_block .small{font-size:15px}.total_ranking_head .btn_howto{display:block;width:79px;height:32px;background:url(/assets/giants/img/new_ranking/btn_howto2.png) no-repeat;background-size:79px}#popupRewardList .reward_list{margin:30px auto 40px;width:85%}#popupRewardList .reward_list tr{border-bottom:1px solid #545454}#popupRewardList .reward_list th{padding:5px 0;width:60%;font-size:14px;line-height:1.5;text-align:left}#popupRewardList .reward_list td{padding:5px 0;width:40%;font-size:14px;line-height:1.5;text-align:right}.history_btn_list{margin:20px auto}.history_btn_list li{margin:20px auto;text-align:center}#navigation-bar .btn_history{position:absolute;top:6px;left:50px;width:39px;height:39px;background:url(/assets/giants/img/new_ranking/btn_history.png) no-repeat;background-size:39px}#navigation-bar .btn_move{position:absolute;top:10px;left:268px}#navigation-bar .btn_move img{width:95px}#popupRankup .popup_text{margin:30px 0;font-size:16px;font-weight:bold;text-align:center}#popupRankup .info_class_icon{display:inline;width:60px;vertical-align:middle}ul.ranking_lists{padding:0 5px;color:#FFF}ul.ranking_lists li{height:72px;border-bottom:1px solid #825000}ul.ranking_lists li a{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;height:72px;text-align:left}ul.ranking_lists li.self{background:rgba(170,200,250,0.25)}ul.ranking_lists li .rank{width:54px;font-size:12px;font-weight:bold;text-align:center;color:#FFF}ul.ranking_lists li .rank .unit{font-size:10px;font-weight:normal}ul.ranking_lists li .rank .rank_img{margin:auto;width:37px}ul.ranking_lists li .thumbs{margin-right:8px;width:45px;border-radius:50%}ul.ranking_lists li .user_info{width:175px;font-size:10px;color:#FFF}ul.ranking_lists li .user_info .name{font-size:14px;font-weight:bold;color:#FFF}ul.ranking_lists li .user_info table{width:100%}ul.ranking_lists li .user_info table th{width:86px;font-size:11px;font-weight:normal;text-align:left;color:#FFF}ul.ranking_lists li .user_info table td{font-size:11px;text-align:right;color:#FFF}ul.ranking_lists li .rank_icon{display:block;margin:18px 8px 0;width:42px}ul.ranking_lists li.line_rank_up{background:url(/assets/giants/img/new_ranking/class_line_up.png) no-repeat;background-size:337px;background-position:center}ul.ranking_lists li.line_rank_down{background:url(/assets/giants/img/new_ranking/class_line_down.png) no-repeat;background-size:337px;background-position:center}ul.ranking_lists .not-found-area{text-align:center;margin-top:50px;color:#c9c9c9}.btn_more_ranking{display:block;margin:20px auto;padding:12px 0;width:210px;border:solid 1px #ddd;border-radius:30px;font-size:12px;font-weight:bold;line-height:1;color:#ddd}#commonPopupCover{z-index:1000;display:none;position:fixed;top:0;left:0;width:100%;height:100vH;background-color:rgba(0,0,0,0.6)}#commonPopupCover .common_popup_content{display:none;position:absolute;padding:0px;top:50%;left:50%;width:330px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#ffffff}#commonPopupCover .common_popup_content .popup_box{z-index:1001;overflow:hidden;display:none;position:fixed;top:50%;left:0;right:0;border-radius:4px;-webkit-transform:translateY(-50%);color:#FFF}#commonPopupCover .common_popup_content .popup_box h1.popup_title{padding:0 !important;background:url(/assets/giants/img/info_header.png) no-repeat top/100%;font-size:16px;text-align:center;font-weight:bold;line-height:35px;color:#000}#commonPopupCover .common_popup_content .popup_box .popup_content_wrap{background:rgba(30,30,30,0.7)}#commonPopupCover .common_popup_content .popup_box .popup_bottom{padding:18px 0;background:#e78a00}#commonPopupCover .common_popup_content .popup_box .text{margin:auto;width:80%;font-size:3.5vw;line-height:1.5;text-align:justify}#commonPopupCover .common_popup_content .popup_box .btn_historys{display:block;margin:auto;width:136px;height:32px;background:url(/assets/giants/img/new_ranking/btn_history_bg.png) no-repeat top/100%;font-size:16px;font-weight:bold;line-height:32px;text-align:center;color:#000}#commonPopupCover .common_popup_content .popup_box .closeBtn{display:block;position:relative;margin:auto;width:150px;height:29px}#commonPopupCover .common_popup_content .popup_box .closeBtn img{width:100%}#header_right_btn{position:absolute;top:10px;right:17px;width:80px;height:20px;border-radius:4px;background:-webkit-linear-gradient(bottom, #d2d2d2, #fff);background:linear-gradient(to top, #d2d2d2, #fff);font-size:12px;font-weight:bold;line-height:20px;text-align:center;color:#f59b00}header{position:relative;top:0;width:100%}header #navigation-bar{padding-top:0px}section.dreamteam{height:calc(100% - 36px);width:100%}section.dreamteam .dream_team ul{position:relative;height:100%;top:0;left:0;bottom:0;right:0}section.dreamteam .dream_team ul li{display:inline-block;float:left;position:absolute;left:50%;width:15%}section.dreamteam .dream_team ul li .ribbon{width:60px;height:60px;left:-5px;overflow:hidden;position:absolute;top:-7px}section.dreamteam .dream_team ul li .ribbon span{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#D0021B;color:#fff;font-size:10px;font-weight:bold;left:-17px;padding:2px 15px;position:absolute;top:10px;z-index:1}section.dreamteam .dream_team ul li .ribbon:before,section.dreamteam .dream_team ul li .ribbon:after{background-color:#810211;content:'';display:block;height:7px;position:absolute;width:7px;z-index:0}section.dreamteam .dream_team ul li .ribbon:before{left:0;top:43px}section.dreamteam .dream_team ul li .ribbon:after{left:43px;top:0}section.dreamteam .dream_team ul li .player_name{color:#000000;font-weight:bold;text-align:center}section.dreamteam .dream_team ul li.is_selected img{outline:2px solid #ccc;outline-offset:-2px}section.dreamteam .dream_team ul li#dt_0 .player_name,section.dreamteam .dream_team ul li#dt_10 .player_name,section.dreamteam .dream_team ul li#dt_11 .player_name,section.dreamteam .dream_team ul li#dt_12 .player_name,section.dreamteam .dream_team ul li#dt_13 .player_name{color:#ffffff;font-weight:bold;text-align:center}section.dreamteam .dream_team .heading{color:#fff;font-size:12px;margin-bottom:5px}section.dreamteam .dream_team .heading img{display:block;margin:0 auto 8px;width:28px}section.dreamteam .dream_team.bestnine_current{height:100%;background-repeat:no-repeat;background-size:100%;background-position-y:-64px}section.dreamteam .dream_team.bestnine_current li img{width:100%}section.dreamteam .dream_team.bestnine_current #dt_0{position:absolute;left:78%;top:447px;width:16%}section.dreamteam .dream_team.bestnine_current #dt_1{position:absolute;left:42%;top:190px;width:16%}section.dreamteam .dream_team.bestnine_current #dt_2{position:absolute;left:42%;top:304px;width:16%}section.dreamteam .dream_team.bestnine_current #dt_3{position:absolute;left:80%;top:173px;width:16%}section.dreamteam .dream_team.bestnine_current #dt_4{position:absolute;left:61%;top:145px;width:16%}section.dreamteam .dream_team.bestnine_current #dt_5{position:absolute;left:4%;top:173px;width:16%}section.dreamteam .dream_team.bestnine_current #dt_6{position:absolute;left:23%;top:145px;width:16%}section.dreamteam .dream_team.bestnine_current #dt_7{position:absolute;left:11%;top:45px;width:16%}section.dreamteam .dream_team.bestnine_current #dt_8{position:absolute;left:42%;top:24px;width:16%}section.dreamteam .dream_team.bestnine_current #dt_9{position:absolute;left:73%;top:45px;width:16%}section.dreamteam .dream_team.bestnine_current #dt_10{position:absolute;left:24%;top:447px;width:16%}section.dreamteam .dream_team.bestnine_current #dt_11{position:absolute;left:6%;top:447px;width:16%}section.dreamteam .dream_team.bestnine_current #dt_12{position:absolute;left:42%;top:447px;width:16%}section.dreamteam .dream_team.bestnine_current #dt_13{position:absolute;left:60%;top:447px;width:16%}section.dreamteam .heading{color:#fff;font-size:14px;text-align:center}section.dreamteam #header-bg{position:absolute;height:36px;width:100%;top:0}section.dreamteam #bg img{position:absolute;top:-20px;width:100%;z-index:-1;overflow:hidden}section.dreamteam #left-area{float:left;height:234px;width:147px}section.dreamteam #left-area li{position:absolute}section.dreamteam #left-area li a{display:block}section.dreamteam #left-area li a img{width:62px;height:87px}section.dreamteam #left-area #ps-left{top:101px;left:42px}section.dreamteam #left-area #ps-short{top:198px;left:85px}section.dreamteam #left-area #ps-third{top:228px;left:14px}section.dreamteam #center-area{float:left;height:448px;width:81px}section.dreamteam #center-area li{position:absolute}section.dreamteam #center-area li a{display:block}section.dreamteam #center-area li a img{width:62px;height:87px}section.dreamteam #center-area #ps-center{top:86px;left:157px}section.dreamteam #center-area #ps-pitcher{top:257px;left:157px}section.dreamteam #center-area #ps-catcher{top:361px;left:157px}section.dreamteam #right-area{float:right;height:234px;width:147px}section.dreamteam #right-area li{position:absolute}section.dreamteam #right-area li a{display:block}section.dreamteam #right-area li a img{width:62px;height:87px}section.dreamteam #right-area #ps-right{top:101px;right:42px}section.dreamteam #right-area #ps-second{top:198px;right:85px}section.dreamteam #right-area #ps-first{top:228px;right:14px}section.dreamteam #bench-label{clear:both;position:relative;top:-10px;font-size:12px;color:#c3c1c1;margin:11px 0px 11px 18.5px}section.dreamteam #bench-area{position:relative;top:-10px;width:350px;margin:auto}section.dreamteam #bench-area li{float:left;margin-left:4px;margin-right:4px}section.dreamteam #bench-area li a{display:block}section.dreamteam #bench-area li a img{width:62px;height:87px}.init-layer{position:fixed;background-color:rgba(0,0,0,0.7);top:0;height:100vh;width:100vw;z-index:9}.group-edit-card{position:absolute;left:42%;top:60px;width:16%;z-index:9}.setting-area{position:absolute;top:108px;width:100%;z-index:10}.setting-area .point-icon-area .point-icon{display:block;margin:auto;padding-left:16px;width:59px}.setting-area .discription-area{text-align:center}.setting-area .discription-area p{color:#fff}.setting-area .discription-area .d1{font-size:17px;margin-top:15px;line-height:28px}.setting-area .discription-area .d2{font-size:14px;margin-top:55px;margin-bottom:15px;line-height:20px}.setting-area .setting-btn{display:block;margin:auto;margin-top:20px;width:80px}.setting-area .setting-btn img{width:80px}#edit-dreamteam-area{position:relative;height:auto;min-height:calc(100% - 56px);width:100%;padding-bottom:100px}#edit-dreamteam-area #edit-dreamteam-header{position:relative;width:100%;height:50px;margin-bottom:12px}#edit-dreamteam-area #edit-dreamteam-header div{position:relative;float:left;height:50px;width:calc(100% / 3)}#edit-dreamteam-area #edit-dreamteam-header div span{position:absolute;width:100%;bottom:0;font-size:14px;text-align:center}#edit-dreamteam-area #edit-dreamteam-header #sort-name-area span{font-size:14px;color:#f5f5f5}#edit-dreamteam-area #edit-dreamteam-header #card-per-year-area span p{color:#c3c1c1;font-size:12px}#edit-dreamteam-area #edit-dreamteam-header #card-per-year-area span p #user-collection{position:relative;color:#f59b00;font-size:12px}#edit-dreamteam-area #edit-dreamteam-header #card-per-year-area span #target-year{color:#c3c1c1;font-size:14px;margin-bottom:5px}#edit-dreamteam-area #edit-dreamteam-header #sort-btn-area #sort-btn{width:80px;height:26px;margin-top:23px;margin-left:33px}#card-detail-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);display:none;width:305px;z-index:10}#card-detail-dialog #dialog-close-area{position:absolute;top:-15px;right:-15px;width:30px;height:30px;border-radius:50px;border:2px solid grey;background-color:white;text-align:center;line-height:30px;z-index:1}#card-detail-dialog #dialog-close-area a{display:block;color:grey;font-size:18px}#card-detail-dialog #btn-flip{position:absolute;z-index:2000;right:-20px;top:-20px}#card-detail-dialog #card-detail-area img{width:100%}#card-detail-dialog{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:none;width:305px;z-index:10}#card-detail-dialog #dialog-close-area{position:absolute;top:-15px;right:-15px;width:30px;height:30px;border-radius:50px;border:2px solid gray;background-color:#fff;text-align:center;line-height:30px;z-index:1}#card-detail-dialog #dialog-close-area a{display:block;color:gray;font-size:18px;position:relative;top:1px;left:0.5px}#card-detail-dialog #card-detail-area img{width:100%}#card-detail-dialog #btn-area{height:120px}#card-detail-dialog #btn-area #change-card-btn{display:inline-block;margin-top:11px;border:1px solid #f59b00;border-radius:4px;text-align:center;width:305px;height:32px;line-height:32px;background:-webkit-linear-gradient(bottom, #f59b00, #e87e41);background:linear-gradient(to top, #f59b00, #e87e41);color:#000;font-size:14px}#card-detail-dialog #btn-area #remove-card-btn{display:inline-block;margin-top:11px;border:1px solid #fff;border-radius:4px;text-align:center;width:305px;height:32px;line-height:32px;background-color:rgba(0,0,0,0.4);color:#fff;font-size:14px}#card-detail-dialog #btn-area #lock-btn{display:inline-block;margin:11px 5px 0 0;border:1px solid #f59b00;border-radius:4px;text-align:center;width:70%;height:32px;line-height:32px;background:-webkit-linear-gradient(bottom, #f59b00, #e87e41);background:linear-gradient(to top, #f59b00, #e87e41);color:#000;font-size:14px;float:left}#card-detail-dialog #btn-area #unlock-btn{display:inline-block;margin:11px 5px 0 0;border:1px solid #f59b00;border-radius:4px;text-align:center;width:70%;height:32px;line-height:32px;background:-webkit-linear-gradient(bottom, #f59b00, #e87e41);background:linear-gradient(to top, #f59b00, #e87e41);color:#000;font-size:14px;float:left}#card-detail-dialog #btn-area .confirm_content{color:#fff;margin:10px 0}#card-detail-dialog #btn-area .trade-request{display:inline-block;margin:11px 5px 0 0;border:1px solid #f59b00;border-radius:4px;text-align:center;width:70%;height:32px;line-height:32px;background:-webkit-linear-gradient(bottom, #f59b00, #e87e41);background:linear-gradient(to top, #f59b00, #e87e41);color:#000;font-size:14px;float:left}#card-detail-dialog #btn-area #close-btn{margin-top:11px;display:inline-block;position:relative;color:#333;font-size:15px;font-weight:bold;text-align:center;width:25%;height:32px;line-height:18px;background:transparent;border:1px solid #fff;border-radius:5px;float:right}#card-detail-dialog #btn-area #close-btn .frame{position:relative;width:100%;height:100%;display:-webkit-flex;display:-webkit-box;display:flex;-webkit-justify-content:center;-webkit-box-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center}.message-dialog-area{position:fixed;display:none;width:330px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10}.message-dialog-area #dialog-header{position:relative;top:0px;width:100%;height:48px;background-color:#f59b00;border-radius:4px 4px 0px 0px}.message-dialog-area #dialog-header h1{position:absolute;line-height:20px;margin-top:14px;margin-bottom:14px;width:100%;text-align:center;font-size:16px;color:#000}.message-dialog-area #dialog-contents{position:relative;height:40%;background-color:rgba(30,30,30,0.7);color:#fff;border-right:1px solid #825000;border-left:1px solid #825000;padding:20px 20px 10px}.message-dialog-area #dialog-contents #dialog-message{text-align:center;font-size:13px}.message-dialog-area #dialog-contents #dialog-message .mes_pt{display:block;font-size:25px;margin:25px 10px;font-weight:bold}.message-dialog-area #dialog-contents #dialog-message .mes_pt::before{content:"";display:inline-block;width:40px;height:40px;background-image:url(/assets/giants/img/icon_small_coin.png);background-size:contain;vertical-align:middle}.message-dialog-area #dialog-contents #dialog-message .classchange-area .present{position:relative;width:100%;top:15%}.message-dialog-area #dialog-contents #dialog-message .classchange-area .effect{position:absolute;width:48%;top:16%;left:50%}.message-dialog-area #dialog-contents #dialog-message .classchange-area .class{position:relative;margin:3% 0px}.message-dialog-area #dialog-contents #dialog-message .classchange-area .class-before{display:inline-block;width:24%}.message-dialog-area #dialog-contents #dialog-message .classchange-area .class-after{display:inline-block;width:24%}.message-dialog-area #dialog-contents #dialog-message .classchange-area .class-arrow{display:inline-block;width:15%;margin:18px 16px}.message-dialog-area #dialog-contents .dialog-detail{text-align:left;margin:20px 0}.message-dialog-area #dialog-contents .dialog-detail p{margin-bottom:4px}.message-dialog-area #dialog-contents .scout-area{height:50px;line-height:50px}.message-dialog-area #dialog-contents .scout-area img{position:relative;float:left;margin-right:8px;top:13px;width:24px;height:24px}.message-dialog-area #dialog-contents .scout-area p{text-align:left;float:left}.message-dialog-area #dialog-contents .scout-area .scout-btn-area img{position:relative;width:80px;height:26px;top:13px;float:right}.message-dialog-area #dialog-footer{position:relative;bottom:0px;width:100%;height:55px;background-color:#f59b00;border-radius:0px 0px 4px 4px;text-align:center}.message-dialog-area #dialog-footer #close-area{padding-top:13px;text-align:center;height:30px}.message-dialog-area #dialog-footer #close-area img{width:136px;height:29px;cursor:pointer;margin:0 auto}.error-dialog-area{position:fixed;display:none;width:330px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:12}.error-dialog-area #error-dialog-header{position:relative;top:0px;width:100%;height:48px;background-color:#f59b00;border-radius:4px 4px 0px 0px}.error-dialog-area #error-dialog-header h1{position:absolute;line-height:20px;margin-top:14px;margin-bottom:14px;width:100%;text-align:center;font-size:16px;color:#000}.error-dialog-area #error-dialog-contents{position:relative;height:40%;background-color:rgba(30,30,30,0.7);color:#fff;border-right:1px solid #825000;border-left:1px solid #825000;padding:20px}.error-dialog-area #error-dialog-contents #error-dialog-message{text-align:center;font-size:13px}.error-dialog-area #error-dialog-contents #error-dialog-message .mes_pt{display:block;font-size:25px;margin:25px 10px;font-weight:bold}.error-dialog-area #error-dialog-contents #error-dialog-message .mes_pt::before{content:"";display:inline-block;width:40px;height:40px;background-image:url(/assets/giants/img/icon_small_coin.png);background-size:contain;vertical-align:middle}.error-dialog-area #error-dialog-footer{position:relative;bottom:0px;width:100%;height:55px;background-color:#f59b00;border-radius:0px 0px 4px 4px;text-align:center}.error-dialog-area #error-dialog-footer #error-close-area{padding-top:13px;text-align:center;height:30px}.error-dialog-area #error-dialog-footer #error-close-area img{width:136px;height:29px;cursor:pointer;margin:0 auto}#confirm-leave-dialog{position:fixed;display:none;width:330px;top:25%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10}#confirm-leave-dialog .dialog-header{position:relative;top:0px;width:100%;height:48px;background-color:#f59b00;border-radius:4px 4px 0px 0px}#confirm-leave-dialog .dialog-header h1{position:absolute;line-height:20px;margin-top:14px;margin-bottom:14px;width:100%;text-align:center;font-size:16px;color:#000}#confirm-leave-dialog .dialog-contents{position:relative;height:40%;background-color:rgba(30,30,30,0.9);color:#fff;border-right:1px solid #825000;border-left:1px solid #825000;border-bottom:1px solid #825000;padding:20px 20px 10px}#confirm-leave-dialog .dialog-contents .dialog-message{text-align:center;font-size:13px}#confirm-leave-dialog .dialog-contents .dialog-message .itemlist{margin:10px auto;background-color:black;color:white;text-align:left;padding:10px}#confirm-leave-dialog .dialog-contents .dialog-message .mes_pt{display:block;font-size:25px;margin:25px 10px;font-weight:bold}#confirm-leave-dialog .dialog-contents .dialog-message .mes_pt::before{content:"";display:inline-block;width:40px;height:40px;background-image:url(/assets/giants/img/icon_small_coin.png);background-size:contain;vertical-align:middle}#confirm-leave-dialog .dialog-contents .dialog-message .classchange-area .present{position:relative;width:100%;top:15%}#confirm-leave-dialog .dialog-contents .dialog-message .classchange-area .effect{position:absolute;width:48%;top:16%;left:50%}#confirm-leave-dialog .dialog-contents .dialog-message .classchange-area .class{position:relative;margin:3% 0px}#confirm-leave-dialog .dialog-contents .dialog-message .classchange-area .class-before{display:inline-block;width:24%}#confirm-leave-dialog .dialog-contents .dialog-message .classchange-area .class-after{display:inline-block;width:24%}#confirm-leave-dialog .dialog-contents .dialog-message .classchange-area .class-arrow{display:inline-block;width:15%;margin:18px 16px}#confirm-leave-dialog .dialog-contents .dialog-detail{text-align:left;margin:20px 0}#confirm-leave-dialog .dialog-contents .dialog-detail p{margin-bottom:4px}#confirm-leave-dialog .dialog-contents .scout-area{height:50px;line-height:50px}#confirm-leave-dialog .dialog-contents .scout-area img{position:relative;float:left;margin-right:8px;top:13px;width:24px;height:24px}#confirm-leave-dialog .dialog-contents .scout-area p{text-align:left;float:left}#confirm-leave-dialog .dialog-contents .scout-area .scout-btn-area img{position:relative;width:80px;height:26px;top:13px;float:right}#confirm-leave-dialog .btn-area{position:relative;top:8px}#confirm-leave-dialog .btn-area #left-section{float:left;text-align:left}#confirm-leave-dialog .btn-area #left-section a img{margin-left:20px;width:115px;height:32px;position:absolute;left:0}#confirm-leave-dialog .btn-area .right-section{text-align:right}#confirm-leave-dialog .btn-area .right-section a img{margin-right:20px;width:115px;height:32px;position:absolute;right:0}#final-confirm-leave-dialog{position:fixed;display:none;width:330px;top:25%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10}#final-confirm-leave-dialog .dialog-header{position:relative;top:0px;width:100%;height:48px;background-color:#f59b00;border-radius:4px 4px 0px 0px}#final-confirm-leave-dialog .dialog-header h1{position:absolute;line-height:20px;margin-top:14px;margin-bottom:14px;width:100%;text-align:center;font-size:16px;color:#000}#final-confirm-leave-dialog .dialog-contents{position:relative;height:70%;background-color:rgba(30,30,30,0.9);color:#fff;border-right:1px solid #825000;border-left:1px solid #825000;border-bottom:1px solid #825000;padding:20px 20px 10px}#final-confirm-leave-dialog .dialog-contents .dialog-message{text-align:center;font-size:13px}#final-confirm-leave-dialog .dialog-contents .dialog-message .itemlist{margin:10px auto;background-color:black;color:white;text-align:left}#final-confirm-leave-dialog .dialog-contents .dialog-message .mes_pt{display:block;font-size:25px;margin:25px 10px;font-weight:bold}#final-confirm-leave-dialog .dialog-contents .dialog-message .mes_pt::before{content:"";display:inline-block;width:40px;height:40px;background-image:url(/assets/giants/img/icon_small_coin.png);background-size:contain;vertical-align:middle}#final-confirm-leave-dialog .dialog-contents .dialog-message .classchange-area .present{position:relative;width:100%;top:15%}#final-confirm-leave-dialog .dialog-contents .dialog-message .classchange-area .effect{position:absolute;width:48%;top:16%;left:50%}#final-confirm-leave-dialog .dialog-contents .dialog-message .classchange-area .class{position:relative;margin:3% 0px}#final-confirm-leave-dialog .dialog-contents .dialog-message .classchange-area .class-before{display:inline-block;width:24%}#final-confirm-leave-dialog .dialog-contents .dialog-message .classchange-area .class-after{display:inline-block;width:24%}#final-confirm-leave-dialog .dialog-contents .dialog-message .classchange-area .class-arrow{display:inline-block;width:15%;margin:18px 16px}#final-confirm-leave-dialog .dialog-contents .dialog-message .pin{font-size:32px;margin:10px auto}#final-confirm-leave-dialog .dialog-contents .dialog-message input{text-align:center}#final-confirm-leave-dialog .dialog-contents .dialog-message .input-pin-area{margin-bottom:10px}#final-confirm-leave-dialog .dialog-contents .dialog-detail{text-align:left;margin:20px 0}#final-confirm-leave-dialog .dialog-contents .dialog-detail p{margin-bottom:4px}#final-confirm-leave-dialog .dialog-contents .scout-area{height:50px;line-height:50px}#final-confirm-leave-dialog .dialog-contents .scout-area img{position:relative;float:left;margin-right:8px;top:13px;width:24px;height:24px}#final-confirm-leave-dialog .dialog-contents .scout-area p{text-align:left;float:left}#final-confirm-leave-dialog .dialog-contents .scout-area .scout-btn-area img{position:relative;width:80px;height:26px;top:13px;float:right}#final-confirm-leave-dialog .dialog-contents .pin{font-size:32px;margin:10px auto}#final-confirm-leave-dialog .btn-area{position:relative;top:8px}#final-confirm-leave-dialog .btn-area #left-section{float:left;text-align:left}#final-confirm-leave-dialog .btn-area #left-section a img{margin-left:20px;width:115px;height:32px;position:absolute;left:0}#final-confirm-leave-dialog .btn-area .right-section{text-align:right}#final-confirm-leave-dialog .btn-area .right-section a img{margin-right:20px;width:115px;height:32px;position:absolute;right:0}#common-yes-no-dialog{position:fixed;display:none;width:304px;height:auto;top:35%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}#common-yes-no-dialog .dialog-container{width:100%;height:425px;z-index:3000;position:absolute}#common-yes-no-dialog .dialog-header{position:relative;top:0px;width:100%;height:44.7px;background-color:#f59b00;border-radius:4px 4px 0px 0px}#common-yes-no-dialog .dialog-header h1{position:absolute;line-height:16px;margin-top:13px;margin-bottom:13px;width:100%;text-align:center;font-size:16px;color:#000}#common-yes-no-dialog .dialog-contents{position:relative;background-color:rgba(30,30,30,0.7);border-radius:0px 0px 4px 4px;text-align:center;border:1px solid #825000;padding-top:1em}#common-yes-no-dialog .dialog-contents .dialog-message{color:#fff;font-size:14px;margin-bottom:-6px;letter-spacing:0.5px;margin-left:0.5em;margin-right:0.5em}#common-yes-no-dialog .dialog-contents .btn-area{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:20px auto;width:270px;margin-top:2em}#common-yes-no-dialog .dialog-contents .btn-area img{width:100%;height:32px}#common-yes-no-dialog .dialog-contents .btn-area .left-section{display:block;width:100%;height:32px;position:relative;margin-right:0.5em}#common-yes-no-dialog .dialog-contents .btn-area .left-section span{position:absolute;font-size:13px;color:white;top:0.8em;width:100%;left:0}#common-yes-no-dialog .dialog-contents .btn-area .right-section{display:block;width:100%;height:32px;position:relative}#common-yes-no-dialog .dialog-contents .btn-area .right-section span{position:absolute;font-size:13px;color:black;top:0.8em;width:100%;left:0;font-weight:bold}.tutorial-layer{background-color:rgba(0,0,0,0.4);width:375px;height:100%;z-index:10;position:absolute;top:0}#clone-close-btn-mission{z-index:15;top:57%;right:0;position:absolute;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:136px;height:29px}#tutorial-dialog-layer{background-color:rgba(0,0,0,0.4);position:absolute;top:0;left:0;z-index:10;width:100%;height:100%}.badge-area{position:absolute;width:21px;height:21px;top:1px;right:-4.5px;border-radius:50%;background-color:#ff2a2a}.badge-area .badge-content{color:#fff;font-size:13px;text-align:center;line-height:21px}#tutorial{overflow:hidden;position:absolute;top:0;right:0;left:0;bottom:0}#tutorial #tutorial-layer{background-color:rgba(51,51,51,0.8);width:375px;height:100%;z-index:5;position:absolute;top:0}#tutorial #tutorial-box{position:absolute;top:0;right:0;left:0;bottom:0}#tutorial #tutorial-box .tutorial-image-01{background:no-repeat center/100% url("../img/initial_tutorial_img_01.png");position:absolute;z-index:6;width:180px;top:172px;right:87px;margin:0 auto}#tutorial #tutorial-box .tutorial-image-02{background:no-repeat center/100% url("../img/initial_tutorial_img_02.png");background-size:contain;position:absolute;z-index:6;width:174px;top:195px;left:5px;margin:0 auto}#tutorial #tutorial-box .tutorial-image-03{background:no-repeat center/100% url("../img/initial_tutorial_img_03.png");position:absolute;z-index:6;width:180px;top:280px;right:19px;margin:0 auto}#tutorial #tutorial-box .tutorial-image-04{background:no-repeat center/100% url("../img/initial_tutorial_img_04.png");position:absolute;z-index:6;width:242px;top:146px;right:54px;margin:0 auto}#tutorial #tutorial-box .tutorial-image-05{background:no-repeat center/100% url("../img/initial_tutorial_img_05.png");position:absolute;z-index:6;width:131px;top:365px;right:25px;margin:0 auto}#tutorial #tutorial-box .tutorial-image-06{background:no-repeat center/100% url("../img/initial_tutorial_img_06.png");position:absolute;z-index:6;width:146px;top:116px;left:122px;margin:0 auto}#tutorial #tutorial-box .tutorial-image-07{background:no-repeat center/100% url("../img/initial_tutorial_img_07.png");position:absolute;z-index:6;width:145px;top:174px;left:50px;margin:0 auto}#tutorial #tutorial-box .tutorial-image-08{background:no-repeat center/100% url("../img/initial_tutorial_img_08.png");position:absolute;z-index:6;width:130px;top:210px;left:186px;margin:0 auto}#tutorial #tutorial-box .tutorial-image-09{background:no-repeat center/100% url("../img/initial_tutorial_img_09.png");position:absolute;z-index:6;width:167px;top:173px;left:55px;margin:0 auto}#tutorial #tutorial-box .tutorial-image-10{background:no-repeat center/100% url("../img/initial_tutorial_img_10.png");position:absolute;z-index:6;width:215px;left:82px;top:170px;margin:0 auto}#tutorial #tutorial-box .tutorial-image-11{background:no-repeat center/100% url("../img/initial_tutorial_img_11.png");position:absolute;z-index:6;width:280px;top:180px;left:65px;margin:0 auto}#tutorial #tutorial-box .tutorial-image-12{background:no-repeat center/100% url("../img/initial_tutorial_img_12.png");position:absolute;z-index:6;width:191px;top:176px;right:20px;margin:0 auto}#tutorial #tutorial-box .tutorial-image-13{background:no-repeat center/100% url("../img/initial_tutorial_img_13.png");position:absolute;z-index:6;width:333px;top:148px;left:22px;margin:0 auto}#tutorial #tutorial-box .tutorial-image-14{background:no-repeat center/100% url("../img/initial_tutorial_img_14.png");position:absolute;z-index:6;height:598px;width:280px;bottom:0;right:0;margin:0 auto}#tutorial #tutorial-box .tutorial-image-15{background:no-repeat center/100% url("../img/initial_tutorial_img_15.png");position:absolute;z-index:6;height:515px;width:287px;top:128px;right:18px;margin:0 auto}#tutorial #tutorial-box .tutorial-image-16{position:absolute;z-index:6;height:333px;width:375px;bottom:0;right:0;left:0;margin:0 auto}#tutorial #tutorial-box .tutorial-image-17{position:absolute;z-index:6;height:472px;width:262px;top:123px;right:0;margin:0 auto}#tutorial #tutorial-box .tutorial-image-18{position:absolute;z-index:6;height:520px;width:286px;top:86px;left:0}#tutorial #tutorial-box .tutorial-image-19{position:absolute;z-index:6;height:454px;width:216px;top:130px;left:0}#tutorial #tutorial-box .tutorial-arrow-02{position:absolute;width:53px;top:438px;left:195px;z-index:8}#tutorial #tutorial-box .tutorial-arrow-03{position:absolute;width:53px;top:520px;left:95px;z-index:8}#tutorial #tutorial-box .tutorial-arrow-05{position:absolute;width:53px;left:92px;bottom:66px;z-index:8}#tutorial #tutorial-box .tutorial-arrow-06{position:absolute;width:53px;top:100px;right:35px;z-index:8}#tutorial #tutorial-box .tutorial-arrow-08{position:absolute;width:53px;top:438px;left:195px;z-index:8}#tutorial #tutorial-box .tutorial-arrow-09{position:absolute;width:53px;top:520px;right:90px;z-index:8}#tutorial #tutorial-box #comment-box{width:291px;height:140px;background-color:rgba(255,255,255,0.8);position:absolute;top:264px;left:50%;border-radius:25px;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:5}#tutorial #tutorial-box #comment-box #comment{line-height:20px;position:absolute;padding:10px;font-size:14px;font-weight:600;color:#333}#tutorial #tutorial-box #comment-box .comment-01{top:75px;left:50px;text-align:center}#tutorial #tutorial-box #comment-box .comment-02{top:19px;left:70px;text-align:center}#tutorial #tutorial-box #comment-box .comment-03{top:7px;left:4px;text-align:center}#tutorial #tutorial-box #comment-box .comment-04{top:63px;left:38px;text-align:center}#tutorial #tutorial-box #comment-box .comment-05{top:19px;left:29px;text-align:center}#tutorial #tutorial-box #comment-box .comment-06{top:33px;left:42px;text-align:center}#tutorial #tutorial-box #comment-box .comment-07{top:35px;left:140px;text-align:center}#tutorial #tutorial-box #comment-box .comment-08{top:38px;left:6px;text-align:center}#tutorial #tutorial-box #comment-box .comment-09{top:33px;left:111px;text-align:center}#tutorial #tutorial-box #comment-box .comment-10{top:66px;left:25px;text-align:center}#tutorial #tutorial-box #comment-box .comment-11{top:30px;left:2px;text-align:center}#tutorial #tutorial-box #comment-box .comment-12{top:20px;left:20px;text-align:center}#tutorial #tutorial-box #comment-box .comment-13{top:34px;left:9px;text-align:center}#tutorial #tutorial-box #comment-box .comment-14{width:130px;margin-top:5.2em;margin-left:5px;top:0;left:0;text-align:center}#tutorial #tutorial-box #comment-box .comment-15{width:130px;margin-top:1.2em;top:0;left:-10px;text-align:center}#tutorial #tutorial-box #comment-box .comment-16{width:291px;margin-top:0.4em;top:0;left:-10px;text-align:center}#tutorial #tutorial-box #comment-box .comment-17{width:136px;margin-top:1.2em;top:0;left:5px;text-align:center}#tutorial #tutorial-box #comment-box .comment-18{width:136px;margin-top:3em;top:0;right:5px;text-align:center}#tutorial #tutorial-box #comment-box .comment-19{width:136px;margin-top:3em;top:0;right:5px;text-align:center}#tutorial #tutorial-box #comment-box.comment-box-03{width:290px;height:110px;border-radius:30px}#tutorial #tutorial-box #comment-box.comment-box-09{width:290px;height:110px;border-radius:30px}#version_check_section{position:relative;top:20px;height:calc(100% - 109px);text-align:center}#version_check_section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#version_check_section #bg-filter img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden;-webkit-filter:blur(3.9px);filter:blur(3.9px);clip:rect(107px, 352px, 309px, 23px)}#version_check_section #version_check_area{color:#fff;margin-top:30px;width:239px;background-color:rgba(0,0,0,0.5);display:inline-block;border:1px solid #825000;border-radius:4px;height:142px;padding:30px 45px}#version_check_section #version_check_area h1{margin:12px 0}#version_check_section #version_check_area .version_check_text{font-size:12px;line-height:20px;margin-bottom:20px}#version_check_section #version_check_area .version_check_link a:link,#version_check_section #version_check_area .version_check_link a:active,#version_check_section #version_check_area .version_check_link a:hover,#version_check_section #version_check_area .version_check_link a:visited{color:#f59b00}#puzzleArea{position:relative;text-align:center;color:#000;padding-bottom:60px}#puzzleArea #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#puzzleArea #topHeader{margin:10px auto 0;width:350px;background:rgba(255,255,255,0.9)}#puzzleArea #topHeader #myScore{width:100%}#puzzleArea #topHeader #myScore td{width:50%;padding:6px;font-size:14px;vertical-align:middle}#puzzleArea #topHeader #myScore .total_score{width:100%;border-top:1px solid #000;border-bottom:1px solid #000;font-weight:bold;color:#000;text-align:center}#puzzleArea #topHeader #myScore .total_score .num{font-size:18px}#puzzleArea #topHeader #myScore .my_rank{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:12px}#puzzleArea #topHeader #myScore .my_rank .text{-webkit-flex-basis:50%;flex-basis:50%;font-weight:bold;text-align:left}#puzzleArea #topHeader #myScore .my_rank .value{-webkit-flex-basis:50%;flex-basis:50%;text-align:right}#puzzleArea #topHeader #myScore .my_rank .value .num{font-size:18px;font-weight:bold}#puzzleArea #topHeader #myScore .btn{border-left:1px solid #000;text-align:center}#puzzleArea #rankingHeader{margin:10px auto 0;width:350px;background:rgba(255,255,255,0.9)}#puzzleArea #rankingHeader #myScore{width:100%;border-collapse:collapse}#puzzleArea #rankingHeader #myScore td,#puzzleArea #rankingHeader #myScore th{width:50%;padding:5px;border-bottom:1px solid #000;font-size:14px;vertical-align:middle;box-sizing:border-box}#puzzleArea #rankingHeader #myScore td.title,#puzzleArea #rankingHeader #myScore th.title{text-align:left}#puzzleArea #rankingHeader #myScore td.value,#puzzleArea #rankingHeader #myScore th.value{text-align:right}#puzzleArea #puzzles{margin:10px auto 20px;width:350px}#puzzleArea #puzzles .each_puzzle{margin-bottom:10px;padding:5px;width:100%;background:rgba(255,255,255,0.9);box-sizing:border-box}#puzzleArea #puzzles .each_puzzle .title{margin-bottom:5px;font-size:14px;color:#000;text-align:center}#puzzleArea #puzzles .each_puzzle .flex_wrap{display:-webkit-box;display:-webkit-flex;display:flex;margin-bottom:5px}#puzzleArea #puzzles .each_puzzle .flex_wrap .image_area{position:relative;width:138px;height:196px}#puzzleArea #puzzles .each_puzzle .flex_wrap .image_area .image{display:block;width:100%}#puzzleArea #puzzles .each_puzzle .flex_wrap .image_area .not_clear_block{position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);width:100%;height:100%;text-align:center}#puzzleArea #puzzles .each_puzzle .flex_wrap .image_area .not_clear_block .not_clear{padding:90px 0;font-size:16px;color:#FFF}#puzzleArea #puzzles .each_puzzle .flex_wrap .info{margin-left:5px;width:197px}#puzzleArea #puzzles .each_puzzle .flex_wrap .info .best_time{margin-bottom:5px;width:100%;background:#000}#puzzleArea #puzzles .each_puzzle .flex_wrap .info .best_time th,#puzzleArea #puzzles .each_puzzle .flex_wrap .info .best_time td{padding:6px}#puzzleArea #puzzles .each_puzzle .flex_wrap .info .best_time th{font-size:14px;color:#FFF;text-align:left}#puzzleArea #puzzles .each_puzzle .flex_wrap .info .best_time td{font-size:14px;color:#FFF;text-align:right}#puzzleArea #puzzles .each_puzzle .flex_wrap .info .best_time td .small{font-size:75%}#puzzleArea #puzzles .each_puzzle .flex_wrap .info .puzzle_info{margin:0 auto 5px;width:100%;border:1px solid #000;font-size:12px;text-align:left;box-sizing:border-box;background:#FFF}#puzzleArea #puzzles .each_puzzle .flex_wrap .info .puzzle_info .reward_info{padding:3px;min-height:112px;text-align:center;box-sizing:border-box}#puzzleArea #puzzles .each_puzzle .flex_wrap .info .puzzle_info .reward_info .clear_count{width:100%}#puzzleArea #puzzles .each_puzzle .flex_wrap .info .puzzle_info .reward_info .clear_count th{font-size:14px;text-align:left}#puzzleArea #puzzles .each_puzzle .flex_wrap .info .puzzle_info .reward_info .clear_count td{font-size:14px;text-align:right}#puzzleArea #puzzles .each_puzzle .flex_wrap .info .puzzle_info .reward_info .clear_count td .small{font-size:75%}#puzzleArea #puzzles .each_puzzle .flex_wrap .info .puzzle_info .reward_info .clear_remain{margin:3px 0 0;text-align:left}#puzzleArea #puzzles .each_puzzle .flex_wrap .info .puzzle_info .reward_info .reward_card{display:inline-block;vertical-align:baseline;width:42px}#puzzleArea #puzzles .each_puzzle .flex_wrap .info .puzzle_info .reward_info.end{background:rgba(0,0,0,0.5);color:#FFF;padding-top:50px}#puzzleArea #puzzles .each_puzzle .flex_wrap .info .puzzle_info .reward_btn{padding:3px;border-top:1px solid #000;text-align:center}#puzzleArea #puzzleRanking{margin:5px auto;width:350px;margin-bottom:110px;background:rgba(255,255,255,0.9)}#puzzleArea #puzzleRanking li{position:relative;width:100%;height:44px;border-bottom:1px solid #825000;background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.25) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.25) 100%);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:5px 0 5px 5px;box-sizing:border-box}#puzzleArea #puzzleRanking li .rank_p{position:relative;width:60px;margin:0 5px;text-align:center;font-weight:bold;letter-spacing:-0.05rem}#puzzleArea #puzzleRanking li .username{font-size:14px;font-weight:bold;width:calc(100% - 130px - 70px);text-align:left}#puzzleArea #puzzleRanking li .point{width:120px;text-align:right}#puzzleArea #puzzleRanking li.self{box-shadow:0 0 6px 3px #825000 inset}#puzzleArea #puzzleRanking .no_ranking{padding:30px 0;background:rgba(255,255,255,0.9);font-size:14px;color:#000}#puzzleArea .daily_title{margin:20px auto 5px;text-align:center;color:#e5ca45}#puzzleArea .reward_list{margin:0 auto 20px;width:350px}#puzzleArea .reward_list li{overflow:hidden;position:relative;padding:6px;width:100%;border-bottom:1px solid #000;background:rgba(255,255,255,0.9);text-align:left;color:#000;box-sizing:border-box}#puzzleArea .reward_list li .mission{font-size:16px;font-weight:bold}#puzzleArea .reward_list li .reward{padding:4px 0 0;font-size:12px;font-weight:bold}#puzzleArea .reward_list li .reward .reward_text{font-weight:normal}#puzzleArea .reward_list li.daily{background:#ffb9b9}#puzzleArea .reward_list li.cleared{background:#747474}#puzzleArea .reward_list li.cleared:after{position:absolute;padding:5px 0;bottom:-28px;right:-34px;width:68px;height:50px;background:red;font-size:12px;text-align:center;color:#FFF;content:'達成!';-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#puzzle-error-section{height:calc(100% - 109px);position:relative;top:20px;text-align:center}#puzzle-error-section #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#puzzle-error-section #puzzle-error-area #text-area{font-size:14px;line-height:60px;color:#FFF}.puzzle-detail-next-btn{-webkit-box-ordinal-group:4;-webkit-order:3;order:3}.cmn_puzzle_btn{display:inline-block;font-size:12px;font-weight:bold;text-align:center;color:#000;border-radius:6px;width:74%;height:32px;background:-webkit-linear-gradient(bottom, #f59b00, #e87e41);background:linear-gradient(to top, #f59b00, #e87e41);line-height:33px;margin:8px 0}.new_login_bonus_box_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1000}.new_login_bonus_box{display:none;position:absolute;top:45%;left:0;width:100%;-webkit-transform:translateY(-50%);background:transparent;color:#000;z-index:1001}.new_login_bonus_box .banner_area{position:relative;margin:auto;padding:10px;width:354px;height:194px;background:url(/assets/giants/img/new_login_bonus/baneer&date.png) no-repeat;background-size:354px;box-sizing:border-box}.new_login_bonus_box .banner_area .banner{width:332px;height:130px}.new_login_bonus_box .banner_area .schedule_str{margin-top:16px;font-size:22px;font-weight:bold;text-align:center;color:#FFF}.new_login_bonus_box .items{position:relative;margin:auto;width:354px;height:364px;background:url(/assets/giants/img/new_login_bonus/mainboard.png) no-repeat 100%/354px}.new_login_bonus_box .items_content{padding:46px 20px 0;width:100%;background:url(/assets/giants/img/new_login_bonus/back_full.jpg) no-repeat;background-size:cover;box-sizing:border-box}.new_login_bonus_box .items_content .bonus_list{display:block;padding-left:7px;width:100%;text-align:center}.new_login_bonus_box .items_content .bonus_list li{display:inline-block;position:relative;margin:0 10px 28px 0;padding-top:26px;width:64px;color:#FFF}.new_login_bonus_box .items_content .bonus_list li .item,.new_login_bonus_box .items_content .bonus_list li .card{display:block;position:relative;bottom:0;width:100%}.new_login_bonus_box .items_content .bonus_list li.last_day{padding-top:35px;width:90px}.new_login_bonus_box .items_content .bonus_list .get .filter{-webkit-filter:brightness(50%);filter:brightness(50%)}.new_login_bonus_box .items_content .bonus_list .days{position:absolute;top:-5%;left:50%;width:95%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.new_login_bonus_box .items_content .bonus_list .count{position:absolute;bottom:-3%;left:-3%;width:100%;height:33%;text-align:right;letter-spacing:-4px}.new_login_bonus_box .items_content .bonus_list .count_num{display:inline;height:100%;margin-right:-4px}.new_login_bonus_box .items_content .bonus_list .notyet:after{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-size:contain;content:''}.new_login_bonus_box .items_content .bonus_list .get:after{position:absolute;display:block;top:0%;left:0%;width:100%;height:100%;background:url(/assets/giants/img/new_login_bonus/GET.png) no-repeat;background-size:contain;background-position:bottom;content:''}.new_login_bonus_box .items_content .bonus_list .today:after{position:absolute;display:block;top:28%;left:-10%;width:120%;height:120%;background:url(/assets/giants/img/new_login_bonus/TodaysBonus_Circle.png) no-repeat;background-size:contain;content:'';z-index:10}.new_login_bonus_box .items_content .bonus_list .today.anim:after{-webkit-animation:today_circle 1.0s linear infinite}.new_login_bonus_box .closeBtn{text-align:center;height:34px}.new_login_bonus_box .closeBtn img{display:inline;width:150px;vertical-align:bottom}.new_login_bonus_box .new_login_bonus_close_btn{display:none}@-webkit-keyframes today_circle{0%{opacity:0;-webkit-transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.3)}100%{opacity:0;-webkit-transform:scale(1.6)}}.new_login_bonus_get_box_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1005}.new_login_bonus_get_box{display:none;position:fixed;top:50%;left:5%;width:90%;-webkit-transform:translateY(-50%);background:transparent;color:#000;z-index:1006}.new_login_bonus_get_box .day_count{margin-bottom:10px;font-size:18px;font-weight:bold;text-align:center;color:#FFF}.new_login_bonus_get_box .caption{margin:10px 0;font-size:12px;text-align:center;color:#FFF}.forecast_head{position:relative;margin:-60px auto 18px;padding:60px 10px 10px;box-sizing:border-box}#forecastArea{position:relative}#forecastArea #bg img{position:fixed;top:-10px;width:100%;z-index:-1;overflow:hidden;opacity:0.6}#forecastArea .forecast{position:relative;width:100%;height:calc(100% - 29px)}#forecastArea .forecast .scroll_wrap{position:relative;top:0;padding-bottom:120px}#forecastArea .forecast .btn_howto{z-index:5;position:absolute;display:block;padding:4px 0;top:-38px;left:290px;width:67px;border-radius:6px;font-size:12px;color:#FFF;text-align:center}#forecastArea .forecast .vs{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin:5px auto;width:100%;height:33px;background:url(/assets/giants/img/forecast/matchdate.png) no-repeat top/100%;font-size:14px;text-align:center;color:#FFF;box-sizing:border-box}#forecastArea .forecast .vs .team_icon{display:block;margin:0 5px;width:22px}#forecastArea .forecast .vs .schedule{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:6px}#forecastArea .forecast .head{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:6px}#forecastArea .forecast .head .rank{display:block;position:relative;padding-top:17px;width:96px;height:30px;background:url(/assets/giants/img/forecast/btn_ranking.png) no-repeat top/100%;font-size:10px;font-weight:bold;text-align:center;color:#FFF;box-sizing:border-box}#forecastArea .forecast .head .score{display:block;position:relative;padding-top:23px;width:139px;height:49px;background:url(/assets/giants/img/forecast/btn_my_score.png) no-repeat top/100%;font-size:20px;text-align:center;color:#FFF;box-sizing:border-box}#forecastArea .forecast .head .reward{display:block;position:relative;width:96px;height:30px;background:url(/assets/giants/img/forecast/btn_mission.png) no-repeat top/100%}#forecastArea .forecast .head .reward .badge{position:absolute;width:12px;top:-2px;right:-5px}#forecastArea .forecast .main{margin-top:4px}#forecastArea .forecast .main .select{position:relative;margin:auto;padding:5px 0 0;width:348px;height:422px;background:url(/assets/giants/img/forecast/mainframe.png) no-repeat top/100%;box-sizing:border-box}#forecastArea .forecast .main .select.megaphone{background:url(/assets/giants/img/forecast/mainframe_megaphone.png) no-repeat top/100%}#forecastArea .forecast .main .select .subject{display:block;margin:auto;width:238px}#forecastArea .forecast .main .select .megaphone_area{position:absolute;bottom:62px;left:62px;width:140px;height:60px}#forecastArea .forecast .main .select .megaphone_area .num{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-column-gap:7px;column-gap:7px;position:absolute;top:48px;left:0;width:140px;font-size:11px;line-height:1;color:#FFF;text-shadow:0px 0px 3px rgba(0,0,0,0.95),0 0 3px rgba(0,0,0,0.95)}#forecastArea .forecast .main .select .megaphone_area .num .title{width:50px}#forecastArea .forecast .main .select .megaphone_area .num .value{width:53px;text-align:right}#forecastArea .forecast .main .select .megaphone_area .num .btn_help{display:block;width:16px}#forecastArea .forecast .main .select .megaphone_area .num .btn_help img{width:100%}#forecastArea .forecast .main .select .megaphone_area .num .have_megaphone_num{position:relative;font-size:12px}#forecastArea .forecast .main .select .megaphone_area .btn_megaphone{display:block;width:135px}#forecastArea .forecast .main .select .megaphone_area .btn_megaphone img{width:100%}#forecastArea .forecast .main .select .megaphone_area .btn_megaphone.off{opacity:0.5;-webkit-filter:grayscale(0.5);filter:grayscale(0.5)}#forecastArea .forecast .main .select .footer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;gap:16px;margin:-30px auto 0;width:290px}#forecastArea .forecast .main .select .footer .bonus{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;padding-bottom:3px;width:190px;border-bottom:1px solid #FFF;color:#FFF;box-sizing:border-box}#forecastArea .forecast .main .select .footer .bonus .bonus_label{width:96px;font-size:15px;line-height:1}#forecastArea .forecast .main .select .footer .bonus .num{font-size:23px;line-height:1;text-align:right}#forecastArea .forecast .main .select .footer .bonus .num .small{font-size:15px}#forecastArea .forecast .main .select .footer .btn_list{position:relative;display:block;width:82px}#forecastArea .forecast .main .select .footer .btn_list .btn_image{width:100%}#forecastArea .forecast .main .select .footer .btn_list .bonus_list_badge{position:absolute;top:1px;left:-12px;width:12px}#forecastArea .forecast .main.result{margin-bottom:40px}#forecastArea .forecast .main.result .select{height:auto;background:rgba(0,0,0,0.7);border-radius:6px;border:2px solid #FFF}#forecastArea .forecast .main .select .players{display:grid;grid-template-columns:69px 69px 69px;justify-items:end;margin:6px auto 0;width:240px;-webkit-column-gap:15px;column-gap:15px;grid-template-areas:"fielder1 fielder2 fielder3"
 "p_start p_relief p_closer"
 ". . support"}#forecastArea .forecast .main .select .players .one_player{position:relative;width:69px;height:128px;box-sizing:border-box}#forecastArea .forecast .main .select .players .one_player:nth-child(1){grid-area:fielder1}#forecastArea .forecast .main .select .players .one_player:nth-child(2){grid-area:fielder2}#forecastArea .forecast .main .select .players .one_player:nth-child(3){grid-area:fielder3}#forecastArea .forecast .main .select .players .one_player:nth-child(4){grid-area:p_start}#forecastArea .forecast .main .select .players .one_player:nth-child(5){grid-area:p_relief}#forecastArea .forecast .main .select .players .one_player:nth-child(6){grid-area:p_closer}#forecastArea .forecast .main .select .players .one_player:nth-child(7){grid-area:support}#forecastArea .forecast .main .select .players .one_player a{display:block;position:relative;text-decoration:none}#forecastArea .forecast .main .select .players .one_player .card{position:relative;width:100%;text-align:center}#forecastArea .forecast .main .select .players .one_player .card .player{z-index:1;display:block;border:1px solid #FFF;box-sizing:border-box}#forecastArea .forecast .main .select .players .one_player .card .bonus_value{position:absolute;bottom:0;left:0;padding:2px 0;width:100%;border:1px solid #FFF;background:rgba(26,26,26,0.8);font-size:16px;color:#FFF;text-align:center;box-sizing:border-box}#forecastArea .forecast .main .select .players .one_player .card.support_frame .bonus_value{color:#FFE144}#forecastArea .forecast .main .select .players .one_player .card.support_frame:after{display:block;position:absolute;top:-5px;left:-6px;width:84px;height:107px;background:url(/assets/giants/img/forecast/support_frame.png) no-repeat top/100%;content:''}#forecastArea .forecast .main .select .players .one_player .btn_help{display:block;position:absolute;top:-10px;right:-10px;width:16px}#forecastArea .forecast .main .select .players .one_player .btn_help img{width:100%}#forecastArea .forecast .main .select .players .bottom_area{margin-top:4px;width:100%;text-align:center}#forecastArea .forecast .main .select .players .bottom_area .btn{display:block}#forecastArea .forecast .main .select .players .bottom_area .txt{height:12px;font-size:10px;text-align:center;color:#FFF}#forecastArea .forecast .main .select .players .bottom_area .star{margin:4px 0 8px;font-size:10px;line-height:0;color:#ffd400}#forecastArea .forecast .main .select .players .card_bonus{position:absolute;top:-5px;z-index:1;background-color:#ee7800;color:#fff;font-size:10px;font-weight:bold;text-align:center;width:40px;height:18px;line-height:18px;border-radius:1em}#forecastArea .forecast .main .select .players .card_bonus p{font-size:10px;font-weight:600;line-height:18px;letter-spacing:-0.04em;text-shadow:-1px -1px 3px rgba(255,255,255,0.3),1px -1px 3px rgba(255,255,255,0.3),-1px 1px 3px rgba(255,255,255,0.3),1px 1px 3px rgba(255,255,255,0.3)}#forecastArea .forecast .main .select.megaphone .players .one_player .bottom_area .on_select .bonus_value{border:1px solid #ffcd33;background:rgba(255,195,51,0.2)}#forecastArea .forecast .main .do_button_area{position:relative;width:100%}#forecastArea .forecast .main .do_button_area .joining_btn{position:relative;display:none;margin:10px auto;width:302px;height:78px;box-sizing:border-box}#forecastArea .forecast .main .do_button_area .joining_btn.select_1,#forecastArea .forecast .main .do_button_area .joining_btn.select_2,#forecastArea .forecast .main .do_button_area .joining_btn.select_3{display:block}#forecastArea .forecast .main .do_button_area .joining_btn span{display:none;position:absolute;width:100%;font-size:13px;font-weight:bold;text-align:center;color:#000000}#forecastArea .forecast .main .do_button_area .joining_btn.select_1 span.select_1,#forecastArea .forecast .main .do_button_area .joining_btn.select_2 span.select_2,#forecastArea .forecast .main .do_button_area .joining_btn.select_3 span.select_3{display:block}#forecastArea .forecast .main .do_button_area .joining_btn.select_3 span.select_3 img{width:60%;margin:auto}#forecastArea .forecast .main .do_button_area .ok_btn{display:none;position:relative;margin:10px auto;width:192px}#forecastArea .forecast .main .do_button_area .ok_btn img{display:block;margin:auto}#forecastArea .forecast .main .do_button_area .ok_btn.selected{display:block}#forecastArea .forecast .main .do_button_area .ok_btn a{display:inline-block;position:fixed;bottom:30px;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}#forecastArea .forecast .main .do_button_area .ok_btn a .on{-webkit-animation:btn_blink 1.0s linear infinite;position:absolute}@-webkit-keyframes btn_blink{0%{opacity:0}50%{opacity:1}100%{opacity:0}}#forecastArea .forecast .main>.btns{width:90.58%;margin:2.4% 4.71% 4.8%;text-align:center;font-size:0}#forecastArea .forecast .main>.btns p{display:inline-block;vertical-align:middle;width:48.444%}#forecastArea .forecast .main>.btns .schedule{padding-right:1.556%}#forecastArea .forecast .main>.btns .player_score{padding-left:1.556%}#forecastArea .forecast .main>.btns p a{display:inline-block}#forecastArea .forecast div.member_choice_area{z-index:5;display:none;position:absolute;padding-top:54px;top:1366px;width:100%;height:calc(100vh - 39px);background:url(/assets/giants/img/bg_tabu3.png) no-repeat;background-size:375px;box-sizing:border-box}#forecastArea .forecast div.member_choice_area .btn_close{position:absolute;top:25px;left:0px}#forecastArea .forecast div.member_choice_area .btn_close img{width:375px;height:50px}#forecastArea .forecast div.member_choice_area .btn_close .btn_close_area{top:0px;left:50%;position:absolute;-webkit-transform:translateX(-50%);width:100px;height:25px;opacity:0}#forecastArea .forecast div.member_choice_area .bonus_char{color:#000;position:absolute;right:70px;top:50px}#forecastArea .forecast div.member_choice_area .toggle_bonus_pont_btn_area{position:absolute;top:45px;right:5px;width:115px;height:26px;z-index:5;opacity:0;cursor:pointer}#forecastArea .forecast div.member_choice_area .toggle_bonus_point_btn{top:-7px;right:15px;text-align:right;float:right;width:45px;height:20px;background:#ccc;position:relative;border-radius:40px;-webkit-transition:0.4s;transition:0.4s;box-sizing:border-box}#forecastArea .forecast div.member_choice_area .toggle_bonus_point_btn:after{content:"";position:absolute;width:20px;height:20px;border-radius:100%;left:0;top:0;z-index:0;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.2);-webkit-transition:0.4s;transition:0.4s}#forecastArea .forecast div.member_choice_area .toggle_bonus_pont_btn_area:checked+.toggle_bonus_point_btn{background-color:#f59b00}#forecastArea .forecast div.member_choice_area .toggle_bonus_pont_btn_area:checked+.toggle_bonus_point_btn:after{left:25px}#forecastArea .forecast div.member_choice_area .btn_sort{position:absolute;top:6px;right:18px}#forecastArea .forecast div.member_choice_area .btn_sort img{width:67px;height:25px}#forecastArea .forecast div.member_choice_area .card_area{margin:0 auto;width:100%;height:calc(100% - 30px);background:#000;overflow-y:scroll}#forecastArea .forecast div.member_choice_area .card_area #card-folder-footer{z-index:3;margin:5px auto;width:100%;height:52px;color:#000}#forecastArea .forecast div.member_choice_area .card_area #card-folder-footer .footer_sort_num{margin-top:5px;float:left;margin-left:calc(100% / 3);text-align:center;width:calc(100% / 3)}#forecastArea .forecast div.member_choice_area .card_area #card-folder-footer #sort-name-area{padding-bottom:5px}#forecastArea .forecast div.member_choice_area .card_area #card-folder-footer #sort-name-area span{font-size:14px;font-weight:bold;color:#FFF}#forecastArea .forecast div.member_choice_area .card_area #card-folder-footer #card-per-year-area p{color:#fff;font-size:12px}#forecastArea .forecast div.member_choice_area .card_area #card-folder-footer #card-per-year-area p #user-collection{position:relative;color:#fff;font-size:14px}#forecastArea .forecast div.member_choice_area .card_area #card-folder-footer #card-per-year-area #target-year{color:#fff;font-size:14px;margin-bottom:5px}#forecastArea .forecast div.member_choice_area .card_area #card-folder-footer #sort-btn-area{float:left;width:calc(100% / 3);text-align:right;padding-right:10px;box-sizing:border-box}#forecastArea .forecast div.member_choice_area .card_area #card-folder-footer #sort-btn-area #sort-btn{line-height:35px;font-size:12px}#forecastArea .use_score{margin:10px auto;width:100%;height:34px}#forecastArea .use_score .score_frame{display:-webkit-box;display:-webkit-flex;display:flex;margin:auto;padding:6px 15px 0;width:295px;height:34px;border-radius:17px;background:#FFF;font-size:23px;color:#e6001e;box-sizing:border-box}#forecastArea .use_score .score_frame .score_title{display:inline-block;margin-top:3px;width:91px;height:16px}#forecastArea .use_score .score_frame .score_value{width:100%;text-align:right}#forecastArea .reward_frame{margin:20px auto;padding:15px 0;width:352px;border:2px solid #FFF;border-radius:6px;background:rgba(28,28,28,0.9);box-sizing:border-box}#forecastArea .reward_frame .exchange_caption{color:white;width:98%;text-align:center;margin:auto;font-size:12px;line-height:1.4}#forecastArea .reward_frame .score_frame{position:relative;margin:0 auto;width:295px;height:34px;border-radius:17px;background:#FFF}#forecastArea .reward_frame .score_frame .score_title{position:absolute;top:9px;left:16px;width:91px;height:16px}#forecastArea .reward_frame .score_frame .score_value{position:absolute;top:6px;right:18px;font-size:24px;font-weight:bold;color:#e6001e;text-align:right;line-height:1}#forecastArea .reward_frame .one_list_days{margin:3% auto;width:100%}#forecastArea .reward_frame .lists{position:relative;z-index:2;margin:0 auto;padding:5% 0 0;width:100%;text-align:center;font-size:0;line-height:0}#forecastArea .reward_frame .lists .one_list{display:inline-block;vertical-align:top;width:90px;margin:0 7px}#forecastArea .reward_frame .lists .one_list a{display:block;width:90px;margin:0 auto;text-decoration:none}#forecastArea .reward_frame .lists .one_list a .player{position:relative}#forecastArea .reward_frame .lists .one_list a .player .player_img{position:absolute;top:3%;left:4%;z-index:1;width:92%}#forecastArea .reward_frame .lists .one_list a .player .black_cover{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,0.6)}#forecastArea .reward_frame .lists .one_list a .player .player_back{width:100%;border:1px solid #FFF;box-shadow:0 0 3px 1px rgba(255,255,255,0.7);box-sizing:border-box}#forecastArea .reward_frame .lists .one_list a .player_data{width:100%;margin:10% auto 0;text-align:center;box-sizing:border-box}#forecastArea .reward_frame .lists .one_list a .player_data .txt{font-size:10px;height:12px;color:#FFF;text-align:center}#forecastArea .reward_frame .lists .one_list a .player_data .star{margin:1px 0 8px;line-height:0;font-size:10px;color:#ffd400}#forecastArea .reward_frame .lists .one_list a .player_data .link,#forecastArea .reward_frame .lists .one_list a .player_data .rare{display:none}#forecastArea .reward_frame .lists .one_list a .change_btn{width:100%;margin:10% auto 0}#forecastArea .reward_frame .lists .one_list a .change_btn .no_change,#forecastArea .reward_frame .lists .one_list a .change_btn .on{display:none;position:relative}#forecastArea .reward_frame .lists .one_list a .change_btn .btn_txt{text-shadow:none}#forecastArea .reward_frame .lists .one_list a .change_btn img{width:100%;vertical-align:bottom}#forecastArea .reward_frame .lists .one_list .small{font-size:10px}#forecastArea .reward_frame .lists .one_list.on .black_cover{display:none !important}#forecastArea .reward_frame .lists .one_list.end a .change_btn .no_change,#forecastArea .reward_frame .lists .one_list.no a .change_btn .no_change{display:block}#forecastArea .reward_frame .lists .one_list.end a .change_btn .no_change p,#forecastArea .reward_frame .lists .one_list.no a .change_btn .no_change p{display:none}#forecastArea .reward_frame .lists .one_list.end a .change_btn .no_change p.end{display:block}#forecastArea .reward_frame .lists .one_list.no a .change_btn .no_change p.no{display:block}#forecastArea .reward_frame .lists .one_list.on a .change_btn .on{display:block}#forecastArea .reward_frame .lists .list_hr{margin:15px auto;width:90%;border:none;border-bottom:2px solid #FFF}#forecastArea .banner_area{margin:30px auto 0;text-align:center}#forecastArea .banner_area img{margin:auto;width:218px;height:54px}#forecastArea #popup_content .popup .value .point_box{width:77%;border:2px solid #b5b5b5;border-radius:9px;margin:0 auto 11.25%;padding:2.5% 0;text-align:center}#forecastArea #popup_content .popup .value .point_box p{display:inline-block;vertical-align:middle;font-size:18px;line-height:24px;font-weight:600;color:#000000;text-align:center}#forecastArea #popup_content .popup .value .point_box p.arrow{padding:0 5%;color:#fcc800}#forecastArea #resultDetail{position:relative}#forecastArea #resultDetail .forecast_bg_wrap{padding-bottom:40px}#forecastArea #resultDetail .forecast_bg_wrap.bg2{margin-top:10px}#forecastArea #resultDetail .result_frame{margin:auto;padding:11px 9px 3px;width:352px;border:2px solid #FFF;border-radius:6px;background:rgba(28,28,28,0.9);box-sizing:border-box}#forecastArea #resultDetail .frame{position:relative;margin:0 auto;width:99%;height:30%;-webkit-border-image:url("<?php echo THEMES_PATH; ?>/img/forecast/mv/frame_bg.png");border-image:url("<?php echo THEMES_PATH; ?>/img/forecast/mv/frame_bg.png");border-image-slice:24 fill;border-style:solid;border-width:12px}#forecastArea #resultDetail .card_table,#forecastArea #resultDetail .hit_table{width:330px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;color:#FFFFFF;text-shadow:1px 1px 1px #000}#forecastArea #resultDetail .hit_table{-webkit-box-align:unset;-webkit-align-items:unset;align-items:unset;height:20px}#forecastArea #resultDetail .card_table{margin-top:7px;margin-bottom:7px}#forecastArea #resultDetail .card_table .card_space{-webkit-flex-shrink:0;flex-shrink:0;-webkit-flex-basis:82px;flex-basis:82px}#forecastArea #resultDetail .one_hit{-webkit-flex-shrink:0;flex-shrink:0;-webkit-flex-basis:82px;flex-basis:82px;box-sizing:border-box;font-size:15px}#forecastArea #resultDetail .hr{margin:3px auto;padding:0;width:100%;border:none;border-bottom:1px solid rgba(255,255,255,0.7)}#forecastArea #resultDetail .hit_titles{position:absolute;top:0;left:0;padding:0.25% 0 0.25% 8%;font-size:12px;line-height:1.5;white-space:nowrap}#forecastArea #resultDetail .two_base,#forecastArea #resultDetail .homerun,#forecastArea #resultDetail .steal,#forecastArea #resultDetail .pinch_hitter,#forecastArea #resultDetail .strikeout_pitcher{background:rgba(255,255,255,0.2)}#forecastArea #resultDetail .hits_count{font-size:20px;line-height:1.1;text-align:center}#forecastArea #resultDetail .hit_name{position:relative;-webkit-flex-shrink:0;flex-shrink:0;-webkit-flex-basis:85px;flex-basis:85px}#forecastArea #resultDetail .one_player{position:relative;padding:0 2px;vertical-align:top;-webkit-flex-shrink:0;flex-shrink:0;-webkit-flex-basis:85px;flex-basis:85px;box-sizing:border-box}#forecastArea #resultDetail .one_player a{display:block;position:relative;text-decoration:none}#forecastArea #resultDetail .one_player .card .player{z-index:2;width:76px;box-shadow:0 0 3px rgba(17,42,135,0.7)}#forecastArea #resultDetail .one_player .card.support_frame:after{display:block;position:absolute;top:-5px;left:-6px;width:93px;height:118px;background:url(/assets/giants/img/forecast/support_frame.png) no-repeat top/100%;content:''}#forecastArea #resultDetail .one_player .bottom_area{margin:3% auto 0;text-align:center;padding:3.6%}#forecastArea #resultDetail .one_player .bottom_area .txt{font-size:10px;height:12px;color:#FFF;text-align:center}#forecastArea #resultDetail .one_player .bottom_area .star{margin:4px 0 8px;line-height:0;font-size:10px;color:#ffd400}#forecastArea #resultDetail .one_player .bottom_area .bonus_value{margin:auto;padding:2px 0;width:75px;border:1px solid #f00;border-radius:3px;background:rgba(51,56,255,0.2);font-size:14px;color:#FFF;text-align:center}#forecastArea #resultDetail .one_player .bottom_area .large{font-size:12px}#forecastArea #resultDetail .result_score{margin:7px auto;padding:5px 0 0;width:330px;background:rgba(255,255,255,0.2)}#forecastArea #resultDetail .result_score .flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;color:#FFF}#forecastArea #resultDetail .result_score .flex .title{padding-left:3%;-webkit-flex-basis:70%;flex-basis:70%;font-size:12px;line-height:1.1;text-align:left}#forecastArea #resultDetail .result_score .flex .title.large{font-size:14px}#forecastArea #resultDetail .result_score .flex .value{padding-right:3%;-webkit-flex-basis:30%;flex-basis:30%;font-size:20px;line-height:1.1;text-align:right}#forecastArea #resultDetail .result_score .flex .value.large{font-size:28px}#forecastArea #forecastRanking .ranking_head{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:20px auto 15px;padding:10px;width:346px;box-sizing:border-box;color:#FFF;background-image:url("/assets/giants/img/forecast/ranking/myrank.png");background-repeat:no-repeat;background-position:center;background-size:contain}#forecastArea #forecastRanking .ranking_head #ranking_howto.btn_howto{z-index:5;position:absolute;display:block;padding:4px 0;top:-53px;left:275px;width:67px;border-radius:6px;background:none;font-size:12px;color:#FFF;text-align:center}#forecastArea #forecastRanking .ranking_head #ranking_howto.btn_howto img{width:100%}#forecastArea #forecastRanking .ranking_head .thumb_icon{overflow:hidden;display:inline-block;-webkit-flex-basis:32px;flex-basis:32px;border-radius:50%}#forecastArea #forecastRanking .ranking_head .rank{-webkit-flex-basis:80px;flex-basis:80px;box-sizing:border-box}#forecastArea #forecastRanking .ranking_head .rank .num{padding-left:22px}#forecastArea #forecastRanking .ranking_head .point{-webkit-flex-basis:67px;flex-basis:67px;box-sizing:border-box}#forecastArea #forecastRanking .ranking_head .avg{margin-right:4px;-webkit-flex-basis:60px;flex-basis:60px;box-sizing:border-box}#forecastArea #forecastRanking .ranking_head .btn_to_ranking_reward{-webkit-flex-basis:67px;flex-basis:67px;display:block;width:67px;height:36px;background:url(/assets/giants/img/forecast/reward_list_button.png?t=20220520) no-repeat top/100%;box-sizing:border-box}#forecastArea #forecastRanking .ranking_head .ranking_header_spacer{-webkit-flex-basis:67px;flex-basis:67px;display:block;width:67px;height:36px;box-sizing:border-box}#forecastArea #forecastRanking .ranking_head .title{font-size:11px;text-align:center}#forecastArea #forecastRanking .ranking_head .num{font-size:15px;text-align:center;padding-top:10px}#forecastArea #forecastRanking #tabs{position:relative;overflow:hidden;margin:15px auto 5px;width:360px;border-bottom:1px solid #9cd5eb}#forecastArea #forecastRanking #tabs .myrank{float:left;position:relative;width:50%;height:36px;top:14px;padding:7px 0 7px 0;font-size:13px;font-weight:bold;text-align:center;color:#FFF;box-sizing:border-box;border-radius:5px 5px 0 0;cursor:pointer;background:url("/assets/giants/img/forecast/ranking/myrank_tab_off.png") no-repeat top/100%}#forecastArea #forecastRanking #tabs .myrank.is_displaying{width:50%;height:45px;top:0;background-color:#f59b00;color:#000;box-shadow:1px 1px 4px rgba(0,0,0,0.5) inset;background:url("/assets/giants/img/forecast/ranking/myrank_tab.png") no-repeat top/100%}#forecastArea #forecastRanking #tabs .top100{float:left;position:relative;width:50%;height:36px;top:14px;padding:7px 0 7px 0;background-color:#1e1e1e;font-size:13px;font-weight:bold;text-align:center;color:#FFF;box-sizing:border-box;border-radius:5px 5px 0 0;cursor:pointer;background:url("/assets/giants/img/forecast/ranking/top100_tab_off.png") no-repeat top/100%}#forecastArea #forecastRanking #tabs .top100.is_displaying{width:50%;height:45px;top:0;background-color:#f59b00;color:#000;box-shadow:1px 1px 4px rgba(0,0,0,0.5) inset;background:url("/assets/giants/img/forecast/ranking/top100_tab.png") no-repeat top/100%}#forecastArea #forecastRanking #tabs:first-child{margin-right:1px;width:calc(50% - 1px) !important}#forecastArea #forecastRanking #rankingWrap{width:350px;margin:0 auto;border-radius:0 0 3px 3px;overflow-x:hidden}#forecastArea #forecastRanking #rankingWrap dd{position:relative;float:left;color:#000;height:100%;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}#forecastArea #forecastRanking .my-ranking li{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;height:53px;width:100%;border-radius:4px;background:url("/assets/giants/img/forecast/ranking/frame.png") no-repeat top/100%;padding:5px;margin:5px 0;color:#FFF;box-sizing:border-box}#forecastArea #forecastRanking .my-ranking li.me{background:url("/assets/giants/img/forecast/ranking/frame_me.png") no-repeat top/100%}@-webkit-keyframes rankframe_anim{0%{opacity:0.0}50%{opacity:0.3}100%{opacity:0.0}}@keyframes rankframe_anim{0%{opacity:0.0}50%{opacity:0.3}100%{opacity:0.0}}#forecastArea #forecastRanking .my-ranking li.rank_1{background:url("/assets/giants/img/forecast/ranking/frame_1st.png") no-repeat top/100%;color:#fff073}#forecastArea #forecastRanking .my-ranking li.rank_2{background:url("/assets/giants/img/forecast/ranking/frame_2nd.png") no-repeat top/100%;color:#e1e3ff}#forecastArea #forecastRanking .my-ranking li.rank_3{background:url("/assets/giants/img/forecast/ranking/frame_3rd.png") no-repeat top/100%;color:#f1d1bb}#forecastArea #forecastRanking .my-ranking li .rank{-webkit-flex-basis:59px;flex-basis:59px;margin-right:5px;text-align:center;font-size:16px}#forecastArea #forecastRanking .my-ranking li .user_thumbnail{-webkit-flex-basis:27px;flex-basis:27px;margin-right:5px;width:27px;border-radius:50%}#forecastArea #forecastRanking .my-ranking li .user_class_icon{position:absolute;top:2px;left:70px;width:24px}#forecastArea #forecastRanking .my-ranking li .username{-webkit-flex-basis:112px;flex-basis:112px;font-size:12px;font-weight:bold;box-sizing:border-box}#forecastArea #forecastRanking .my-ranking li .point{-webkit-flex-basis:65px;flex-basis:65px;text-align:center;margin-top:auto}#forecastArea #forecastRanking .my-ranking li .avg{-webkit-flex-basis:62px;flex-basis:62px;text-align:center;margin-top:auto}#forecastArea #forecastRanking .my-ranking li .title{font-size:11px}#forecastArea #forecastRanking .my-ranking li .num{font-size:16px}#forecastArea #forecastRanking .reward_list{margin:20px auto 60px;width:344px}#forecastArea #forecastRanking .reward_list li{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;height:85px;width:100%;border-radius:4px;background:url("/assets/giants/img/forecast/ranking_reward/frame.png") no-repeat top/100%;padding:4px;margin:5px 0;color:#FFF;box-sizing:border-box}#forecastArea #forecastRanking .reward_list li.me{background:url("/assets/giants/img/forecast/ranking_reward/frame_me.png") no-repeat top/100%}@keyframes rankframe_anim{0%{opacity:0.0}50%{opacity:0.3}100%{opacity:0.0}}#forecastArea #forecastRanking .reward_list li.rank_1{background:url("/assets/giants/img/forecast/ranking_reward/frame_1st.png") no-repeat top/100%;color:#fff073}#forecastArea #forecastRanking .reward_list li.rank_2{background:url("/assets/giants/img/forecast/ranking_reward/frame_2nd.png") no-repeat top/100%;color:#e1e3ff}#forecastArea #forecastRanking .reward_list li.rank_3{background:url("/assets/giants/img/forecast/ranking_reward/frame_3rd.png") no-repeat top/100%;color:#f1d1bb}#forecastArea #forecastRanking .reward_list li .rank{-webkit-flex-basis:54px;flex-basis:54px;margin-right:3px;text-align:center;font-size:16px;word-break:break-all}#forecastArea #forecastRanking .reward_list li .cards{-webkit-flex-basis:104px;flex-basis:104px}#forecastArea #forecastRanking .reward_list li .cards .card{display:inline-block;width:48px;vertical-align:middle}#forecastArea #forecastRanking .reward_list li .names{-webkit-flex-basis:164px;flex-basis:164px;width:100%}#forecastArea #forecastRanking .reward_list li .names th{padding:0 0 4px;border-bottom:1px solid #FFF;font-size:12px;color:#FFF}#forecastArea #forecastRanking .reward_list li .names td{padding:4px 0 0;font-size:12px;color:#FFF}#forecastArea #forecastRanking .update_info{display:block !important;margin:0 auto;padding:30px 0;width:90%;background:rgba(0,0,0,0) !important;font-size:12px;line-height:30px;color:#FFF;text-align:center}#forecastArea #forecastMission .mission_head{margin:20px auto;padding:45px 40px 0;width:168px;height:88px;background:url(/assets/giants/img/forecast/mission/point.png?t=20220520) no-repeat top/100%;font-size:20px;text-align:center;color:#FFF;box-sizing:border-box}#forecastArea #forecastMission .mission_head .btn_howto{z-index:5;position:absolute;display:block;padding:4px 0;top:-53px;left:290px;width:67px;border-radius:6px;font-size:12px;color:#FFF;text-align:center}#forecastArea #forecastMission .mission_head .btn_howto img{width:100%}#forecastArea #forecastMission .mission_list{margin:20px auto 60px;width:344px}#forecastArea #forecastMission .mission_list li{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;margin:8px auto;padding:8px 0 8px 15px;width:344px;height:85px;border:1px solid #FFF;border-radius:4px;background:-webkit-linear-gradient(bottom, #262626, #323232);background:linear-gradient(to top, #262626, #323232);box-sizing:border-box}#forecastArea #forecastMission .mission_list li.done{background:rgba(114,114,114,0.75);-webkit-filter:grayscale(0.7) brightness(0.8);filter:grayscale(0.7) brightness(0.8)}#forecastArea #forecastMission .mission_list li .card{-webkit-flex-basis:48px;flex-basis:48px;width:48px;margin-right:11px}#forecastArea #forecastMission .mission_list li .details{-webkit-flex-basis:164px;flex-basis:164px;margin-right:11px;color:#FFF}#forecastArea #forecastMission .mission_list li .details .caption{margin-bottom:3px;font-size:11.5px}#forecastArea #forecastMission .mission_list li .details .gauge{position:relative;padding:3px;width:164px;height:18px;border:1px solid #FFF;border-radius:9px;box-sizing:border-box}#forecastArea #forecastMission .mission_list li .details .gauge .gauge_inner{display:block;height:10px;border-radius:4px;background:#FFF}#forecastArea #forecastMission .mission_list li .details .gauge .remains{position:absolute;top:2px;left:0px;width:100%;font-size:15px;font-weight:bold;text-align:center;text-shadow:0px 0px 3px rgba(0,0,0,0.95),0 0 3px rgba(0,0,0,0.95)}#forecastArea #forecastMission .mission_list li .details .gauge .complete{position:absolute;top:3px;left:33px;width:100px}#forecastArea #forecastMission .mission_list li .details hr{margin:0.4em 0}#forecastArea #forecastMission .mission_list li .details .reward_name{width:100%;font-size:12px;text-align:center}#forecastArea #forecastMission .mission_list li .btn{-webkit-flex-basis:85px;flex-basis:85px;width:85px;height:36px}#forecastArea #forecastMission .mission_list li .btn img{width:100%;height:100%}#forecastArea #forecastMission .fixed_bottom{position:fixed;bottom:0px;width:100%;height:116px;border-top:1px solid #9d9da8;background:rgba(0,1,36,0.5);box-sizing:border-box}#forecastArea #forecastMission .fixed_bottom .paging{color:#ebebeb;text-align:center;padding:1.35em 0em;font-family:'Graduate', cursive}#forecastArea #forecastMission .fixed_bottom .paging div{display:inline-block;text-align:center;font-size:16px;font-family:'Graduate', cursive}#forecastArea #forecastMission .fixed_bottom .paging div .small{font-size:12px}#forecastArea #forecastMission .fixed_bottom .paging .pagingLeft{width:10px;height:16px;background:url(/assets/giants/img/triangle_1_off.png) no-repeat;background-size:10px;vertical-align:middle;margin-right:10px}#forecastArea #forecastMission .fixed_bottom .paging .pagingLeft a{display:inline-block;position:relative;width:0;height:0;border-style:solid;border-width:6px 12px 6px 0;border-color:transparent}#forecastArea #forecastMission .fixed_bottom .paging .pagingRight{width:10px;height:16px;background:url(/assets/giants/img/triangle_2_off.png) no-repeat;background-size:10px;vertical-align:middle;margin-left:10px}#forecastArea #forecastMission .fixed_bottom .paging .pagingRight a{display:inline-block;position:relative;width:0;height:0;border-style:solid;border-width:6px 0 6px 12px;border-color:transparent}#forecastArea #forecastMission .fixed_bottom .paging .pagingLeft-nolink{opacity:0.05}#forecastArea #forecastMission .fixed_bottom .paging .pagingRight-nolink{opacity:0.05}#forecastArea .history_area{position:relative;padding:10px;margin:0px auto 0;width:330px}#forecastArea .history_area .history_list{margin:0 auto}#forecastArea .history_area .history_list li{overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:left;-webkit-justify-content:left;justify-content:left;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:5px auto;height:60px;border-radius:6px;background:rgba(0,0,0,0.6);font-size:12px;color:#FFF}#forecastArea .history_area .history_list .icon_date{padding:5px 0;text-align:center;background:rgba(255,255,255,0.2)}#forecastArea .history_area .history_list .icon_date .team{display:block;margin:0 7px 0 7px;width:auto;height:34px}#forecastArea .history_area .history_list .icon_date .date{margin-top:4px;line-height:1}#forecastArea .history_area .history_list .place{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:44px;-webkit-flex-basis:53%;flex-basis:53%}#forecastArea .history_area .history_list .place .place_name{padding-left:5px;text-align:left;font-size:14px;line-height:1}#forecastArea .history_area .history_list .points,#forecastArea .history_area .history_list .hits,#forecastArea .history_area .history_list .bonus{padding:13px 0 0;height:50px;-webkit-flex-basis:16%;flex-basis:16%;text-align:center;border-left:1px solid #DDD;box-sizing:border-box}#forecastArea .history_area .history_list .title{font-size:10px}#forecastArea .history_area .history_list .value,#forecastArea .history_area .history_list .name{font-size:14px;line-height:1.2}#forecastArea .history_area .history_list .value{margin-top:5px}#forecastArea .history_area .history_list .small{font-size:75%}#forecastArea .history_area .history_list .member{padding:5px 0 5px 5px;-webkit-flex-basis:30%;flex-basis:30%;text-align:left}#forecastArea .history_area .history_list .hit_count{padding:5px 0;-webkit-flex-basis:10%;flex-basis:10%;text-align:left}#forecastArea .history_area .history_list .link{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%;-webkit-flex-basis:5%;flex-basis:5%;background:rgba(255,255,255,0.2)}#forecastArea .history_area .history_list .link .arrow{display:block;margin:0 auto;width:auto;height:10px}#forecastArea .history_area .non_participation{margin:auto;padding:5px 0;font-size:12px;line-height:30px;color:#FFF;text-align:center;box-sizing:border-box}#forecastArea .history-navi{margin-bottom:80px;text-align:center}#forecastArea .history-navi .navigationButton{text-align:center;margin-left:auto;margin-right:auto;width:10em;background-color:transparent;color:white;position:inherit;line-height:25px;padding:0 10px;border-radius:50px;border:1px solid #ffffff}#target-card-contents li .bonus-up-forecast{position:absolute;padding:3px 0;top:96px;left:16px;width:60%;border-radius:4px;font-size:12px;font-weight:bold;color:#FFF;text-shadow:-1px -1px 2px rgba(0,0,0,0.5),1px -1px 2px rgba(0,0,0,0.5),-1px 1px 2px rgba(0,0,0,0.5),1px 1px 2px rgba(0,0,0,0.5);text-align:center}#target-card-contents li .bonus-up-forecast .small{font-size:10px}#target-card-contents li .bonus-up-forecast.type1{border:1px solid #5a95b3;background:-webkit-linear-gradient(top, #b2d4f4 0%, #74b3e8 27%, #0a77d5 100%);background:linear-gradient(to bottom, #b2d4f4 0%, #74b3e8 27%, #0a77d5 100%)}#target-card-contents li .bonus-up-forecast.type2{border:1px solid #ff8080;background:-webkit-linear-gradient(top, #ff3019 0%, #ff9891 0%, #ff1500 100%, #ff6456 100%, #cf0404 100%);background:linear-gradient(to bottom, #ff3019 0%, #ff9891 0%, #ff1500 100%, #ff6456 100%, #cf0404 100%)}#target-card-contents li .bonus-up-forecast.type3{border:1px solid #ffdd33;background:-webkit-linear-gradient(top, #fceabb 0%, #fccd4d 60%, #f8b500 100%, #fceabb 100%, #fbdf93 100%);background:linear-gradient(to bottom, #fceabb 0%, #fccd4d 60%, #f8b500 100%, #fceabb 100%, #fbdf93 100%)}#target-card-contents li .special-bonus-up-forecast{position:absolute;top:-5px;z-index:2;background-color:#ee7800;color:#fff;font-size:10px;font-weight:bold;text-align:center;width:40px;height:18px;line-height:18px;border-radius:1em}#target-card-contents li .special-bonus-up-forecast p{font-size:10px;font-weight:600;line-height:18px;letter-spacing:-0.04em;text-shadow:-1px -1px 3px rgba(255,255,255,0.3),1px -1px 3px rgba(255,255,255,0.3),-1px 1px 3px rgba(255,255,255,0.3),1px 1px 3px rgba(255,255,255,0.3)}#target-card-contents li .forecast_select{position:absolute;width:35px;bottom:30px;left:0;z-index:2}.init-layer{position:fixed;background-color:rgba(0,0,0,0.7);top:0;height:100vh;width:100vw;z-index:9}.group-edit-card{position:absolute;left:42%;top:60px;width:16%;z-index:9}.setting-area{position:absolute;top:108px;width:100%;z-index:10}.setting-area .point-icon-area .point-icon{display:block;margin:auto;padding-left:16px;width:59px}.setting-area .discription-area{text-align:center}.setting-area .discription-area p{color:#fff}.setting-area .discription-area .d1{font-size:17px;margin-top:15px;line-height:28px}.setting-area .discription-area .d2{font-size:14px;margin-top:55px;margin-bottom:15px;line-height:20px}.setting-area .setting-btn{display:block;margin:auto;margin-top:20px;width:80px}.setting-area .setting-btn img{width:80px}#card-detail-dialog-forecast{z-index:10;display:none;position:fixed;top:45%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:350px}#card-detail-dialog-forecast #card-detail-area{margin:auto;width:198px}#card-detail-dialog-forecast #card-detail-area img{width:100%}#card-detail-dialog-forecast #card-detail-area-img_base{width:198px !important}#card-detail-dialog-forecast .selected_card_forecast_status{margin:20px auto 10px;width:305px}#card-detail-dialog-forecast .selected_card_forecast_status h2{margin:auto;padding:6px 0;width:100%;background:rgba(255,255,255,0.3);font-size:12px;font-weight:bold;text-align:center;color:#FFF}#card-detail-dialog-forecast .selected_card_forecast_status hr{margin:5px auto !important}#card-detail-dialog-forecast .selected_card_forecast_status .bonus_detail_table{margin:10px auto 0;width:100%}#card-detail-dialog-forecast .selected_card_forecast_status .bonus_detail_table th,#card-detail-dialog-forecast .selected_card_forecast_status .bonus_detail_table td{padding:1px 0;color:#FFF}#card-detail-dialog-forecast .selected_card_forecast_status .bonus_detail_table th .small,#card-detail-dialog-forecast .selected_card_forecast_status .bonus_detail_table td .small{font-size:16px}#card-detail-dialog-forecast .selected_card_forecast_status .bonus_detail_table th{font-size:12px;text-align:left}#card-detail-dialog-forecast .selected_card_forecast_status .bonus_detail_table td{font-size:20px;text-align:right}#card-detail-dialog-forecast .selected_card_forecast_status .bonus_detail_table tr.total th,#card-detail-dialog-forecast .selected_card_forecast_status .bonus_detail_table tr.total td{padding:2px 0}#card-detail-dialog-forecast .selected_card_forecast_status .bonus_detail_table tr.total th{font-size:14px;text-align:left}#card-detail-dialog-forecast .selected_card_forecast_status .bonus_detail_table tr.total td{font-size:28px;text-align:right}#card-detail-dialog-forecast .selected_card_forecast_status .bonus_detail_table tr.total .small{font-size:22px}#card-detail-dialog-forecast #btn-area{margin:10px auto 0;width:100%;text-align:center}#card-detail-dialog-forecast #btn-area a{display:inline-block}#card-detail-dialog-forecast #btn-area a.change img{width:138px;height:40px}#card-detail-dialog-forecast #btn-area a.close{margin-top:15px}#card-detail-dialog-forecast #btn-area a.close img{width:35px;height:35px}.no_entry_result{position:relative;width:90%;margin:20px auto 0;padding:30px 12px;border:2px solid #fff;border-radius:3px;background:rgba(0,0,0,0.8)}.no_entry_result .no_entry_text{font-size:20px;line-height:1.7;text-align:center;color:#FFF}#popup_cover{display:none;position:fixed;top:0;left:0;width:100%;height:100vH;background-color:rgba(0,0,0,0.6);z-index:1000}.dialog_position{position:fixed;display:none;top:40%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index:10}.dialog_contents{position:relative;padding:5px 0 15px;width:100%;font-size:14px;box-sizing:border-box}.dialog_contents .dialog_ul{margin:10px auto 0;padding:0 10px;width:320px;box-sizing:border-box}.dialog_contents .dialog_ul li:after{display:block;clear:both;content:''}.dialog_contents .dialog_ul li{width:300px;height:40px;line-height:1.8}.dialog_contents .dialog_ul li .dialog_message{margin:0 auto;padding:15px 5px;width:300px;color:#FFF;text-align:center;box-sizing:border-box}.dialog_contents .close_area{padding-top:13px;text-align:center}.dialog_contents .close_area .close_btn{width:50%;margin:auto}#navigation-bar #header-inner-contents .btn_howto_forecast{position:absolute;display:block;top:7px;right:18px;width:67px;background:none !important}#navigation-bar #header-inner-contents .btn_howto_forecast img{width:100%}.member_choice_area .select_title{margin:0 auto 10px;width:100%}#monthly_plan{width:100%;height:calc(100% - 109px);position:relative;text-align:center;margin-bottom:70px}#monthly_plan #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#monthly_plan #monthlyPlanArea{margin-top:10px}#monthly_plan #monthlyPlanArea .each_plan_frame{margin:0 auto 20px;padding:11px 6px 6px;width:342px;height:242px;background:url(/assets/giants/img/monthly_plan/plan_bg.png) no-repeat top/100%;box-sizing:border-box}#monthly_plan #monthlyPlanArea .each_plan_frame .plan_header{z-index:2;position:relative;margin:auto;width:95%}#monthly_plan #monthlyPlanArea .each_plan_frame .reward_area{z-index:1;margin:-6px auto 0;padding:12px;width:95%;background:#FFF;box-sizing:border-box}#monthly_plan #monthlyPlanArea .each_plan_frame .reward_area .reward_list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin:auto;width:88%}#monthly_plan #monthlyPlanArea .each_plan_frame .reward_area .reward_list li{position:relative;width:78px;height:74px}#monthly_plan #monthlyPlanArea .each_plan_frame .reward_area .reward_list li .reward_bg{position:absolute;top:0;left:0;width:78px}#monthly_plan #monthlyPlanArea .each_plan_frame .reward_area .reward_list li .value{position:absolute;top:54px;left:6px;width:64px;font-size:11px;font-weight:bold;text-align:center}#monthly_plan #monthlyPlanArea .each_plan_frame .price_n_btn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin:4px auto 0;width:95%}#monthly_plan #monthlyPlanArea .each_plan_frame .price_n_btn .price_area{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0 20px;width:226px;height:37px;color:#FFF;box-sizing:border-box}#monthly_plan #monthlyPlanArea .each_plan_frame .price_n_btn .price_area.plan1{background:url(/assets/giants/img/monthly_plan/plan1/price_bg.png) no-repeat top/100%}#monthly_plan #monthlyPlanArea .each_plan_frame .price_n_btn .price_area.plan2{background:url(/assets/giants/img/monthly_plan/plan2/price_bg.png) no-repeat top/100%}#monthly_plan #monthlyPlanArea .each_plan_frame .price_n_btn .price_area.plan3{background:url(/assets/giants/img/monthly_plan/plan3/price_bg.png) no-repeat top/100%}#monthly_plan #monthlyPlanArea .each_plan_frame .price_n_btn .price_area.plan4{background:url(/assets/giants/img/monthly_plan/plan4/price_bg.png) no-repeat top/100%}#monthly_plan #monthlyPlanArea .each_plan_frame .price_n_btn .price_area.plan5{background:url(/assets/giants/img/monthly_plan/plan5/price_bg.png) no-repeat top/100%}#monthly_plan #monthlyPlanArea .each_plan_frame .price_n_btn .price_area .whet{width:90px;font-size:16px;text-align:left}#monthly_plan #monthlyPlanArea .each_plan_frame .price_n_btn .price_area .whet.buyed{width:100%;text-align:center}#monthly_plan #monthlyPlanArea .each_plan_frame .price_n_btn .price_area .price{font-size:15px;text-align:right}#monthly_plan #monthlyPlanArea .each_plan_frame .price_n_btn .price_area .price .free{display:inline-block;margin-right:4px;width:48px;vertical-align:middle}#monthly_plan #monthlyPlanArea .btns1{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin:0 auto 30px;width:85%}#monthly_plan #monthlyPlanArea .btns1 .small{font-size:70%}#monthly_plan #monthlyPlanArea .btns2{margin:0 auto;padding-bottom:30px;width:95%;text-align:right}#monthly_dialog_area{position:relative}#monthly_dialog_area #bg img{position:fixed;top:0;width:100%;z-index:-1;overflow:hidden}#monthly_dialog_area .monthly_dialog_contents{position:relative;margin:15px auto;padding-bottom:10px;width:340px;border:1px solid #f49c00;border-radius:28px 28px 0 0;background:#b07711 url(/assets/giants/img/user/bg_monthly.png) no-repeat top/100%}#monthly_dialog_area .monthly_dialog_contents .plan_header{position:absolute;top:-24px;left:-10px;width:375px}#monthly_dialog_area .monthly_dialog_contents .caution_area{overflow-y:scroll;padding:10px 10px;margin:10px auto;width:280px;height:104px;border:1px solid #999;background:#FFF}#monthly_dialog_area .monthly_dialog_contents .caution_area h3{margin-bottom:10px;border-bottom:1px dotted #999;font-size:13px;line-height:1.3;text-align:center}#monthly_dialog_area .monthly_dialog_contents .caution_area .caution_text{padding:0px 8px;font-size:12px;margin-bottom:20px}#monthly_dialog_area .monthly_dialog_contents .caution_area .reward_area{position:relative;margin:10px auto;padding:10px 15px;width:95%;border:1px solid #666;border-radius:6px;box-sizing:border-box}#monthly_dialog_area .monthly_dialog_contents .caution_area .reward_area .title{position:relative;margin:-21px auto 6px;padding:3px 0;width:170px;border-radius:6px;background:#999;font-size:15px;text-align:center;color:#FFF}#monthly_dialog_area .monthly_dialog_contents .caution_area .reward_area .rewards li{margin-bottom:10px;padding-left:1em;font-size:13px;text-indent:-1em}#monthly_dialog_area .monthly_dialog_contents .caution_area .reward_area .rewards li:last-child{margin-bottom:0}#monthly_dialog_area .monthly_dialog_contents .buy_confirm{z-index:1;margin:auto;padding:0px 10px;width:95%;color:#000;box-sizing:border-box}#monthly_dialog_area .monthly_dialog_contents .buy_confirm .confirm_text{color:#000;font-weight:bold;text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
 -1px 1px 0 #FFF, 1px -1px 0 #FFF,
 0px 1px 0 #FFF,  0 -1px 0 #FFF,
 -1px 0 0 #FFF, 1px 0 0 #FFF}#monthly_dialog_area .monthly_dialog_contents .buy_confirm h2{font-size:17px;text-align:center}#monthly_dialog_area .monthly_dialog_contents .buy_confirm .plan_price{position:relative;margin:12px auto 8px;padding:5px 0;width:260px;height:26px;background:url(/assets/giants/img/monthly_plan/dialog_price_bg.png) no-repeat top/100%;font-size:17px;color:#FFF;text-align:center;box-sizing:border-box}#monthly_dialog_area .monthly_dialog_contents .buy_confirm .plan_price .free{display:none;position:absolute;top:4px;left:196px;width:50px}#monthly_dialog_area .monthly_dialog_contents .buy_confirm .plan_caption{margin:0 auto 5px;font-size:12px;line-height:1.3;text-align:center}#monthly_dialog_area .monthly_dialog_contents .buy_confirm .confirm_area{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}#monthly_dialog_area .monthly_dialog_contents .buy_confirm .confirm_area .confirm{width:145px;font-size:12px;line-height:33px;text-align:left}#monthly_dialog_area .monthly_dialog_contents .buy_confirm .confirm_area .btn_buy{display:block;width:157px;height:40px;background:url(/assets/giants/img/monthly_plan/btn_buy.png) no-repeat top/100%;border:none;outline:none}#monthly_dialog_area .monthly_dialog_contents .buy_confirm .confirm_area .btn_buy:disabled{-webkit-filter:grayscale(1);filter:grayscale(1)}#monthly_dialog_area .btns{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin:0 auto 30px;width:335px}#monthly_dialog_area .btns .btn{width:155px;height:38px}.restore-dialog-area{position:fixed;display:none;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:12}.restore-dialog-area #restore-dialog-header{position:relative;top:0;width:100%}.restore-dialog-area #restore-dialog-contents{position:relative}.restore-dialog-area #restore-dialog-contents #restore-dialog-message{text-align:center;font-size:14px;padding:20px}.restore-dialog-area #restore-dialog-contents #restore-dialog-message .mes_pt{display:block;font-size:25px;margin:25px 10px;font-weight:bold}.restore-dialog-area #restore-dialog-contents #restore-dialog-message .mes_pt::before{content:"";display:inline-block;width:40px;height:40px;background-image:url("/assets/giants/img/icon_small_coin.png");background-size:contain;vertical-align:middle}.restore-dialog-area #restore-dialog-footer{position:relative;text-align:center;font-weight:bold}@font-face{font-family:YuGothicM;src:local("Yu Gothic Medium")}html{height:100%}html body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;height:100%;background-color:#000;overflow-x:hidden;-webkit-touch-callout:none;-webkit-user-select:none}html.disable-scroll{width:100vw;height:100vh}body.disable-scroll{position:fixed;top:0;left:0;overflow:hidden;width:100vw}footer{height:65px}#navigation-bar{position:relative;z-index:3}#navigation-bar #header-inner-contents{position:relative}#navigation-bar #header-inner-contents #sys_btn_back{position:absolute;top:7px;left:12px}#navigation-bar #header-inner-contents #sys_btn_back img{position:relative;margin:auto;width:42px}#navigation-bar #header-inner-contents #header-bg{width:100%}#navigation-bar #header-inner-contents #page-name{position:absolute;top:11px;right:0;left:65px;color:#fff;text-shadow:0px 1px 2px rgba(0,0,0,0.5);font-size:14px;letter-spacing:0.6px}#layer-filter{position:fixed;display:none;background-color:rgba(0,0,0,0.7);height:100vh;width:100vw;z-index:9}#profiler{position:fixed;background-color:#599379;border-radius:5px;left:0;bottom:0;text-align:right;z-index:100}pre{position:absolute;background-color:white;position:relative;width:375px;display:table-cell;word-wrap:break-word;overflow-wrap:break-word;line-height:20px;padding:10px;margin:10px;border:1px solid grey}pre p{width:375px;overflow-x:scroll}#base-block{position:fixed;bottom:0;z-index:2;width:100%;height:40px;margin:0 auto;background:-webkit-linear-gradient(top, transparent, #000);background:linear-gradient(to bottom, transparent, #000);left:0;right:0}#base-block #gm-base{position:absolute;z-index:-1;width:97%;bottom:0;left:0;right:0;margin:0 auto}#gm-block #global-menu{position:fixed;z-index:3;width:350px;margin:0 auto;left:50%;right:0;bottom:0}#gm-block #global-menu #gm-base{position:absolute;z-index:-1;width:97%;bottom:0;left:0;right:0;margin:0 auto}#gm-block #global-menu li{float:left;width:70px;height:50px;font-size:10px;line-height:50px;position:relative;right:0;left:-50%;margin:0 auto;bottom:4px}#gm-block #global-menu li a{display:block;color:white}#gm-block #global-menu li a img{width:68px;height:56px}#mypage-header{background-color:#000}#mypage-header .header-user-detail .header-profile a img{border-radius:50%}#global_menu{width:calc(100% - 2px);position:fixed;bottom:0;border-right:2px solid white;z-index:3}#global_menu li{float:left;width:20%;background-color:grey;height:50px;font-size:10px;line-height:50px;text-align:center;box-shadow:2px 0px white inset}#global_menu li a{display:block;color:white}.debug-send-btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;color:#fff;background-color:#f59b00;border-color:#f59b00}.message-area-text{color:#fff;padding:15px;text-align:center}.cmn_dialog_frame{overflow:hidden;width:304px;border-radius:8px;background:rgba(30,30,30,0.7);box-sizing:border-box;color:#fff}.cmn_dialog_frame .cmn_dialog_title{padding:18px 0;background:#f59b00;font-size:16px;text-align:center;color:#000}.cmn_dialog_frame .cmn_dialog_footer{padding:18px 0;color:#000}.cmn_btn_small_w,.cmn_btn_small_y,.cmn_btn_small_g,.cmn_btn_small_r,.cmn_btn_middle_w,.cmn_btn_middle_y,.cmn_btn_middle_g,.cmn_btn_large_w,.cmn_btn_large_y,.cmn_btn_large_g{display:inline-block;height:32px;border:1px solid #fff;border-radius:4px;font-size:14px;font-weight:bold;line-height:32px;text-align:center}.cmn_btn_small_w{width:80px;background:#000000;color:#FFF}.cmn_btn_middle_w{width:152px;background:#000000;color:#FFF}.cmn_btn_large_w{width:220px;background:#000000;color:#FFF}.footer_badge{background:#ec4646;border-radius:50%;width:22px;height:22px;color:#fff;font-size:14px;text-align:center;line-height:22px;position:absolute;top:0px;left:70%;display:none}.serial_content{position:relative;box-sizing:border-box;width:100%;padding-bottom:120px}.serial_banner{width:100%;height:100%;object-fit:contain;object-position:left center}.serial_body{padding:24px 10%}.serial_body .serial_title{font-size:1.2rem;font-weight:bold;color:#ffffff;text-align:center;text-shadow:0px 0px 8px #f27900}.serial_body .serial_dates{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding-top:15px;padding-bottom:15px}.serial_dates{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.serial_dates dt{padding:4px 8px;font-size:70%;line-height:1;background:#ffffff;border-radius:2px;width:20%;text-align:center}.serial_dates dd{margin-left:10px;color:#ffffff;font-size:75%;line-height:1}.serial_input_code{width:90%;color:#ffffff;text-align:center;padding:8px 12px;background:rgba(0,0,0,0.5);border-radius:4px;box-shadow:0px 0px 13px #f27900}.serial_content .serial_button_receive{margin-top:15px}.serial_button_receive{font-size:0.8rem;line-height:40px;text-align:center;border-radius:24px;line-height:36px;border:solid 2px #f27900;color:#f27900}.serial_content .serial_note{width:90%;margin-top:20px;color:#ffffff}.serial_note{padding:15px;border:solid 2px #ffffff}.serial_note div{margin-bottom:8px;font-size:0.6rem;font-weight:bold}.serial_note li.title{margin-bottom:0.2rem;font-size:0.7rem;font-weight:bold}.serial_note ul li{margin-left:1rem;font-size:0.6rem;line-height:1.6;text-indent:-1rem}.form-error-area{font-size:12px;color:#e5011b;line-height:14px;text-align:center;margin-top:10px;margin-bottom:10px}.serial_bg{position:fixed;top:0;left:0;z-index:-1;width:100%}.serial_bg_image{width:100%;height:100%;object-fit:cover}.campaign_out_of_term{margin-top:10em;text-align:center;width:100%;color:#ffffff}.serial_campaign .serial_logo{width:100%}.serial_campaign h2{padding:2px 0;border-top:2px solid #f27900;border-bottom:2px solid #f27900;background:#FFF;font-size:1rem;font-weight:bold;text-align:center;color:#000}.serial_campaign .campaign_list{margin:15px auto;width:94%}.serial_campaign .campaign_list li{overflow:hidden;position:relative;margin:0 0 20px;padding:3px;width:100%;border-radius:0 0 6px 6px;background:#FFF;color:#000}.serial_campaign .campaign_list li .banner{display:block;width:100%}.serial_campaign .campaign_list li .lower{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-top:3px}.serial_campaign .campaign_list li .lower .date{padding-left:0.5rem;width:54.5%;font-size:1rem;font-weight:bold;color:var(--color--team)}.serial_campaign .campaign_list li .lower .btn_serial_input{display:block;width:45.5%}.serial_campaign .campaign_list li .lower .btn_serial_input .btn_img{width:100%}.serial_campaign .campaign_list li.disable:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);content:''}#serial_dialog_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8)}.serial_dialog_caption{margin:10px 0;font-size:12px;text-align:center;color:#ffffff;line-height:20px}.serial_dialog_button{text-align:center;position:relative;margin:10px auto;height:26px;width:168px;border-radius:4px}.serial_dialog_button span{position:absolute;width:100%;top:30%;left:0;font-size:12px;color:#FFF}.serial_dialog_button img{width:100%;line-height:26px;display:block;list-style:none}