@charset "UTF-8";
/*.firstview-area, .fs-l-main{animation:fadein 2s forwards;}*/
/*slider*/
.slider{opacity:0;transition:opacity .5s linear;}
.slick-initialized {opacity:1;}
.slider{height:auto!important;margin-bottom:30px;}
.slider>.slide.followers {display:none;}
.slider{width:100%;height:auto;margin:0px auto;padding:0;overflow:hidden;}
.slick-slide img{width:100%;height:auto;}
.slick-prev:before, .slick-next:before{color:black;font-size:30px;}
.slick-prev, .slick-next{z-index:1;width:30px;height:30px;}
.slick-prev{left:10px;}
.slick-next{right:10px;}
.slider a:nth-child(n + 2) {display:none;}
/**/
.slider {display:none;}
.slider.slick-initialized{display:block;}
.slick-slide img {width:100%;height:auto;}
.slick-prev:before, .slick-next:before {color:black;font-size:30px;}
.slick-prev, .slick-next {z-index:1;width:30px;height:30px;}
.slick-prev {left:10px;}
.slick-next {right:10px;}
.slider a:nth-child(n + 2) {display:none;}

/*tab_ranking*/
.ranking_tabs .subtitle{font-size:xx-small;text-align:center;margin-top:0;padding-top:1em;}
.ranking_tabs #tab01_content .subtitle, .ranking_tabs #tab01_content .general_btn{background:#cc0066;color:#fff;}
.ranking_tabs #tab02_content .subtitle, .ranking_tabs #tab02_content .general_btn{background:#dfd4c2;color:#fff;}
.ranking_tabs #tab03_content .subtitle, .ranking_tabs #tab03_content .general_btn{background:#666;color:#fff;}
.ranking_tabs a{text-decoration:none;display:flex;align-items:center;width:100%;color:#333;z-index:1;}
.ranking_tabs ul{padding:0;}
.ranking_tabs li{list-style:none;box-sizing:border-box;}
.ranking_tabs {background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);width:100%;margin:5px auto 1em;font-size:small;}
.ranking_tabs .tab_item{width:calc(100%/3);background-color:#faf7f3;font-size:10px;text-align:center;color:#565656;display:block;float:left;text-align:center;font-weight:bold;transition:all 0.2s ease;padding:1em 0;}
.ranking_tabs .tab_item:hover{opacity:0.75;}
.ranking_tabs input[name="tab_item"]{display:none;}
.ranking_tabs .tab_content{display:none;clear:both;overflow:hidden;}
.ranking_tabs #tab01:checked ~ #tab01_content,
.ranking_tabs #tab02:checked ~ #tab02_content,
.ranking_tabs #tab03:checked ~ #tab03_content,
.ranking_tabs #tab04:checked ~ #tab04_content,
.ranking_tabs #tab05:checked ~ #tab05_content,
.ranking_tabs #tab06:checked ~ #tab06_content{display:block;}
.ranking_tabs input:checked + .tab_item{background-color:#ffc9c9;color:#CC0066;}
/*tab_ranking_02*/
.ranking_tabs_02 .subtitle{font-size:xx-small;text-align:center;margin-top:0;padding-top:1em;}
.ranking_tabs_02 #tab01_content_02 .subtitle, .ranking_tabs_02 #tab01_content_02 .general_btn{background:#e84794;color:#fff;}
.ranking_tabs_02 #tab02_content_02 .subtitle, .ranking_tabs_02 #tab02_content_02 .general_btn{background:#e84794;color:#fff;}
.ranking_tabs_02 #tab03_content_02 .subtitle, .ranking_tabs_02 #tab03_content_02 .general_btn{background:#e84794;color:#fff;}
.ranking_tabs_02 a{text-decoration:none;display:flex;align-items:center;width:100%;color:#333;z-index:1;}
.ranking_tabs_02 ul{padding:0;}
.ranking_tabs_02 li{list-style:none;box-sizing:border-box;}
.ranking_tabs_02 {background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);width:100%;margin:5px auto 1em;font-size:small;}
.ranking_tabs_02 .tab_item_02{width:calc(100%/3);background-color:#faf7f3;font-size:10px;text-align:center;color:#565656;display:block;float:left;text-align:center;font-weight:bold;transition:all 0.2s ease;padding:1em 0;}
.ranking_tabs_02 .tab_item_02:hover{opacity:0.75;}
.ranking_tabs_02 input[name="tab_item_02"]{display:none;}
.ranking_tabs_02 .tab_content_02{display:none;clear:both;overflow:hidden;}
.ranking_tabs_02 #tab01_02:checked ~ #tab01_content_02,
.ranking_tabs_02 #tab02_02:checked ~ #tab02_content_02,
.ranking_tabs_02 #tab03_02:checked ~ #tab03_content_02,
.ranking_tabs_02 #tab04_02:checked ~ #tab04_content_02,
.ranking_tabs_02 #tab05_02:checked ~ #tab05_content_02,
.ranking_tabs_02 #tab06_02:checked ~ #tab06_content_02{display:block;}
.ranking_tabs_02 input:checked + .tab_item_02{background-color:#e84794;color:#fff;}

.tab_content ul li, .tab_content_02 ul li{position:relative;}
.tab_content ul li:before, .tab_content_02 ul li:before{position:absolute;top:0;left:0;font-size:1em;background:#e9e9e9;padding:.4em .5em .5em;width:2em;height:2em;}
.tab_content ul.list-row3 li:nth-child(1):before{content:'1';}
.tab_content ul.list-row3 li:nth-child(2):before{content:'2';}
.tab_content ul.list-row3 li:nth-child(3):before{content:'3';}
.tab_content ul.list-row3 li:nth-child(4):before{content:'4';}
.tab_content ul.list-row3 li:nth-child(5):before{content:'5';}
.tab_content ul.list-row3 li:nth-child(6):before{content:'6';}
.tab_content ul.list-row4 li:nth-child(1):before{content:'7';}
.tab_content ul.list-row4 li:nth-child(2):before{content:'8';}
.tab_content ul.list-row4 li:nth-child(3):before{content:'9';}
.tab_content ul.list-row4 li:nth-child(4):before{content:'10';padding:.4em 0 .5em;}

.tab_content_02 ul.list-row2 li:nth-child(1):before{content:'1';}
.tab_content_02 ul.list-row2 li:nth-child(2):before{content:'2';}
.tab_content_02 ul.list-row3 li:nth-child(1):before{content:'3';}
.tab_content_02 ul.list-row3 li:nth-child(2):before{content:'4';}
.tab_content_02 ul.list-row3 li:nth-child(3):before{content:'5';padding:.4em 0 .5em;}

/*tab_new_item*/
.newitem_tabs a{text-decoration:none;display:flex;align-items:center;width:100%;color:#333;z-index:1;}
.newitem_tabs ul{padding:0;}
.newitem_tabs li{list-style:none;box-sizing:border-box;}
.newitem_tabs {background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);width:100%;margin:5px auto 1em;font-size:small;}
.newitem_tabs .tab_item_new{width:calc(100%/2);background-color:#faf7f3;font-size:10px;text-align:center;color:#565656;display:block;float:left;text-align:center;font-weight:bold;transition:all 0.2s ease;padding:1em 0;}
.newitem_tabs .tab_item_new:hover{opacity:0.75;}
.newitem_tabs input[name="tab_item_new"]{display:none;}
.newitem_tabs .tab_content_new{display:none;clear:both;overflow:hidden;}
.newitem_tabs #tab01_new:checked ~ #tab01_content_new,
.newitem_tabs #tab02_new:checked ~ #tab02_content_new{display:block;}
.newitem_tabs input:checked + .tab_item_new{background-color:#e84794;color:#fff;}

/*2022-12-new-item
.new_animation::after{content:'';display:inline-block;width:70px;height:70px;background-image:url(https://ryuyu.itembox.design/item/event/bigevent/202212/221130_dec_new_icon_2.gif);background-size:contain;vertical-align:middle;margin:-40px -80px 0px 10px;}
*/
/*2023-04-re-item*/
.re_animation::after{content:'';display:inline-block;width:70px;height:70px;background-image:url(https://ryuyu.itembox.design/item/event/bigevent/202304/230401_ap_new_icon.gif);background-size:contain;vertical-align:middle;margin:-40px -80px 0px 10px;}


/*banner-fixed-right-middle*/
.banner-fixed-right-middle{bottom:3px;left:3px;z-index:100;width:250px;height:fit-content;}
.btn {color: #fff;background: #333;padding: 2px 7px;border-radius: 50%;text-align: center;display: table;cursor: pointer;font-size:10px;}
.btn:hover {cursor: pointer;background: #ccc;}
.action-close {position: relative;}
.action-close .btn {position: absolute;right: 0;top: -2em;}
.add-control .checkbox {display: none;}
.add-control .action-close #close:checked ~ .btn {display: none;}
.add-control .action-close #close:checked ~ .box {display: none;}