/*
Theme Name: Bunkyo 2018
Theme URI: http://open.shonan.bunkyo.ac.jp/gs-info/
Description: 湘南の神奈川県茅ヶ崎市にある文教大学大学院情報学研究科の公式サイトのテーマです。
Version: 1.0
Author: Two-ways.Inc
Author URI: https://www.two-ways.com
Text Domain: bunkyo-2018
*/


@import url(/faculty/gs-info/wp-content/themes/bunkyo-2018/common.css);

/* teachers */
div.teachers {
	display: inline-block;
	margin: 40px 20px 0 20px;
}

div.teachers a {
	color: #444;
}

div.teachers a div {
	width: 300px;
	padding: 10px;
	border: solid 3px #fff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.30);
}

div.teachers a:hover div {
	border: solid 3px #069;
}

div.teachers a p {
	font-size: 18px;
}

div.teachers a dl {
	display: flex;
}

div.teachers a dt {
	color: #fff;
	line-height: 1;
	background-color: #069;
	padding: 3px 5px;
}

div.teachers a dd {
	padding: 0 0 0 5px;
}

.teacherdetail {
	padding: 20px;
}
.teacherdetail img {
	float: left;
	margin: 0 20px 40px 0;
}

.teacherdetail dl {
	display: flex;
	margin: 0 0 5px 0;
}

.teacherdetail p+dl {
	margin: 25px 0 20px 0;
}

.teacherdetail dt.subject {
	color: #fff;
	line-height: 1;
	background-color: #069;
	padding: 3px 5px;
	margin: 0 3px 0 0;
}

.teacherdetail dt {
	color: #069;
	line-height: 1;
	border: solid 1px #069;
	padding: 3px 5px;
	margin: 0 3px 0 0;
}

.teacherdetail p.name {
	font-size: 18px;
}

.teacherdetail p.name span {
	font-size: 12px;
	display: block;
}

.teacherdetail p.lead {
	font-size: 18px;
	clear: left;
	padding: 20px 0 10px 0;
}

.teacherdetail p.link {
	text-align: right;
	margin: 50px 0 0 0;
}

.teacherdetail p.link a{
	text-decoration: underline;
	padding: 0 10px 0 10px;
	background-image: url(/faculty/gs-info/wp-content/themes/bunkyo-2018/img/icon_arrow_02.png);
	background-repeat: no-repeat;
	background-position: left center;
}


/* search */
#search h3 {
	font-size: 16px;
	padding: 10px;
	background-image: url(/faculty/gs-info/wp-content/themes/bunkyo-2018/img/icon_arrow_02.png);
	background-repeat: no-repeat;
	background-position: left center;	
}

#search h3+p {
	margin: -5px 0 10px 10px;
}
#search p+h3,
#search h3+h3 {
	border-top: dotted 1px #ccc;
}

/* backnumbers */

#archive article  {
	display: flex;
	margin: 0 0 15px 10px;
}

#archive article p.date {
	line-height: 1;
	width: 130px;
	border-left: solid 3px #006699;
}

#archive article p {
	line-height: 1;
	text-align: left;
	padding: 5px 0 5px 10px;
	margin: 10px 0 -5px 0;
}


/* about */

#about #mainimage div {
	background-image: url(/faculty/gs-info/wp-content/themes/bunkyo-2018/img/img_main_about.jpg);
}

#about #contents h3+p{
	margin: 10px 0 30px 0;
}

#about #contents p + ul{
	margin: 0 0 30px 0;
}

#about #contents .wrap ul {
	margin: 0 0 0 40px;
}

#about #contents .wrap ul li {
	list-style: disc;
	margin: 0 0 10px 0;
}

/* staff */

#staff #main dl{
	margin:  0;
}

#staff #main .wrap p{
	margin: 0;
}

#staff #main dl dt{
	font-weight: normal;
	margin: 0;
	
}

#staff #main .wrap{
	margin: 0 0 40px 0
	
}

.policylist li {
	margin-left: 2em;
	text-indent: -1em;
	margin-bottom: 1em;
}
.policylist li::before {
content: "??";
color: #006699;
}

.float-right {
	float: right;
	width: 40%;
	max-width: 240px;
	margin-left: 1em;
}


/* class */

#class h3 span {
	font-weight: normal;
	padding: 0 0 0 20px;
	
}

/* professor */

#professor #main dl{
	margin: 40px 0;
}

#professor #main dl dt{
	font-size: 16px;
	margin: 20px 0 10px 0;
	padding: 0 0 0 10px;
	border-left: solid 6px #cc9933;
}

#professor ul.supervisorlist {
	display: flex;
	flex-wrap: wrap;
}

#professor ul.supervisorlist li {
	text-align: center;
	border: solid 1px #e3ebf1;
	margin: 3px;
}

#professor ul.supervisorlist li a {
	display: block;
	width: 5em;
	padding: 3px 5px;
}

#professor ul.supervisorlist li a:hover {
	background-color: #e3ebf1;
}

#professor #main dl dt span{
	font-size: 14px;
	font-weight: normal ;
	margin: 0 10px 0 0;
}

#professor #main dl dd.expert{
	text-indent: 1em;
	margin: 10px 0;
}

#professor #main dl dd.expert::before{
	content: "―";
	margin: 0 5px 0 0;
}

#professor #main dl dd.recon{
	line-height: 2;
}

/* qualif */
#qualif .wrap ul{
	margin: 0 0 20px 0
}

#qualif .wrap ul li{
	line-height: 1.8;
}

#qualif .wrap ul li::before{
	content: "?";
	margin: 0 5px 0 0;
}


/* education */
#education #mainimage div,
#professor #mainimage div,
#class #mainimage div,
#qualif #mainimage div,
#interview #mainimage div {
	background-image: url(/faculty/gs-info/wp-content/themes/bunkyo-2018/img/img_main_education.jpg);
}
#education #mainimage div p,
#professor #mainimage div p,
#class #mainimage div p,
#qualif #mainimage div p,
#interview #mainimage div p {
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

#education .wrap dd ul{
	margin: 0;
}

#education .wrap dd span{
	font-size: 12px;
}
#education .wrap ul li{
	line-height: 1.8;
}

#education .wrap dd ul li::before{
	content: "?";
	margin: 0 5px 0 0;
}

#education #main .wrap dl dt{
	padding: 5px 0 10px 40px;
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: left top;
}

#education #main .wrap dl dt.class01{
	background-image: url(/faculty/gs-info/wp-content/themes/bunkyo-2018/img/icon_class01.gif);
}
#education #main .wrap dl dt.class02{
	background-image: url(/faculty/gs-info/wp-content/themes/bunkyo-2018/img/icon_class02.gif);
}
#education #main .wrap dl dt.class03{
	background-image: url(/faculty/gs-info/wp-content/themes/bunkyo-2018/img/icon_class03.gif);
}

/* facilities */

#facilities .wrap p{
	margin: 5px 0;
}

#facilities p+h2{
	margin: 30px 0 0;
}

#facilities .sidebyside {
	display: flex;
	margin: 10px 0 0;
}

#facilities p.photo {
	width: 300px; 
	margin: 0 20px 20px 0;
}

#facilities p.photo img {
	max-width: 300px;
}


/* research */
#research #mainimage div,
#itnl #mainimage div,
#journal #mainimage div {
	background-image: url(/faculty/gs-info/wp-content/themes/bunkyo-2018/img/img_main_research.jpg);
}

#research .wrap dl{
	margin: 30px 10px;
}

#research .wrap dt.bepri::after{
	content: "［最優秀論文賞?Best peper］";
	color: #cc9933;
	font-weight: normal ;
	padding: 0 5px 0 18px;
	background-image: url(/faculty/gs-info/wp-content/themes/bunkyo-2018/img/icon_award2.gif);
	background-position: top left;
	background-repeat: no-repeat ;
}

#research .wrap dt.expri::after{
	content: "［優秀論文賞?Excellent prize］";
	color: #cc9933;
	font-weight: normal ;
	padding: 0 5px 0 10px;
	background-image: url(/faculty/gs-info/wp-content/themes/bunkyo-2018/img/icon_award.gif);
	background-position: top left;
	background-repeat: no-repeat ;
}

#research .wrap dt span{
	font-weight: normal;
	margin: 0 0 0 15px;
}

#research .wrap dd{
	margin: 0 0 0 1em;
}

/* journal,itnl */

#journal .wrap dl,
#itnl .wrap dl{
	margin: 20px 10px 50px;
}

#journal .wrap dd a::after,
#itnl .wrap dd a::after{
	content: url(/faculty/gs-info/wp-content/themes/bunkyo-2018/img/icon_pdf.gif);
	margin: 0 0 0 5px;
}

#journal .wrap dl dd+dt,
#itnl .wrap dl dd+dt{
	margin: 20px 0 10px 0;
}

#journal .wrap dl dd,
#itnl .wrap dl dd {
	margin: 0 0 0 0.5em;
}

#journal .wrap p img{
	margin: -5px 0 20px 0;
}


/* student */
#student .wrap ul{
	margin: 0 0 40px;
}

/* vietnam */
#vietnam #main dl{
	margin: 40px 0;
}

#vietnam #main dl dt{
	font-size: 16px;
	margin: 20px 0 10px 0;
	padding: 0 0 0 10px;
	border-left: solid 6px #cc9933;
}

#vietnam #main dl dt span{
	font-size: 14px;
	font-weight: normal ;
	margin: 0 0 0 10px;
}

#vietnam #main dl dd.expert{
	text-indent: 1em;
	margin: 10px 0;
}

#vietnam #main dl dd.expert::before{
	content: "―";
	margin: 0 5px 0 0;
}

#vietnam #main dl dd.recon{
	line-height: 2;
}

/* admission */
#admission #mainimage div {
	background-image: url(/faculty/gs-info/wp-content/themes/bunkyo-2018/img/img_main_admission.jpg);
}


/* info */
#info #mainimage div {
	background-image: url(/faculty/gs-info/wp-content/themes/bunkyo-2018/img/img_main_contact.jpg);
}

#info .wrap dl {
	margin: 0 10px;
}

#info .wrap dl dt {
	font-size: 16px;
	margin: 20px 0 10px 0;
	padding: 0 0 0 10px;
	border-left: solid 6px #cc9933;
}

#info .wrap dl dd {
	margin: 20px 0 20px 20px;
}

/* Interview */
#interview p img {
	float: left;
}

.bg-contact {
	background-image: url(/faculty/gs-info/wp-content/themes/bunkyo-2018/img/bg_contact.jpg);
	min-height: 440px;
}
.contactarea {
	color: #fff;
	padding: 1em;
	text-shadow:  1px 1px #444;
}

/* sp
========================================================================== */
@media only screen and (max-width:740px) {
/* ----------------------------------------------------------------------- */

/* staff */

#staff #main .wrap{
	text-align: center ;
}
	
#staff #main .wrap .teachers{
	text-align: left;
}

/* facilities */

#facilities .sidebyside {
	display: block;
}
#facilities p.photo {
	text-align: center;
	width: 100%;
	margin: 10px auto 10px;

}


/* ----------------------------------------------------------------------- */
}