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{ height:100%; }

body{ background:#fcfcfc url(../images/background.png); }


@media(max-width:640px){



} /* Responsive End */



/* header */



header{ width:1080px; margin:0 auto; height:694px;}

#wrapper{ background:url(../images/background2.png) no-repeat center top; padding-top:45px;}

#header_inner{ position:relative;}

#header_inner h1{ width:270px; height:270px; background:url(../images/logo.png) no-repeat left top;text-indent:-9999px;overflow:hidden;display:block; position:absolute; top:0; left:0;}


#header_inner h1 img{ width:100%; height:auto;}
#header_inner #time{ width:270px; height:87px; text-indent:-9999px;overflow:hidden;display:block; background:url(../images/time_18.png) no-repeat left top; position:absolute; top:270px; left:0;}
#header_inner #time img{ width:100%; height:auto;}
#header_inner #twitterArea{ width:810px; height:357px; background:#292f33; position:absolute; top:0; left:270px;}

#header_inner #twitterArea #twitterFrame{ width:495px; height:270px; border:1px solid #667580; top:45px; left:45px; position:absolute; overflow:hidden;}
#header_inner #twitterArea #navigator{ width:180px; height:180px; position:absolute; top:45px; right:45px;}

#readText{ width:100%; background:#ececec; position:absolute; top:395px;text-align:center;}
#readText .readText_inner{ display:block;padding:20px; border:10px solid #2D2D2D; }
#readText .readText_inner span{ width:647px; height:204px; margin:0 auto; background:url(../images/maintext_center_18.png) no-repeat left top;text-indent:-9999px;overflow:hidden;display:block;}


@media(max-width:640px){

header{ width:auto; margin:0 auto; height:auto;}
#wrapper{ background:none; padding-top:0;}
.sptitle{ width:100%;}
#header_inner{ position:static;}

#header_inner h1{ width:auto; height:auto; position:static; top:0; left:0; background:none; text-indent:0;}
#header_inner h1 img{ width:100%; height:auto;}
#header_inner #time{ width:auto; height:auto; text-indent:0;overflow:auto;display:block; background:none; position:static; top:0; left:0;}
#header_inner #time img{ width:100%; height:auto;}
#header_inner #twitterArea{ width:auto; height:auto; background:#292f33; position:static; top:0; left:0; text-align:center;}

#header_inner #twitterArea #twitterFrame{ width:auto; height:270px; border:1px solid #667580; top:0; left:0; position:static; overflow:hidden;padding-bottom:2em;}
#header_inner #twitterArea #navigator{ display:block; margin:0 auto; width:70%; height:auto; position:static; top:0; right:0;padding:2em 0;}
#header_inner #twitterArea #navigator img{ width:100%;}
#readText{ width:100%; background:#ececec; position:static; top:395px;text-align:center;}
#readText .readText_inner{ display:block;padding:20px; border:5px solid #2D2D2D; }
#readText .readText_inner span{ width:auto; height:auto; margin:0 auto; background:none;text-indent:0;overflow:hidden;display:block; line-height:1.4em; text-align:left;}

} /* Responsive End */




#contents{width:1080px; margin:0 auto;}

@media(max-width:640px){

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


} /* Responsive End */


.sec{ position:relative; padding-bottom:45px;}

.sec .leftCont{ width:270px; position:relative; text-align:center; float:left;}
.sec .rightCont{width:810px; position:static; top:0; left:0;  background:#fff; float:right;}
.sec .rightCont_inner{}

.sec h2 img{ vertical-align:bottom;}

.sec .introText{ background:#2D2D2D;}
.sec .triBlock{ width:270px; height:135px; background:url(../images/tri.png) no-repeat left top;}

@media(max-width:640px){
.sec{ position:static; padding-bottom:0;}

.sec .leftCont{ width:auto; position:static;}
.sec .rightCont{width:auto; position:static; top:0; left:0;  background:#fff; padding-bottom:2em;}
.sec .rightCont_inner{}

.sec h2 img{ width:100%; vertical-align:bottom;}

.sec .introText{ background:#2D2D2D; text-align:center;}
.sec .introText img{ width:80%;}
.sec .triBlock{ width:auto; height:auto; display:none; background:none;}


} /* Responsive End */


#talksession h2{ background:url(../images/sec01_title_18.png) no-repeat left top; width:270px; height:150px; background-size:contain;text-indent:-9999px;overflow:hidden;display:block;}

#talksession .introText{height:392px; background:#2D2D2D url(../images/sec01_text_18.png) no-repeat center top; text-indent:-9999px;overflow:hidden;display:block;}

#talksession .talkBlock{width:810px; height:270px; overflow:hidden; position:relative;}
#talksession .talkBlock .artist{ width:268px;margin-top:15px; margin-left:16px;}
#talksession .talkBlock .talktheme{ width:268px;margin-top:15px; margin-left:15px;}
#talksession .talkBlock .photoA{ width:240px; height:240px; position:absolute; top:15px; left:300px;}
#talksession .talkBlock .photoB{ width:240px; height:240px; position:absolute; top:15px; left:555px;}
#talksession .talkBlock .photoC{ width:497px; height:240px; position:absolute; top:15px; left:300px;}
#talksession .talkBlock p{margin-left:17px;}

#talksession .block01,
#talksession .block02,
#talksession .block03{border-bottom:1px solid #dfdfdf;}


@media(max-width:640px){
	
#talksession h2{ background:none; width:auto; height:auto; text-indent:0;overflow:hidden;display:block;}
#talksession h2 img{ width:100%; height:auto;}

#talksession .introText{height:auto; background:#2d2d2d; color:#D9D9D9;  padding:0 2em 2em 2em;  text-align:left; text-indent:0; line-height:1.5em;}

#talksession .talkBlock{width:80%; height:auto; margin:0 auto; overflow:hidden; position:static; padding-top:2em;padding-bottom:2em;}
#talksession .talkBlock .artist{    width:100%;margin-top:0; margin-left:0; text-align:center;}
#talksession .talkBlock .talktheme{ width:100%;margin-top:0; margin-left:0; text-align:center;}

#talksession .talkBlock p img,
#talksession .talkBlock .artist img,
#talksession .talkBlock .talktheme img{ width:100%;}

.photos{ text-align:center;}

#talksession .talkBlock .photoA{ width:40%; height:auto; position:static; top:0; left:0;}
#talksession .talkBlock .photoB{ width:40%; height:auto; position:static; top:0; left:0;}
#talksession .talkBlock .photoC{ width:80%; height:auto; position:static; top:0; left:0;}
#talksession .talkBlock p{margin-left:17px;}

#talksession .block01,
#talksession .block02,
#talksession .block03{border-bottom:1px solid #dfdfdf;}

} /* Responsive End */


#studiolive h2{ background:url(../images/sec02_title.png) no-repeat left top; width:270px; height:150px; background-size:contain;text-indent:-9999px;overflow:hidden;display:block;}

#studiolive .rightCont{ background:#fff url(../images/sec02_bg.png) no-repeat right top;}
#studiolive .introText{height:155px;background:#2d2d2d; color:#D9D9D9; padding:0 2em 2em 2em; text-align:left; text-indent:0; line-height:1.5em;}
#studiolive .rightCont_inner{padding:0;height:330px; background:url(../images/sec02_bg.png) no-repeat left bottom;}
#studiolive .artistBlock{ position:relative;}
#studiolive .artistBlock .photoA{ position:absolute; top:80px; left:45px;}
#studiolive .artistBlock .photoB{ position:absolute; top:45px; right:45px;}

@media(max-width:640px){

#studiolive h2{ background:none; width:auto; height:auto; text-indent:0;overflow:hidden;display:block;}
#studiolive h2 img{ width:100%; height:auto;}

#studiolive .rightCont{ background:#fff url(../images/sec02_bg.png) no-repeat right top;}
#studiolive .introText{height:auto; padding-bottom:2em;}
#studiolive .rightCont_inner{padding:0;height:auto; background:url(../images/sec02_bg.png) no-repeat left bottom;}
#studiolive .artistBlock{ position:static; text-align:center;padding:2em;}
#studiolive .artistBlock .photoA{ position:static; top:0; left:0; width:100%; margin-bottom:2em;}
#studiolive .artistBlock .photoB{ position:static; top:0; right:0;width:100%;}
} /* Responsive End */







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

footer{ width:auto; margin:0 auto; height:190px; background:#fff;}
#footer_inner{ width:1080px; 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 */







#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;}
}