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

body {color:#333;}

.menu-trigger span {background-color: #f7c2d1;}
.opening {background:#61a879;background-size:cover;}
/*.grad_bg , .contents_sub_bg {background-image: linear-gradient(to top, #9a98fe 0%, #53d3e7 100%);}*/
.grad_bg , .contents_sub_bg {background:none;}
.grad_bg:after , .contents_sub_bg:after {content:"";display:block;background:#61a879;background-size:cover;top:0;left:0;z-index:-1;}
.grad_bg:after {position:fixed;width:100vw;height:100vh;}

.contents_sub_bg:after {position:absolute;height:100%;width:100%;}
.contents_sub .area {background: #fff;}

.header .logo { width: 260px;padding-top: 5px;}

.gnavi li a:hover{color:#ea5b7b;opacity:1;}
.gnavi li a:before{background:#ea5b7b;}

.slideimg {padding-top: 130%;}
.aboutus {padding: 12% 5%;}
.aboutus p {margin-top:1em;}
.aboutus h2 + p {margin-top:0;}

.member_menu span {background-position: center 0;}

.listen_two .listen_btn {margin:1em 0;}
.releasearea .details h3 span {font-size: 2.2em;}
.releasearea .details h3 span.img {max-width: 6em;margin-top:.2em;}
.releasearea .details .listen_btn.withu a {background: -webkit-linear-gradient(left, #de80f6 0%, #717df2 100%);background: linear-gradient(to left, #de80f6 0%, #717df2 100%);}
.releasearea .details .listen_btn.withu a span {width: 1.5em;padding-top: 1em;left: 1.4em;}
.releasearea .details .release_date {font-size: 1.3em;}
.releasearea .second_single .details h3 span.img {max-width: none;width:100%;}

.releasearea .second_single .details .listen_btn a {background:#e8410b;}

/*
.anime-text > span {display:inline !important;opacity:1 !important;}
.text-set {opacity:1 !important;}
*/

.about .deco01 {top:105vw;}
.about .deco02 { left: 12%;}
.about .deco04 {top:5%;}
.about .deco05 {top:85vw;}
.about .anime-text1 {top: 20%;}
.about .anime-text8 {top: 20%;}
.about .anime-text10 {top: 30%;}
.about .anime-text5 {display:none !important;}
.about .anime-text11 {top: 7%;display:none !important;}
.about .anime-text15 {left: 62%;display:none !important;}

.releasearea h2:after {width: calc(100% - 16em);}
.releasearea .details h3 {text-align: center;font-size: 1.7em;font-weight: 600;letter-spacing: .05em;text-indent: .05em;margin:1.5em 0 0;}
.releasearea .details h3 span { font-size: 1em;max-width: 200px; margin: 0.7em auto;width: 40%;}
.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;}

/*2022.05.20 TOPスライドバナー対応*/
.topbnr {padding:0;padding-top: .5em;transform: translate(0, 0);}
.about {z-index:2;}
.topbnr .slideimg {background:none;padding:0;border-radius:0;}
.topbnr .slideimg a {display:block;}
.topbnr .slideimg span {display:block;background-repeat: no-repeat;background-position: center 0;background-size: cover;position: relative;padding-top: 147%;}
.topbnr .slideimg span.pc {display:none;}

.top_bannerlist {display:flex;flex-wrap:wrap;justify-content:center;padding: 1em 8% 0;}
.top_bannerlist li {width:50%;display:block;padding: 1.5%;max-width:200px;}
.top_bannerlist li a {display:block;}
.top_bannerlist li span {display:block;background-repeat:no-repeat;background-position:center 0;background-size:cover;padding-top:56%;}

/*2022.06.06 TOPレイアウト調整*/
.top_headarea {z-index:2;}
.top_headarea .newsarea {padding: 10% 4% 20%;position:relative;}
.top_headarea .deco04 {top: 8%;z-index: -1;}
.contents_v2 .mvarea {padding-bottom:5%;z-index:2;}
.contents_v2 .mvarea .deco03 {top: auto;right: 3%;bottom: -10%;}
.contents_v2 .mvarea .deco03 span {background-color: rgb(63 67 168 / 80%);}
.contents_v2 .topicsarea {padding-top: 10%;}

/*2022.10.20 背景デザイン合わせ調整*/
.profilearea .aboutus {background: rgb(34 27 56 / 60%);}
.news_list li a , .media_one_info {background: rgba(255,255,255,.1);}
.pagination_item.is-current a {color: #2d1465;}

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

@media screen and (min-width:768px) {
.header .logo {width: 320px;padding-top: 10px;}

.slideimg {padding-top: 90%;background-position: center bottom;}
.aboutus {padding: 70px 2% 80px;}

.about .deco01 {top:50vw;}
.about .deco04 {top: 90px;}
.about .deco05 {top:45vw;left: auto;right: 10%;}
.about .anime-text1 {top: 25%;}
.about .anime-text3 {top: 55%;}
.about .anime-text10 {top: 40%;}
.about .anime-text15 {top: 10%;}

.releasearea .details {width: 100%;display: block;vertical-align: middle;padding-left: 0; letter-spacing: normal;}
.releasearea .details .release_date {margin-bottom:2em;}
.releasearea .details h3 {margin:0;}
.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);}

.topbnr {padding:0;}
.topbnr .slideimg span {padding-top: 56%;}
.topbnr .slideimg span.pc {display:block;}
.topbnr .slideimg span.sp {display:none;}
.top_bannerlist li {width: 33.33%;display: block;padding: 8px;max-width: 200px;}

.member_details.type2 .member_box .photo span {background-position:center 0;}

/*2022.06.06 TOPレイアウト調整*/
.top_headarea .newsarea {padding: 80px 4%;position: relative;}
.top_headarea .newsarea h2 + div {position:relative;}
.contents_v2 .topicsarea {padding-top: 50px; padding-bottom: 100px;}
}

@media screen and (min-width:1200px) {
.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) {
.header .logo {width: 340px;padding-top: 7px;}

.aboutus {max-width:none;width:100%;background:none;clip:unset !important;padding:2% 0 0;position: relative;font-size: 1em;bottom:0;left:0;right:0;margin:2% auto;}
/*
.aboutus {max-width:480px;}  
.aboutus.on {clip: rect(0, 550px, 550px, 0);padding: 30px;}
*/

.slideimg {padding-top:70%;background-position:center 85%;}

.about .deco02 {top:20vw;}
.about .deco04 {top: 50px;left:0;}
.about .deco05 {top: 50vw;left: auto;right: 10%;}
.about .anime-text1 {top: 55%;}
.about .anime-text5 {left: 25%;}
.about .anime-text9 {top: 50%;}

.member_menu.type2 {padding-top: 100px;}
.member_details.type2 .member_box .photo span {background-position: center 10% !important;}
.member_details.type2 .member_box > div { width: 50% !important;}
.member_details.type2 .member_box > div.photo {width: 45% !important;}

.top_bannerlist li {max-width: 250px;}

/*2022.06.06 TOPレイアウト調整*/
.top_headarea .newsarea {padding: 40px 0;position: relative;max-width: 1100px;margin: 0 auto;}
.top_headarea .deco04 {top: 60px;left: 0;}
.top_headarea .deco05 {top: 45vw;left: auto;right: 4%;}
.top_headarea .anime-text4 {left:5%}
.top_headarea .anime-text12 {left:10%}
}
@media screen and (min-width:1440px) {
}
@media screen and (min-width:1600px) {
/*
.aboutus {max-width:600px;font-size:1em;}
.aboutus.on {clip: rect(0, 600px, 600px, 0);}
*/
}

@media screen and (min-width:1920px) {
/*
.aboutus {max-width:700px;font-size:1em;}
.aboutus.on {clip: rect(0, 700px, 700px, 0);}
*/
}

@media screen and (min-width:1280px) and (min-height:800px) {
}

@media screen and (max-height:880px) {
}

@media only screen
    and (min-device-width:320px)
    and (max-device-width:1334px) {
}