﻿@charset "utf-8";
.h35{
	height: 35px;
}

.main {
	/*padding: 43px 0;*/
	/*padding: 5.8vh 0;*/
	padding: 10.4vw 0;
}

/* *** 初めての方（会員登録） *** */
.signup_btn .btn {
	width: 75%;
	border-radius: 16.6px;
	line-height: 21.1vw;
	background: #13ad67;
}

.signup_btn .btn:active{
	/*opacity: 0.6;*/
}

/* *** 後で登録する *** */
.register_later {
	margin-top: 6.05vw;
	text-align: center;
}
.register_later a {
	display: inline-block;
	color: #363636;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	font-size: 3.62vw;
	line-height: 4.2vw;
	font-weight: bold;
	text-decoration: underline;

	-webkit-tap-highlight-color: rgba(0,0,0,0.4);
	cursor: pointer;
}

.register_later a p:active{
	/*opacity: 0.6;*/
}

/* *** ログインフォーム *** */
.form_box {
	margin-top: 7.05vh;
}
.form_box .form_title {
	text-align: center;
	color: #a5a5a5;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	font-size: 3.62vw;
	line-height: 4.2vw;
	font-weight: bold;
}
.form_box .input_field,
.form_box .submit_btn,
.form_box .password_reissue {
	width: 68%;
	margin: auto;
	border-radius: 20px;
}
.form_box .input_field {
	margin-top: 10px;
}
.form_box .error_text {
	visibility : hidden;
	width: 100%;
	margin-top: 10px;
}
.error_form .error_text {
	visibility: visible;
}
.form_box .error_text p {
	text-align: center;

	color: #d91f17;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	font-size: 2.43vw;
	line-height: 2.9vw;
	font-weight: 300;
}
.form_box .submit_btn {
	background: #eb6000;
	margin-top: 5.43vw;
}

.log_pass{
	z-index: 5;
}

.in_place{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	/*font-size: 10px;*/
	font-size: 2.6vw;
	color: #9fa0a0;
	position: absolute;
	line-height: 14px;
	letter-spacing: 0px;
	top: 50%;
	left: 30%;
	z-index: 0;
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

/* パスワードを忘れた方はこちら */
.form_box .password_reissue {
	/*margin-top: 14px;*/
	/*margin-top: 1.9vh;*/
	margin-top: 3.4vw;
	padding: 0 3px;
	text-align: right;
	font-size: 0;
}
.form_box .password_reissue a {
	display: inline-block;

	color: #00a0e8;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	font-size: 3vw;
	line-height: 3vw;
	font-weight: bold;
	text-decoration: underline;

	tap-highlight-color: rgba(0, 0, 0, 0.4);
	-webkit-tap-highlight-color:rgba(0,0,0,0.4);
	cursor:pointer;
}

.form_box .password_reissue a:active{
	/*opacity: 0.6;*/
}
.border_red .input_box input{
	border: red 1px solid;
}
.border_red .input_box input:focus{
	border: red 1px solid;
}
.text_red p{
	color: red;
	margin: 5px;
	text-align: center;
}
/* *** レスポンシブ *** */
/* iPhone5 */
@media screen and (max-width: 320px) {
	.main {
		padding: 37px 0;
	}
}