@charset "utf-8";
/****************************************
			user
*****************************************/
.emphasis{
	color:#c10012;
}

#user .flash_message {
	color: #c10012;
	padding:4px 8px;
}

.user_item_btn.disabled{
	background-color:silver;
}


@media screen and (min-width: 769px){
	#user{
		width:960px;
		margin:40px auto 80px;
	}
	/****************************/
	/*   user/login ログイン
	/****************************/
	#user .user_base .user_login_box{
		width:960px;
		max-width:100%;
		margin:8px auto 40px auto;
	}
	.user_base .user_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}
	.user_base .user_login_box .user_list .user_item_textdetail{
		margin-bottom:20px;
	}
	.user_base .user_login_box .user_list .user_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}

	.user_base .user_login_box .user_list .user_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.user_base .user_login_box .user_list .user_item_btn input[type=submit]{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
		background-color: #000;
		border-radius:4px;
		border: none;
	}
	.user_base .user_login_box .user_list_input{
		width:400px;
		max-width:96%;
		margin:0 auto;
		margin-bottom:40px;
	}
	.user_base .user_login_box .user_list_input .login_item{
		line-height:2;
		margin-bottom:16px;
	}
	.user_base .user_login_box .user_list_input .login_item .login_item_textform{
		width:400px;
		max-width:100%;
		height:32px;
	}
	.user_base .user_login_box .user_list_input .login_item_caption{
	}
	.user_base .user_login_box .user_list_input .login_item_check{
		margin-top:24px;
	}

	/****************************/
	/*   user/regist 新規会員登録
	/****************************/
	#user .user_base .user_login_box{
		width:960px;
		max-width:100%;
		margin:8px auto 40px auto;
	}
	.user_base .user_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}
	.user_base .user_login_box .regist_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.user_base .user_login_box .regist_list_progressbar img{
		width:50%;
		max-width:100%;
		height:auto;
	}
	.user_base .user_login_box table{
		width:100%;
	}
	.user_base .user_login_box table th{
		background-color:#efefef;
		padding-left:24px;
		width:24%;
		padding:20px;
		text-align:left;
		font-weight:normal;
	}
	.user_base .user_login_box table td{
		padding:20px;
	}
	.user_base .user_login_box table,
	.user_base .user_login_box table th,
	.user_base .user_login_box table tr{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}
	.user_base .user_login_box .regist_item_example{
		margin-top:8px;
	}
	.user_base .user_login_box .regist_item_required{
		background-color:#c10012;
		padding:4px 8px;
		margin-left:8px;
		color:#fff;
		font-size:0.8em;
	}
	.user_base .user_login_box .regist_item_required_info{
		color:#c10012;
		padding-top:12px;
		line-height: 1.3em;
	}
	.user_base .user_login_box .regist_item_textform{
		width:600px;
		height:32px;
	}
	.user_base .user_login_box .regist_list_check{
		text-align:center;
	}
	.user_base .user_login_box .regist_list_check .user_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}

	.user_base .user_login_box .regist_list_check .user_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.user_base .user_login_box .regist_list_check .user_item_btn input[type=submit]{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
		background-color: #000;
		border-radius:4px;
		border: none;
	}
	/****************************/
	/*   user/regist_confirm 新規会員登録 確認
	/****************************/
	.user_base .user_login_box .user_list_btn{
		display:flex;
	}
	.user_base .user_login_box .user_list_btn  .user_item_returnbtn{
		background-color:#b1b1b1;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.user_base .user_login_box .user_list_btn .user_item_returnbtn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.user_base .user_login_box .user_list_btn .user_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.user_base .user_login_box .user_list_btn .user_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.user_base .user_login_box .user_list_btn .user_item_btn input[type=submit]{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
		background-color: #000;
		border-radius:4px;
		border: none;
	}

	/****************************/
	/*   user/regist_complete 新規会員登録 完了
	/****************************/
	.user_base .user_login_box .user_list .user_item_textdetail{
		margin-bottom:20px;
	}
	.user_base .user_login_box .user_list .user_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.user_base .user_login_box .user_list .user_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.user_base .user_login_box .user_list .user_item_completetext{
		font-size:24px;
		text-align:center;
		margin-top:40px;
		width:100%;
	}


	/****************************/
	/*   user/forget パスワードを忘れた方
	/****************************/
	#user .user_base .user_forget_box{
		width:960px;
		max-width:100%;
		margin:8px auto 40px auto;
		text-align:center;
	}
	.user_base .user_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}
	.user_base .user_forget_box .user_list .user_forget_item_detail{
		width:400px;
		margin:0 auto;
		text-align: left;
	}
	.user_base .user_forget_box .user_forget_item_detail .user_forget_item_textform{
		width:400px;
		max-width:100%;
		height:32px;
		margin: 8px auto 0 auto;
	}
	.user_base .user_box_btn .user_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.user_base .user_box_btn .user_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.user_base .user_box_btn .user_item_btn input[type=submit]{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
		background-color: #000;
		border-radius:4px;
		border: none;
	}

	/****************************/
	/*   user/forget_complete パスワードを忘れた方 完了
	/****************************/
	.user_base .user_forget_box .login_list .user_item_completetext{
		font-size:24px;
		text-align:center;
		margin-top:40px;
		width:100%;
	}

	/****************************/
	/*   user/pwreset パスワード再設定
	/****************************/
	#user .user_base .user_forget_box{
		width:960px;
		max-width:100%;
		margin:8px auto 40px auto;
		text-align:center;
	}
	.user_base .user_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}
	.user_base .user_forget_box .user_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.user_base .user_forget_box .user_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.user_base .user_forget_box .user_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.user_base .user_forget_box .user_item_btn input[type=submit]{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
		background-color: #000;
		border-radius:4px;
		border: none;
	}
	.user_base .user_forget_box table{
		width:100%;
	}
	.user_base .user_forget_box table th{
		background-color:#efefef;
		padding-left:24px;
		width:24%;
		padding:20px;
		text-align:left;
		font-weight:normal;
	}
	.user_base .user_forget_box table td{
		padding:20px;
	}
	.user_base .user_forget_box table,
	.user_base .user_forget_box table th,
	.user_base .user_forget_box table tr{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}

	/****************************/
	/*   user/pwreset_complete パスワード再設定 完了
	/****************************/
	.user_base .user_forget_box .login_list .user_item_completetext{
		font-size:24px;
		text-align:center;
		margin-top:40px;
		width:100%;
	}
}

@media screen and (max-width: 768px){
	#user{
		width:96%;
		margin:40px auto 80px;
		margin-top:80px;
	}
	/****************************/
	/*   user/login ログイン
	/****************************/
	#user .user_base .user_login_box{
		width:100%;
		margin:8px auto 40px auto;
	}
	.user_base .user_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:90%;
	}
	.user_base .user_login_box .user_list .user_item_textdetail{
		margin-bottom:20px;
	}
	.user_base .user_login_box .user_list .user_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}

	.user_base .user_login_box .user_list .user_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.user_base .user_login_box .user_list .user_item_btn input[type=submit]{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
		background-color: #000;
		border-radius:4px;
		border: none;
	}
	.user_base .user_login_box .user_list_input{
		width:96%;
		margin:0 auto;
		margin-bottom:40px;
	}
	.user_base .user_login_box .user_list_input .login_item{
		line-height:2;
		margin-bottom:16px;
	}
	.user_base .user_login_box .user_list_input .login_item .login_item_textform{
		width:100%;
		height:32px;
	}
	.user_base .user_login_box .user_list_input .login_item_caption{
	}
	.user_base .user_login_box .user_list_input .login_item_check{
		margin-top:24px;
	}

	/****************************/
	/*   user/regist 新規会員登録
	/****************************/
	#user .user_base .user_login_box{
		width:100%;
		margin:8px auto 40px auto;
	}
	.user_base .user_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:90%;
	}
	.user_base .user_login_box .regist_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.user_base .user_login_box .regist_list_progressbar img{
		width:100%;
		height:auto;
	}
	.user_base .user_login_box table{
		width:100%;
	}
	.user_base .user_login_box table th{
		background-color:#efefef;
		padding-left:24px;
		width:100%;
		padding:20px;
		text-align:left;
		font-weight:normal;
		display: block;
	}
	.user_base .user_login_box table td{
		padding:16px;
		width:100%;
		display: block;
	}
	.user_base .user_login_box table,
	.user_base .user_login_box table th,
	.user_base .user_login_box table tr{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}
	.user_base .user_login_box .regist_item_example{
		margin-top:8px;
	}
	.user_base .user_login_box .regist_item_required{
		background-color:#c10012;
		padding:4px 8px;
		margin-left:8px;
		color:#fff;
		font-size:0.8em;
	}
	.user_base .user_login_box .regist_item_required_info{
		color:#c10012;
		padding-top:12px;
		line-height: 1.3em;
	}
	.user_base .user_login_box .regist_item_textform{
		width:100%;;
		height:32px;
	}
	.user_base .user_login_box .regist_list_check{
		text-align:center;
	}
	.user_base .user_login_box .regist_list_check .user_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.user_base .user_login_box .regist_list_check .user_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.user_base .user_login_box .regist_list_check .user_item_btn input[type=submit]{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
		background-color: #000;
		border-radius:4px;
		border: none;
	}
	/****************************/
	/*   user/regist_confirm 新規会員登録 確認
	/****************************/
	.user_base .user_login_box .user_list_btn{
		display:flex;
		flex-wrap: wrap-reverse;
	}
	.user_base .user_login_box .user_list_btn  .user_item_returnbtn{
		background-color:#b1b1b1;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.user_base .user_login_box .user_list_btn .user_item_returnbtn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.user_base .user_login_box .user_list_btn .user_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.user_base .user_login_box .user_list_btn .user_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.user_base .user_login_box .user_list_btn .user_item_btn input[type=submit]{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
		background-color: #000;
		border-radius:4px;
		border: none;
	}

	/****************************/
	/*   user/regist_complete 新規会員登録 完了
	/****************************/
	.user_base .user_login_box .user_list .user_item_textdetail{
		margin-bottom:20px;
	}
	.user_base .user_login_box .user_list .user_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.user_base .user_login_box .user_list .user_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.user_base .user_login_box .user_list .user_item_completetext{
		font-size:24px;
		text-align:center;
		margin-top:40px;
		width:100%;
	}


	/****************************/
	/*   user/forget パスワードを忘れた方
	/****************************/
	#user .user_base .user_forget_box{
		width:100%;
		margin:8px auto 40px auto;
		text-align:center;
	}
	.user_base .user_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:90%;
	}
	.user_base .user_forget_box .user_list .user_forget_item_detail{
		width:100%;
		margin:0 auto;
		text-align: left;
	}
	.user_base .user_forget_box .user_forget_item_detail .user_forget_item_textform{
		width:100%;
		height:32px;
		margin: 8px auto 0 auto;
	}
	.user_base .user_box_btn .user_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.user_base .user_box_btn .user_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.user_base .user_box_btn .user_item_btn input[type=submit]{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
		background-color: #000;
		border-radius:4px;
		border: none;
	}

	/****************************/
	/*   user/forget_complete パスワードを忘れた方 完了
	/****************************/
	.user_base .user_forget_box .login_list .user_item_completetext{
		font-size:24px;
		text-align:center;
		margin-top:40px;
		width:100%;
	}

	/****************************/
	/*   user/pwreset パスワード再設定
	/****************************/
	#user .user_base .user_forget_box{
		width:100%;
		margin:8px auto 40px auto;
		text-align:center;
	}
	.user_base .user_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:90%;
	}
	.user_base .user_forget_box .user_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.user_base .user_forget_box .user_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.user_base .user_forget_box .user_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.user_base .user_forget_box .user_item_btn input[type=submit]{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
		background-color: #000;
		border-radius:4px;
		border: none;
	}
	.user_base .user_forget_box table{
		width:100%;
	}
	.user_base .user_forget_box table th{
		background-color:#efefef;
		padding-left:24px;
		width:100%;
		padding:20px;
		text-align:left;
		font-weight:normal;
		display: block;
	}
	.user_base .user_forget_box table td{
		padding:16px;
		width:100%;
		display: block;
	}
	.user_base .user_forget_box table,
	.user_base .user_forget_box table th,
	.user_base .user_forget_box table tr{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}

	/****************************/
	/*   user/pwreset_complete パスワード再設定 完了
	/****************************/
	.user_base .user_forget_box .login_list .user_item_completetext{
		font-size:24px;
		text-align:center;
		margin-top:40px;
		width:100%;
	}
}