@charset "UTF-8";

@media screen and (max-width: 768px) {
/*
 connect top 
======================================== */
.connect__list {
margin: 20px;
}
.connect__item {
color: #999;
}
.connect__item:not(:first-child) {
margin-top: 20px;
}
.connect__thumb img {
width: 100%;
}
.connect__title {
background: #eee;
text-align: center;
font-weight: bold;
font-size: 1.5rem;
height: 50px;
line-height: 50px;
}


/*
 セミナー・イベント情報
======================================== */

/*  セミナーイベント検索  */

.topicsSearch__title2 {
display: block;
font-weight: bold;
line-height: 40px;
}
.topicsSearch__select {
margin: 0 0 10px;
}
.topicsSearch__select select {
max-width: 100%;
height: 40px;
}
.radio-inline {
display: inline-block;
/* line-height: 40px; */
margin-right: 20px;
}
.topicsSearch__title3 {
font-weight: bold;
}
.topicsSearch__keyword {
height: 40px;
padding: 0 5px;
width: 100%;
margin-top: 5px;
border-radius: 0;
border: none;
}
.topicsSearch__btn {
margin-top: 20px;
}
.topicsSearch__reset {
border: 1px solid #000;
height: 50px;
width: 49%;
float: left;
}
.topicsSearch__submit2 {
border: none;
background: #000;
color: #fff;
height: 50px;
width: 49%;
float: right;
}

#page_topics_list27 .topicsSearch {
margin : 20px 20px 0;
}
#page_topics_detail27 .topicsSearch {
margin : 35px 20px 0;
}



/*  Pick Up セミナー  */

.pickupSeminar {
margin: 25px 20px 0;
}
.pickupSeminar__heading{
text-align: center;
font-size: 1.8rem;
margin-bottom: 25px;
}
.pickupSeminar__item {
border-top: 1px solid #ddd;
margin-top: 20px;
padding-top: 20px;
}
.pickupSeminar__row {
margin-bottom: 10px;
}
.pickupSeminar__title {
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 20px;
line-height: 1.4;
}
.pickupSeminar__icon {
float: left;
background: #000;
color: #fff;
font-size: 1rem;
width: 40px;
text-align: center;
margin-right: 15px;
}
.pickupSeminar__body {
font-size: 1.2rem;
line-height: 1.3;
}
.pickupSeminar__button a {
display: block;
width:125px;
height: 40px;
line-height: 40px;
text-align: center;
margin: 20px auto 0;
border: 1px solid #000;
font-weight: bold;
font-size: 1.2rem;
}

/*  セミナー一覧  */

.seminarList {
margin: 40px 20px 0;
border-top: 3px solid #000;
}
.seminarList__item {
margin-top: 20px;
}
.seminarList__item:not(:last-child) {
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
.seminarList__title {
font-weight: bold;
font-size: 1.4rem;
line-height: 1.4;
}
.seminarList__info {
font-size: 1.2rem;
line-height: 1;
/*margin-bottom: 8px;*/
}
.seminarList__date,
.seminarList__area,
.seminarList__fee {
float: left;
}
.seminarList__area {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
padding: 0 10px;
margin: 0 10px;
}

/*
 会員特典
======================================== */
.seminarSide {
  position: relative;
  margin: 020px;
  padding: 40px 20px 20px;
  border: 6px solid #eee; }
  .seminarSide__heading {
    display: inline-block;
    position: absolute;
    top: -6px;
    left: -6px;
    width: 100px;
    height: 30px;
    background-color: #000;
    font-weight: bold;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    line-height: 30px;
    letter-spacing: .1em; }
  .seminarSide__title {
    font-size: 1.5rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px; }
  .seminarSide__summary {
    font-size: 1.2rem; }
  .seminarSide__registration {
    font-size: 1.2rem;
    margin: 15px 0 0;
    text-align: center; }
    .seminarSide__registration a {
      display: block;
      padding: 10px 0;
      border: 1px solid #000;
      font-weight: bold;
      line-height: 1.3; }
  .seminarSide__entry {
    text-align: center;
    margin-top: 10px; }


/*
 セミナー・イベント情報詳細
======================================== */
.seminarArticle {
margin: 20px 20px 0;
}
.seminarArticle__info {
border-bottom: 1px solid #cccccc;
}
.seminarArticle__category {
background: #000;
    color: #ffffff;
    font-size: 1rem;
    padding: 2px 0;
    text-align: center;
    width: 40%;
}
.seminarArticle__title {
font-size: 1.5rem;
padding: 20px 0;
line-height: 1.4;
}
.seminarArticle__table {
border-top: 3px solid #000;
font-size: 1.2rem;
}
.seminarArticle__table th {
width: 75px;
text-align: left;
vertical-align: top;
padding-top: 10px;
}
.seminarArticle__table td {
padding-top: 10px;
line-height: 1.5;
}

/*  同テーマのセミナー・イベント */

.seminarList.-relationSeminar {
border: none;
}
.recommend-title {
font-size: 1.5rem;
background: #000;
color: #fff;
padding: 0 15px;
height: 35px;
line-height: 35px;
}

/*  セミナー・イベント/プレスリリース編集 */

.form-edit .form-group:first-of-type dt {
    border-top: none;
}
.form-edit {
    border-top: none;
}
.section-form.-edit .form-input-label {
    display: inline-block;
    padding: 10px;
    background-color: #000;
    color: #fff;
    cursor: pointer;
}
.section-form.-edit .form-input-label input {
    display: none;
}
.section-form.-edit .form-input-tmpFile {
    margin-bottom: 10px;
}
.section-form.-edit .form-input-tmpFile img {
    max-width: 100%;
}
.form-input-del {
	margin-top: 10px;
}
  .form-button.btn-submit.btn-open {
    background-color: #5dbb8b;
  }
    .form-button.btn-submit.btn-open:hover {
      background-color: #60d498;
    }
  .form-button.btn-submit.btn-close {
    background-color: #dcd312;
  }
    .form-button.btn-submit.btn-close:hover {
      background-color: #d6ce1b;
    }
  .form-default .btn-delete {
    color: #000;
    background-color: #eee;
  }
    .form-default .btn-delete:hover {
      color: #000;
      background-color: #ddd;
    }
.submit-change-container .form-button:nth-child(n+3) {
    margin-top: 10px;
}

/* mypage */
.mypageList {
    margin: 25px 0 40px;
}
.mypageList .seminarList {
    margin-top: 25px;
}
.mypageList__head {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 20px;
}
.mypageList__heading {
    flex-grow: 1;
    font-size: 18px;
    font-size: 1.8rem;
}
.mypageList__btn {
    padding: 5px 10px;
    border: 1px solid #000;
    font-weight: bold;
}
.seminarList__info li:not(:first-of-type) {
    padding: 0 10px;
    border-left: 1px solid #ddd;
}
.seminarList__info li {
    display: inline-block;
		margin-bottom: 8px;
    padding-right: 10px;
}

/* プレスリリース一覧 */
.pickupSeminar__icon.pickupPress {
  width: 60px; }
.pressSearch {
  margin: 20px 20px 0;}

/* プレスリリース詳細 */
.pressArticle__table th {
	width: 85px;
	padding: 10px 10px 0 0;
}
.pressArticle__table td img {
	max-width: 100%;
	padding-top: 10px;
}
}