/*
================================================================================================================
COMMON
================================================================================================================
*/
#event .frame > .inner h5{
 max-width: 654px;
 display: block;
 font-size: 16px;
 font-weight: bold;
 color: #e8db6e;
 border-bottom: 1px solid #e8db6e;
 padding-bottom: 8px;
}

#event .frame > .inner .line-box{
border:solid 1px #726c34;
padding:15px;
margin:10px auto 20px;
max-width:654px;
color: #fff8d4;
text-align: left;
}
#event .frame > .inner .line-box img{ border:solid 1px #e8db6e;}
#event .frame > .inner .line-box div{ margin-top:10px;}

#event .frame .redbox,
#event .frame .bluebox,
#event .frame .orangebox{
display: inline-block;
padding: 0 3px;
border-radius: 2px;
font-size: 0.9em;
line-height: 1.5em;
margin: 0 3px;
}
#event .frame .orangebox{background-color: #d2691e;}
#event .frame .redbox{background-color: #dc143c;}
#event .frame .bluebox{background-color: #483d8b;}

/* トップページ index.html  --------------------------------------------------*/

/***** トップタイトル *****/
#event .frame > .inner .top-title{max-width: 700px;}
#event .frame > .inner .top-title.index{border: double 3px #e8db6e;}


/* 詳細ページ detailed.html--------------------------------------------------*/

#event .frame > .inner .schedule_list{ margin-top: 5px;}
#event .frame > .inner .schedule_list dt img{ margin: 10px 0 0;}
#event .frame > .inner .schedule_list dd{ color: #fff8d4;}

#event .frame > .inner .schedule span{color:red;}

.votepro_flow > dt{
 font-size: 14px;
 font-weight: bold;
 color: #e8db6e;
 padding: 5px;
 border-bottom: solid 1px #e8db6e;
 margin-bottom: 20px;
}
.votepro_flow > dd{
 margin: 0 auto 30px;
 color: #fff8d4;
 max-width: 654px;
}
.votepro_flow > dd ul{
 margin: 20px 0;
}

/* 投票権入手リスト */
.votepro_flow > dd ul.get_list{
 font-size: 12px;
 color: #fff8d4;
 line-height:1.4rem;
 border: solid 1px #726c34;
 padding: 10px 10px 10px 25px;
 max-width: 654px;
 margin: 0 auto 20px;
}
.votepro_flow > dd ul.get_list li{
 list-style: disc;
}
.votepro_flow > dd ul.get_list li a.more-btn{
 display:inline-block;
 padding:0 10px;
 margin-left:5px;
}

.get_list_box{
 background: #222;
 padding: 10px;
 margin: 5px 0 10px;
 border-radius: 6px;
}
#event .frame > .inner .get_list_box .title{
 color: yellow;
 margin-bottom: 5px;
}
#event .frame > .inner .get_list_box img{
 width: 80%;
 max-width: 600px;
 border-radius: 6px;
}

/* 説明リスト */
dl.topic_list dt{
 font-weight: bold;
 color: #e8db6e;
 margin: 0 auto 10px;
 max-width: 654px;
 border-left: solid 4px #e8db6e;
 padding-left: 5px;
}
dl.topic_list dd{
 color: #fff8d4;
 margin:10px auto 20px;
 padding-left: 10px;
 max-width: 632px;
}
.wrap_parallel_img{
 display: flex;
 justify-content: space-between;
 margin-bottom: 10px;
}
#event .frame > .inner  .wrap_parallel_img img{
 width: calc((100% - 10px)/2);
}

/* サポーターランクテーブル */
.rank_table{
 margin: 10px auto;
 max-width: 500px;
 font-size:13px;
}
.rank_table_wide{
 margin: 10px auto;
 max-width: 640px;
}
.rank_table th,
.rank_table td,
.rank_table_wide th,
.rank_table_wide td{
 border: solid 1px #726c34;
 padding: 8px;
}
.rank_table th,
.rank_table_wide th
{background: #403c15;}

.rank_table td:first-child{
 text-align:center;
 font-weight: bold;
 font-size: 15px;
}

#event .frame > .inner table.rank_table th,
#event .frame > .inner table.rank_table td{
text-align:center;}
.rank_table td p{
 background: #222;
 padding: 5px;
 border-radius: 6px;
}

#event .frame > .inner table.rank_table .highright td{
background: #000;
color: yellow;
}

#event .frame > .inner .rank_table td img,
#event .frame > .inner .rank_table td p img{
 max-width: 240px;
 border-radius: 6px;
 margin: 0 auto;
}
#event .frame > .inner .rank_table img.rank{
 max-width: 32px;
 margin: 0 auto;
}
#event .frame > .inner .rank_table td{text-align:center;}

.rank_table caption{
 font-size:14px;
 font-weight:bold;
 margin-bottom:5px;
}

/* フロー枠 */
#event .frame > .inner .gray-box{
max-width:654px;
background:#222;
border-radius:5px; 
padding:20px 15px 10px;
margin:20px auto;}

#event .frame > .inner .gray-box:last-child:after{content:none;}

#event .frame > .inner .gray-box img{margin:10px auto;}
#event .frame > .inner .gray-box b{
display:block;
font-size:1rem;
color:gold;
margin-bottom:10px;}
#event .frame > .inner .gray-box p{
max-width:500px;
margin:0 auto 10px;}


/*
================================================================================================================
PC版
================================================================================================================
*/
@media screen and (min-width:981px){
#event .frame > .inner h5{margin: 50px auto 20px;}

/* 投票選抜戦 index.html --------------------------------------------------*/
#event .frame > .inner label:hover{opacity: 0.75;}

/* 投票選抜戦 ranking.html --------------------------------------------------*/
#event .frame > .inner .rank_title{margin: 20px auto;}
.rank_lists,
.player_infos{width: 80%;}
.rank_list td{font-size: 15px;}
.rank_list .player_btn{margin-top: 10px;}
.rank_list a:hover{opacity: 0.75;}
}

@media screen and (min-width:769px){
.brsp{display:none;}

#event .frame > .inner .line-box{
 padding:10px;
 display:flex;}
#event .frame > .inner .line-box img,
#event .frame > .inner .line-box div{width: calc((100% - 10px) / 2);}
#event .frame > .inner .line-box div{
margin:0;
padding-left:10px;}
}

/*
================================================================================================================
SP版
================================================================================================================
*/
@media screen and (max-width:980px){
#event .frame > .inner h5{margin: 40px auto 15px;}
.rank_list a{font-size: 12px;}
}