https://hatsukoi-movie.jp/chara.html

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta http-equiv="X-UA-Compatible" content="IE=edge">
5<meta charset="utf-8">
6<title>CHARACTER | 映画『初恋』オフィシャルサイト</title>
7<meta name="Keywords" content="初恋,映画,三池崇史,窪田正孝,大森南朋,染谷将太,小西桜子,ベッキー,三浦貴大,村上淳,内野聖陽,カンヌ国際映画祭,邦画,東映">
8<meta name="description" content="監督：三池崇史×主演：窪田正孝！第72回カンヌ国際映画祭2019[監督週間選出]作品　映画『初恋』大ヒット上映中。">
9<meta name="copyright" content="(C)2020「初恋」製作委員会">
10
11<!-- ogp -->
12<meta property="og:title" content="CHARACTER | 映画『初恋』オフィシャルサイト">
13<meta property="og:type" content="website">
14<meta property="og:description" content="監督：三池崇史×主演：窪田正孝！第72回カンヌ国際映画祭2019[監督週間選出]作品　映画『初恋』大ヒット上映中。">
15<meta property="og:url" content="https://hatsukoi-movie.jp">
16<meta property="og:image" content="https://hatsukoi-movie.jp/poster.jpg">
17<meta property="fb:app_id" content="768615853533351">
18
19<!-- twitter -->
20<meta name="twitter:card" content="summary_large_image">
21<meta name="twitter:site" content="@hatsukoi2020">
22<meta name="twitter:creator" content="@hatsukoi2020">
23<meta name="twitter:title" content="CHARACTER | 映画『初恋』オフィシャルサイト">
24<meta name="twitter:image:src" content="https://hatsukoi-movie.jp/poster.jpg">
25<meta name="twitter:description" content="監督：三池崇史×主演：窪田正孝！第72回カンヌ国際映画祭2019[監督週間選出]作品　映画『初恋』大ヒット上映中。">
26<meta name="twitter:image" content="https://hatsukoi-movie.jp/poster.jpg">
27
28<link rel="stylesheet" href="css/reset.css">
29<link rel="stylesheet" href="css/common.css">
30<link rel="stylesheet" href="css/chara.css">
31<link rel="stylesheet" href="css/loading.css">
32

33<script>
34if(navigator.userAgent.match(/(iPhone|iPod|Android.*Mobile)/i)){
35  var url = location.href.match(/(.*)\/([^\/]*)$/);
36  location.replace(url[1] + '/sp/' + url[2]);
37}
38</script>

38
39
40<!-- Google Tag Manager -->

41<script>

41(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
42  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
43  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
44  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
45  })(window,document,'script','dataLayer','

45GTM-M8SWWJB

45');

45</script>

45
46<!-- End Google Tag Manager -->
47
48</head>
49<body>
50
51<!-- Google Tag Manager (noscript) -->

51
52<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

52GTM-M8SWWJB

52"
53  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

54<!-- End Google Tag Manager (noscript) -->
55
56<!-- Facebook -->
57<div id="fb-root"></div>

58<script>(function(d, s, id) {
59  var js, fjs = d.getElementsByTagName(s)[0];
60  if (d.getElementById(id)) return;
61  js = d.createElement(s); js.id = id;
62  js.src = 'https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.11&appId=768615853533351';
63  fjs.parentNode.insertBefore(js, fjs);
64}(document, 'script', 'facebook-jssdk'));</script>

64
65<!-- Facebook -->
66
67<!-- Loading -->
68<div class="ld-overlay">
69  <div class="loading">
70    <div class="ld-image"></div>
71    <div class="ld-text">LOADING・・・</div>
72  </div>
73</div>
74<!-- /Loading -->
75
76<!---------- container ---------->
77<div class="container">
78
79<div class="chara">
80
81  <main>
82    <h1 class="chara__title inview"><img src="img/chara/title.png" alt="CHARACTER in 歌舞伎町"></h1>
83
84    <div class="chara__diagram inview"><img src="img/chara/diagram.png" alt=""></div>
85  </main>
86
87  <nav>
88    <ul class="common__submenu">
89      <li class="common__submenu--item"><a href="./intro.html"><img src="img/common/btn_intro.jpg" alt="INTRODUCTION"></a></li>
90      <li class="common__submenu--item"><a href="./story.html"><img src="img/common/btn_story.jpg" alt="STORY"></a></li>
91      <li class="common__submenu--item"><a href="./cast.html"><img src="img/common/btn_cast.jpg" alt="CAST"></a></li>
92      <li class="common__submenu--item"><a href="./chara.html"><img src="img/common/btn_chara.jpg" alt="CHARACTER"></a></li>
93      <li class="common__submenu--item"><a href="./staff.html"><img src="img/common/btn_staff.jpg" alt="STAFF"></a></li>
94      <li class="common__submenu--item"><a href="./storyboard.html"><img src="img/common/btn_storyboard.jpg" alt="STORYBOARD"></a></li>
95    </ul>
96    <ul class="common__menu">
97      <li class="common__menu--item"><a href="./"><img src="img/common/btn_top_off.jpg" alt="TOP" class="rollover"></a></li>
98      <li class="common__menu--item js__submenu--open"><a href="#"><img src="img/common/btn_about_off.jpg" alt="ABOUT THE MOVIE" class="rollover"></a></li>
99      <li class="common__menu--item"><a href="./comment.html"><img src="img/common/btn_comment_off.jpg" alt="REVIEW/COMMENT" class="rollover"></a></li>
100      <li class="common__menu--item"><a href="https://hatsukoi-movie.tumblr.com/" target="_blank"><img src="img/common/btn_news_off.jpg" alt="NEWS" class="rollover"></a></li>
101      <li class="common__menu--item js__youtube--open"><a href="#"><img src="img/common/btn_trailer_off.jpg" alt="TRAILER" class="rollover"></a></li>
102      <li class="common__menu--item"><a href="http://theaters.toei.co.jp/TheaterList/?PROCID=02637" target="_blank"><img src="img/common/btn_theater_off.jpg" alt="THEATER" class="rollover"></a></li>
103      <li class="common__menu--item"><a href="./awards.html"><img src="img/common/btn_awards_off.jpg" alt="海外映画祭一覧" class="rollover"></a></li>
104      <li class="common__menu--item"><a href="https://twitter.com/hatsukoi2020" target="_blank"><img src="img/common/tw_off.jpg" alt="Twitter" class="rollover"></a></li>
105      <li class="common__menu--item"><a href="https://www.instagram.com/hatsukoi2020/" target="_blank"><img src="img/common/ig_off.jpg" alt="Instagram" class="rollover"></a></li>
106      <li class="common__menu--item js__share--disp"><a href="#"><img src="img/common/btn_share_off.jpg" alt="" class="rollover"></a></li>
107    </ul>
108
109    <!-- -------- share -------- -->
110    <ul class="share is_hidden">
111      <li class="fb">
112        <div class="fb-like" data-href="https://hatsukoi-movie.jp" data-width="80px" data-layout="button" data-action="like" data-size="small" data-show-faces="false" data-share="false"></div>
113      </li>
114      <li class="tw">
115        <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-text="映画『初恋』オフィシャルサイト　大ヒット上映中。" data-url="https://hatsukoi-movie.jp" data-hashtags="初恋" data-lang="ja" data-show-count="false">Tweet</a>
116        

116<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

116
117      </li>
118      <li class="line">
119        <a href="http://line.naver.jp/R/msg/text/?映画『初恋』オフィシャルサイト　大ヒット上映中。 https://hatsukoi-movie.jp" target="_blank">
120          <img src="img/top/linebutton_88x20.png" bordar="0" width="88" height="20" alt="LINEで送る" />
121        </a>
122      </li>
123    </ul>
124    <!-- -------- /share -------- -->
125
126  </nav>
127
128</div>
129<!-- -------- /chara -------- -->
130
131</div>
132<!---------- /container ---------->
133
134<!-- YouTube -->
135<div class="yt-overlay" id="yt-overlay"></div>
136<!-- /YouTube -->
137
138<!-- SCRIPTS -->

139<script src="js/jquery-2.2.4.min.js"></script>

139

140<script src="js/jquery.easing.1.3.js"></script>

140

141<script src="js/jquery.easy-rollover.js"></script>

141

142<script src="js/jquery.inview.min.js"></script>

142

143<script src="js/jquery.youtube.js"></script>

143

144<script src="js/index.js"></script>

144
145
146</body>
147</html>