@charset "UTF-8";

body {
  background-color:#fff;
}

#form {
  width:auto;
  height:auto;
  overflow:hidden;
  margin:30px 0;
}

#form table {
  width:100%;
  border:none;
}

#form th,
#form td {
  padding:10px;
  background:#fff;
  border: solid 1px #ddd;
  font-size:16px;
  line-height:1.6;
  text-align:left;
}

#form td:first-child {
  width:20%;
  background:#f4f4f4;
}

#form tr:nth-child(5),
#form tr:nth-child(6),
#form tr:nth-child(7) {
  display:none;
}

#form input[type='submit'] {
  width:280px;
  -webkit-appearance:none;
  background-color:#ffc107;
  border:none;
  border-radius:6px;
  margin:0 auto;
  font-size:20px;
  line-height:1.6;
  color:#000;
}

#form .swpm_error {
  margin:0 0 15px;
  font-size:16px;
  line-height:1.6;
  color:red;
}

#form .swpm-registration-success-msg {
  margin:0 0 15px;
  font-size:16px;
  line-height:1.6;
}

#form .swpm-username-label {
  margin:0 0 5px;
  font-size:16px;
  line-height:1.6;
}

@media screen and (min-width: 640px) {

#form th,
#form td {
  padding:15px;
}

#form input[type='submit'] {
  width:400px;
}

#form input[type='submit']:hover {
  opacity:0.6;
}

}

.btn {
  display:block;
  width:240px;
  height:auto;
  padding:10px;
  margin:0 auto 30px;
  background:url(https://www.therapynetcollege.com/wp/wp-content/themes/cocoon-child-master/img/loupe_b.png) right 10px center no-repeat;
  background-size:20px;
  background-color:#ffc107;
  border-radius: 4px;
  text-align:center;
}

.btn a {
  display:block;
  font-size:18px;
  line-height:1.6;
  font-weight:bold;
  color:#666;
  text-align:center;
  text-decoration:none;
}

.btn a:hover {
  color:#666;
}

@media screen and (min-width: 640px) {

.btn {
  width:300px;
  margin:0 auto 60px;
  background:url(https://www.therapynetcollege.com/wp/wp-content/themes/cocoon-child-master/img/loupe_b.png) right 15px center no-repeat;
  background-size:24px;
  background-color:#ffc107;
  border-radius: 4px;
}

.btn a {
  font-size:20px;
  line-height:1.6;
  color:#666;
  text-align:center;
  text-decoration:none;
}

.btn:hover {
  opacity:0.6;
}

}


.video-full {
  display:block;
  width:auto;
  aspect-ratio:16 / 9;
  margin:0 auto 20px;
}

.video-full iframe {
  width:100%;
  height:100%;
}

.video-chapter {
  width:auto;
  height:auto;
  overflow:hidden;
  margin:0 0 20px;
}

.video-chapter h4 {
  padding:0 !important;
  border-bottom:none !important;
  margin:0 0 10px !important;
  font-size:16px !important;
  color:#666 !important;
}

.video-chapter li {
  width:auto;
  height:auto;
  list-style-type:none;
  padding:0 30px 0 45px;
  margin:0 0 20px;
  position: relative;
  font-size:22px;
  line-height:1.2;
}

.video-chapter .video-cont iframe,
.video-chapter li iframe {
  width:100%;
  height:100%;
}

.video-chapter .btn {
  display:block;
  width:240px;
  height:auto;
  padding:10px;
  margin:0 auto;
  background:url(https://www.therapynetcollege.com/wp/wp-content/themes/cocoon-child-master/img/play_w.png) right 10px center no-repeat;
  background-size:20px;
  background-color:#b36c7a;
  border-radius: 4px;
  font-size:18px;
  line-height:1.6;
  color:#fff;
  text-align:center;
}

.video-chapter .btn-chap {
  background:url(https://www.therapynetcollege.com/wp/wp-content/themes/cocoon-child-master/img/play_w.png) right 10px center no-repeat;
  background-size:20px;
  background-color:#43292e;
  color:#fff;
}

@media screen and (min-width: 640px) {

.video-full {
  width:800px;
  margin:0 auto 30px;
}

.video-chapter {
  margin:0 0 30px;
}

.video-chapter h4 {
  margin:0 0 15px !important;
  font-size:22px !important;
}

.video-chapter ul {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

.video-chapter li {
  width:48%;
  padding:0 0 0 55px;
  margin:0 0 30px;
  font-size:26px;
}

.video-chapter .btn {
  display:block;
  width:300px;
  height:auto;
  padding:10px;
  margin:0 auto;
  background:url(https://www.therapynetcollege.com/wp/wp-content/themes/cocoon-child-master/img/play_w.png) right 15px center no-repeat;
  background-size:24px;
  background-color:#b36c7a;
  border-radius: 4px;
  font-size:20px;
  line-height:1.6;
  text-align:center;
  cursor:pointer;
}

.video-chapter .btn-chap {
  background:url(https://www.therapynetcollege.com/wp/wp-content/themes/cocoon-child-master/img/play_w.png) right 15px center no-repeat;
  background-size:24px;
  background-color:#43292e;
}

}


/*モーダルを開くボタン*/
.modal-open01,
.modal-open02,
.modal-open03,
.modal-open04,
.modal-open05,
.modal-open06,
.modal-open07,
.modal-open08,
.modal-open09,
.modal-open10,
.modal-open11,
.modal-open12,
.modal-open13,
.modal-open14,
.modal-open15,
.modal-open16,
.modal-open17,
.modal-open18,
.modal-open19,
.modal-open20,
.modal-open21,
.modal-open22,
.modal-open23,
.modal-open24,
.modal-open25,
.modal-open26,
.modal-open27,
.modal-open28,
.modal-open29,
.modal-open30,
.modal-open31,
.modal-open32,
.modal-open33,
.modal-open34,
.modal-open35,
.modal-open36,
.modal-open37,
.modal-open38,
.modal-open39,
.modal-open40,
.modal-open41,
.modal-open42,
.modal-open43,
.modal-open44,
.modal-open45,
.modal-open46,
.modal-open47,
.modal-open48,
.modal-open49,
.modal-open50 {
  font-size:18px;
}

/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container01,
.modal-container02,
.modal-container03,
.modal-container04,
.modal-container05,
.modal-container06,
.modal-container07,
.modal-container08,
.modal-container09,
.modal-container10,
.modal-container11,
.modal-container12,
.modal-container13,
.modal-container14,
.modal-container15,
.modal-container16,
.modal-container17,
.modal-container18,
.modal-container19,
.modal-container20,
.modal-container21,
.modal-container22,
.modal-container23,
.modal-container24,
.modal-container25,
.modal-container26,
.modal-container27,
.modal-container28,
.modal-container29,
.modal-container30,
.modal-container31,
.modal-container32,
.modal-container33,
.modal-container34,
.modal-container35,
.modal-container36,
.modal-container37,
.modal-container38,
.modal-container39,
.modal-container40,
.modal-container41,
.modal-container42,
.modal-container43,
.modal-container44,
.modal-container45,
.modal-container46,
.modal-container47,
.modal-container48,
.modal-container49,
.modal-container50 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,0,0,80%);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box;
  z-index:9999;
}

/*モーダル本体の擬似要素の指定*/
.modal-container01:before,
.modal-container02:before,
.modal-container03:before,
.modal-container04:before,
.modal-container05:before,
.modal-container06:before,
.modal-container07:before,
.modal-container08:before,
.modal-container09:before,
.modal-container10:before,
.modal-container11:before,
.modal-container12:before,
.modal-container13:before,
.modal-container14:before,
.modal-container15:before,
.modal-container16:before,
.modal-container17:before,
.modal-container18:before,
.modal-container19:before,
.modal-container20:before,
.modal-container21:before,
.modal-container22:before,
.modal-container23:before,
.modal-container24:before,
.modal-container25:before,
.modal-container26:before,
.modal-container27:before,
.modal-container28:before,
.modal-container29:before,
.modal-container30:before,
.modal-container31:before,
.modal-container32:before,
.modal-container33:before,
.modal-container34:before,
.modal-container35:before,
.modal-container36:before,
.modal-container37:before,
.modal-container38:before,
.modal-container39:before,
.modal-container40:before,
.modal-container41:before,
.modal-container42:before,
.modal-container43:before,
.modal-container44:before,
.modal-container45:before,
.modal-container46:before,
.modal-container47:before,
.modal-container48:before,
.modal-container49:before,
.modal-container50:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container01.active,
.modal-container02.active,
.modal-container03.active,
.modal-container04.active,
.modal-container05.active,
.modal-container06.active,
.modal-container07.active,
.modal-container08.active,
.modal-container09.active,
.modal-container10.active,
.modal-container11.active,
.modal-container12.active,
.modal-container13.active,
.modal-container14.active,
.modal-container15.active,
.modal-container16.active,
.modal-container17.active,
.modal-container18.active,
.modal-container19.active,
.modal-container20.active,
.modal-container21.active,
.modal-container22.active,
.modal-container23.active,
.modal-container24.active,
.modal-container25.active,
.modal-container26.active,
.modal-container27.active,
.modal-container28.active,
.modal-container29.active,
.modal-container30.active,
.modal-container31.active,
.modal-container32.active,
.modal-container33.active,
.modal-container34.active,
.modal-container35.active,
.modal-container36.active,
.modal-container37.active,
.modal-container38.active,
.modal-container39.active,
.modal-container40.active,
.modal-container41.active,
.modal-container42.active,
.modal-container43.active,
.modal-container44.active,
.modal-container45.active,
.modal-container46.active,
.modal-container47.active,
.modal-container48.active,
.modal-container49.active,
.modal-container50.active {
  opacity: 1;
  visibility: visible;
}

/*モーダル枠の指定*/
.modal-body {
  width:auto;
  height:auto;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

/*モーダルを閉じるボタンの指定*/
.modal-close01,
.modal-close02,
.modal-close03,
.modal-close04,
.modal-close05,
.modal-close06,
.modal-close07,
.modal-close08,
.modal-close09,
.modal-close10,
.modal-close11,
.modal-close12,
.modal-close13,
.modal-close14,
.modal-close15,
.modal-close16,
.modal-close17,
.modal-close18,
.modal-close19,
.modal-close20,
.modal-close21,
.modal-close22,
.modal-close23,
.modal-close24,
.modal-close25,
.modal-close26,
.modal-close27,
.modal-close28,
.modal-close29,
.modal-close30,
.modal-close31,
.modal-close32,
.modal-close33,
.modal-close34,
.modal-close35,
.modal-close36,
.modal-close37,
.modal-close38,
.modal-close39,
.modal-close40,
.modal-close41,
.modal-close42,
.modal-close43,
.modal-close44,
.modal-close45,
.modal-close46,
.modal-close47,
.modal-close48,
.modal-close49,
.modal-close50 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px;
  right: -10px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}

/*モーダル内のコンテンツの指定*/
.modal-content {
  width:auto;
  height:auto;
  background:#fff;
}

@media screen and (min-width: 640px) {

/*モーダルを開くボタン*/
.modal-open01,
.modal-open02,
.modal-open03,
.modal-open04,
.modal-open05,
.modal-open06,
.modal-open07,
.modal-open08,
.modal-open09,
.modal-open10,
.modal-open11,
.modal-open12,
.modal-open13,
.modal-open14,
.modal-open15,
.modal-open16,
.modal-open17,
.modal-open18,
.modal-open19,
.modal-open20,
.modal-open21,
.modal-open22,
.modal-open23,
.modal-open24,
.modal-open25,
.modal-open26,
.modal-open27,
.modal-open28,
.modal-open29,
.modal-open30,
.modal-open31,
.modal-open32,
.modal-open33,
.modal-open34,
.modal-open35,
.modal-open36,
.modal-open37,
.modal-open38,
.modal-open39,
.modal-open40,
.modal-open41,
.modal-open42,
.modal-open43,
.modal-open44,
.modal-open45,
.modal-open46,
.modal-open47,
.modal-open48,
.modal-open49,
.modal-open50 {
  font-size:20px;
}

/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container01,
.modal-container02,
.modal-container03,
.modal-container04,
.modal-container05,
.modal-container06,
.modal-container07,
.modal-container08,
.modal-container09,
.modal-container10,
.modal-container11,
.modal-container12,
.modal-container13,
.modal-container14,
.modal-container15,
.modal-container16,
.modal-container17,
.modal-container18,
.modal-container19,
.modal-container20,
.modal-container21,
.modal-container22,
.modal-container23,
.modal-container24,
.modal-container25,
.modal-container26,
.modal-container27,
.modal-container28,
.modal-container29,
.modal-container30,
.modal-container31,
.modal-container32,
.modal-container33,
.modal-container34,
.modal-container35,
.modal-container36,
.modal-container37,
.modal-container38,
.modal-container39,
.modal-container40,
.modal-container41,
.modal-container42,
.modal-container43,
.modal-container44,
.modal-container45,
.modal-container46,
.modal-container47,
.modal-container48,
.modal-container49,
.modal-container50 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box;
}

/*モーダル本体の擬似要素の指定*/
.modal-container01:before,
.modal-container02:before,
.modal-container03:before,
.modal-container04:before,
.modal-container05:before,
.modal-container06:before,
.modal-container07:before,
.modal-container08:before,
.modal-container09:before,
.modal-container10:before,
.modal-container11:before,
.modal-container12:before,
.modal-container13:before,
.modal-container14:before,
.modal-container15:before,
.modal-container16:before,
.modal-container17:before,
.modal-container18:before,
.modal-container19:before,
.modal-container20:before,
.modal-container21:before,
.modal-container22:before,
.modal-container23:before,
.modal-container24:before,
.modal-container25:before,
.modal-container26:before,
.modal-container27:before,
.modal-container28:before,
.modal-container29:before,
.modal-container30:before,
.modal-container31:before,
.modal-container32:before,
.modal-container33:before,
.modal-container34:before,
.modal-container35:before,
.modal-container36:before,
.modal-container37:before,
.modal-container38:before,
.modal-container39:before,
.modal-container40:before,
.modal-container41:before,
.modal-container42:before,
.modal-container43:before,
.modal-container44:before,
.modal-container45:before,
.modal-container46:before,
.modal-container47:before,
.modal-container48:before,
.modal-container49:before,
.modal-container50:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container01.active,
.modal-container02.active,
.modal-container03.active,
.modal-container04.active,
.modal-container05.active,
.modal-container06.active,
.modal-container07.active,
.modal-container08.active,
.modal-container09.active,
.modal-container10.active,
.modal-container11.active,
.modal-container12.active,
.modal-container13.active,
.modal-container14.active,
.modal-container15.active,
.modal-container16.active,
.modal-container17.active,
.modal-container18.active,
.modal-container19.active,
.modal-container20.active,
.modal-container21.active,
.modal-container22.active,
.modal-container23.active,
.modal-container24.active,
.modal-container25.active,
.modal-container26.active,
.modal-container27.active,
.modal-container28.active,
.modal-container29.active,
.modal-container30.active,
.modal-container31.active,
.modal-container32.active,
.modal-container33.active,
.modal-container34.active,
.modal-container35.active,
.modal-container36.active,
.modal-container37.active,
.modal-container38.active,
.modal-container39.active,
.modal-container40.active,
.modal-container41.active,
.modal-container42.active,
.modal-container43.active,
.modal-container44.active,
.modal-container45.active,
.modal-container46.active,
.modal-container47.active,
.modal-container48.active,
.modal-container49.active,
.modal-container50.active {
  opacity: 1;
  visibility: visible;
}

/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container01.active,
.modal-container02.active {
  opacity: 1;
  visibility: visible;
}

/*モーダル枠の指定*/
.modal-body {
  width:800px;
  height:450px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

/*モーダルを閉じるボタンの指定*/
.modal-close01,
.modal-close02,
.modal-close03,
.modal-close04,
.modal-close05,
.modal-close06,
.modal-close07,
.modal-close08,
.modal-close09,
.modal-close10,
.modal-close11,
.modal-close12,
.modal-close13,
.modal-close14,
.modal-close15,
.modal-close16,
.modal-close17,
.modal-close18,
.modal-close19,
.modal-close20,
.modal-close21,
.modal-close22,
.modal-close23,
.modal-close24,
.modal-close25,
.modal-close26,
.modal-close27,
.modal-close28,
.modal-close29,
.modal-close30,
.modal-close31,
.modal-close32,
.modal-close33,
.modal-close34,
.modal-close35,
.modal-close36,
.modal-close37,
.modal-close38,
.modal-close39,
.modal-close40,
.modal-close41,
.modal-close42,
.modal-close43,
.modal-close44,
.modal-close45,
.modal-close46,
.modal-close47,
.modal-close48,
.modal-close49,
.modal-close50 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px;
  right: -40px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}

/*モーダル内のコンテンツの指定*/
.modal-content {
  width:800px;
  height:450px;
  background:#fff;
}

}


/* Login form CSS */
.swpm-login-widget-form input,.swpm-login-widget-form checkbox{
    width: auto;
}

.swpm-registration-submit-section {
  margin:20px auto;
  text-align:center;
}

.swpm-pw-reset-submit-button {
  margin:20px auto;
  text-align:center;
}

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


.swpm-post-not-logged-in-msg {
  margin:30px auto;
}

@media screen and (min-width: 640px) {

.swpm-login-form-inner {
  width:400px;
  margin:0 auto;
}

.swpm-post-not-logged-in-msg {
  width:400px;
  margin:30px auto;
}

}


#koskentei .btn-login {
  display:block;
  width:280px;
  height:auto;
  padding:10px;
  background-color:#ffc107;
  border:none;
  border-radius:6px;
  font-size:20px;
  line-height:1.6;
  color:#000;
  text-align:center;
  text-decoration:none;
}

#koskentei .btn-login:hover {
  opacity:0.6;
}


#skill p {
  margin:0 0 1.5em;
}

#skill .freearea div.ch_catch,
#skill .freearea p.ch_catch{
  clear:both;
  padding:5px 10px;
  border-bottom:solid 1px #215e11;
  margin:0 0 20px;
  font-weight:bold;
  font-size:18px;
  line-height:1.6;
  color:#215e11;
}

@media screen and (min-width: 640px) {

#skill .freearea div.ch_catch,
#skill .freearea p.ch_catch{
  clear:both;
  padding:5px 10px;
  border-bottom:solid 1px #215e11;
  margin:0 0 20px;
  font-weight:bold;
  font-size:22px;
  line-height:1.6;
  color:#215e11;
}

}


#skill .video-wrap {
  aspect-ratio:16/9;
  margin:0 auto 30px;
}

#skill .video-wrap iframe {
  width:100%;
  height:100%;
}

#skill .image-wrap {
  width:auto;
  height:auto;
  overflow:hidden;
  margin:0 0 20px;
}

#skill .image-wrap img {
  display:block;
  width:85%;
  margin:0 auto;
}

#skill .image-wrap ul {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  list-style-type:none;
  padding:0;
  margin:0;
}

#skill .image-wrap li {
  width:48%;
}

#skill .image-wrap li img {
  width:100%;
  border:solid 1px #ddd;
  box-sizing:border-box;
}

@media screen and (min-width: 640px) {

#skill .video-wrap {
  width:100%;
  margin:0 auto 30px;
}

#skill .image-wrap {
  margin:0 0 30px;
}

#skill .image-wrap img {
  width:auto;
  max-width:600px;
}

}


#skill .relate-item {
  width:auto;
  height:auto;
  overflow:hidden;
  margin:0 0 30px;
}

#skill .relate-item ul {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  list-style-type:none;
  padding:0;
  margin:0;
}

#skill .relate-item ul::after {
  content:"";
  display:block;
  width:48%;
}

#skill .relate-item li {
  width:48%;
  margin:0 0 20px;
}

#skill .relate-item li img {
  display:block;
  width:80%;
  border:solid 1px #ddd;
  box-sizing:border-box;
  margin:0 auto 5px;
}

#skill .relate-item h4 {
  border-bottom:none !important;
  padding:0 !important;
  margin:0 !important;
  font-size:16px !important;
  line-height:1.6 !important;
}


@media screen and (min-width: 640px) {

#skill .relate-item {
  margin:0 0 50px;
}

#skill .relate-item ul::after {
  width:30%;
}

#skill .relate-item li {
  width:30%;
}

}


#skill .profile-box {
  width:auto;
  height:auto;
  overflow:hidden;
  border:none;
  padding:0;
  margin:0 0 30px;
}

#skill .profile-box::before {
  content: inherit;
}

#skill ul {
  list-style-type:none;
  width:auto;
  height:auto;
  overflow:hidden;
  border:none;
  padding:0;
}

#skill .profile-box h3 {
  padding:5px 0 !important;
  border-bottom:1px solid #000 !important;
  font-size:16px !important;
  line-height:1.6 !important;
  color:#000 !important;
  margin:0 0 15px !important;
}

#skill .profile-box p {
  font-size:14px !important;
}

@media screen and (min-width: 640px) {

#skill .profile-box {
  margin:0 0 50px;
}

#skill .profile-box h3 {
  font-size:18px !important;
}

}


#skill h1.entry-title {
  width:auto;
  height:auto;
  overflow:hidden;
  margin:0 0 20px;
  font-size:24px;
  line-height:1.6;
}

#skill .mainbox {
  width:auto;
  height:auto;
  overflow:hidden;
}

#skill .bnr-wrap {
  width:auto;
  height:auto;
  overflow:hidden;
  margin:0 0 30px;
}

#skill .bnr-wrap img {
  width:100%;
  margin:0 0 10px;
}

#skill .bnr-wrap p {
  margin:0 0 10px;
}

@media screen and (min-width: 640px) {

#skill h1.entry-title {
  margin:0 0 30px;
  font-size:28px;
}

#skill .mainbox {
  width:740px;
  height:auto;
  overflow:hidden;
  margin:0 auto;
}

#skill .bnr-wrap {
  width:500px;
  height:auto;
  overflow:hidden;
}

#skill .bnr-wrap img {
  width:auto;
  max-width:500px;
}

}


#skill .cap {
  margin:0;
  font-size:14px;
  text-align:left;
}

@media screen and (min-width: 640px) {

#skill .cap {
  font-size:14px;
  text-align:center;
}

}

hr {
  margin:0 0 15px;
}


.swpm-registration-widget-form td,
.swpm-edit-profile-form td {
  
}

label {
  display:block;
  margin:0 0 5px;
}

.swpm-registration-widget-form input[type="text"],
.swpm-registration-widget-form input[type="password"],
input[type="text"],
input[type="password"],
input[type="email"],
select {
  width:100%;
  height:auto;
  padding:10px;
  border:solid 1px #999;
  border-radius:6px;
  box-sizing:border-box;
  margin:5px 0 15px;
  font-size:16px;
  line-height:1.6;
}

input[type=submit] {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:none;
  outline:none;
  display:block;
  width:240px;
  height:50px;
  padding:5px 10px;
  background:#ff5722;
  border-radius:6px;
  margin:15px auto;
  font-family:"BIZ UDPGothic", sans-serif;
  font-size:20px;
  line-height:1.6;
  font-weight:bold;
  color:#fff;
  cursor: pointer;
}

input[type=submit]:hover {
  opacity:0.6;
}

@media screen and (min-width: 640px) {

.swpm-registration-widget-form input[type="text"],
.swpm-registration-widget-form input[type="password"],
input[type="text"],
input[type="password"],
input[type="email"] {
  width:600px;
}

}