@charset "utf-8";

/* PC：thirty-th_pc.css
 * **************************************************
 * Headline
 * Global Navigation (Nav)
 * Common Elements
 * Space(Margin)
* **************************************************
 * Media Queries min-width: 1400px
 * **************************************************
 */

/*  Headline
------------------------------------------------------------------- */
#subPage #content h1.ttl.ended {
	display: flex;
	line-height: 120%;
	justify-content: center;
	padding: 5px 0;
}
#subPage #content h1.ttl.ended .sub {
	display: block;
	padding: 0;
	font-size: 80%;
	line-height: 110%;
}

/*  Global Navigation（Open）
------------------------------------------------------------------- */
#subPage #globalNav nav li ul {
}


/*  Common Elements
------------------------------------------------------------------- */
#subPage #content.thirty-th {
	min-height: 1100px;
}
#subPage #content.thirty-th h2 {
	margin: 2em 0 0.5em 0;
	line-height: 1.0;
}
#subPage #content.thirty-th h2 span {
	font-size: 80%;
}
#subPage #content.thirty-th h3 {
	display: flex;
	align-items: flex-start;
	margin: 20px 0 30px 0;
	line-height: 1.2;
}
#subPage #content.thirty-th h3 span {
	margin-right: 10px;
	padding: 5px 10px;
	background-color: #001138;
	border-radius: 2px;
	font-size: 60%;
	color: #fff;
	white-space: nowrap;
}

/* 写真 */
#subPage #content.thirty-th .teacher-s {
	display: flex;
	align-items: flex-start;
	column-gap: 35px;
}
#subPage #content.thirty-th .teacher-s + .teacher-s {
	margin-top: 60px;
}
#subPage #content.thirty-th .teacher-s img {
	width: 180px;
	height: auto;
}
#subPage #content.thirty-th .teacher-s > div {
	width: 100%;
}
#subPage #content.thirty-th .teacher-s table {
	margin: 0 0 10px 0;
	padding: 5px;
	width: 90%;
	border:1px solid #001138;
}
#subPage #content.thirty-th .teacher-s th {
	padding: 5px;
	width: 20%;
	background-color: rgba(235,240,214,0.8);
	border:1px dotted #001138;
	font-size: 1.3em; /* =13px */
	text-align:center;
	vertical-align: middle;
}
#subPage #content.thirty-th .teacher-s td {
	padding: 5px;
	background-color: rgba(255,255,255,0.7);  
	border:1px dotted #001138;
	font-size: 1.3em; /* =13px */
	text-align:left;
}

/* LINE */
#subPage #content.thirty-th .line-lk {
	display: flex;
	column-gap: 35px;
}
#subPage #content.thirty-th .qrLine img {
	width: 160px;
	height: auto;
}
#subPage #content.thirty-th .lineLink {
    display: none;
}

/* Map */
#subPage #content #tennoji {
	clear: both;
	margin-top: 10px;
	border:1px dotted #001138;
	height: 400px;
	width:100%;
}
#subPage #content #takashimaya {
	clear: both;
	border:1px dotted #001138;
	height: 400px;
	width:100%;
}

#subPage #content .online {
	margin-top: 20px;
	text-align: left;
}
#subPage #content .online p {
	font-weight: bold;
}
#subPage #content .online a {
	display: inline-block;
	margin-top: 10px;
	padding: 8px 0;
	width: 200px;
	border: 1px solid #051250;
	background-color: #051250;
	font-size: 1.4em;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1em;
	text-decoration: none;
}

/* SUR30周年記念講演第2弾 */
#subPage #content h1.ttl.ended.anniv {
	line-height: 150%;
}
#subPage #content .anniv-present {
	margin-top: 20px;
	color: #e60000;
}
#subPage #content .discList.anniv-le li {
	display: flex;
	justify-content: space-between;
	width: 90%;
}
@media all and (max-width: 1300px) {
	#subPage #content .discList.anniv-le li {
		width: 100%;
	}
}
#subPage #content .discList.anniv-le span:first-child{
	width: calc(100% - 9.0em);
}
#subPage #content .discList.anniv-le span:last-child {
	width: 9.0em;
	white-space: nowrap;
}
#subPage #content .anniv-dt {
	margin-top: 20px;
}

/* ダイジェスト動画 */
#subPage #content .digest {
	margin: 40px 0 10px 0 !important;
}
.anniv-col {
	margin: 0 0 10px 0;
}
.anniv-col div {
	width: 100%;
	max-width: 560px;
	height: 100%;
}
.video-js {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding-top: 56.25% !important;
}

#subPage #content .lecture-bn {
	margin-top: 30px;
}