https://hotelista.jp/app/login/loginbox.html

1<!DOCTYPE html>
2<!--[if IE 8]><html lang="ja" class="ie ie8" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"><![endif]-->
3<!--[if IE 9]><html lang="ja" class="ie ie9" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"><![endif]-->
4<!--[if (gt IE 9)|!(IE)]><!-->
5<html lang="ja" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
6<!--<![endif]-->
7<head>
8<title>ホテリスタ</title>
9<meta charset="UTF-8">
10<meta http-equiv="X-UA-Compatible" content="IE=edge">
11<meta name="viewport" content="width=1020,minimum-scale=0,maximum-scale=10">
12<meta name="format-detection" content="telephone=no,address=no,email=no">
13
14<link href="/common/images/apple-touch-icon.png" rel="apple-touch-icon">
15<link href="/common/js/jquery-ui/jquery-ui.min.css" rel="stylesheet">
16<link href="/common/css/colorbox.css" rel="stylesheet" media="all">
17<link href="/common/css/styles.css?v=18070701" rel="stylesheet" media="all">
18<link href="/bkg/css/step.css?v=18070701" rel="stylesheet" media="all">

19<script src="/common/js/jquery.min.js"></script>

19

20<script src="/common/js/jquery.colorbox-min.js"></script>

20

21<script src="/common/js/jquery.bxslider.js"></script>

21

22<script src="/common/js/jquery-ui/jquery-ui.min.js"></script>

22
23

24<script src="/common/js/scripts.js?v=18070701"></script>

24

25<script src="/bkg/js/step.js?v=18070701"></script>

25
26<!--[if lt IE 9]>
27	

27<script src="/common/js/html5shiv.js"></script>

27
28	

28<script src="/common/js/respond.min.js"></script>

28
29	<![endif]-->
30

31<script>
32
33var tab = "1";
34
35function swTab(idx){
36	if(idx==2){
37		$("#box--modal__login-2").show();
38		$("#box--modal__login,#box--modal__forgot-login").hide();
39	}else if(idx==3){
40		$("#box--modal__forgot-login").show();
41		$("#box--modal__login,#box--modal__login-2").hide();
42	}else{
43		$("#box--modal__login").show();
44		$("#box--modal__login-2,#box--modal__forgot-login").hide();
45	}
46}
47
48$(function(){
49	swTab(tab);
50});
51	
52</script>

52
53
54</head>
55<body class="no-palette">
56
57
58	<div id="box--modal__login">
59		<form class="step__form" method="post" action="/app/login/fitlogin.html">
60			<input type="hidden" name="btnV3" value="true" />
61			<input type="hidden" name="token" value="0b36703b-c0b6-4eab-82db-600eec2b1ae8"/>
62
63			<div class="box modal__login__box">
64				<h2 class="box__title modal__login__title">
65					<span class="icon icon--avatar icon--blue"><span class="txt--black">ログイン（会員の方）</span></span>
66				</h2>
67				<div class="box__inner">
68					<p>「ニックネーム」「パスワード」を登録済みのお客様は、こちらからログインしてください。</p>
69					<p class="step__login__link">
70						<a href="#box--modal__login-2" class="noScroll" onclick="swTab(2);return false;">※「お客様番号」と「メールアドレス」でログインされるお客様はこちら。</a>
71					</p>
72					
73						
74					
75					<div class="box--beige">
76						<p>
77							<input type="text" class="step__input-box step__input--small" placeholder="ニックネーム" id="appl.nickname" name="appl.nickname" value="">
78						</p>
79						<p>
80							<input type="password" class="step__input-box step__input--small" placeholder="パスワード" id="appl.password" name="appl.password" value="">
81						</p>
82						<label class="box--label customcheckbox"> <input type="checkbox" value="1" class="customcheckbox__input" id="id_save31" name="id_save3"><input type="hidden" name="_id_save3" value="on"/>このニックネームをブラウザに保存する。
83						</label>
84						<p class="pull-center">
85							<button type="submit" class="btn btn--large-step btn--blue">ログイン</button>
86						</p>
87					</div>
88					<p>
89						<a href="#box--modal__forgot-login" class="link--type01 noScroll" onclick="swTab(3);return false;"><span class="icon icon--arrow1-right">ログイン情報をお忘れのお客様は、こちらからお問い合わせください。</span></a>
90					</p>
91				</div>
92			</div>
93		</form>
94	</div>
95
96	<div id="box--modal__login-2">
97		<form class="step__form" method="post" action="/app/login/fitlogin.html">
98			<input type="hidden" name="btnV1" value="true" />
99			<input type="hidden" name="token" value="0b36703b-c0b6-4eab-82db-600eec2b1ae8"/>
100			<div class="box modal__login__box">
101				<h2 class="box__title modal__login__title">
102					<span class="icon icon--avatar icon--blue"><span class="txt--black">ログイン（会員の方）</span></span>
103				</h2>
104				<div class="box__inner">
105					<p>「ニックネーム」「パスワード」をまだご登録いただいていないお客様は、「お客様番号」と「メールアドレス」でログインいただけます。</p>
106					<p class="step__login__link">
107						<a href="#box--modal__login" class="noScroll" onclick="swTab(1);return false;">※「ニックネーム」と「パスワード」でログインされるお客様はこちら。</a>
108					</p>
109					
110					<div class="box--beige">
111						<p>
112							<input type="text" class="step__input-box step__input--small" placeholder="お客様番号" id="appl.fit_id" name="appl.fit_id" value="">
113						</p>
114						<p>
115							<input type="text" class="step__input-box step__input--small" placeholder="メールアドレス" id="appl.email1" name="appl.email1" value="">
116						</p>
117						<label class="box--label customcheckbox"><input type="checkbox" value="1" class="customcheckbox__input" id="id_save11" name="id_save1"><input type="hidden" name="_id_save1" value="on"/>このお客様番号をブラウザに保存する。</label>
118						<p class="pull-center">
119							<button type="submit" class="btn btn--large-step btn--blue">ログイン</button>
120						</p>
121					</div>
122					<p>
123						<a href="#box--modal__forgot-login" class="link--type01 noScroll" onclick="swTab(3);return false;"><span class="icon icon--arrow1-right">ログイン情報をお忘れのお客様は、こちらからお問い合わせください。</span></a>
124					</p>
125					<p class="step__login__note">※ログイン後、Myページの「Myプロファイル」から「ニックネーム」「パスワード」を登録いただけます。ぜひご利用下さい。</p>
126				</div>
127			</div>
128		</form>
129	</div>
130
131	<div id="box--modal__forgot-login" style="width: 600px;">
132		<form class="step__form" method="post" action="/app/login/fitpasswd.html">
133			<input type="hidden" name="forget" value="true" />

134			<input type="hidden" name="token" value="0b36703b-c0b6-4eab-82db-600eec2b1ae8"/>
135			<div class="forgot-login">
136				<h2 class="box__title">ログイン情報をお忘れのお客様</h2>
137				
138				<div class="box__inner">
139					<p>
140						会員登録またはご予約された際にご入力いただいた「メールアドレス」を入力して、<br>「問い合わせる」をクリックしてください。<br>登録されたログイン情報をメールにてお送りします。
141					</p>
142					
143					<div class="box--beige mb0">
144						<p>
145							<span style="white-space: nowrap">メールアドレス</span> <input type="text" class="step__input-box step__input--small" placeholder="メールアドレス" id="email" name="email" value="">
146						</p>
147						<p class="pull-center mb0">
148							<button type="submit" class="btn btn--large-step btn--blue">問い合わせる</button>
149						</p>
150					</div>
151				</div>
152				
153				
154			</div>
155		</form>
156	</div>
157
158</body>
159</html>