@charset "utf-8";




/********************************
	Member Style
*********************************/

.member-page h3	{
	text-align: left;
	font-size: 1.3em;
	font-weight: 400;
}
.member-page * + h3	{ padding-top: 2.0em; }
.member-page h3	*		{
	display: inline-block;
	vertical-align: middle;
}
.member-page h3 strong	{
	
}
.member-page h3 em		{
	color: #ed1c24;
	font-size: 0.6em;
	float: right;
	padding-top: 10px;
}

.member-page sup		{
	color: #ed1c24;
	padding-left: 5px;
}


.space			{ display: block; margin: 0; height: 1.0em; padding: 0; border: none; background: none; }
.space.big		{ height: 3.0em; }
.line			{ display: block; margin: 1.5em 0; height: 1px; padding: 0; border: none; background: none; background: #333; }
.line.gray		{ background: #dddddd; }


.gray-box			{ background: #f4f4f4; padding: 2.0em; }
.gray-box .msg		{ text-align: center; font-size: 1.0em; line-height: 1.5em; }
.gray-box .msg strong	{ color: #283897; font-weight: 800; }

.check-list						{ padding: 1.8em 0 0.5em; }
.check-list li					{ padding: 0.5em 0; }
.check-list li input			{ display: none; }
.check-list li label			{ display: block; position: relative; cursor: pointer; padding-lefT: 1.4em;}
.check-list li label:before		{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 1.0em; height: 1.0em; box-sizing: border-box; margin-right: 5px; border: 1px solid #ddd; background: #fff; border-radius: 9.0em; }
.check-list li input:checked + label:after		{ content: ""; display: block; position: absolute; top: 0.25em; left: 0.25em; width: 0.5em; height: 0.5em; box-sizing: border-box; background: #283897; border-radius: 9.0em; }

.edit textarea		{ box-sizing: border-box; width: 100%; border: 1px solid #d2d2d2; height: 7.0em; }


#login_box			{ position: relative; background: #f4f4f4; padding: 1.3em; }
#login_box select,
#login_box input	{ display: block; position: relative; box-sizing: border-box; height: 2.5em; font-size: 1.0em; border: 1px solid #e3e3e3; padding: 0 0.5em; margin-bottom: 0.5em; }

#login_box.bak-white	{ background: #fff; }

#login_box .full	{ width: 100%; }
.btn-full,
#login_box button	{ display: block; width: 100%; box-sizing: border-box; background: #483865; color: #fff; font-size: 1.2em; height: 2.5em; line-height: 2.5em; cursor: pointer; text-align: center; }

#login_box .login-form li			{ position: relative; padding-left: 25%; overflow: hidden; }
#login_box .login-form li label		{ position: absolute; top: 0; left: 0; width: 21.5%; line-height: 2.5em; font-size: 1.0em; }

#login_box .login-form li .item				{ display: block; position: relative; width: 33.33%; box-sizing: border-box; float: left; margin-bottom: 0.5em; padding-right: 3px; }
#login_box .login-form li .item.txt.right	{ padding-right: 8%; }
#login_box .login-form li .item i			{ display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 25%; text-align: center; font-style: normal; }
#login_box .login-form li .item i:before	{ content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }

#login_box .item select,
#login_box .item input		{ width: 100%; margin-bottom: 0; padding: 0; }

#login_box .help			{ text-align: center; color: #ed1c24; line-height: 1.5em; padding-bottom: 1.0em;}
#login_box .descript		{ line-height: 1.5em; font-size: 1.0em; color: #444444;  }
#login_box .view-id			{ border: 1px solid #e3e3e3; background: #fff; padding: 1.0em; text-align: center; color: #444444; margin: 2.0em 0 0; }
#login_box .view-id strong	{ color: #483865; font-weight: 600; }

#login_box.pad		{ padding: 1.8em 1.3em; }

#login_tab		{ position: relative; overflow: hidden; }
#login_tab a	{ display: block; position: relative; width: 50%; float: left; color: #2b2b2b; background: #fff; text-align: center; font-size: 1.1em; line-height: 2.5em; border-top: 3px solid #373737; }
#login_tab a.on	{ background: #373737; color: #fff; }

.find-link			{ position: relative; margin: 1.5em 0; }
.find-link li		{ padding-bottom: 1.0em; overflow: hidden; }
.find-link a		{ font-size: 0.9em; }
.find-link span,
.find-link a				{ display: block; vertical-align: middle; line-height: 2.0em; text-align: center; box-sizing: border-box; }
.find-link span				{ float: left; width: 57%; text-align: left;}
.find-link a				{ float: right; width: 40%; }
.find-link .ui-btn			{ padding: 0 0.5em;  color: #fff; }
.find-link .ui-btn.black	{ background: #fff; color: #2b2b2b; border: 1px solid #cfd1d4; }
.find-link .ui-btn.blue		{ background: #373737; }

.pass-title			{ position: relative; background: #444444; padding: 0.8em 1.5em; color: #fff; }
.pass-title img		{ vertical-align: middle; margin-left: 10px; }


.page-descript						{ text-align: center; padding: 3.0em 0; }
.page-descript p.title				{ font-size: 2.0em; color: #444444; }
.page-descript p.title em			{ color: #483865; }
.page-descript p.title + p.descript	{ padding-top: 0.8em; }
.page-descript p.descript			{ font-size: 1.0em; color: #444444; line-height: 1.3em; }
.page-descript p.descript em		{ color: #483865; font-weight: 800; }

.page-descript + .form	{ margin-top: 0; }


.member-page-nav		{ padding-top: 1.0em; }
.member-page-nav p		{ }
.member-page-nav a		{ font-weight: 600; color: #483865; }

.inner-layout	{ padding-bottom: 0px; }


.tab-box	{ }
.tab-ank	{ }
.tab-con,
.single img.tab-con		{ display: none; }
.tab-con.on,
.single img.tab-con.on	{ display: block; }



.co-list	{ position: relative; }
.co-list h3	{ padding-top: 1.0em; }
.co-list h3 strong { color: #483865; }
.co-list .item	{
	display: block;
	position: relative;
	padding: 25px 0;
	border-bottom: 1px solid #dadada;
}
.co-list i	{
	display: block;
	position: relative;
	height: 150px;
	background-size: cover;
	background-position: 50% 50%;
}
.co-list em	{
	display: block;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.1em;
	color: #483865;
	font-weight: 600;
	padding: 15px 0;
}
.co-list span	{
	display: block;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.0em;
	color: #444;
}

.co-view		{ line-height: 1.7em; }
.co-view h3		{ font-size: 1.1em; }
.co-view .co-content	{ padding: 1.0em 0; }