@charset "UTF-8";

/* ==================================================================

	大同大学
	/common/css/cat_dept_prof.css

================================================================== */

/* box
------------------------------------------------------------------ */
@media screen and (min-width: 741px), print {
	body {
		padding: 20px;
	}
}


/* heading
------------------------------------------------------------------ */
h1 {
	padding: 10px;
	background: #f1f1f1;
	font-size: 128%;
}
.cat_prof-mechanic h1 { color: #0081CC; }
.cat_prof-system h1 { color: #0097DD; }
.cat_prof-architecture h1 { color: #45B035; }
.cat_prof-electronic h1 { color: #00AFEC; }
.cat_prof-interior h1 { color: #89C122; }
.cat_prof-civil_engineering h1 { color: #298950; }
/*.cat_prof-civil_engineering h1 { color: #D9D200; }*/
.cat_prof-kaori h1 { color: #B3D000; }
.cat_prof-computer h1 { color: #F39700; }
.cat_prof-network h1 { color: #d37756; }
.cat_prof-media h1 { color: #ED6C00; }
.cat_prof-product h1 { color: #d26a23; }
.cat_prof-management h1 { color: #EA545D; }
/*.cat_prof-management h1 { color: #C56619; }*/
.cat_prof-sports h1 { color: #b2515c; }

h2 {
	padding-bottom: 10px;
	border-bottom: solid 1px #a8a8a8;
	font-size: 157%;
}
h3 {
	padding-left: 14px;
	border-left: solid 5px;
	line-height: 1.4;
	font-size: 128%;
	color: #144d80;
}

.cat_prof-mechanic h3 { border-color: #0081CC; color: #0081CC; }
.cat_prof-system h3 { border-color: #0097DD; color: #0097DD;  }
.cat_prof-architecture h3 { border-color: #45B035; color: #45B035; }
.cat_prof-electronic h3 { border-color: #00AFEC; color: #00AFEC; }
.cat_prof-interior h3 { border-color: #89C122; color: #89C122; }
.cat_prof-civil_engineering h3 { border-color: #298950; color: #298950; }
/*.cat_prof-civil_engineering h3 { border-color: #D9D200; color: #D9D200; }*/
.cat_prof-kaori h3 { border-color: #B3D000; color: #B3D000; }
.cat_prof-computer h3 { border-color: #F39700; color: #F39700; }
.cat_prof-network h3 { border-color: #d37756; color: #d37756; }
.cat_prof-media h3 { border-color: #ED6C00; color: #ED6C00; }
.cat_prof-product h3 { border-color: #d26a23; color: #d26a23; }
.cat_prof-management h3 { border-color: #EA545D; color: #EA545D; }
/*.cat_prof-management h3 { border-color: #C56619; color: #C56619; }*/
.cat_prof-sports h3 { border-color: #b2515c; color: #b2515c; }

.cat_prof-mechanic .item {
    line-height: 1.4;
    font-size: 105%;
    color: #0081CC;
}
.cat_prof-system .item {line-height: 1.4; font-size: 110%; color: #0097DD;}
.cat_prof-architecture .item {line-height: 1.4; font-size: 110%; color: #45B035;}
.cat_prof-electronic .item {line-height: 1.4; font-size: 110%; color: #00AFEC;}
.cat_prof-interior .item {line-height: 1.4; font-size: 110%; color: #89C122;}
.cat_prof-civil_engineering .item {line-height: 1.4; font-size: 110%; color: #298950;}
/*.cat_prof-civil_engineering .item {line-height: 1.4; font-size: 110%; color: #D9D200;}*/
.cat_prof-kaori .item {line-height: 1.4; font-size: 110%; color: #B3D000;}
.cat_prof-computer .item {line-height: 1.4; font-size: 110%; color: #F39700;}
.cat_prof-network .item {line-height: 1.4; font-size: 110%; color: #F39700;}
.cat_prof-media .item {line-height: 1.4; font-size: 110%; color: #dc775c;}
.cat_prof-product .item {line-height: 1.4; font-size: 110%; color: #ED6C00;}
.cat_prof-management .item {line-height: 1.4; font-size: 110%; color: #EA545D;}
/*.cat_prof-management .item {line-height: 1.4; font-size: 110%; color: #C56619;}*/
.cat_prof-sports .item {line-height: 1.4; font-size: 110%; color: #b2515c;}

@media screen and (max-width: 740px) {
	h1 {
		font-size: 114%;
	}
	h2 {
		padding-bottom: 5px;
		font-size: 114%;
	}
	h3 {
		font-size: 114%;
	}
}


/* img
------------------------------------------------------------------ */
@media screen and (max-width: 740px) {
section img.fl.mr20 {
	margin-right: 0 !important;
}
}


/* p
------------------------------------------------------------------ */
p {
	margin-top: 20px;
}

@media screen and (max-width: 740px) {
p {
	margin-top: 14px;
}
}


/* txt_color
------------------------------------------------------------------ */
/*機械工学科*/
.cat_prof-mechanic .txt_color01 { color: #4084aa; }
.cat_prof-mechanic .txt_color02 { color: #76b3ce; }

/* 総合機械工学科 */
/*.cat_prof-system .txt_color01 { color: #6c6895; }*/
.cat_prof-system .txt_color01 { color: #0097DD; }
.cat_prof-system .txt_color02 { color: #928fb2; }

/*建築学科 建築専攻*/
.cat_prof-architecture .txt_color01 { color: #379882; }
.cat_prof-architecture .txt_color02 { color: #7ebcae; }

/*電気電子工学科*/
.cat_prof-electronic .txt_color01 { color: #497ab4; }
.cat_prof-electronic .txt_color02 { color: #7298c5; }

/*建築学科 インテリア専攻*/
.cat_prof-interior .txt_color01 { color: #4b8360; }
.cat_prof-interior .txt_color02 { color: #739e83; }

/*建築学科 土木・環境専攻*/
.cat_prof-civil_engineering .txt_color01 { color: #699335; }
.cat_prof-civil_engineering .txt_color02 { color: #97b473; }

/*総合情報学科 かおりデザイン専攻*/
.cat_prof-kaori .txt_color01 { color: #c05486; }
.cat_prof-kaori .txt_color02 { color: #d284a8; }

/*情報システム学科 コンピュータサイエンス専攻*/
.cat_prof-computer .txt_color01 { color: #d87600; }
.cat_prof-computer .txt_color02 { color: #e6b95d; }

/*情報システム学科 ネットワーク専攻*/
.cat_prof-network .txt_color01 { color: #d37756; }
.cat_prof-network .txt_color02 { color: #e1a38d; }

/*情報デザイン学科 メディアデザイン専攻*/
.cat_prof-media .txt_color01 { color: #dc775c; }
.cat_prof-media .txt_color02 { color: #dc775c; }

/*情報デザイン学科 プロダクトデザイン専攻*/
.cat_prof-kaori .txt_color01 { color: #d26a23; }
.cat_prof-kaori .txt_color02 { color: #e09866; }

/*総合情報学科 経営情報専攻*/
.cat_prof-kaori .txt_color01 { color: #8c4d64; }
.cat_prof-kaori .txt_color02 { color: #a77688; }


/* .single_list
------------------------------------------------------------------ */
.cat_prof-mechanic .single_list li:before { color: #4084aa; }
.cat_prof-system .single_list li:before { color: #6c6895; }
.cat_prof-architecture .single_list li:before { color: #379882; }
.cat_prof-electronic .single_list li:before { color: #497ab4; }
.cat_prof-interior .single_list li:before { color: #4b8360; }
.cat_prof-civil_engineering .single_list li:before { color: #699335; }
.cat_prof-kaori .single_list li:before { color: #c05486; }

.cat_prof-computer .single_list li:before { color: #d87600; }
.cat_prof-network .single_list li:before { color: #d37756; }
.cat_prof-media .single_list li:before { color: #dc775c; }
.cat_prof-poroduct .single_list li:before { color: #d26a23; }
.cat_prof-management .single_list li:before { color: #8c4d64; }
.cat_prof-sports .single_list li:before { color: #b2515c; }


/* dl
------------------------------------------------------------------ */
dl.box01 {
	overflow: hidden;
	padding: 10px 0;
	background: #f0f0f0;
}
dl.box01 .single_list li {
	margin-top: 0;
}
dl.box01 dt {
	font-size: 114%;
}

@media screen and (min-width: 741px), print {
	dl.box01 dt {
		float: left;
		width: 7em;
		text-align: center;
	}
	dl.box01 dd {
		/*float: left;*/
		margin-left: 8em;
		padding-left: 20px;
		border-left: solid 1px #808080;
	}
}

@media screen and (max-width: 740px) {
	dl.box01 {
		padding: 10px 20px;
	}
	dl.box01 dt {
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: solid 1px #808080;
	}
	dl.box01 dd {
		margin-top: 10px;
	}
}


/* image
------------------------------------------------------------------ */
.image .cap {
	display: block;
	margin-top: 5px;
	font-size: 86%;
}
ul.image li {
	margin-top: 20px;
}

@media screen and (min-width: 741px), print {
	ul.image li {
		float: left;
		margin-right: 20px;
	}
}


/* .message
------------------------------------------------------------------ */
.message {
	border: solid 1px #cecece;
}
.message h2 {
	padding: 10px 20px;
	border-bottom: none;
	background: #eee;
	font-size: 142%;
}
.message .inbox {
	margin: 20px;
}

@media screen and (min-width: 741px), print {
	.message .x2 .cassette {
		float: left;
		width: 48%;
	}
	.message .x2 .cassette:first-child {
		margin-right: 4%;
	}
}

@media screen and (max-width: 740px) {
	.message h2 {
		padding: 6px 16px;
		font-size: 114%;
	}
	.message .inbox {
		margin: 16px;
	}
	.message .x2 .cassette {
		margin-top: 20px;
	}
	.message .x2 .cassette p {
		margin-top: 10px;
	}
}

/* .profil
------------------------------------------------------------------ */
#cat_prof_detail .profil{
    display: block;
    margin-left: 0px;
    padding-top: 5px;
    margin-top: 0px;
	}
#cat_prof_detail .profil p {
    margin-bottom: 0px !important;
    display: block;
    margin-top: 15px;
}

.theme_prof{
	display: flex;
}

.theme_btn{
	
}

	.cat_prof-mechanic h3,
	.cat_prof-system h3,
	.cat_prof-electronic h3,
	.cat_prof-architecture h3,
	.cat_prof-interior h3,
	.cat_prof-civil_engineering h3,
	.cat_prof-kaori h3,
	.cat_prof-computer h3,
	.cat_prof-network h3,
	.cat_prof-media h3,
	.cat_prof-product h3,
	.cat_prof-management h3,
	.cat_prof-sports h3 {
		margin-right: 15px;
	}

	.theme_prof .link_btn a {
		display: block;
		padding: 1% 26px 1% 3%;
		background: url(../images/link_bnr_arw.png) 95% center no-repeat;
			background-size: auto;
		background-size: 6px auto;
		border: solid 1px #dcdcdc;
		color: #144d80;
		text-decoration: none;
		white-space: nowrap;
	}
	
	
	.theme_prof .link_btn a:hover, .theme_prof .link_btn a.current {
		background-color: #e7f2f9;
		color: #144d80;
		opacity: 1;
	}
	
@media screen and (max-width: 740px) {
	
	.cat_prof-mechanic h3,
	.cat_prof-system h3,
	.cat_prof-electronic h3,
	.cat_prof-architecture h3,
	.cat_prof-interior h3,
	.cat_prof-civil_engineering h3,
	.cat_prof-kaori h3,
	.cat_prof-computer h3,
	.cat_prof-network h3,
	.cat_prof-media h3,
	.cat_prof-product h3,
	.cat_prof-management h3,
	.cat_prof-sports h3{
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	.theme_prof{
		display: block;
	}
	
}