/*************************************/
.mark-rotate{
	display: inline-block;
	transform: scale(-1, 1);
	margin-right: 0.1em;

}
.mark-rotate span{
	display: inline-block;
	position: relative;
	transform: rotate(90deg);
}
em{
	font-weight:bold;
	font-style:normal;
}
html,body{
	height:100%;
}

.bg-slide{
	margin:0;
	padding:0;
	height: 100%;
	list-style:none;
}
.bg-slide li{
	display:none;
	position: absolute;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-size: 100% auto; 
	z-index:1;
    }
.bg-slide li:first-child{display:block;}

.bg-img {
	width:100%;
	position: absolute;
	top: 0;
	left: 0;
	display:none;
}
.bg-img .linktext{
	
}
body#disco{
	background:#000 url(../disco/img/bg_disco.jpg) no-repeat;
	background-size: 100% auto;
	background-attachment: fixed;  
}
body#bio{
	background:#000;
}
body#bio #wrapper{
	width:100%;
	position:relative;
	z-index:10;
	padding-top:80px;
	padding-bottom:200px;
}
body#bio .bg-slide{
	width:100%;
	top:0;
	position:fixed;
	z-index:1;
}
body#bio .bg-slide li:nth-child(1){background:url(../bio/img/bg_bio_v2.jpg) no-repeat;background-size: 100% auto;  }
body#bio .bg-slide li:nth-child(2){background:url(../bio/img/bg_bio2_v2.jpg) no-repeat;background-size: 100% auto; }

/*���̑�
************************************/
.icon-smart,
.icon-pc{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.icon-smart{
	background:url(../img/icon_smart.png) no-repeat;
	margin:3px 5px;
	width:11px;
	height:15px;
	float:left;
}
.icon-pc{
	background:url(../img/icon_pc.png) no-repeat;
	margin:3px 5px;
	width:15px;
	height:15px;
	float:left;
}
.mark{
	border:1px solid rgba(0,0,0,0);
	background:url(../img/bg_mark.png) center center no-repeat;
	background-size:contain;
}
.mark-bk{
	border:1px solid rgba(0,0,0,0);
	background:url(../img/bg_mark_bk.png) center center no-repeat;
	background-size:contain ;
}
.clear{
	clear:both;
}
/*�ꊇ
************************************/
#tweet .fukidashi:after,
#menu nav:after,
#tweet .fukidashi hgroup:after,
#menu nav ul:after,
.bio-menber:after,
.disc-box:after,
.btn-wt:after,
.LCD-monitor:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.icon-tweet,
.close,
.icon-arrow,
.icon-arrow-back,
.icon-smart{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.icon-arrow{
	float:left;
	width:31px;
	height:15px;
	background:url(../img/icon_arrow.png) center center no-repeat;
}
.icon-arrow-back{
	float:left;
	width:31px;
	height:15px;
	background:url(../img/icon_arrow-back.png) center center no-repeat;
}

/*�S��
************************************/

a{
	color:#54e5ff;
	text-decoration:none;
}
img{
	border:none;
}
body {
	background:#000 ;
	color:#fff;
	margin:0 auto;
	padding:0;
	-webkit-text-size-adjust: 100%;
 }

/*���C�A�E�g
************************************/
#menu{
	position: fixed;
	bottom:0;
	width:100%;
	background-color:#222;
	background-color:rgba(0,0,0,0.85);
	z-index:100;
	border-top:1px solid rgba(255,255,255,0.2);
}

#menu nav{
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","ＭＳ Ｐ明朝","MS PMincho";
	border-bottom:1px solid #353535;
	border-bottom:1px solid rgba(180,180,180,0.27);
	}
#menu nav ul{
	list-style:none;
	margin:0;
	padding:0;
}


#sw-mode{
	position:absolute;
	left:5px;
	top:-40px;
	font-size:13px;
}
#sw-mode a{
	display:block;
	color:#fff;
	text-decoration:none;
	border-radius:3px;
	height:22px;
	width:140px;
	line-height:22px;
	border:1px solid rgba(255,255,255,0.3);
	background: -moz-linear-gradient(top,#3e3e3e,#0a0a0a);
	/* mozilla */
	background: -webkit-gradient(linear, left top, left bottom, from(#3e3e3e),to(#0a0a0a));
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#3e3e3e, endcolorstr=#0a0a0a));
	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#3e3e3e, endcolorstr=#0a0a0a))";
	zoom: 1;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.75);
	behavior: url(ie-css3.htc);
}
#sw-mode a.pc{
	width:60px;
}

/* module
----------------------*/
hgroup{
	display:block;
}
hgroup.head{
	height:48px;
	line-height:48px;
	background-color:#222;
	background-color:rgba(0,0,0,0.65);
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","ＭＳ Ｐ明朝","MS PMincho";

}
h1.title{
	margin:0;
	padding:0px 10px;
	font-size:24px;
	float:left;
}
hgroup h2.alubmu-title{
	margin:0;
	font-size:24px;
	float:left;
}
hgroup h2.alubmu-title small{
	font-size:12px;
}
hgroup.head .title a{
	display:block;
	height:38px;
	line-height:38px;
	margin:4px 0;
	padding:0 5px;
	background:#000 url(../img/bg_shade.png);
	border-radius:5px;
	border:1px solid #333;
	color:#fff;
}
hgroup.head .title a:hover{
	background:#2da3b8;
}
hgroup.head .title a .icon-arrow-back{
	margin-top:11px;
}

/* disco
----------------------*/
div.disc-case{
	position:relative;
	background: -moz-linear-gradient(top,#ffffff,#f0efe8);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#f0efe8));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#f0efe8));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff,endcolorstr=#f0efe8))";
	zoom: 1;
	box-shadow:1px 1px 2px rgba(0,0,0,0.75); 
}
a div.disc-case:hover{
	box-shadow:0px 0px 10px 5px rgba(116,244,255,0.75);
}
div.disc-case h3.code{
	color:#7f5e0d;
	font-size:10px !important;
	margin:0px !important;
}
div.disc-case img{
	width:100%;
	vertical-align:bottom;
}
div.disc-case h2.album-title{
	color:#000;
	font-size:12px;
	margin:0;
	margin-top:3px;
	line-height:1.4em;
	text-align:center;
}
div.disc-case h3.sub-scription{
	color:#000;
	font-size:9px;
	font-weight:normal;
	margin:0;
	margin-top:2px;
	line-height:1.4em;
	text-align:center;
}

.disc-box{
	font-size:11px;
	background-color:#222;
	background-color:rgba(0,0,0,0.75);
	margin:0 20px 20px 0;
	padding:7px;
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.3)
}
.LCD-monitor{
	padding:3px 0 0 5px;
	margin:0 0 8px 0;
	color:#2e2e2d;
	text-shadow:1px 1px 0px rgba(0,0,0,0.2);
	border-radius:3px;
	background: -moz-linear-gradient(top,#e6e3cb,
		#d7d4bc 49%,
		#cdcab2 50%,
		#cdcab2);
	/* mozilla */
	background: -webkit-gradient(linear, left top, left bottom, from(#e6e3cb),
		color-stop(0.49, #d7d4bc), 
		color-stop(0.50, #cdcab2), 
		to(#cdcab2));
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#e6e3cb, endcolorstr=#cdcab2));
	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#e6e3cb, endcolorstr=#cdcab2))";
	zoom: 1;
	box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5);

}
.get-controller{
	float:right;
	margin:2px;
}
.get-controller span{
	float:left;
	margin:1px 0px 0px 0px;
}
.get-controller ul.sw-getter {
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
.get-controller ul.sw-getter li{
	float:left;
	border:1px solid #989584;
	border-radius:3px;
	background:rgba(40,40,35,0.1);
	margin-left:3px;
	text-shadow:none;
	padding:0 3px;
	font-weight:bold;
	cursor:pointer;
}
.get-controller ul.sw-getter li.on{
	color:#fff;	
	background:rgba(40,40,35,0.7);
	border:none;
	padding: 1px 4px;
}
.get-controller ul.sw-getter li:hover{
	background:rgba(40,40,35,1);
	color:#ffa60a;
}

.stores ul{
	list-style:none;
	margin:0;
	padding:0;
	
}
.stores li{
	border-radius:3px;
	overflow:hidden;
	text-indent:-9999px;
	width:140px;
	height:34px;
	margin-bottom:7px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.75);
}
.stores li.tower{
	background:#fcce00 url(../img/icon_tower.png) center center no-repeat;
}
.stores li.iTMS{
	background:#fcce00 url(../img/icon_iTMS.png) center center no-repeat;
	box-shadow:1px 1px 1px rgba(0,0,0,0.75) ,inset -1px -1px 1px rgba(0,0,0,0.5) ,inset 1px 1px 0px rgba(255,255,255,0.7);
}
.stores li.tower:hover{
	box-shadow:0px 0px 5px 3px rgba(255,231,133,0.5),inset 0px 0px 2px 2px rgba(255,231,133,0.5);
}
.stores li.iTMS:hover{
	box-shadow:0px 0px 5px 3px rgba(255,255,255,0.5),inset 0px 0px 2px 2px rgba(255,255,255,0.5);
}


/* modal
--------------------------- */
#show-case{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	box-shadow:inset 0px 5px 15px 3px rgba(0,0,0,0.75);
}
.bg-ichi-bl{
	background:rgba(0,0,0,0.75) url(../img/bg_ichimatsu.png) center top;
}

.bg-ichi-rd{
	background:rgba(0,0,0,0.75) url(../img/bg_ichimatsu_red.png) center top;
}
#show-case .bg-modal1 {
	position:absolute;
	opacity:0.95;
	bottom:0;
}
#show-case .bg-modal2 {
	position:absolute;
	-moz-animation: 'crawl' 3s linear 0s 1 normal;
	-webkit-animation: 'crawl' 3s linear 0s 1 normal;
	-o-animation: 'crawl' 3s linear 0s 1 normal;
	-ms-animation: 'crawl' 3s linear 0s 1 normal;
		left:532px;
		bottom:0;
		-webkit-transform: rotate(52deg);
		-moz-transform: rotate(52deg);
}
@-webkit-keyframes 'crawl' {
	0% {
		bottom:597px;
		left:00px;
		}
	8% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		}
	15% {
		bottom:400px;
		left:484px;
		}
	17% {
		-webkit-transform: rotate(-62deg);
		-moz-transform: rotate(-62deg);
		}
	25% {
		-webkit-transform: rotate(-62deg);
		-moz-transform: rotate(-62deg);
		}
		
	30% {
		bottom:666px;
		left:592px;
		}
	33% {
		-webkit-transform: rotate(-11deg);
		-moz-transform: rotate(-11deg);
		}
	40% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		}
	45% {
		-webkit-transform: rotate(-11deg);
		-moz-transform: rotate(-11deg);
		}
		
	50% {
		bottom:566px;
		left:843px;
		}
	45% {
		-webkit-transform: rotate(13deg);
		-moz-transform: rotate(13deg);
		}
	73% {
		-webkit-transform: rotate(30deg);
		-moz-transform: rotate(30deg);
		}
	75% {
		bottom:290px;
		left:920px;
		-webkit-transform: rotate(58deg);
		-moz-transform: rotate(58deg);
		}
	78% {
		-webkit-transform: rotate(100deg);
		-moz-transform: rotate(100deg);
		}
	88% {
		-webkit-transform: rotate(100deg);
		-moz-transform: rotate(100deg);
		}
	80% {
		bottom:89px;
		left:540px;
		-webkit-transform: rotate(114deg);
		-moz-transform: rotate(114deg);
		}
	100% {
		left:532px;
		bottom:0;
		-webkit-transform: rotate(52deg);
		-moz-transform: rotate(52deg);
		}
}


#show-case .disc-case{
	position:absolute;
	top:50%;
	left:50%;
	width:460px;
	height:460px;
	margin-left:-250px;
	margin-top:-250px;
	padding:20px;
	box-shadow:0px 0px 20px 5px  rgba(0,0,0,0.75);
	border-radius:2px;
	cursor:pointer;
}
.close{
	position:absolute;
	bottom:-16px;
	left:50%;
	width:60px;
	height:60px;
	margin-left:-30px;
	border-radius:3px 3px 0px 0px;
	background:#fff url(../img/bg_close.png) top no-repeat;
	box-shadow:0px 3px 10px 3px rgba(0,0,0,0.75);
	cursor:pointer;
}






/*2016 0118
************************************/

section.sc1{
	position: fixed;
	width:100%;
	height:100%;
	background:#fff url(../img/ve15.jpg) center bottom no-repeat;
	background-size:cover;
	background-attachment: fixed;
	top: 0;
}

.release-info{
	width:100%;
	padding:00px 20px 80px 20px;
	box-sizing:border-box;
	position: relative;
	background: #000 url(../img/ve15.blur.jpg) center bottom no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.release-info h2{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:30px;
}
.release-info  span.mark-txt{
	display:inline-block;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	margin:0 5px 0 0;
}
.release-info span.mark-txt span{
	display:inline-block;
	transform: scaleX(-1);
	-webkit-transform:  scaleX(-1);
	-moz-transform: scaleX(-1);
}
.revers{
	display:inline-block;
	transform: rotateY( 180deg );
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	-ms-transform: rotateY( 180deg );
}

.disc-data{
	margin-bottom:15px;
}
.disc-data .catch{
	margin:0 0 10px 0;
	font-size:16px;
	font-weight:bold;
}