/* style_seminar.css */

/* media query 表示幅768px以上（pc対応） */
@media screen and (min-width: 768px) {
/* body */
	body {
		text-size-adjust: 100%;
		color: #4f4f4f;
		background-color: #efefef;
		font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	}
/* div, h3 共通 */
	div, h3 {
		text-align: right;
		margin-right: 2em;
	}
/* h3 */
	h3 {
		color: #5f5f5f;
		margin: 10px 2em 10px 0;
	}
/* dl, dt, dd ゼミ卒論題目表示用 */
	dl {
		display: flex;
		flex-wrap: wrap;
		width: 90%;
		border: 1px #efefef solid;
		border-top: none;
		padding: 1em 3em 0 0;
		margin-left:auto;
	}
	dt {
		width: 35%;
		border: 0;
		padding: 5px 1em 0 0;
		box-sizing: border-box;
		text-align: right;
	}
	dd {
		width: 65%;
		border: 1px #afafaf solid;
		border-top: none;
		padding: 5px 0 5px 2em;
		margin: 0;
		box-sizing: border-box;
		text-align: left;
	}
/* dd 一人目表示用微調整 */
	dd.first {
		width: 65%;
		border: 1px #afafaf solid;
		padding: 5px 0 5px 2em;
		margin: 0;
		box-sizing: border-box;
		text-align: left;
	}
/* a */
	a:link {
		color: #4f4f4f;
	}
	a:visited {
		color: #4f4f4f;
	}
	a:hover {
		color: #0f0fcf;
	}
	a:active {
		color: #ff5555;
	}
}

/* media query 表示幅767px以下（スマホ対応） */
@media screen and (max-width: 767px) {
/* body */
	body {
		text-size-adjust: 100%;
		color: #4f4f4f;
		background-color: #efefef;
		font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	}
/* a */
	a:link {
		color: #4f4f4f;
	}
	a:visited {
		color: #4f4f4f;
	}
	a:hover {
		color: #ff0000; /* ホバー時のカラーを赤に */
	}
	a:active {
		color: #ff0000; /* アクティブ時のカラーを赤に */
	}
/* div, h3 共通 */
	div, h3 {
		text-align: center; /* 中央寄せに */
	}
/* h3 */
	h3 {
		color: #5f5f5f;
		margin: 3px 0 3px 0;
	}
/* dl,dt,dd ゼミ卒論題目表示用 */
	dl {
		display: block;
		width: auto;
		border: 1px #efefef solid;
		border-top: none;
		padding: 0;
		margin-left:auto;
		text-align: center;
	}
	dt {
		width: auto;
		border: 0;
		padding: 1px 5px 1px 5px;
		box-sizing: border-box;
		text-align: center;
	}
	dd {
		width: auto;
		border: 1px #afafaf solid;
		border-top: none;
		padding: 3px 5px 3px 5px;
		margin: 0;
		box-sizing: border-box;
		text-align: left;
	}
/* 一人目表示用微調整 */
	dd.first {
		width: auto;
		border: 1px #afafaf solid;
		padding: 3px 5px 3px 5px;
		margin: 0;
		box-sizing: border-box;
		text-align: left;
	}
/* .sideleft 左寄せ用*/
	.sideleft {
		margin: 0 1em 2em 1em;
		text-align: left;
	}
/* .footer コピーライトやメアドの表示部分 */
	.footer {
		font-size: 85%;
		text-align: right;
		margin-right: 2px;
	}
}