@charset "UTF-8";
/*基本のオレンジ*/
/*薄い黄色*/
/*フッタグレー*/
/*ラインのグレー*/
/*基本の緑*/
/*スマホメニューの色*/
/*スマホメニューの色*/
h2 { color: #E5783E; font-weight: normal; text-align: left; margin-bottom: 20px; font-size: 2em; }

h3 { color: #E5783E; font-weight: normal; text-align: left; margin-bottom: 20px; font-size: 1.2em; display: flex; align-items: center; }
h3:after { margin-left: 5px; border-top: 3px solid #E5783E; content: ""; flex-grow: 1; }

h3.page_title { color: #E5783E; display: flex; align-items: center; justify-content: center; }

h3.page_title:before,h3.page_title:after { border-top: 3px solid #E5783E; content: ""; width: 2em; }
h3.page_title:before { margin-right: 0.5em; flex-grow: 0;}
h3.page_title:after { margin-left: 0.5em; flex-grow: 0;}

#outline table { width: 100%; border: 1px #C6C6C6 solid; background-color: #fff; text-align: left; }
#outline table th { width: 12em; padding: 10px; border: 1px #C6C6C6 solid; font-weight: normal; }
#outline table td { padding: 10px; border: 1px #C6C6C6 solid; }

#program h3 { background-color: #E5783E; color: #fff; text-align: left; padding: 5px 10px 3px 10px; margin-bottom: 20px; line-height: 1.2; font-weight: normal; }
#program .itembox { margin-bottom: 60px; }
#program dl { text-align: left; margin-left: 60px; }
#program dl dt { border-bottom: 2px #E5783E solid; margin-bottom: 10px; padding-bottom: 5px; }

#contact .readtext { text-align: left; margin-bottom: 20px; font-size: 1em; }
#contact .formbox dl { text-align: left; }
#contact .formbox dl dt { width: 11em; float: left; line-height: 1.2; padding-top: 5px; }
#contact .formbox dl dd { line-height: 1.2; padding-left: 12em; padding-bottom: 20px; }
#contact .formbox dl dd:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; font-size: 0.1em; line-height: 0; }
#contact .formbox .btnbox { margin-top: 40px; }

#login h2 { text-align: center; }
#login .readtext { text-align: center; margin-bottom: 20px; font-size: 1em; }
#login .loginformbox { max-width: 550px; margin: 0 auto 40px auto; background-color: #fff; padding: 20px; border: 1px #C6C6C6 solid; }
#login .loginformbox dl { text-align: left; }
#login .loginformbox dl dt { width: 8em; float: left; line-height: 1.2; padding-top: 5px; text-align: right; }
#login .loginformbox dl dd { line-height: 1.2; padding-left: 9em; padding-bottom: 20px; }
#login .loginformbox dl dd:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; font-size: 0.1em; line-height: 0; }
#login .linklist { margin-top: 40px; }
#login .linklist li { text-align: center; background: url(../images/linkicon.svg) left center no-repeat; padding-left: 40px; margin-bottom: 10px; }
#login .linklist li a { text-decoration: underline; }
#login .itembox { margin-bottom: 60px; }
#login .itembox p { text-align: left; }
#login #contents02 dl { text-align: left; }
#login #contents02 dl dd { margin-bottom: 20px; }
#login #contents02 .marklist { margin-top: 10px; }
#login #contents02 .marklist li { text-align: left; padding-left: 1em; text-indent: -1em; font-size: 0.9em; }

#login-management .event_link { margin-top: 30px; margin-bottom: 30px; }
#login-management .finish { margin-top: 40px; width: 130px; background-color: orange; }

#registration .readtext { text-align: left; font-size: 1.0625rem; }
#registration .formbox dl dd:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; font-size: 0.1em; line-height: 0; }
#registration .formbox .btnbox { margin-top: 40px; margin-bottom: 40px; }
#confirmation .formbox .btnbox { margin-top: 40px; margin-bottom: 40px; }

.registration {
    max-width: 900px;
    margin: 0 auto;
}

.registration h2 {
    color: #068C17;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
    font-size: 1.75rem;
}

.registration .formbox dl {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}

.registration .formbox dl dt {
    width: 40%;
    line-height: 1.75rem;
}

.registration .formbox dl dd {
    width: 60%;
    line-height: 1.75rem;
    padding-bottom: 20px;
}

.registration .formbox dl .two_sidebyside {
  width: 25%;
}

.registration .formbox dl dd.two_sidebyside {
  padding-right: 15px;
}


.registration .formbox input {
  margin-bottom: 0px;
  border-width: 1px;
  border-color: #707070;
}

.registration .formbox input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}

.registration .formbox .btnbox input {
  background-color: #44A047;
}

.confirmation h2 {
  color: #068C17;
  font-weight: bold;
  text-align: left;
  margin-bottom: 20px;
  font-size: 1.75rem;
}

.confirmation .formbox dl {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}

.confirmation .formbox dl dt {
  width: 50%;
  line-height: 1.75rem;
  padding-left: 14%;
}

.confirmation .formbox dl dd {
  width: 50%;
  line-height: 1.75rem;
  padding-bottom: 20px;
  text-align: left;
  padding-left: 10%;
}

.confirmation .formbox input {
margin-bottom: 0px;
border-width: 1px;
border-color: #707070;
}

.confirmation .formbox input[type="text"] {
  width: 100%;
  box-sizing: border-box;
}

.confirmation .formbox .btnbox input {
background-color: #44A047;
}

.contents_header {
    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom: 1px #96F9B5 solid;
    border-top: 1px #96F9B5 solid;
}

.finish-header h2 {
  line-height: 1.5;
  margin-top: 20px;
  text-align: center;
}

@media screen and (max-width: 820px) {
  .registration .formbox dl {
    display: block;
  }

  .registration .formbox dl .two_sidebyside,
  .registration .formbox dl dt,
  .registration .formbox dl dd {
      width: auto;
  }

  .registration .formbox dl dd.two_sidebyside {
    padding-right: 0;
  }
}

#admin-registration .formbox dl { text-align: left; margin-left: 38%; }
#admin-registration .formbox dl dt { float: left; line-height: 1.2; padding-top: 5px; }
#admin-registration .formbox dl dd { line-height: 1.2; padding-left: 27%; padding-bottom: 20px; }
#admin-registration .formbox dl dd:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; font-size: 0.1em; line-height: 0; margin-left: 50%;}

.spacer { margin-bottom: 100px; margin-top: 20px; }

#request-password h2{ text-align: center;}
#request-password .readtext { margin-bottom: 20px;}
#request-password .formbox dl dt { width: 8em; float: left; line-height: 1.2; padding-top: 5px; }
#request-password .formbox dl dd { line-height: 1.2; padding-left: 9em; padding-bottom: 20px; }

#send-mail h2{ text-align: center;}
#send-mail .readtext { margin-bottom: 70px; }
#send-mail .mailaddress span{ display: inline-block; margin-left: 10px; margin-bottom: 30px;}


#m_poster .flexbox img { width: 100%; }
#m_poster .flexbox p { font-size: 0.8em; margin-top: 10px; text-align: left; }
#m_poster .itembox { margin-bottom: 60px; }
#m_poster .itembox:last-child { margin-bottom: 0; }

#m_bstract h3 { background-color: #467C46; color: #fff; text-align: left; padding: 5px 10px 3px 10px; margin-bottom: 20px; line-height: 1.2; font-weight: normal; }
#m_bstract .commentsbox { width: calc(100% - 220px); }
#m_bstract .itembox { margin-bottom: 40px; }
#m_bstract .imgbox { width: 190px; }
#m_bstract dl { text-align: left; margin-left: 60px; }
#m_bstract dl dt { border-bottom: 2px #467C46 solid; margin-bottom: 10px; padding-bottom: 5px; }

.memberarea h2 { color: #467C46; }
.memberarea h3 { color: #467C46; }
.memberarea h3:after { border-top: 3px solid #467C46; }

.bg-blue { font-size: 1em; padding: 10px; border: none; width: 15em; text-align: center; border-radius: 10px; background-color: #103089; color: #fff; margin-top: 30px; }

.button{ background-color: #103089; border-radius: 10px;  border: none;  color: white;  padding: 10px 25px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 16px;}
#back { box-sizing : content-box; background-color: gray; height: 24px; margin-right: 50px; color: white; padding-top: 13px; padding-bottom: 7px;}

@media screen and (max-width: 1024px) {
  #admin-registration .formbox dl { text-align: left; margin-left: 35%; }
  #admin-registration .formbox dl dd { padding-left: 32%; }
}

@media screen and (max-width: 820px) {
  #admin-registration .formbox dl { text-align: left; margin-left: 30%; }
  #admin-registration .formbox dl dd { padding-left: 35%; }
}

@media screen and (max-width: 680px) {
  #admin-registration .formbox dl { text-align: left; margin-left: 22%; }
  #admin-registration .formbox dl dd { padding-left: 40%; }
}

@media screen and (max-width: 550px) {
  #admin-registration .formbox dl { text-align: left; margin-left: 20%; }
  #admin-registration .formbox dl dd { padding-left: 45%; }
}

@media screen and (max-width: 424px) {
  #admin-registration .formbox dl { text-align: left; margin-left: 16%; }
  #admin-registration .formbox dl dd { padding-left: 60%; }
}

@media screen and (max-width: 500px) { #outline table { border: none; }
  #outline table th { display: block; width: 100%; background-color: #ededed; border: none; }
  #outline table td { display: block; width: 100%; border: none; }
  #registration .formbox dl dt { width: 100%; float: none; margin-bottom: 5px; }
  #registration .formbox dl dd { padding-left: 0; width: 100%; }
  #registration .btnbox input[type="submit"], #registration .btnbox input[type="reset"], #registration .btnbox input[type="button"] { width: 100%; }
  #contact .formbox dl dt { width: 100%; float: none; }
  #contact .formbox dl dd { padding-left: 0; }
  #m_bstract .commentsbox { width: 100%; }
  #m_bstract .imgbox { width: 100%; } }

  dd {
    margin: auto
  }
.toolbar-child {
    display: inline-block;
}

.logout {
    position: absolute;
    top: 50%;
    right: 1.2%;
    transform: translateY(-50%);
    color: #ffffff;
    background-color: #99001b;
    padding: 0.2em 2em;
    border-radius: 0.2em;
    display: inline-block;
}

.tool {
    background-color: #018212;
    color: #ffffff;
    padding: 0.4em 1em;
    position: relative;
    margin: 0;
}

.logo {
    color: #333;
    text-decoration: none;
    display: block;
    height: 61px;
    text-indent: -9999px;
    margin: 10px;
}

.new-line {
    width: 20em;
    margin-left: 0;
}