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

/*センター寄せ見出し*/
#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;}
@media screen and (min-width:981px){
#event .frame > .inner h5{margin: 25px auto 20px;}}
@media screen and (max-width:980px){
#event .frame > .inner h5{margin: 15px auto;}}

/***** 見出し付きリスト *****/
#event .frame > .inner span + dl.desc-lists{margin-top:10px;}
#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;
color:#fff8d4;}
#event .frame > .inner .desc-lists b{
font-weight:bold;
background-color:#333;
padding:0 10px;
margin:8px 5px 8px 0;
line-height:1.7;
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;}
#event .frame > .inner .desc-lists li{color:silver;}

#event .frame > .inner p.version{
border-top:dotted 1px #716134;
margin-top:30px;
padding-top:10px;
color:#a58e4c;}
#event .frame > .inner .version b{color:#a58e4c;}
#event .frame > .inner .version + p{margin-top:5px;}

/***** テキストアイコン *****/
#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;}

/*
================================================================================================================
detailed.html 特典
================================================================================================================
*/
/*event.css上書き*/
#event .frame > .inner hr{margin:20px 0;}

/*クラス名*/
#event .frame > .inner .class-name img{
max-width:174px;
display:inline-block;}
#event .frame > .inner .class-name{text-align:left;}

/*クラス説明背景*/
#event .frame > .inner .wrap-class{
background:#222;
padding:10px;
margin-top:20px;
border-radius:4px;}

/*固定値特典表*/
#event .frame > .inner .prize-table{
width:100%;
max-width:640px;
margin:10px auto;}
#event .frame > .inner .prize-table th,#event .frame > .inner .prize-table td{
padding:8px 0;
border-bottom:solid 1px #fff8d4;}
#event .frame > .inner .prize-table th{border-left:solid 1px #990000;}
#event .frame > .inner .prize-table th:last-child{border-right:solid 1px #990000;}
#event .frame > .inner .prize-table td{
text-align:center;
font-weight:bold;
border-left:solid 1px #990000;}
#event .frame > .inner td.prize-image{
width:80%;
border-right:solid 1px #990000;
background: #000000;
background: -moz-linear-gradient(top, #000000 0%, #660000 100%);
background: -webkit-linear-gradient(top, #000000 0%, #660000 100%);
background: linear-gradient(to bottom, #000000 0%, #660000 100%);}
#event .frame > .inner .prize-image img{
max-width:500px;}

/*追加特典*/
#event .frame .add-benefit{
margin:10px auto;
border:solid 1px #e8db6e;
padding:10px;}
#event .frame .add-benefit dd{
margin:5px 0 10px;
font-weight:bold;
color:#e8db6e;}
#event .frame .add-benefit dt{
display:inline-block;
margin-right:5px;
padding:0 5px;
background:#e8db6e;
color:#000;
font-weight:bold;
border-radius:2px;}

@media screen and (min-width: 481px){
#event .frame .add-benefit dd{display:inline-block;}}

/***** PASELI特典枠 *****/
#event .frame > .inner .box_paseli1,
#event .frame > .inner .box_paseli2{
max-width:640px;
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:10px 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;}

@media screen and (max-width:480px){
#event .frame > .inner .sp_left{
text-align: left;
}}