body {
		font-size:clamp(0.75rem,0.4vw + 0.70rem,1rem);	
	}
	
	#contents .topicpath,
	#contents .inner_width {
		max-width:1200px;
	}

	.topic-sentence {
		text-indent:1em;
		font-size:1.1rem;
		font-weight:400;
	}

	.seminar_item-header {
		display:none;
		letter-spacing: 0.07em;;
	}

	.seminar_item {
		display:grid;
		grid-template-columns:1fr;
		grid-template-rows:auto;
		grid-template-areas:"times"
					  "date_sp"
					  "date"
					  "place_sp"
 					  "place"
					  "theme_sp"
					  "theme"
					  "report";
		margin:0.5em auto 0;
		gap:5px;
		padding:1em 1em;
		font-size:1rem;
		letter-spacing: 0.06em;
		line-height: 1.6;
	}

	.seminar_item-header .h_times {
		grid-area: h_times;
	}
	.seminar_item-header .h_date {
		grid-area: h_date;
	}
	.seminar_item-header .h_place {
		grid-area: h_place;
	}
	.seminar_item-header .h_theme {
		grid-area: h_theme;
	}
	.seminar_item-header .h_report {
		grid-area: h_report;
	}

	.seminar_item .times {
		grid-area:times;
		margin:0.5rem 0;
		font-size: 1.1rem;;
		text-align:left;
		vertical-align:middle;
		padding-left:0.5em;
		color:#000;
		font-weight:600;
		border-bottom:2px solid #0017c1;
	}	
	.seminar_item.next-seminar .times {
		color:#000;
		font-size: 1.1rem;
		font-weight:600;	
	}
	.seminar_item .date {
		grid-area: date;
		display:grid;
		padding:0 0.5em;
		gap:2px;
		font-size: 1rem;;
	}
	.seminar_item .place {
		grid-area: place;
		display:grid;
		padding:0 0.5em;
		gap:2px;
		font-size: 1rem;
		word-break:keep-all;
	}
	.seminar_item .theme {
		grid-area: theme;
		display:grid;
		padding:0 0.5em;
		grid-template-columns:1fr;
		grid-template-rows:min-content;
		gap:2px;
	}
	.seminar_item .date_sp {
		grid-area:date_sp;
		display:grid;
		padding:0 0.5em;
		gap:2px;
		margin-top:0.5em;
	}
	.seminar_item .place_sp {
		grid-area:place_sp;
		display:grid;
		padding:0 0.5em;
		gap:2px;
		margin-top:0.5em;
	}
	.seminar_item .theme_sp {
		grid-area:theme_sp;
		display:grid;
		padding:0 0.5em;
		gap:2px;
		margin-top:0.5em;
	}
	.seminar_item .report {
		grid-area: report;
	}
/*
	.seminar_item .theme-item {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows:min-content;
		grid-template-areas:"item-a"
			     		  "item-b"
			     		  "item-c"
			     		  "item-d"
			     		  "item-e";
		gap:5px;
	}
*/
	.seminar_item .theme-item {
		display: grid;
		grid-template-columns: max-content 1fr;
		grid-template-rows:min-content;
		grid-template-areas:"item-a item-a"
			     		    "item-b item-b"
			     		    "item-c item-d"
			     		    ". item-e";
		gap:5px;
	}

	.seminar_item .theme-main {
		margin-bottom:5px;
		font-weight:400;	
	}
	.seminar_item .theme-item .item-a {
		grid-area: item-a;
	}
	.seminar_item .theme-item .item-b {
		grid-area: item-b;
		padding-left:1rem;
		font-weight:400;
	}
	.seminar_item .theme-item .item-c {
		grid-area: item-c;
		padding-left:1rem;
	}
	.seminar_item .theme-item .item-d {
		grid-area: item-d;
		padding-left:1rem;
/*		word-break:keep-all;	*/
	}
	.seminar_item .theme-item .item-e {
		grid-area: item-e;
		padding-left:1rem;
	}

	.seminar_item .report.poster,
	.seminar_item .report.button,
	.seminar_item .report.video {
		width:100%;
		margin:0 auto 1em auto;
	}
	.seminar_item .report.poster a {
		display:block;
		width:70%;
		margin:0.5rem auto;
		padding-top:0.5rem;
		padding-bottom:0.5rem;
	}
	.seminar_item .report.poster a img {
		width:100%;
		height:auto;
		object-fit:contain;
	}
	.seminar_item .report.button a {
		display:block;
		width:100%;
		box-sizing: border-box;
		margin:0.5em auto .5em auto;
		padding:0.5rem;
		background-color:steelblue;
		border-radius:5px;
		text-align:center;
		text-decoration:none;
		color:#fff;
	}
	.seminar_item .report.button a:hover,
	.seminar_item .report.button a:active {
		background-color:steelblue;
		filter:brightness(120%);
	}

	.seminar_item a {
		display:block;
		width:100%;
		margin:auto;
	}

	.seminar_item .report.video {
		width:100%;
		margin:auto;
	}
	.seminar_item .report.video p {
		font-size:0.85rem;
		font-weight:400;
	}
	.seminar_item .report.video iframe {
		display:block;
		width:100%;
		box-sizing: border-box;
		max-width:100%;
		height:auto;
		aspect-ratio: 560 / 315;
		margin:auto; 
	}


	#contents .title_xs_chara {
		border-left: .5em solid steelblue;
		border-bottom: 2px solid steelblue;
		box-shadow: 0 2px 0 #4682b43f;
		background: #fff; 
		letter-spacing: 0.2em;
		font-weight:600;
	}

	#contents .inner_width h3.title_xs_chara {
		letter-spacing:0.3em;
	}


	@media screen and (min-width:768px),print {

		.seminar_item-header {
			display:grid;
			grid-template-columns:1em 10em 1em 1.7fr 1fr;
			grid-template-rows:1.5em;
			grid-template-areas:"h_times h_date h_place h_theme h_report";
			padding:1em 1em;
			font-weight:600;
			text-align:center;
/*			border-bottom:2px solid #0017c1;	*/
		}

		.seminar_item-header {
			display: none;
		}

		.seminar_item {
			display:grid;
			grid-template-columns:13em 1.7fr 1fr;
			grid-template-rows:3.5em 2em auto;
			grid-template-areas:"times times times"
						  "date theme report"
						  "place theme report"
						  ". . report";
			border-bottom:none;
		}

		.seminar_item {
			display:grid;
			grid-template-columns:13em 1.7fr 1fr;
			grid-template-rows:2em 2em auto 1fr;
			grid-template-areas:"times times times"
						  "date theme report"
						  "place theme report"
						  ". . report";
			border-bottom:none;
		}

		.seminar_item .times {
			margin:0;
			text-align:left;
/*			padding-left:3em;	*/
			font-weight:600;
			border-bottom:2px solid  steelblue;	
		}
	
		.seminar_item.next-seminar .times {
/*			border-bottom:1px solid #0017c1;	*/
		}


		.seminar_item .date_sp {
			display:none;
		}
		.seminar_item .place_sp {
			display:none;
		}
		.seminar_item .theme_sp {
			display:none;
		}

		.seminar_item .report.poster a {
			width:75%;
		}
		.seminar_item .report.button a {
			width:95%;
		}	
		.seminar_item .report.video {
			width:95%;
		}	

		.seminar_item .theme-item {
			display:grid;
			grid-template-columns: auto 1fr;
			grid-template-rows:auto auto auto;
			grid-template-areas:"theme-main theme-main"
				    		  "item-a item-b"
				    		  "item-c item-d"
							  ". item-e";
/*			margin-bottom:1rem;	*/
		}

		.seminar_item .theme-item .item-a {
			grid-area:item-a;
		}
		.seminar_item .theme-item .item-b {
			grid-area:item-b;
		}
		.seminar_item .theme-item .item-c {
			grid-area:item-c;
			text-align: right;
			padding-right: 1em;
		}
		.seminar_item .theme-item .item-d {
			grid-area:item-d;
		}


		.seminar_item-header.mini {
			display:grid;
			grid-template-columns:11em 1em 1.7fr 1fr;
			grid-template-rows:1.5em;
			grid-template-areas:"h_date h_place h_theme h_report";
			padding:1em 1em;
			font-weight:600;
			text-align:center;
/*			border-bottom:2px solid #0017c1;	*/
		}
		.seminar_item.mini {
			display:grid;
			grid-template-columns:15em 1.7fr 1fr;;
			grid-template-rows:auto;
			grid-template-areas:"date theme report"
						  "place theme report";
		}

	}

	@media print {
			body {
			width: 1200px;
			zoom: 0.68;
			-webkit-print-color-adjust: exact;
			}
	}