@charset "utf-8";

/*
	登録画面及び会員画面全般
*/
/*#register_in > div,
#register_in > p{
	margin: 10px;
	line-height: 20px;
}*/

#register_in .form_title_img{
	display: block;
	text-align: center;
	margin: 0 auto;
}

#inputform > div,
#register_in > p{
	/*margin: 10px;*/
	line-height: 20px;
}
.inputdiv > input,
.inputdiv > select,
.inputdiv > textarea{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:solid 1px #888888;
	margin-top:15px;
	height:77px;
	padding:0 15px;
	font-size:20px;
}
.submit_btn{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	cursor: pointer;
	padding: 32px;
	margin:30px 30px 30px 60px;
	background:#4cd8e5;
	box-shadow: 0 5px 0 #2c98a2;
	font-size:36px;
	font-weight: bold;
	color:#fff;
	width: 70%;
}
/*--------------------------------------
ログイン画面
--------------------------------------*/

#login_error_mess{
	color:#F00;
	}
#register_in {
	text-align: center;
	max-height: 100%;/*Android iOS フォントサイズ差の解消*/
	}
#register_wrapper .formtitle {
	background:#ffc800;
	margin: 30px 0;
	margin-left: 32px;
	padding:30px 0;
	font-size:34px;
	font-weight: bold;
	color: #fff;
	width: 90%;
	}
.text_item {
	background: #e6e5e5;
	margin: 30px 0 0;
	margin-left: 32px;
	padding:15px 0;
	font-size:28px;
	font-weight: bold;
	color: #333;
	width: 90%;
	}
.input_area {
	border: solid 2px #999;
	border-radius:10px;
	width: 85%;
	height:80px;
	margin:10px;
	font-size:22px;
	}
/*
	メッセージ一覧
*/
.mail_item:last-of-type {
	border-bottom: 1px solid #ccc;
}
.mail_item {
	border-top: 1px solid #ccc;
	height: 150px;
	margin-top: 20px;
	width: 640px;
	padding: 10px;
}

.mail_item div{
	vertical-align:middle;
	display:inline-block;
}
.mail_en_wrap {
	overflow-wrap: break-word;
	width: 80%;
	text-align: right;
}
.mail_en_wrap p{
	text-align: left;
}
.mail_btn{
	display: inline-block;
}

.unread{
	background-color: #D0FA58;
}
/*
	メッセージ
*/
.message_box{
	width:100%;
	height:200px;
	border:#CCC solid 1px;
	overflow: scroll;
	margin:5px;
}

#mail_message{
	background:#F2F2F2;
	width:100%;
	resize:vertical;
	border:#CCC solid 1px;
}
.send{
	background-color: #CEE3F6;
	margin: 10px;
	width: 50%;
}
.receive{
	background-color: #F6CEEC;
	margin: 10px;
	width: 50%;
}

#login_error_mess{

	color:#F00;
}

.delete_mail{
	cursor:pointer;
	color:#00F;
	text-decoration:underline;
}



/*--------------------------------------
登録完了画面
--------------------------------------*/
#register_wrapper {
	text-align: center;
	margin: 0 auto;
	}
.text01 {
	font-size: 32px;
	margin-top: 120px;
	color:#fe4958;
}
.text02 {
	font-size: 20px;
	color:#333;
	/*line-height: 40px;*/
	margin: 90px 0 170px 0;
	}
.calendar_text01 {
	font-size: 35px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 10px;
	color:#fe4958;
	}
.calendar_text02 {
	font-size: 20px;
	color:#333;
	}

#register_in input#ADDRESS{
	font-size: 22px;
}
#register_in .button_area {
	margin: 150px 0 150px 65px;
	}
#register_in .return_btn{
	width: 420px;
	background: url(../img/arrow01.png) no-repeat 60px 45%;
	background-color: #ffc800;
	box-shadow: 0 5px 0 #dbae0b;
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 4px;
	text-align:center;
	padding: 35px;
	border-radius:5px;
}
#register_in .navi_top_btn{
	width: 420px;
	background: url(../img/arrow02.png) no-repeat 20px 45%;
	background-color: #4cd8e5;
	box-shadow: 0 5px 0 #2c98a2;
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 2px;
	text-align:center;
	padding: 35px 15px 35px 55px;
	border-radius:5px;
	margin-top: 40px;
}
#register_in .calendar_button_area {
	margin: 25px 0 25px 65px;
	}
#register_in .calendar_btn{
	width: 30%;
	background: url(../img/arrow02.png) no-repeat 20px 45%;
	background-color: #4cd8e5;
	box-shadow: 0 5px 0 #2c98a2;
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 2px;
	text-align:center;
	padding: 20px 15px 20px 55px;
	border-radius:5px;
	margin: 20px 2.5%;
	float: left;
}

#register_in .fair_top_btn{
	width: 420px;
	background: url(../img/arrow03.png) no-repeat 20px 45%;
	background-color: #FF929C;
	box-shadow: 0 5px 0 #FE4958;
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 2px;
	text-align:center;
	padding: 35px 15px 35px 55px;
	border-radius:5px;
	margin-top: 40px;
}