@charset "euc-jp";

/* =============================================
	セッションビュー
============================================= */
/*
	ヘッダー
============================================= */
header::before {
	opacity: 1;
	background-image: linear-gradient(to right, #004ea2 0%, #001f4c 0%);
}
@media (min-width: 768px) {
	header h1 {
		padding: 0 15px 50px;
	}
}
@media screen and (max-width: 767px){
	header h1 {
		padding: 0 15px 40px;
	}
}
/*
	フッター
============================================= */
@media (min-width: 768px) {
	footer {
		border-top: none 0px #ffffff;
    padding: 20px 0 20px;
	}
}
footer {
	padding: 20px 0;
	border-top: none 0px #ffffff;
	background-color: #ffffff;
}
@media (min-width: 768px) {
	footer .footer-copyright {
    margin-top: 0;
	}
}
footer .footer-copyright {
	margin-top: 0;
}
/*
	コンテンツ
============================================= */
.session-overlay {
	width: 100%;
	height: 100%;
}
@media (min-width: 768px) {
	.session-overlay .session-item {
		width: 800px;
		height: auto !important;
		margin: 0 auto 30px auto;
		box-sizing: border-box;
		padding: 15px;
		border-radius: 5px;
		border: solid 2px #aaaaaa;
		background-color: #ffffff
	}
}
@media screen and (max-width: 767px){
	.session-overlay .session-item {
    width: 85%;
    padding: 20px;
  }
}
.session-overlay .session-time {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
}

/* 2021/05/12追加ここから */
.session-overlay .session-code {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
	color: #004ea2;
}

@media (min-width: 768px) {
	.session-overlay .session-code {
			margin-bottom: 10px;
	}
}

.session-item.pickup .session-code::after {
	content: 'おすすめセッション';
	display: inline-block;
	vertical-align: text-bottom;
	height: 11px;
	padding: 3px;
	margin-left: 10px;
	font-size: 11px;
	line-height: 1;
	color: #f39800;
	border-radius: 3px;
	border: solid 1px #f39800;
	background-color: #ffffff;
}
/* 2021/05/12追加ここまで */

@media (min-width: 768px) {
  .session-overlay .session-title {
    font-size: 20px;
  }
}
.session-overlay .session-title {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
}
.session-overlay .session-title a {
	font-weight: 700;
}
.session-overlay .session-category {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .session-overlay .flexWrap {
    display: flex;
    justify-content: space-between;
 }
}
@media (min-width: 768px) {
  .session-overlay .session-summary {
    width: 414px;
    margin: 0;
    padding-right: 20px;
    border-right: solid 1px #aaaaaa;
  }
}
.session-overlay .session-summary {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .session-overlay .speaker-container {
    width: 300px;
  }
}
.session-overlay .session-speaker {
  position: relative;
  min-height: 80px;
  padding-left: 90px;
}
.session-overlay .session-speaker + .session-speaker {
  margin-top: 15px;
}
.session-overlay .session-speaker .speaker-photo {
  position: absolute;
  width: 80px;
  left: 0;
  top: 0;
}
img {
  display: block;
  width: 100%;
}
.session-overlay .session-speaker {
	min-height: 120px;
	font-size: 14px;
}
/* カテゴリ */
@media (min-width: 768px) {
  .session-overlay .session-category span {
    height: 12px;
    padding: 4px;
    margin: 0 8px 8px 0;
    font-size: 12px;
  }
}
.session-category {
	margin-bottom: 5px; }
.session-category span {
	display: inline-block;
	height: 11px;
	padding: 3px;
	margin: 0 6px 6px 0;
	font-size: 11px;
	line-height: 1;
	color: #777777;
	border-radius: 3px;
	border: solid 1px #cccccc;
	background-color: #ffffff; }
.session-category span.cat1 {
	border-left: solid 4px #a83d8d; }
.session-category span.cat2 {
	border-left: solid 4px #abc46b; }
.session-category span.cat3 {
	border-left: solid 4px #267cbd; }
.session-category span.cat4 {
	border-left: solid 4px #39b9bd; }
.session-category span.cat5 {
	border-left: solid 4px #8688db; }
.session-category span.cat6 {
	border-left: solid 4px #c49b6b; }
.session-category span.cat7 {
	border-left: solid 4px #8688db; }
.session-category span.cat8 {
	border-left: solid 4px #ea75ab; }
.session-category span.cat9 {
	border-left: solid 4px #a83d8d; }
.session-category span.cat10 {
	border-left: solid 4px #e6705c; }