@charset "UTF-8";
/* CSS Document */

.releasearea_bg { z-index: 10;}

.releasearea h2:after {width: calc(100% - 16em);}
.releasearea .details h3 {text-align: center;font-size: 1.3em;font-weight: 500;letter-spacing: .05em;text-indent: 0.05em;margin: 1.5em 0 0;}
.releasearea .details h3 span { font-size: 1em;max-width: 380px;margin: 0.7em auto;width: 65%;}
.releasearea .details .box .data {text-align:center;margin-top:.5em;}
.releasearea .details .box h3 {text-align: center;font-size: 1.3em;font-weight: 600;letter-spacing: .05em;text-indent: 0.05em;margin: 1.5em 0 0;}
.releasearea .details .release_date {text-align: center;}
.releasearea .details p.ttl {margin-left: -.5em;margin-top: 1.5em;margin-bottom: .5em;font-weight: 600;margin-bottom: 0;font-size:1.2em;}
.releasearea .details .box {}
.releasearea .details .box .notes li {padding-left:1em;position:relative;font-size:.9em;}
.releasearea .details .box .notes li:before {content:"※";position:absolute;top:0;left:0;}
.releasearea .details h4 { font-weight: 600;margin-left: -.5em;font-size: 1.05em;}
.anime-type02.anime-text2.kaiten {display:none !important;}
.releasearea .tracklist {padding-top: 0;margin-top: 1.5em;}
.releasearea .tracklist .ttl {margin-left: 0;background: #000;color: #fff;padding: .6em .8em .5em;margin-bottom:1em !important;line-height:1;}

.releasearea .jacket {width: 100%;margin: 1em auto;}

@media screen and (min-width:568px) {
}

@media screen and (min-width:768px) {
.releasearea .details {width: 100%;display: block;vertical-align: middle;padding-left: 0; letter-spacing: normal;}
.releasearea .details .release_date {margin-bottom:2em;font-size: 1.5em;}
.releasearea .details h3 {margin:0;font-size: 1.5em;}
.releasearea .details h3 span {max-width: 300px;width: 40%;}
.releasearea .box_wrap {display:flex;flex-wrap:wrap;border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.releasearea .box_wrap .jacket {width: 40%; display: block;margin: 0;}
.releasearea .box_wrap .box {border-bottom: none;padding-bottom: 0;margin-bottom: 0;width: 60%;padding-left: 3%;}
.releasearea .details p.ttl {margin-top:0;}
.releasearea h2:after {width: calc(100% - 18em);}

.releasearea .details .box h3 {text-align: left;}
.releasearea .details .box .data {text-align: left;margin-top: 0.2em;margin-bottom: 1.5em;;}
}

@media screen and (min-width:1200px) {

.releasearea_in, .releasearea h2 {max-width: 1100px;margin: 0 auto;}
.releasearea .box_wrap .jacket {width: 50%;}
.releasearea .box_wrap .box {width: 50%;}

.releasearea .details .listen {width:102%;margin-left:-1%;display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.listen_two .listen_btn {margin: 0;width: 33.33%;padding: 0 1%;}
.releasearea .details .listen_btn a {letter-spacing:normal;text-indent:0;font-size:.95em;}
}

@media screen and (min-width:1280px) {
}
@media screen and (min-width:1440px) {
}
@media screen and (min-width:1600px) {
}