http://gyakko.com/

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">�<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">��<head>�<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />�<meta name="viewport" content="width=device-width,initial-scale=yes"><!-- デバイス毎,スマホ拡大許可 -->�<meta name="viewport" content="width=980,user-scalable=yes" ><!-- 980px指定,スマホ拡大許可 -->�<meta name="description" content="映画『逆光の頃』公式サイト">�<meta name="keywords" content="">�<meta name="copyright" content="">��<!-- OGP�<meta property="og:title" content="ウェブサイトタイトル">�<meta property="og:description" content="内容説明">�<meta property="og:url" content="サイトのURL">�<meta property="og:image" content="http://xxx.com/images/ogp.jpg 表示画像のURL" />�-->�<!-- Twitter Card�<meta name="twitter:card" content="summary_large_image" />�<meta name="twitter:site" content="サイトのTwitterアカウント" />�<meta name="twitter:url" content="ページのURL" />�-->��<title>映画『逆光の頃』公式サイト</title>��<link href="css/style_gyakko.css" rel="stylesheet" type="text/css" />�<link href="css/colorbox.css" rel="stylesheet" type="text/css" media="screen" />��

1<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

1�

1<script src="js/pagetotop.js?v=8"></script>

1�

1<script src="js/easing.js"></script>

1�

1<script src="js/colorbox.js"></script>

1�

1<script src="js/fadein.js"></script>

1�

1<script>�	$(document).ready(function(){�		//Examples of how to assign the Colorbox event to elements�		$(".youtube").colorbox({iframe:true, innerWidth:960, innerHeight:540,});�		<!--$(".youtube").click(); //追加-->�		$('.non-retina').colorbox({rel:'group5', transition:'none'})�		$('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});�			�		//Example of preserving a JavaScript event for inline calls.�		$("#click").click(function(){ �			$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");�			return false;�		});�	});�</script>

1�

1<script>�	$(document).ready(function(){�		setTimeout(function(){�		$(".youtube").click(); //自動再生�		},4000);�	});�</script>

1��</head>��<body>�<div id="bloc1">��<div id="menu_wrp">�<div id="menu_list">�<ul>�<li id="menu1"><a href="#"><img src="images/menu_top.png" alt="トップ" width="57" height="50" /></a></li>�<li id="menu2"><a href="#" target="_blank"><img src="images/menu_news.png" alt="ニュース" width="84" height="50" /></a></li>�<li id="menu3"><a href="#intro_wrp"><img src="images/menu_intro.png" alt="イントロダクション&amp;ストーリー" width="177" height="50" /></a></li>�<li id="menu4"><a href="#cast_wrp"><img src="images/menu_cast.png" alt="キャスト" width="80" height="48" /></a></li>�<li id="menu5"><a href="#staff_wrp"><img src="images/menu_staff.png" alt="スタッフ" width="80" height="50" /></a></li>�<li id="menu6"><a href="https://www.youtube.com/embed/754o3z0-6l0?rel=0&amp;autoplay=1&showinfo=0" alt="trailer" class="youtube"><img src="images/menu_trailer.png" alt="予告編" width="68" height="50" /></a></li>�<li id="menu7"><a href="theater.html?t=577" target="_blank"><img src="images/menu_theater.png" alt="劇場情報" width="89" height="50" /></a></li>�<li id="menu_tw"><a href="https://twitter.com/Gyakko1" target="_blank"><img src="images/menu_tw.png" alt="Twitter" width="42" height="50" /></a></li>�</ul> �<div class="clear"></div>�<!--/ #menu_list--></div>�<!-- / #menu_wrp --></div>��<div id="main_wrp">�<div id="main_cont1">��<ul class="bnr_line1">�<li><a href="http://morning.moae.jp/lineup/797" target="_blank"><img src="images/bnr_densho.png" width="215" height="67" /></a></li>�</ul>�<ul class="bnr_line2">�<li></li>�<li class="ml"><img src="images/bnr_171007.png" width="750" height="150" usemap="#Map" border="0" />�    <map name="Map" id="Map">�      <area shape="rect" coords="459,94,679,116" href="http://www.tamaeiga.org/" target="_blank" />�    </map>�</li>�</ul>�</div><!-- / #main_cont1 -->��<p id="main_cont2">&nbsp;</p>�<p id="main_cont3"><img src="images/date_170523.png" width="721" height="40" class="date" /></p>��<p id="billing"><img src="images/billing_txt.png" width="980" height="177" /></p>�</div>�<div id="intro_wrp">�<img src="images/intro_img1.jpg" width="980" height="525" /><img src="images/intro_title.png" width="980" height="67" /><img src="images/intro_txt1.png" width="980" height="163" /><img src="images/intro_img2.jpg" width="980" height="190" /><img src="images/intro_txt2.png" width="981" height="145" /><img src="images/intro_img3.jpg" width="980" height="328" />�<!-- / #intro_wrp --></div>��<div id="cast_wrp">�<p class="title"><img src="images/cast_title.png" width="468" height="39" /></p>�<p class="cast_img"><img src="images/cast_takasugi.jpg" width="980" height="244" /></p>�<p class="cast_img"><img src="images/cast_aoi.jpg" width="980" height="244" /></p>�<p class="cast_img"><img src="images/cast_simizu.jpg" width="980" height="244" /></p>�<p class="cast_img"><img src="images/cast_kaneko.jpg" width="980" height="244" /></p>�<p class="cast_img"><img src="images/cast_momotuki.jpg" width="980" height="244" /></p>�<p class="cast_img"><img src="images/cast_satukawa.jpg" width="980" height="244" /></p>�<p class="cast_img"><img src="images/cast_tanaka.jpg" width="980" height="244" /></p>�<!-- / #cast_wrp --></div>��<div id="staff_wrp">�<p class="title"><img src="images/staff_title.png" width="470" height="39" /></p>�<p class="staff_img"><img src="images/staff_kantoku.png" width="980" height="262" /></p>�<p class="staff_img"><img src="images/staff_gensaku.png" width="980" height="183" /></p>�<!-- / #staff_wrp --></div>��<div id="footer_wrp"><img src="images/footer.png" width="980" height="90" /></div>��<!-- / #bloc1 --></div>�</body>�</html>�