﻿@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: 87px;*/
	/*line-height: 11.8vh;*/
	line-height: 21.1vw;
	
	/*-webkit-tap-highlight-color: rgba(0, 0, 0, 0.4);*/
    /*tap-highlight-color: rgba(0, 0, 0, 0);*/
}

.signup_btn .btn:active{
	/*opacity: 0.6;*/
}

/* *** 後で登録する *** */
.register_later {
	/*margin-top: 25px;*/
	/*margin-top: 3.4vh;*/
	margin-top: 6.05vw;
	text-align: center;
}
.register_later a {
	display: inline-block;
	color: #e60012;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	/*font-size: 15px;*/
	font-size: 3.62vw;
	/*line-height: 17.5px;*/
	/*line-height: 2.4vh;*/
	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 {
	/*argin-top: 52px;*/
	margin-top: 7.05vh;
}
.form_box .form_title {
	text-align: center;
	/*color: #717071;*/
	color: #a5a5a5;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	/*font-size: 15px;*/
	font-size: 3.62vw;
	/*line-height: 17.5px;*/
	/*line-height: 2.4vh;*/
	line-height: 4.2vw;
	font-weight: bold;
}
.form_box .input_field,
.form_box .submit_btn,
.form_box .password_reissue {
	width: 68%;
	margin: auto;
}
.form_box .input_field {
	margin-top: 10px;
	/*margin-top: 2.45vw;*/
}
.form_box .error_text {
	visibility : hidden;
	width: 100%;
	margin-top: 10px;
	/*margin-top: 2.45vw;*/
}
.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: 10px;*/
	font-size: 2.43vw;
	/*line-height: 12px;*/
	line-height: 2.9vw;
	font-weight: 300;
}
.form_box .submit_btn {
	/*margin-top: 10px;*/
	/*margin-top: 1.36vh;*/
	margin-top: 2.43vw;
}

.log_pass{
	/*position: absolute;*/
    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: #d91f17;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	/*font-size: 12.5px;*/
	font-size: 3vw;
	/*line-height: 12px;*/
	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;
	}
}