.cate_inner{
position:relative;
background:url("../images/news/news_base_2.png") repeat;
background-position:left top;
background-size:100% auto;
}
.cate_inner::before{
content: "";position:absolute;top:-5px;left:0px;
background: url("../images/news/news_base_1.png") no-repeat left top;
background-size:100% auto;width:100%;height:100px;
}
.cate_inner::after{
content: "";position:absolute;bottom:-5px;left:0px;
background: url("../images/news/news_base_3.png") no-repeat left bottom;
background-size:100% auto;width:100%;height:100px;
}
.cate_inner > div{
position:relative;padding:2%;z-index:1;
}

ul.list > li{
width:100%;margin:20px auto;
}
ul.list li > div{
border:4px solid #76c9ff;border-top-right-radius: 17px;box-sizing: border-box;
/*outline: 4px solid #76c9ff;outline-offset: -8px;*/
box-shadow: 0 0 0 4px #E91E63 inset;
}
ul.list li > div > dl{
padding:2px 2px 0px 2px;
background:#76c9ff;border:2px solid #76c9ff;border-top-right-radius: 8px;
display:flex;flex-wrap:wrap;/*align-items:flex-end;*/
width:calc(100% - 8px);margin:4px auto 0px;
position: relative;
}
ul.list > li > div > dl dt{
background:#fff;width:120px;position:relative;height:20px;
padding:2px;
}
ul.list > li > div > dl dt::after{
content: '';position:absolute;top:0px;right:0px;
width:0px;height:0px;background: #76c9ff;
border-top:20px solid #fff;border-right:20px solid transparent;
}
ul.list > li > div > dl dd{
padding-top:2px;
width:calc( 100% - 120px );color:#fff;vertical-align:middle;
/*
background: url(/game/card_connect/2/images/about/cc_news_icon.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 18px;
padding-left: 25px;    */
}

ul.list > li > div span{
    background: url(/game/card_connect/2/images/about/cc_news_icon.png);
    background-position: left 4px center;
    background-repeat: no-repeat;
    background-size: 18px;
    margin-bottom: 0.5em;
    color: white;
    padding: 4px 4px 4px 24px;
    display: block;
}

/*お知らせ*/
ul.list > li.kind_notice > div > dl {
  background: #76c9ff;border:2px solid #76c9ff;border-top-right-radius: 8px; 
}
ul.list > li.kind_notice > div > dl dt::after {
  background: #76c9ff;
}
ul.list > li.kind_notice > div span{
    background-color: #76c9ff;
}

/*症状*/
ul.list > li.kind_advance > div > dl {
  background: #6a5acd;border:2px solid #6a5acd;border-top-right-radius: 8px; 
}
ul.list > li.kind_advance > div > dl dt::after {
  background: #6a5acd;
}
ul.list > li.kind_advance > div span{
    background-color: #6a5acd;
}


/*アップデート*/
ul.list > li.kind_update > div > dl {
  background: #d3381c;border:2px solid #d3381c;border-top-right-radius: 8px; 
}
ul.list > li.kind_update > div > dl dt::after {
  background: #d3381c;
}
ul.list > li.kind_update > div span{
    background-color: #d3381c;
}

/*新機能、メンテナンス*/
ul.list > li.kind_maintenance > div > dl {
  background: #ff93c9;border:2px solid #ff93c9;border-top-right-radius: 8px; 
}
ul.list > li.kind_maintenance > div > dl dt::after {
  background: #ff93c9;
}
ul.list > li.kind_maintenance > div span{
    background-color: #ff93c9;
}


/*コラボ*/
ul.list > li.kind_collabo > div > dl {
  background: #ff7fff;border:2px solid #ff7fff;border-top-right-radius: 8px; 
}
ul.list > li.kind_collabo > div > dl dt::after {
  background: #ff7fff;
}
ul.list > li.kind_collabo > div span{
    background-color: #ff7fff;
}







ul.list > li > div > div{
background:#fff;
padding:10px;width:calc(100% - 8px);margin:0px auto 4px;
}
ul.list > li > div > div a{
color:#ff53b4;text-decoration:underline #ff53b4;
}
ul.list > li > div > div a:hover{
text-decoration:none;
}

ul.list > li > div > div a[data-lightbox="group"]{
width:30% !important;display:block;margin:0px auto;
}


ul.list > li > div > div img{
/*width:100%;*/max-width:853px;display:block;margin:0px auto;
}

ul.ref li{
position: relative;margin:3px auto 0px;padding-left: 15px;
}
ul.ref li::before {
content:"※";position:absolute;display:block;font-size:13px;top:0;left:0;
}
ul.dot li{
position: relative;margin:3px auto 0px;padding-left: 15px;
}
ul.dot li::before {
content:"・";position:absolute;display:block;font-size:13px;top:0;left:0;
}
ul.list > li > div > div img.half{
max-width:426.5px;margin-left:0px;
}

.indent{
padding: 0px 15px;
}
.c_red{
color:#f00;
}
.c_tsutsuji{
color:#e95295;
}
.t_bold{
font-weight:bold;
}
.t_through{
text-decoration: line-through;
}

.bg{
background:rgba(255,255,255,0.8);
}

.m_title{
background:url("../images/news/news_small_title_base.png") no-repeat;
background-size:100%;background-position:bottom left;
padding:1% 0px 0.6% 4%;font-weight:bold;margin:3% 0px 1% -7px;
}
div.m_title:first-child{
margin-top:10px;
}
@media only screen and (max-width: 809px) {
  .m_title{
  background-size:cover;
  padding-left:26px;
  }
}
th{
border:2px solid #000;padding:5px;background:#ffef01;font-weight:bold;
}
td{
border:2px solid #000;padding:5px;vertical-align:middle;min-width:48px;
}
table.stage{
max-width:822px;width:100%;
}
table.stage td:first-of-type{
width:30%;
}
table.stage td:nth-of-type(2){
width:40%;
}
table.stage td:last-of-type{
width:30%;
}
ul.list > li > div > div table.stage a[data-lightbox="group"]{
width:90% !important;max-width:120px;
}
/*
img.thumbnail{
width:30% !important;
}
*/