https://www.shiki.jp/top/login

1
2<!DOCTYPE HTML>
3<html lang="ja">
4<head>
5<meta charset="utf-8">
6<title>劇団四季idセンター</title>
7<meta http-equiv="X-UA-Compatible" content="IE=Edge">
8<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
9<meta name="format-detection" content="telephone=no">
10<meta name="apple-mobile-web-app-capable" content="yes">
11<meta name="apple-mobile-web-app-status-bar-style" content="black-translucen">
12<link rel="stylesheet" href="/id_center/css/print.css" media="print">
13<link rel="stylesheet" href="/id_center/css/style.css?ver=20241120" media="all">
14
15</head>
16<body class="body--login">
17<!-- Google Tag Manager -->

17
18<noscript><iframe src="//www.googletagmanager.com/ns.html?id=

18GTM-MXKN9B

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

20<script>

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

24GTM-MXKN9B

24');

24</script>

24
25<!-- End Google Tag Manager -->
26<div id="wrapperArea">
27	<div id="anchors">
28		<p>ページ内を移動するためのリンクです。</p>
29		<ul class="link">
30			<li><a href="#mainArea">このページの本文エリアへ。</a></li>
31		</ul>
32	</div>
33	<header id="headerPosition" class="changeMarginBottom0">
34		<div id="headerArea" class="topLogin">
35			<div class="header table">
36				<div class="headerLeft table-cell">
37					<div class="table">
38						<h1 class="table-cell"><a href="/"><img src="/id_center/images/img_logo.gif" width="141" height="36" alt="劇団四季"></a></h1>
39						<div id="headerIdCenter" class="table-cell">
40							<a href="/top"><i class="iconIdcenter"></i>idセンター</a>
41						</div>
42					</div>
43				</div>
44			</div>
45		<!-- /headerArea --></div>
46	</header>
47
48	<div id="mainArea">
49		<main>
50			<section>
51				<div class="bodyArea">
52					<div class="login-title">
53						<h1 class="login-title__head">劇団四季idセンター</h1>
54						<p class="login-title__text">チケット予約をより便利に、<br>
55							あなただけにお得な情報を。</p>
56						<a href="https://www.shiki.jp/help/" class="login-title__help" target="_blank" rel="noopener"><i class="login-title__help-icon" aria-hidden="true"></i>劇団四季idセンターヘルプページ</a>
57					</div>
58					<div class="entryArea">
59						<h2 class="login-subtitle">ログイン</h2>
60						<p>劇団四季idセンターはこちらからログインしてください。</p>
61						<div class="login-form">
62							<form action="https://www.shiki.jp/login/confirm" method="post" accept-charset="utf-8">
63<input name="_shiki_csrf_token" value="82179baca33fb8a54c2d7538777f38b4d5fa7af33755b8e1d9b4e08d715649b3bca1b235f8f8a8820232b735d548f914f3efb41cc682161bc9b807fe160a7276" type="hidden" id="form__shiki_csrf_token" />							<section class="login-form__mail">
64								<h3 class="login-form__head">メールアドレスまたは劇団四季idでログイン</h3>
65								<div class="formArea">
66									<p class="login-form__supplement" data-bind="text: errorMessage"></p>
67									<div class="mailForm" data-bind="css: { inputError : loginIdError() }"><input type="text" name="login_id" class="w100p changeMarginSide0" placeholder="メールアドレスまたは劇団四季idアカウント" value="" data-bind="textInput: loginId"></div>
68									<div class="keyForm" data-bind="css: { inputError : passwordError() }"><input type="password" name="password" class="w100p changeMargin0" placeholder="パスワード" data-bind="textInput: password" value=""></div>
69									<div class="login-form__checkbox">
70										<input type="checkbox" name="keep_login" value="1" id="keepLogin1">
71										<label for="keepLogin1" class="checkbox">ログイン情報を保持</label>
72									</div>
73									<input value="ログイン" type="submit" class="w100p submitBtn login-form__submit" data-bind="enable: formValid" disabled="disabled">
74									<p class="center changeMarginBottom0"><a href="/password">※パスワードを忘れた方はこちら</a></p>
75								</div>
76							</section>
77							</form>							<section class="snsBody">
78								<h3 class="login-form__head">外部サービスでログイン</h3>
79								<p class="login-form__supplement"></p>
80								<ul class="snsBox">
81									<li class="snsBlock">
82										<div class="snsLoginBtn twitter">
83												<a href="/login/sns/twitter">Xでログイン</a>
84										</div>
85									</li>
86									<li class="snsBlock">
87										<div class="snsLoginBtn google">
88											<a href="/login/sns/google">Googleでログイン</a>
89										</div>
90									</li>
91									<li class="snsBlock">
92										<div class="snsLoginBtn amazon">
93											<a href="/login/sns/amazon">Amazonでログイン</a>
94										</div>
95									</li>
96								</ul>
97								<p class="snsText center changeMarginBottom0"><a href="/help/sns_login/" target="_blank">外部サービスでのログインについて</a></p>
98							</section>
99						</div>
100						<h2 class="login-subtitle">idセンター登録<small>登録無料</small></h2>
101						<p>劇団四季idをお持ちでない方は、こちらから劇団四季idセンターの新規登録を行ってください。</p>
102						<div class="boxShadow">
103							<section class="idBody">
104								<h3 class="idBody__head"><i class="iconIdcenter"></i>「四季の会」会員の方</h3>
105								<p class="idBody__supplement"><span class="idBody__paragraph--pink">2018年1月14日以前に入会された「四季の会」会員の方で、劇団四季idを取得しなかった方</span>は、以下の『「四季の会」会員様向けidセンター登録フォーム』よりメールアドレスのご登録をお願いします。</p>
106								<p class="changeMarginBottom0"><a href="/shiki_id_entry/" target="_blank" rel="noopener" class="submitBtn idBody__btn">「四季の会」会員様向け<br>idセンター登録フォーム</a></p>
107								<hr class="idBody__hr">
108								<h3 class="idBody__head"><i class="iconIdcenter"></i>はじめての方</h3>
109								<p class="changeMarginBottom0"><a href="/entry" class="submitBtn idBody__btn">idセンター登録フォーム</a></p>
110							</section>
111						</div>
112					</div>

113				</div>
114			</section>
115		</main>
116		<nav class="gnavFooter">
117	<ul class="gnavFooter__list">
118		<li class="gnavFooter__item"><a href="/group/" target="_blank">会社概要</a></li>
119		<li class="gnavFooter__item"><a href="https://support.shiki.jp/" target="_blank">よくあるご質問</a></li>
120		<li class="gnavFooter__item"><a href="/siteinfo/contact.html" target="_blank">各種お問い合わせ</a></li>
121		<li class="gnavFooter__item"><a href="/siteinfo/attention.html" target="_blank">ご注意ください</a></li>
122		<li class="gnavFooter__item"><a href="/site_info/houmon/" target="_blank">特定商取引に関する法律に基づく表示</a></li>
123		<li class="gnavFooter__item"><a href="/site_info/privacy/" target="_blank">プライバシーポリシー</a></li>
124		<li class="gnavFooter__item"><a href="/policy/terms/" target="_blank">idセンターの利用規約</a></li>
125	</ul>
126</nav>
127
128		<footer>
129	<p>Copyright SHIKI THEATRE COMPANY.<br class="hidden spBlock"> 当サイトの内容の一切の無断転載、使用を禁じます。</p>
130</footer>
131	</div>
132</div>

133<script src="/shared/js/vendors/jquery-3.1.1.min.js"></script>

133

134<script src="/shared/js/vendors/jquery-migrate-3.0.0.min.js"></script>

134

135<script src="/id_center/js/vendors/knockout-3.3.0.js"></script>

135

136<script src="/id_center/js/vendors/knockout.validation.with-locale.min.js"></script>

136

137<script src="/id_center/js/vendors/libraries.min.js"></script>

137

138<script src="/id_center/js/utils.js"></script>

138

139<script src="/id_center/js/exec.js?ver=20260318"></script>

139

140<script src="/id_center/js/exec_form.js"></script>

140

141<script src="/id_center/js/login.js"></script>

141

142<script>
143 (function(w, ko){
144	 var _ns = w.shiki || {};
145	 var _cl = _ns.classes || {};
146	 var errors = [];
147	 var loginViewModel = ko.validatedObservable(new _cl.LoginViewModel(errors));
148	 ko.applyBindings(loginViewModel, document.getElementsByTagName('html')[0]);
149 })(window, ko);
150</script>

150
151</body>
152</html>