/*
================================================================================================================
サイトマップ
================================================================================================================
*/
#sitemap{
display:block;
position:relative;
color:#ff6171;
background:#fff;
font-family:'M PLUS 1', sans-serif;
font-weight:500;
font-size:12px;
padding:40px 20px 30px;
z-index:3;}
#sitemap::before{
display:block;
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:5px;
background-image:url(/game/bpl/season6/img/common/bg/bar.jpg);
background-size:100% auto;}
#sitemap > * + *{margin-top:20px !important;}

#sitemap a{color:#ff6171;}
#sitemap .cat{width:100%; max-width:1200px; margin:0 auto;}

/*見出し*/
#sitemap .cat > h3,
#sitemap .cat-sub > p:first-child{font-size:13px; margin-bottom:5px;}

#sitemap .cat > h3{display:block; width:100%; font-weight:600;}
#sitemap .cat-sub > p:first-child{border-bottom:1px solid #ff6171; padding:0 0 3px 0;}

/*リンク装飾*/
#sitemap .cat ul:not(#sns) li a{position:relative; padding:4px 0 4px 12px;}
#sitemap .cat ul:not(#sns) li a::before{
display:block;
content:"";
position:absolute;
top:9px;
left:0;
width:6px;
height:6px;
border-top:1px solid #ff6171;
border-right:1px solid #ff6171;
transform:rotate(45deg);}
#sitemap .cat ul:not(#sns) li a:hover{text-decoration:underline;}

/*
========================
参戦タイトル サイトマップ
========================
*/
#sitemap .cat > .inner{background:rgba(255,97,113,.08); padding:10px; border-radius:5px;}
#sitemap .cat-sub{margin:10px auto 0;}

/*試合詳細-ボタン*/
#sitemap .cat-sub > .inner > p{position:relative; padding:4px 0 4px 12px;}
#sitemap .cat-sub > .inner > p:hover{cursor:pointer;}
#sitemap .cat-sub > .inner > p::before{
display:block;
content:"";
position:absolute;
top:12px;
left:0;
width:6px;
height:6px;
border-top:1px solid #ff6171;
border-right:1px solid #ff6171;
transform:rotate(45deg);
transition:.2s ease-in-out;}
#sitemap .cat-sub > .inner p.open::before{top:10px; transform:rotate(135deg);}

/*試合詳細-内容*/
#sitemap .cat-sub > .inner .toggle{display:none;}
/*#sitemap .cat-sub > .inner ul li + li{margin-top:5px;}*/
#sitemap .cat-sub > .inner ul li > a{display:flex; width:100%; padding:3px 5px; transition:background .2s ease-in-out; border-radius:5px;}
#sitemap .cat-sub > .inner ul li > a:hover{background:#fff; text-decoration:none !important;}
#sitemap .cat-sub > .inner ul li > a::before{display:none !important;}
#sitemap .cat-sub > .inner ul li > a > p:first-child{width:60px;}
#sitemap .cat-sub > .inner ul li > a > p:nth-child(2){width:calc(100% - 60px);}

@media screen and (max-width:640px){
#sitemap .flex2 ul{display:flex; width:100%; flex-wrap:wrap; justify-content:space-between;}
#sitemap .flex2 ul li{width:calc(50% - 5px);}}

@media screen and (max-width:480px){
#sitemap{font-size:10px; padding:20px 10px;}
#sitemap > * + *{margin-top:10px !important;}
#sitemap .cat > h3,
#sitemap .cat-sub > p:first-child{font-size:11px; margin-bottom:3px;}
#sitemap .cat-sub{margin:5px auto 0;}
#sitemap .cat-sub > .inner ul li > a > p:first-child{width:50px;}
#sitemap .cat-sub > .inner ul li > a > p:nth-child(2){width:calc(100% - 50px);}}

/*
========================
SNS系リンク
========================
*/
#sitemap ul#sns{display:flex; width:100%; justify-content:center; margin:20px auto 0 !important;}
#sitemap ul#sns li img{width:100%; max-width:40px; transition:.35s ease-in-out;}
#sitemap ul#sns li a:hover img{opacity:.7;}

/*
================================================================================================================
スポンサー
================================================================================================================
*/
#sponsor{
display:block;
position:relative;
color:#ff6171;
background-color:#000;
padding:80px 20px;
z-index:3;}
#sponsor > h4{
display:block;
font-family:'Noto Sans JP', sans-serif;
font-weight:400;
line-height:120%;
font-size:15px;
text-align:center;
letter-spacing:10px;
margin:0 auto 60px;}

#sponsor > #redbull{width:90%; max-width:372px; margin:0 auto;}
#sponsor > #redbull img{width:100%;}