@charset "UTF-8";
/*
Sitename: TheJapanesePsychologicalAssociation
Date: 2017.07.28
LastUpdate：2017.08.02
Author：Otoha Sudo
Copyright Comcent All Right Reserved.
*/
/*
Sitename: TheJapanesePsychologicalAssociation
Date: 2017.07.28
LastUpdate：2017.08.01
Author：Otoha Sudo
Copyright Comcent All Right Reserved.
*/
/*
Sitename: TheJapanesePsychologicalAssociation
Date: 2017.07.28
LastUpdate：2017.07.31
Author：Otoha Sudo
Copyright Comcent All Right Reserved.
*/
.pwPager, .pwPagerBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .pwPager a, .pwPagerBottom a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #004d8e; }
  .pwPager .toBack:before, .pwPagerBottom .toBack:before {
    content: "▼";
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0 5px 0 0; }
  .pwPager .toNext:after, .pwPagerBottom .toNext:after {
    content: "▼";
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin: 0 0 0 5px; }
  .pwPager .toIndex, .pwPagerBottom .toIndex {
    padding: 0 13px;
    border: 1px solid #004d8e;
    margin: 0 15px; }

.pwPager {
  margin: 30px 0 0;
  position: relative;
  z-index: 2000; }

@media only screen and (max-width: 768px) {
  .pwPager a, .pwPagerBottom a {
    font-size: 14px; }
  .pwPager .toNext, .pwPager .toBack, .pwPagerBottom .toNext, .pwPagerBottom .toBack {
    border: 1px solid #00456e;
    padding: 0 8px; }
    .pwPager .toNext span, .pwPager .toBack span, .pwPagerBottom .toNext span, .pwPagerBottom .toBack span {
      display: none; }
  .pwPager .toIndex, .pwPagerBottom .toIndex {
    margin: 0 5px; } }

@media only screen and (max-width: 479px) {
  .pwPager a, .pwPagerBottom a {
    font-size: 12px;
    white-space: nowrap; }
  .pwPager {
    margin: 15px 0 0; } }

.commonContentsWrap {
  display: block; }

.eventSeriesArea {
  display: none; }

.contentsSection {
  background: none; }

.contentsSectionTitle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .contentsSectionTitle span {
    top: 6px;
    font-size: 13px; }

.contentsSection {
  width: 100%; }

.contentsSectionTitle {
  font-size: 20px; }

.contentsComment {
  margin: 0 10px 20px; }

.eventInfoBox {
  width: 89.79%;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.eventFlyerArea {
  margin: 0 5.68% 0 0; }

.togglePanelArea {
  margin: 25px 0 0; }
  .togglePanelArea label {
    position: relative;
    display: block;
    border-top: 1px solid #c8c8c8;
    padding: 10px;
    cursor: pointer;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 15px;
    /*span{
      display: block;
      font-size: 16px;
    }*/ }
    .togglePanelArea label:last-of-type {
      border-bottom: 1px solid #c8c8c8; }
    .togglePanelArea label:before {
      content: "\f107";
      position: absolute;
      color: #004d8e;
      top: 50%;
      right: 10px;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      font-size: 26px;
      line-height: 1; }
  .togglePanelArea input[type="checkbox"].toggle, .togglePanelArea input[type="checkbox"].toggle + label + .togglePanelContents {
    display: none; }
  .togglePanelArea input[type="checkbox"].toggle:checked + label + .togglePanelContents {
    display: block; }
  .togglePanelArea .toggle:checked + label:before {
    content: "\f106"; }

.togglePanelContents {
  padding: 0 10px;
  border-top: 1px solid #c8c8c8; }
  .togglePanelContents:last-of-type {
    border: none; }
  .togglePanelContents .contentsComment {
    margin: 25px 0 0; }

.eventDetailInfo {
  margin: 25px 0; }

.eventDetailInfoFlyer img {
  width: 43.33%;
  margin: 0 auto; }

.eventDetailInfoTitle {
  padding: 15px 0;
  border-bottom: 1px solid #00456e;
  text-align: center;
  font-size: 18px;
  font-weight: bold; }

.placeListBox {
  margin: 25px 0 0; }

.placeList {
  margin: 0 0 30px; }

.placeName {
  text-indent: -14px;
  margin: 0 0 0 14px;
  font-size: 14px; }
  .placeName:before {
    content: "■"; }

.dateInfo, .placeDetail {
  margin: 0 0 0 14px; }
  .dateInfo time, .placeDetail time {
    display: inline-block; }

.separationBox {
  display: block;
  height: 3px;
  background: #e4e7ee;
  -webkit-box-shadow: 0px 1px 1px 1px #c9c9c9;
  box-shadow: 0px 1px 1px 1px #c9c9c9; }

.detailInfoLink {
  margin: 0 0 25px;
  color: blue;
  display: block;
  cursor: pointer; }

.planDetailListBox {
  margin: 15px 0 0; }

.planDetailList {
  text-indent: -14px;
  margin: 0 0 5px 14px; }
  .planDetailList:before {
    content: "■"; }

.pastInfo {
  padding: 15px 10px 0; }
  .pastInfo a {
    color: blue;
    display: inline-block;
    cursor: pointer; }

.symposiumTitle {
  font-size: 18px;
  font-weight: bold;
  color: #004d8e;
  border-bottom: 1px solid #898989;
  text-align: center;
  margin: 20px 10px; }

.symposiumImg img {
  width: 170px;
  height: auto;
  margin: 0 auto 40px; }

.toggleSymInfoArea {
  width: 100%;
  padding: 0 10px; }
  .toggleSymInfoArea label {
    font-weight: bold;
    border-bottom: 1px solid #898989;
    width: 100%;
    display: block;
    position: relative;
    margin: 0 0 20px;
    /*span{
      font-weight: normal;
      color: #898989;
      display: inline-block;
      //transform: rotate(90deg);
      position: absolute;
      bottom: 0;
      right: 10px;
    }*/ }
    .toggleSymInfoArea label span {
      display: none; }
    .toggleSymInfoArea label:before {
      content: "\f107";
      position: absolute;
      color: #004d8e;
      top: 50%;
      right: 10px;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      font-size: 26px;
      line-height: 1;
      cursor: pointer; }
  .toggleSymInfoArea input[type="checkbox"].toggle, .toggleSymInfoArea input[type="checkbox"].toggle + label + .symInfoContents {
    display: none; }
  .toggleSymInfoArea input[type="checkbox"].toggle:checked + label + .symInfoContents {
    display: block; }
  .toggleSymInfoArea .toggle:checked + label:before {
    content: "\f106"; }

.symInfoContents p {
  font-size: 12px;
  margin: 0 0 15px; }
  .symInfoContents p strong {
    font-size: 14px;
    color: #c52b3c;
    display: inline-block;
    margin: 0 0 2px; }
  .symInfoContents p small {
    display: inline-block;
    font-size: 12px;
    padding: 0 0 0 10px;
    margin: 0 0 10px; }
  .symInfoContents p a {
    color: #004d8e;
    display: inline-block; }

.symInfoContents .eventEntryBtn {
  display: block;
  width: 200px;
  text-align: center;
  padding: 5px 10px;
  margin-bottom: 1rem;
  background: #004d8e;
  color: #fff; }
  .symInfoContents .eventEntryBtn:after {
    margin-left: 0;
    display: none;
    background: none;
    width: auto;
    height: auto; }

.symInfoContents .eventEntryBtnTopSpan {
  margin-top: 1rem; }

.symInfoContents .symInfoTopic {
  text-indent: 1rem;
  margin: 0 0 1rem;
  display: block; }

.symInfoContents .symInfoNotes li {
  font-size: 12px;
  margin: 0 0 10px; }
  .symInfoContents .symInfoNotes li:before {
    content: "※"; }
  .symInfoContents .symInfoNotes li:first-of-type {
    color: #c52b3c; }

@media only screen and (min-width: 480px) {
  .eventInfoBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .eventSeriesArea {
    display: block; }
  .separationBox {
    display: none; }
  .eventSeriesList {
    margin: 0 0 15px;
    font-size: 16px;
    font-weight: bold; }
  .eventDetailInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .eventDetailInfoFlyer img {
    min-width: 130px; }
  .planListBox {
    width: 95%;
    margin: 0 auto; }
  .eventDetailInfoArea {
    margin: 0 0 0 20px;
    width: 100%; }
  .eventDetailInfoTitle {
    padding: 0 0 5px;
    width: 100%;
    font-size: 20px;
    text-align: left; }
  .planList {
    margin: 0 0 20px; }
  .pastInfo {
    font-size: 16px; }
  .toggleSymInfoArea .symInfoContents p {
    font-size: 14px; }
    .toggleSymInfoArea .symInfoContents p strong {
      font-size: 16px; }
    .toggleSymInfoArea .symInfoContents p small {
      font-size: 14px; }
  .toggleSymInfoArea .symInfoContents .symInfoNotes li {
    font-size: 14px; } }

@media print, screen and (min-width: 769px) {
  .eventInfoBox {
    margin: 0 auto 40px; }
  .togglePanelArea label {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 2px solid #c8c8c8;
    border-bottom: 2px solid #c8c8c8;
    cursor: default;
    margin: 0 0 40px;
    font-size: 20px;
    font-weight: bold; }
    .togglePanelArea label:last-of-type {
      border-bottom: 2px solid #c8c8c8; }
    .togglePanelArea label span {
      display: none; }
  .togglePanelArea input[type="checkbox"].toggle + div {
    display: block; }
  .eventSeriesList {
    font-size: 20px; }
  .contentsComment {
    font-size: 16px;
    margin: 0 0 30px; }
  .togglePanelContents {
    border-top: none; }
  .symDetailSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .symposiumTitle {
    margin: 30px 0 10px 0;
    text-align: left;
    font-size: 24px; }
  .toggleSymInfoArea {
    padding: 0; }
  .symposiumImg {
    margin: 0 30px 0 0; }
  .toggleSymInfoBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 30px; }
    .toggleSymInfoBox label {
      border-bottom: none;
      width: 11%;
      min-width: 80px;
      position: static; }
      .toggleSymInfoBox label span {
        display: none; }
      .toggleSymInfoBox label:before {
        content: ""; }
    .toggleSymInfoBox input[type="checkbox"].toggle + label + .symInfoContents {
      display: block; }
    .toggleSymInfoBox input[type="checkbox"].toggle:checked + label + .symInfoContents {
      display: block; }
    .toggleSymInfoBox .symInfoContents {
      width: 85%; }
      .toggleSymInfoBox .symInfoContents p small {
        padding: 0 0 0 20px; } }

.symDetailSection {
  position: relative; }

.linkHeader {
  position: static;
  top: 0; }

.contentsSectionTitle {
  font-size: 20px; }

.contentsSection .contentsSectionLabel {
  height: auto; }

.togglePanelContents {
  padding: 0; }

.eventInfoBox {
  width: 100%;
  margin-top: 20px; }

.symposiumImg img {
  margin: 0 auto; }

.toggleSymInfoArea .symInfoContents p {
  font-size: 16px; }

.infoNote {
  margin: 0 0 10px; }
  .infoNote:before {
    content: '※'; }

.toggleSymInfoArea .openLabel:before {
  content: "\f106"; }

@media only screen and (min-width: 480px) {
  .linkHeader {
    position: absolute; } }

@media print, screen and (min-width: 769px) {
  .contentsSection .contentsSectionLabel {
    height: auto; }
  .togglePanelContents {
    padding: 0 10px; } }