img{ vertical-align:bottom;}

p{ line-height:1.5em;}


.cf:before,
.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}



html,body{ width:100%; overflow-x:hidden;}

body{ }


#wrapper{z-index:1; }


@media(min-width:641px){
	#wrapper{min-width:1000px; }
}


#contents{width:auto; margin:0 auto; background:#fff;}


.mainBG{ width:100%; height:589px; position:fixed; z-index:-10; overflow:hidden; background:#64191A;}
.slider{ width:auto; height:589px;}
.mainBG li{ width:100%; height:589px;}




@media(max-width:640px){
.mainBG{ width:100%; height:100%; display:none;}	
}

header{ width:auto; position:relative;}

header #header01{ width:auto; height:589px; position:relative; z-index:10;}
header #header01 > div{ width:1000px; height:100%; margin:0 auto; position:relative; z-index:10;}
header #header01 h1{width:300px; height:256px;text-indent:-9999px;display:block;line-height:0em; background:url(../images/logo.png) no-repeat center top; position:absolute; top:160px; left:350px;}


@media(max-width:640px){
header #header01{ height:auto;}
header #header01 > div{ width:auto;}
header #header01 h1{top:0; left:0; position:static; text-align:center; display: none;}
.splogo{ text-align:center; padding-top:0; position:relative;}
.splogo img{ width:100%; position:relative; z-index:100;}

.splogo .spLogoMark{ width:100%;}
.splogo .smpBG{ width:100%; height:auto;}
.splogo .smpBG{position:absolute; top:0; z-index:0;}
.splogo .smpBG li{position:absolute;}
}


header #header02{ width:100%; height:245px; position:fixed;top:0; z-index:12; background:#fff; display:none;
box-shadow:0px 0px 3px 0px #ccc;
-moz-box-shadow:0px 0px 3px 0px #ccc;
-webkit-box-shadow:0px 0px 3px 0px #ccc;
}
header #header02 .hdInner{width:auto; height:205px; margin:0 auto; position:relative;border-bottom:4px solid #c2c2c2;padding-bottom:4px;}
header #header02 > nav{width:auto; height:100%; margin:0 auto; position:relative;border-bottom:4px solid #fff;}



header #header02 .header02_01{ width:100%; height:100%; overflow:hidden; position:absolute; background-color:#888;}
header #header02 .header02_01 li{ width:100%; height:100%; display:none;}
header #header02 .header02_01 li img{ width:100%; height:auto;}

header #header02 .header02_02{ z-index:20; width:100%;}
header #header02 .navbtnArea{ width:1000px; margin:0 auto; position:relative;}
header #header02 .header02_02 li{ width:255px; height:63px;text-indent:-9999px;display:block;line-height:0em;position:absolute;}
header #header02 .header02_02 li a{ width:255px; height:63px;text-indent:-9999px;display:block;line-height:0em; }

header #header02 .header02_02 li.navBtn01{ top:180px;}
header #header02 .header02_02 li.navBtn02{ top:180px;right:0;}
header #header02 .header02_02 li.navBtn01 a{ background:url(../images/menu01.png) no-repeat left top; }
header #header02 .header02_02 li.navBtn02 a{ background:url(../images/menu02.png) no-repeat left top; }
header #header02 .header02_02 li.navBtn01 a:hover{ background:url(../images/menu01.png) no-repeat left bottom;}
header #header02 .header02_02 li.navBtn02 a:hover{ background:url(../images/menu02.png) no-repeat left bottom;}

@media(max-width:640px){
	
}

header #header03{ width:100%; height:245px; position:fixed;top:0; z-index:12; background:#fff; 
box-shadow:0px 0px 3px 0px #ccc;
-moz-box-shadow:0px 0px 3px 0px #ccc;
-webkit-box-shadow:0px 0px 3px 0px #ccc;
}
header #header03 .hdInner{width:100%; height:205px; margin:0 auto; position:relative;border-bottom:4px solid #c2c2c2;padding-bottom:4px;}
header #header03 > nav{width:auto; height:100%; margin:0 auto; position:relative;border-bottom:4px solid #fff;}



header #header03 .header02_01{ width:100%; height:100%; overflow:hidden; position:absolute; background-color:#888;}
header #header03 .header02_01 li{ width:100%; height:100%; display:none;}
header #header03 .header02_01 li img{ width:100%; height:auto;}

header #header03 .navbtnArea{ width:100%; margin:0 auto; position:relative;}
header #header03 .header02_02{ z-index:20; width:1000px;margin:0 auto; position:relative;}
header #header03 .header02_02 li{ width:255px; height:63px;text-indent:-9999px;display:block;line-height:0em; position:absolute;}
header #header03 .header02_02 li a{ width:255px; height:63px;text-indent:-9999px;display:block;line-height:0em;}

header #header03 .header02_02 li.navBtn01{ top:180px;}
header #header03 .header02_02 li.navBtn02{  top:180px; right:0;}
header #header03 .header02_02 li.navBtn01 a{ background:url(../images/menu01.png) no-repeat left top; }
header #header03 .header02_02 li.navBtn02 a{ background:url(../images/menu02.png) no-repeat left top;}
header #header03 .header02_02 li.navBtn01 a:hover{ background:url(../images/menu01.png) no-repeat left bottom;}
header #header03 .header02_02 li.navBtn02 a:hover{ background:url(../images/menu02.png) no-repeat left bottom;}


@media(max-width:640px){
	header #header03{ height:auto;}
	header #header03 .hdInner{ height:auto;}
}






#subLogo{ text-align:center; margin:14px 0 0 0; padding:0; position:absolute; z-index:25; width:100%;}
#subLogo img{ width:200px;}
	
@media(max-width:640px){
	
}
	
	
	



#navigator{ height:100px; background:#fff;}
#navigator ul{ width:1000px; height:100px; margin:0 auto;}
#navigator ul li{ width:324px; height:100px; text-indent:-9999px;display:block;line-height:0em; float:left;}
#navigator ul li a{ width:324px; height:100px; text-indent:-9999px;display:block;line-height:0em;}
#navigator ul li.nav01{}
#navigator ul li.nav02{}
#navigator ul li.message{  }

#navigator ul li.nav01 a{   background:url(../images/navi01.png) no-repeat left top;}
#navigator ul li.nav02 a{   background:url(../images/navi02.png) no-repeat left top;}
#navigator ul li.message a{ background:url(../images/message.png) no-repeat left top;}
#navigator ul li.nav01 a:hover{   background:url(../images/navi01.png) no-repeat left bottom;}
#navigator ul li.nav02 a:hover{   background:url(../images/navi02.png) no-repeat left bottom;}
#navigator ul li.message a:hover{ background:url(../images/message.png) no-repeat left bottom;}

#navigator ul:before,
#navigator ul:after {    content: " ";   display: table;}
#navigator ul:after {clear: both;}
#navigator ul {*zoom: 1;}

@media(max-width:640px){
#navigator{ display:none;}

#navigator ul{ width:auto;}
.smpLink{}
.smpLink img{ width:100%;}

.spsubmenu{border-bottom:1px solid #828282;}
.spsubmenu nav{}
.spsubmenu nav ul{ }
.spsubmenu nav ul li{ width:50%; float:left;}
.spsubmenu nav ul li img{ width:100%;}

.spsubmenu nav ul:before,
.spsubmenu nav ul:after {content: " ";display: table;}
.spsubmenu nav ul:after {clear: both;}
.spsubmenu nav ul{*zoom: 1;}

}




#entryvisual{ background:#262626; text-align:center;}


#entryText01{ width:750px; margin:0 auto;}
#entryText01 > div{margin:60px 30px;}

#entryText01 dl{}
#entryText01 dt{ font-size:220%;font-weight:bold;  color:#b3b3b3; height:1.3em;}
#entryText01 dd{ font-size:180%; color:#191919;}

#entryText01 h2{font-size:30px; color:#c11818;  font-weight:normal; line-height:1.2em; margin-bottom:1em; margin-top:1em;}

#entryTextArea{ line-height:1.6em; font-size:90%;}
#entryTextArea p{line-height:1.6em; font-size:90%;margin-bottom:1em;}

@media(max-width:640px){

#entryvisual img{ width:100%;}
#entryText01{ width:auto;}

}





#musicListArea{ width:750px; margin:0 auto 60px auto; background:#f7f7f7;}
#musicListArea > div{ margin:0 30px;padding-top:30px;}

#musicListArea h3{ font-size:180%; color:#545454; text-align:center;padding:1em 0 2em 0; border-bottom:1px solid #CFCFCF;}

#musicListArea ul{padding:45px 0 45px 30px;}
#musicListArea ul li{ width:315px; height:80px; margin-bottom:15px; float:left; position:relative;}
#musicListArea ul li .imgbox{ display:table-cell;vertical-align:middle;}
#musicListArea ul li .imgbox img{ width:80px; height:auto; margin-right:20px;}

#musicListArea ul li dl{ display:table-cell; vertical-align:middle;}
#musicListArea ul li dt{ width: 100%; margin-bottom:3px; display:inline-block;}
#musicListArea ul li dd{ font-size:80%; color:#c11818;display:inline-block;}

#musicListArea ul:before,
#musicListArea ul:after {content: " ";display: table;}
#musicListArea ul:after {clear: both;}
#musicListArea ul {*zoom: 1;}

@media(max-width:640px){
	#musicListArea{ width:auto; margin-bottom:2em;}
	#musicListArea ul{padding:1.5em 1em 0 1em;}
}




.freeHtmlArea{ width:750px; margin:0 auto 60px auto;}

@media(max-width:640px){
	
.freeHtmlArea{ width:auto;margin:2em;}
}

#twitterArea{ background:#292f33;padding:30px 0;}
#twitterArea > div {width:700px; margin:0 auto;}

#ArchiveBtnArea{ background:#67747d; padding:1em; text-align:center;}
#ArchiveBtnArea a{ background:#8b99a3; border:1px solid #fff; color:#fff;padding:10px 100px; font-size:160%; text-align:center; line-height:1em; display:inline-block;}
#ArchiveBtnArea a:hover{ text-decoration:none; background:#51606B;}

@media(max-width:640px){
	
#twitterArea > div {width:auto; margin:0 auto;}
}



#archiveList{ width:1000px; margin:0 auto;}
#archiveList h2{font-size:180%; color:#545454; text-align:center;padding:1em 0 2em 0; border-bottom:1px dotted #CFCFCF;}

#sub #contents{padding-top:280px;}

#archiveList ul{padding:60px 0 60px 60px;}
#archiveList ul li{width:253px; height:270px; float:left; margin-right:55px; position:relative;}
#archiveList ul li .imgbox{width:253px; height:177px; overflow:hidden; background:#3B3B3B; background-repeat:no-repeat; background-size:cover;display:block;position:relative;}

#archiveList ul li .imgbox img{	
	width: 100%;
	height: 100%;
	}

#archiveList dl{padding:10px 10px 0 10px;}
#archiveList dt{ color:#c11818; font-size:80%;}
#archiveList dd{ font-size:90%;}


#archiveList a:hover { text-decoration:none;}

#archiveList a:hover dl,
#archiveList a:hover dt,
#archiveList a:hover dd{ text-decoration:none !important; }

#archiveList a dl:hover,
#archiveList a dt:hover,
#archiveList a dd:hover{ text-decoration:none !important; }

#archiveList ul:before,
#archiveList ul:after {content: " ";display: table;}
#archiveList ul:after {clear: both;}
#archiveList ul {*zoom: 1;}

@media(max-width:640px){
	
	#archiveList{ width:auto;}
	#sub #contents{padding-top:0;}
	#archiveList h2{padding:2em 0 2em 0;}
	
	#archiveList ul{ width:auto;margin:2em 0 0 0 ;padding:0;}
	#archiveList ul li{ width:auto;height:auto; margin:1em 2em 0 2em; position:relative;}
	#archiveList ul li .imgbox{ position:absolute; top:0; left:0;
		  width: calc(30vmin);
 		 height: calc(30vmin);}
	#archiveList ul li a{ display:block;}
	#archiveList ul li .imgbox img{}
	#archiveList ul li dl{ margin-left:calc(32vmin);  width:auto; float:left; min-height:calc(30vmin);}
		#archiveList ul li dt{padding-top:calc(8vmin);}
		#archiveList ul li dd{}
	
}

#messageForm{ width:1000px; margin:0 auto;}
#messageForm h2{font-size:180%; color:#545454; text-align:center;padding:1em 0 2em 0; border-bottom:1px dotted #CFCFCF;}

@media(max-width:640px){
	#messageForm{ width:auto; margin:0 auto;}
	
	#messageForm h2{padding:2em 0 2em 0;}
}




.JME{ width:1000px; margin:0 auto;padding:20px 0; text-align:center;}

footer{ width:auto; margin:0 auto; height:190px; background:#fff;}
#footer_inner{ width:1000px; margin:0 auto; position:relative;}
footer .copy{ position:absolute;padding:10px 0 0 0;top:45px; left:0; font-size:12px;}
footer .jwavelogo{ position:absolute; top:45px; left:776px;}
footer .gotohome{ position:absolute; top:45px; left:1000px;}

@media(max-width:640px){
.JME{ width:auto; padding:0 1em;}

footer{width:auto; text-align:center; height:auto;padding:2em 0;}
#footer_inner{ width:auto; position:static;}
footer .copy{ position:static;padding:10px 0 0 0;top:0; left:0; font-size:0.7em; margin-bottom:1em;}
footer .jwavelogo{ position:static; top:0; left:0; margin-bottom:1em;}
footer .gotohome{ position:static; top:0; left:0; margin-bottom:1em;}
} /* Responsive End */



.fitimgMV{object-fit: cover; width:100%; height:100%;}

#gigyaShare > div{ display:inline-block; margin-left:12px;}

.clear{ clear:both;}
.tac{ text-align:center !important;}

@media(min-width:641px){
.sp{ display:none !important;}
} /* Responsive End */

@media(max-width:640px){
.pc{ display:none !important; }
} /* Responsive End */

@media(max-width:640px){
#commonFooter{ display:none !important; }
}

@media(max-width:640px){
#commonFooter{ display:none !important; }
}

@media(max-width:640px){
.tac_pc{ text-align:left !important;}
.tac_sp{ text-align:center !important;}
}

@media(min-width:641px){
.tac_pc{ text-align:center !important;}
.tac_sp{ text-align:left !important;}
}


.fwm{ font-weight:normal !important;}
.fwb{ font-weight:bold !important;}