@charset "UTF-8";

@media screen and (max-width: 768px) {
/* #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# スマホ 設定 #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# */

/* L1 ######################################## テイチクからのお知らせ ######################################## */

/* L2 **************************************** 一覧 **************************************** */

#list a:hover {
	background: none;
}

#list dl {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
}

#list dl dt {
	display: block;
	width: auto;
	text-align: left;
}

#list dl dd {
	display: block;
	padding-left: 0;
	padding-right: 0;
	text-decoration: underline;
}

/* L2 **************************************** 大バナー（オンラインイベントスケジュールほか） **************************************** */

p.big-banner img {
	width: 100%;
}

/* ****************************** table 関連 ****************************** */

/* L3 ======================================== table 要素 ======================================== */

#topics table {
	position: relative;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1.0em;
	border-collapse: collapse;
	
	box-sizing: border-box;
}

/* L3 ======================================== caption 要素 ======================================== */

#topics table caption {
	position: relative;
	margin-left: 1.6em;
	margin-bottom: 0.2em;
	font-size: 1.6rem;
	line-height: 1.4;
	letter-spacing: 0;
	
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}

#topics table caption::before {
	content: "\f022";
	position: absolute;
	top: -1px;
	left: -1.4em;
	margin-right: 0.5em;
	font-family: "FontAwesome";
}

/* L3 ======================================== th 要素 ======================================== */

#topics table th {
	padding: 0.5em 25px;
	color: #666600;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.2em;
	border: 1px solid #bbbbbb;
}

#topics table th:first-child {
	width: 100px;
}
#topics table th:last-child {
	border-left-style: dotted;
}

/* L3 ======================================== td 要素 ======================================== */

#topics table tbody td {
	font-size: 1.1rem;
	vertical-align: middle;
	border: 1px solid #aaaaaa;
}

#topics table tbody td.time1 {
	width: 12em;
	padding: 0.5em 2%;
	text-align: center;
	/* white-space: normal; */
}
#topics table tbody td.time2 {
	min-width: 4em;
	padding: 0.5em 2%;
	white-space: normal;
}

#topics table tbody td.record {
	padding: 0.5em 2%;
}

#topics div.price {
	display: block;
	width: auto;
}


/* L4 ---------------------------------------- .format リスト 上書き ---------------------------------------- */

#topics table tbody td.record ul {
	margin-left: 20px;
}



/* #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# スマホ 設定 ここまで #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# */
}