@charset "utf-8";
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

	■index.css
	適用範囲：TOPページ responsive
	概　　要：TOPページ responsive スタイル

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/
@media screen and (max-width: 768px) {

/*====================================
	TOP
====================================*/

	header {
		top: -598px;
	}
	header .op_inner span{
		background: #fff;
	}

	header h1 {
		background: url(../img/common/img_logo_mn2_res.png) no-repeat center center #000;
		background-size: 224px auto;
		-webkit-transition: 1s  ease-out;
		transition: 1s ease-out;
	}
	header.on h1 {
		background-color: transparent;
	}

	/*------------------------------------
		MAIN VISUAL
	------------------------------------*/
	.mainvisual{
		min-width: 100%;
		height: auto !important;
		min-height: inherit !important;
	}
	.mainvisual h2,
	.mainvisual .news,
	.mainvisual .webradio{
		display: none;
	}
	.mainvisual .new_release{
		width: 100%;
		height: auto;
		position: relative;
		top: inherit;
		bottom: 0;
		left: 0 !important;
		margin-top: 0;
		z-index: 20;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
		-webkit-transition: 1s;
		transition:1s;
		padding-top: 20px;
		padding-left: 0;
		/*display: none;*/
		text-align: center;
		background: none;
	}
	.mainvisual .new_release .heading{
		display: none;
	}
	.mainvisual .new_release .slider{
		text-align: center;
	}
	.mainvisual .new_release .slider .disc_info{
		margin: 30px auto;
	}
	.mainvisual .new_release .slider .disc_info_new{
		width: 280px;
		margin: 0 auto;
	}
	.mainvisual .new_release .slider .disc_info{
		width: 346px;
		padding-top: 30px;
		border-top: 1px solid #5c5b5b;
	}
	.mainvisual .new_release .slider .disc_info_new img{
		width: 100%;
	}
	.mainvisual .new_release .slider .disc_info img{
		width: 100%;
	}
	.mainvisual .new_release .slider .disc_single{
		border-top: 1px solid #726d6d;
		padding-top: 12px;
	}
	.mainvisual .new_release .wrap{
		width: 100%;
		display: table;
		padding: 0 0 15px;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.mainvisual .new_release .wrap>div{
		display: table-cell;
		vertical-align: top;
		/*text-align: center;*/
	}
	.mainvisual .new_release .title .txt1{
		font-size: 14px;
		color: #fff;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, "Times New Roman", serif;
		padding-bottom: 10px;
		display: block;
		line-height: 1.4;
	}
	.mainvisual .new_release .title .txt2{
		font-size: 12px;
		color: #fff;
		display: block;
		letter-spacing: 1px;
		padding-bottom: 2px;
	}
	.mainvisual .new_release .title .txt3{
		color: #e50065;
		font-size: 18px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, "Times New Roman", serif;
		letter-spacing: 1px;
		line-height: 1.2;
	}
	.mainvisual .new_release .title .txt3_1{
		font-size: 18px;
		letter-spacing: 0px;
	}
	.mainvisual .new_release .title .txt4{
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, "Times New Roman", serif;
		letter-spacing: 2px;
	}
	.mainvisual .new_release .title .txt4_1{
		font-size: 26px;
	}
	.mainvisual .new_release .title .txt4_2{
		font-size: 18px;
		padding-left: 5px;
	}

	.mainvisual .new_release .img{
		width: 32%;
		font-size: 0;
		padding: 0;
		/*padding-left: 15px;*/
	}
	.mainvisual .new_release .img p{
		/*width: 70%;*/
		display: inline-block;
		padding-left: 5px;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.mainvisual .new_release .img p img{
		width: 100%;
		height: auto;
	}
	.mainvisual .new_release .detail{
		font-size: 12px;
		line-height: 1.6;
		padding-top: 15px;
		padding-right: 0px;
	}
	.mainvisual .new_release .detail span{
		font-size: 10px;
	}
	.mainvisual .new_release .btn{
		width: 265px;
		height: 50px;
		line-height: 48px;
		font-size: 17px;
		letter-spacing: 1px;
		text-align: center;
		font-weight: normal;
		margin-left: auto;
		margin-right: auto;
		background: #c91225;
		border-radius: 9999px;
		position: static;
	}
	.mainvisual .new_release .btn1{
		margin-top: 20px;
		transform: translate(0,0);
	}
	.mainvisual .new_release .btn3{
		margin-top: 7px;
	}
	.mainvisual .new_release .btn a{
		display: block;
		line-height: 38px;
		font-size: 14px;
	}
	.mainvisual .new_release .btn2{
		margin-top: 5px;
	}
	/*.mainvisual .new_release .music_list{
		text-align: center;
		font-family : YuMincho, '游明朝', serif;
		font-weight: normal;
	}
	.mainvisual .new_release .music_list a{
		text-decoration: underline;
	}
	.mainvisual .new_release .music_list a:hover{
		text-decoration: none;
	}*/
	.mainvisual .new_release .hover{
		top: inherit;
		bottom: 100px;
		left: 50%;
		margin-left: -155px;
	}

	.mainvisual .new_release dl{
		font-size: 12px;
		margin-top: 25px;
	}
	.mainvisual .new_release dt{
		text-align: center;
		line-height: 1;
	}

	.logo15th{
		display: none;
	}
	.mainvisual>.slider .flex-control-nav{
		display: block;
		position: absolute;
		right: 0;
		left: 0;
		top: 38%;
	}
	.slide05 a {
		display: none !important;
	}
	.slide05 a img {
		display: none !important;
	}
	.slide05 .slide_title img:first-of-type{
		display: none;
	}
	.slide05 .slide_title img:nth-of-type(2){
		display: none;
	}
	.slide05 .slide_title img:last-of-type{
		/* display: block;
		height: 180px !important;
		width: 610px;
		margin: -91px auto; */
		display: none;
	}
	.slide05 > img:nth-of-type(1){
		display: block;
		height: 397px !important;
		margin: 53px auto 0 auto;
	}
	.slide05 > img:nth-of-type(2){
		display: block;
		height: 115px !important;
		margin: 18px auto;
	}
	.mainvisual>.slider .slides li{
		width: 100%;
		overflow: hidden;
		background-size: contain;
		background-position: top center;
	}
	.mainvisual>.slider{
		height: auto;
		/*padding-top: 70px;*/
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.mainvisual>.slider .slides{
		/* height: auto; */
		margin-top: -70px;
	}
	.space_img{
		width: 100%;
		max-width: 100%;
		height: auto !important;
	}
	.space_img_pt70{
		padding-top: 70px;
	}
	.mainvisual .main_title{
		display: none;
	}
	.mainvisual .movie_area {
		padding: 0 15px;
		position: initial;
	}
	.mainvisual .movie_area .movie_inner{
		position: relative;
		width: 100%;
		padding: 0;
		padding-top: 75%;
		background: none;
	}
	.mainvisual .movie_area .movie_inner iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.mainvisual .flex-control-paging,
	.mainvisual .flex-direction-nav{
		display: none;
	}
	.mainvisual >.slider .flex-direction-nav {
		display: none;
	}
	.link_btn {
		position: absolute;
		left: 58%;
		bottom: -110px;
		z-index: 100;
	}
	.link_btn img {
		width: 78px!important;
		height: 78px!important;
	}
	/*------------------------------------
		INFORMATION
	------------------------------------*/
	.information{
		width: 100%;
	/*
		background: url(../img/top/bg_information.jpg) no-repeat 0 0;
		background-size: cover;
	*/
		padding: 30px 15px;
	}
	.information .inner{
		padding: 30px 15px 40px;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.information h2{
		margin: 0 auto 19px;
	}
	.information .category{
		width: 100%;
		font-size: 0;
		margin-bottom: 30px;
		position: static;
		text-align: center;
	}
	.information .category li{
		width: 31%;
		height: 25px;
		line-height: 25px;
	}
	.information .category li.on{
		border-color: #eb2c3b;
		color: #eb2c3b;
	}
	.information .category li:nth-child(2){
		margin: 0 3.5%;
	}
	.information .category li:nth-child(3){
		background: url(../img/common/icn_rss.gif) no-repeat 10px center;
	}
	.information .category li.on:nth-child(3){
		background: url(../img/common/icn_rss_on.gif) no-repeat 10px center;
	}
	.information .article_wrap{
		width: auto;
		margin: 0 auto;
	}
	.information article{
		width: auto;
		margin: 0 auto;
		background: url(../img/common/bg_line_b.png) repeat-x 0 0;
		padding-top: 15px;
		padding-bottom: 30px;
	}
	.information article dt{
		width: auto;
		float: inherit;
		font-size: 12px;
	}
	.information article dd{
		width: auto;
		float: inherit;
	}
	.information article dd h3{
		font-size: 13px;
		font-family : inherit;
		margin-bottom: 0;
	}
	.information article dd p{
		display: none;
	}
	.information .seemore{
		float: inherit;
	}
	.information .seemore a{
		background: url(../img/common/icn_more_b_res.png) no-repeat 202px center;
		background-size: 13px auto;
		-webkit-transition: none;
		transition: none;
	}
	.information .seemore a:hover{
		color: #333;
		background: url(../img/common/icn_more_b_res.png) no-repeat 202px center;
		background-size: 13px auto;
	}


	/*------------------------------------
		lit_wrap
	------------------------------------*/
	.lit_wrap{
		color: #fff;
		padding-bottom: 80px;
		background: url(../img/top/bg_instagram_res.png) no-repeat 0 300px;
		background-size: cover;
		overflow: hidden;
		background-attachment: scroll;
	}
	.lit_wrap>.inner{
		width: auto;
		margin: 0 auto;
		overflow: hidden;
	}
	.instagram .inner{
		width: auto;
		height: auto;
		margin: 0 auto 75px;
		position: relative;
		overflow: hidden;
	}
	.instagram h2{
		width: 50%;
		height: auto;
		position: static;
	}
	.instagram li{
		width: 50% !important;
		height: auto !important;
		position: static;
		float: left;
	}
	.instagram li img{
		width: 100%;
		height: auto;
	}
	.instagram li.insta06,
	.instagram li.insta07,
	.instagram li.insta08{
		width: 33.33333% !important;
		height: auto !important;
	}
	.instagram li.insta09,
	.instagram li.insta10,
	.instagram li.insta11,
	.instagram li.insta12,
	.instagram li.insta13{
		display: none;
	}
	.instagram li.insta14 {
		width: 100% !important;
		float: none !important;
		background: none !important;
		height: 40px;
		text-align: center;
		padding-top: 20px;
		clear: both;
	}
	.instagram .instalogo{
		width: 50% !important;
		height: auto !important;
		float: left;
		position: static;
		background: none;
	}
	.instagram .instalogo img{
		width: 100%;
		height: auto;
	}



	/*------------------------------------
		LIVE
	------------------------------------*/
	.live{
		width: 100%;
		float: inherit;
		margin-bottom: 35px;
		padding: 0 30px 40px;
		border-bottom: 1px solid #3b4446;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.live h2{
		margin-bottom: 25px;
	}
	.live .article_wrap{
		padding-right: 0;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
		-webkit-overflow-scrolling: touch;
	}
	.live .article_wrap img {
		width: 100%;
		height: auto;
	}
	.live article>dl>dt{
		font-size: 13px;
	}
	.live article>dl>dd{
		padding-top: 10px;
		padding-bottom: 40px;
	}
	.live article dd dt{
		width: 75px;
		float: left;
		clear: both;
	}
	.live article dd dd{
		padding-left: 75px;
	}
	.live .seemore{
		margin: 0px auto 0;
		margin-top: 20px;
	}
	.live .seemore a,
	.live .seemore a:hover{
		color: #fff !important;
		background: url(../img/common/icn_more_w_res.png) no-repeat 202px center;
		background-size: 13px auto;
	}



	/*------------------------------------
		TWITTER
	------------------------------------*/
	.twitter{
		width: 100%;
		float: inherit;
		padding: 0 30px;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.twitter h2{
		margin-bottom: 40px;
	}
	.twitter .article_wrap{
		height: 300px;
		overflow: auto;
		padding-right: 0;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
		-webkit-overflow-scrolling: touch;
	}
	.twitter article{
		border-bottom: 1px dotted #fff;
		padding: 40px 0;
	}
	.twitter article:first-child{
		padding-top: 0;
	}
	.twitter dt{
		font-size: 14px;
		color: #eb2c3b;
		margin-bottom: 10px;
	}
	.twitter dt a{
		color: #eb2c3b;
		text-decoration: underline;
	}
	.twitter .follow{
		margin-top: 50px;
		text-align: center;
	}
	#twitter_wrap article:nth-child(7),
	#twitter_wrap article:nth-child(8),
	#twitter_wrap article:nth-child(9),
	#twitter_wrap article:nth-child(10),
	#twitter_wrap article:nth-child(11),
	#twitter_wrap article:nth-child(12),
	#twitter_wrap article:nth-child(13),
	#twitter_wrap article:nth-child(14),
	#twitter_wrap article:nth-child(15),
	#twitter_wrap article:nth-child(16),
	#twitter_wrap article:nth-child(17),
	#twitter_wrap article:nth-child(18),
	#twitter_wrap article:nth-child(19),
	#twitter_wrap article:nth-child(20) {
		display: none;
	}


	/*------------------------------------
		DISCOGRAPHY
	------------------------------------*/
	.discography{
		padding-top: 40px;
		background: #fff;
	}
	.discography .inner{
		width: auto;
		margin: 0 auto;
		padding: 0 30px;
		padding-bottom: 40px;
		overflow: hidden;
	}
	.discography h2{
		margin: 0 auto 25px;
	}
	.discography .disco_slider{
		width: 100%;
		margin: 0 auto;
		position: relative;
		padding-top: 0;
	}
	.discography .flex-direction-nav{
		position: absolute;
		top: 0px;
	}
	.discography .flex-direction-nav li a{
		-webkit-transition: none;
		transition: none;
		background: url(../img/common/icn_arrow_next_res.png) no-repeat right center;
		background-size: 65px auto;
	}
	.discography .flex-direction-nav li a:hover{
		background-position: right center;
	}
	.discography .flex-direction-nav li:first-child a{
		background: url(../img/common/icn_arrow_prev_res.png) no-repeat left center;
		background-size: 65px auto;
	}
	.discography .flex-direction-nav li:first-child a:hover{
		background-position: left center;
	}

	.slide_title_sp {
		position: absolute;
		right: 0;
		left: 0;
		bottom: -208px;
		z-index: 100;
	}
	.slide02 .slide_detail {
		left: 50%;
	}
	.slide02 .slide_title_sp {
		position: absolute;
		right: 0;
		left: 0;
		bottom: -70px;
		z-index: 100;
	}
	.slide03 .slide_title_sp {
		position: absolute;
		right: 0;
		left: 0;
		bottom: -110px;
		z-index: 100;
	}
	.slide04 .slide_title_sp {
		position: absolute;
		right: 0;
		left: -27px;
		bottom: -120px;
		z-index: 100;
	}

	.discography .flex-viewport{
		padding-top: 40px;
	}
	
	.discography .disco_wrap{
		width: auto;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
	}
	.discography .disco_wrap .img_wrap{
		width: 158px;
		text-align: center;
		float: left;
		margin-right: 15px;
		margin-bottom: 15px;
		position: relative;
	}
	.discography .disco_wrap .img{
		width: 158px;
		height: auto;
		float: left;
		margin-right: 15px;
	}
	.discography .disco_wrap .img img{
		width: 100%;
		height: auto;
	}
	.discography .disco_wrap .img+div{
		clear: both;
	}
	.discography .disco_wrap .buy{
		margin-top: 15px;
		padding-top: 15px;
	}
	.discography .disco_wrap .buy li{
		width: 140px;
		height: 27px;
		line-height: 27px;
		font-size: 10px;
		letter-spacing: 0px;
		margin-bottom: 5px;
	}
	.discography .disco_wrap .buy li:first-child a{
		background: url(../img/common/btn_disco_res.gif) no-repeat 0 0;
		background-size: 39px auto;
	}
	.discography .disco_wrap .din{
		top: 115px;
		left: 0;
		padding-left: 0;
	}
	.discography .disco_wrap .buy li a{
		color: #fff;
		display: block;
	}
	
	.discography .disco_wrap .detail{
		width: auto;
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.discography .disco_wrap .detail .date{
		margin-bottom: 10px;
	}
	.discography .disco_wrap .detail .title{
		font-size: 15px;
		font-family : YuMincho, '游明朝', serif;
		font-weight: normal;
	}
	.discography .disco_wrap .detail .title span{
		font-size: 11px;
	}
	.discography .disco_wrap .detail .artist{
		margin-bottom: 10px;
	}
	.discography .disco_wrap .detail .text{
		font-size: 10px;
		margin-top: 20px;
		text-align: justify;
	}
	
	.discography .disc_trac{
		width: 100%;
		height: 430px;
		float: inherit;
	/* 	margin-bottom: 50px; */
		overflow: auto;
	}
	/*
	.discography .disc_tab {
		border-bottom: 1px solid #000;
	}
	.discography .disc_tab ol {
		overflow: hidden;
		font-size: 0;
	}
	.discography .disc_tab li {
		display: inline-block;
		font-size: 13px;
		line-height: 1;
		margin-left: 3px;
	}
	.discography .disc_tab li:first-child {
		margin-left: 0;
	}
	.discography .disc_tab li a {
		cursor: pointer;
		display: inline-block;
		padding: 5px 15px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		border-left: 1px solid #000;
	}
	.discography .disc_tab li.active a {
		background: #000;
		color: #fff;
	}
	.discography .trac li{
		border-bottom: 1px dotted #333;
		padding: 8px 0;
	}
	.discography .trac li img{
		vertical-align: middle;
	}
	.discography .trac li span{
		display: inline-block;
	}
	.discography .trac li .trac_sound{
		width: 25px;
	}
	.discography .trac li .trac_movie{
		width: 30px;
	}
	*/
	
	.discography .seemore{
		float: inherit;
	}
	.discography .seemore a,
	.discography .seemore a:hover{
		background: url(../img/common/icn_more_b_res.png) no-repeat 202px center;
		background-size: 13px auto;
	}
	
	
	/*------------------------------------
		PROFILE
	------------------------------------*/
	.profile .img{
		width: auto;
		position: static;
		text-align: center;
	}
	.profile .img img{
		width: 100%;
		height: auto;
	}
	.profile .detail{
		min-height: inherit;
		background: url(../img/top/bg_profile.jpg) no-repeat 0 0;
		background-size: cover;
		padding-top: 30px;
		padding-left: 0;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.profile .detail .inner{
		width: auto;
		margin: 0;
		padding: 0 30px 50px;
	}
	.profile .detail h3{
		font-size: 18px;
		margin-bottom: 25px;
	}
	.profile .detail h3 span{
		font-size: 11px;
	}
	.profile .detail dl{
		height: 300px;
		font-size: 12px;
	}
	.profile .detail dt{
		width: 40px;
	}
	.profile .detail dd{
		margin-bottom: 20px;
		padding-left: 40px;
	}
	
	
	
	/*------------------------------------
		MUSIC VIDEO
	------------------------------------*/
	.musicvideo{
		background: url(../img/top/bg_youtube_res.jpg) repeat 0 0;
		background-size: 375px auto;
		padding-top: 50px;
		padding-bottom: 80px;
		background-size: cover;
		background-attachment: none;
	}
	.musicvideo .inner{
		width: auto;
		padding: 0 30px;
	}
	.musicvideo h2{
		margin: 0 auto 25px;
	}
	.musicvideo h2 span{
		background: none;
	}
	.musicvideo dl{
		margin-bottom: 30px;
	}
	.musicvideo dt{
		font-size: 13px;
		line-height: 1.7;
		margin-bottom: 40px;
	}
	.musicvideo dd li{
		width: 100%;
		display: block;
		font-size: 12px;
		margin-bottom: 25px;
	}
	.musicvideo dd li .movie{
		position: relative;
		width: 100%;
		margin-bottom: 10px;
		padding-top: 56.25%;
	}
	.musicvideo dd li .movie iframe{
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	
	.musicvideo dd li:nth-child(2){
		margin: 0;
		margin-bottom: 25px;
	}
	.musicvideo .seemore{
		float: inherit;
	}
	.musicvideo .seemore a,
	.musicvideo .seemore a:hover{
		background: url(../img/common/icn_tab3_res.png) no-repeat 208px center;
		background-size: 9px auto;
	}
	
	#infoContainer{
		height: 275px;
		margin-bottom: 20px;
	}
	
	
	
	/*------------------------------------
		MODAL
	------------------------------------*/
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	#modal{
		min-width: 100%;
	}
	#modal_inner{
		padding-top: 55px;
		-webkit-overflow-scrolling: touch;
		overflow: auto;
	}
	#modal_close {
		width: 40px;
		height: 40px;
		background-size: 40px;
		top: 35px;
		right: 15px;
	}
	/* 160121 */
	.release_ttl {
		margin-bottom: 25px;
		padding-top: 37px;
	}
	.release_detail {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0 35px;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.release_detail>div {
		display: block;
		width: 100% !important;
		padding: 0 !important;
		margin-top: 35px;
	}
	.release_detail>div:first-child {
		margin-top: 0;
	}
	.release_detail .image {
		margin-bottom: 20px;
	}
	.release_detail h3 {
		height: auto;
		margin-bottom: 15px;
		line-height: 0;
		font-size: 0;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.release_outline {
		height: auto;
		margin-bottom: 20px;
	}
	.release_shop {
		width: 190px;
		padding-bottom: 85px;
	}
	/*------------------------------------
		LOADING
	------------------------------------*/
	/*#loading{
		background: url(../img/top/release/single/20171214/motion_sp.gif) #000 no-repeat center;
		background-size: 375px auto;
	}*/
	/* 170113 「恋をする」リリース解禁 */
	.info_box {
		display: none;
		position: absolute;
		z-index: 100;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.8);
	}
	.info_box_inner {
		position: absolute;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		top: 100px;
		left: 0;
		margin-left: 0;
		margin-top: 0;
		-webkit-transform: translate(0,0);
			-ms-transform: translate(0,0);
				transform: translate(0,0);
	}
	.close_info_box {
		position: absolute;
		top: -50px;
		right: 20px;
		width: 40px;
		height: 40px;
		z-index: 10000;
		background: url(../img/top/release/170112/close.png) no-repeat 0 0/40px auto
	}
	.info_box img{
		width: 100%;
		max-width: 335px;
		height: auto;
		margin: 0 auto;
	}
	.info_box_cont1{
		bottom: 50px;
		width: 210px;
		margin-left: -105px;
	}
	.info_box_cont1 a{
		width: 207px;
		height: 40px;
		margin-left: -103.5px;
	}
	.info_box_cont2{
		bottom: inherit;
		top: 255px;
		width: 210px;
		margin-left: -105px;
	}
	.info_box_cont2 a{
		width: 207px;
		height: 40px;
		margin-left: -103.5px;
	}

	/* 180122 KISS OF DEATH */
	.container{
		padding-top: 70px;
		background-color: #000;
	}
	.mainvisual >.slider{
		position: static;
		height: 502px;
	}
	.slide01 {
		background-image: url(../img/top/release/single/20181107/pct_main_sp.jpg);
	}
	.slide02 {
		background-image: url(../img/top/release/single/20200122/pct_main02_sp.jpg);
	}
	.slide03 {
		background-image: url(../img/top/release/single/20181122/pct_main_sp.jpg);
	}
	.slide05 {
		background-image: url(../img/top/release/200217/img_newrelearse_sp.jpg);
	}
	.slide06 {
		background-image: url(../img/top/release/200805/mainvisual_sp.jpg);
	}
	.slide07 {
		background-image: url(../img/top/release/201111/mainvisual_sp.jpg);
	}
	.slide08 {
		background-image: url(../img/top/release/201202/mainvisual_sp.jpg);
	}

	.slide02 .slide_btn_sp {
		position: absolute;
		right: 0;
		left: 0;
		top: 80px;
		z-index: 200;
	}
	.slide03 .slide_btn_sp{
		position: absolute;
		right: 0;
		left: 0;
		top: -70px;
		z-index: 200;
	}
	.slide_btn_sp img {
		height: 63px!important;
	}
	.slide02 .slide_btn_sp img {
		height: 56px!important;
	}
	.slide03 .slide_btn_sp img {
		height: 40px!important;
	}

	.darling-in-the-franxx{
		position: static;
		width: 100%;
		background: #fff;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	/*.mainvisual >.slider .slide01 > div{
		margin-top: 0;
		top: inherit;
		bottom: 60px;
		height: auto;
	}
	.mainvisual >.slider .slide01 p{
		text-align: center;
		padding: 0 15px;
	}
	.mainvisual >.slider .slide01 img{
		width: 100%;
		max-width: 166px;
		height: auto !important;
	}
	.mainvisual >.slider .slide01 .space_img{
		max-width: 100%;
	}
	.mainvisual >.slider .slide01 .btns {
		margin-top: 20px;
	}
	.mainvisual >.slider .slide01 .btns ul {
		display: block;
	}
	.mainvisual >.slider .slide01 .btns li {
		margin: 0;
		margin-top: 10px;
	}
	.mainvisual >.slider .slide01 .btns li:first-child {
		margin-top: 0;
	}
	.mainvisual >.slider .slide01 .btns li a{
		font-size: 16px;
		width: 270px;
		height: 50px;
		color: #fff;
		background: rgba(0,0,0,.4);
		border:1px solid #fff;
	}
	.mainvisual >.slider .slide01 .btns li a:hover{
		color: #fff;
		background: rgba(0,0,0,.4);
	}*/
	.slide08 .btn {
		bottom: 42px;
	}

	/* mika hyde */
	.slide_movie {
		width: 100%;
		height: 0;
		position: absolute;
		top: 70px;
		left: 0;
		padding-top: 101%;
		overflow: hidden;
		z-index: 1;
	}
	.slide_movie:after {
		content: "";
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.5);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.slide_movie iframe {
		width: 190%;
		left: 50%;
		position: absolute;
		top: 0;
		-webkit-transform: translate(-50%,0);
		    -ms-transform: translate(-50%,0);
		        transform: translate(-50%,0);
	}
	.mainvisual .btn_wrap {
		padding: 15px 0;
		position: relative;
		z-index: 1;
	}
	.mainvisual .btn_wrap .btn {
		max-width: 331px;
		height: 61px;
		margin: 10px auto 0;
		background: url(../img/top/release/single/20171214/btn_sp.png) no-repeat center;
		background-size: 100% auto;
	}
	.mainvisual .btn_wrap .btn_dl {
		max-width: 331px;
		height: 61px;
		margin: 0 auto;
		background: url(../img/top/release/single/20171214/btn_dl_sp.png) no-repeat center;
		background-size: 100% auto;
	}
	.mainvisual .btn_wrap .btn_dl a {
		width: 100%;
		height: 100%;
		display: block;
	}
	.switch_tab{
		display: block;
	}
	.slide07 .switch_tab{
		width: 620px!important;
		bottom: -40px;
		left: 0;
		right: 0;
		margin: 0 auto;
		position: absolute;
	}
	.slide08 .switch_tab{
		width: 500px!important;
		bottom: 80px;
		left: 0;
		right: 0;
		margin: 0 auto;
		position: absolute;
	}
	.slide08 .switch_tab img,.slide07 .switch_tab img{
		width: 100%;
		height: auto!important;
	}
}

@media screen and (max-width: 767px) {

	/* mika hyde */
	.modal * {
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.modal .title {
		height: 90px;
		background: url(../img/top/release/single/20171214/title_comment_sp.png) #000 no-repeat center;
		background-size: 140px auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	}
	.modal .comment_item{
		height: auto;
	}

	.modal .comment .comment_image {
		padding-top: 90.666666666%;
	}
	.modal .comment .content_inner dl {
		padding: 25px 15px 45px;
	}
	.modal .content_inner dt {
		font-size: 17px;
		line-height: 1;
		font-family: 游明朝, "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, Georgia, serif;
		letter-spacing: .5em;
	}
	.modal .content_inner dd {
		font-size: 12px;
		line-height: 1.6;
		margin-top: 15px;
	}

	/* mika */
	.modal .mika .comment_image {
		background: url(../img/top/release/single/20171214/pct_mika_sp.jpg) no-repeat center;
		background-size: cover;
	}

	/* hyde */
	.modal .hyde .comment_image {
		background: url(../img/top/release/single/20171214/pct_hyde_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.modal .staff {
		background: #fff;
		color: #000;
	}
	.modal .staff .content_inner .image {
		padding-top: 109.333333333%;
		background: url(../img/top/release/single/20171214/pct_visual-anime_sp.jpg) no-repeat center;
		background-size: cover;
	}
	.modal .staff_inner {
		padding: 45px 15px;
		position: relative;
	}
	.modal .staff .logo {
		width: 115px;
		height: 29px;
		position: absolute;
		top: 15px;
		right: 15px;
		background: url(../img/top/release/single/20171214/logo_sp.png) no-repeat center;
		background-size: 115px auto;
	}
	.modal .staff dt:not(:first-child) {
		margin-top: 30px;
	}
	.modal .staff .nishikiori {
		color: #ff3f1a;
	}
	.modal .staff .tanaka {
		color: #33c5f8;
	}
	.modal .movie {
		padding: 70px 0;
		background: url(../img/top/release/single/20171214/bg_anime.jpg) no-repeat center;
		background-size: cover;
	}
	.modal .movie .movie_wrap {
		position: relative;
		margin: 0 auto;
		padding-top: 56.2222222%;
	}
	.modal .movie .content_inner iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.modal .content_close {
		height: 53px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		background: url(../img/top/release/single/20171214/img_close_sp.png) #000 no-repeat center;
		background-size: 97px auto;
		cursor: pointer;
	}
}

@media screen and (min-width:425px) and (max-width:768px) {
	.slides .slide07 {
		background-size: cover!important;
		background-image: url(../img/top/release/201111/mainvisual.jpg)!important;
		background-position: top center;
	}
	.slides .slide08 {
		background-size: cover!important;
		background-image: url(../img/top/release/201202/mainvisual.jpg)!important;
		background-position: top center;
	}
	.new_release_tab{
		display: block;
		width: 100%;
		margin: 0 auto;
		background: #24252b!important;
	}
	.new_release_tab img{
		width: 60%;
	}
	.cd_detail_btn {
		display: none;
	}
}

@media (max-width: 425px) {
	.mainvisual .new_release .slider .disc_info img .disc_info_new img{
		width: 100%;
	}
	.cd_detail_btn {
		bottom: 2%;
		right: 0;
	}
}

@media screen and (max-width: 414px){
	.mainvisual>.slider .flex-control-nav {
		top: 40%;
	}
	.slide08 .btn {
		width: 161px!important;
		position: absolute!important;
		height: 46px!important;
		bottom: 49px;
		left: 0;
		right: 0;
		margin: 0 auto;
		background: url(../img/top/release/201202/btn.png);
		background-size: cover;
		transition: 0.3s;
	}
	.switch_tab{
		display: none;
	}
}
@media screen and (max-width: 767px) and (min-width: 376px){
	.mainvisual >.slider{
		height: 551px;
	}
	.mainvisual>.slider .slides {
		height: 555px;
	}
}
@media screen and (max-width: 375px) {
	.mainvisual>.slider .flex-control-nav {
		top: 37.5%;
	}
	.mainvisual >.slider .flex-control-nav a {
		position: relative;
		display: block;
		width: 9px;
		height: 9px;
		-webkit-transition: .5s;
		transition: .5s;
		text-indent: -9999px;
		border: 1px solid #fff;
	}
	.discography .flex-direction-nav li{
		margin-left: 10px;
	}
	.discography .flex-direction-nav li:first-child{
		margin-left: 0;
		margin-right: 10px;
	}
}

@media screen and (max-width: 344px) {
	.mainvisual .btn_wrap .btn,
	.mainvisual .btn_wrap .btn_dl {
		max-width: 300px;
		height: 55px;
	}
	.mainvisual >.slider {
		position: static;
		height: 426px;
	}
	.mainvisual>.slider .flex-control-nav {
		display: block;
		position: absolute;
		right: 0;
		left: 0;
		top: 44.5%;
	}
}

@media screen and (max-width: 335px) {
	.info_box_cont1{
		bottom: 40px;
	}
	.info_box_cont2{
		top: 245px;
	}
}

@media screen and (max-width: 320px) {
	.discography .flex-direction-nav li{
		width: 120px;
	}
	.discography .flex-direction-nav li a{
		width: 120px;
		background-size: 60% auto;
	}
	.discography .flex-direction-nav li:first-child{
		margin-left: 0;
	}
	.discography .flex-direction-nav li:first-child a{
		background-size: 60% auto;
	}
	.link_btn {
		left: 56%;
		bottom: -118px;
	}
	.slide_title_sp {
		bottom: -190px;
	}
	.slide_title_sp img {
		width: 375px!important;
		height: 441px!important;
	}
	.slide02 .slide_title_sp img {
		width: 347px!important;
		height: 139px!important;
	}
	.slide03 .slide_title_sp img {
		width: 479px!important;
		height: 442px!important;
	}
	.slide04 .slide_title_sp img {
		width: 341px!important;
		height: 198px!important;
	}
	.slide04 .slide_title_sp img {
		width: 300px!important;
		height: 174px!important;
	}
	.slide02 .slide_title_sp img {
		width: 300px!important;
		height: 123px!important;
	}
	.slide_title_sp img {
		width: 318px!important;
		height: 374px!important;
	}
	.mainvisual>.slider .flex-control-nav {
		top: 33.5%!important;
	}
	.slide08 .btn {
		bottom: 36px!important;
	}
	.mainvisual >.slider {
		height: 429px;
	}
	.mainvisual .new_release .slider .disc_info {
		width: 98%;
	}
}

