https://saki-anime.com/character/

1<!doctype html>
2<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
3<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
4<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
5<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
6<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
7<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
8<head>
9	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
10	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
11	<meta http-equiv="content-style-type" content="text/css" />
12	<meta http-equiv="content-script-type" content="text/javascript" />
13
14	<meta name="description" content="アニメ「咲-Saki-」シリーズのスペシャルサイト。来春よりTVアニメ「咲-Saki- 全国編編 episode of side-A」が放送スタート予定。">
15	<meta name="keywords" content="小林立,五十嵐あぐり,咲,さき,麻雀,麻雀アニメ,百合,はいてない,美少女,和,優希,エトペン,植田佳奈,小清水亜美,福山潤,釘宮理恵,伊藤静,白石涼子,阿知賀,穏乃,奈良,長野" />
16	<meta name="copyright" content="Copyright (C)小林 立/スクウェアエニックス・咲全国編製作委員会" />
17	<meta name="author" content="PONY CANYON" />
18
19	<meta property="og:title" content="TVアニメ「咲-Saki-」シリーズスペシャルサイト">
20	<meta property="og:description" content="アニメ「咲-Saki-」シリーズのスペシャルサイト。来春よりTVアニメ「咲-Saki- 全国編編 episode of side-A」が放送スタート予定。">
21	<meta property="og:image" content="http://saki-anime.com/ogp.jpg">
22	<meta property="og:site_name" content="TVアニメ「咲-Saki-」シリーズスペシャルサイト">
23	<meta property="og:url" content="http://saki-anime.com/">
24	<meta property="og:type" content="website">
25
26
27	<meta name="viewport" content="width=1200"> 
28
29	<!--[if lt IE 9]>
30	

30<script src="WAL_BASE_URLlib/html5shiv.js"></script>

30
31	<![endif]-->
32
33	

33<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

33
34	

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

34
35	

35<script src="../lib/jquery.syg_rollover.1.7.js"></script>

35
36	

36<script src="../lib/jquery.syg_pagescroll.1.2.js"></script>

36
37	
38	<!-- 
39	

39<script src="lib/jquery.syg_imgload.0.5.js"></script>

39
40	

40<script src="lib/track_pageview.1.1.js"></script>

40
41	 -->
42	

42<script src="../lib/jquery.lazyload.1.8.4.min.js"></script>

42
43	<!-- 
44	

44<script src="lib/colorbox.1.4.3/jquery.colorbox-min.js"></script>

44
45	<link rel="stylesheet" type="text/css" href="lib/colorbox.1.4.3/example2/colorbox.css">
46	 -->
47
48	<!-- スクロール -->
49	<link rel="stylesheet" type="text/css" href="../lib/custom-scrollbar-plugin/jquery.mCustomScrollbar.css">
50	

50<script src="../lib/custom-scrollbar-plugin/js/minified/jquery.mousewheel.min.js"></script>

50
51	

51<script src="../lib/custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>

51
52	 
53	<!-- colorbox -->
54	

54<script src="../lib/colorbox.1.4.3/jquery.colorbox-min.js"></script>

54
55	<link rel="stylesheet" type="text/css" href="../lib/colorbox.1.4.3/example3/colorbox.css">
56
57	 <!-- フォントとスタイルシート -->
58	<link rel="stylesheet" type="text/css" href="../css/font-awesome-4.0.3/css/font-awesome.min.css">
59	<link rel="stylesheet" type="text/css" href="../css/common.css?1211405913">
60
61	

61<script src="../lib/jquery.tabs.12.5.min.js"></script>

61
62
63	<link rel="stylesheet" type="text/css" href="../css/character.css?171220629">
64	
65	<title>登場人物 | TVアニメ「咲-Saki-」シリーズスペシャルサイト</title>
66
67
68</head>
69<body id="page-home">
70<div class="body-inner">
71
72
73<div id="header-bg">
74</div>
75
76<header id="header">
77<div id="header-inner">
78
79	<a href="../#home"><img src="../img/side/side_logo.png" alt="咲-Saki-全国編" width="77" height="193" id="title"></a>
80
81		<div id="mainMenuBox">
82		<ul id="mainMenu">
83
84	<li><a href="http://www.saki-anime.com/blog/" target="_blank"><img src="../img/menu/menu_news.png" alt="最新情報" width="123" height="40" class="menu-item"></a></li>
85	<li><a href="../introduction/"><img src="../img/menu/menu_introduction.png" alt="作品概要" width="123" height="40" class="menu-item {%ACTIVE_introduction%}"></a></li>
86	<li><a href="../character/"><img src="../img/menu/menu_character.png" alt="登場人物" width="123" height="40" class="menu-item active"></a></li>
87
88	<li><a href="../story/"><img src="../img/menu/menu_story.png" alt="物語" width="123" height="40" class="menu-item {%ACTIVE_story%}"></a></li>
89	
90	<li><a href="#"><img src="../img/menu/menu_product.png" alt="関連商品" width="123" height="40" class="menu-item {%ACTIVE_product%}"></a>
91		<ul class="submenu {%SUBMENU_product%}">
92			<li><a href="../products/bddvd_07.php">Blu-ray&amp;DVD</a></li>
93			<li><a href="../products/oped.php">OP・ED</a></li>
94			<li><a href="../products/soundtrack.php">サントラ</a></li>
95			<li><a href="../products/bestmini.php">ベスト<br>ミニアルバム</a></li>
96			<li><a href="../products/book.php">コミック・書籍</a></li>
97		</ul>
98	</li>
99
100<!-- 
101	<li><img src="../img/menu/menu_product-off.png" alt="関連商品" width="123" height="40" class="">
102	<li><a href="../story/"><img src="../img/menu/menu_story.png" alt="物語" width="123" height="40" class="menu-item {%ACTIVE_story%}"></a></li>
103 -->
104	<li><a href="#"><img src="../img/menu/menu_special.png" alt="スペシャル" width="123" height="40" class="menu-item {%ACTIVE_special%}"></a>
105		<ul class="submenu {%SUBMENU_special%}">
106			<li><a href="../special/movie.php">動画</a></li>
107			<li><a href="http://www.saki-anime.com/1st/nanikiru/" target="_blank">何切る？</a></li>
108		</ul>
109	</li>
110	<li><a href="https://twitter.com/SakiAnime" target="_blank"><img src="../img/menu/menu_twitter.png" alt="Twitter" width="123" height="40" class="menu-item"></a></li>
111		</ul>
112	</div>
113
114	

114<script>
115	<!--
116	function initMainmenu(){
117		/*
118		// new 追加
119		$('#mainMenuBox li.new').each( function(){
120			$(this).append('<img src="WAL_BASE_URLimg/menu/menu_mark_new.png" alt="new" class="menu-mark-new">');
121		} );
122		*/
123		
124//		new $.SygRollover( '#mainMenuBox img.menu-item');
125
126		// マウスオーバー画像追加
127		$('#mainMenuBox .menu-item').each( function(){
128			var src = this.src.split('.png').join('-over.png');
129			$(this).parent().append( '<div class="menu-item-over"><img src="' + src + '"></div>' );
130			
131			if( $(this).hasClass('active') ){
132				$(this).next().css({width:123, opacity:1});
133			}
134		} );
135		
136		// マウスオーバーアクション
137		$('#mainMenuBox .menu-item').parent('a').hover(
138			function(){
139				if( $(this).find('.active').length ) return;
140				$(this).find('.menu-item-over').stop(true,false).animate({width:123, opacity:1}, 100);
141			},
142			function(){
143				if( $(this).find('.active').length ) return;
144				$(this).find('.menu-item-over').stop(true,false).animate({width:0, opacity:0.5}, 100);
145			}
146		);
147		
148		
149		
150		// サブメニュー
151		$('#mainMenu .submenu').prev('a').click( function(){
152		
153			if( $(this).next('.submenu').hasClass('active') ) return;
154		
155			$('#mainmenu .submenu').hide();
156			$(this).next('.submenu').slideToggle(200);
157			return false;
158		} );
159	}
160	
161	initMainmenu();
162	// -->
163	</script>

163	
164	
165	<img src="../img/side/news.png" alt="更新情報" width="58" height="11"><br>
166	
167
168
169<div id="historyBox">
170<dl>
171	<dt>08.06</dt><dd>
172	<a href="../products/bddvd_06.php">Blu-ray&amp;DVD 第六巻、第七巻の情報を掲載</a><br>
173</dd>
174<dt>06.02</dt><dd>
175	<a href="../products/bddvd_04.php">Blu-ray&amp;DVD 第四巻の情報を掲載</a><br>
176</dd>
177<dt>04.27</dt><dd>
178	<a href="../products/bddvd_03.php">Blu-ray&amp;DVD 第三巻の情報を掲載</a><br>
179</dd>
180<dt>04.16</dt><dd>
181	<a href="../products/bddvd_02.php">Blu-ray&amp;DVD 第二巻の情報を掲載</a><br>
182</dd>
183<dt>03.14</dt><dd>
184	<a href="../character/">キャラクター紹介を更新</a><br>
185</dd>
186<dt>03.12</dt><dd>
187	<a href="../products/bestmini.php">ベストミニアルバム（仮）を掲載</a><br>
188</dd>
189<dt>01.19</dt><dd>
190	<a href="../story/index.php">2話あらすじを掲載</a><br>
191	<a href="../products/soundtrack.php">サントラの情報を掲載</a><br>
192</dd>
193<dt>01.07</dt><dd>
194	<a href="../special/movie.php">動画にPVほか掲載</a><br>
195	<a href="../products/bddvd_01.php">Blu-ray&amp;DVDの情報を掲載</a><br>
196	<a href="../products/oped.php">OP、EDの情報を掲載</a><br>
197	<a href="../products/book.php">原作コミックの情報を掲載</a>
198</dd>
199<dt>12.06</dt><dd>
200	<a href="#">公式サイトリニューアル</a>
201</dd></dl>
202</div>
203

204<script>
205<!--
206	// スクロール
207	$("#historyBox dl").mCustomScrollbar();
208// -->
209</script>

209
210
211
212
213	
214
215	<ul class="social-buttons">
216		<li class="twitter">
217			<a href="http://twitter.com/share" class="twitter-share-button" data-url="" data-text="TVアニメ「咲-Saki-」シリーズスペシャルサイト" data-lang="ja" data-hashtags="" data-count="none">ツイート</a>
218			

218<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

218
219			

219<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

219
220		</li>
221		<li class="facebook">
222			

222<script>
223			<!--
224				function showFBButton( url ){
225					var encoded = encodeURIComponent(url);
226					document.write(' <iframe src="http://www.facebook.com/plugins/like.php?href='+ encoded +'&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light" allowtransparency="true" style="border: medium none ; overflow: hidden; width: 130px; height:20px;" frameborder="0" scrolling="no"></iframe>' );
227				}
228				showFBButton( location.href );
229			// -->
230			</script>

230
231			
232			
233			<div id="fb-root"></div>
234			

234<script>(function(d, s, id) {
235			var js, fjs = d.getElementsByTagName(s)[0];
236			if (d.getElementById(id)) return;
237			js = d.createElement(s); js.id = id;
238			js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
239			fjs.parentNode.insertBefore(js, fjs);
240			}(document, 'script', 'facebook-jssdk'));</script>

240
241		</li>
242	</ul>
243</div>
244</header>
245
246
247<div class="contentBox contentBox-sideright">
248
249	<div id="bgBox">
250		<!-- <img src="../img/index/bg_brush_3.png" alt="" width="211" height="727" id="bg-brush-2"> -->
251		<img src="../img/index/bg_brush_1.png" alt="" width="1185" height="621" id="bg-brush-1">
252		<img src="../img/index/bg_brush_2.png" alt="" width="546" height="495" id="bg-brush-3">
253	</div>
254
255	<div class="contentBox-head">
256		<h1 id="content-title"><img src="img/chara_title.png" alt="登場人物" width="220" height="49"></h1>
257	</div>
258
259	
260	<div class="mainBox clearfix">
261		<ul id="chara-select">
262			<li><a href="#0"><img src="img/select_kiyosumi_saki.png" alt="宮永 咲" width="63" height="63" class="active"></a></li><li><a href="#1"><img src="img/select_kiyosumi_nodoka.png" alt="原村 和" width="63" height="63" class=""></a></li><li><a href="#2"><img src="img/select_kiyosumi_yuki.png" alt="片岡優希" width="63" height="63" class=""></a></li><li><a href="#3"><img src="img/select_kiyosumi_mako.png" alt="染谷まこ" width="63" height="63" class=""></a></li><li><a href="#4"><img src="img/select_kiyosumi_hisa.png" alt="竹井 久" width="63" height="63" class=""></a></li><li><a href="#5"><img src="img/select_kiyosumi_kyotaro.png" alt="須賀京太郎" width="63" height="63" class=""></a></li>		</ul>
263		
264		<div id="details" class="clearfix">
265
266			<div class="detail">
267	<img src="img/detail_kiyosumi_saki_chara.png" alt="" width="520" height="820" class="detail-chara">
268	<div class="detail-text">
269		<img src="img/detail_kiyosumi_saki_name.png" alt="宮永 咲　清澄高校　大将　声：植田佳奈" class="detail-name">
270		<div class="detail-prof"><p>清澄高校麻雀部の１年生で、団体戦では大将を務める。普段は読書好きでおとなしい性格だが、牌を握れば得意とする「嶺上開花」で他の者を圧倒する豪快な一面を持つ。高校麻雀界のトップである姉との再会を果たすため、仲間たちとインターハイの頂点を目指す。</p></div>
271	</div>
272</div><div class="detail">
273	<img src="img/detail_kiyosumi_nodoka_chara.png" alt="" width="520" height="820" class="detail-chara">
274	<div class="detail-text">
275		<img src="img/detail_kiyosumi_nodoka_name.png" alt="原村 和　清澄高校　副将　声：小清水亜美" class="detail-name">
276		<div class="detail-prof"><p>清澄高校麻雀部の１年生で、団体戦では副将を務める。インターミドル個人戦優勝という実績を持つ注目選手の一人。今大会に出場している阿知賀女子学院麻雀部の高鴨穏乃や新子憧たちとは、幼少時に同じ麻雀教室に通っていた幼なじみの関係である。</p></div>
277	</div>
278</div><div class="detail">
279	<img src="img/detail_kiyosumi_yuki_chara.png" alt="" width="520" height="820" class="detail-chara">
280	<div class="detail-text">
281		<img src="img/detail_kiyosumi_yuki_name.png" alt="片岡優希　清澄高校　先鋒　声：釘宮理恵" class="detail-name">
282		<div class="detail-prof"><p>清澄高校麻雀部の１年生で、団体戦では先鋒を務める。タコスをこよなく愛し「タコ」が名前につくものを食べると元気になる。麻雀では、前半（東場）に圧倒的な強さを見せるも、後半（南場）になると失速してしまうというウイークポイントがある。</p></div>
283	</div>
284</div><div class="detail">
285	<img src="img/detail_kiyosumi_mako_chara.png" alt="" width="520" height="820" class="detail-chara">
286	<div class="detail-text">
287		<img src="img/detail_kiyosumi_mako_name.png" alt="染谷まこ　清澄高校　次鋒　声：白石涼子" class="detail-name">
288		<div class="detail-prof"><p>清澄高校麻雀部の２年生で、団体戦では次鋒を務める。実家の喫茶店では麻雀をする客が多く、その膨大な対局シーンをイメージとして蓄積している。眼鏡を外したら本気の合図。</p></div>
289	</div>
290</div><div class="detail">
291	<img src="img/detail_kiyosumi_hisa_chara.png" alt="" width="520" height="820" class="detail-chara">
292	<div class="detail-text">

293		<img src="img/detail_kiyosumi_hisa_name.png" alt="竹井 久　清澄高校　中堅　声：伊藤 静" class="detail-name">
294		<div class="detail-prof"><p>清澄高校麻雀部の３年生で、団体戦では中堅を務める。麻雀部の部長にして、学生議会長も兼務する才女。麻雀では、あえてセオリーを無視した打ち方を好み、常人には理解しがたい戦法「悪待ち」で相手を翻弄する。</p></div>
295	</div>
296</div><div class="detail">
297	<img src="img/detail_kiyosumi_kyotaro_chara.png" alt="" width="520" height="820" class="detail-chara">
298	<div class="detail-text">
299		<img src="img/detail_kiyosumi_kyotaro_name.png" alt="須賀京太郎　清澄高校　声：福山潤" class="detail-name">
300		<div class="detail-prof"><p>清澄高校麻雀部の１年生で、唯一の男子部員。幼なじみである咲を麻雀部に誘った張本人だが、麻雀はまだ覚えたばかり。今大会、団体戦、個人戦ともに出場はしていない分、応援やタコス作りなどでメンバーをサポートする。</p></div>
301	</div>
302</div>
303		</div>
304		<!-- /#details -->
305		
306	</div>
307	<!-- /.mainBox -->
308	
309	<div class="sideBox">
310		
311		<ul id="school-select" class="subMenu subMenu-image">
312
313	<li><a href="./"><img src="img/sub_kiyosumi.png" alt="清澄高校" width="132" height="25" class="active"></a></li>
314	<li><a href="./?school=eisui"><img src="img/sub_eisui.png" alt="永水女子高校" width="132" height="25" class="{%ACTIVE_eisui%}"></a></li>
315	<li><a href="./?school=himematsu"><img src="img/sub_himematsu.png" alt="姫松高校" width="132" height="25" class="{%ACTIVE_himematsu%}"></a></li>
316	<li><a href="./?school=miyamori"><img src="img/sub_miyamori.png" alt="宮守女子高校" width="132" height="25" class="{%ACTIVE_miyamori%}"></a></li>
317</ul>
318
319</ul>
320
321
322	</div>
323	<!-- /.sideBox -->
324
325
326

327<script>
328<!--
329
330// キャラセレクト
331var charaSelectObj = new $.SygRollover( '#chara-select img', {mode:'fade', fadeOverTime:100, fadeOutTime:100, fadeOverOpacity:1, fadeOutOpacity:0.7, radio:true} );
332var hashid = 0;
333
334if( location.hash ){
335	hashid = location.hash.substr('1');
336	charaSelectObj.select( hashid );
337}
338
339$('#chara-select').find('a').click( function(){
340	location.hash = this.hash;
341} );
342
343// タブ切り替え
344$("#chara-select").tabs("#details > .detail", {
345	effect:'fade',
346	initialIndex: hashid
347});
348
349// -->
350</script>

350
351
352</div>
353<!-- /.contentBox -->
354
355
356
357<footer id="footer">
358<div id="footer-inner">
359	<p class="copyright">&copy;小林 立/スクウェアエニックス・咲全国編製作委員会</p>
360
361	<ul class="banner-list clearfix">
362		<li><a href="http://gangan.square-enix.co.jp/introduction/saki_side_a/" target="_blank"><img src="../img/common/banner_saki2.gif" alt="" height="50" /></a></li><!-- 
363		 --><li><a href="http://www.square-enix.co.jp/magazine/yg/introduction/saki/" target="_blank"><img src="../img/common/banner_saki1.gif" alt="" height="50" /></a></li><!-- 
364		 --><li><a href="http://www.saki-anime.com/1st/" target="_blank"><img src="../img/common/banner_sakianime.gif" alt="" height="50" /></a></li><!-- 
365		 --><li><a href="http://saki-anime.com/achiga/" target="_blank"><img src="../img/common/banner_achiga.png" alt="咲-Saki-阿知賀編" height="50"></a></li><!-- 
366		 --><li><a href="http://www.tv-tokyo.co.jp/anime/saki2/" target="_blank"><img src="../img/common/bn_anitele.jpg" alt="テレビ東京・あにてれ" height="50" /></a></li>
367<!-- 
368		<li><a href="http://www.alchemist-net.co.jp/products/saki-A/spe/spe05.html" target="_blank"><img src="../img/common/bnr_productcode.jpg" alt="穏乃＆憧衣装 プロダクトコードの配信について" width="167" height="67"></a></li>
369 -->
370			<li><a href="http://www.ponican.jp/" target="_blank"><img src="http://akuma-riddle.com/img/common/bn_ponycan.jpg" alt="ぽにきゃん.jp" height="50"></a></li>
371
372	</ul>
373</div>
374</footer>
375

376<script src="../js/common.js"></script>

376
377
378
379<!-- google -->

380<script type="text/javascript">
381
382  var _gaq = _gaq || [];
383  _gaq.push(['_setAccount', 'UA-6548193-1']);
384  _gaq.push(['_trackPageview']);
385
386  (function() {
387    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
388    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
389    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
390  })();
391
392</script>

392
393
394
395</div>
396<!-- /#bodyInner -->
397</body>
398</html>
399
400