.n-l-inner { width: 100%; max-width: 980px; position: relative; margin: 0 auto; padding: 2rem 0; background: white; border-radius: 10px; }
.n-l-inner li { width: 100%; position: relative; }
.n-l-inner li + li { border-top: 1px solid #cccccc; }
.n-l-inner li:last-child,.n-l-inner li#newsTgl { border-bottom: 1px solid #cccccc; }
.n-l-inner li#newsTgl + li{border-top: none;}
.n-l-inner li a { width: 100%; position: relative; display: block; color: #333333; }
.n-l-inner li a::after{
    content: '\FF1E';
    padding-top: 0;
    display: block;
    transform: scale(0.6, 1);
    font-weight: bold;
    position: absolute;
    right: 1rem;
    top: calc(50% - .5rem);
    color: #EB5505;
}
.n-l-inner li a.outer::after {
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 1.4em;
    margin-top: -4.5px;
    background-image: url(/etc.clientlibs/settings/wcm/designs/au-com/clientlib-site/resources/images/icon/icon_sprite.png);
    background-position: -23.5px -100px;
    width: 9px;
    height: 9px;
    background-size: 121px 118px;
    transform: scale(1.2);
}
.n-l-inner li a.btnMdlWhatsnew::after{content: '';}
.n-l-inner li a.btnMdlWhatsnew .iconPlus {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 1rem;
    top: calc(50% - .5rem);
    line-height: 16px;
    border: solid 2px #EB5505;
    border-radius: 10px;
    background: #fff;
    text-decoration: none !important;
}
.n-l-inner li a.btnMdlWhatsnew .iconPlus::before {
        content: "\FF0B";
        display: block;
        font-size: 12px;
        font-weight: bold;
        color: #eb5505;
        position: absolute;
        top: 0;
        left: calc(50% - 6px);
        text-decoration: none !important;
}
.n-l-inner li a:hover { text-decoration: none; }
.n-l-inner li dl { width: 100%; position: relative; display: flex; padding: 1rem 4rem 1rem 1rem; }
.n-l-inner li a dl:hover dd { text-decoration: underline; }
.n-l-inner li dt { width: 200px; color: #676767; font-weight: normal; text-align: left;}
.n-l-inner li dd { width: calc(100% - 200px - 3%); margin-left: 3%; text-align: left;}
.news-inner { width: 100%; position: relative; text-align: left; }
.news-inner .date { color: #cccccc; font-weight: normal; margin: 0 0 1rem; }
.news-inner .detail { line-height: 1.8; }

@media screen and (min-width: 768px) {
    #wrapWhatsNew{padding: 30px 0 100px 0;}
    #wrapWhatsNew h2.ttl{
    width: 100%;
    position: relative;
    text-align: center;
    }
    #wrapWhatsNew h2.ttl img{width: 134px; display: block; margin: 0 auto;}
    #closeNews{
        width: 250px;
        margin: 0 auto;
        background: #fff;
        position: relative;
        padding: 14px 0;
         height: auto;
        line-height: 1.4;
    }
    #closeNews::after{
        content: '\FF1E';
        padding-top: 0;
        display: block;
        transform: scale(1, 0.6) rotate(90deg);
        font-weight: bold;
        position: absolute;
        right: 3.4rem;
        top: calc(50% - .6rem);
        color: #EB5505;
    }
    #closeNews.op::after{
        transform: scale(1, 0.6) rotate(270deg);
    }
}
@media screen and (min-width: 0px) and (max-width: 767.98px) {
    
    #wrapWhatsNew{padding: 0 0 15% 0;}
    #wrapWhatsNew h2.ttl{
    width: 100%;
    position: relative;
    text-align: center;
    }
    #wrapWhatsNew h2.ttl img{width: 40vw; display: block; margin: 0 auto;}
    #closeNews{
        width: 50vw;
        margin: 0 auto;
        background: #fff;
        position: relative;
                height: 12vw;
        line-height: 11.4vw;

    }
    #closeNews::after{
        content: '\FF1E';
        padding-top: 0;
        display: block;
        transform: scale(1, 0.6) rotate(90deg);
        font-weight: bold;
        position: absolute;
        right: 11vw;
        top: calc(50% - 5.4vw);
        color: #EB5505;
    }
    #closeNews.op::after{
        transform: scale(1, 0.6) rotate(270deg);
    }
.n-l-inner li a::after{
    right: .5rem;
}
.n-l-inner li a.outer::after {
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 1.4em;
    margin-top: -4.5px;
    background-image: url(/etc.clientlibs/settings/wcm/designs/au-com/clientlib-site/resources/images/icon/icon_sprite.png);
    background-position: -23.5px -100px;
    width: 9px;
    height: 9px;
    background-size: 121px 118px;
    transform: scale(1.2);
}

.n-l-inner li a.btnMdlWhatsnew .iconPlus {
    display: inline-block;
    position: absolute;
    width: 5vw;
    height: 5vw;
    right: .6rem;
    top: calc(50% - .5rem);
    line-height: calc(5vw - 0.8vw);
    border: solid .4vw #EB5505;
    border-radius: 2.5vw;
    background: #fff;
    text-decoration: none !important;
}
.n-l-inner li a.btnMdlWhatsnew .iconPlus::before {
        content: "\FF0B";
        display: block;
        font-size:3vw;
        font-weight: bold;
        color: #eb5505;
        position: absolute;
        top: 0;
        left: calc(50% - 1.6vw);
        text-decoration: none !important;
}

  .news-list h2.ttl { font-size: 4vw; }
  .n-l-inner { padding: 2vw 4vw 8vw; }
  .n-l-inner li dl { flex-wrap: wrap; padding: 4vw 8vw 4vw 4vw; }
  .n-l-inner li dt { width: 100%; text-align: left;}
  .n-l-inner li dd { width: 100%; margin: 1vw 0 0; text-align: left;}
  .news-inner .date { margin: 0 0 3vw; }
  .news-inner .detail { line-height: 1.6; }
}