@charset "utf-8";

.no_main{
background-image: url(/concept/images/bg.jpg);
background-repeat: no-repeat;
background-position: center center;
}

.title_bbb0 span {
    display: inline-block;
    border-bottom: solid 2px #0f3675;
    font-weight: 400;
}

.releasebox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.releasebox li {
    width: calc(100%/3);
    margin-bottom: 20px;
    padding: 0 10px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}
.releasebox li a {
    display: block;
    text-decoration: none;
}
.releasebox li a:hover {
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.releasebox li img {
    width: 100%;
    margin-bottom: 5px;
}
.releasebox li span {
    font-size: 1.4rem;
    display: block;
    margin-bottom: 5px;
}
.releasebox li span.date {
    font-size: 1.2rem;
    margin-bottom: 0;
    text-align: right;
}
@media screen and (min-width: 769px), print {

}



@media screen and (max-width: 768px) {
.no_main{
padding-top: 0px;}
.releasebox li {
    width: calc(100%/1);
    margin-bottom: 20px;
    padding: 0 10px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}
}