<!-- footer -->
 <style>
	.sns_bg											{ display:none; position:absolute; top:0; left:0; z-index:50; width:100%; height:100%; background: rgba(0, 0, 0, 0.8);  }
	.sns_area        	{	display:none; position:absolute; top:0; left:0; z-index:51; width:80%; max-width:800px; background-color:#FFF; }
	.sns_box										{	display:block; border:14px solid #fec223; padding:40px; text-align:center;	}
	.sns_box	.btn_top				{	width:100%; height:28px; text-align:right;}
	.sns_box ul li							{	display:inline-block; padding:5px;	}
	</style>
 <script>
		<!--
		function open_sns_modal()
		{
					var wid_width 	= window.document.body.offsetWidth;
					var wid_hegiht = window.document.body.offsetHeight;

					$(".sns_bg").css({"display":"block","width":+wid_width+"px","height":+wid_hegiht+"px" });
					$(".sns_area").css({"display":"block"});
					sns_modal_height();
		}


		function sns_modal_height()
		{
					var scw = $(window).width();
					var sch = $(window).height();              //브라우져 크기innerH = document.documentElement.clientHeight;
					$("#sc_he").val(sch);

					var mdalw = $(".sns_area").width();
					var mdal = $(".sns_area").height();  //모달 팝업 크기
					$("#sc_he1").val(mdal);

					scH = document.documentElement.scrollTop;  //scrollHeight, scrollHeight
					$("#sc_he3").val(scH);

					if( sch > mdal )
					{
									var body_height 		= sch/2;
									var modal_height =  mdal/2;

									var mdal_height2 = body_height - modal_height + scH;
									$(".sns_area").css({"top":+mdal_height2+"px"});
					}
					else
					{
									var mdal_height2 = scH + 30;
									$(".sns_area").css({"top":+mdal_height2+"px"});
					}

					if( scw > mdalw )
					{
									var body_width 		= scw/2;
									var modal_width =  mdalw/2;
									var mdal_width2 = body_width - modal_width
									$(".sns_area").css({"left":+mdal_width2+"px"});
					}
		}


		$(window).resize(function()
		{
							snsbox_resize();
		});


		function snsbox_resize()
		{
					var wid_width 		= window.document.body.offsetWidth;
					var wid_hegiht = window.document.body.offsetHeight;

					$(".sns_bg").css({"width":+wid_width+"px","height":+wid_hegiht+"px" });
					sns_modal_height();
		}


		function sns_modal_gone()
		{
					$(".sns_bg").css({"display":"none"});
					$(".sns_area").css({"display":"none"});
		}

	 -->
 </script>
 <FOOTER>
 <!-- SNS MODAL -->
 <div class="sns_bg">&nbsp;</div>
 <div class="sns_area">
 	<div class="sns_box">
	  <div class="btn_top"><a href="javascript:sns_modal_gone();"><img src="../images/sub/icon_view_close.png" /></a></div>
   <ul>
    <li><a href="http://www.jyjjapan.jp/main.html" target="_blank"><img src="../images/sub/sns2_jyj.png" width="64" height="64" /></a></li>
    <li><a href="http://www.c-jes.com" target="_blank"><img src="../images/sub/sns2_cjes.png" width="64" height="64" /></a></li>
    <li><a href="https://www.facebook.com/CJESJYJ/" target="_blank"><img src="../images/sub/sns2_fb.png" width="64" height="64" /></a></li>
    <!--li><a href="" target="_blank"><img src="../images/sub/sns2_tw.png" width="64" height="64" /></a></li-->
    <li><a href="https://www.instagram.com/cjes.tagram/" target="_blank"><img src="../images/sub/sns2_is.png" width="64" height="64" /></a></li>
    <li><a href="https://bit.ly/2PYHPxn" target="_blank"><img src="../images/sub/sns2_yt.png" width="64" height="64" /></a></li>
   </ul>
		</div>
 </div>
 <!-- SNS MODAL -->


 <div id="footer_area">
		<ul class="footer-menu">
   <li><a href="<?=$URL_AGREE 			?>"		>会員規約</a></li>
   <li><a href="<?=$URL_PRIVACY 	?>"		>個人情報方針</a></li>
   <li><a href="<?=$URL_GUIDE				?>"		>メンバー特典</a></li>
  </ul>

  <div class="footer-txt">
   <span class="copyright">copyright ©2019 C-JES Entertainment All Rights Reserved.</span>
  </div>

		<ul class="footer_mail">
   <li><a href="mailto:info@junsu.jp"><img src="../images/mailto.jpg" /> info@junsu.jp</a></li>
   <li class="footer_family	"><a href="<?=$URL_SNS ?>"><img src="../images/family.png"/></a></li>
  </ul>
 </div>
 </FOOTER>
 <!--footer -->