/***********************************/
/*999px以下*/
/***********************************/
@media screen and (max-width: 1000px) {
html {
	font-size: 52.5%;
}

img {
	max-width: 100%;
}

#main_box {
	display:none;
}
#main_box02 {
	background-image:url(./img/main_v_sp.jpg);
	background-position: center bottom;
	background-repeat:no-repeat;
	background-attachment:fixed;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	width: 100%;
	height:700px;
	position:relative;
	overflow:hidden;
	z-index:1;
	display:block;
}

article {
	min-width: 100%;
	position:relative;
	z-index:2;
	background: transparent url(./img/back02.gif);
}
#top_txt {
	display:none;
}
#top_txt02 {
	display:block;
	max-width: 100%;
}
#top_txt02 h1 {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}


#information {
	padding:4rem 0;
}
#information .l_r {
	width: 100%;
	text-align: center;
}
#information .l_r .jak_box {
	width: 100%;
	position: relative;
	z-index:7;
}
#information .l_r .jak_box img {
	width: 95%;
}
.caption {
	letter-spacing:1px;
	width: 95%;
	height:auto;
	background: #ddd;
	margin: 10px auto 20px;
	position: relative;
	border:3px solid #eee;
	z-index:8;
	padding: 1.5rem;
	ox-shadow:rgba(56, 56, 56, 0.239216) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(56, 56, 56, 0.239216) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(56, 56, 56, 0.239216) 0px 0px 6px 3px;
}
#information .l_r .caption p span {
	width: 5rem;
	margin-right: 1rem;
}
.caption h3:after {
	content:"";
	display:block;
	border:1px solid #666;
	margin: 10px auto 20px;
}

#tracklist_b #tracklist #tracklist_sp {
	display:block;
	width: 100%;
	text-align: center;
	background: url(./img/hana01.png) left bottom no-repeat;
	line-height:200px;
}
#tracklist_b #tracklist #tracklist_pc {
	display:none;
}

#tracklist_b {
	width: 100%;
	padding:4rem 0;
	background:#eee url(./img/background.jpg) left top fixed;
}
#tracklist {
	width: 100%;
	margin:0 auto;
	letter-spacing: 0.2rem;
}
#tracklist div{
	display:block;
	width: 100%;
}
.defaultlist{
	width: 95%;
	margin:0 auto;
}
li.list10-count:after{
	font-size: 2rem;
}


#demo_b {
	width: 100%;
	padding:4rem 0;
}
#demo {
	width: 100%;
	margin:0 auto;
	letter-spacing: 0.2rem;
}
#demo_b #demo h2{
	display:block;
	background: url(./img/kama02.png) left top no-repeat;
	width: 100%;
	text-align: center;
	line-height:200px;
	margin-bottom: 2rem;
}
#demo div{
	display:inline-block;
	width: 100%;
	vertical-align:top;
}

#staff_b {
	width: 100%;
	padding:4rem 0;
	background:#eee url(./img/background.jpg) left top fixed;
}
#staff {
	width: 100%;
	margin:0 auto;
}
#staff_b #staff #staff_pc{
	display:none;
}
#staff_b #staff #staff_sp{
	display:block;
	font-size: 3.5rem;
	width: 100%;
	text-align: center;
	line-height:200px;
	margin-bottom: 2rem;
	background: url(./img/rindou.png) left bottom no-repeat;
	letter-spacing: 0.2rem;
}

#staff div{
	display:inline-block;
	width: 100%;
	vertical-align:top;
	letter-spacing: 1px;
	padding: 1rem;
	font-size: 1.4rem;
}

#link_b {
	width: 100%;
	padding:4rem 0;
	background:#444;
	color: #fff;
}
#link {
	width: 100%;
	margin:0 auto;
	letter-spacing: 0.2rem;
	word-wrap: break-word;
}

#link h2 {
	display: table;
	text-align: center;
	white-space: nowrap;
	font-size:3.5rem;
	letter-spacing:0.3rem;
	margin-bottom: 80px;
}



}

/***********************************/
/*639px以下*/
/***********************************/
@media screen and (max-width: 640px) {

}

@media screen and (max-width: 479px) {
#main_box02 {
	background-image:url(./img/main_v_sp.jpg);
	background-position: center bottom;
	background-repeat:no-repeat;
	background-attachment:fixed;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	width: 100%;
	height:500px;
	position:relative;
	overflow:hidden;
	z-index:1;
	display:block;
}
}