@charset "utf-8";

.bull_counter .counter {overflow:hidden; background:#f6f6f6; border:1px solid #edecec;  -moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;}
.bull_counter .counter h3 {float:left; padding:0 10px; font-size:1.384em; color:#000; line-height:33px;}
.bull_counter .counter h3 strong {padding-left:5px; color:#ff8000}
.bull_counter .counter ul {float:right; padding:0 10px;}
.bull_counter .counter ul li {float:left; font-size:1.153em; font-weight:bold; color:#757e82; line-height:33px;}
.bull_counter .counter ul li strong {padding:0 5px 0 24px; color:#515050;}
.bull_counter .counter ul li.bull01 strong {background:url(../images/bull_carnival/ico_bull01.png) no-repeat left center;}
.bull_counter .counter ul li.bull02 strong {background:url(../images/bull_carnival/ico_bull02.png) no-repeat left center;}
.bull_counter .counter ul li.bull03 strong {background:url(../images/bull_carnival/ico_bull03.png) no-repeat left center;}
.bull_counter .counter ul li.bull04 strong {background:url(../images/bull_carnival/ico_bull04.png) no-repeat left center;}
.bull_counter .counter ul li.today {padding-left:0; background:none;}
.bull_counter .counter ul li.today strong {padding-left:20px; color:#515050;}
.bull_counter #rival_list {overflow:hidden; margin:20px 0 12px; min-height:214px; height:214px;}
.bull_counter #rival_list .graph {position:relative; float:left; padding:24px 14px 32px; margin-right:30px; width:291px; height:146px; border:1px solid #c6cacc;}
.bull_counter #rival_list .graph .my_team {position:absolute; top:10px; left:10px; padding-left:15px; background:url(../images/bull_carnival/ico_my.png) no-repeat left center; font-size:0.857em;}
.bull_counter #rival_list .graph p {position:absolute; bottom:0; left:0; padding:10px 4px; font-size:0.642em;}
.bull_counter #rival_list .graph p span {vertical-align:middle;}
.bull_counter #rival_list .graph p .img {display:inline-block; overflow:hidden; margin-left:10px; width:9px; height:0; padding-top:9px; border:1px solid #c6cacc;}
.bull_counter #rival_list .graph p .team01 .img {background:#fd9c02;}
.bull_counter #rival_list .graph p .team02 .img {background:#1a59a7;}
.bull_counter #rival_list .graph p .team03 .img {background:#c60911;}
.bull_counter #rival_list .graph p .team04 .img {background:#198019;}
.bull_counter #rival_list .graph ul {overflow:hidden; padding:0 25px; height:100%; border-bottom:1px solid #c6cacc;}
.bull_counter #rival_list .graph ul li {position:relative; float:left; width:25%; margin-top:14px; height:132px; text-align:center;}
.bull_counter #rival_list .graph ul li div {position:absolute; left:0; bottom:0; width:100%; min-height:1%;}
.bull_counter #rival_list .graph ul li span:first-child {display:block; position:absolute; left:0; top:-14px; width:100%; text-align:center; font-size:0.714em;}
.bull_counter #rival_list .graph ul li .per {display:block; overflow:hidden; margin:0 auto; width:30px; height:100%; text-indent:-9999px;}
.bull_counter #rival_list .graph ul li.team01 .per {background:#fd9c02;}
.bull_counter #rival_list .graph ul li.team02 .per {background:#1a59a7;}
.bull_counter #rival_list .graph ul li.team03 .per {background:#c60911;}
.bull_counter #rival_list .graph ul li.team04 .per {background:#198019;}
.bull_counter #rival_list .table {float:left; width:331px;}
.bull_counter #rival_list.state_login .graph {padding:44px 14px 32px; height:160px;}
.bull_counter #rival_list.state_login .graph ul li {height:166px}
.bull_counter #rival_list.state_login {min-height:245px;}
.bull_counter #rival_list.state_login .baseTbl th,
.bull_counter #rival_list.state_login .baseTbl td {padding:0 2px; height:26px;}
.bull_counter #rival_list.state_login h4 {margin-top:15px; padding:0 10px 3px 15px;}
.bull_counter #rival_list.state_login h4:first-child {margin-top:0;}

.bull_counter #rival_list .baseTbl {margin:0; width:100%;}
.bull_counter .noti {font-size:0.857em;}
.bull_counter .tab {margin:15px 0 0; height:auto;}
.bull_counter .tab li a {height:25px; background-size:auto 45px; line-height:1.2;}
.bull_counter h4{padding: 0 10px 12px 15px;background: url(../images/common/blt_bar.gif) no-repeat 0 5px;}
.bull_counter .ranking {position:relative; width:100%; height:600px; overflow:hidden; margin:0;}
.bull_counter .ranking.log_in {height:535px;}
.bull_counter .ranking .search {overflow:hidden; padding:5px 0;}
.bull_counter .ranking .search h4 {float:left; margin-top:10px; padding-bottom:0;}
.bull_counter .ranking .search .fr {float:right;}
.bull_counter .ranking .search .fr .txt {display:inline-block; padding-right:9px; color:#747474; line-height:1.4}
.bull_counter .ranking .search .fr .selectWrap {display:inline-block; vertical-align:middle;}
.bull_counter .ranking .txt_notice {padding:5px 0; line-height:1.2; text-align:right; color:#00abfb; font-size:0.928em;}
.bull_counter .swiper-slide .baseTbl {table-layout:fixed;}
.bull_counter .baseTbl td.player {border-right: 1px solid #e9e9e9;}
.bull_counter .baseTbl td.player span {text-align:center;}
.bull_counter .swiper-slide .baseTbl th.class {width:20%;}
.bull_counter .swiper-slide .baseTbl td.rank_none {padding:176px 0;}
.bull_counter .time_search {width:auto; background:#eeeff1; border:none; padding:6px 10px;}
.bull_counter .time_search div.selectWrap {width:150px;}
.bull_counter .time_search .inputArea {width:505px;}
.bull_counter .time_search .inputArea .inner input[type="text"] {font-size:0.93em;}

.item_wrap {position:relative; display:inline-block; width:84px; height:84px;}
.item_wrap img {width:100%; height:100%;}
.item_wrap .cover {position:absolute; top:0; left:0; width:84px; height:84px; background:url(../images/bull_carnival/bg_cover.png) no-repeat left top;}
.item_wrap .icon{display:block; position:absolute; bottom:0; left:0; background:url(../images/mypage/bg_item_web.png) 0 -163px no-repeat; text-indent:-9999px; width:30px; height:26px;}
.item_wrap .icon.style {background-position:0 -163px;}
.item_wrap .icon.markAward {background-position:-39px -163px;}
.item_wrap .icon.dartThrow {background-position:-79px -163px;}
.item_wrap .icon.frame {background-position:-120px -163px;}
.item_wrap .icon.effect {background-position:-162px -163px;}
.item_wrap .icon.set {background-position:-201px -163px;}
.item_wrap .icon.dynamicFrame {background-position:0 -212px;}
.item_wrap .icon.sound {background-position:-39px -212px;}
.item_wrap .icon.bull {background-position:-79px -212px;}
.item_wrap .icon.award {background-position:-120px -212px;}
.title_wrap {position:relative; display:inline-block; width:83px; height:83px;}
.title_wrap img {width:100%; height:100%;}
.title_wrap .cover {position:absolute; top:0; left:0; width:83px; height:83px; background:url(../images/bull_carnival/bg_cover.png) no-repeat right top;}

.bull_carnival_item h3 {padding:8px 0;}
.bull_carnival_item .bull_wrap {overflow:hidden;}
.bull_carnival_item .bull_wrap .left {float:left; width:337px; margin-right:9px;}
.bull_carnival_item .bull_wrap .right {float:left; width:338px;}
.bull_carnival_item .bull_wrap .inner {margin-bottom:15px; border:1px solid #c7c7c7;}
.bull_carnival_item .bull_wrap ul {overflow:hidden; padding:20px 15px 10px;}
.bull_carnival_item .bull_wrap li {float:left; text-align:center;}
.bull_carnival_item .bull_wrap div.left li {width:33.3%;}
.bull_carnival_item .bull_wrap div.right li {width:50%;}
.bull_carnival_item .bull_wrap ul li .txt {display:block; padding-top:5px;}
.bull_carnival_item .bull_wrap .tbl_wrap {padding:20px 15px 10px;}
.bull_carnival_item .bull_wrap .tbl_wrap td {text-align:center;}
.bull_carnival_item .bull_wrap .tbl_wrap .bg {border-left:1px solid #e9e9e9;}
.bull_carnival_item .bull_wrap .tbl_wrap td:first-child .bg {border-left:none;}
.bull_carnival_item .bull_wrap .tbl_wrap .txt {display:block; padding-top:5px;}
.bull_carnival_item .bull_wrap p {padding:8px 10px; border-top:1px solid #e9e9e9; font-size:0.928em; color:#00abfb;}
.bull_carnival_item div.top5 {margin-bottom:15px;}
.bull_carnival_item div.top5 .tit {overflow:hidden;}
.bull_carnival_item div.top5 .tit h3 {float:left;}
.bull_carnival_item div.top5 .tit a {float:right; padding:9px 0;}
.bull_carnival_item div.top5 .inner {overflow:hidden; border:1px solid #c7c7c7;}
.bull_carnival_item div.top5 ul {float:left; padding:20px 0 10px;}
.bull_carnival_item div.top5 li {float:left; width:136px; text-align:center;}
.bull_carnival_item div.top5 li .bg {border-left:1px solid #e9e9e9;}
.bull_carnival_item div.top5 ul:first-child li:first-child .bg {border-left:none;}
.bull_carnival_item div.top5 li .txt {display:block; padding-top:5px;}
.bull_carnival_item div.top5 .tbl_wrap {overflow:hidden; padding:20px 4px 10px; text-align:center;}
.bull_carnival_item div.top5 .tbl_wrap td {text-align:center;}
.bull_carnival_item div.top5 .tbl_wrap .txt {display:block; padding-top:5px;}
.bull_carnival_item div.top5 .tbl_wrap .bg {border-left:1px solid #e9e9e9;}
.bull_carnival_item div.top5 .tbl_wrap td:first-child .bg {border-left:none;}
.bull_carnival_item div.top5 p {clear:both; padding:8px 10px; border-top:1px solid #e9e9e9; font-size:0.928em; color:#00abfb;}
.bull_carnival_item .data_help {display:none; padding:10px; border-top:1px solid #d6d6d6; line-height:1.4}
.bull_carnival_item .noti {padding:5px 0 15px; font-size:0.928em; color:#00abfb; line-height:1.4}
.bull_carnival_item .baseTbl {width:100%; margin-bottom:0;}
.bull_carnival_item .baseTbl tbody th {background:#f9fcfe; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
.bull_carnival_item .baseTbl tbody td {border-left:1px solid #e9e9e9; border-right:none;}

#mainSection .bull_cartival {overflow:hidden; margin-bottom:10px; width:980px; height:63px; background:url(../images/bull_carnival/bg_bull_pc.jpg) no-repeat left top;}
#mainSection .bull_cartival h2.blind {display:block; overflow:hidden; position:absolute; top:-1000em; left:0;}
#mainSection .bull_cartival .inner {padding:10px 0 0 256px;}
#mainSection .bull_cartival strong {float:left; padding:0 28px; 0 30px; height:43px; line-height:43px; background:url(../images/bull_carnival/bg_state.png) no-repeat left top; font-size:20px; color:#fff;}
#mainSection .bull_cartival strong .hidden {display:none;}
#mainSection .bull_cartival strong.my_team {padding:6px 23px 0 18px; height:37px; font-size:15px; line-height:1.2;}
#mainSection .bull_cartival strong.my_team .tit {display:block; font-size:12px; color:#979696;}
#mainSection .bull_cartival .tick_wrap {height:43px; overflow:hidden;}
#mainSection .bull_cartival .tick_wrap div {overflow:hidden;}
#mainSection .bull_cartival .txt {border-left:2px solid #000; padding-left:20px; margin-top:-10px; height:63px; line-height:63px; font-size:20px; font-weight:bold; color:#f6ebbd;}
#mainSection .bull_cartival dl {float:left;}
#mainSection .bull_cartival dl dt,
#mainSection .bull_cartival dl dd {float:left;}
#mainSection .bull_cartival dl.txt01 dt {padding-left:52px; height:43px; line-height:43px; font-size:21px; font-weight:bold; color:#fff;}
#mainSection .bull_cartival dl.txt01 dt.bull00 {background:#5e8b98 url(../images/bull_carnival/bg_team_l.png) no-repeat left top;}
#mainSection .bull_cartival dl.txt01 dt.bull01 {background:#fd9c02 url(../images/bull_carnival/bg_team_l.png) no-repeat left top;}
#mainSection .bull_cartival dl.txt01 dt.bull02 {background:#1a59a7 url(../images/bull_carnival/bg_team_l.png) no-repeat left top;}
#mainSection .bull_cartival dl.txt01 dt.bull03 {background:#c60911 url(../images/bull_carnival/bg_team_l.png) no-repeat left top;}
#mainSection .bull_cartival dl.txt01 dt.bull04 {background:#198019 url(../images/bull_carnival/bg_team_l.png) no-repeat left top;}
#mainSection .bull_cartival dl.txt01 dt span {display:block; padding-right:17px; background:url(../images/bull_carnival/bg_team_r.png) no-repeat right top;}
#mainSection .bull_cartival dl dt {float:left;}
#mainSection .bull_cartival dl dd {float:right;} 
#mainSection .bull_cartival dl.txt01 {width:327px; overflow:hidden;}
#mainSection .bull_cartival dl.txt02 {padding-left:18px; width:225px; overflow:hidden;}
#mainSection .bull_cartival dl.txt02 dt {padding-left:17px; height:43px; line-height:43px; font-size:21px; font-weight:bold; color:#fff; background:url(../images/bull_carnival/bg_today_l.png) no-repeat left top;}
#mainSection .bull_cartival dl.txt02 dt span {display:block; padding-right:17px; background:url(../images/bull_carnival/bg_today_r.png) no-repeat right top;}
#mainSection .bull_cartival dl dd {padding-left:8px; font-family:Arial; font-size:28px; font-weight:bold; color:#f6ebbd; line-height:43px;}

.main_mypage .bull_carnival {margin-bottom:7px; overflow:hidden; padding:0 10px 7px; background:url(../images/bull_carnival/bg_mybull_pc.jpg) no-repeat left top; border:1px solid #c7c7c7;}
.main_mypage .bull_carnival a.title {display:block; height:46px; font-size:0;}
.main_mypage .bull_carnival .inner {padding:11px 0; background:#f1efea; -moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;}
.main_mypage .bull_carnival .inner div {overflow:hidden; background:#f1efea url(../images/bull_carnival/bg_line.jpg) repeat-y left top;}
.main_mypage .bull_carnival ul {float:left; width:50%; *width:49.5%;}
.main_mypage .bull_carnival ul li {float:left; width:50%;}
.main_mypage .bull_carnival ul li span {display:block; padding:3px 0 3px 13px; font-size:1.428em; font-weight:bold; line-height:1.2}
.main_mypage .bull_carnival ul li:first-child span {border-left:none;}
.main_mypage .bull_carnival ul li strong {padding-bottom:5px; display:block; color:#282e31; font-size:0.7em;}
.main_mypage .bull_carnival ul li em {font-style:normal; color:#ff7e00;}
.main_mypage .bull_carnival ul li.t_small span {font-size:1em;}
.main_mypage .bull_carnival ul li.t_small strong {font-size:1em;}

.bull_notice {position:relative; padding:68px 107px 68px 188px; background:url(../images/bull_carnival/img_noti.png) no-repeat 115px center; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; font-size:1.285em; font-weight:bold; line-height:1.222;}

@media (max-width:768px){
.bull_counter {padding:10px;}
.bull_counter .counter ul {overflow:hidden; float:none; width:100%; border-top:1px solid #edecec;}
.bull_counter .counter ul li {float:none;}
.bull_counter .counter ul li.bull01 strong {background:url(../images/bull_carnival/ico_bull01_m.png) no-repeat left center; background-size:19px auto;}
.bull_counter .counter ul li.bull02 strong {background:url(../images/bull_carnival/ico_bull02_m.png) no-repeat left center; background-size:19px auto;}
.bull_counter .counter ul li.bull03 strong {background:url(../images/bull_carnival/ico_bull03_m.png) no-repeat left center; background-size:19px auto;}
.bull_counter .counter ul li.bull04 strong {background:url(../images/bull_carnival/ico_bull04_m.png) no-repeat left center; background-size:19px auto;}
.bull_counter .counter ul li.today {line-height:1.0; padding-bottom:7px;}
.bull_counter .counter ul li.today strong {padding-left:24px;}
.bull_counter #rival_list {overflow:hidden !important; min-height:202px; height:202px !important;}
.bull_counter #rival_list .graph {height:140px;}
.bull_counter #rival_list .graph .my_team {background:url(../images/bull_carnival/ico_my_m.png) no-repeat left center; background-size:10px auto;}
.bull_counter #rival_list .graph ul li {height:126px;}
.bull_counter .rival_list .arrow {right:-10px;}
.bull_counter .ranking {height:550px;}
.bull_counter .ranking.log_in {height:505px;}
.bull_counter .ranking .search {overflow:hidden;}
.bull_counter .ranking .txt_notice {text-align:left;}
.bull_counter .swiper-slide .baseTbl td.rank_none {padding:167px 0;}
.bull_counter .time_search div.selectWrap {width:100%; margin-bottom:5px;}
.bull_counter .time_search .inputArea {width:100%}

.item_wrap .cover {background:url(../images/bull_carnival/bg_cover_m.png) no-repeat left top; background-size:300px auto;}
.title_wrap .cover {background:url(../images/bull_carnival/bg_cover_m.png) no-repeat right top; background-size:300px auto;}
.bull_carnival_item {padding:10px;}
.bull_carnival_item .bull_wrap div.left,
.bull_carnival_item .bull_wrap div.right {width:100%;}
.bull_carnival_item .bull_wrap ul {padding:20px 10px 10px;}
.bull_carnival_item .bull_wrap .tbl_wrap {padding:20px 10px 10px;}
.bull_carnival_item .bull_wrap .tbl_wrap .bg {border-left:none;}
.bull_carnival_item div.top5 .tit a {padding-top:0;}
.bull_carnival_item div.top5 .inner {padding:0 10px;}
.bull_carnival_item div.top5 ul {width:100%;}
.bull_carnival_item div.top5 ul:nth-child(1) li {width:33.3%;}
.bull_carnival_item div.top5 ul:nth-child(2) {padding-top:10px;}
.bull_carnival_item div.top5 ul:nth-child(2) li {width:50%;}
.bull_carnival_item div.top5 li .bg {border-left:none;}
.bull_carnival_item div.top5 td {display:inline-block;}
.bull_carnival_item div.top5 .tbl_wrap {padding:10px 0;}
.bull_carnival_item div.top5 .tbl_wrap td {padding-top:10px; width:33.33%;}
.bull_carnival_item div.top5 .tbl_wrap .bg {border-left:none;}

#mainSection .bull_cartival {margin:10px 10px 0; padding-bottom:9px; box-sizing:border-box; -moz-box-sizing:border-box; box-shadow:0 4px 4px rgba(0, 0, 0, .9); border:1px solid #404048; width:auto; height:auto; background:url(../images/bull_carnival/bg_bull_m02.png) repeat-x left top; background-size:auto 160px;}
#mainSection .bull_cartival .inner {padding:61px 14px 0; background:url(../images/bull_carnival/bg_bull_m.png) no-repeat left top; background-size:auto 160px;}
#wrap #mainSection .bull_cartival strong {position:relative; display:block; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; padding:0 10px; background:#484953; border-top:2px solid #000; border-bottom:2px solid #000; font-size:14px; height:26px; line-height:26px; text-align:center;}
#mainSection .bull_cartival strong .hidden {display:inline-block;}
#wrap #mainSection .bull_cartival strong span.tit {display:inline-block; font-size:14px; color:#fff;}
#wrap #mainSection .bull_cartival strong span.last {position:absolute; top:-2px; right:0; 
display:inline-block; overflow:hidden; width:10px; height:0; padding-top:26px; background:url(../images/bull_carnival/bg_state_m_r.png) no-repeat right top; background-size:auto 26px;}
#mainSection .bull_cartival .tick_wrap {width:100%; height:60px;}
#mainSection .bull_cartival .tick_wrap div {margin-top:0; font-size:15px; line-height:1.3}
#mainSection .bull_cartival .tick_wrap div.txt {padding:9px 0 0;}
#mainSection .bull_cartival dl {position:relative; padding-top:2px; width:100%; overflow:hidden; }
#wrap #mainSection .bull_cartival dl dt {position:absolute; top:2px; left:0; width:114px; margin-right:2px; background:url(../images/bull_carnival/bg_opacity.png) repeat-x left top;}
#mainSection .bull_cartival dl dd {padding-left:116px; padding-right:8px; text-align:right; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; height:28px; line-height:28px; font-size: 20px; background:url(../images/bull_carnival/bg_opacity.png) repeat-x left top;}
#mainSection .bull_cartival dl.txt01 {margin-left:0; width:100%;}
#mainSection .bull_cartival dl.txt02 {padding-left:0; width:100%;}
#mainSection .bull_cartival dl.txt01 dt {padding-left:0; height:28px; line-height:28px; font-size:15px; font-weight:bold; color:#fff;}
#wrap #mainSection .bull_cartival dl.txt01 dt span {padding-left:34px;}
#wrap #mainSection .bull_cartival dl.txt01 dt.bull00 span {background:url(../images/bull_carnival/bg_ico_m02.png) no-repeat 3px 3px; background-size:30px auto;}
#wrap #mainSection .bull_cartival dl.txt01 dt.bull01 span {background:url(../images/bull_carnival/bg_ico_m02.png) no-repeat 3px -47px; background-size:30px auto;}
#wrap #mainSection .bull_cartival dl.txt01 dt.bull02 span {background:url(../images/bull_carnival/bg_ico_m02.png) no-repeat 3px -97px; background-size:30px auto;}
#wrap #mainSection .bull_cartival dl.txt01 dt.bull03 span {background:url(../images/bull_carnival/bg_ico_m02.png) no-repeat 3px -147px; background-size:30px auto;}
#wrap #mainSection .bull_cartival dl.txt01 dt.bull04 span {background:url(../images/bull_carnival/bg_ico_m02.png) no-repeat 3px -197px; background-size:30px auto;}
#mainSection .bull_cartival dl.txt02 dt {padding-left:0; background:none; height:28px; line-height:28px; font-size:15px;}
#mainSection .bull_cartival dl.txt02 dt span {padding-left:34px; background:none; }   

.main_mypage .bull_carnival_wrap {background:url(../images/bull_carnival/bg_mybull_m02.png) repeat-x right top; background-size:6px auto;}
.main_mypage .bull_carnival_wrap .bull_carnival_inner {background:url(../images/bull_carnival/bg_mybull_m.png) no-repeat right top; background-size:320px auto;}
.main_mypage .bull_carnival {padding:0 10px 11px; background:url(../images/bull_carnival/tit_bull.png) no-repeat left top; background-size:220px auto; border:none;}
.main_mypage .bull_carnival a.title {height:42px;}
.main_mypage .bull_carnival .inner {padding:0;}
.main_mypage .bull_carnival .inner div {padding:0 2px; background:none;}
.main_mypage .bull_carnival ul {margin:10px 0; width:100%; background:url(../images/bull_carnival/bg_line_m.gif) repeat-y center top; background-size:1px auto;}
.main_mypage .bull_carnival ul li span {padding: 3px 8px;}
.main_mypage .bull_carnival hr {clear:both; display:block; margin:0; padding:0; height:1px; border-width:0px; border-bottom:1px solid #d1cec8; border-spacing:0px;}

.bull_notice {padding:30px 35px 30px 79px; background:url(../images/bull_carnival/img_noti.png) no-repeat 13px center; background-size:49px auto; font-size:1.071em; line-height:1.466;}
}