html,body{ height:100%; }

body{ background:#cedbd4;}
@media(max-width:640px){
  body{ background:#fff;}
}

img{ vertical-align:bottom;}
a img:hover{ opacity:0.7;}

p{ line-height:1.8em; font-size:14px;}




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




#wrapper{
}

#main-v{
	background: url(../images/main_bg.png) repeat-y center bottom;
	background-size:100% auto;
	width:100%;
	min-width:1280px;
	height:697px;
	text-align:center;
}
#main-v img{
	margin:94px 0 0;
}

@media(max-width:640px){
  #main-v{
    background: none;
    min-width:1px;
    height:auto;
    text-align:center;
    overflow:hidden;
  }
  #main-v img{
    width:100%;
    margin:0;
  }
}



#main-copy{
	width:820px;
	margin:0 auto 60px;
	padding:40px 0 0;
	color:#143500;
	position:relative;
}
#main-copy-left{
	margin: -30px 0 0 0;
	width:610px;
	font-family: Arial, Helvetica, sans-serif;
}

#main-copy-left-ttl{
	width:100%;
	font-size:28px;
	letter-spacing:1px;
	margin:-50px 0px 20px 0px;
	max-width:540px;
}
#main-copy-left-ttl img{
	width:100%;
}

@media(max-width:640px){
  #main-copy,
  #main-copy-left {
      width: 100%;
      box-sizing: border-box;
      padding: 0 1rem;
  }

  #main-copy {
    padding:0;
  }

  #main-copy-left-ttl {
      font-size: 14px;
      letter-spacing: 0px;
      margin: 0 0 12px;
  }  
}



#navigater{
	position:absolute;
	right:-40px;
	top:-130px;
	width:265px;
	height:331px;
}
#navigater-inner{
	position: relative;
	width:100%;
	height:100%;
}
@media(max-width:640px){
  #navigater {
    height: auto;
    position: relative;
    right: auto;
    top: auto;
    width: 80%;
    margin:20px auto 0 auto;
  }
  .navigater-img{
  width:100%;
  }  
}

.present_btn{
	margin:-25px 0px 0px -230px;
	position: absolute;
}

.top-content{
	width:820px;
	margin:0 auto;
}


.on-air-block-ttl {
	width:100%;
	margin:0 0 14px;
}

@media(max-width:640px){
  .on-air-block-ttl {
    margin: 0 0 14px;
    text-align: center;
    width: 100%;
  }
  .on-air-block-ttl img {
    width: 100%;
  }
}


.on-air-st-block{
	width:100%;
	overflow:hidden;
	padding:0 0 60px;
}
.on-air-st-one{
	width:25%;
	float:left;
	text-align:center;
	color:#638411;
	font-size:20px;
}
.msg-btn-block{
  width:100%;
  display: flex;
  justify-content: space-around;
  padding: 0 0 2rem 0;
}

@media(max-width:640px){
  .msg-btn-block{
    flex-wrap: wrap;
  }
}




.prof-box{
	width:100%;
	overflow:hidden;
	margin:0 0 80px;
}
.prof01-left{
	float:left;
}
.prof01-right{
	float:left;
	width:560px;
}
.prof01-right p{
	padding:20px 0 0 34px;
}
.prof02-right{
	float:right;
}
.prof02-left{
	float:left;
	width:560px;
}
.prof02-left p{
	padding:20px 0 0 60px;
}

.prof03-left{
	float:left;
	width:357px;
	letter-spacing:0;
	overflow:hidden;
}
.prof03-left img{
	width:172px;
}
.prof-left-img{
	float:left;
}
.prof-right-img{
	float:right;
}
.prof03-right{
	float:left;
	width:463px;
	margin:0 0 30px;
}
.prof03-right p{
	padding:20px 0 0 34px;
}

.sp-guest-ttl {
  display: none;
}
@media(max-width:640px){
  .sp-guest-ttl {
    display: block;
    width: 100%;
    padding: 0 0 1rem 0;
  }  
  .sp-guest-ttl img {
    width: 100%;
  }  

}

#music-ttl {
  padding: 0 0 2rem 0;
}
@media(max-width:640px){
  #music-ttl {
    width: 100%;
    padding: 0 0 1.5rem 0;
  }
  #music-ttl img {
    width: 100%;
  }
  
}

.gallery-block{
	width:780px;
  margin:0 auto;
  padding-bottom: 3rem;
}
.gallery-ttl{
	margin:0 0 30px;
}
.gallery-block ul{
	width:100%;
	overflow:hidden;
}
.gallery-block ul li{
	width:230px;
	float:left;
	margin:15px;
}
.gallery-block ul li img{
	width:100%;
}


#main-wrap{
  width:1280px;
	background: url(../images/body.png) repeat-y;
  margin:-230px auto 0 auto;
  padding: 30px 0 4rem 0; 
	line-height:1.7;
}
@media(max-width:640px){
  #main-wrap{
    width:100%;
    background: none;
    margin:0;
    padding: 30px 0 0 0;
  }
    
}


.content-wrap{
}
@media(max-width:640px){
  .content-wrap {
      margin: 0 auto;
      width: 100%;
  }
}

.top-present-block{
	width:520px;
	height:176px;
	background: url(../images/top-present_bg.jpg) no-repeat;
	margin:0 auto 80px;
	padding:94px 40px 0 260px;
	font-size:14px;
	position:relative;
}
.top-present-block-btn a{
	color:#fff;
	display:block;
}
.present-block{
	width:520px;
	height:136px;
	background: url(../images/present_bg.png) no-repeat;
	margin:0 auto 80px;
	padding:94px 40px 0 260px;
  font-size:14px;
  position: relative;
}
.top-present-block span,
.present-block span{
	font-size:10px;
}

.present-block a{
  display: inline-block;
  position: absolute;
  bottom: 2.4rem;
  right: 3rem;
}


#sp_present_info{
  width: 100%;
  text-align: center;
}

#sp_present_info h2 img {
  width: 90%;
  max-width: 482px;
}

#sp_present_info figure img {
  width: 90%;
  max-width: 497px;
}

#sp_present_info p {
  width: 90%;
  margin: 1rem auto;
  padding: 0 0 2rem 0;
  text-align: left;
}

@media(max-width:640px){
  #sp_present_info{
    padding: 0 0 2rem 0;
  }
    
  #sp_present_info{
  width: 100%;
  text-align: center;
  }
  #sp_present_info p {
    padding: 0 0 1rem 0;
  }
    #sp_present_info a {
    display: block;;
    width: 80%;
    margin: 0 auto;
    padding: 0 0 2rem 0;
  }
  #sp_present_info a img {
    width: 100%;
  }
}





.thanks-block{
	text-align:center;
	margin:0 0 240px;
}
.add-mtop{
	/*margin-top:50px;*/
}


.form-personal-ttl{
  margin:0 auto 40px;
  text-align: center;
}



.form-dl{
	overflow:hidden;
	width:100%;
	line-height:1.7;
}

@media(max-width:640px){
  .form-dl{
    box-sizing: border-box;
    padding: 0 1.5rem;
  }  
}

.form-dl dt{
	width:390px;
	float:left;
	clear:both;
	text-align:right;
	font-size:15px;
	margin:0 20px 60px;
	padding:8px 0 0;
}
.form-dl dd{
	width:490px;
	float:left;
	margin:0 0 60px 0;
	overflow:hidden;
}

.form-att-text{
	width:680px;
	margin:0 auto 80px;
	padding:30px 0 0;
	line-height:1.8;
	font-size:14px;
}



.form-btn-box{
	width:680px;
	margin:0 auto 150px;
	line-height:1.8;
	font-size:14px;
	text-align:center;
}



@media(max-width:640px){

.thanks-block {
    margin: 0 0 140px;
}
.form-dl dt {
    float: none;
    font-size: 14px;
    margin: 0 0px 8px;
    padding:  0 0;
    text-align: left;
    width: 100%;
}
.form-dl dd {
    float: none;
    margin: 0 0 30px;
    width: 100%;
}
.form-att-text {
    font-size: 12px;
    line-height: 1.8;
    margin: 0 auto 50px;
    padding: 20px 0 0;
    width: 90%;
}
.form-btn-box {
    font-size: 0;
    margin: 0 auto 80px;
    text-align: center;
    width: 100%;
}
.form-personal-ttl{
	width:100%;
	margin:0 0 30px;
	overflow:hidden;
}
.form-personal-ttl img{
	width:100%;
}
.present-block{
	width:100%;
	max-width:420px;
	height:auto;
	background: url(../images/present_bg_sp.jpg) no-repeat;
	background-size:100% auto;
	margin:0 auto 80px;
	padding:180px 40px 100px 40px;
	font-size:12px;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;   box-sizing: border-box;
}
.top-present-block{
	width:100%;
	max-width:420px;
	height:auto;
	background: url(../images/top-present_bg_sp.jpg) no-repeat;
	background-size:100% auto;
	margin:0 auto 80px;
	padding:180px 40px 100px 40px;
	font-size:12px;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;   box-sizing: border-box;
}
.top-present-block span,
.present-block span{
	font-size:10px;
}
.top-present-block-btn {
    bottom:auto;
    height: 32px;
    line-height: 32px;
    position: relative;
    right: auto;
    text-align: center;
    width: 232px;
	margin:10px auto 0;
}
.top-content {
    margin: 0 auto;
    width: 100%;
}
.gallery-ttl {
    margin: 0 0 20px;
}
.gallery-ttl img{
	width:100%;
}
.gallery-block {
    margin: 0 auto;
    width: 100%;
    padding: 0;
}
.gallery-block ul li {
    float: left;
    margin: 4px 1.5%;
    width: 47%;
}
.on-air-st-one {
    font-size: 14px;
    text-align: center;
    width: 50%;
	margin:0 0 14px;
}
.on-air-st-one img{
    width: 96%;
}



.insta-link {
    bottom: 12px;
    position: absolute;
    right: 18px;
	width:44px;
	height:42ppx;
}
.insta-link img {
	width:100%;
}
.prof-box {
    margin: 0 0 60px;
}
.prof01-left,
.prof02-right {
    float: none;
    width: 70%;
	margin:0 auto 14px;
}
.prof03-left {
    float: none;
    width: 100%;
	margin:0 auto 14px;
}
.prof03-left img {
    width: 48%;
}
.prof01-left img,
.prof02-right img {
    width: 100%;
}
.prof03-right {
    margin: 0;
}
.prof01-right,
.prof02-left,
.prof03-right {
    float: none;
    width: 100%;
}
.prof01-right img,
.prof02-left img,
.prof03-right img {
    width: 100%;
}
.prof01-right p,
.prof02-left p,
.prof03-right p {
	width:77%;
	max-width:px;
	margin:0 auto;
    padding: 14px 0 0 0;
}
.prof03-right p {
	width:70%;
	margin:0 auto;
    padding: 14px 0 0 0;
}

.msg-btn-left,
.msg-btn-right
{
}

.msg-btn-left a,
.msg-btn-right a
{
  display: block;
}


.msg-btn-left img{
  margin:0 0 1rem;
  width: 100%;
  max-width: 482px;
}
.msg-btn-right img{
  width: 100%;
  max-width: 482px;
}
.msg-btn-block {
  width: 90%;
  margin: 0 auto;
}
.on-air-st-block {
    overflow: hidden;
    padding: 0 0 30px;
    width: 80%;
    margin: 0 auto;
}

.add-mtop {
    margin-top: 30px;
}

}




a.AlinkBtn{ display:block; width:300px; text-align:center; padding:10px; border:1px solid #464753; background:#999bb4; color:#fff; text-decoration:none; font-weight:bold; margin:0.5em 0;}
a.AlinkBtn:hover{ background:#adaec1;text-decoration:none;}
.presentphoto{}

@media(max-width:640px){
a.AlinkBtn{ display:block; width:80%; margin:0.5em auto;}
.presentphoto{width:90%; margin:0 auto;}
} /* Responsive End */



/* header */

header{ width:auto; height:430px;}

header a{width :auto; height:100%; display: block;}

@media(max-width:640px){



} /* Responsive End */






header{ width: auto; height: 572px; background: url(../images/mainvisual.png) no-repeat center top;}
header h1,header p{ display:none;}

@media(max-width:640px){


header{ width: auto; height: auto; }
} /* Responsive End */






#contents{ width:auto; background:url(../images/background.png) repeat-x left top;  position: relative;}
.star{ position: absolute; top: 250px; left: 50%; margin-left:-600px; z-index:0; overflow: hidden;}
#contents .cf{ position: relative; z-index:1;}
section{ width: 935px; margin:0 auto; }

.star2{ position: absolute; z-index:0; width:100%;height:717px; background:url(../images/star.png) no-repeat center 250px;}


@media(max-width:640px){

#contents{ width:auto; background:none;  position: relative;}
.star{  display: none;}
#contents .cf{ position: relative; z-index:1;}
section{ width: auto; margin:0 auto; }

} /* Responsive End */






.sec01{ position: relative; height: 240px;}
.sec01 .introtext{ position: absolute; width:500px; height: 150px;}
.sec01 #jme{ width: 500px; height: 90px; position: absolute; top: 150px; z-index: 10;}
.sec01 .navigators{ width: 300px; height: 179px; position: absolute; top:0; left:640px; }

@media(max-width:640px){

.sec01{ position: relative; height: auto;}
.sec01 .introtext{ position: relative; width:auto; height: auto;padding:2em; font-size: 120%}
.sec01 #jme{ width: auto; height: auto; position: relative; top: 0; z-index: 10;padding:0 2em 2em 2em;}
.sec01 .navigators{ width: auto; height: auto; position: relative; top:0; left:0;  text-align: center;padding:0 2em 2em;}

.navigators h2 img{ width: 100%;}
.nav01 img{ width:48%;}
.nav02 img{ width:48%;}
.nav03{ width: 50%; margin-top:2em;}

} /* Responsive End */






.sec02{ position: relative; height: 165px;}
.sec02 .btn01{ top: -19px; left:-32px; position: absolute;}
.sec02 .btn02{ top: 0; right:0; position: absolute;}

@media(max-width:640px){

.sec02{ position: relative; height: auto; text-align: center; margin-bottom: 2em;}
.sec02 .btn01{ top: 0; left: 0; position: relative;}
.sec02 .btn02{ top: 0; right:0; position: relative;}

.sec02 img.sp{ width: 90%;}

} /* Responsive End */






.contbox{ position: relative; background:#fff url(../images/bg01.png) repeat-x left top; border:4px solid #eef4f7; margin-bottom:40px;
-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;   box-sizing: border-box;}
.contbox .secIcon{ position: absolute; z-index: 3; top: -6px; left: -6px;}
.contbox > .inner{ position: relative; z-index: 1; margin:40px;}
.contbox p{ width:532px; min-height: 110px; padding:20px 0 0 0; line-height: 1.6em; font-size:100%; }

.contbox > .inner > img{ position:absolute;}

@media(max-width:640px){

.contbox{ position: relative; background:#fff; border:4px solid #eef4f7; border:none;margin-bottom:0;
-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;   box-sizing: border-box;}
.contbox .secIcon{ position: relative; display: none;}
.contbox > .inner{ position:relative;margin:0; text-align: center;}
.contbox > .inner p{ width:auto; min-height: auto; padding:2em 2em 2em; line-height: 1.6em; font-size:90%; text-align:left;}

.contbox > .inner > img{ position:static;padding-bottom:3em;}

.contbox h2 img.sp{ width: 100%; height: auto;}

} /* Responsive End */






.guest01{ top: 0; left:712px; }
.guest02{ top: 0; left:712px; }
.guest03{ top: 0; left:712px; }
.guest04{ top: 0; left:531px; }
.guest06{ top: 0; left:531px; }


@media(max-width:640px){

.guest01{ top: 0; left:0; }
.guest02{ top: 0; left:0; }
.guest03{ top: 0; left:0; }
.guest04{ top: 0; left:0; }
.guest06{ top: 0; left:0; }

} /* Responsive End */




.sec05.contbox p{padding-left:147px; position: relative; width: 375px; min-height:150px;}
.sec05.contbox p img{position:  absolute; left:0;}

.sec06.contbox p{padding-left:147px; position: relative; width: 375px; min-height:150px;}
.sec06.contbox p img{position:  absolute; left:0;}


.sec06.contbox p{ min-height: 176px}

@media(max-width:640px){

.sec05.contbox p{padding:2em; position: relative; width: auto; min-height:auto;}
.sec05.contbox p img{position:  relative; display: block; left:0;}
.sec05.contbox p span{display: block; text-align: center;} 
.sec06.contbox p{padding:2em; position: relative; width: auto; min-height:auto;}
.sec06.contbox p img{position:  relative; display: block; left:0;}
.sec06.contbox p span{display: block; text-align: center;} 
.sec06.contbox p{ min-height: auto}

.guest05{margin:0 auto;}

} /* Responsive End */





section.sec07{ width:auto; margin:0 auto; background:url(../images/pg_background.jpg) no-repeat center top; background-size:cover;}
section.sec07 > .inner{width:935px;margin:0 auto; padding:60px 0; }

.sec07 h2{padding-bottom:40px;margin-left:50px;}
.sec07 .show{ margin-left:50px;}
.sec07 .show li{width:210px; height: 155px; display: inline-block;}

@media(max-width:640px){

section.sec07{ width:auto; margin:0 auto; background:url(../images/pg_background.jpg) no-repeat center top; background-size:cover;}
section.sec07 > .inner{width:auto;margin:0 auto; padding:3em 10% 1em 10%; }

.sec07 h2{padding:２em 0 2em 0;margin:0;}
.sec07 .show{ margin-left:0;}
.sec07 .show li{width:45%; height: auto;padding:0;margin:0;margin-bottom:2em;}
.sec07 .show li:nth-child(odd){margin-right:8%;}
.sec07 .show a{width:100%;}
.sec07 .show li a img{ width: 100%;}
} /* Responsive End */

















.JME{ width:480px; background:#fff; margin:0 auto 70px auto;padding:0; text-align:center; vertical-align:top;}

#jme #gigyaShare .gig-bar-container {height: 20px; margin: 3px 0 0 5px; position:relative; top:-2px;}
.gig-button-container-google-plusone{ position:relative; top:-5px;}

footer{ width:auto; margin:0 auto; height:250px;}
#footer_inner{ width:820px; margin:0 auto;}

#footer_inner2{
  display: flex;
  width: 100%;
  justify-content: space-between;
}

#footer_inner2 .t-right{
text-align: right;
}

@media(max-width:640px){
  #footer_inner2{
    display: block;
  }
  #footer_inner2 .t-right{
    text-align: center;
    }
}



#stationlogo-list{
  width: 800px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-top: 3rem;
}

@media(max-width:640px){
  #stationlogo-list{
    width: 80%;
    margin: 0 auto;
    flex-wrap: wrap;
    padding-top: 1.5rem;
  }
  #stationlogo-list a{
    display: block;
    width: 40%;
  }


  #stationlogo-list a img{
    margin-bottom: 1rem;
    width: auto;
    max-width: 100%;
  }

}

footer .copy{ padding-top: 10px;}
footer .greenlogo{margin-top: 20px;}


@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 .greenlogo{ position:static; top:0; left:0; 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;}
footer .ngnbnr{ position:static; top:0; left:0;}
} /* Responsive End */





#gigyaShare{ position:relative;}
#gigyaShare img{ vertical-align:top;}
#gigyaShare > img{ display:inline-block; position:relative; margin:0 !important; vertical-align:top;}
#gigyaShare > div{ display:inline-block; margin-left:12px; padding-top:0;}
.gig-button-container-google-plusone{ position:relative; top:-2px;}

@media(max-width:640px){
#gigyaShare > img{ display:inline-block; top:0; position:relative}
#gigyaShare > div{ display:inline-block; margin-left:0; padding-top:0;}
.gig-button-container-google-plusone{ position:relative; top:-2px;}

} /* Responsive End */



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

.w100p{ width:100%;}


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