@charset "UTF-8";
/* CSS Document */

.swpm-login-widget-form,
.swpm-pw-reset-widget-form {
padding:60px;
width:960px;
margin:auto;
}

.swpm-login-widget-form form,
.swpm-pw-reset-widget-form form {
background: #f1f0f0;
	padding: 40px;
}
.swpm-label,
.swpm-pw-reset-email-label {
	font-size: 2rem;
	font-weight: 600;
}
.swpm-text-field  {
	width: 100% !important; /*親要素いっぱい広げる*/
    padding: 10px 15px; /*ボックスを大きくする*/
    font-size: 1.8rem;
    border-radius: 3px; /*ボックス角の丸み*/
    border: 2px solid #ddd; /*枠線*/
    box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
	margin-bottom: 10px;
}
.swpm-remember-me {
	text-align: center;
	padding: 10px 0 20px;
}
.swpm-login-submit {
	text-align: center;
	margin-bottom: 20px;
	
}
.swpm-login-submit .swpm-login-form-submit {
	background: #222;
	border: 0;
	color:#fff;
	padding: 15px 30px;
	font-size: 1.8rem;
	width: 300px;
}
.swpm-pw-reset-submit-button {
		width: 300px;
	   margin: 15px auto;
	text-align: center;
}

.swpm-pw-reset-submit-button .swpm-pw-reset-submit {
	background: #222;
	border: 0;
	color:#fff;
	padding: 15px 30px;
	font-size: 1.8rem;
	text-align: center;
}

.swpm-join-us-link {
	display: none;
}


.swpm-login-widget-logged {
width:880px;
margin:60px auto;
background: #f1f0f0;
padding: 40px;
}

.swpm-logged-username,
.swpm-logged-status,
.swpm-logged-membership,
.swpm-logged-expiry {
	display: flex;
	background: #fff;
	padding: 10px 20px;
	box-shadow: 1px 1px 1px #b5b5b5;
	margin-bottom: 10px;
}
.swpm-logged-username div:first-child,
.swpm-logged-status div:first-child,
.swpm-logged-membership div:first-child,
.swpm-logged-expiry div:first-child {
	margin-right: 20px;
	font-weight: 600;
}

.swpm-edit-profile-link {
	background: #222;
	border: 0;
	color:#fff;
	padding: 15px 30px;
	font-size: 1.6rem;
	width: 300px;
	margin: 20px auto 0;
	text-align: center;
}
.swpm-logged-logout-link {
	background: #222;
	border: 0;
	color:#fff;
	padding: 15px 30px;
	font-size: 1.6rem;
	width: 300px;
	margin: 10px auto;
	text-align: center;
}
.swpm-edit-profile-link a,
.swpm-logged-logout-link a {
	color:#fff;
}

.swpm-edit-profile-form {
width:880px;
margin:60px auto;
background: #f1f0f0;
padding: 10px 40px 30px 40px;
}

.swpm-edit-profile-form table {
	border: 1px solid #bfbfbf;
}

.swpm-edit-profile-form tr {
	background: #fff;
}
.swpm-edit-profile-form td {
	background: #fff;
	border: 1px solid #bfbfbf;
}
.swpm-edit-profile-form  input {
	width: 100% !important; /*親要素いっぱい広げる*/
    padding: 10px 15px; /*ボックスを大きくする*/
    font-size: 1.6rem;
    border-radius: 3px; /*ボックス角の丸み*/
    border: 2px solid #ddd; /*枠線*/
    box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
}

.swpm-edit-profile-submit-section input {
	background: #222;
	border: 0;
	color:#fff;
	padding: 15px 30px;
	font-size: 1.8rem;
}

.swpm_success {
	text-align: center;
	color:#ea5514;
	margin: 60px 0;
}

.swpm-post-not-logged-in-msg {
	width:880px !important;
margin:60px auto !important;
background: #f1f0f0 !important;
padding: 40px !important;
	text-align: center !important;
}

.swpm-post-not-logged-in-msg a {
	background: #222;
	border: 0;
	color:#fff;
	padding: 15px 30px;
	font-size: 1.7rem;
	display: block;
	width: 300px;
	text-align: center;
	margin: 30px auto;
}

.swpm-pw-reset-widget-form {
	
}

.swpm_error {
	text-align: center;
	margin-top: 60px;
	color: #e60113;
	font-weight: 600;
	font-size: 1.8rem;
}


.swpm-form-builder-container {
	width: 960px;
	margin: 60px auto;
	background: #f1f0f0;
	border: 0px !important;
	padding: 40px 40px 40px 40px;
}
.swpm-form-builder {
	border: 0px !important;
}
.swpm-fieldset{
	border: 0px !important;
}
.swpm-form-builder-container h3  {
	margin: 0 !important;
	padding: 0 !important;
	margin-bottom: 40px !important;
	text-align: center;
	font-size: 3rem !important;
border-bottom:0px  !important;
}
.swpm-legend {
border-bottom:0px  !important;
}
.swpm-item {
	border-bottom: 1px solid #7d7d7d;
	margin-bottom: 15px;
}
.swpm-item p,
.swpm-item div {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-size: 1.4rem;
	color:#707070;
}
.swpm-item [type="text"],
.swpm-item [type="password"],
.swpm-item [type="email"] {
	width: 100% !important; /*親要素いっぱい広げる*/
    padding: 10px 15px; /*ボックスを大きくする*/
    font-size: 1.6rem;
    border-radius: 3px; /*ボックス角の丸み*/
    border: 2px solid #ddd; /*枠線*/
    box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
margin-bottom:5px !important;
}
.swpm-required-asterisk {
	color: #c31700;
	font-size: 2rem;
}
.swpm-desc {
	font-size: 1.8rem;
	font-weight: 600;
}
.swpm-text {
	margin: 0 !important;
}
.swpm-item-submit {
	width: 200px;
	margin: 40px auto 0 auto;
	border-bottom: 0px;
}
.swpm-submit {
	width: 200px;
	margin: auto;
	text-align: center;
}
@media screen and (max-width: 1200px) {
	
.swpm-login-widget-form,
.swpm-pw-reset-widget-form {
padding:20px;
width:auto;
margin:auto;
}
.swpm-login-widget-form form,
.swpm-pw-reset-widget-form form {
background: #f1f0f0;
	padding: 20px;
}
.swpm-label,
.swpm-pw-reset-email-label {
	font-size: 1.5rem;
	font-weight: 600;
}
.swpm-text-field  {
	width: 100%; /*親要素いっぱい広げる*/
    padding: 10px 15px; /*ボックスを大きくする*/
    font-size: 1.6rem;
    border-radius: 3px; /*ボックス角の丸み*/
    border: 2px solid #ddd; /*枠線*/
    box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
	margin-bottom: 10px;
}
.swpm-remember-me {
	text-align: center;
	padding: 10px 0 20px;
	font-size: 1.4rem;
}
.swpm-login-submit {
	text-align: center;
	margin-bottom: 20px;
	
}
.swpm-login-submit .swpm-login-form-submit {
	background: #222;
	border: 0;
	color:#fff;
	padding: 15px 30px;
	font-size: 1.5rem;
	width: 90%;
}
	
.swpm-pw-reset-submit-button {
	   width: 100%;
	   margin: 15px auto;
	text-align: center;
}

.swpm-pw-reset-submit-button .swpm-pw-reset-submit {
	background: #222;
	border: 0;
	color:#fff;
	padding: 15px 30px;
	font-size: 1.5rem;
	width: auto;
	margin:  auto;
	text-align: center;
}
	
	
.swpm-join-us-link {
	display: none;
}
	.swpm-forgot-pass-link {
		font-size: 1.4rem;
		text-align: center;
	}
	
	
.swpm-login-widget-logged {
width:auto;
margin:30px 20px;
background: #f1f0f0;
padding: 20px;
	
}

.swpm-logged-username,
.swpm-logged-status,
.swpm-logged-membership,
.swpm-logged-expiry {
	display: flex;
	background: #fff;
	padding: 10px 20px;
	box-shadow: 1px 1px 1px #b5b5b5;
	margin-bottom: 10px;
	font-size: 1.4rem;
}
.swpm-logged-username div:first-child,
.swpm-logged-status div:first-child,
.swpm-logged-membership div:first-child,
.swpm-logged-expiry div:first-child {
	margin-right: 20px;
	font-weight: 600;
}

.swpm-edit-profile-link {
	background: #222;
	border: 0;
	color:#fff;
	padding: 10px 30px;
	font-size: 1.4rem;
	width: 75%;
	margin: 20px auto 0;
	text-align: center;
}
.swpm-logged-logout-link {
	background: #222;
	border: 0;
	color:#fff;
	padding: 10px 30px;
	font-size: 1.4rem;
	width: 75%;
	margin: 10px auto;
	text-align: center;
}
.swpm-edit-profile-link a,
.swpm-logged-logout-link a {
	color:#fff;
}
	
	
	
.swpm-edit-profile-form {
width:auto;
margin:30px 20px;
background: #f1f0f0;
padding: 20px 20px;
}

.swpm-edit-profile-form table {
	border: 0px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	margin: 0;
	font-size: 1.4rem;
}

.swpm-edit-profile-form tr {
	background: #fff;
}
.swpm-edit-profile-form td {
	background: #fff;
	border: 0px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
	float: left;
	width: 100%;
	box-sizing: border-box !important;
}
.swpm-edit-profile-form td:first-child {
	background: #eeeeee;
	border: 0px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
	float: left;
	width: 100%;
	box-sizing: border-box !important;
}
.swpm-edit-profile-form  input {
	width: 100% !important; /*親要素いっぱい広げる*/
    padding: 10px 15px; /*ボックスを大きくする*/
    font-size: 1.4rem;
    border-radius: 3px; /*ボックス角の丸み*/
    border: 2px solid #ddd; /*枠線*/
    box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
}

.swpm-edit-profile-submit-section input {
	background: #222;
	border: 0;
	color:#fff;
	padding: 15px 30px;
	font-size: 1.5rem;
	margin-top: 15px;
}
	
.swpm_success {
	text-align: center;
	color:#ea5514;
	margin: 30px 0;
	font-size: 1.5rem;
}
	
.swpm-post-not-logged-in-msg {
		width:auto !important;
margin:15px 20px !important;
background: #f1f0f0 !important;
padding: 20px !important;
	text-align: center !important;
	font-size: 1.4rem;
}

.swpm-post-not-logged-in-msg a {
	background: #222;
	border: 0;
	color:#fff;
	padding: 15px 30px;
	font-size: 1.5rem;
	display: block;
	width: 75%;
	text-align: center;
	margin: 15px auto;
}
.swpm_error {
	text-align: center;
	margin-top: 30px;
	color: #e60113;
	font-weight: 600;
	font-size: 1.5rem;
}

.swpm-form-builder-container {
	width: auto;
	margin: 30px 20px;
	background: #f1f0f0;
	border: 0px !important;
	padding: 5px 0px 0px 0px;
}
.swpm-form-builder {
	border: 0px !important;
	margin:0px !important;
padding:0px !important;
}
.swpm-fieldset{
	border: 0px !important;
	margin:0px !important;
padding:0px !important;
}
.swpm-form-builder-container h3  {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	text-align: center;
	font-size: 2rem !important;
}
.swpm-item {
	border-bottom: 1px solid #7d7d7d;
	margin-bottom: 10px;
}
.swpm-item p,
.swpm-item div {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	font-size: 1.2rem;
	color:#707070;
}
.swpm-item [type="text"],
.swpm-item [type="password"],
.swpm-item [type="email"] {
	width: 100% !important; /*親要素いっぱい広げる*/
    padding: 10px 10px; /*ボックスを大きくする*/
    font-size: 1.4rem;
    border-radius: 3px; /*ボックス角の丸み*/
    border: 2px solid #ddd; /*枠線*/
    box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
}
.swpm-required-asterisk {
	color: #c31700;
	font-size: 2rem;
}
.swpm-desc {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.7;
}
.swpm-text {
	margin: 0 !important;
}
.swpm-item-submit {
	width: 180px;
	margin: -30px auto 0 auto !important;
	border-bottom: 0px;
}
.swpm-submit {
	width: 180px;
	margin: 0 auto 20px auto;
	text-align: center;
}
	
}