@charset "utf-8";


#sub_top_visual[data-menu="member"] + #body_content	{ margin-bottom: 2.5em; }

/********************************
	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: #faa635; 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: #faa635; 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 #faa635; }
#login_tab a.on	{ background: #faa635; color: #fff; }

.find-link			{ position: relative; margin: 1.5em 0; }
.find-link li		{ position: relative; padding: 0.5em; overflow: hidden; padding-right: 47%; min-height: 2.5em; margin-bottom: 0.2em; }
.find-link a		{ font-size: 0.9em; }
.find-link span,
.find-link a				{ display: block; }
.find-link span				{ text-align: left; font-size: 0.9em; }
.find-link a				{ position: absolute; right: 0; top: 0; width: 45%; }
.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: #faa635; border-color: #faa635; }

.pass-title			{ position: relative; background: #444444; padding: 0.8em 1.5em; color: #fff; }
.pass-title img		{ display: inline-block !important; 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: #faa635; }
.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: #faa635; 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: #faa635; }

.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: #faa635; }
.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: #faa635;
    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; }



.sns-btn-group {
    margin: 0 0 30px 0;
    text-align: center;
    overflow: hidden;
}
.sns-btn-group a {
    width: 187px;
    display: inline-block;
    text-align: center;
    padding: 14px 30px;
    color: #fff;
    font-size: 14px;
    -webkit-transition: background-color 0.1s ease;
    transition: background-color 0.1s ease;
}
.sns-btn-group a.f-btn {
    background: #3c5a99;
}
.sns-btn-group a.f-btn i {
    position: relative;
    margin-right: 5px;
    top: -2px
}
.sns-btn-group a.n-btn {
    background: #50b748;
}
.sns-btn-group a.n-btn i {
    position: relative;
    margin-right: 5px;
    top: -2px
}
.sns-btn-group a.k-btn {
    background: #FFDE00;
}
.sns-btn-group a.k-btn i {
    position: relative;
    margin-right: 5px;
    top: -2px
}
.sns-btn-group a.t-btn {
    background: #1DA1F2;
}
.sns-btn-group a.t-btn i {
    position: relative;
    margin-right: 5px;
    top: -2px
}