@charset "utf-8";

/*--------------------
   　セッションページ
--------------------*/

small {
  font-size: 80%;
}

#sessionpage {
  padding: 6rem 0 7rem;
}

/*日時*/
#sessionpage .session-info {
  font-size: 2.4rem;
  font-weight: 600;
}
#sessionpage .session-info span {
  margin-right: 1.5rem;
  padding: 0rem 1rem .2rem;
  background-color: #000;
  color: #fff;
  font-size: 90%;
}

/*セッションタイトル*/
#sessionpage .session-ttl {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.7;
}

/*セッションタグ調整用*/
#sessionpage .label.badge {
  padding: .2rem .8rem .3rem;
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: 600;
}

/*学べるポイント*/
.session-box ul {
  margin-top: 2rem;
  padding: 1.5rem 2rem 2rem;
  background-color: #f3f3f3;
  font-weight: 600;
}
.session-box li {
  font-weight: 500;
}

/*登壇者名*/
#sessionpage .speaker-name {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.8;
}

/*登壇回数タグ用*/
#sessionpage .speaker-box span {
  padding: .2rem .7rem .2rem 2.2rem;
  background-image: url(../images/speaker-badge.png);
  background-repeat: no-repeat;
  background-position: center left 5px;
  background-color: #f90;
  border-radius: 4px;
  color: #fff;
  font-size: 1.4rem;
}

@media (max-width: 768px) {
  #sessionpage .session-info {
    font-size: 2rem;
  }
  #sessionpage .session-ttl {
    font-size: 2.4rem;
  }
  #sessionpage .speaker-name {
   font-size: 1.6rem;
  }
}

@media (max-width: 577px) {
  #sessionpage {
    padding: 4rem 0;
  }
  #sessionpage .session-info {
    font-size: 1.5rem;
  }
  #sessionpage .session-ttl {
    font-size: 1.7rem;
  }
  #sessionpage .label.badge {
    font-size: 1.1rem;
  }
  #sessionpage .session-point {
    padding: 1.5rem 2rem;
  }
  #sessionpage .speaker-name {
   font-size: 1.4rem;
  }
}