#bg > #bg00{background-image:url(../img/bg.jpg);}
#bg > #bg01{background:linear-gradient(to bottom,rgba(36,109,255,.7) 0%,rgba(36,109,255,.7) 30%,rgba(36,109,255,0) 100%); mix-blend-mode:hard-light;}
#bg > #bg02{background-image:url(/game/bpl/season2/img/common/frame/bg01.png);}
#main > #main-inner{max-width:1200px;}
#main > #main-inner > .section{color:#fff !important;}
@media screen and (max-width:980px){#main{padding:120px 20px 40px;}}
@media screen and (max-width:640px){#main{padding:150px 10px 40px;}}
@media screen and (max-width:480px){#main{padding:130px 10px 40px;}}

#main ul.dot{font-family:'Noto Sans JP', sans-serif; font-weight:normal; font-size:13px;}
#main ul.dot > li::before{content:""; top:9px; width:8px; height:8px; background:#fff; border-radius:50%;}
@media screen and (max-width:640px){
#main ul.dot{font-size:12px;}
#main ul.dot > li::before{top:7px; width:6px; height:6px;}}
@media screen and (max-width:480px){#main ul.dot{font-size:11px;}}

/*
========================
ロゴ
========================
*/
#main-inner > p#logo{text-align:center;}
#main-inner > p#logo img{width:90%;}

/*
========================
見出し
========================
*/
#main > #main-inner > .section h2{display:block; color:#fff; background:#246dff; font-size:26px; font-weight:800; text-align:center; padding:5px 0; margin:100px auto 20px;}
#main > #main-inner > .section h2 p{border-top:3px solid; border-bottom:3px solid; padding:10px 0;}
@media screen and (max-width:980px){#main > #main-inner > .section h2{font-size:22px; margin:80px auto 10px;}}
@media screen and (max-width:640px){
#main > #main-inner > .section h2{font-size:20px; padding:3px 0; margin:50px auto 10px;}
#main > #main-inner > .section h2 p{border-top:2px solid; border-bottom:2px solid;}}
@media screen and (max-width:370px){#main > #main-inner > .section h2{font-size:18px;}}

/*
========================
開催日時
========================
*/
#date{display:flex; justify-content:center: align-items:center;}
#date > li{
background:rgba(0,0,0,.7);
text-align:center;
border:1px solid;
border-radius:5px;
padding:20px 10px;
box-shadow:0 0 3px #246dff,0 0 10px #246dff,0 0 3px #246dff inset,0 0 10px #246dff inset;}
#date > li > ul > li{font-size:20px;}
#date > li > ul > li:nth-child(1){font-weight:800; text-shadow:0 0 3px #246dff,0 0 10px #246dff,0 0 10px #246dff; margin-bottom:10px;}
#date > li > ul > li:nth-child(2) span{font-size:30px;}
#date > li > ul > li:nth-child(3){font-size:14px; margin-top:5px;}
@media screen and (min-width:951px){
#date > li{width:calc((100% / 3) - 10px);}
#date > li + li{margin-left:15px;}}
@media screen and (max-width:950px){
#date{flex-wrap:wrap;}
#date > li{width:100%;}
#date > li + li{margin-top:15px;}}

#date + p{text-align:center; margin:20px auto 0;}

/*
========================
会場
========================
*/
#venue{font-size:26px; text-align:center; line-height:130%;}
@media screen and (max-width:600px){#venue{font-size:20px;}}
@media screen and (max-width:420px){#venue{font-size:16px;}}

#venue + p{text-align:center; margin:5px auto 0;}

/*
========================
チケット
========================
*/
#ticket{font-family:'Noto Sans JP', sans-serif; font-size:12px; line-height:100%; text-align:center; font-weight:normal; margin:20px auto;}

/*表見出し*/
#ticket .head{display:flex; width:100%; font-size:11px; background:#444; align-items:center;}
#ticket .head li{padding:5px 0;}
#ticket .head li span{display:block; font-size:9px; margin-top:3px;}
#ticket .head li:nth-child(1){width:230px;}
#ticket .head li:nth-child(2){width:90px;}
#ticket .head li:nth-child(3){width:calc(100% - 1020px);}
#ticket .head li:nth-child(4),
#ticket .head li:nth-child(5){width:350px;}
#ticket .box + .head{margin-top:20px;}

/*表*/
#ticket .box{display:flex; background:rgba(0,0,0,.7); line-height:150%; border:1px solid;}
#ticket .box ul:nth-child(1){display:flex; width:calc(100% - 350px); flex-wrap:wrap;}
#ticket .box ul:nth-child(1) li:nth-child(odd){width:calc(100% - 350px);}
#ticket .box ul:nth-child(1) li:nth-child(even){display:flex; width:350px; border-left:1px solid; align-items:center; justify-content:center;}
#ticket .box ul:nth-child(1) li:nth-child(3),
#ticket .box ul:nth-child(1) li:nth-child(4){border-top:1px solid;}
#ticket .box ul:nth-child(1) li div{display:flex; width:100%;}
#ticket .box ul:nth-child(1) li div > p{padding:10px 0;}
#ticket .box ul:nth-child(1) li div > p:nth-child(1){width:230px;}
#ticket .box ul:nth-child(1) li div > p:nth-child(2){width:90px;}
#ticket .box ul:nth-child(1) li div > p:nth-child(3){width:calc(100% - 320px);}
#ticket .box ul:nth-child(1) li div > p + p{border-left:1px solid;}
#ticket .box ul:nth-child(1) li div:nth-child(2){border-top:1px solid;}
#ticket .box ul:nth-child(2){display:flex; width:350px; border-left:1px solid; align-items:center; justify-content:center;}

@media screen and (max-width:1200px){
#ticket{overflow:scroll hidden;}
#ticket .scroll{width:1200px; overflow:hidden; padding-bottom:10px;}
#ticket::-webkit-scrollbar{height:8px;}
#ticket::-webkit-scrollbar-thumb{background:#fff; border-radius:2px;}
#ticket::-webkit-scrollbar-track{background:#000;}}

#ticket + .dot{text-shadow:0 0 3px #000,0 0 3px #000,0 0 10px #000;}

/*会場地図*/
#ticket-map{width:100%; text-align:center; max-width:640px; margin:0 auto;}
#ticket-map p{font-size:18px; text-shadow:0 0 3px #246dff,0 0 10px #246dff,0 0 10px #246dff; margin:0 auto 10px;}
#ticket-map img{width:100%; border:1px solid #333;}

/*チケットリンク*/
a.link-ticket{
display:block;
width:80%;
max-width:640px;
color:#fc0873;
background:#fff;
font-size:34px;
font-weight:bold;
line-height:100%;
text-align:center;
border:2px solid #fc0873;
border-radius:10px;
padding:15px 10px;
margin:30px auto 0;
transition:all .2s ease;}
a.link-ticket:hover{color:#fff; background:#fc0873;}
@media screen and (max-width:640px){a.link-ticket{width:100%; font-size:26px;}}
@media screen and (max-width:370px){a.link-ticket{font-size:20px;}}

/*
========================
出演者
========================
*/
#guest li{
background:rgba(0,0,0,.7);
text-align:center;
border:1px solid;
border-radius:5px;
padding:20px 10px;
box-shadow:0 0 3px #246dff,0 0 10px #246dff,0 0 3px #246dff inset,0 0 10px #246dff inset;}
#guest li + li{margin-top:15px;}
#guest li > p,#guest li > strong{text-shadow:0 0 3px #246dff,0 0 10px #246dff,0 0 10px #246dff;}
#guest li > p{font-size:14px;}
#guest li > p span{font-size:26px;}
#guest li > strong{display:block; font-size:24px; font-weight:800; margin:7px auto 10px;}
#guest li > span{display:block; margin:10px auto 0;}
@media screen and (max-width:480px){
#guest li > p{font-size:12px;}
#guest li > p span{font-size:24px;}
#guest li > strong{font-size:20px;}}

/*
========================
注意事項
========================
*/
#notice{
background:rgba(0,0,0,.7);
border:1px solid;
border-radius:5px;
padding:20px;
box-shadow:0 0 3px #246dff,0 0 10px #246dff,0 0 3px #246dff inset,0 0 10px #246dff inset;}
#notice > strong{display:block; text-shadow:0 0 3px #246dff,0 0 10px #246dff,0 0 10px #246dff; margin:0 auto 10px;}
#notice > .dot + strong{margin-top:30px;}