.item_box p{
font-weight:bold;}

.item_title{
width:100%;
text-align:center;
color:#2c2f16;
background:#d3fb6b;
font-size:18px;
font-weight:700;
border-radius:5px;
padding:10px;}

.coop_bnr{text-align:center; margin-bottom:20px;}
.coop_bnr img{width:80%; max-width:640px;}

/*
=========================
選択
=========================
*/
form#form1{width:96%; max-width:400px; margin:30px auto 0;}
form#form1 #sel_series_id{width:100%; margin-bottom:15px;}
form#form1 #sel_series_id select{width:100%; border:1px solid #000; padding:5px;}

/*
=========================
カード種類 フレーム
=========================
*/
#series_area{
position:relative;
display:flex;
width:96%;
color:#fff;
background-color:#000;
background-image:url(/game/sdvx/vii/images/common/bg/grd_btm.png) , url(/game/sdvx/vii/images/common/bg/grd_top.png);
background-position:bottom , top;
background-repeat:repeat-x , repeat-x;
background-size:auto 50px , auto 50px;
border-top:2px solid #8ad004;
border-bottom:2px solid #8ad004;
font-weight:700;
text-align:center;
padding:10px;
margin:20px auto;}
@media screen and (max-width:800px){#series_area{background-size:auto 70px , auto 70px;}}

/*
=========================
種類
=========================
*/
#series_area #series_wrap{
display:flex;
width:96%;
max-width:800px;
align-items:center;
padding:10px 20px;
margin:0 auto;}
#series_area #series_wrap .title{
width:calc(100% - 170px);
font-weight:bold;
font-size:112.25%;}
#series_area #series_wrap .count{
width:170px;
height:40px;
color:#000;
background-color:#ffae00;
line-height:40px;
border-radius:6px;
padding:0 5px;}

@media screen and (max-width:980px){
#series_area #series_wrap .title{font-size:14px;}}
@media screen and (max-width:640px){
#series_area #series_wrap{flex-wrap:wrap; justify-content:center; padding:10px 20px;}
#series_area #series_wrap .title{width:100%; margin:0 auto 10px;}}
@media screen and (max-width:767px){
#series_area #series_wrap .count{font-size:13px;}}

.item_box{width:96%; margin:0 auto;}
.item_list{display:flex; flex-wrap:wrap; margin:10px auto;}
.item_list li{width:25%; padding:5px;}
.item_list li img{width:100%; filter:brightness(0.5);}
.item_list .have{filter:brightness(1);}
@media screen and (max-width:980px){.item_list li{width:calc(100% / 3);}}
@media screen and (max-width:700px){.item_list li{width:50%;}}
@media screen and (max-width:480px){.item_list li{width:100%;}}