https://sumika-atticroom.com/s/n62/login?ima=0715

1<!DOCTYPE html>
2<html dir="ltr" lang="ja">
3<head>
4<!-- Global site tag (gtag.js) - Google Analytics -->

5<script>

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

9GTM-TTG267V

9');

9</script>

9
10
11<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
12
13<meta name="viewport" content="width=320,user-scalable=0">
14<meta name="format-detection" content="telephone=no, email=no, address=no">
15
16
17<link href="/files/4/admission/css/version3/style_mono.css" rel="stylesheet">
18
19
20
21<style>
22.system_operation_block{
23bottom:0;
24}
25</style>
26
27<title>ログイン | ATTiC ROOM</title>
28</head>
29<body class="page_account"><!--42101/-->

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

30GTM-TTG267V

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

32<div class="wrap">
33  <header>
34    <div class="header_container">
35      <h1><a href="/s/n62/?ima=0715">
36<img src="/files/4/admission/img/version1/logo/n62.png"/>
37</a></h1>
38
39      <p class="site_name"><a href="/s/n62/?ima=0715">ATTiC ROOM</a></p>
40
41    </div>
42  </header><style>
43.hide .error .form_error_text{
44  display: none;
45}
46.hide .error input:focus,
47.hide .error input:active,
48.hide .error input:hover{
49  border: 1px solid #696e72;
50}
51.error .form_error_text{
52  display: block;
53}
54</style>
55
56<div class="container" id="appLogin">
57
58  <h1 class="page_titie">ログイン</h1>
59  <div class="contents">
60
61    <div id="app">
62
63    
64
65      <div class="tab_area">
66        <div class="tab" v-bind:class="{active: isActiveA}" v-on:click="show('tabA')"><span>メールアドレス</span></div>
67        <div class="tab" v-bind:class="{active: isActiveB}" v-on:click="show('tabB')"><span>かんたんログイン</span></div>
68      </div>
69
70    
71    
72      <div class="" v-if="isCurrent('tabA')" key="tabA">
73
74        <form id="form" method="post" action="/s/n62/login" novalidate="true">
75
76          <div class="form_list">
77            <p class="form_name">メールアドレス</p>
78            <div class="form_field" v-bind:class="error.email ? 'error' : ''">
79
80              <input type="email" v-model="email" v-on:click="on_click" v-on:mouseout="on_mouseout" v-on:blur="on_blur">
81
82              <template-domain v-show="domain_list_visible"></template-domain>
83
84              <span v-if="error.email" class="form_error_text">アドレス形式が違っています</span>
85
86              
87
88            </div>
89          </div>
90
91          <div class="form_list form_list_password">
92            <p class="form_name">パスワード</p>
93            <div class="form_field" v-bind:class="error.password ? 'error' : ''">
94
95              <input type="password" v-model="password" v-on:click="on_click" v-on:mouseout="on_mouseout" v-on:blur="on_blur"/>
96
97              <span v-if="error.password" class="form_error_text">半角英数字で入力してください。</span>
98
99            </div>
100          </div>
101
102          <a href="/s/n62/password/reminder?ima=0715" class="sublink">パスワードを忘れた方</a>
103
104          <button type="submit" id="SaveAccount" :disabled="!is_valid">ログイン</button>
105
106          <input type="hidden" name="my_prevtyp" value="S" />
107<input type="hidden" name="my_prevdom" value="sumika-atticroom.com" />
108<input type="hidden" name="my_prevurl" value="/s/n62/" />
109<input type="hidden" name="my_prevmet" value="GET" />
110<input type="hidden" name="my_webckid" value="c929a2c6f72cc799245b1ccb10b5dabde16ac21e" />
111<input type="hidden" name="my_prevprm" value="" />
112<input type="hidden" name="mode" value="LOGIN" />
113
114          <input type="hidden" name="ima" value="0715" />
115
116
117          <input type="hidden" name="idpwLgid" v-model="email">
118          <input type="hidden" name="idpwLgpw" v-model="password">
119          
120        </form>
121      </div>
122
123      <div class="" v-if="isCurrent('tabB')" key="tabB">
124
125        <div class="select_list login_list">
126<ul><li>
127<form method="post" action="/s/n62/charge/login">
128<input type="hidden" name="ima" value="0715" />
129<input type="hidden" name="my_prevtyp" value="S" />
130<input type="hidden" name="my_prevdom" value="sumika-atticroom.com" />
131<input type="hidden" name="my_prevurl" value="/s/n62/" />
132<input type="hidden" name="my_prevmet" value="GET" />
133<input type="hidden" name="my_webckid" value="c929a2c6f72cc799245b1ccb10b5dabde16ac21e" />
134<input type="hidden" name="my_prevprm" value="" />
135<input type="hidden" name="mode" value="LOGIN" />
136<input type='hidden' name='id' value='36' />
137
138<input type="hidden" name="caid" value="1">
139<button type="submit"><img src="/files/4/admission/img/version1/icon_login_17.png" class="icon_login"/></button>
140</form>
141</li><li>
142<form method="post" action="/s/n62/charge/login">
143<input type="hidden" name="ima" value="0715" />
144<input type="hidden" name="my_prevtyp" value="S" />
145<input type="hidden" name="my_prevdom" value="sumika-atticroom.com" />
146<input type="hidden" name="my_prevurl" value="/s/n62/" />
147<input type="hidden" name="my_prevmet" value="GET" />
148<input type="hidden" name="my_webckid" value="c929a2c6f72cc799245b1ccb10b5dabde16ac21e" />
149<input type="hidden" name="my_prevprm" value="" />
150<input type="hidden" name="mode" value="LOGIN" />
151<input type='hidden' name='id' value='37' />
152
153<input type="hidden" name="caid" value="2">
154<button type="submit"><img src="/files/4/admission/img/version1/icon_login_12.png" class="icon_login"/></button>
155</form>
156</li><li>
157<form method="post" action="/s/n62/charge/login">

158<input type="hidden" name="ima" value="0715" />
159<input type="hidden" name="my_prevtyp" value="S" />
160<input type="hidden" name="my_prevdom" value="sumika-atticroom.com" />
161<input type="hidden" name="my_prevurl" value="/s/n62/" />
162<input type="hidden" name="my_prevmet" value="GET" />
163<input type="hidden" name="my_webckid" value="c929a2c6f72cc799245b1ccb10b5dabde16ac21e" />
164<input type="hidden" name="my_prevprm" value="" />
165<input type="hidden" name="mode" value="LOGIN" />
166<input type='hidden' name='id' value='38' />
167
168<input type="hidden" name="caid" value="3">
169<button type="submit"><img src="/files/4/admission/img/version1/icon_login_13.png" class="icon_login"/></button>
170</form>
171</li></ul>
172</div>
173
174      </div>
175
176    </div>
177  </div>
178  <div class="already_account"><p><a href="/s/n62/member/add?ima=0715&lay=INPUT">新規会員登録</a></p></div>
179  <div class="gotoback">
180    <a href="/s/n62/?ima=0715" class="link_back">ATTiC ROOM</a>
181  </div>
182
183</div>
184
185  

185<script type="text/x-template" id="template-domain">
186    <div>
187      <div class="domain_list">
188        <ul>
189          <li v-for="item in domain" v-on:click="on_click(item)">{{item}}</li>
190        </ul>
191      </div>
192    </div>
193  </script>

193
194
195  

195<script src="//code.jquery.com/jquery-2.2.4.js"></script>

195
196  

196<script src="/files/4/admission/js/version3/libs/vue.min.js"></script>

196
197  

197<script src="/files/4/admission/js/version3/libs/axios.min.js"></script>

197
198  

198<script src="/files/4/admission/js/version3/libs/yubinbango-core.js"></script>

198
199  

199<script src="/files/4/admission/js/version3/libs/vue-router.min.js"></script>

199
200  

200<script src="/files/4/admission/js/version3/common.js"></script>

200
201  

201<script src="/files/4/admission/js/version3/login_switch.js"></script>

201
202<footer>
203  <div class="footer_in">
204
205    
206    
207
208    <p class="copy">
209    © ATTiC ROOM</p>
210
211  </div>
212</footer>
213</div><!--wrap-->
214</body>
215</html>