@charset "utf-8";


/* -------------------------------------------------------------------------------------------------------------------------------End Smartphone and Tablet style767pxまで*/
@media screen and (max-width: 767px){
/* START */


/*---------------------------------------------------------------Common*/

.pc{ display:none; }

a:link,
a:visited,
a:hover{
	color: #00ffff;
	text-decoration: none;
}


/*---------------------------------------------------------------for Fade*/

#contentBg, #navigation, #headerBlock, #infoBlock{
	opacity: 0;
}


/*---------------------------------------------------------------Layout Format*/

/*Navigation*/
#navigation{
	position: fixed;
	width: 100%;
	z-index: 1000;
}

/*Content*/
#content{
	width: 100%;
	z-index: 1;
}
#content320{
	margin: 0 auto;
	width: 320px;
}

/*Each Block*/
#infoBlock, #trackBlock, #goodsBlock, #footerBlock{
	margin-bottom:60px;
	width:100%;
	border-top: 1px solid #00ffff;
	border-bottom: 1px solid #00ffff;
}
.inner{
	padding: 0 15px;
}


/*---------------------------------------------------------------Navigation*/

#navigation .naviArea{
	position: relative;
}

/*Menu Open Button*/
#navigation p.naviBtn{
	position: absolute;
	right: 0;
	top: 0;
	width: 58px;
	height: 58px;
	border-left: 1px solid #00ffff;
	border-bottom: 1px solid #00ffff;
	background:url(../img/sp/btn_navi.png) no-repeat rgba(0, 51, 143, 0.95);
	-webkit-background-size: 58px 58px;
	-moz-background-size: 58px 58px;
	-o-background-size: 58px 58px;
	background-size: 58px 58px;
	text-indent: -9999px;
	cursor: pointer;
}
#navigation p.naviBtn.close{
	background: url(../img/sp/btn_naviClose.png) no-repeat rgba(0, 51, 143, 0.95);
	-webkit-background-size: 58px 58px;
	-moz-background-size: 58px 58px;
	-o-background-size: 58px 58px;
	background-size: 58px 58px;
}

/*Menu*/
#navigation ul.naviMenu{
	display: none;
	position: absolute;
	top: 58px;
	width: 100%;
	border-bottom: 1px solid #00ffff;
}
#navigation ul.naviMenu li{
	border-top: 1px solid #00ffff;
}
#navigation ul.naviMenu li a{
	display: block;
	width: 100%;
	height: 50px;
	background: rgba(0, 51, 143, 0.95);
	text-align: center;
	font-size: 23px;
	line-height: 52px;
	letter-spacing:1px;
}
#navigation ul.naviMenu li a span{
	font-size: 20px;
}

/*Sns Set*/
#navigation ul.snsSet{
	padding: 20px 0 0 20px;
}
#navigation ul.snsSet li{
	float: left;
}
#navigation ul.snsSet .twitterBtn{
	padding-right: 10px;
}
#navigation ul.snsSet .facebookBtn{
	width: 120px;
}


/*---------------------------------------------------------------Header Block*/

#headerBlock{
	padding: 295px 0 40px 0;
}
#headerBlock h1{
	margin-bottom: 5px;
	width: 100%;
	text-align: center;
}
#headerBlock h1 img{
	width: 100%;
	height: auto;
}
#headerBlock p.down{
	text-align: center;
}
#headerBlock p.down img{
	width: 74px;
	height: auto;
}


/*---------------------------------------------------------------Infomation Block*/

#infoBlock{
	padding: 45px 0 40px 0;
	background: url(../img/bg_info.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

/*Infomation Img*/
#infoBlock .img{
	margin-bottom: 35px;
}

#infoBlock .img img{
	width: 100%;
	height: auto;
}

/*Infomation Article list01*/
#infoBlock .article .list01{
	margin-bottom: 35px;
}
#infoBlock .article .list01 h2{
	display: block;
	padding: 0 13px;
	height: 38px;
	background: #00ffff;
	color: #000;
	font-size: 30px;
	line-height: 38px;
}
#infoBlock .article .list01 h3{
	display: block;
	margin-bottom: 18px;
	padding: 8px 13px;
	background: #000;
	color: #fff;
	font-size: 13px;
}
#infoBlock .article .list01 .lead{
	font-size: 15px;
	line-height: 1.8;
}

/*Infomation Article list02*/
#infoBlock .article .list02 h2{
	display: block;
	margin-bottom: 22px;
	padding: 8px 12px;
	background: #00ffff;
	color: #000;
	font-size: 17px;
	line-height: 1.1;
}
#infoBlock .article .list02 h2 span{
	color: #fff;
}
#infoBlock .article .list02 .lead{
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 1.4;
}
#infoBlock .article .list02 .lead span{
}
#infoBlock .article .list02 .links{
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.3;
}
#infoBlock .article .list02 .links a{
	display: inline-block;
	margin-bottom: 10px;
}
#infoBlock .article .list02 .price{
	padding-top: 7px;
	color: #00ffff;
	font-size: 20px;
	line-height: 1.5;
}
#infoBlock .article .list02 .price span{
	color: #fff;
}


/*---------------------------------------------------------------Track Block*/

#trackBlock{
	padding: 45px 0;
	background: url(../img/bg_track.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
#trackBlock h2{
	margin-bottom: 22px;
}
#trackBlock h2 img{
	width: 250px;
	height: auto;
}

/*Track List*/
#trackBlock .trackList{
	margin-bottom: 0;
}
#trackBlock .trackList dl{
	display: tablel;
	font-size: 20px;
}
#trackBlock .trackList dl dt,
#trackBlock .trackList dl dd{
	display: table-cell;
	padding-bottom: 15px;
}
#trackBlock .trackList dl dt{
	width: 45px;
	color: #ff00ff;
}
#trackBlock .trackList dl dt span{
	color: #fff;
}
#trackBlock .trackList dl dd span.sub{
	font-size: 15px;
}
#trackBlock .trackList dl dd span.credit{
	padding-top: 5px;
	display: block;
	font-size: 13px;
	line-height: 1.3;
	/*FontRendering None
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	*/
}
#trackBlock .trackList dl dd span a{
	color: #ff00ff;
}
#trackBlock .trackList p.bonus{
	padding : 10px 0 5px 0;
	color: #ff00ff;
	font-size: 17px;
}

#trackBlock .trackList p.freedl{
    padding : 30px 0 5px 0;
    color: #ff00ff;
    font-size: 17px;
}


/*Img*/
#trackBlock .img{
	margin-top: -25px;
	margin-bottom: 40px;
}
#trackBlock .img img{
	width: 100%;
	height: auto;
}

/*Soundcloud*/
#trackBlock .soundcloud{
	height: 166px;
	overflow: hidden;
}
#trackBlock .soundcloud2 {
	height: 166px;
	overflow: hidden;
}
#nanobiiremix{
	position: relative;
	display: block;
	top: -35px;
	background: rgba(0, 0, 0, 0.9);
}




/*---------------------------------------------------------------Goods Block*/

#goodsBlock{
	padding: 45px 0 40px 0;
	background: rgba(0, 51, 143, 0.9);
}

/*Goods Article*/
#goodsBlock .article{
	margin-bottom: 25px;
}
#goodsBlock .article h2{
	margin-bottom: 18px;
	padding: 10px 10px 9px 10px;
	background: #00ffff;
	color: #000;
	font-size: 26px;
	line-height: 1.1;
}
#goodsBlock .article p.cap{
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 1.8;
}
#goodsBlock .article p.cap span{
	display:inline-block;
	margin-bottom: 8px;
}
#goodsBlock .article p.price{
	color: #00ffff;
	font-size: 20px;
}
#goodsBlock .article p.price span{
	color: #fff;
}

/*Goods Img*/
#goodsBlock .img img{
	width: 100%;
	height: auto;
}


/*---------------------------------------------------------------Footer Block*/

#footerBlock{
	position:relative;
	margin-bottom: 100px;
	padding: 30px 0 30px 0;
	background: rgba(0, 51, 143, 0.9);
}

/*Footer Cradit*/
#footerBlock .credit{
	margin-bottom: 20px;
	width: 100%;
}
#footerBlock .credit p{
	padding-bottom: 10px;
	width: 100%;
	font-size: 13px;
	line-height: 1.2;
}
#footerBlock .credit p span{
	font-size: 12px;
}

/*Footer Shop*/
#footerBlock .shop{
	margin-bottom: 45px;
	width: 100%;
}
#footerBlock .shop h3{
	margin-bottom: 5px;
	color: #00ffff;
	font-size: 22px;
}
#footerBlock .shop h3.title02{
	margin-top: 30px;
}
#footerBlock .shop ul{
	width: 100%;
}
#footerBlock .shop ul li{
	padding-top: 10px;
}
#footerBlock .shop ul li a{
	display: table;
	width: 100%;
	height: 60px;
	background: #02f9fb;
	color: #000;
	text-align: center;
}
#footerBlock .shop ul li a span.box{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#footerBlock .shop ul li a span.text{
	display: inline-block;
	padding-right: 20px;
	font-size: 17px;
	background: url(../img/sp/icon_link.png) right center no-repeat;
	-webkit-background-size: 15px 13px;
	-moz-background-size: 15px 13px;
	background-size: 15px 13px;
}
#footerBlock .shop ul li a span.box span.jp{
	font-size: 15px;
}

/*Footer Set*/

#footerBlock .footerSet p{
	float: left;
}
#footerBlock .footerSet .logo{
	padding-right: 10px;
}
#footerBlock .footerSet .logo img{
	width: 42;
	height: auto;
}
#footerBlock .footerSet .copyright{
	padding-top: 8px;
	font-size: 11px;
}

/*Pagetop*/
#footerBlock .pagetop{
	position:absolute;
	right:15px;
	bottom:30px;
	cursor: pointer;
}
#footerBlock .pagetop img{
	width:51px;
	height:51px;
}


/* END */
}
/* -------------------------------------------------------------------------------------------------------------------------------End Smartphone and Tablet style767px*/