@charset "UTF-8";
/* Scss Document1 */
.sp {
  display: none;
}
h1, h2, h3, h4 {
  font-family: "M PLUS Rounded 1c", sans-serif;
}
body {
  background-color: rgba(246, 35, 177, 0.1);
}
.aligncenter {
  text-align: center;
}
#wrapper {
  background-color: transparent;
}
.course-meta span input {
  margin-right: 10px;
  padding: 5px;
}
p.checkstatace {
  display: inline-block;
  padding: 5px 10px;
  line-height: 1em;
  border: solid 1px #f60;
  color: #f60;
  border-radius: 10px;
}
p.checkstatace.approved {
  border-color: #36f;
  color: #36f;
}
.entered {
  display: none;
}
.entered .resume {
  margin-bottom: 10px;
}
.entered .resume li a {
  display: inline-block;
  margin-right: 10px;
  color: #333;
  border: solid 1px #ccc;
  border-radius: 5px;
  line-height: 1em;
  padding: 5px 10px 2px;
}
.entered .resume li a i {
  margin-right: 5px;
}
.entered .curriculum tr td a {
  display: inline-block;
  background-color: #33c;
  color: #fff;
  padding: 5px 10px 2px;
  border-radius: 5px;
  line-height: 1em;
}
header {
  position: relative;
  padding-top: 10px;
}
header h1 {
  padding-top: 10px;
  flex: 0 1 60%;
}
header h1 .catch {
  margin-left: -10px;
  display: block;
  width: 70%;
  margin-bottom: 30px;
}
header .login {
  flex: 0 1 25%;
}
header .login h3 {
  display: inline-block;
}
header .login div {
  display: inline-block;
  margin-left: 20px;
}
header .sidebar-login-form {
  display: none;
}
header #mainnav {
  margin-top: 10px;
}
header #mainnav ul li a {
  font-size: 1.3rem;
  color: #F623B1;
}
header #mainnav ul li a:hover {
  border-color: #036eb8;
}
header #mainnav ul li.current_page_item a {
  border-bottom-color: #F623B1;
}
header #mainnav ul.sp {
  display: none;
}
header .headerbox {
  justify-content: space-between;
}
header .login {
  margin-right: 10px;
  margin-top: 30px;
}
.home #content {
  background-color: transparent;
}
.course {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 20px;
  border-left: solid 10px #F623B1;
}
.course h3 {
  font-size: 1.5rem;
  background-color: #F623B1;
  color: #fff;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 50px;
  line-height: 1em;
  margin-bottom: 10px;
}
.course .entry a {
  display: block;
  width: 80%;
  margin: 20px auto;
  background-color: #f60;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
  font-size: 1.5rem;
}
.course .courses {
  margin-top: 10px;
  border-top: dotted 3px #ccc;
  padding-top: 10px;
}
.course .courses figure {
  margin-right: 20px;
  flex: 0 1 30%;
}
.course .courses .text {
  flex: 0 1 70%;
}
.course .courses h4 {
  font-size: 1.5rem;
  line-height: 1em;
  margin-bottom: 10px;
}
.course .courses h4 small {
  display: block;
  font-size: 1rem;
}
.course .courses p.datetime {
  font-size: 1.2rem;
}
.course .courses dl.shikaku {
  border: solid 1px #f00;
  line-height: 1em;
}
.course .courses dl.shikaku dt {
  background-color: #f00;
  color: #fff;
  padding: 5px 5px 5px 4px;
}
.course .courses dl.shikaku dd {
  padding: 5px 5px 5px 4px;
}
.course .courses .linkBt {
  padding: 5px 10px 3px;
  border: solid 1px #999;
  display: inline-block;
  display: none;
}
.course .courses .linkBt a {
  color: #333;
}
.course .courses .linkBt a i {
  color: #f60;
  margin-left: 10px;
}
.course .courses:first-child {
  border: none;
}
.course.live {
  border-color: #036eb8;
}
.course.live h3 {
  background-color: #036eb8;
}
.course.live .entry a {
  background-color: #036eb8;
}
.nopc {
  border: solid 3px #036eb8;
  border-radius: 10px;
  padding: 10px;
  margin-top: 20px;
  background-color: #fff;
}
.nopc h4 {
  color: #036eb8;
  font-size: 1.2rem;
}
#content {
  background-color: #fff;
}
#content .homearea {
  margin: 20px;
  justify-content: space-around;
}
#content .homearea figure {
  flex: 0 1 40%;
}
#content .homearea figure:first-child {
  flex: 0 1 45%;
}
#content .curriculum {
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
}
#content .curriculum h2 {
  font-size: 2rem;
}
#content .curriculum .flex {
  justify-content: space-between;
}
#content .curriculum .flex section {
  flex: 0 1 49%;
  background-color: rgba(3, 110, 184, 0.1);
  padding: 10px;
  border-radius: 10px;
  margin-top: 10px;
}
#content .curriculum .flex section h3 {
  display: inline-block;
  background-color: #036eb8;
  color: #fff;
  font-weight: bold;
  padding: 2px 15px;
  border-radius: 20px;
  margin-bottom: 10px;
}
#content .curriculum .flex section:nth-of-type(2) {
  background-color: rgba(234, 85, 20, 0.1);
}
#content .curriculum .flex section:nth-of-type(2) h3 {
  background-color: #ea5514;
}
#content .curriculum section.orien {
  border: solid 1px #00a7cd;
  padding: 10px 10px 0;
  border-radius: 10px;
  margin-top: 10px;
}
#content .curriculum section.orien h3 {
  display: inline-block;
  background-color: #fff;
  border: solid 1px #00a7cd;
  color: #00a7cd;
  font-weight: bold;
  padding: 2px 15px;
  border-radius: 20px;
  margin-bottom: 10px;
}
#content .curriculum p {
  margin-bottom: 10px;
}
#content .curriculum table {
  width: 100%;
}
#content .curriculum.page {
  background-color: #fff;
  border-radius: 5px;
  padding: 20px 0;
}
#content .curriculum.page:before, #content .curriculum.page:after {
  background-image: none;
  display: none;
}
#content p.deadline {
  margin: 30px 0;
  font-size: 1.5rem;
  text-align: center;
  border-bottom: solid 3px #f00;
  border-top: solid 3px #f00;
}
#content p.deadline strong {
  font-size: 2.5rem;
  font-weight: bold;
  color: #f00;
}
#content p.deadline span {
  text-decoration: line-through;
}
#content .closetext {
  text-decoration: line-through;
}
#content table.information {
  margin: 30px auto;
  width: auto;
  font-size: 1.2rem;
}
#content table.information tr {
  background-color: #fff;
  border: none;
}
#content table.information tr em {
  background-color: #f00;
  color: #fff;
  display: block;
  border-radius: 20px;
  text-align: center;
  padding: 0 15px;
}
#content table.information td {
  font-size: 1.5rem;
  line-height: 1.2em;
}
#content table.information td span {
  font-size: 0.9rem;
}
#content table.information td strong {
  color: #f00;
  font-weight: bold;
}
#content .flow {
  margin: 20px;
}
#content #pagetitle {
  background-color: #F623B1;
  line-height: 1em;
  width: 100%;
}
#content #pagetitle span {
  color: #F623B1;
}
#content .keishikitext {
  text-align: center;
  font-size: 1.2rem;
  margin-top: 20px;
}
#content .keishikis {
  margin: 20px 10px;
  justify-content: space-around;
}
#content .keishikis .keishiki {
  flex: 0 1 30%;
}
#content .keishikis .keishiki h3 {
  background-color: #036EB8;
  color: #fff;
  border-radius: 5px;
  padding: 2px 10px;
  margin-bottom: 10px;
}
#content .keishikis .keishiki:nth-of-type(2) h3 {
  background-color: #009944;
}
#content .keishikis .keishiki:nth-of-type(3) h3 {
  background-color: #E83828;
}
.career {
  padding: 20px;
  border: solid 5px #F623B1;
  margin: 30px 0;
  border-radius: 20px;
  justify-content: space-between;
  background-color: #fff;
}
.career .text {
  flex: 0 1 70%;
}
.career figure {
  flex: 0 1 30%;
}
.career h3 {
  font-size: 2rem;
  color: #F623B1;
}
.career h4 {
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.career ul li {
  border: solid 1px #ccc;
  margin: 10px;
  padding: 10px 10px 0;
  border-radius: 10px;
}
.career ul li p {
  margin-bottom: 0;
}
.career ul li p strong {
  font-weight: bold;
  font-size: 1.2rem;
}
.career figure {
  align-self: center;
  text-align: center;
}
.career figure img {
  height: auto;
  width: 90%;
}
.career ol {
  margin-left: 1em;
}
section.orien {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 20px;
}
section.orien .datetime {
  margin: 10px 0;
  font-size: 1.3rem;
  font-weight: bold;
}
section.orien img {
  width: 100%;
  max-width: 400px;
}
article h1 {
  font-size: 1.5rem;
  border-bottom: solid 1px #F623B1;
  margin-bottom: 10px;
}
section.contact {
  margin: 20px 0px;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}
/* 講座詳細ページ */
#content {
  background-color: transparent;
}
#content .em.em-list .em-item {
  display: block;
}
#content .eventtitle {
  justify-content: space-between;
}
#content .event-categories li {
  list-style-type: none;
}
#content .event-categories li a {
  pointer-events: none;
  color: #fff !important;
  padding: 5px 20px;
  border-radius: 20px;
}
#content .event-categories li a[href="https://hitorioya-kobe.net/events/categories/livecourse"] {
  background-color: #036eb8 !important;
}
#content .event-categories li a[href="https://hitorioya-kobe.net/events/categories/videocourse"] {
  background-color: #ea5514 !important;
}
#content .em-event-content table caption {
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 10px;
}
#content .em-event-content table tr td {
  padding: 10px !important;
}
#content .kouzaitiran {
  justify-content: space-between;
  background-color: rgba(3, 110, 184, 0.1);
  padding: 20px 20px 0;
  margin-bottom: 20px;
  border-radius: 10px;
  flex-wrap: wrap;
}
#content .kouzaitiran h2 {
  font-size: 1.5rem;
  background-color: #036eb8;
  color: #fff;
  display: inline-block;
  padding: 2px 20px;
  border-radius: 20px;
}
#content .kouzaitiran section {
  padding: 10px;
  position: relative;
  margin-bottom: 20px;
  justify-content: space-between;
  border-bottom: dotted 5px #ccc;
}
#content .kouzaitiran section .text {
  flex: 0 1 60%;
  margin-right: 20px;
}
#content .kouzaitiran section .shikaku {
  flex: 0 1 40%;
}
#content .kouzaitiran section p.nitiji {
  margin-bottom: 10px;
}
#content .kouzaitiran section p.nitiji strong {
  font-weight: bold;
}
#content .kouzaitiran section p.keishiki {
  background-color: #036EB8;
  color: #fff;
  border-radius: 5px;
  padding: 2px 10px;
  margin-bottom: 0px;
  display: inline-block;
}
#content .kouzaitiran section p.keishiki.hb {
  background-color: #009944;
}
#content .kouzaitiran section p.keishiki.mov {
  background-color: #E83828;
}
#content .kouzaitiran section h1 {
  font-size: 1.5rem;
}
#content .kouzaitiran section p.inline {
  display: inline;
  margin-right: 10px;
}
#content .kouzaitiran section p.limmit strong {
  font-size: 1.5rem;
  font-weight: bold;
}
#content .kouzaitiran section ul {
  margin: 1em;
  font-size: 0.8rem;
}
#content .kouzaitiran section ul li {
  padding-left: 1em;
  position: relative;
}
#content .kouzaitiran section ul li::before {
  content: "※";
  position: absolute;
  left: -1em;
  top: 0;
}
#content .kouzaitiran section .schedule {
  border: solid 1px #ED6D0F;
  margin: 10px;
  padding: 10px;
  background-color: #fff;
}
#content .kouzaitiran section .schedule h2 {
  font-size: 1.2rem;
  margin-bottom: 5px;
}
#content .kouzaitiran section table {
  width: 100%;
  margin-top: 10px;
}
#content .kouzaitiran section table tr {
  border: none;
  background-color: transparent;
}
#content .kouzaitiran section table tr th {
  color: #e95383;
  text-align: center;
  vertical-align: middle;
  border: solid 5px #e95383;
  border-radius: 10px;
  background-color: #fff;
  display: inline-block;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 10px;
  width: 7rem;
}
#content .kouzaitiran section table tr th span {
  padding-top: 3px;
  font-weight: bold;
  display: block;
}
#content .kouzaitiran section table tr td {
  display: block;
}
#content .kouzaitiran section:last-child {
  border-bottom: none;
}
#content .kouzaitiran.movie {
  background-color: rgba(234, 85, 20, 0.1);
}
#content .kouzaitiran.movie h2 {
  background-color: #ea5514;
}
#content .yotei {
  text-align: center;
  font-size: 1.2rem;
  margin-top: 20px;
}
#content .yotei strong {
  font-weight: bold;
  color: #ED6D0F;
  font-size: 1.3rem;
}
#content .yotei small {
  font-size: 1rem;
}
#content .orientation {
  border: solid 2px #F623B1;
  margin: 20px auto;
  width: 100%;
  border-radius: 10px;
  padding: 20px;
}
#content .orientation h2 {
  font-size: 1.5rem;
  margin-bottom: 10px;
  border: solid 2px #F623B1;
  display: inline-block;
  padding: 3px 15px;
  border-radius: 20px;
  line-height: 1em;
}
#content .orientation figure {
  flex: 0 1 40%;
  margin-left: 20px;
}
#content .orientation .nittei {
  font-size: 1.2rem;
  margin: 10px 0;
}
#content .orientation .place {
  font-size: 1.5rem;
  font-weight: bold;
}
#content .orientation ul {
  padding-left: 2em;
}
#content .orientation ul li {
  font-size: 1rem;
  list-style: disc;
}
#content .orientation ul li ol {
  padding-left: 1em;
}
#content .orientation ul li ol li {
  list-style: decimal;
}
#content .ps {
  margin-top: 20px;
  border: solid 2px #F623B1;
  padding: 10px;
  border-radius: 10px;
}
#content .ps dl dt {
  font-weight: bold;
}
#content .ps dl dt::first-letter {
  color: #F623B1;
}
/*お問合せページ*/
.mw_wp_form .horizontal-item {
  margin: 0 10px 0 0;
}
.mw_wp_form .horizontal-item + .horizontal-item {
  margin: 0 10px 0 0;
}
#content table.contact tr:nth-child(odd) {
  background-color: rgba(246, 35, 177, 0.1);
}
table.contact tr th {
  vertical-align: middle;
}
table.contact tr td label {
  display: inline-block;
  margin-right: 10px;
  border: solid 1px #aaa;
  padding: 1px 10px;
  margin: 3px;
  border-radius: 20px;
  background-color: #fff;
}
table.contact tr td strong {
  font-weight: bold;
}
table.contact tr td p.caution {
  margin: 20px;
  color: #c00;
}
p.caution {
  margin: 10px;
  color: #c00;
}
/* privacy-policy */
.privacy-policy {
  margin: 10px;
}
.privacy-policy p {
  margin-bottom: 20px;
}
.privacy-policy dl dt {
  margin-top: 20px;
  font-weight: bold;
}
.privacy-policy dl dd {
  margin: 10px 1em;
}
/* 受講者専用ページ */
#content.foruser .curriculum h1 {
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: solid 1px rgba(246, 35, 177, 0.1);
  margin-bottom: 10px;
}
#content.foruser .curriculum h1 .catch {
  width: 70%;
}
#content.foruser .faq h1 {
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: solid 1px rgba(246, 35, 177, 0.1);
  margin-bottom: 10px;
}
#content.foruser .faq dl dt:before {
  content: "Q";
  font-weight: bold;
  color: #c00;
  margin-right: 10px;
}
#content.foruser .faq dl dd:before {
  content: "A";
  font-weight: bold;
  color: #06f;
  margin-right: 10px;
}
#content.foruser .faq dl dd {
  margin-bottom: 20px;
}
#content.foruser div.login {
  text-align: center;
  padding: 20px;
}
#content.foruser div.login .loginbt a {
  display: inline-block;
  background-color: #06f;
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  padding: 10px 50px;
  margin: 10px auto;
  border-radius: 10px;
}
.otlms-course-description h3 {
  margin-top: 1em;
}
.otlms-course-description em {
  color: #f00;
}
/* お問い合わせページ */
.forminator-select--field {
  background-color: #fff;
}
.forminator-select--field option {
  background-color: #fff;
}
.select2-container {
  background-color: #fff;
}
.select2-container .select2-selection {
  background-color: #fff;
}
/* レッスンページ */
article.course header {
  padding-top: 0;
}
article.course header h2 {
  font-size: 1.2rem;
}
article.course .course-lessons {
  margin-top: 20px;
}
article.course .course-lessons .lesson-meta {
  margin-bottom: 0;
}
article.course .course-lessons article.lesson {
  margin-bottom: 10px;
  padding: 0;
}
article.course .course-lessons article.lesson a {
  color: #F623B1;
}
article.course .course-lessons article.lesson a:hover {
  color: rgba(246, 35, 177, 0.8);
}
.news ul {
  height: 150px;
  overflow-x: auto;
  padding: 10px;
}
.news h1 {
  background-color: #F623B1;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 5px 5px 3px;
  line-height: 1em;
}
.news article {
  margin: 10px;
}
.news article h2 {
  font-weight: bold;
  font-size: 1.2rem;
}
.news article .date {
  text-align: right;
}
div.other {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
div.other table {
  font-size: 1.2rem;
}
.page-id-15641 .otlms-hint {
  color: #f30;
}
footer {
  background-color: #F623B1;
  color: #fff;
  justify-content: space-between;
}
footer p.privacy a {
  color: #fff;
}
@media screen and (max-width: 559px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  header {
    background-size: 150px 145px;
  }
  header p.desc {
    width: 50%;
  }
  header .free {
    margin-top: 30px;
    padding: 10px;
    text-align: center;
  }
  header .login {
    width: 80%;
    margin: 0 auto;
  }
  header h1 {
    margin-top: 0px;
    padding-bottom: 10px;
  }
  header h1 .catch {
    width: 80%;
  }
  header .btn_menu {
    display: inline-block;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 10px;
  }
  header .btn_menu i {
    font-size: 3rem;
    display: block;
    margin-bottom: -10px;
  }
  header #mainnav ul.pc {
    display: none;
  }
  header #mainnav ul.sp {
    display: block;
  }
  .furuichi figure {
    padding: 10px 0;
  }
  .nemoto figure {
    padding: 10px 0;
  }
  .mw_wp_form form .mwform-zip-field input {
    width: 4rem;
    margin-bottom: 10px;
  }
  #content .homearea {
    margin: 20px 0;
  }
}