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

.loader_wrap {position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index:1100;width:60%;max-width:200px;}
#loadber {width: 70%;height: 4px;max-width: 200px;margin: 0 auto;position: absolute;bottom: -15%;left: 0;right: 0;transition: all 2s ease;filter: blur(0);}
#loadber.blur {filter: blur(8px);opacity:0;}

.logo_main {opacity:0;}
.logo_main.on {opacity:1;transition: all 2s ease;filter: blur(0);}
.logo_main.on .st1{fill:#fff;stroke:#fff;stroke-dasharray: 5000;stroke-dashoffset: 0;stroke-width: 3;-webkit-animation: logo_main 2s ease-in 0s;animation: logo_main 2s ease-in 0s;}
.logo_main.on.blur {filter: blur(8px);opacity:0;}

@-webkit-keyframes logo_main {
	0% {
		stroke-dashoffset: 5000;
        fill:transparent;
	}
	40% {
        stroke-dashoffset: 5000;
        fill:transparent;
	}
	50% {
        fill:transparent;
	}
	100% {
        stroke-dashoffset: 0;
        fill:#fff;
	}
}
	
.opening {position: fixed;width:100vw;height:100vh;top: 0px;left: 0px;z-index: 1000;opacity: 0;transform: translate(0, 0);}
.opening.on {opacity:1;}

.opening_end {width:0;height:0;opacity:0;transition : all 800ms ease-in;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index:1100;}
.opening_end.on {width:150vw;height:150vw;opacity:1;}
.opening_end svg {width:100%;height:100%;fill:#fff;}

#animation_container {position:relative;z-index:1;}
.anime_loader {position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index:0;}
.anime_loader img {width:5em;height:5em;}

@media (orientation: portrait){
.opening_end.on {width:130vh;height:130vh;opacity:1;}
}

.slideimg {;background-repeat:no-repeat;background-position:center bottom;background-size:cover;position:relative;padding-top:100%;}
.slideimg01 {background-image:url("../images/mainimg/mainimg20200626.jpg");}
/*
.slideimg02 {background-image:url(../images/mainimg2.jpg);}
.slideimg03 {background-image:url(../images/mainimg3.jpg);}
*/

.mainimg {position:relative;}
.mainimg .slick-list {overflow:unset !important;}
.mainimg .slick-dots {text-align:center;position: absolute;z-index: 2;right: 5px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.mainimg .slick-dots li {display:block;margin:5px 0;}
.mainimg .slick-dots li button {font-size: 0;background:none;border:none;outline:none;margin:0 8px;padding:0;}
.mainimg .slick-dots li button:before {content:"";width: 3px;height: 5.5vw;background:#fff;display:block;}
.mainimg .slick-dots li.slick-active button:before {background:#e41395;}
.mainimg {opacity: 0;transform : translate(0, 20px);transition : all 1000ms ease-in;}
.mainimg.on {opacity: 1;transform : translate(0, 0);}

.about {background:#fff;position:relative;z-index:0;}
.aboutus {padding:18% 5%;opacity:0;position:relative;}
.aboutus h2 {font-size: 1.6em;font-family: 'Yantramanav', sans-serif;font-weight:600;letter-spacing:.5em;margin-bottom:1em;color:#3b39a3;position: relative;z-index: 11;}
.aboutus h2 + p {font-size:1em;line-height:1.6;position: relative;z-index: 11;}
.about_text {position:absolute;top:35vw;left:5%;}
.about_text span {position: relative;display: block;-webkit-transform: rotate(90deg);transform: rotate(90deg);-webkit-transform-origin: left bottom;transform-origin: left bottom;font-size:.75em;font-family: 'Yantramanav', sans-serif;font-weight:400;}
.aboutus {overflow: hidden;position: relative;}
.aboutus.on {opacity:1;}
.aboutus.on:before {animation: aboutus 2s cubic-bezier(.4, 0, .2, 1) forwards;background: #fff;bottom: 0;content: '';left: 0;pointer-events: none;position: absolute;right: 0;top: 0;z-index: 1;}
@keyframes aboutus {
  100% { transform: translateX(-100%);}
}

.contents {position:relative;}

.member {padding-bottom: 10%;position: relative; z-index: 1;}
.member h2 {font-size: 1.3em;font-family: 'Yantramanav', sans-serif;font-weight:400;letter-spacing:.4em;background: -webkit-linear-gradient(left, #ff758c 0%, #ff7eb3 100%);background : linear-gradient(to left, #ff758c 0%, #ff7eb3 100%);color:#fff;padding:.4em 2em .3em;line-height:1;display:inline-block;margin-bottom:1em;}
.member_menu {position:relative;z-index:1;}
.member_menu > div {width:33.33%;float:left;text-align:center;margin-bottom:1em;}
.member_menu span {background-repeat:no-repeat;background-position:center;background-size:contain;padding-top:160%;display:block;cursor:pointer;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.member_menu i {font-style:normal;font-family: 'Yantramanav', sans-serif;font-weight:600;display:block;text-align:center;margin-top:.5em;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.member_menu i svg {height:.9em;width:auto;}
.member_menu > div:hover i {color:#e41395;}

.member_area {position:relative;}
.member_details {position:absolute;top:0;left:0;width:100%;height: 193vw;opacity:0;transition : all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.member_details.plofile_on {opacity:1;z-index:2;}
.member_details.plofile_off {opacity:0;z-index:2;}

/*.member_details .slick-track , .member_details .slick-slide {width:375px !important;}*/
.member_details .slick-arrow {position:absolute;top: 70vw;font-size: 0;background: none;padding: 0;z-index:2;cursor:pointer;border:solid #aaa;border-width:0 0 1px 0;width:40px;display:block;height: 30px;}
.member_details .slick-arrow:after {content:"";border:solid #aaa;border-width:0 0 1px 0;width:20px;display:block;position:absolute;left: -3px;bottom: 6px;}
.member_details .slick-prev {left:3%;}
.member_details .slick-prev:after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.member_details .slick-next {right:3%;}
.member_details .slick-next:after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);left: auto;right: -3px;}
.member_details .slick-disabled {display:none !important;}
.member_details .slick-arrow:hover , .member_details .slick-arrow:hover:after {border-color:#e41395;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.member_details .slick-prev:hover {margin-left:-10px;}
.member_details .slick-next:hover {margin-right:-10px;}

.member_details .close_btn {border-bottom:1px solid #000;line-height:2;text-align:center;padding:0 2em;font-family: 'Yantramanav', sans-serif;font-weight:400;letter-spacing:.2em;text-indent:.2em;position:absolute;top:1em;right:3%;cursor:pointer;}
.member_details .close_btn:hover{color:#e41395;}
.member_details .close_btn:before{content:'';position:absolute;bottom:-1px;left:0;height:1px;width:0;transition:.2s ease all;z-index:2;background:#e41395;}
.member_details .close_btn:hover:before{width:100%;transition:.2s ease all;}

.member_box {position:relative;font-size:.95em;}
.member_box .details_head {position:relative;}
.member_box .details_head h3 {border-bottom: 1px solid #000;padding-bottom: 1em;margin-bottom: 1em;}
.member_box .details_head h3 span {display:block;font-family: 'Yantramanav', sans-serif;font-weight:700;font-size:1.6em;line-height: 1.4;letter-spacing:.5em;}
.member_box .details_head h3 span svg {height:1em;}
.member_box .details_head h3 i {display:block;letter-spacing:.5em;font-style:normal;font-weight:normal;}
.member_box .details_head .type {position:absolute;top:10%;right:0;}
.member_box .details_head .type li {width:1.5em;display:inline-block;vertical-align:middle;margin:0 .5em;}
.member_box .details_head .type li.tw a {fill: #55acee;}
.member_box .details_head .type li.insta a {fill: #e1306c;}
.member_box .photo span {background-repeat: no-repeat;background-position: center;background-size: auto 90%;padding-top: 193vw;display: block;}
.member_box .details {position: absolute;bottom: 15%;left: 0;right:0;margin: 0 auto;width: 90%;background: rgba(255,255,255,.9);padding: 6%;opacity:0;border-radius: 15px;}
.member_box .details_body {margin-top:1em;}

.member_box .photo {opacity: 0;}
.member_box.on .photo {animation: SlideIn2 1s;transition : all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);opacity:1;}
@keyframes SlideIn2 {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}

.member_box.on .details {animation: SlideIn 1s;transition : all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);opacity:1;}
@keyframes SlideIn {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0);
  }
}

.member_menu.type2 {padding:0 1.5%;}
.member_menu.type2 > div {margin-bottom: 1em;padding: 1%;}
.member_menu.type2 span {padding-top:140%;background-size: cover;border-radius: 10px;}
.member_menu.type2 i svg {height: .8em;width: auto;}

.member_details.type2 {height: 176vw;background: #fff;}
.member_details.type2 .member_box .photo span {background-position: center 0;background-size: cover;padding-top: 177vw;display: block;}
.member_details.type2 .member_box .details {bottom:5%;}
.member_details.type2 .member_box .details_head h3 {padding-bottom: .5em;}
.member_details.type2 .member_box .details_head h3 span {display: inline-block; vertical-align: bottom;}
.member_details.type2 .member_box .details_head h3 i {display: inline-block;letter-spacing: .2em;vertical-align: bottom;margin-left: 1em;padding-bottom: .3em;}
.member_details.type2 .close_btn {padding:0;}
@media screen and (min-width:320px) and (max-width:767px) {
.member_details.type2 .slick-arrow , .member_details.type2 .slick-arrow:after{border-color:#fff !important;}
.member_details .close_btn { border-bottom: 1px solid #fff !important;color: #fff !important;}
}

.loop_img {background:#000;}
.loop_img li {opacity:1;}
.loop_img img {width: 100%;}

.mvarea {z-index: 1;padding: 20% 5%;position: relative;}
.mvarea h2 {font-size: 1.4em;font-family: 'Yantramanav', sans-serif;font-weight:400;letter-spacing:.3em;text-align:right;color:#fff;}
.mvarea_in {padding:0;position: relative;z-index: 1;}
.mv_wrap .box span {display:block;background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:56.25%;}
.mvarea_bg {width:70%;height:50%;position:absolute;right:0;top:0;z-index:-1;overflow: hidden;background: -webkit-linear-gradient(left, #5986ca 0%, #3b39a3 100%);background : linear-gradient(to left, #5986ca 0%, #3b39a3 100%);}
.mvarea_bg #grad2 {width:100%;}
.mvarea_bg:before {content:"";width: 0;height: 0;border-style: solid;border-width:55vh 0 0 25vw;border-color: transparent transparent transparent #fff;position:absolute;top:0;left:0;z-index:1;}
.mvarea_in .youtube p {text-align: center;margin-top: 1em;font-family: 'Yantramanav', sans-serif;display:none;}
/*
.videoarea {padding:0;position: relative;overflow:hidden;background:#fff;}
.videoarea_head {position:relative;}
.videoarea_head h2 {position: absolute;z-index: 1;right: 5%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);color:#fff;font-size: 1.2em;font-family: 'Yantramanav', sans-serif;font-weight:400;letter-spacing:.4em;}
.video_wrap {}
.video_wrap .box {position: relative; display: block;}
.vjs-poster {background-color:transparent !important;}
.playlist .video_wrap {padding-bottom:0;position: relative;padding: 10% 5%;}
.playlist .video_wrap .video > div {margin-bottom:0;}
.playlist .video_wrap_bg {top:-50px;}
.playlist .video_wrap_bg .box::before {filter: blur(50px);top: -70px;right: -70px;bottom: -70px;left: -70px;}
.playlist .video_wrap_bg .box {padding-top:100%;}

.playlist .video_in {position: relative; display: block;}
.playlist .video_in > div {padding-top: 70.25%;}
.playlist .video_in iframe {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%;border: none;}
*/
.movie_slide .slick-arrow {position:absolute;bottom: 5px;font-size: 0;background: none;padding: 0;z-index:2;cursor:pointer;border:solid #aaa;border-width:0 0 1px 0;width:40px;display:block;height: 30px;}
.movie_slide .slick-arrow:after {content:"";border:solid #aaa;border-width:0 0 1px 0;width:20px;display:block;position:absolute;left: -3px;bottom: 6px;}
.movie_slide .slick-prev {left:3%;}
.movie_slide .slick-prev:after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.movie_slide .slick-next {right:3%;}
.movie_slide .slick-next:after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);left: auto;right: -3px;}
.movie_slide .slick-disabled {opacity:.3;}
.movie_slide .slick-arrow:hover , .movie_slide .slick-arrow:hover:after {border-color:#e41395;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.movie_slide .slick-prev:hover {margin-left:-10px;}
.movie_slide .slick-next:hover {margin-right:-10px;}

.movie_slide .slick-dots {text-align:center;padding-top: 20px;}
.movie_slide .slick-dots li {display:inline-block;vertical-align:top;margin:0 8px;}
.movie_slide .slick-dots li button {font-size: 0;background:none;border:none;outline:none;padding:0;cursor:pointer;}
.movie_slide .slick-dots li button:before {content:"";width: 13px;height: 13px;background:#ddd;display:block;border-radius:50%;}
.movie_slide .slick-dots li.slick-active button:before {background:#fda2bd;}

.releasearea {padding: 20% 5%;position: relative;z-index: 1;/*background: -webkit-linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);background : linear-gradient(to 120deg, #fdfbfb 0%, #ebedee 100%);*/}
.releasearea_bg {position:relative;}
.releasearea_bg:after {content:"";position:absolute;left:0;top:0;background: -webkit-linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);background : linear-gradient(to 120deg, #fdfbfb 0%, #ebedee 100%);height:100%;width:100%;display:block;z-index:-1;}
.releasearea h2 {position:relative;z-index:11;}
.releasearea h2:after {content:"";display:block;width:calc(100% - 12em);height:2px;background: -webkit-linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);background : linear-gradient(to 120deg, #84fab0 0%, #8fd3f4 100%);position:absolute;right: 0; top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.releasearea h2 span {font-size: 1.6em;font-family: 'Yantramanav', sans-serif;font-weight:400;letter-spacing:.3em;text-align:left;color:#000;padding-right:1em;z-index:1;display: inline-block;position: relative;}
.releasearea_in {position:relative;z-index:11;}
.releasearea_in + .releasearea_in {margin-top:5em;}
.releasearea .jacket {width:100%;margin:2em auto;}
.releasearea .jacket span {display:block;background-repeat:no-repeat;background-position:center 0;background-size:contain;padding-top:100%;}
.releasearea .details {font-family: 'Yantramanav', sans-serif;position:relative;z-index:1;}
.releasearea .details h3 {font-size:1.2em;font-weight:400;line-height:1.2;}
.releasearea .details h3 b {display: block;font-size: 1.4em;font-weight: 500;}
.releasearea .details h3 span {font-size: 2.4em;line-height: 1.4;display: block;font-weight: 600; margin-top: .1em;}
.releasearea .details h3 i {font-style:normal;}
.releasearea .details h3 i:after {content:"／";margin:0;font-size: .8em;}
.releasearea .details h3 i:last-child:after {display:none;}
.releasearea .details .release_date {font-size:1.4em;font-weight:500;margin:.5em 0 1em 0;}
.releasearea .details p {margin-bottom:1em;}
.releasearea .details p.ttl {margin-left: -.5em;margin-top: 1.5em;margin-bottom: .5em;}
.releasearea .details .release_date + p {margin-top:0;}
.releasearea .details .listen {margin-top:2em;}
.releasearea .details .listen h4 {color:#fff;font-weight:600;letter-spacing:.3em;padding:.5em 1em;background: -webkit-linear-gradient(left, #ff758c 0%, #ff7eb3 100%);background : linear-gradient(to left, #ff758c 0%, #ff7eb3 100%);}
.releasearea .details .listen ul {text-align:center;margin-top:2em;}
.releasearea .details .listen li {display:inline-block;vertical-align:top;margin:0 .5em;}
.releasearea .details .listen li a {display:block;background-repeat:no-repeat;background-position:center;background-size:contain;padding-top:3em;width:3em;}
.releasearea .details .listen li.spotify a {background-image:url("../images/music3.png");}
.releasearea .details .listen li.applemusic a {background-image:url("../images/music2.png");}
.releasearea .details .listen li.googleplay a {background-image:url("../images/music4.png");}
.releasearea .details .listen li.itunes a {background-image:url("../images/music1.png");}
.releasearea .details .listen_btn a {display:block;color:#fff;font-weight:600;letter-spacing:.15em;text-indent:.15em;padding:0 1em;text-align:center;line-height:3.5;background: -webkit-linear-gradient(left, #ff758c 0%, #ff7eb3 100%);background : linear-gradient(to left, #ff758c 0%, #ff7eb3 100%);border-radius:30px;position:relative;}
.releasearea .details .listen_btn a span {display:block;width:1.2em;position:absolute;left:1.5em;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding-top: .5em;}
.releasearea .details .listen_btn a span svg {fill:#fff;}
.releasearea .details .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%);}

.releasearea .details .listen_btn a:before {-webkit-animation: is-reflection 4s ease-in-out infinite;-webkit-transform: rotate(45deg);animation: is-reflection 4s ease-in-out infinite;background-color:rgba(255,255,255,.4);content: " ";height: 100%;left: 0;opacity: 0;position: absolute;top: -180px;transform: rotate(45deg);width: 30px;}
.releasearea .details .listen_btn + .releasearea .details .listen_btn a:before {-webkit-animation-delay: .3s;animation-delay: .3s;}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
.releasearea .details .listen_btn a {box-shadow: 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,.0);transition: .3s;}
.releasearea .details .listen_btn a:hover {box-shadow: 0 10px 10px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);transform: translateY(-3px);}
.releasearea .details .listen_btn a.sub {line-height: 1.5; padding: 1em 0;border-radius: 50px;}

.releasearea .second_single .details h3 span {line-height: 1.3;margin-top: .2em;font-size: 2em;}

.contents_sub_bg {position: relative;background: -webkit-linear-gradient(120deg, #e84fd8 0%, #5986ca 100%);background : linear-gradient(to 120deg, #e84fd8 0%, #5986ca 100%);}
.contents_sub_bg:after {content:"";background:#fff;width:calc(100% - 10vw);height:calc(100% - 10vw);display:block;position:absolute;right:0;top:0;}
.contents_sub {position: relative;z-index:1;padding:0 0 10% 10%;}
.contents_sub:before {}
.contents_sub .area {}
.contents_sub .area > div {position: relative;z-index: 11;}

.newsarea {padding:10% 10% 20%;}
.newsarea h2 {font-size: 1.6em;font-family: 'Yantramanav', sans-serif;font-weight:500;letter-spacing:.3em;}
.newsarea .list li a {color:#000;display:block;padding:1em 0;border-bottom:1px solid #eee;}
.newsarea .list li a:hover {opacity:1;}
.newsarea .list li a:hover > span {color:#e41395;}
.newsarea .list li a > span {display:block;}
.newsarea .list li a > time {display:block;font-family: 'Yantramanav', sans-serif;font-weight:500;margin-bottom:.5em;}

.newsarea .list li .date {margin-bottom:.5em;}
.newsarea .list li .date time {display:inline-block;vertical-align:middle;font-family: 'Yantramanav', sans-serif;font-weight:500;}
.newsarea .list li .date span {display:inline-block;vertical-align:middle;font-family: 'Yantramanav', sans-serif;font-weight:400;margin-top: -.2em;}
.newsarea .list li .date span i {font-style:normal;color:#fff;font-size:.85em;display:inline-block;vertical-align:middle;padding: .25em 1em .15em;border-radius: 20px;line-height: 1;margin: 0 .3em;}
.newsarea .list li .date span i.tagname + i.catname {display:none;}

.newsarea .catname {background:#aaa;}
.newsarea .tag-withu {background:#837fef;}
.newsarea .tag-withu_mobile {background:#9e89f2;}

.newsarea .tab {width:104%;margin-left:-4%;padding-top:2em;margin-bottom:1em;position:relative;}
.newsarea .tab span {float:left;width:50%;padding:0 2%;display:block;cursor:pointer;}
.newsarea .tab span i {display:block;color:#fff;line-height:35px;text-align:center;font-family: 'Yantramanav', sans-serif;font-weight:400;font-size: 1em;letter-spacing:.1em;text-indent:.1em;font-style:normal;background: #aaa;border-radius:20px;}
.newsarea .tab span.active {cursor: default;pointer-events: none;}
.newsarea .tab span.active i {background: -webkit-linear-gradient(left, #b6cee8 0%, #f578dc 100%);background : linear-gradient(to left, #b6cee8 0%, #f578dc 100%);}
.newsarea .tab span i:hover {opacity:.7;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.newsarea .tab span.active i:hover {opacity:1;}

.newsarea .more {text-align: right;margin-top: 2em;font-family: 'Yantramanav', sans-serif;font-weight:500;}
.newsarea .more a:before {content:"";content:"\f3d3";font-family:"ionicons";margin-right:.5em;font-size:.9em;display: inline-block;vertical-align: middle;margin-top: -.16em;}
.newsarea .more a:hover {color:#e41395;}

.livearea {padding:10%;}
.livearea h2 {font-size: 1.6em;font-family: 'Yantramanav', sans-serif;font-weight:500;letter-spacing:.3em;margin-bottom:.5em;}
.live_list li a {color:#000;display:block;}
.live_list li {padding: 1.5em 0;border-bottom: 1px solid #000;}

.topicsarea {padding:20% 10% 10%;}
.topicsarea h2 {font-size: 1.6em;font-family: 'Yantramanav', sans-serif;font-weight:500;letter-spacing:.3em;}
.topics_slide .item a {color:#000;display:block;}
.topics_slide .item .item_img {position:relative;border: 1px solid #f7eef4;}
.topics_slide .item .item_img span {display:block;background-repeat:no-repeat;background-position:center 0;background-size:cover;padding-top:51%;position:relative;z-index:1;}
.topics_slide .item .item_img + p {margin-top:1em;font-size:.95em;}

.topics_slide {padding-bottom:50px;margin-top: 2em;position: relative;z-index: 1;}
.topics_slide .slick-slide {border-right:10px solid #fff;}
.topics_slide .slick-arrow {position:absolute;bottom: 0;font-size: 0;background: none;padding: 0;z-index:2;cursor:pointer;border:solid #aaa;border-width:0 0 1px 0;width:40px;display:block;height: 30px;}
.topics_slide .slick-arrow:after {content:"";border:solid #aaa;border-width:0 0 1px 0;width:20px;display:block;position:absolute;left: -3px;bottom: 6px;}
.topics_slide .slick-prev {left:3%;}
.topics_slide .slick-prev:after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.topics_slide .slick-next {right:3%;}
.topics_slide .slick-next:after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);left: auto;right: -3px;}
.topics_slide .slick-disabled {display:none !important;}
.topics_slide .slick-arrow:hover , .topics_slide .slick-arrow:hover:after {border-color:#e41395;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.topics_slide .slick-prev:hover {margin-left:-10px;}
.topics_slide .slick-next:hover {margin-right:-10px;}

.topics_slide .item_img {position:relative;}
.topics_slide .item a:hover span {opacity:.5;}
.topics_slide .item a span:before {content:"";background:#e41395;opacity:.7;width:0;height:100%;display:block;position: absolute;top: 0;left: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.topics_slide .item a:hover span:before {width:100%;}

.topics_slide .item a .item_img:before {content:"CLICK";position: absolute;z-index:2;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align:center;opacity:0;border:1px solid #fff;padding:.3em 1em;border-radius:20px;color:#fff;font-style:normal;width:8em;display:block;margin:0 auto;}
.topics_slide .item a:hover .item_img:before {opacity:1;}

.topics_slide .item a:hover .click_btn {opacity:1;}

/*FANCLUB紹介*/
.fanclub-header {position:relative;padding-top: 150px;padding-left:3%;padding-right:3%;padding-bottom: 100px;margin-top:40px;z-index: 1;}
.fanclub-header .navi {font-size: 12.5px;font-family: 'Yantramanav', sans-serif;font-weight:400;text-align:center;padding:0 1%;line-height: 1.4;}
.fanclub-header .navi a {display:block;border-top:1px solid #534ded;border-bottom:1px solid #534ded;padding: 1em 0;position:relative;}
.fanclub-header .navi a:hover {opacity:1;}
.fanclub-header .navi span {display:block;}
.fanclub-header .navi span:last-child {font-size:1.4em;font-weight:700;color:#534ded;}
.fanclub-header > div {width:50%;float:left;}

.fanclub-header .fanclub_logo {position:absolute;top:0;left:0;right:0;margin:auto;width: 100%;}
.fanclub-header .fanclub_logo span {background:url("../images/fanclub/withu_logo.png") no-repeat center;background-size:contain;padding-top:130px;display: block;}

.fanclub-header .navi a:before {font-family:"ionicons";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);color:#534ded;-webkit-transition: all 0.2s;transition: all 0.2s;}
.withu_link a:before {content:"\f3d2";left:0;}
.withumobile_link a:before {content:"\f3d3";right:0;}

.fanclub-header .navi a:after {content:"";display:block;background:#534ded;width:0;height:5px;position:absolute;bottom:0;-webkit-transition: all 0.2s;transition: all 0.2s;}
.fanclub-header .navi a:hover:after {width:100%;}
.withu_link a:after {right:0;} 
.withumobile_link a:after {left:0;} 

.contents .topimg h2 {font-family: 'Noto Sans JP', sans-serif;font-weight:700;line-height:1.6;font-size:1.4em;color:#000;letter-spacing: normal;text-indent: unset;text-align:center;}
.contents .topimg h2 i {font-style:normal;margin-left:-.5em;}
.topimg {position:relative;padding: 0 4%;}
.topimg .image {background:url(../images/fanclub/mainimg.jpg) no-repeat center;padding-top:65%;background-size:cover;pposition: relative;width:100%;border-radius:5px;}
.topimg h2 {background:rgba(255,255,255,.9);border-radius:5px;padding:1em 0;}
.topimg h2 span {display:block;margin-top:.5em;color:#e41395}

.fanclub_about .inner {padding:8% 4%;}
.fanclub_about a {color:#e41395;}
.stext {font-size:.9em;line-height:1.6;}

.present {position:relative;margin:1.5em 4%;background:#f1f0fe;padding:5%;border-radius:10px;text-align:center;}
.present h2 {font-family: 'Noto Sans JP', sans-serif;font-weight:700;line-height:1.6;font-size:1.2em;background: linear-gradient(transparent 70%, #f9f768 0%);display: inline;color:#534ded;position: relative;z-index: 1;}
.present p {text-align:left;margin:1em 0;}
.present .sign {width: 8em;top: -3.5em;left: -1em;position:absolute;}
.present .box {text-align:left;}

.present02 {margin-bottom: 0;}
.present02 .goods{position: absolute;width: 70px;top: -5em;right: -1em;}
.present02 .box p:first-child {font-weight:normal;}

.admission {padding:8% 0;text-align:center;margin-top:1em;position: relative;z-index: 1;}
.admission h2 {font-family: 'Noto Sans JP', sans-serif;font-weight:700;line-height:1.3;font-size:1.4em;color:#534ded;margin-bottom:2em;}
.admission li {margin:0;}
.admission li a {display: block;background: #e62b9f;border:1px solid #e62b9f;width: 21em;margin: 0 auto;color: #fff;border-radius: 30px;line-height: 3.5;font-size: 1.1em;font-weight: bold;position:relative;z-index: 1;}
.admission li a:after {content:"\f3d3";font-family:"ionicons";color:#fff;position: absolute;right:1.5em;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 0.2s;transition: all 0.2s;}
.admission li a:hover {background:#fff;color:#e62b9f;}
.admission li a:hover:after {right:1em;color:#e62b9f;}

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

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

@media screen and (min-width:768px) {
.loader_wrap {max-width:300px;}

.mainimg {overflow:unset;}
.about {padding: 0 2%;}
.slideimg {background-position: center;padding-top: 70%;border-radius: 15px;overflow: hidden;}
.aboutus {padding: 70px 10% 80px;}
.aboutus h2 {font-size:1.8em;}

.member {padding-bottom:3vw;}
.member h2 {font-size:1.4em;}
.member_menu > div {width: 20%;}
.member_menu span {padding-top: 170%;}
.member_menu i {font-size:1em;}
.member_menu i svg {height:1em;}

.member_details {height: 88vw;}
.member_box .photo span {padding-top: 88vw;}
.member_details .slick-arrow {top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.member_box .details {width:80%;padding:5%;}
.member_box .photo span {background-size:auto 100%;}

.member_details.type2 {height: 67vw;overflow: hidden;}
.member_details.type2 .member_box {display: flex;flex-wrap: wrap;width: 100%;align-items: center;flex-flow: row-reverse;padding: 5%;}
.member_details.type2 .member_box > div {width:50%;}
.member_details.type2 .member_box .photo span {background-size: cover;padding-top: 125%;background-position: center 30%;border-radius: 20px;}
.member_details.type2 .member_box .details {bottom: 0;position: relative;padding: 0 5% 0 50px;}
.member_details.type2 .close_btn {top: 0;right: 5%;}

.mvarea {padding: 80px 10%;}
.mvarea_in {z-index: 1;}
.mvarea_bg {width:45%;height:45%;verflow: hidden;background: -webkit-linear-gradient(left, #5986ca 0%, #3b39a3 100%);background : linear-gradient(to left, #5986ca 0%, #3b39a3 100%);}
.movie_modal {max-width:900px !important;}

/*
.videoarea {padding:0;}
.video_wrap .video + p {text-align: right;}
.video_wrap {padding-bottom: 0;z-index: 1;padding-left: 12%;padding-right: 12%;}
.playlist .video_wrap {padding: 60px 40px;}
*/

.releasearea {padding: 80px 5%;}
.releasearea h2 span { font-size: 1.8em;}
.releasearea_in {letter-spacing:-.4em;}
.releasearea_in + .releasearea_in {margin-top:0;}
.releasearea .jacket {width: 50%;margin: 2em auto;display: inline-block;vertical-align: middle;letter-spacing:normal;}
.releasearea .details {width: 50%;display: inline-block;vertical-align: middle;padding-left: 5%;letter-spacing:normal;}
.releasearea .details h3 span {font-size: 2.2em;}

.releasearea .releasearea_in.sub {margin:0 auto;padding:2em 0;}
.releasearea .releasearea_in.sub .jacket {vertical-align:top;margin-top:0;}

.releasearea .second_single .details h3 span {font-size: 1.9em;}


.contents_sub_bg:after {width: calc(100% - 8vw);height: calc(100% - 8vw);}

.newsarea {padding:100px 100px 120px;}
.newsarea h2 {font-size: 1.8em;}
.newsarea .tab {width: 22em;margin-left: 0;padding-top: 0;position: absolute;top: -2.8em;right: 0;font-size: .9em;margin-bottom: 0;}
.date {}
/*.newsarea .list li time {font-weight: 600;margin-bottom: 0;float: left;}
.newsarea .list li span {padding-left:7em;display: block;}*/
.newsarea .tab-content {padding-top:2em;}

.livearea {padding:50px 100px 0;}
.livearea h2 {font-size: 1.8em;}

.topicsarea {padding: 100px 100px 50px;}
.topicsarea h2 {font-size: 1.8em;}
.topics_slide {margin-top: 0;padding: 30px 0 0;}
.topics_slide .slick-prev {left:-60px;}
.topics_slide .slick-next {right:-50px;}
.topics_slide .slick-arrow {top: 40%;}


/*FANCLUB紹介*/
.fanclub-header {position: relative;padding:8% 4% 30px 4%;margin-top: 0;letter-spacing: -.4em;}
.fanclub-header .fanclub_logo {position: relative;width: 33.33%;}
.fanclub-header > div {width: 33.33%;float: none;display: inline-block;vertical-align: middle;letter-spacing: normal;}
.fanclub-header .navi {font-size: 1.1em;padding: 0;}
.fanclub-header .fanclub_logo span {padding-top: 150px;}

.withu_link a:before {content:"\f3d2";left:.5em;}
.withumobile_link a:before {content:"\f3d3";right:.5em;}
.withu_link a:hover:before {left:0;}
.withumobile_link a:hover:before {right:0;}

.topimg .image {padding-top: 50%;background-size: 120%;background-position:center bottom;}
.topimg h2 {position: absolute;bottom: 3%;left: 0;width: 88%;right: 0;margin: auto;font-size:.9em;}

.present {margin: 30px 4%;padding: 30px;}
.present h2 {font-size:1.3em;}
.present p {text-align: center;margin: 1em 0 0;}
.present .sign {width: 10em;top: 7em;}
.present02 .goods {width: 7em;top: 1em;right: -.5em;}
.present .box {padding: 0 40px;}

.admission {padding: 20px 0 40px;}
.admission li {margin: 1.5em 10px;display: inline-block;}
.admission li a {width:22em;}

}

@media screen and (min-width:1024px) {
.member_menu i {font-size: 1em;}
.contents_sub {padding:0 0 150px 100px;}
.contents_sub_bg:after {width: calc(100% - 100px);height: calc(100% - 100px);}
}

@media screen and (min-width:1280px) {
.mainimg .slick-dots {right:20px;}
.mainimg .slick-dots li button:before {height: 40px;}


.about {position:relative;z-index: 0;}
.aboutus {padding: 20px 25px;position: absolute;background: rgba(255,255,255,.9);border-radius:10px;width: 60%;max-width:750px;bottom: 4%;right: 4%;font-size:.95vw;}
.aboutus h2 {margin-bottom: .4em;}

.aboutus:before {display:none;}
.aboutus {clip: rect(0, 750px, 750px, 750px);-webkit-transition: clip ease-out 1s .5s;transition: clip ease-out 1s .5s;}
.aboutus.on {clip: rect(0, 750px, 750px, 0);}

.member {position:relative;}
.member h2 {margin-bottom: 0;position: absolute;top: 1em;left: 2%;z-index:1;}
.member_menu > div {width: 11.111%;margin-bottom: 0;}
.member_menu span {padding-top: 200%;background-size:auto 90%;}
.member_menu span:hover {background-size:auto 100%;}
.member_menu {padding:6vw 0 0;}

.member_details {height: 34.5vw;}
.member_box {font-size:1em;margin-left: 30px;}
.member_box .photo span {padding-top: 34.5vw;}
.member_box .photo span {background-size: auto 250%;background-position: 95% 5%;}
.member_box .details {width: 700px;padding: 20px;bottom: 3vw;margin:0;}
.member_box .details_head h3 span {font-size:1.8em;line-height: 1.3;}
.member_box .details_head h3 span svg {height: 1em;}

.member_details .slick-prev {left: -50px;}
.member_details .slick-next {right: -50px;}
.member_details .close_btn {top:2em;}

.slide_profile {width:1120px;margin:0 auto;}

.member {padding-bottom: 5vw;}

.member h2 {top: 2em;}
.member_menu.type2 {padding: 0 1.5%;padding-top: 9vw;}
.member_menu.type2 > div {margin-bottom: 0;padding: .5%;}
.member_menu.type2 span {padding-top: 180%;background-size: auto 110%;border-radius: 10px;}
.member_menu.type2 span:hover {background-size:auto 120%;}
.member_menu.type2 i {font-size: 1em;margin-top: 1.5em;}
.member_menu.type2 i svg {height: .9em;width: auto;}

.member_details.type2 {height: 35vw;}
.member_details.type2 .member_box {padding: 3vw 5% 3vw 0;}
.member_details.type2 .member_box .photo span {background-size: cover;padding-top: 30vw;background-position: center 30%;}
.member_details.type2 .close_btn {top: 20px;}
.member_details.type2 .member_box .details {padding: 0 5% 0 0;}

.mvarea {padding:120px 0;}
.mvarea h2 {max-width: 960px;margin: 0 auto;}
.mvarea_in {z-index: 1;padding: 0;max-width: 960px;margin: 0 auto;}
.mvarea_bg {height:400px;}
.mvarea_bg #grad2 {height: 300px;}
.mvarea_bg:before {border-width: 380px 0 0 200px;}
/*
.videoarea_head h2 {font-size:1.5em;right:30px;}
.playlist .video_wrap {max-width: 960px;padding: 0 0 80px;margin: 80px auto 0;}
*/

.releasearea_in , .releasearea h2 {max-width: 960px;margin: 0 auto;}
.releasearea .second_single .details h3 span {font-size: 1.8em;}

.newsarea h2 {margin-bottom:1em;font-size:2em;}
.newsarea .tab {width: 25em;top: -5.2em;}
.newsarea .tab-content {padding-top: 0;}

.topicsarea h2 {font-size:2em;}
.topics_slide .slick-slide {border-right: 30px solid #fff;}
.topics_slide .slick-prev {left:-60px;}
.topics_slide .slick-next {right:-30px;}

.contents_sub .area h2 {max-width: 1200px;margin-right:auto;margin-left:auto;}
.contents_sub .area > div {max-width: 1200px;margin: 0 auto;}

/*FUNCLUB紹介*/
.fanclub-header {max-width: 1200px;margin: 0 auto;padding-right: 0;padding-left: 0;}
.fanclub-header .fanclub_logo span {padding-top: 200px;}
.fanclub-header .navi {font-size: 1.2em;}

.topimg {padding: 0;max-width: 1200px;margin: 0 auto;}
.topimg .image {padding-top: 500px;background-size: 100%;}
.topimg h2 {bottom: 4%;width: 95%;font-size: 1.6em !important;padding: 25px 0;}
.topimg h2 span {margin:0;}
.topimg h2 span br {display:none;}

.present {max-width: 1200px; margin: 30px auto;}
.present h2 {font-size: 1.5em;}
.present .sign {width: 230px;top: 50px;left:-10px;}
.present02 .goods {width: 150px;top: -20px;right: 30px;}
}

@media screen and (min-width:1440px) {
.aboutus h2 + p {font-size: 1em;}

.member {padding-bottom: 4vw;}
.member_menu.type2 {padding-top: 7vw;}
.member_details.type2 {height: 31.4vw;}
.member_details.type2 .member_box {padding: 2vw 5% 2vw 0;}
.member_details.type2 .member_box .photo span {padding-top: 28vw;}
.member_menu.type2 i svg {height: 1em;width: auto;}

.newsarea {padding:150px 100px;}

.topicsarea {padding:150px 100px 70px;}
}

@media screen and (min-width:1600px) {
.aboutus {font-size:1em;max-width:800px;padding:30px;}
.aboutus {clip: rect(0, 800px, 800px, 800px);-webkit-transition: clip ease-out 1s .5s;transition: clip ease-out 1s .5s;}
.aboutus.on {clip: rect(0, 800px, 800px, 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) {
.member_details .slick-arrow , .member_details .slick-arrow:after {border-color:#e41395;}
.member_details .slick-prev:hover {margin-left:0;}
.member_details .slick-next:hover {margin-right:0;}

.member_details .close_btn {border-bottom:1px solid #e41395;color:#e41395;}
.member_details .close_btn:before{display:none;}

.topics_slide .slick-arrow , .topics_slide .slick-arrow:after {border-color:#e41395;}
.topics_slide .slick-prev:hover {margin-left:0;}
.topics_slide .slick-next:hover {margin-right:0;}

.topics_slide .item a:hover span {opacity:1;}
.topics_slide .item a:hover span:before {display:none;;}
.topics_slide .item a:hover .item_img:before {display:none;}

.releasearea .details .listen_btn a:hover {box-shadow: 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,.0);transform: translateY(0px);}

.movie_slide .slick-arrow:hover , .movie_slide .slick-arrow:hover:after {border-color:#aaa;}
.movie_slide .slick-prev:hover {margin-left:0;}
.movie_slide .slick-next:hover {margin-right:0;}


}