@charset "utf-8";

.swpm-payment-button {
    font-size: 14px;
    min-width: 150px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    float: left;
    color: #fff;
    background: #ff8000;
    margin: 0 0 0 10px;
    
    color: #000000;
    background: #f3b53f;
}

.stripe-button-el,
.stripe-button-el span {
	background: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    color: #000 !important;
    font-weight: normal !important;
}

@media screen and (max-width: 1210px) {
	.swpm-payment-button {
	    font-size: 12px;
	    min-width: inherit;
	    margin: 0 0 0 20px;
	    background: transparent !important;
	    color: #000 !important;
	}
	
	.stripe-button-el span {
		font-size: 12px !important;
	}
}

.register_button_area .swpm-payment-button {
    width: 260px;
    height: 60px;
    line-height: 60px;
    display: block;
    background: #ff8000;
    color: #fff;
    font-size: 16px;
    margin: 0 auto;
    float: none;
}

.register_button_area .swpm-payment-button .stripe-button-el span {
	color: #fff !important;
}

@media screen and (max-width: 1210px) {
	.register_button_area .swpm-payment-button {
	    width: 200px;
	    height: 50px;
	    line-height: 50px;
	    background-color: #82c231 !important;
	}
	.register_button_area .swpm-payment-button span {
		font-size: 14px !important;
	}
}

#article .swpm-payment-button {
	float: none;
}

#article .swpm-payment-button .stripe-button-el span {
	color: #fff !important;
	font-size: inherit !important;
    letter-spacing: 5px;
}

@media screen and (max-width: 1210px) {
	.swpm-payment-button {
		background: #6ea924 !important;
		height: auto;
		line-height: initial;
	}
}

/* アカウントの編集 */
#swpm-registration-form,
#swpm-login-form { padding:50px; }
#swpm-registration-form .headline,
#swpm-login-form .headline { border-bottom:1px solid #ddd; font-size:19px; text-align:center; padding:0 0 45px 0; margin:0 0 50px 0; line-height:1; }
#swpm-registration-form tbody,
#swpm-login-form tbody {
  font-size:16px; margin:0 auto 39px; max-width:710px;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;
}
#swpm-registration-form td,
#swpm-login-form td {
  font-size:15px; font-weight:600; width:240px; line-height:2.2; padding:9px 20px 7px 0; position:relative; text-align:right;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  border: none;
}
#swpm-registration-form td + td,
#swpm-login-form td + td {
  -webkit-width:calc(100% - 240px); width:calc(100% - 240px); padding:0; line-height:2.2;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#swpm-registration-form td + td .input_field,
#swpm-login-form td + td .input_field { font-weight:600; width:360px; border:1px solid #ddd; height:50px; background:#f4f4f4; padding:0 20px; }
#swpm-registration-form td + td .input_field:focus,
#swpm-login-form td + td .input_field:focus { border-color:#ff8000; }
#swpm-registration-form td + td .receive_email,
#swpm-login-form td + td .receive_email { margin:-10px 0 20px; display:block; }
#swpm-registration-form .image_area,
#swpm-login-form .image_area { padding-top:20px; }
#swpm-registration-form .image_area input,
#swpm-login-form .image_area input { display:none; }
#swpm-registration-form .image,
#swpm-login-form .image { width:180px; height:180px; margin:10px 0 31px 27px; position:relative; }

#swpm-registration-form .image_current,
#swpm-registration-form .image_bg,
#swpm-login-form .image_current,
#swpm-login-form .image_bg { width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:100%; }
#swpm-registration-form .image_current,
#swpm-login-form .image_current { position:relative; z-index: 2; }
#swpm-registration-form .image_bg,
#swpm-login-form .image_bg { background-image:url(img/common/no_avatar.png); position:absolute; top:0; left:0; z-index: 1; }
#swpm-registration-form .image .delete_button,
#swpm-login-form .image .delete_button { width:40px; height:40px; line-height:40px; text-align:center; overflow:hidden; position:absolute; top:-14px; right:-26px; z-index: 3; -webkit-transition-property:none; transition-property:none; }
#swpm-registration-form .image .delete_button:before,
#swpm-login-form .image .delete_button:before { font-family:'design_plus'; content:'\e91a'; display:block; font-size:20px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
#swpm-registration-form .upload_button,
#swpm-login-form .upload_button { margin-left:17px; width:200px; height:50px; line-height:50px; display:block; border:1px solid #ddd; text-align:center; }
#swpm-registration-form .change_password .input_field:last-child,
#swpm-login-form .change_password .input_field:last-child { margin-bottom: 0; }
#swpm-registration-form .submit,
#swpm-login-form .submit { text-align:center; }
#swpm-registration-form .submit input,
#swpm-login-form .submit input { margin:10px 0 0; }
#swpm-registration-form #delete_account,
#swpm-login-form #delete_account { display:block; text-align:center; color:#000; background:#eee; height:50px; line-height:50px; padding:0 10px; width:200px; margin:50px auto 0; }
#swpm-registration-form #delete_account:hover,
#swpm-login-form #delete_account:hover { color:#ff7f00; }

#swpm-registration-form input[type="text"],
#swpm-registration-form input[type="password"],
#swpm-login-form input[type="text"],
#swpm-login-form input[type="password"] {
    font-weight: 600;
    width: 360px;
    border: 1px solid #ddd;
    height: 50px;
    background: #f4f4f4;
    padding: 0 20px;
}

#swpm-registration-form input[type="submit"],
#swpm-login-form input[type="submit"] {
    width: 260px;
    height: 60px;
    border: none;
    background: #6ea924;
    color: #fff;
    font-size: 16px;
    margin: 0 0 30px 0;
    cursor: pointer;
}

#swpm-registration-form input[type="submit"]:hover,
#swpm-login-form input[type="submit"]:hover {
	background: #82c231;
}

#swpm-pw-reset-form { padding:50px; }
#swpm-pw-reset-form .headline { border-bottom:1px solid #ddd; font-size:19px; text-align:center; padding:0 0 45px 0; margin:0 0 50px 0; line-height:1; }
#swpm-pw-reset-form tbody {
  font-size:16px; margin:0 auto 39px; max-width:710px;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;
}
#swpm-pw-reset-form td {
  font-size:15px; font-weight:600; width:240px; line-height:2.2; padding:9px 20px 7px 0; position:relative; text-align:right;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  border: none;
}
#swpm-pw-reset-form td + td {
  -webkit-width:calc(100% - 240px); width:calc(100% - 240px); padding:0; line-height:2.2;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#swpm-pw-reset-form td + td .input_field { font-weight:600; width:360px; border:1px solid #ddd; height:50px; background:#f4f4f4; padding:0 20px; }
#swpm-pw-reset-form td + td .input_field:focus { border-color:#ff8000; }
#swpm-pw-reset-form td + td .receive_email { margin:-10px 0 20px; display:block; }
#swpm-pw-reset-form .image_area { padding-top:20px; }
#swpm-pw-reset-form .image_area input { display:none; }
#swpm-pw-reset-form .image { width:180px; height:180px; margin:10px 0 31px 27px; position:relative; }

#swpm-pw-reset-form .image_current, #swpm-pw-reset-form .image_bg { width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:100%; }
#swpm-pw-reset-form .image_current { position:relative; z-index: 2; }
#swpm-pw-reset-form .image_bg { background-image:url(img/common/no_avatar.png); position:absolute; top:0; left:0; z-index: 1; }
#swpm-pw-reset-form .image .delete_button { width:40px; height:40px; line-height:40px; text-align:center; overflow:hidden; position:absolute; top:-14px; right:-26px; z-index: 3; -webkit-transition-property:none; transition-property:none; }
#swpm-pw-reset-form .image .delete_button:before { font-family:'design_plus'; content:'\e91a'; display:block; font-size:20px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
#swpm-pw-reset-form .upload_button { margin-left:17px; width:200px; height:50px; line-height:50px; display:block; border:1px solid #ddd; text-align:center; }
#swpm-pw-reset-form .change_password .input_field:last-child { margin-bottom: 0; }
#swpm-pw-reset-form .submit { text-align:center; }
#swpm-pw-reset-form .submit input { margin:10px 0 0; }
#swpm-pw-reset-form #delete_account { display:block; text-align:center; color:#000; background:#eee; height:50px; line-height:50px; padding:0 10px; width:200px; margin:50px auto 0; }
#swpm-pw-reset-form #delete_account:hover { color:#ff7f00; }

#swpm-pw-reset-form input[type="text"],
#swpm-pw-reset-form input[type="password"] {
    font-weight: 600;
    width: 360px;
    border: 1px solid #ddd;
    height: 50px;
    background: #f4f4f4;
    padding: 0 20px;
}

#swpm-pw-reset-form input[type="submit"] {
    width: 260px;
    height: 60px;
    border: none;
    background: #ff8000;
    color: #fff;
    font-size: 16px;
    margin: 0 0 30px 0;
    cursor: pointer;
}

#swpm-editprofile-form { padding:50px; }
#swpm-editprofile-form .headline { border-bottom:1px solid #ddd; font-size:19px; text-align:center; padding:0 0 45px 0; margin:0 0 50px 0; line-height:1; }
#swpm-editprofile-form tbody {
  font-size:16px; margin:0 auto 39px; max-width:710px;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;
}
#swpm-editprofile-form td {
  font-size:15px; font-weight:600; width:240px; line-height:2.2; padding:9px 20px 7px 0; position:relative; text-align:right;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  border: none;
}
#swpm-editprofile-form td + td {
  -webkit-width:calc(100% - 240px); width:calc(100% - 240px); padding:0; line-height:2.2;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#swpm-editprofile-form td + td .input_field { font-weight:600; width:360px; border:1px solid #ddd; height:50px; background:#f4f4f4; padding:0 20px; }
#swpm-editprofile-form td + td .input_field:focus { border-color:#ff8000; }
#swpm-editprofile-form td + td .receive_email { margin:-10px 0 20px; display:block; }
#swpm-editprofile-form .image_area { padding-top:20px; }
#swpm-editprofile-form .image_area input { display:none; }
#swpm-editprofile-form .image { width:180px; height:180px; margin:10px 0 31px 27px; position:relative; }

#swpm-editprofile-form .image_current, #swpm-editprofile-form .image_bg { width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:100%; }
#swpm-editprofile-form .image_current { position:relative; z-index: 2; }
#swpm-editprofile-form .image_bg { background-image:url(img/common/no_avatar.png); position:absolute; top:0; left:0; z-index: 1; }
#swpm-editprofile-form .image .delete_button { width:40px; height:40px; line-height:40px; text-align:center; overflow:hidden; position:absolute; top:-14px; right:-26px; z-index: 3; -webkit-transition-property:none; transition-property:none; }
#swpm-editprofile-form .image .delete_button:before { font-family:'design_plus'; content:'\e91a'; display:block; font-size:20px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
#swpm-editprofile-form .upload_button { margin-left:17px; width:200px; height:50px; line-height:50px; display:block; border:1px solid #ddd; text-align:center; }
#swpm-editprofile-form .change_password .input_field:last-child { margin-bottom: 0; }
#swpm-editprofile-form .submit { text-align:center; }
#swpm-editprofile-form .submit input { margin:10px 0 0; }
#swpm-editprofile-form #delete_account { display:block; text-align:center; color:#000; background:#eee; height:50px; line-height:50px; padding:0 10px; width:200px; margin:50px auto 0; }
#swpm-editprofile-form #delete_account:hover { color:#ff7f00; }

#swpm-editprofile-form input[type="text"],
#swpm-editprofile-form input[type="password"] {
    font-weight: 600;
    width: 360px;
    border: 1px solid #ddd;
    height: 50px;
    background: #f4f4f4;
    padding: 0 20px;
}

#swpm-editprofile-form input[type="submit"] {
    width: 260px;
    height: 60px;
    border: none;
    background: #6ea924;
    color: #fff;
    font-size: 16px;
    margin: 0 0 30px 0;
    cursor: pointer;
}

#swpm-editprofile-form input[type="submit"]:hover {
	background: #82c231;
}

#my_account_edit dd {
    font-size: 15px;
    font-weight: 600;
    /* width: 240px; */
    line-height: 2.2;
    padding: 9px 20px 7px 0;
    position: relative;
    /* text-align: right; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
}

#my_account_edit .my_change_userdata {
    text-align: center;
    /* margin: 10px 0 0; */
    width: 260px;
    border: none;
    background: #ff8000;
    color: #fff;
    font-size: 16px;
    margin: 0 auto 30px auto;
    cursor: pointer;
    background-color: #6ea924;
    display: block;
}

#my_account_edit .my_change_userdata span {
    width: 260px;
    /* height: 60px; */
    border: none;
    background: #6ea924;
    color: #fff;
    font-size: 16px;
    /* margin: 0 0 30px 0; */
    cursor: pointer;
    display: block;
    padding: 22px 0px;
}

#my_account_edit .my_change_userdata span:hover {
	background: #82c231;
}

@media screen and (max-width: 1210px) {
/* アカウントの編集 */
#swpm-editprofile-form,
#swpm-registration-form,
#swpm-login-form,
#swpm-pw-reset-form { padding:0 30px; }
#swpm-editprofile-form .headline,
#swpm-registration-form .headline,
#swpm-login-form .headline,
#swpm-pw-reset-form .headline { font-size:16px; padding:0 0 18px 0; margin:0 0 30px 0; }
#swpm-editprofile-form tbody,
#swpm-registration-form tbody,
#swpm-login-form tbody,
#swpm-pw-reset-form tbody { font-size:14px; display:block; margin-bottom:40px; max-width:none; }
#swpm-editprofile-form tr,
#swpm-registration-form tr,
#swpm-login-form tr,
#swpm-pw-reset-form tr {display: block; }
#swpm-editprofile-form td,
#swpm-registration-form td,
#swpm-login-form td,
#swpm-pw-reset-form td { width:auto; line-height:1; padding:0; margin:0 0 10px 0; text-align:left; display: block; }
#swpm-editprofile-form td + td,
#swpm-registration-form td + td,
#swpm-login-form td + td,
#swpm-pw-reset-form td + td { width:auto; padding:0; line-height:1; margin:0; }
#swpm-editprofile-form td + td .input_field,
#swpm-registration-form td + td .input_field,
#swpm-login-form td + td .input_field,
#swpm-pw-reset-form td + td .input_field { width:100%; height:42px; padding:0 15px; }
#swpm-editprofile-form td + td .receive_email,
#swpm-registration-form td + td .receive_email,
#swpm-login-form td + td .receive_email,
#swpm-pw-reset-form td + td .receive_email { text-align:center; margin:0 0 25px; }
#swpm-editprofile-form .image_area,
#swpm-registration-form .image_area,
#swpm-login-form .image_area,
#swpm-pw-reset-form .image_area { text-align:center; }
#swpm-editprofile-form .image,
#swpm-registration-form .image,
#swpm-login-form .image,
#swpm-pw-reset-form .image { width:120px; height:120px; margin:0 auto 20px; }
#swpm-editprofile-form .upload_button,
#swpm-registration-form .upload_button,
#swpm-login-form .upload_button,
#swpm-pw-reset-form .upload_button { margin:0 auto; }
#swpm-editprofile-form .submit input,
#swpm-registration-form .submit input,
#swpm-login-form .submit input,
#swpm-pw-reset-form .submit input { margin:0 0 0; }
#swpm-editprofile-form #delete_account,
#swpm-registration-form #delete_account,
#swpm-login-form #delete_account,
#swpm-pw-reset-form #delete_account { margin:40px auto 0; }
#swpm-editprofile-form .change_password input,
#swpm-registration-form .change_password input,
#swpm-login-form .change_password input,
#swpm-pw-reset-form .change_password input { margin-bottom:30px; }
@media screen and (max-width:750px) {
  #swpm-editprofile-form,
  #swpm-registration-form,
  #swpm-login-form,
  #swpm-pw-reset-form { padding:0px 20px; }
  #swpm-editprofile-form tbody,
  #swpm-registration-form tbody,
  #swpm-login-form tbody,
  #swpm-pw-reset-form tbody { margin-bottom:20px; }
  #swpm-editprofile-form td + td .receive_email,
  #swpm-registration-form td + td .receive_email,
  #swpm-login-form td + td .receive_email,
  #swpm-pw-reset-form td + td .receive_email { margin:0 0 20px; }
  #swpm-editprofile-form .change_password input,
  #swpm-registration-form .change_password input,
  #swpm-login-form .change_password input,
  #swpm-pw-reset-form .change_password input { margin-bottom:20px; }
  #swpm-editprofile-form #delete_account,
  #swpm-registration-form #delete_account,
  #swpm-login-form #delete_account,
  #swpm-pw-reset-form #delete_account { margin:20px auto 0; }
}
@media screen and (max-width:450px) {
  #swpm-editprofile-form td,
  #swpm-registration-form td,
  #swpm-login-form td,
  #swpm-pw-reset-form td { font-size:13px;}
  #swpm-editprofile-form,
  #swpm-registration-form,
  #swpm-login-form,
  #swpm-pw-reset-form { padding:0px 0px; }
}
#swpm-editprofile-form input[type="text"],
#swpm-editprofile-form input[type="password"],
#swpm-registration-form input[type="text"],
#swpm-registration-form input[type="password"],
#swpm-login-form input[type="text"],
#swpm-login-form input[type="password"],
#swpm-pw-reset-form input[type="text"],
#swpm-pw-reset-form input[type="password"] {
    width: 100%;
    padding:0 15px;
    margin:0 0 20px 0;
}

#edit-account-form dd {
	margin-bottom: 20px !important;
}

#swpm-editprofile-form .swpm-profile-username-row td + td {
	margin-bottom: 20px;
}
}