/*
================================================================================================================
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;
}

#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;}

#event .frame > .inner .copyright{
margin-top:10px;
color: #fff8d4;}

#event .frame > .inner li{color:#fff8d4;}

/***** 装飾 *****/
.round{border-radius:6px;}

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

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

/***** スケジュール(テキスト版) *****/
#event .frame > .inner .index-schedule{
 color:#fff8d4;
 font-size:16px;
}
#event .frame > .inner .index-schedule .time{
 display:inline-block;
 color:#e8db6e;
 font-weight:bold;
 margin:0 auto 10px;
}

/***** ブロック *****/
#event .frame > .inner .wrap-dl > div{
 min-height:400px;
 margin:30px auto 50px;
}

#event .frame > .inner .wrap-dl dt{
 background:rgb(24,0,3);
 background:linear-gradient(180deg, rgba(24,0,3,1) 0%, rgba(138,0,0,1) 100%);
 border-bottom:solid red 1px;
 font-weight:bold;
 font-size:16px;
 color:#e8db6e;
 padding:10px 0;
 margin-bottom:10px;
}

#event .frame > .inner .wrap-dl .dd{
max-width:654px;
margin:0 auto;
}

#event .frame > .inner .em_box b > a{
 background: yellow;
 border-radius: 4px;
 padding: 2px 5px;
 text-decoration: none;
 color: #4d4413;
 margin-top: 5px;
 display: inline-block;
 transition:0.2s;
}
#event .frame > .inner .em_box b > a:hover{opacity:0.8;}


/***** リンクバナー *****/
#event .frame > .inner ul.banner_list{
margin: 10px auto 20px;
width: 80%;}
#event .frame > .inner ul.banner_list li{
margin: 10px 0;}
#event .frame > .inner ul.banner_list .darken_img{
opacity: 0.5;}

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

/***** 見出し付きリスト *****/
#event .frame > .inner .desc-lists dl{
margin:0;
padding:5px 0 0;}
#event .frame > .inner .area-lists dt,
#event .frame > .inner .desc-lists dt{
display:inline-block;
padding:2px 10px 6px 6px;
border-left:solid 4px #e8db6e;
border-bottom:dotted 1px #e8db6e;
font-size:14px;
font-weight:bold;
line-height:1.0;
margin:5px 0 10px;
color:#e8db6e;
min-width:72px;}
#event .frame > .inner .desc-lists dd{margin:0 0 15px 10px;}
#event .frame > .inner .desc-lists b{
font-weight:bold;
display:inline-block;
background-color:#333;
padding:0 10px;
margin-bottom:4px;
border-radius:2px;}
#event .frame > .inner .desc-lists dd b + span{padding:0 10px 0 5px;}
#event .frame > .inner .desc-lists dd p:first-child{margin-bottom:5px;}

strong + div{
text-align:left;
max-width:640px;
margin:0 auto;
}

/* フロー枠 */
#event .frame > .inner .gray-box{
width:95%;
max-width:500px;
background:#1a1a1a;
border-radius:5px; 
padding:15px;
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:#fff8d4;
margin-bottom:5px;}
#event .frame > .inner .gray-box p{
text-align:left;
color:#fff8d4;}
#event .frame > .inner .gray-box a{
text-align:center;
}

/* 説明リスト */
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;
}

dl.topic_list dd > p{margin-bottom: 10px;}
dl.topic_list dd > p:last-child{margin-bottom: 0;}

.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;
}

.rank_table th,
.rank_table td{
 border: solid 1px #726c34;
 padding: 5px;
}

.rank_table th{background: #403c15;}

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

.rank_table td:last-child{
 font-weight: normal;
 font-size: 13px;
}

.rank_table td p{
 background: #222;
 padding: 5px;
 border-radius: 6px;
}

#event .frame > .inner .rank_table td p img{
 max-width: 240px;
 border-radius: 6px;
 margin: 0;
}

#event .frame > .inner .rank_table img.rank{
 max-width: 150px;
 margin: 0;
}

/***** PASELI特典枠 *****/
#event .frame > .inner .box_paseli1,
#event .frame > .inner .box_paseli2{
max-width:480px;
font-weight:bold;
padding:5px 10px;}
#event .frame > .inner .box_paseli1{
text-align:center;
background:#1bb367;
border-radius:6px 6px 0 0; 
color:#fff;
margin:40px auto 0;
position:relative;}
#event .frame > .inner .box_paseli2{
text-align:left;
background:#fff;
border-radius:0 0 6px 6px; 
color:#1bb367;
margin:0 auto 10px;}
#event .frame > .inner .box_paseli1:before,
#event .frame > .inner .box_paseli1:after{
position:absolute;
content:"";
display:inline-block;
background:#fff;
width:20px;
height:4px;
top:-20px;
left:calc(50% - 10px);}
#event .frame > .inner .box_paseli1:after{
transform: rotate(90deg);}

/***** 共通CSS efent.css修正 *****/
.gaiyou table{
margin:0 auto;
table-layout:fixed;}
.gaiyou th{
font-size:12px;
line-height:1.2;
}
.gaiyou td{padding:4px;}
.gaiyou td span{
font-size:10px;
display:block;
}

/* 結果ページ detailed.html--------------------------------------------------*/

/***** テーブル調整 *****/
.gaiyou table.table_prize{
table-layout:auto;
margin-bottom:5px;
}
#event .frame > .inner .gaiyou table.table_prize th,
#event .frame > .inner .gaiyou table.table_prize td{
color:#ebedcd;}

#event .frame > .inner .gaiyou th img{
display:inline-block;
width:25px;
margin-right: 2px;
}
.gaiyou table.table_prize td:first-child{
font-weight:bold;
width:30%;}
.gaiyou table.table_prize td:last-child{width:22%;}


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

@media screen and (min-width:769px){
.brsp{display:none;}
#event .frame > .inner .box_paseli2{text-align:center;}
#event .frame > .inner .img_list li{
margin-right:10px;
width:200px;}
#event .frame > .inner .img_list li:last-child{margin-right:0;}
}

/*
================================================================================================================
SP版
================================================================================================================
*/

@media screen and (max-width:980px){
#event .frame > .inner h5{
 margin: 30px auto 15px;
}}

@media screen and (max-width:768px){
#event .frame > .inner h5{margin: 30px auto 15px;}
#event .frame > .inner .img_list li{width:50%;}
#event .frame > .inner .gray-box{margin:10px auto;}
#event .frame > .inner .party_list{
display:block;
max-width:500px;}
#event .frame > .inner .party_list > li{
width:100%;
margin-bottom:10px;}}

@media screen and (max-width:480px){
#event .frame > .inner .sp_left{text-align: left;}
.inner #menu_bar01:checked ~ div.app_info,
.inner #menu_bar02:checked ~ div.app_info{
 height: 130px;
}}