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

.remodal-overlay { background: rgba(255,255,255,.8);}

.modal_opening .remodal_in .close_btn {right:5px;}
.openarea .box {border-radius: 10px;padding: 0;overflow: hidden;color: #333;}
.openarea .box_in {padding: 0 4% 4%;}
.openarea .box2 {border-radius: 10px;overflow:hidden;}
.openarea .slick-slide {padding:0;margin:0 5px;}

.openarea {position:relative;}
.openarea .slick-list {overflow:unset !important;}
.openarea .slick-dots {text-align:center;margin-top: 1em;}
.openarea .slick-dots li {display:inline-block;margin:5px;}
.openarea .slick-dots li button {font-size: 0;background:none;border:none;outline:none;padding:0;}
.openarea .slick-dots li button:before {content:"";width: 4vw;height: 4vw;background:#ddd;display:block;border-radius:50%;}
.openarea .slick-dots li.slick-active button:before {background:#e41395;}

.modal_mainimg span {background-color:#ddd;background-repeat:no-repeat;background-position:center bottom;background-size:cover;padding-top:100%;display:block;}

.release_3rd {background:#fff;border: 1px solid #eee;}
.release_3rd .logo {width: 30%;margin: 1em auto;max-width: 200px;}
.release_3rd .jacket {width: 70%;margin: 2em auto 1em;}
.release_3rd .jacket span {background-repeat: no-repeat;background-position: center;background-size: cover;display: block;padding-top: 100%;}
.release_3rd .jacket_fade .slick-slide {padding:0;margin:0;}
.release_3rd .details {margin:2em 0;}
.release_3rd .details p {margin-top:1em;}
.release_3rd .details p:last-child {margin-bottom:0;}
.release_3rd .details h3 {text-align: center;font-size: 1.6em;margin-top: .2em;font-family: 'Yantramanav', sans-serif;}
.release_3rd .details h3 span {display: block;font-size: 1.35em;line-height: 1.2;}
.release_3rd .details h3 span i {font-style:normal;}
.release_3rd .details h3 span i:after {content:"／";margin:0;font-size: .8em;}
.release_3rd .details h3 span i:last-child:after {display:none;}
.release_3rd .details .release_date {font-size: 1.25em;text-align: center;margin: 1em 0;letter-spacing: .05em;text-indent: 0.05em;}

.release_3rd .details h3.logotitle {letter-spacing: .1em;text-indent: .1em;}
.release_3rd .details h3.logotitle span {width: 100%;font-size: 1.4em;margin: 0;max-width: none;}

.release_3rd .details_wrap {border-bottom:1px dashed #fda2bd;}
.release_3rd .details_wrap + .listen_btn_wrap {margin:3em 0;}
.release_3rd .details_wrap > div {padding:0 0 1.5em;}
.release_3rd .details_wrap h4 {text-align: center;background: #fda2bd;color: #fff;line-height: 2.5;margin-bottom: .5em;font-weight:600;}
.release_3rd .details_wrap h4 + p {text-align: center;margin-top: 0;}
.release_3rd .details_wrap h5 {font-weight:bold;margin: 1em 0 0;}
/*.release_3rd .details_wrap h5:before {content:"●";margin-right:.2em;}*/
.release_3rd .details_wrap h5 + p {margin-top: 0;}
.release_3rd .details_wrap ul {margin-top:1em;}
.release_3rd .details_wrap ul + p {font-size:.9em;}

.listen_btn_wrap {margin:2em 0;padding-top:0;}
.listen_btn_wrap .listen_btn {margin:1em auto;max-width:24em}
.listen_btn_wrap .listen_btn a {display:block;color:#fda2bd;font-weight:600;padding:0 1em;text-align:center;line-height:3.5;border:1px solid #fda2bd;border-radius:30px;position:relative;}
.listen_btn_wrap .listen_btn a span {display:block;width:1.2em;position:absolute;left:1.2em;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding-top: .5em;}
.listen_btn_wrap .listen_btn a span svg {fill:#fda2bd;}
.listen_btn_wrap .listen_btn a:after {content:"\f3d3";font-family:"ionicons";position: absolute;right:1em;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.listen_btn_wrap .listen_btn a.sub { line-height: 1.5;padding: 1em;border-radius: 50px;}

.listen_btn_wrap .listen_btn button {display:block;color:#fda2bd;font-weight:600;padding:0 1em;text-align:center;line-height:3.5;border:1px solid #fda2bd;border-radius:30px;position:relative;width: 100%;background: #fff;font-size: 1em;cursor:pointer;}
.listen_btn_wrap .listen_btn button span {display:block;width:1.2em;position:absolute;left:1.2em;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding-top: .5em;}
.listen_btn_wrap .listen_btn button span svg {fill:#fda2bd;}
.listen_btn_wrap .listen_btn button:after {content:"\f3d3";font-family:"ionicons";position: absolute;right:1em;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.listen_btn_wrap .listen_btn button.sub { line-height: 1.5;padding: 1em;border-radius: 50px;}


.release_digital {background:#fff;text-align: center;border: 1px solid #ffa5ce;}
.release_digital h3 {width: 23%;margin: 1.2em auto;max-width: 150px;}
.release_digital .titleimg {width: 85%;margin: 1.5em auto;}
.release_digital .titleimg span {background: #fff;color: #fda2bd;border: 1px solid #fda2bd;padding: .2em 2em .1em;border-radius: 5px;margin-bottom: 0;display: inline-block;margin: 1em auto;font-weight: 500;font-family: 'Yantramanav', sans-serif;font-size: 1.1em;}
.release_digital .release_date {font-family: 'Yantramanav', sans-serif;font-weight:500;text-align:center;font-size:1.4em;color: #252525;}
.release_digital .jacket {width: 90%;margin: 2em auto 1em;}
.release_digital .jacket span {background-repeat: no-repeat;background-position: center;background-size: cover;display: block;padding-top: 100%;}
.release_digital .listen_btn_wrap .listen_btn a {color: #fff;border: none;background: #fda2bd;}
.release_digital .listen_btn_wrap .listen_btn a span svg {fill:#fff;}
.release_digital p {margin-bottom: 1em;}
.release_digital .morebtn {margin: 2em auto;}
.release_digital .morebtn a {display: block;color: #fff;width: 20em;background: #fda2bd;line-height: 3;text-align: center;border-radius: 30px;margin: 0 auto;position:relative;}
.release_digital .morebtn a:after {content:"\f3d3";font-family:"ionicons";position: absolute;right:1em;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.modalwrap .box {border-radius: 10px;padding: 0;overflow: hidden;}
.modalwrap .box_in {padding: 0 4% 4%;}

.tracklist {padding: 1.5em 0;}
.tracklist h5 {font-weight:bold;}
.tracklist h5:before {content:"●";margin-right:.2em;}
.tracklist h5 + p {margin-top: 0;}
.tracklist ul {counter-reset: number 0;}
.tracklist li {margin: .5em 0;line-height: 1.5;position:relative;padding-left:1.8em;}
.tracklist li:before {counter-increment: number 1;content: "M" counter(number) ".";position:absolute;top:0;left:0;}

.stream .niziu_logo {max-width: 120px;width: 25%;margin: 0 auto;padding: 3em 0;}
.stream .titleimg {width: 65%;margin: 0 auto;max-width: 300px;}
.stream .release_date {font-size: 1.4em;text-align: center;font-family: 'Yantramanav', sans-serif;font-weight:500;margin-top:.5em;}
.stream .jacket {width: 80%;margin: 2em auto;}
.stream .listen_btn_wrap {padding: 0 5% !important;margin: 0 !important;}
.stream .listen_btn_wrap .listen_btn a {letter-spacing:normal;text-indent:0;}
.stream .line {border:dashed #f7c9d6;border-width:1px 0 0 0;width:90%;margin:3em auto;}
.stream .details h3.logotitle {font-size: 1.9em;letter-spacing: normal;text-indent: 0;margin-top: 0;}
.stream .details .release_date {font-size: 1.4em;text-align: center;font-family: 'Yantramanav', sans-serif;font-weight:500;margin-top:0;}
.stream .tracklist {margin-top:0;margin-bottom:2em !important;}
.stream .details_wrap > div {padding: 0;}
.stream .details_wrap {border-bottom: none;}
.stream .details_wrap .text {text-align:center;font-size:1.1em;font-weight:500;margin-top:2em;}

.stream .details_wrap ul.sub {margin-top:0;counter-reset: number 7;}

.modal_opening .slick-prev, .modal_opening .slick-next {width: 20px;height:auto;font-size: 0;line-height: 1;position: absolute;top:-35px;padding: 0;cursor: pointer;border:none;display:block;z-index: 10;}
.modal_opening .slick-prev {background: none;left: 5px;outline:none;}
.modal_opening .slick-next {background:none;left: 50px;outline:none;}
.modal_opening .slick-prev:before {content:"\f3d2";}
.modal_opening .slick-next:before {content:"\f3d3"; }
.modal_opening .slick-prev:before,.modal_opening .slick-next:before {font-family: ionicons;font-size:22px;color:#bbb;display:block;opacity:1;}
.modal_opening .slick-disabled.slick-prev:before , .modal_opening .slick-disabled.slick-next:before {display:none;}

.needu {margin:2em 0 2.5em;}
.needu p.title {text-align: center;font-family: 'Yantramanav', sans-serif;font-size: 2.5em;font-weight:900;line-height: 1;color: #f4bbdb;}
.needu p.title + p {margin-top:.2em;}

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

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

@media screen and (min-width:768px) {
.remodal-overlay { background: rgba(255,255,255,.9);}
.openarea .box_in {padding: 30px;}
.openarea .slick-dots li button:before {width: 20px;height: 20px;}
.remodal {max-width:640px;padding-top:80px;}
.remodal-wrapper {margin-top:0;padding-top: 0;}
.modal_mainimg span {background-position: center 75%;padding-top: 100%;}

.release_3rd .jacket {width: 250px;}
.listen_btn_wrap .listen_btn {max-width:400px;margin-right:auto;margin-left:auto;}

.release_3rd .details {margin: .5em 0 2em;}
.release_3rd .details h3 {font-size: 1.85em;}
.release_3rd .details .release_date {font-size: 1.35em;}
.release_3rd .details_wrap h4 {font-size:1.1em;}
.release_3rd .details_wrap > div {text-align: center;}

.release_digital .box_in {max-width:480px;margin:0 auto;padding: 10px 25px 30px;}
.release_digital .titleimg {width: 100%;}
.release_digital .jacket {width: 100%;}

.tracklist li {margin: .2em;}
.tracklist h5 {margin-bottom: .5em;}

.stream .jacket {width:500px;}
.openarea .stream .box_in {padding-top: 0;}
.stream .tracklist {text-align:center;padding-left:3em !important;margin:2em 0 !important;}
.stream .tracklist ul {display:inline-block;vertical-align:top;text-align:left;width:13em;margin-top:0;}
.stream .tracklist ul.sub {width:17em;}

.needu p.title {font-size:3.8em;}

}

@media screen and (min-width:1025px) {
.listen_btn_wrap .listen_btn a:hover {color:#fff;background:#fda2bd;}
.listen_btn_wrap .listen_btn a:hover span svg {fill:#fff;}

.listen_btn_wrap .listen_btn button:hover {color:#fff;background:#fda2bd;}
.listen_btn_wrap .listen_btn button:hover span svg {fill:#fff;}

.release_digital .listen_btn_wrap .listen_btn a:hover {background:#fda2bd;color:#fff;}
.release_digital .listen_btn_wrap .listen_btn a:hover span svg {fill:#fff;}
.release_digital .morebtn a:hover {opacity:.7}

}

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

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

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

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