@charset "utf-8";

/*===================================================*/
/*ページレイアウト*/
/*===================================================*/

*{ /*margin: 0;padding: 0 */}

a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle}

html {
	background: #c9b3d0;
	background-color: #aa87b5;
	color: #333333;
	font-size: 62.5%;
	/*line-height: 2.08;*/
	/*letter-spacing: 0.02em;*/
	text-align: left;	
	font-family: /*Roboto, */ "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
 	font-weight: 400;
 	-webkit-font-kerning: normal;
 	font-kerning: normal;
 	-webkit-font-feature-settings: 'pkna' 1;
 	font-feature-settings: 'pkna' 1;
 	-ms-font-feature-settings: normal;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
}

body { 
	font-size: 1rem;
	background: #ffffff;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}

strong {
		font-weight: 500;
}
	
/*===================================================*/
/*フルードイメージ*/
/*===================================================*/

img { 
	max-width : 100%;
	height:auto;
}

#mainimage img {
	height: 38vw;
	object-fit: cover;	 
}

/*===================================================*/
/*マルチカラム*/
/*===================================================*/

.flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.flex.w2_1 .item,
.flex.w3_1 .item,
.flex.w4_1 .item,
.flex.w5_1 .item,
.flex.w6_1 .item,
.flex.w8_1 .item {
	width: 50%;
}

.item {
	padding: 15px;
 	text-align: center;
    box-sizing: border-box;
}

.item img {
    max-idth: 280px;
}

#content .item img.border {
	padding: 5px;
    /*box-shadow: 7px 7px 5px rgba(4,5,5,.1);*/
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
    margin: auto auto 10px auto;
	border: 1px #d8d8d8 solid;
	background-color: #fff;
}

#content .flex .item p {
	text-align:center;
	font-size: 1.4rem;
	line-height: 1.4;
}

/*===================================================*/
/*クリアフィックス*/
/*===================================================*/

.clearfix { zoom:1; }
.clearfix:after {
	display:block;
	clear:both;
	content:"";
}

.clear {
    clear: both;
}

/*===================================================*/
/*リンクの色の基本設定*/
/*===================================================*/

a {
	/*transition: color .3s, text-decoration .3s;*/
}

a:link, 
a:visited {
	color:#333; 
	text-decoration: none; 
	/*color:#5c326a;*/
}

#content a:link, 
#content a:visited,
#F a:link, 
#breadcrumb a:visited
/*#footerbottommenu a:link, 
#footerbottommenu a:visited*/ {
	color:#5c326a;
	text-decoration: none; 
	border-bottom:none; 
	color: #79089e;
	color: #6f158c;
    text-decoration: underline;
    /* border-bottom: none; */
    font-weight: 500;
		transition: all 0.4s ease;
}

#content a:hover,
#breadcrumb a:hover { 
	color:#CC0033; 
	/*color:#5c326a;*/
	text-decoration:underline;
	text-decoration: transparent;

}

#deanmenu span a:hover,
#deanmenu ul li a:hover { 
	color:#CC0033; 
	/*color:#5c326a;*/
	text-decoration:underline;
	transition: all 0.4s ease;
}

#content img {
	/*opacity: 1;
    transition: opacity 0.2s;*/
}
	
a:hover img {
	/*filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity:0.75;*/
	opacity:0.75;
	/*border-radius: 50%;*/
	/*transition: all 0.4s ease;*/
	
	/*opacity: 0.5;
    transition: opacity 0.2s;*/
}

a img {
 /*transition: opacity 0.4s ease-out;*/
 transition: all 0.3s ease;
}

#mainimage a:hover img {
	filter:alpha(opacity=1);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}

.post-content p a {
	word-wrap: break-word;
	white-space: normal;
}

a {text-decoration: none; /*font-weight:bold*/;}

/*===================================================*/
/*SP 見出し*/
/*===================================================*/

h1,h2,h3,h4,h5,h6 { /*margin-bottom : 24px*/}

h1 {
	/*font-size : 48px; */
	line-height : 1
} /* 48px */

h2 {
	font-size:1.8rem;
	font-weight:bold;
	line-height: 1;
}

h3,h4 {
	font-size : 2.4rem;
	line-height : 1
}

/*===================================================*/
/*SP ラッパー*/
/*===================================================*/

#wrapper {
    min-height: calc(100vh - 120px);
}

body#home #rightblock {
	display:block;
}

/*===================================================*/
/*SP ヘッダー*/
/*===================================================*/

header { 
	/*border-top: 5px solid #2a7c2b;*/
	/*border-bottom: 1px solid #dad9d9;*/
	z-index:1000;
	position:fixed;
	top:0;
	width:100%;
	height:59px;
	height:52px;
	background:#fff;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}

header h1 { /*margin-bottom : 24px*/ }
header h2 { color : #fff}

#headerleft {
	display:none;
}

#headermain a {
	padding:0;
	margin:0;	
	display:block;
	position: fixed;
	top:9px;
	left:7px;
	width:217px;
	height:35px;
	border:none;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/header_logo_sp_min.png) no-repeat;
	background-size:100% 100%;
	transition: .2s;
}

#headerfix {
	height:60px;
	height:52px;
}

#headerright {
	display: block;
    height: 52px;
    width: 52px;
    /*background: #882f2f;*/
    /* float: right; */
    position: absolute;
    top: 0;
    right: 52px;
}

#headerright ul.headernavi2 li a.btn1 {
	display:none;
}

#headerright ul.headernavi2 li a.btn2 {
	display:block;
    height: 52px;
    width: 52px;
	background:url(images/header_logo_search_sp.png) no-repeat;
	background-size:100% 100%;
	text-indent: -9999px;
	transition: .2s;
}

/*===================================================*/
/*SP 検索*/
/*===================================================*/

.innersp  ::-webkit-input-placeholder {
 	color: #eee;
}

.innersp  ::-moz-placeholder {
 	color: #eee; opacity: 1;
}

.innersp  :-ms-input-placeholder {
 	color: #eee;
}

#searchform * {
 	box-sizing: border-box;
}

.innersp {
	position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
	/*opacity:0;*/
	transition: all 0.4s;
	z-index: -1;
	display:none;
}

.innersp.spon {
	/*opacity:1;
	z-index: -1;*/
	display:block;
}

.innersp .btn2 {
 	/*background: #F27398;*/
 	display: inline-block;  
 	border-radius: 50%;
 	height: 52px;
 	line-height: 52px;
 	margin: 0 auto;
 	/*position: absolute;
 	top: 0;*/
 	text-align: center;
 	width: 52px;
}

.innersp #searchform {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    background: #000000;
    padding: 10px;
}

.innersp input[type="text"] {
	width: 100% !important;
    height: 32px;
    border: none;
    margin: 0;
    color: #fff;
    box-sizing: border-box;
    padding: 10px;
    /*text-indent: 10px !important;*/
	opacity:1;
	background-color: #5b5b5b;
	/*font-size: 1.6rem;*/
}

.innersp .spon input[type="text"] {
	opacity: 1;
}

.innersp input[type="submit"] {
 	display: none;
}

.innersp input[type="text"]:focus {
 	cursor: text;
 	opacity: 1;
	width:100%;
	/*min-width: 268px;*/
}

ul.headernavi2 li form input#field {
	padding: 0;
    margin: 0;
    height: 52px;
    /*width: 180px;
	width: 100%;*/
    padding-left: 10px;
}

/*===================================================*/
/*SP ナビゲーション*/
/*===================================================*/

nav {
	padding:0;
	margin:0;
}

:target:before {
   /*content:none;*/
}

:target:before {
   content:"";
   display:block;
   height:62px;
   margin:-62px 0 0;
}

/*===================================================*/
/*SP 見出し*/
/*===================================================*/

#news h2,
#deanmenu h2,
#program h2,
#pickup h2,
#content h2 {
	font-weight:500;
	color:#411051;
	display:block;
	padding:11px 14px 7px 14px;
	border-top:1px #411051 solid;
	border-bottom:1px #d0d0d0 solid;
	background-color: #f1f1f1;
	line-height: 1.2;
}

/*dean menu　見出し*/

body#home #news h2,
body#home #deanmenu h2,
body#home #program h2,
body#home #pickup h2,
body#home #content h2 {
	/*font-weight:500;
	color:#411051;
	display:block;
	padding:11px 14px 7px 14px;
	border-top:1px #411051 solid;
	border-bottom:1px #d0d0d0 solid;*/
	text-align:center;
	/*background-color: #f1f1f1;*/
}

/*===================================================*/
/*SP レフトブロック*/
/*===================================================*/

body#home #leftblock {
	display:block;
}

/*===================================================*/
/*SP メインイメージ*/
/*===================================================*/

#mainimage {
	padding:0;
	/*margin:60px 0 40px 0;
	margin:60px 0 0 0;*/
	margin:52px 0 0 0;
}

#mainimage li span {
	/*display:block;*/
	text-align:center;
	font-size:1.6rem;
	/*font-weight:bold;*/
	margin:0 auto;
	/*padding:4px;*/
}

#mainimage li span.sp {
	display: inline;
}

#mainimage li span.setting1 {
	display:none;
}

#mainimage li span.news_title_bbb,
#mainimage li span.news_content {
	display:none;
}

#maininner {
	margin: 0 15px;	
}

/*===================================================*/
/*SP メインイメージ上ニュース*/
/*===================================================*/

#mainimage  a {
    /*display: block;
    height: 37px;
    font-size: 1.3rem;
    color: #fff;
    text-align: center;
    padding: 10px;*/	
}

#mainimage .slide_text {
    background-color: #000;
    font-size: 1.3rem;
    color: #fff;
    height: 37px;
    /*height: 53px;*/
    text-align: center;
    padding: 8px;
	/*transition: 0.2s;*/
	
  /*opacity: 0;
  transition: all 3s ease 0s;*/
  
	/*width: 100%;
	box-sizing: border-box;*/
}

#mainimage .slide_text span.slide_title br {
	display: none;
}

#mainimage .news_title {
	/*display:block;
	margin:  8px;*/
}

#mainimage .slide_text span.slide_cat {
	display:none;
}

/*===================================================*/
/*SP コンテンツ*/
/*===================================================*/

#content {
	font-size: 1.6rem;
	margin:0px auto 0 auto;
}

#content .post-content {
	/*padding:0 10px 0 10px;*/
}

#content h2 {
	margin:0;
	margin-bottom:15px;
}

#content h3,
#content h4 {
	padding:0;
	margin:0;
	text-align:left;
	font-size:1.7rem;
	margin:12px 0;
	font-weight:500;
	border-bottom: 1px #666 dotted;
	border-bottom: 1px #d0d0d0 solid;
	height:auto;
	padding-bottom:3px;
	overflow: hidden;
}

#content h4 {
	border-bottom: none;
	margin:0;
}

#content p {
	/*font-size:1.4rem;
	font-size:1.45rem;*/
	font-size:1.6rem;
	text-align : left;
	/*margin-bottom:1em;*/
	margin-bottom:2.0rem;
	/*letter-spacing: 0.02em;*/
	/*line-height: 2.08;
	line-height: 1.6;*/
	line-height: 1.5;
	text-align: justify;
}

#content img.border,
#content img.message,
#content img.campuslife,
#content div.browser-shot img { 
	border: 1px #BDBDBD solid;
	padding: 3px;
	box-sizing: border-box;
}

#content .alignleft,
#content .alignright { 
	float: none;
	margin: 20px auto;
}

#content img.alignleft,
#content img.alignright { 
	display:block;
	margin: 0 auto;
}

#content .img-float-left,
#content .img-float-right { 
	float: none;
	text-align: center;
	margin: 20px auto;
}

#content .img-float-right table,
#content .img-float-left table,
#content .alignright table,
#content .alignleft table {
	margin-left: auto;
	margin-right: auto;
}

#content .img-float-right p,
#content .img-float-left p,
#content .alignright p,
#content .alignleft p {
	text-align: center;
	margin-bottom:0;
}

#content div.imgarea {
    /*width: 260px;
    float: right;
    margin-left: 1.5em;

    width: 40%;
    float: right;
    margin-left: 30px;*/
    background-color: #eee;
	font-size: 1.4rem;
	padding: 10px;
    /*padding: 30px;
	padding-bottom: 0;*/
}

#content div.imgarea p {
	font-size: 1.4rem;

}

#content div.imgarea p:last-child {
    margin-bottom: 0;
}

#content .point,
#content .important {
	background:#FFFFC6;
	padding:6px;
	border:3px #F2A3A3 dotted;
	font-size:1.4rem;
	color:#CC0033;
	font-weight:bold;
	text-align:center;
	margin:0 14px 1.5em 14px;
	line-height:1.75;
}

#content .important {
	background:#FFF3F3;
}

#content #menulink select {
	padding: 4px;
    background-color: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #d0d0d0;
    margin-bottom: 30px;
    font-size: 1.6rem;
    font-family: /*Roboto, */" Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
}

body.protocol #content textarea,
body.about #content textarea {
	border:1px solid #a9a9a9;
}

/*===================================================*/
/*SP パンくずリスト*/
/*===================================================*/

#breadcrumb {
	padding:0;
	margin:0;
	font-size:1.3rem;
	padding:62px 0 10px 0;
}

#breadcrumb ul.breadcrumb li {
	display:inline;
	font-size:1.3rem;
}

#breadcrumb ul.breadcrumb li a {
	display:inline-block;
    text-decoration: none;
    color: #55026d;/*色*/
	font-size:1.3rem;
}

#breadcrumb ul.breadcrumb li a:hover {
    text-decoration: underline;
}

#breadcrumb ul.breadcrumb li.home,
#breadcrumb ul.breadcrumb li a.breadhome {
	/*display:none;*/
}

#breadcrumb li:after {
	content: ">";
	padding: 0 6px;
	font-weight: 700;
	color: #555;
	font-family: monospace;
	/*font-size: 1.1rem;*/
}

#breadcrumb li:last-child:after{
  content: '';
}

#breadcrumb ul.breadcrumb li.current-item {
	font-size:1.3rem;
}

/*===================================================*/
/*SP コンテンツ リスト*/
/*===================================================*/

#content ul,
#content ol { 
	margin-bottom:1.5em;
	/*margin-left:24px;
	line-height:1.75;
	font-size: 1.4rem;*/
	font-size: 1.5rem;
	position: relative;
} 


#content ol { 
	list-style-type: decimal;
    margin: 0;
    /* margin-left: 8px; */
    padding: 0 3em;
	margin-bottom:1.5em;
} 

#content ol li { 
	line-height: 1.5;
	line-height: 1.55;
	/*padding: 0.5em 0.5em 0.5em 1.7em;*/
	padding: 0;
	list-style-type: unset;
} 

#content li { 
	/*margin-bottom:14px;
	background:#F7F7F7;
	padding:6px;
	list-style:disc;*/
} 

#content ul li {
	line-height: 1.5;
	line-height: 1.55;
	/*padding: 0.5em 0.5em 0.5em 1.7em;*/
	padding-left: 1.7em;
	list-style-type: none!important;
	/*list-style:none;
	background:url(images/list_ul_image.gif) no-repeat left 4px ;
	margin:0;
	padding:0 14px;*/
}

#content ul li:before { /*疑似要素*/
 	font-family: "Font Awesome 5 Free";
 	/*font-family: "Font Awesome 5 Free";*/
 	/*content: "\f105";*/
 	content: "\f054";
 	position: absolute;
 	left : 0.65em; /*左端からのアイコンまでの距離*/
 	/*color: orange;*/
 	color: #d4c2da;
	font-weight:900;
}

#content ul.hzonlist li:before { /*疑似要素*/
 	font-family: "Font Awesome 5 Free";
 	content: "\f107";
 	position: absolute;
 	left : 0.65em; /*左端からのアイコンまでの距離*/
 	color: #d4c2da;
	font-weight:900;
}

body.protocol #content ul li {
	background:none ;
}

#content ul li ul { 
	margin:0;
	padding:0;
} 

#content ul li ul li{ 
	margin:0;
	padding:0;
	margin-left:14px;
	padding:0 14px;
	list-style:none;
}

#content ul.pagemenu {
	/*padding:0;
	margin:0;*/
}

#content ul.ullist6 li {
	display: inline;
}

#content ul.news li strong {
    color: #F19402;
}

#content ul.hzonlist {
	padding: 10px;
	background-color: #f5f5f5;
	border-radius: 4px;
	border: 1px solid #d0d0d0;
	margin-bottom: 30px;
}

#content ul.hzonlist li {
	display: inline-block;
	position: relative;
}

/*===================================================*/
/*SP コンテンツ テーブル*/
/*===================================================*/
	
#content table {
	margin-bottom:1.5em;
	border-collapse: collapse;
	border:none;
	/*font-size:1.3rem;*/
	font-size:1.6rem;
}

#content table td,
#content table th {
	padding:4px;
	border:1px #d0d0d0 solid;
	vertical-align:top;
	background:#fff /*url(images/table_back_line.gif) no-repeat left top*/;
	/*line-height:145%;*/
}

#content table th {
	font-weight:500;
	background:#d4c2da /*url(images/table_back_line.gif) no-repeat left top*/;
	border-color: #d4c2da;
	border-color: #d0d0d0;
}

#content table td ol {
	padding:4px;
	margin:0;
	margin-left:12px;	
	background:none;
} 

#content table td li {
	padding:0;
	margin:0;
	margin-left:12px;	
	background:none;
} 

#content table a:link {
	/*font-weight: 500;*/
	text-decoration: underline;	
	/*font-size:1.6rem;*/
}

#content table p {
	font-size:1.6rem;
	margin-bottom: 0;
}


#content table td ul {
	margin:0;
	padding-left:24px;
	line-height:145%;
}

#content table td ul li {
	list-style:square;
	background:none;
	margin:0;
	padding:0;
}

#content table.sptable th,
#content table.sptable td {
        display: block;
        border-top: none;
}

#content table.sptable tr:first-child { 
	border-top: 1px solid #d0d0d0; 
}

#content table.sptable .sptablehead {
	background:#C2C2CE /*url(images/table_back_line.gif) no-repeat left top*/;
	vertical-align:middle;
}

#content p.edit,
#content p.gotop {
	display:none;
}

#content table.pub2 td img {
	margin-top:4px;
	margin-bottom:4px;
	margin-right:0;
	margin-left:0;
	background:#fff;
}

#content table.pub2 td {
	padding-right:5px;
	padding-left:5px;
	padding:5px;
	text-align:center;
}

#content img.border {
	/*border:1px #BDBDBD solid;
	padding:3px;*/
}

#content img.border2 {
	/*border:1px #BDBDBD solid;*/
}

#content div.scroll {
	overflow: auto;
	/*white-space: nowrap;*/
}

#content div.scroll table th, 
#content div.scroll table td {
	padding: 3px;
	font-size: 1.3rem;
}

#content div.scroll table th {
	white-space: nowrap;
}

#content div.scroll::-webkit-scrollbar {
	height: 5px;
}

#content div.scroll::-webkit-scrollbar-track {
	background: #F1F1F1;
}

#content div.scroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}

#content dl {
	
}

#content dt {
	font-weight: 500;
}

#content dd { 

}

/*===================================================*/
/*SP 広報誌弥生*/
/*===================================================*/

#content table.yayoi_back img {
	width: 100px;
	margin-top: 10px;
}

#content table.yayoi_back img.border {
	background-color: #fff;
}

#content table.yayoi_back td,
#content table.yayoi_back th {
	padding: 4px;
}

#content table.yayoi_back tr td {
	background-color: transparent;
}

#content table tr td.yayoi_td {
    text-align: center;
    vertical-align: middle;
    background-color: #eee5f1;
    font-weight: 400;
    line-height: 1.4;
}

#content table.yayoi_back tr:nth-child(2n+1) {
  background-color: #f9f9f9;
}

#content table.yayoi_back tr:hover {
  background-color: #eee5f1;
}

/*===================================================*/
/*SP トップ見出し*/
/*===================================================*/

/*Cinzel使用の特別見出し*/

#news h2.toph2,
#deanmenu h2.toph2,
#program h2.toph2,
#pickup h2.toph2 {
	font-size: 1.7rem;
	color: #55026D;
	background-color: #fff;
	border-top: 2px solid #5c326a;
	border-bottom: none;
}

#news h2.toph2 span.eng,
#deanmenu h2.toph2 span.eng,
#program h2.toph2 span.eng,
#pickup h2.toph2 span.eng {
	font-size: 2.2rem;
	display:block;
	font-family: Cinzel;
	font-weight: 400;
}

#news h2.toph2 span.jp,
#news h2.toph2 span.sp,
/*#deanmenu h2.toph2 span.jp,*/
#deanmenu h2.toph2 span.sp,
#program h2.toph2 span.jp,
#program h2.toph2 span.sp,
#pickup h2.toph2 span.jp,
#pickup h2.toph2 span.sp {
	display:none;
}

#deanmenu h2.toph2 span.jp {
	font-size: 1.6rem;	
	font-weight: normal;
    margin-bottom: 11px;
    display: block;
}

/*===================================================*/
/*SP dean menu */
/*===================================================*/

#deanmenu {
	/*padding:0;
	width:224px;
	margin:0;*/
	color:#333333;
	/*margin-bottom:40px;
	display:none;*/
}

#deanmenu h2.deanmenusub {
	font-size: 1.5rem;
	margin-bottom: 13px;
}

#deanmenu ul {
	margin-left: 13px;
	/*margin-bottom:11px;*/
}

#deanmenu ul li {
	line-height:1.65;
	font-size: 1.3rem;
	float: left;
	width: 50%;
}

#deanmenu ul li.w100 {
	width: 100%;
}

#deanmenu div {
	margin-bottom:11px;	
}

#deanmenu a span {
	display: none;
}

#deanmenu div.deanimg img {
	display:none;
}

#deanmenu div.deanimg {
	margin-bottom:0;
}

/*===================================================*/
/*SP お知らせ*/
/*===================================================*/

#news {
	text-align:left;
}

#news {
	margin-bottom:20px;
}


#news ul.info li {
    position: relative;
    display: table;
    width: 100%;
    padding-top: 20px;
    /*margin-bottom: 20px;
    border-top: 1px solid #ccc;*/
}

#news ul.info li:nth-child(7),
#news ul.info li:nth-child(8),
#news ul.info li:nth-child(9){
	display:none;
}

#news div.newsimg {
    float: left;
    width: 40%;
    border: solid 1px #dedede;
    box-sizing: border-box;
}

#news div.newsimg img {
	height: auto;
    width: 100%;
}

#news div.newstxt {
	float: right;
    width: 60%;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 1.3rem;
    padding-left: 18px;
    line-height: 1.45;
}

#news p.newstags {
	/*display:none;*/
}

#news p.newstags {
	display:block;
	font-size: 1.1rem;
}

#news div.newstxt p.newstags span {
	margin: 5px 0 4px 0;
    padding: 2px 4px;
    /*color: #fff !important;*/
    /*line-height: 17px;*/
    vertical-align: top;
    /*border: 1px solid transparent;*/
    border-radius: 0;
    display: inline-block !important;
	margin-right: 2px;
}

/*トピックス*/
#news div.newstxt p.newstags span.tag-news,
#news div.newstxt p.newstags span.tag-news_e {	
	background-color: #fbcb33;
}

/*研究成果*/
#news div.newstxt p.newstags span.tag-topics,
#news div.newstxt p.newstags span.tag-topics_e {	
	background-color: #b4a2c8;
}

/*研究成果*/
#news div.newstxt p.newstags span.tag-topics2,
#news div.newstxt p.newstags span.tag-topics2_e,
#news div.newstxt p.newstags span[class*="tag-topics2"],
#news div.newstxt p.newstags span[class*="tag-topics3"],
#news div.newstxt p.newstags span[class*="tag-topics4"],
#news div.newstxt p.newstags span[class*="tag-topics5"] {	
	background-color: #93ca76;
}

/*イベント*/
#news div.newstxt p.newstags span.tag-event,
#news div.newstxt p.newstags span.tag-event_e {	
	background-color: #e7888c;
}

#news p.date {
	font-size: 1.2rem;
	color: #999999;
}

#news .oldnews {
	clear:both;
	margin: 20px 0;
}

#news .oldnews p {
	font-size: 1.3rem;
	text-align:center;
}

/*===================================================*/
/*SP 更新情報タブ*/
/*===================================================*/

div#tabs {
	float: right;
	float: none;
    overflow: hidden;
	/*margin-top: 34px;*/
}

div#tabs:after {
	content: "";
    display: block;
    height: 0;
    clear: both;
    border-bottom: 1px solid #d0d0d0;
    margin-top: -1px;
}

div#tabs ul.tab {
	overflow:hidden;
	/*float:right;
	text-align:center;*/
	overflow: hidden;
    padding: 0 5px;
    margin: 0;
}
	
div#tabs ul.tab li {
    /*min-width: 5em;*/
	float: left;
    width: 25%;
    height: 32px;
    height: 38px;
    border: 1px solid #d0d0d0;
	border-left: none;
    background: #f1f1f1;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1.2rem;
    box-sizing: border-box;
}

div#tabs ul.tab li ~ li {
    /*margin-left: 12px;*/
}

div#tabs ul.tab li span {
    display: inline-block;
    /*padding: 0 10px;
    font-size: 12px;*/
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    line-height: 32px;
    line-height: 38px;
    /*color: #333;*/
    box-sizing: border-box;
	
	font-size: 1.2rem;
    /*padding: 0 12px;*/
}	

div#tabs ul.tab li:first-child{
	border-left:1px solid #d0d0d0;
}
	
div#tabs ul.tab li.select{
	/*font-weight:500;*/
	background: #fff;
	color: #5c326a;
    border-bottom: 1px solid #fff !important;
}

div#tabs ul.tab li:hover {
	/*font-weight:500;*/
	/*color:#CC0033; */
	/*text-decoration:underline;*/
}


div#tabs  ul.tab li{
	cursor: pointer;
}

.hide {
	display:none;
}

/*===================================================*/
/*SP 専攻専修一覧*/
/*===================================================*/

.clr {
    display: block;
    min-height: 1%;
    height: 1%;
    display: block;
}

#content .dep-box {
	padding-top: 20px;	
}

#content .dep-block {
    width: auto;
    float: none;
    margin: 0 0 27px;
    display: block;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	-webkit-tap-highlight-color: transparent;
	transition: .3s ease-out;
	overflow: hidden;
	opacity:1;
}

#content .dep-block:hover {
	/*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);*/
    opacity: 0.75;
}

#content .dep-senshu-kara  .dep-block {
	box-shadow: none;
}

#content .dep-header {
    -moz-background-size: cover;
    background-size: cover;
    padding: 14px 0;
    padding: 32px 0;
    border: none;
	text-align:center;
    /*margin: 0 0 7px;*/
}

#content .dep-title {
    background: #fff;
}

#content .dep-title {
    display: inline-block;
    font-size: 1.8rem;
    padding: 10px 0;
    color: #333;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    box-sizing: border-box;
	text-decoration: none;
	transition: all 0.4s ease;
	opacity: 0.9;
}

#content .dep-senshu-kara .dep-title {
    font-size: 1.5rem;
}

#content .dep-title a {
	text-decoration: none;
}

#content .dep-title span {
 	display: block;
    letter-spacing: 0.5px;
	color: #9a9a9a;
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: 0;
	display:none;
}

/* 専修から選ぶ */
#content .dep-key .dep-title {
	/*font-size: 1.8rem;*/
}

#content .dep-key .dep-title span {
	font-size:1.1rem;
}

#content .dep-senshu-kara .dep-title span {
    letter-spacing: -0.5px;
}

#content .dep-senshu-kara .dep-header {
    padding: 24px 0;
}

#content .dep-senshu-kara .dep-block {
    padding: 0 10px 0 10px;
    width: 50%;
    box-sizing: border-box;
	float: left;
}

#content .dep-foot {
    /*padding: 3px 18px 17px;
    padding: 15px 16px 15px;*/
	padding: 10px;
    color: #333;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: -0.05em;
}

#content .depwrapper a div.dep-foot {
    text-decoration: none;
    font-weight: 300;
}

#content .depwrapper a div.dep-foot, 
#content .depwrapper a:link {
    text-decoration: none;
}

#content .dep-senshu .dep-foot {
    min-height: auto;
}

#content .dep-foot.dep-blue {
	background-color: #d6dcea
}

#content .dep-foot.dep-green {
	background-color: #d0e4d8
}

#content .dep-foot.dep-orange {
	background-color: #faebd7
}

/*背景画像 キーワードから選ぶ*/
#content .dep-key01 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key01.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key02 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key02.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key03 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key03.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key04 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key04.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key05 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key05-2.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key06 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key06-2.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key07 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key07.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key08 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key08.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key09 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key09.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key10 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key10.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key11 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key11.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key12 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key12.jpg') no-repeat center center;
	background-size: cover;
}





/*背景画像 専修のご紹介*/
#content .dep-katei1 {
	/*background: url('../../../wp-content/uploads/faculty/seimeikagaku-123.jpg') no-repeat center center;*/
	background: url('../../../wp-content/uploads/faculty/thm_seimeikagaku.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-katei2 {
	background: url('../../../wp-content/uploads/departments/g-engineering.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-katei3 {
	/*background: url('../../../wp-content/uploads/faculty/juui-1.jpg') no-repeat center center;*/
	background: url('../../../wp-content/uploads/departments/thm_dep12.jpg') no-repeat center center;
	background-size: cover;
}


/*背景画像 課程・専修 + 専修から選ぶ*/
#content .dep-seimeikagaku {
	background: url('../../../wp-content/uploads/faculty/thm_seimeikagaku.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-ouyouseibutsu {
	background: url('../../../wp-content/uploads/faculty/thm_ouyouseibutsu.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-shinrinseibutsu {
	background: url('../../../wp-content/uploads/faculty/thm_shinrinseibutsu.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-suikenseibutsu {
	background: url('../../../wp-content/uploads/faculty/thm_suikenseibutsu.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-doubutsuseimei {
	background: url('../../../wp-content/uploads/faculty/thm_doubutsuseimei.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-seibutsusozai {
	background: url('../../../wp-content/uploads/faculty/thm_seibutsusozai.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-ryokuchi {
	background: url('../../../wp-content/uploads/faculty/thm_ryokuchi.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-shinrinkankyo {
	background: url('../../../wp-content/uploads/faculty/thm_shinrinkankyo.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-mokushitu {
	background: url('../../../wp-content/uploads/faculty/thm_mokushitu.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-kankyoukougaku {
	background: url('../../../wp-content/uploads/faculty/thm_kankyoukougaku.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-nougyoukeizai {
	background: url('../../../wp-content/uploads/faculty/thm_nougyoukeizai.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-fieldkagaku {
	background: url('../../../wp-content/uploads/faculty/thm_fieldkagaku.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-kokusaikaihatsu {
	background: url('../../../wp-content/uploads/faculty/thm_kokusaikaihatsu.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-juui {
	background: url('../../../wp-content/uploads/faculty/thm_juui.jpg') no-repeat center center;
	background-size: cover;
}


/*背景画像 専攻*/
#content .dep-agrobio {
	background: url('../../../wp-content/uploads/departments/thm_dep01.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-chem {
	background: url('../../../wp-content/uploads/departments/thm_dep02.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-biotech {
	background: url('../../../wp-content/uploads/departments/thm_dep03.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-forest {
	background: url('../../../wp-content/uploads/departments/thm_dep04.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-fish {
	background: url('../../../wp-content/uploads/departments/thm_dep05.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-economics {
	background: url('../../../wp-content/uploads/departments/thm_dep06.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-engineering {
	background: url('../../../wp-content/uploads/departments/thm_dep07.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-material {
	background: url('../../../wp-content/uploads/departments/thm_dep08.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-global {
	background: url('../../../wp-content/uploads/departments/thm_dep09.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-ecosystem {
	background: url('../../../wp-content/uploads/departments/thm_dep10.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-animal {
	background: url('../../../wp-content/uploads/departments/thm_dep11.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-veterinary {
	background: url('../../../wp-content/uploads/departments/thm_dep12.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-cat {
    text-align: center;
}

#content .dep-cat-link {
	text-align: center;
	margin: 20px 0 10px;
}

#content .dep-cat-link div {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 1.8rem;
    color: #333;
    display: inline-block;
}

#content .dep-cat-link div.linkleft {
	float: left;
}

#content .dep-cat-link div.linkright {
	float: right;	
}

#content .dep-cat-link a {
    display: inline-block;
    /*border-radius: 1.5rem;*/
    border-radius: 28px;
    height: 28px;
    line-height: 28px;
    position: relative;
    transition: all .2s ease;
    color: #333;
    border: 2px solid #c5a6c7;
    background-color: #fff;
    text-decoration: none;
    width: 220px;
    padding: 6px;
	margin-bottom: 6px;
}

#content .dep-cat-link a:hover {
	transition: none;
	color: #fff;
    background-color: #520d68;
    border-color: #520d68;
   transition: all .4s ease;
}

/*引用*/
	
.depwrapper blockquote {
    position: relative;
    padding: 5px 10px 5px 32px;
    box-sizing: border-box;
    font-style: italic;
    background-color: #eaeaea;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
}

.depwrapper blockquote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -15px;
    width: 40px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #92d4ff;
    box-shadow: 0 2px 2px rgba(26, 26, 26, 0.14);
    font-weight: 900;
}

.depwrapper blockquote:after{
    position: absolute;
    content: '';
    top: 40px;
    left: -15px;
    border: none;
    border-bottom: solid 8px transparent;
    border-right: solid 15px #6eb3e0;
}

#content .depwrapper blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    /*line-height: 1.7;*/
	font-size: 1.4rem;
}

.depwrapper blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}


#content .depwrapper h3 {
	font-size: 2.4rem;
	font-weight: 400;
	border: none;
}
#content .depwrapper h3 {
	position: relative;
	display: inline-block;
	padding: 0 45px;
}

#content .depwrapper h3:before,
#content .depwrapper h3:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 35px;
	height: 1px;
	background-color: black;
}

#content .depwrapper h3:before {left:0;}
#content .depwrapper h3:after {right: 0;}


/* 専修のご紹介 */
#content .dep-katei .dep-cat-link {
	margin: 0;
	
}

#content .dep-katei .dep-header {
	padding: 30px 0;
}


#content .dep-katei .dep-cat-link a {
    width: 250px;
    margin-top: 6px;
	border: 2px solid #b5b5b5;
}

#content .dep-katei .dep-cat-link a:hover {
	color: #333;
    background-color: transparent;
    border-color: #b5b5b5;
    transition: all .4s ease;
}

#content .dep-katei .dep-foot {
    /*height: 470px;*/
}

#content .dep-katei .dep-foot span {
	font-size: 1.4rem;
    line-height: 1.5;
	/*height: 100px;*/
	display:block;
}

/*===================================================*/
/*SP ボタンリスト*/
/*===================================================*/

#content ul.ulbox * {
	box-sizing:border-box
}

#content ul.ulbox {
	margin: 0;
	padding: 0;
	list-style: none
}

#content ul.ulbox li {
	padding:0;
	margin:0;
	float: left;
	/*padding: 0 14px 20px;*/
	padding: 0 10px 14px 10px;
	width: 50%;
	box-sizing: border-box;
}

#content ul.ulbox li:nth-child(2n) {
	/*padding-right: 0;*/
}

#content ul.ulbox li a {
	padding:0;
	margin:0;
	display: block;
	position: relative;
	height: auto;
    /*height: 124px;
    width: 222px;*/
	overflow: hidden;
}

#content ul.ulbox li a:hover {
	background-color: #eeeeee;
	/*opacity: 0.8; */
}

#content ul.ulbox li a:hover img {
	transition: all 0.3s ease;
    transform: scale(1.1);
}	

#content ul.ulbox img {
	width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom; 
}

#content ul.ulbox li a span.ulboxtext {
	padding: 4px 4px;
	background-color: rgba(47, 1, 62, 0.8);
	color: #ffffff;
	display:block;
	font-size: 1.3rem;
}

#content ul.ulbox.ulboxkey li a span.ulboxtext {
	background-color: rgba(119, 55, 140, 0.8);

}

#content ul.ulbox li a span.ulboxtext {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-weight: 400;
}

#content ul.ulbox li:before {
	content: none;	
}

/*===================================================*/
/*SP ピックアップ・リンク*/
/*===================================================*/

#deanmenu {
	/*text-align:left;
	margin-bottom: 20px;*/
}

#deanmenu img {
	/*width:50%;
	float:left;
	margin-right:10px;*/
}

#links p.link,
#links h2 {
	/*display:block;*/
}

.info li span a {
	/*display:block;*/
}

#news .info li span a {
	/*display:inline;*/
}

/*===================================================*/
/*SP フッター*/
/*===================================================*/

#footerwrapper {
	clear:both;
	width:100%;
	background-color: #c9b3d0;
    background-image: linear-gradient(to bottom, #c9b3d0 0%, #aa87b5 100%);
	/*border-top:5px #93c51b solid;*/
}

footer {
	text-align : center;
	padding:10px;
	color:#fff;
}

#footer, #footer a {
	color:#fff;
}

footer p {
	/*line-height:1.25;*/
}

footer span {
	display:block;
}

#footer span.address1/*,
#footer span.fax*/ {
	display:none;
}

#footerspnavi {
	width:100%;
	text-align:center;
	margin-top:12px;
	margin-bottom:12px;
}

#footerbottom #copyright p {
    font-size: 1.2rem;
}

#footerbottommenu {
	margin:0 auto 10px auto;
	padding:0;
	/*width:90%;*/
	clear:both;
}

#footerbottommenu ul li {
	display: inline;
	font-weight:normal;
	margin-right: 6px;
	padding-right: 8px;
	border-right: 1px solid #e7e1e8;
	font-size: 1.2rem;
	/*color: #666;*/
	text-decoration: none;
	/*line-height: 2;*/
}

#footerbottommenu ul li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}

/*===================================================*/
/*SP フッターナビ*/
/*===================================================*/

#page-top {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 10px;
    margin: 0;
    padding: 0;
	/*transition: all .2s ease;*/
}

#page-top a {
    color: #fff;
    display: block;
    background-color: rgba(255, 255, 255, 0.0);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%;
    border: solid 2px rgba(255,255,255,0.5);
    width: 5rem;
    height: 5rem;
}

#page-top a:hover {
    /* color: #6a6a6a;*/
	text-decoration: none;
    background-color: rgba(0,0,0,0.5);
    border-color: #fff;
}

/*===================================================*/
/*SP 外部リンクアイコン*/
/*===================================================*/

a[target^="_blank"]:after {
	/*content: "\f35d";
 	font-family: "Font Awesome 5 Free";
	font-weight:900;*/
}

a[target^="_blank"]:after {
	/*display: inline;
	padding-right: 16px;
	background: url(images/icon_exlink.gif) no-repeat right center;*/
    margin:0 .3em;
	content: url(images/icon_exlink.gif);
}

div#content div.post table td a[target^="_blank"] {
	/*display: inline;
	padding-right: 16px;
	background: url(images/icon_exlink.gif) no-repeat right center;*/
    /*margin:0 .3em;
	content: url(images/icon_exlink.gif);*/
}

a[href$=".pdf"] {
	background: none;
	padding-right: 0;
}

#content a[href$=".pdf"]:after {
	content: "\f1c1";
 	font-family: "Font Awesome 5 Free";
	font-weight:500;
    margin:0 .3em;
}

#content a[href$=".xls"]:after,
#content a[href$=".xlsx"]:after {
	content: "\f1c3";
 	font-family: "Font Awesome 5 Free";
	font-weight:500;
    margin:0 .3em;
}

#content a[href$=".doc"]:after,
#content a[href$=".docx"]:after {
	content: "\f1c2";
 	font-family: "Font Awesome 5 Free";
	font-weight:500;
    margin:0 .3em;
}

#content a.noicon:after {
	content: none;
}

#content a.noicon {
	background:none;
	padding-right:0;
}

footer a[target^="_blank"],
#navi a[target^="_blank"] {
	background: none;
	padding-right: 0;
}

footer a[target^="_blank"]:after
/*#navi a[target^="_blank"]:after*/ {
	content: none;
}

/*===================================================*/
/*個別修飾*/
/*===================================================*/

.graybold {
	color:#797979;
	font-weight:500;
}

.redbold {
	color:#CC0033;
	font-weight:500;
}

.yellowbold {
	color:#F19402;
	font-weight:500;
}

.bluebold {
	color:#0134ad;
	font-weight:500;
}

.greenbold {
	color:#159648;
	font-weight:500;
}

.orangebold {
	color:#d07905;
	font-weight:500;
}

.big{
	font-weight:500;
	font-size:2.0rem;
	font-family:'Arial';
}

hr.visible {
	padding: 0;
	margin: 0;
	display: block;
	height: 1px;
	color: #c0c0c0;
	background-color: #c0c0c0;
	border: 0;
	margin-left: 7px;
	margin-bottom: 1em;
}

.breadcrumb br, h2 br {
	display: none;
}

/*===================================================*/
/*SP デスクトップ要素非表示*/
/*===================================================*/

.pc {
	display:none;
}

.slicknav_menu {
	display:none;	
} 

@media screen and (min-width:360px) and ( max-width:768px) {

#headermain a {
	padding:0;
	margin:0;	
	display:block;
	position: fixed;
	top:9px;
	left:7px;
	width:256px;
	height:35px;
	border:none;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/header_logo_sp.png) no-repeat;
	background-size:100% 100%;
	transition: .2s;
}

#mainimage .slide_text {
    font-size: 1.3rem;
	padding: 10px;
	/*height: 57px;
	box-sizing:border-box;*/
}

}

/*===================================================*/
/*SP メニュー表示*/
/*===================================================*/

@media print, screen and (max-width: 768px) { /*768pxまで*/
    /* #menu is the original menu */
    #menu {
        display:none;
    }
     
    .slicknav_menu {
        display:block;
    }

    .sub-menu {
                position: inherit;
    }

}

/*===================================================*/
/*IE11用*/
/*===================================================*/

@keyframes slideFromRight {
  0%, 25% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}


@keyframes anim {
from {
	transform: scale(1,1);
}

to {
	transform: scale(1.1,1.1) rotate(0.1deg);
}

}

/*===================================================*/
/*PC サイト用*/
/*===================================================*/

@media print, screen and (min-width:769px) { /*769以上*/

html {
	font-size: 62.5%;
	scroll-behavior: smooth;
	font-weight: 400;
	background-color: transparent;
}

.pc {
	display:block;
}

.sp {
	display:none;
}

body {
	line-height:1;
	letter-spacing:normal;
	font-size: 1.0rem;
	padding: 0;
	/*background-color: #aa87b5;*/
}

h1, h2, h3, h4, h5, h6,
.info li p { 
	line-height:1;
}

h2{
	font-size:1.4rem;
	letter-spacing:normal;
	font-weight:bold;	
}

.is-fixed {
	/*position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	transition: all 0.3s;*/
	/*overflow:hidden;*/
}

.fixed {
	position: fixed;
    top: 0px;
    left: 0px;
   /*position: fixed;
    top: 0;*/
    width: 100%;
	opacity: 0.95;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25)
	/*ztransform: translate(0px, 0px);*/
     /*z-index: 10000;*/
}

.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

/*===================================================*/
/*PC リンクの色の基本設定*/
/*===================================================*/

a:link, a:visited	{ 
	color:#333; 
	text-decoration: none; 
	border:none;
	font-weight: 400;
}

#content a:link,
#content a:visited	{ 
	font-weight: 400;
}

a:hover				{ 
	color:#CC0033;
	color:#5c326a;
	text-decoration:underline; 
}

a {/*font-weight:bold;*/}

/*===================================================*/
/*マルチカラム*/
/*===================================================*/

.flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.flex.w2_1 .item {
	width: 50%;
}

.flex.w3_1 .item {
	width: 33.3%;
}

.flex.w4_1 .item {
	width: 25%;
}

.flex.w5_1 .item {
	width: 20%;
}

.flex.w6_1 .item {
	width: 16.6%;
}

.flex.w8_1 .item {
	width: 12.5%;
}

.item {
	padding: 15px;
 	text-align: center;
    box-sizing: border-box;
}

#content .flex .item p {
	text-align:center;
}

/*===================================================*/
/*PC ラッパー*/
/*===================================================*/

#wrapper {
		/*max-width: 1200px;*/
		margin:0 auto;
		text-align:left;
		min-width: 1200px;
		background-color: #fff;
}

/*===================================================*/
/*PC ヘッダー*/
/*===================================================*/

#headerwapper {
	padding:0;
	margin:0;
	height:203px;
	/*margin-bottom:40px;*/
	background-color:#ff00ff;
	position:relative;
	/*transition: 0.3s;*/
}

#headerinner {
	/*padding:0;
	margin:0 auto;
	background-color:#ff00ff;
	position:relative;*/
	/*width: 1024px;*/
}

#header {
	/*position: static;*/
	position:relative;
	padding:0;
	margin:0 auto;
	text-align : left;
	border:none;
	height:203px;
	/*margin-bottom:40px;*/
	/*background-color:#ff00ff;*/
	/*transition: transform 0.5s, opacity 0.5s, box-shadow 0.5s;*/
}


#headertopmenu {
	height:31px;
	background-color:#c9b3d0;
	background-image: linear-gradient(to bottom, #c9b3d0 0%, #aa87b5 100%);
	margin:0 auto;
}

#headertopmenuinner {
	width: 1024px;
	margin:0 auto;
	text-align:right;
	height:31px;
	/*background-color:#ff00ff;*/
}

#headertop {
	height:95px;
	/*background-color:#ff00ff;*/
}

#headertopinner {
	width: 1024px;
	margin:0 auto;
	height: 95px;
	/*background-image:url(images/header_test.png);*/
	/*background-color:#ff00ff;*/
}

ul.headernavi1, 
ul.headernavi2 {
	/*display:block;
	line-height:1;*/
}

ul.headernavi1 {
	text-align: right;
    margin: 0 auto;
}

ul.headernavi1 li {
    display: inline-block;
	margin-right:12px;
	color:#fff;
    padding-top: 9px;
    letter-spacing: normal;
    vertical-align: middle;
    line-height: 1;
    font-size: 1.2rem;
	/*font-weight:bold;*/
}

ul.headernavi1 li a {
	font-weight:300;
	color:#fff;
}

ul.headernavi1 li a {
	/*font-size:12px;
	color:#fff;
	display:block;
	margin-right:11px;
	float:left;
	font-weight:normal;
	line-height: 31px;*/
}

body#home #header {
	/*margin-bottom:20px;*/
}

header h1 {
	margin:0;
	padding:0;
}

#headerleft {
	float:left;
	display:block;
}

#headerleft a {
	position: relative;
	display:block;
	width:124px;
	height:46px;
	padding:0;
	margin:0;
	text-align : left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/header_logo_ut.png) no-repeat top left;
	margin: 25px 0 0 10px;
}

#headermain {
	float:left;
}

#headermain a {
	position: relative;
	display:block;
	width:610px;
	height:64px;
	padding:0;
	margin:0;
	text-align : left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/header_logo_au.png) no-repeat top left;
    /*margin: 15px 0 0 77px;*/
	margin: 6px 0 0 70px;
    /*position: static;*//**/
	transition: .2s;
}

#headermain h1 {
	display: inline;
}

#headermain p {
	display:none;
}

#headerright {
	float:right;
	padding:0;
	margin:0;
	width: 95px;
	margin-top: 30px;
	/*position: static;*//**/
	position: relative;
	right: 0;
    background-color: transparent;
}

#headerright ul.headernavi1 {
	/*background:#e6e6e7;*/
	/*margin-top:26px;*/
}


#headerright ul.headernavi2 li a {
	font-size:1.2rem;
	font-weight: 500;
	display:block;
	float:left;
	display: inline-block;
	text-decoration: none;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	border: solid 2px #aeaaaa;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	transition: .4s;
}
	
#headerright ul.headernavi2 li a.btn1{
 	border: solid 2px #aeaaaa;
	margin-right:10px;
	display:block;
 	width: 32px;
 	height: 32px;
}

#headerright ul.headernavi2 li a.btn2{
 	border: solid 2px #fabe00;
 	width: 32px;
 	height: 32px;
	background:url(images/header_logo_search.png) no-repeat;
	background-size: 100% 100%;
}

/*===================================================*/
/*PC サイト検索*/
/*===================================================*/

 #searchform * {
 	box-sizing: border-box;
}

.inner {
	position: absolute;
    height: 36px;
    width: 36px;
    left: 46px;
    top: 0;
}

.inner .btn2 {
 	display: inline-block;  
 	border-radius: 50%;
 	height: 36px;
 	line-height: 36px;
 	margin: 0 auto;
 	text-align: center;
 	width: 36px;
}

.inner #searchform {
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
}

.inner input[type="text"] {
 	background: #fff;
 	border: none;
 	border-radius: 18px;
 	color: #333;
 	cursor: pointer;
 	height: 36px;
 	opacity: 0;
 	outline: none;
 	padding: 5px;
 	position: absolute;
 	top: 0;
 	right: 0;
 	transition: all 0.7s;
 	width: 36px;
 	z-index: 5;
 	border: solid 2px #fabe00;
}

.inner input[type="submit"] {
 	display: none;
}

.inner input[type="text"]:focus {
 	cursor: text;
 	opacity: 1;
 	width: 180px;
 	padding-left: 10px;
}

ul.headernavi2 li form input#field {
	padding: 0;
    margin: 0;
    height: 36px;
    padding-left: 10px;
}

/*===================================================*/
/*PC メニュー*/
/*===================================================*/

:target:before {
   content:"";
   display:block;
   height:77px;
   height:87px;
   margin:-77px 0 0;
   margin:-87px 0 0;
}

#navimenu {
	display:block;
	padding:0;
	margin:0;
	text-align : left;
	/*background-color:#660066;*/
	/*width: 1024px;*/
	height: 77px;
}

#targetnavi {
	position: relative;
	/*background-color: #f1f1f1;*/
	background-image: linear-gradient(to bottom, #f1f1f1 0%, #dadada 100%);
	height:33px;
	border-top: 1px solid #d0d0d0;
	font-weight: 400;
}

#targetnaviinner {
	position: relative;
	width: 1024px;
	margin: 0 auto;
	height:33px;
	border-right: 1px solid #d0d0d0;
}

#targetnavi a {
	font-size:1.3rem;
	/*font-weight:bold;*/
	color:#333333;
	display:block;
	float:left;
	text-align:center;
	border-left: 1px solid #d0d0d0;
	line-height:33px;
	transition: all 0.4s ease;
	/*padding:12px 0 0 0;*/
	/*background:#fff;*/
}

#targetnavi a:hover,
#targetnavi li.current_page_parent a,
#targetnavi li.current_page_item a {
	background-color:#d7d7d7;
	background-image: linear-gradient(to bottom, #e8e3e3 0%, #ababab 100%);
	text-decoration:none;
	/*color:#fff;*/
}

#targetnavi a {
	width:145px;
	/*width: calc(100% / 7);
    box-sizing: border-box;*/
}

#targetnavi li a.tnav1,
#targetnavi li a.tnav7,
#targetnavi li.menu-item-421 a,
#targetnavi li.menu-item-423 a,
#targetnavi li.menu-item-439 a,
#targetnavi li.menu-item-1330 a,
#targetnavi li.menu-item-1335 a  {
	width:146px;
}

#navimenu nav#navi ul#menu li ul {
	display:none;
}

#navi {
	position: relative;
    background-color: #2f013e;
    background-image: linear-gradient(to bottom, #4d0065 0%, #2f013e 100%);
	height:43px;
	font-weight: 400;
}

#naviinner {
	position: relative;
	width: 1024px;
	margin: 0 auto;
	height:43px;
	border-right: 1px solid #5d3a69;
}

#navi ul#menu {
	position: relative;
    overflow: hidden;	
}

#navi ul#menu li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0px;
    width: 128px;
}

#navi ul#menu li a {
	font-size:1.55rem;
	/*font-weight:bold;*/
	color:#fff;
	display:block;
	float:left;
	text-align:center;
	/*padding:15px 0 0 0;*/
	border-left: 1px solid #5d3a69;
	height:43px;
	line-height:43px;
	transition: all 0.4s ease;
	/*background:#fff;*/
	width:127px;
}

#navi ul#menu li a:hover,
#navi ul#menu li.current_page_parent a,
#navi ul#menu li.current_page_item a {
	background:#55026d;
	text-decoration:none;
	background-image: linear-gradient(to bottom, #6b008c 0%, #48015f 100%);
}


#navi ul#menu li ul.sub-menu,
#navi ul#menu li ul.sub-menu {
	display: none;
	/*position: absolute;
	top: 100%;
	left: 0;*/
	padding: 10px;
	z-index: 1;
	font-weight:  normal;
	/*width: 100%;*/
	background-color: #fff;
	background-color: #55026d;
	text-align: left;
	width: 210px;
	float: left; /*メニュー枠を使用する*/
	opacity: 0.9;
}
			
#navi ul#menu li ul.sub-menu li,
#navi ul#menu li ul.sub-menu li {
	text-align: left;
	/*width: 100%;*/
}
		
#navi ul#menu li ul.sub-menu li a,
#navi ul#menu li ul.sub-menu li a {
    color: #980410;
	text-align: left;
	border: none;
	display: block;
	white-space: nowrap;
	color: #333;
	color: #fff;
	height: auto;
	font-size: 1.3rem;
	line-height: 1.6;
	padding: 4px 10px;
    width: auto;
	font-weight: 300;
    /*box-sizing: border-box;*/
	/*background-color: #fff;
	background-color: #2f013e;*/
}

#navi ul#menu li ul.sub-menu li a,
#navi ul#menu li ul.sub-menu li a {
	/*display:block;*/
}

#navi ul#menu li ul.sub-menu li a:hover,
#navi ul#menu li ul.sub-menu li a:hover {
	/*background-color: aqua;*/
	color: #c9b3d0;
}

#navi ul#menu li.current_page_parent ul.sub-menu li a,
#navi ul#menu li.current_page_item ul.sub-menu li a,
#navi ul#menu li ul.sub-menu li a:hover,
#navi ul#menu li.current_page_parent  ul.sub-menu li a:hover,
#navi ul#menu li.current_page_item ul.sub-menu li a:hover {
	background:#55026d;
}

#navi ul#menu li#menu-item-1352 > ul.sub-menu {
	width: 230px;
}

#navi ul#menu li.menu_small {
	letter-spacing: -0.75px;	
}

/*===================================================*/
/*PC 見出し*/
/*===================================================*/


#news h2,
#deanmenu h2,
#program h2,
#pickup h2 {
	font-size:1.6rem;
	font-weight:500;
	display:block;
	padding:12px 0 10px 15px;
	padding:11px 0 9px 15px;
	text-align:left;
}

/*===================================================*/
/*PC dean menu*/
/*===================================================*/

body#home #deanmenu h2,
body#home #program h2,
body#home #pickup h2 {
	/*font-weight:500;
	color:#411051;
	display:block;
	padding:11px 14px 7px 14px;
	border-top:1px #411051 solid;
	border-bottom:1px #d0d0d0 solid;*/
	text-align:left;
	/*background-color: #f1f1f1;*/
}

#deanmenu {
	padding:0;
	width:224px;
	margin:0;
	color:#333333;
	/*margin-bottom:40px;
	display:none;*/
}

#deanmenu h2,
#deanmenu h2.deanmenusub {
	font-size: 1.7rem;
	color: #55026D;
	background-color: #f1f1f1;
	border-top: 1px solid #411051;
	border-bottom: 1px solid #d0d0d0;
	padding-left: 13px;
	margin-bottom:11px;
	text-align: left;
}

#deanmenu h2.dean {
	font-size: 1.7rem;
	color: #55026D;
	background-color: #fff;
	border-top: 2px solid #5c326a;
	border-bottom: none;
	padding-left: 13px;
    margin-bottom: 10px;
}

#deanmenu h2.dean span.eng {
	/*font-size: 3.2rem;
	display:block;
	font-family: Cinzel;
	font-weight: 400;*/
    font-size: 3.0rem;
    display: block;
    font-family: Cinzel;
    font-weight: 400;
    letter-spacing: -0.05em;
}

#deanmenu h2.dean span.eng span {
	font-size: 1.8rem;
}

#deanmenu h2.dean span.jp {
	font-size: 1.3rem;
	color: #3b3b3b;
	display:block;
	margin-bottom: 0;
}

#deanmenu ul {
	margin-left: 13px;
	margin-bottom:11px;
}

#deanmenu ul li {
	line-height:1.65;
	font-size: 1.3rem;
	float: none;
	width: auto;
	font-size: 1.3rem; /*1.25rem*/
}

#deanmenu a span {
	display: inline;
}

#deanmenu div.deanimg img {
	display: block;
	width: 128px;
	margin: 0 auto;
	border: 1px #BDBDBD solid;
	padding: 4px;
	margin-bottom: 20px;
}

#deanmenu div.deanimg img:hover {
	/*transition: all 0.3s ease;
    transform: scale(1.1);*/
}

#deanmenu div.deanimg {
	margin-bottom:0;
}

/*===================================================*/
/*PC レフトブロック*/
/*===================================================*/

body #leftblock {
	display: none;
}

body#home #leftblock {
	float:left;
	width:224px; 
	padding:0;
	margin:0;
	text-align : left;
	/*background:#ff00ff;*/
	min-height: 320px;
}

/*===================================================*/
/*PC メインブロック*/
/*===================================================*/

body #mainblock {
	float:none;	
}

body#home #mainblock {
	display:block;
	float:right;
	width:740px; /*440+32+240*/
	padding:0;
	margin:0;
	text-align : left;
	/*background:#00ff00;*/
	min-height:320px;
}

/*===================================================*/
/*PC メインイメージ*/
/*===================================================*/

#mainimage {
	position:relative;
	margin:0 auto;
	height:375px;
	background-color:#000;
	margin-bottom:58px;
}

#mainimageinner {
	position:relative;
	width:1200px;
	padding:0;
	margin:0 auto;
	height:375px;
}

#mainimage img {
	width:1200px;
	height:375px;
	/*float:right;*/
}

/*===================================================*/
/*PC メインイメージ上ニュース*/
/*===================================================*/

#mainimage .slideimg {
	width:1200px;
	height:375px;
	background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,
	rgba(0,0,0,0.0) 17%,
	rgba(0,0,0,0.0) 57%,
	rgba(0,0,0,0.45) 88%,
	rgba(0,0,0,0.75) 100%);
	position: absolute;
	z-index: 10;
}
	
#mainimage .slide_text {
	padding:0;
	text-align:left;
	height: auto;
	background-color: transparent;
	
	position: absolute;
	/*top:0;*/
	/*left:0;*/
	/*top: 226px;*/
	top: 212px;
    left: 120px;
	padding:0;
	margin:0;
	display:block;
	color:#000;
	z-index: 20;
	/*padding:23px 23px 0 23px;*/
}

#mainimage .slide_text span {
	padding:0;
	margin:0;
	text-align: left;
	display:block;
}

#mainimage .slide_text span.slide_cat {
	color: #000;
	display:inline-block;
	font-size: 3.0rem;
	padding: 10px;
    font-weight: normal;
	opacity: 0.95;
}

#mainimage .slide_text .slide_cat.slide_cat_topics {
	color: #000;
	background-color: #fabe00;
	background-color: rgba(250, 190, 0, 0.85)
}

#mainimage .slide_text .slide_cat.slide_cat_event {
	color: #000;
	background-color: #e7888c;
	background-color: rgba(231, 136, 140, 0.85)
}

#mainimage .slide_text .slide_cat.slide_cat_research {
	color: #000;
	background-color: #b4a2c8;
	background-color: rgba(180, 162, 200, 0.85)
}

#mainimage .slide_text .slide_cat.slide_cat_none {
	display: none;
}

#mainimage .slide_text span.slide_title {
	color: #fff;
	display:block;
	font-size: 3.0rem;
	text-align:left;
	padding: 4px 9px;
    font-weight: normal;
    letter-spacing: 2px;
	line-height: 1.25;
}

#mainimage .slide_text span.slide_title br {
	display: inline;
}

#mainimage .slide_text span.slide_text:hover {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity:0.75;
	opacity:0.75;
}

.swiper-slide-active .slide_text {
  animation: slideFromRight 1s ease 0s 1 normal;
}

@keyframes slideFromRight {
  0%, 25% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}


#mainimage .swiper-slide-active a img {
	animation-name: anim;
	animation-duration:13s;

}

@keyframes anim {
from {
	transform: scale(1,1);
}

to {
	transform: scale(1.1,1.1) rotate(0.1deg);;
}

}

#mainimage .swiper-slide-active a img {
		transform: scale(1.1, 1.1);
		transition: transform 13s;
}

/*===================================================*/
/*PC メイン*/
/*===================================================*/

#mainwarpper {
	margin: 0 auto;	
}

#maininner {
	margin: 0 auto;
	width: 1024px;
}

/*===================================================*/
/*PC コンテンツ*/
/*===================================================*/

#content {
	font-size: 1.5rem;
	padding:0;
	margin:0;
	/*width:586px;*/
	background:#fff;
	/*min-height: 640px;*/
	/*line-height:1;*/ /*一時停止*/
	/*margin-left:30px;*/
}

#content p,
#content ul,
#content ol, 
#content blockquote {
	/*font-size: small;*/
	font-size: 1.5rem;
	font-weight: 200;
}


#content .post-content {
	padding-bottom:20px;
	/*padding:0 20px;*/
}

#content h2 {
	/*font-size:large;*/
	/*margin-bottom:16px;
	line-height:1;
	padding:11px 0 7px 14px;*/
}

#content h2 {
	font-size:3.2rem;
	font-weight:400;
	color: #333;
	text-align:left;
	padding: 0;
    margin: 0;
    background: no-repeat;
    border: none;
}

#mainblock #content h2 {
	/*padding: 15px 0 15px 24px;*/
	padding: 10px 0 10px 24px;
    /*margin: 30px 0 40px 0;*/
    margin: 30px 0 30px 0;
    border-left: 6px solid #5c326a;
	line-height: 1.2;
}

#content h3,
#content h4 {
    height: auto;
    padding-top: 6px;
    padding-bottom: 3px;
    padding: 0;
    position: relative;
    margin: 0;
    text-align: left;
    font-size: 1.9rem;
    font-weight: 500;
    border-bottom: 1px #d0d0d0 solid;
    margin-bottom: 14px;
    line-height: 1.4;
}

#content h4 {
    border-bottom: none;
    margin-bottom: 4px;
}

#content p {
	font-size: 1.5rem;
	text-align : left;
	/*line-height:1.6;*/
	line-height:1.75;
	margin-bottom:1em;
	letter-spacing: normal;
	margin-left: 0.25em;
}

#content img.border,
#content img.message,
#content img.campuslife { 
	border: 1px #BDBDBD solid;
	padding: 3px;
}

/* img */
 
#content .aligncenter {
    display: block;
    margin: 0 auto;
}

/**//**/
#content .img-float-right,
#content img.alignright,
#content .wp-caption.alignright { 
	float: right;
	margin: 0;
    margin-left: 2em;
    margin-bottom: 2em;
}

#content .img-float-left,
#content img.alignleft,
#content .wp-caption.alignleft { 
	float: left;
	margin: 0;
    margin-right: 2em;
    margin-bottom: 2em;
}

#content div.img-float-right,
#content div.alignright,
#content p.alignright { 
	/*float: right;
	margin: 0;
    margin-left: 2em;
    margin-bottom: 2em;*/
}

#content div.img-float-left,
#content div.alignleft,
#content p.alignleft { 
	/*float: left;
	margin: 0;
    margin-right: 2em;
    margin-bottom: 2em;*/
}

#content div.imgarea {
    width: 260px;
    float: right;
    margin-left: 1.5em;

    width: 40%;
    float: right;
    margin-left: 30px;
    background-color: #eee;
    padding: 30px;
    padding-bottom: 28px;
}

#content div.imgarea p {
    font-size: 1.3rem;
	line-height:1.6;
}

#content div.imgarea p:last-child {
    margin-bottom: 0;
}
    
#content p.edit {
	display:block;
	text-align : right;
	line-height:1.6;
	margin-bottom:1.5em;
	letter-spacing: normal;
}

#content ul.ullistl {
	float:left;
	width:230px;
}

#content ul.ullistr {
	margin:0;
	margin-left:250px;
}

#content dl {
	font-size: 1.5rem;
	text-align : left;
	/*line-height:1.6;*/
	line-height:1.6;
	margin-bottom:1em;
	letter-spacing: normal;
	font-weight: 200;
}

#content dt {
 	/*clear: left;*/
 	float: left;
 	/*width: 20%;*/
	font-weight: 500;
  	margin-left: 0.25em;
	font-weight: 200;
}

#content dd { 
	margin-left: 10em; 
	font-weight: 200;
	/*line-height: 1.55;*/
}

#content dd:before {
/*content: '……　';*/ }

#content .fonts1 {	
	font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Yu Gothic",YuGothic,Verdana,Meiryo,sans-serif;
    -webkit-text-stroke-width: 0.3px;
	color: #0b0b0e;
}

#content .fonts2 {	
	font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Yu Gothic",YuGothic,Verdana,Meiryo,sans-serif;
	color: #0b0b0e;
}

#content .fonts3 {
	font-weight: 100;
	color: #0b0b0e;
}

#content .fonts4 {	
	font-weight: 300;
	color: #0b0b0e;
}

#content .fonts100 {
	font-weight: 100;
	color: #0b0b0e;
}

#content .fonts200 {	
	font-weight: 200;
	color: #0b0b0e;
}

#content .fonts300 {	
	font-weight: 300;
	color: #0b0b0e;
}

#content .fonts400 {	
	font-weight: 400;
	color: #0b0b0e;
}

/*===================================================*/
/*PC パンくずリスト*/
/*===================================================*/

#breadcrumb {
	padding:0;
	margin:0;
	padding:20px 10px 10px 0px;
}

#breadcrumb ul.breadcrumb {
    display: inline-block;
    vertical-align: middle;
    max-width: 970px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 14px;
}

#breadcrumb ul.breadcrumb li {
 	font-size: 1.3rem;
}

/*===================================================*/
/*PC サイドメニュー*/
/*===================================================*/

#sidemenu {
	padding:0;
	margin:0;
	width:240px;
	margin-bottom:40px;
	/*background: #f2f8e3;*/
}

#sidemenu h2 {
	padding:0;
	margin:0;
	font-size: 24px;
	font-size: 14px;
	font-size: 155%;
	font-weight: 500;
	display: block;
	padding: 11px 0 7px 14px;
	padding: 16px 14px 12px 14px;

	font-weight: bold;
	color: #3b3b3b;
	border-top: 4px #93c51b solid;
	border-bottom: 1px #93c51b solid;
}

#sidemenu ul li a {
	/*margin-bottom: 1px;*/
	/*padding: 10px 0 14px;*/
	/*cursor: pointer;*/
	background:#f2f8e3 url(images/icon_arrow.png) no-repeat 100% 50%;
	background-size: 24px 14px;
	border-bottom: 1px solid #93c51b;
	padding: 14px 14px 12px 14px;
	display:block;
	float:left;
	width:212px;
	font-size:1.4rem;
	line-height:1;
	/*padding-right: 40px;*/
}

#sidemenu ul li a:hover {
	color:#fff;
	background:#93c51b url(images/icon_arrow.png) no-repeat 100% 50%;
	background-size: 24px 14px;
	text-decoration:none;
}

/*===================================================*/
/*PC コンテンツテーブル*/
/*===================================================*/

#content table {
	margin-bottom:1.5em;
	border-collapse: collapse;
	border:none;
	font-size:1.5rem;
	font-weight: 200;
	/*margin-left:14px;*/
}

#content table a {
	/*font-weight: 500;*/
	text-decoration: underline;	
}

#content table td,
#content table th {
	padding:8px;
	/*border:1px #9E9FA0 solid;*/
	vertical-align:top;
	/*background:#F9F9F9 url(images/table_back_line.gif) no-repeat left top;*/
	line-height:145%;
	line-height: initial;
}

#content table th {
	font-weight:500;
	/*background:#E3E6EE url(images/table_back_line.gif) no-repeat left top;*/
	white-space:nowrap;
}

#content table p {
	font-size:1.5rem;
}

#content table.sptable th,
#content table.sptable td {
	display: table-cell;
}

#content table.sptable tr:first-child { 
	border-top: 1px solid #d0d0d0; 
	color:#333;
}

#content table td.nowrap {
	white-space: nowrap;
}

#content table.tech img {
	float:left;
	margin-right: 6px;
	background: #f0f0f0;
	border: 1px #BDBDBD solid;
	padding: 3px;
}

#content div.scroll {
	overflow: unset;
	/*white-space: normal;*/
	margin-left: -14px;
}

#content div.scroll table th, 
#content div.scroll table td {
	padding: 5px;
	font-size: 1.2rem;
	vertical-align: middle;
}

#content div.scroll table th {
	white-space: nowrap;
}

/*===================================================*/
/*PC 更新情報・お知らせ*/
/*===================================================*/

#news {
	width:740px;
	padding:0;
	margin:0;
	/*display:none;*/
}

#news h2 {
	font-size: 1.7rem;
	color: #55026D;
	background-color: #f1f1f1;
	border-top: 1px solid #411051;
	border-bottom: 1px solid #d0d0d0;
	padding-left: 11px; /*13-2*/
	margin-bottom:12px;
}

#news h2.toph2 {
	font-size: 1.7rem;
	color: #55026D;
	background-color: #fff;
	border-top: 2px solid #5c326a;
	border-bottom: none;
	padding-left: 13px;
	padding-left: 30px;
	
	padding-bottom: 0;
	padding-top: 28px; /*32-4*/
    /*margin-bottom: 40px;*/
	float: left;
}

#news h2.toph2 span.eng {
	font-size: 4.8rem;
	display:block;
	font-family: Cinzel;
	font-weight: 400;
}

#news h2.toph2 span.jp {
	font-size: 1.3rem;
	color: #3b3b3b;
	display:block;
}

/*===================================================*/
/*PC ニュース*/
/*===================================================*/

#news ul.info {
    margin: 0px;
    width: 710px;
    padding-left: 30px;
	display: table; /* table-cellやめる場合 blockへ*/
	clear: both;
}
	
#news ul.info li {

    /*text-align: center;*/
	/*width: 33.2%;
    padding: 10px;
    box-sizing: border-box;
    margin: 0;
    float: left;*/
	background-color: #fff;
	display: block;
	border: none;
	
	padding: 15px 25px 15px 0;
    margin: 0;
    float: left;
    width: 210px;
	display: table-cell; /* table-cellやめる場合 削除する*/
}

#news ul.info li a:hover {
	text-decoration: none;
	/*color: #333;*/
}

body #news ul.info li:hover {
	transition: all 0.2s ease;
    /*opacity: 0.75;*/
}

body #news ul.info li:hover  img {
	transition: all 0.2s ease;
	transform: scale(1.1);
}


#news ul.info li a:hover {
    /*transition: all 0.4s ease;
    opacity: 0.75;*/
}

#news ul.info li:nth-child(7),
#news ul.info li:nth-child(8),
#news ul.info li:nth-child(9){
	display: table-cell;
}

#news ul.info li:nth-child(4),
#news ul.info li:nth-child(7),
#news ul.info li:nth-child(10){
	clear:both; /* table-cellやめる場合 削除する*/
}

#news div.newsimg {
	float: none;
    /*width: 50%;*/
	width: 208px;
    height: 116px;
    overflow: hidden;
    border: solid 1px #dedede;
}

#news div.newsimg img {
	height: auto;
    width: 100%;
}

#news div.newstxt:nth-child(2) {
    margin: 10px 0 2px;
}

#news div.newstxt {
	float: none;
    /*width: 50%;*/
    display: block;
    /*position: relative;
    overflow: hidden;*/
	/*line-height: 21px;
    height: 42px;*/
    white-space: normal;
    /*text-align: justify;*/
	font-size: 1.35rem;
	line-height:1.6;
	width: 100%;
	margin: 0;
	padding: 0;
	
}

#news div.newstxt p.newstxtmain {  
	/*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	height: 42px;*/
}

#news div.newstxt p {
    /*margin: 10px 0;*/
	line-height:1.4;
	margin: 0 2px;
    /*font-size: 14px;
    line-height: 21px;
    height: 21px;
    overflow: hidden;
    white-space: nowrap;*/
}

#news p.newstags {
	display:block;
	font-size: 1.1rem;
}

#news div.newstxt p.newstags span {
	margin: 5px 0 4px 0;
    padding: 2px 4px;
    /*color: #fff !important;*/
    /*line-height: 17px;*/
    vertical-align: top;
    /*border: 1px solid transparent;*/
    border-radius: 0;
    display: inline-block !important;
	margin-right: 2px;
}

/*トピックス*/
#news div.newstxt p.newstags span.tag-news,
#news div.newstxt p.newstags span.tag-news_e {	
	background-color: #fbcb33;
}

/*研究成果*/
#news div.newstxt p.newstags span.tag-topics,
#news div.newstxt p.newstags span.tag-topics_e {	
	background-color: #b4a2c8;
}

/*研究成果*/
#news div.newstxt p.newstags span.tag-topics2,
#news div.newstxt p.newstags span.tag-topics2_e,
#news div.newstxt p.newstags span[class*="tag-topics2"],
#news div.newstxt p.newstags span[class*="tag-topics3"],
#news div.newstxt p.newstags span[class*="tag-topics4"],
#news div.newstxt p.newstags span[class*="tag-topics5"] {	
	background-color: #93ca76;
}

/*イベント*/
#news div.newstxt p.newstags span.tag-event,
#news div.newstxt p.newstags span.tag-event_e {	
	background-color: #e7888c;
}

#news p.date {
	color: #999999;
	font-size: 1.2rem;
}

#news .oldnews {
	clear:both;
	margin: 20px 0;
    margin-right: 28px;
}

#news .oldnews p {
	font-size: 1.35rem;
	text-align: right;
}

#news .cssframe {
	/*height: 496px;
	overflow: auto;*/
}

#news ul.info.hide {
	display:none;
}

/*===================================================*/
/*PC 更新情報タブ*/
/*===================================================*/

div#tabs {
	float: right;
    overflow: hidden;
	margin-top: 36px; /*34+2*/
	margin-right: 29px;
}

div#tabs:after {
	content: "";
    display: block;
    height: 0;
    clear: both;
    border-bottom: 1px solid #d0d0d0;
    margin-top: -1px;
}

div#tabs ul.tab {
	overflow:hidden;
	/*float:right;
	text-align:center;*/
	overflow: hidden;
    padding: 0 14px;
    margin: 0;
}
	
div#tabs ul.tab li {
    /*min-width: 5em;*/
	float: left;
    width: 105px;
    height: 40px;
    height: 44px;
    border: 1px solid #d0d0d0;
    background: #f1f1f1;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1.5rem;
	/*transition: all 0.3s ease;*/
	transition: background-color 0.3s ease;
}

div#tabs ul.tab li:hover {
	/*transition: all 0.6s ease;
    opacity: 0.75;*/
	background-color:#fff;
	color: #5c326a;
	/*color: #CC0033;*/
    border-bottom: 1px solid #fff !important;
}

div#tabs ul.tab li ~ li {
    margin-left: 12px;
}

div#tabs ul.tab li span {
    display: inline-block;
    /*padding: 0 10px;
    font-size: 12px;*/
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    line-height: 44px;
    /*color: #333;*/
    box-sizing: border-box;
	
	font-size: 1.5rem;
    /*padding: 0 12px;*/
}	

div#tabs ul.tab li:hover span {
	/*font-size: 1.6rem;
	transition: 0.2s ease;*/
}

div#tabs ul.tab li:first-child{
	/*border-left:none;*/
}
	
div#tabs ul.tab li.select{
	/*font-weight:500;*/
	background: #fff;
	color: #5c326a;
    border-bottom: 1px solid #fff !important;
}

div#tabs ul.tab li.select:hover{
	/*font-weight:500;*/
	background: #fff;
	color: #5c326a;
	opacity: 1;
    border-bottom: 1px solid #fff !important;
}

div#tabs ul.tab li:hover {
	/*font-weight:500;*/
	/*color:#CC0033; */
	/*text-decoration:underline;*/
}

.hide {
	display:none;
}

/*===================================================*/
/*PC 専攻専修一覧*/
/*===================================================*/

.clr {
    display: block;
    min-height: 1%;
    height: 1%;
    display: block;
}

#content .dep {
	background-color: transparent;
  	margin-bottom: 60px;
}

/*専修から選ぶ + キーワードから選ぶ*/
#content .dep-gray {
	background-color: #f5f5f5;
	margin-bottom:30px;
}

#content .dep-box {
	    padding-bottom: 20px;
		padding-top: 0;
}

#content .dep-block {
  display: block;
  float: left;
  /*margin: 33px 0 0 33px;*/
  margin: 20px 0 0 20px;
  /*width: 555px;
  width: 482px;*/
  width: 315px;
  background: #fff;
      box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    -webkit-tap-highlight-color: transparent;
      margin: 20px 0 0 20px;
   /* width: 555px;
    width: 482px;*/
    width: 315px;
	    transition: .3s ease-out;
			overflow: hidden;
			opacity:1;
}

#content .dep-block:hover {
     /* box-shadow: 0 4px 6px 0 rgba(0,0,0,0.17), 0px 3px 6px 0 rgba(0,0,0,0.12), 0 2px 11px -3px rgba(0,0,0,0.2);*/
	  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
/*box-shadow: none;*/
    /*opacity: 1;*/
    opacity: 0.75;
}

/*キーワードから選ぶ*/
#content .dep-key .dep-block {
	width: 232px;
}

#content .dep-key .dep-block .dep-foot {
	display:none;
}

#content .dep-key .dep-block .dep-header {
	border-bottom: none;
	padding: 12px 0;
}



#content .depwrapper a div.dep-foot,
#content .depwrapper a:link {
	text-decoration: none;
}

#content .dep-block ul {
  margin: 0 0 23px;
  font-size: 16px;
  font-size: 1.14286rem;
}

#content .dep-block li {
  margin: 0 0 7px;
}

#content .dep-title {
  background: #fff;
  display: inline-block;
  /*font-size: 32px;
  font-size: 2.28571rem;*/
  font-size: 3.2rem;
  padding: 22px 37px 22px;
  
      background: #fff;
    display: inline-block;
    font-size: 2.2rem;
    padding: 18px 0;
    color: #333;
    /* width: 100%; */
    text-align: center;
    margin: 0 auto;
    /* margin: 0 20px; */
    width: 90%;
    box-sizing: border-box;
	text-decoration: none;
	transition: all 0.4s ease;
	opacity: 0.9;
}

#content .dep-title a {
	text-decoration: none;
}

#content .dep-title span {
  display: block;
  letter-spacing: 1px;
  color: #cccccc;
  /*font-size: 12px;
  font-size: 0.85714rem;*/
  font-weight: 600;
    display: block;
    letter-spacing: 0.5px;
    color: #9a9a9a;
    /* font-size: 12px; */
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: 4px;
}

/* キーワードから選ぶ */
#content .dep-key .dep-title {
	font-size: 1.8rem;
}
/* キーワードから選ぶ */
#content .dep-key .dep-title span {
	font-size:1.1rem;
}

/* 専修から選ぶ */
#content .dep-senshu-kara .dep-title span {
    letter-spacing: -0.5px;
}

#content .dep-senshu-kara .dep-block {
    padding: 0;
    /*width: 315px;
    box-sizing: border-box;
	float: none;*/
}

#content .dep-title small {
  margin: 0 0 0 15px;
}

#content .dep-block:hover .dep-title {
	opacity: 0.75;
	opacity: 0.8;
}

#content .dep-header {
  padding: 39px 0 67px;
  border-bottom: #f5f5f5 solid 4px;
  padding: 39px 0 66px;
  -moz-background-size: cover;
  background-size: cover;
	/*background-color: #460c58;*/
	border-bottom: #c9b3d0 solid 4px;
    padding: 42px 0 42px;
	text-align: center;
	border-bottom:none;
}


#content .dep-key .dep-block .dep-header {
    padding: 28px 0;
}

/*背景画像 キーワードから選ぶ*/
#content .dep-key01 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key01.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key02 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key02.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key03 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key03.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key04 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key04.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key05 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key05-2.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key06 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key06-2.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key07 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key07.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key08 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key08.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key09 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key09.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key10 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key10.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key11 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key11.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-key12 {
	background: url('../../../wp-content/uploads/shinfuri/thm_680_380_key12.jpg') no-repeat center center;
	background-size: cover;
}





/*背景画像 専修のご紹介*/
#content .dep-katei1 {
	/*background: url('../../../wp-content/uploads/faculty/seimeikagaku-123.jpg') no-repeat center center;*/
	background: url('../../../wp-content/uploads/faculty/thm_seimeikagaku.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-katei2 {
	background: url('../../../wp-content/uploads/departments/g-engineering.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-katei3 {
	/*background: url('../../../wp-content/uploads/faculty/juui-1.jpg') no-repeat center center;*/
	background: url('../../../wp-content/uploads/departments/thm_dep12.jpg') no-repeat center center;
	background-size: cover;
}



/*背景画像 課程・専修 + 専修から選ぶ*/
#content .dep-seimeikagaku {
	background: url('../../../wp-content/uploads/faculty/thm_seimeikagaku.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-ouyouseibutsu {
	background: url('../../../wp-content/uploads/faculty/thm_ouyouseibutsu.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-shinrinseibutsu {
	background: url('../../../wp-content/uploads/faculty/thm_shinrinseibutsu.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-suikenseibutsu {
	background: url('../../../wp-content/uploads/faculty/thm_suikenseibutsu.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-doubutsuseimei {
	background: url('../../../wp-content/uploads/faculty/thm_doubutsuseimei.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-seibutsusozai {
	background: url('../../../wp-content/uploads/faculty/thm_seibutsusozai.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-ryokuchi {
	background: url('../../../wp-content/uploads/faculty/thm_ryokuchi.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-shinrinkankyo {
	background: url('../../../wp-content/uploads/faculty/thm_shinrinkankyo.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-mokushitu {
	background: url('../../../wp-content/uploads/faculty/thm_mokushitu.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-kankyoukougaku {
	background: url('../../../wp-content/uploads/faculty/thm_kankyoukougaku.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-nougyoukeizai {
	background: url('../../../wp-content/uploads/faculty/thm_nougyoukeizai.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-fieldkagaku {
	background: url('../../../wp-content/uploads/faculty/thm_fieldkagaku.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-kokusaikaihatsu {
	background: url('../../../wp-content/uploads/faculty/thm_kokusaikaihatsu.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-juui {
	background: url('../../../wp-content/uploads/faculty/thm_juui.jpg') no-repeat center center;
	background-size: cover;
}


/*背景画像 専攻*/
#content .dep-agrobio {
	background: url('../../../wp-content/uploads/departments/thm_dep01.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-chem {
	background: url('../../../wp-content/uploads/departments/thm_dep02.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-biotech {
	background: url('../../../wp-content/uploads/departments/thm_dep03.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-forest {
	background: url('../../../wp-content/uploads/departments/thm_dep04.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-fish {
	background: url('../../../wp-content/uploads/departments/thm_dep05.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-economics {
	background: url('../../../wp-content/uploads/departments/thm_dep06.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-engineering {
	background: url('../../../wp-content/uploads/departments/thm_dep07.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-material {
	background: url('../../../wp-content/uploads/departments/thm_dep08.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-global {
	background: url('../../../wp-content/uploads/departments/thm_dep09.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-ecosystem {
	background: url('../../../wp-content/uploads/departments/thm_dep10.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-animal {
	background: url('../../../wp-content/uploads/departments/thm_dep11.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-veterinary {
	background: url('../../../wp-content/uploads/departments/thm_dep12.jpg') no-repeat center center;
	background-size: cover;
}

#content .dep-subtai {
  font-size: 18px;
  font-size: 1.28571rem;
  margin: 0 0 10px;
}

#content .dep-foot {
	padding: 20px 39px 30px;
    padding: 20px 18px 30px;
    color: #333;
	background-color: transparent;
}

#content .depwrapper a div.dep-foot {
	text-decoration: none;
	font-weight: 300;

}

#content .dep-foot.dep-blue {
	background-color: #d6dcea
}

#content .dep-foot.dep-green {
	background-color: #d0e4d8
}

#content .dep-foot.dep-orange {
	background-color: #faebd7
}

#content .dep-senshu .dep-foot,
#content .dep-senkou .dep-foot {
    padding: 15px 16px 15px;
    color: #333;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: -0.05em;
    min-height: 168px;
    min-height: 190px;
}

#content .dep-link {
  text-align: right;
}


/*引用*/

#content .depwrapper h3 {
	font-size: 3.2rem;
	font-weight: 400;
	border: none;
}

	
.depwrapper blockquote {
    position: relative;
    padding: 5px 10px 5px 32px;
    box-sizing: border-box;
    font-style: italic;
    background-color: #f3f3f3;
    background-color: #e5e5e5;
    background-color: #eaeaea;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
}

.depwrapper blockquote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -15px;
    width: 40px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #92d4ff;
    box-shadow: 0 2px 2px rgba(26, 26, 26, 0.14);
    font-weight: 900;
}

.depwrapper blockquote:after{
    position: absolute;
    content: '';
    top: 40px;
    left: -15px;
    border: none;
    border-bottom: solid 8px transparent;
    border-right: solid 15px #6eb3e0;
}

.depwrapper blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
	
}

#content .depwrapper blockquote p {
	font-size: 1.6rem;
}

.depwrapper blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

#content .depwrapper h3 {
	position: relative;
	display: inline-block;
	padding: 0 55px;
}

#content .dep-cat {
	text-align:center;
}

#content .dep-cat-link {
	text-align: center;
	margin: 40px 0;
}

#content .dep-cat-link div {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 1.8rem;
    color: #333;
    display: inline-block;
}

#content .dep-cat-link div.linkleft {
	float: left;
}

#content .dep-cat-link div.linkright {
	float: right;	
}

#content .dep-cat-link a {
    display: inline-block;
    border-radius: 1.5rem;
    border-radius: 32px;
    height: 32px;
    line-height: 32px;
    position: relative;
    transition: all .2s ease;
    color: #333;
    border: 2px solid #c5a6c7;
    background-color: #fff;
    /* justify-content: flex-start; */
    /* padding-left: 2rem; */
    text-decoration: none;
    width: 200px;
    padding: 6px;
}

#content .dep-cat-link a:hover {
	transition: none;
	color: #fff;
    background-color: #520d68;
    border-color: #520d68;
   transition: all .4s ease;
}

/* 専修から選ぶ */
#content .dep-senshu-kara .dep-cat-link {
	margin: 0;
}

/* 専修のご紹介 */
#content .dep-katei .dep-cat-link {
	margin: 0;
	
}

#content .dep-katei .dep-cat-link a {
    width: 250px;
    margin-top: 6px;
	border: 2px solid #b5b5b5;
}

#content .dep-katei .dep-cat-link a:hover {
color: #333;
    background-color: transparent;
    border-color: #b5b5b5;
    transition: all .4s ease;
}

#content .dep-katei .dep-foot {
    /*height: 470px;*/
    height: 510px;
}

#content .dep-katei .dep-foot span {
	font-size: 1.4rem;
    line-height: 1.5;
	height: 100px;
	display:block;
}


#content .depwrapper h3:before,
#content .depwrapper h3:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 1px;
	background-color: black;
}

#content .depwrapper h3:before {left:0;}
#content .depwrapper h3:after {right: 0;}


/*===================================================*/
/*PC ボタンリスト*/
/*===================================================*/

#content ul.ulbox {
	margin: 0;
	padding: 0;
	list-style: none
}

#content ul.ulbox li {
	padding:0;
	margin:0;
	float: left;
	/*padding: 0 14px 20px;*/
	padding: 0 26px 26px 0;
	width: 24.6%;
	box-sizing: border-box;
}

#content ul.ulbox.w20 li {
	width: 20%;
}

#content ul.ulbox.w33 li {
	width: 33.33333%;
	width: calc(100%/3);
}

#content ul.ulbox li:nth-child(4n) {
	/*padding-right: 0;*/
}

#content ul.ulbox li a {
	padding:0;
	margin:0;
	display: block;
	position: relative;
	height: auto;
    /*height: 124px;
    width: 222px;*/
	overflow: hidden;
}

#content ul.ulbox.w33.cstudents li a {
	height: 120px;
}


#content ul.ulbox li a:hover {
	background-color: #eeeeee;
	/*opacity: 0.8; */
}

#content ul.ulbox li a:hover img {
	transition: all 0.3s ease;
    transform: scale(1.1);
}	
	
#content ul.ulbox img {
	width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom; 
}

/*在校生の方*/
#content ul.ulbox.w33.cstudents img {
	width: 100%;
	height: 120px;
	border: none;
    object-fit: cover;
    object-position: 50% 50%;
}	

/*大学院希望の方 各専攻のWebサイト*/

#content ul.ulbox.grad img,
#content ul.ulbox.shinfuri img {	
	width: 100%;
    height: 100px;
    border: none;
    object-fit: cover;
    object-position: 50% 50%;
}	
	
#content ul.ulbox li a span.ulboxtext {
	padding: 5px 2px;
	background-color: rgba(47, 1, 62, 0.8);
	color: #ffffff;
	display:block;
	font-size: 1.4rem;
}

#content ul.ulbox li a span.ulboxtext {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-weight: 400;
	letter-spacing: -0.05em;
}

#content ul.ulbox li:before {
	content: none;	
}


/*===================================================*/
/*PC 研究科内専用*/
/*===================================================*/

#insidetop {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
}

#insidetop div {
	width: 33.3%;
	float: left; 
}

#insidetop div table.insidetop1,
#insidetop div table.insidetop2,
#insidetop div table.insidetop3 {
	width: 95%;
}

#insidetop div table.insidetop2 {
	margin: 0 auto;
}

#insidetop div table.insidetop3 {
	float:right;
}

/*===================================================*/
/*PC トップ　プログラム　ピックアップ*/
/*===================================================*/

#programwrapper, #pickuprapper {
	clear: both;
    background-color: #f5f5f5;
    padding: 0;
    margin: 0 auto;
    height: 300px;
}

#programinner, #pickupinner {
	width: 1024px;
    margin: 0 auto;
}	
	
#pickuprapper {
    background-color: #fff;
}

#program h2,
#pickup h2 {
	font-size: 1.7rem;
	color: #55026D;
	margin-bottom:11px;
	padding-top:28px;
}

#program h2.toph2,
#pickup h2.toph2 {
	font-size: 1.7rem;
	color: #55026D;
	border-bottom: none;
	text-align:left;
	background-color: transparent;
	border: none;
	padding-left: 0;
}

#program h2.toph2 span.eng,
#pickup h2.toph2 span.eng {
	font-size: 3.2rem;
	display:block;
	font-family: Cinzel;
	font-weight: 400;
}

#program h2.toph2 span.jp,
#pickup h2.toph2 span.jp {
	font-size: 1.3rem;
	color: #3b3b3b;
	display:block;
	font-weight: normal;
}

/*===================================================*/
/*PC ページの先頭へ*/
/*===================================================*/

#pagetop {
	text-align:right;
	clear:both;
	display:none;
}

#pagetop p a {
	float:right;
	width:148px;
	height:32px;
	margin:0;
	padding:0;	
	background:#384492;	
	display: block;
	font-size:1.3rem;
	font-weight:bold;
	color:#fff;
}

/*===================================================*/
/*PC フッター*/
/*===================================================*/

#footerwrapper {
	clear:both;
	color:#fff;
	background-color:#c9b3d0;
    background-image: linear-gradient(to bottom, #c9b3d0 0%, #aa87b5 100%);
	padding:0;
	margin:0 auto;
	height: 120px;
		min-width: 1200px;
}

#footerinner {
	width:1200px;
	width:1024px;
	margin:0 auto;
	height: 120px;
}

#footer {
	margin:0;
	padding:0 ;
	text-align:left;
	width:1024px;
	margin:0 auto;
	text-align:left;
	clear:both;
	height: 120px;
	/*background:url(images/footer_logo_test.png) no-repeat;*/
	position: relative;
}

#footer,
#footer a {
	color:#fff;
}

#footer img:hover	{
		opacity:1.0;
}

/*===================================================*/
/*PC フッターナビ*/
/*===================================================*/

#page-top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    margin: 0;
    padding: 0;
	transition: all .2s ease;
	z-index: 1000;
}

#page-top a {
    color: #fff;
    display: block;
    background-color: rgba(255, 255, 255, 0.0);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%;
    border: solid 2px rgba(255,255,255,0.5);
    width: 4rem;
    height: 4rem;
}

#page-top a:hover {
    /* color: #6a6a6a;*/
	text-decoration: none;
    background-color: rgba(0,0,0,0.5);
    border-color: #fff;
}

/*===================================================*/
/*PC フッターボトム*/
/*===================================================*/

#footerbottom {
	margin:0;
	width:1024px;
	/*padding:12px 0 24px 0;*/
	height:41px;/*65-12-12*/
}

#footerbottommenu {
	margin:0;
	padding:0;
	/*width:calc(100% - 500px);　右メニューfloatする場合*/
	/*float: right;　右メニューfloatする場合*/

	text-align:right;
	font-size:1.24rem;
	margin-top: 20px;
	
	position: absolute;
	top:0;
	right:0;
	width: auto;
}

#footerbottommenu ul {
	margin-right: 9px;
}


#footerbottommenu img {
	float:right;
	margin-top: 14px;
    margin-right: 1px;
}

#footerbottommenu ul li  {
	margin:0;
	padding:0;
	display:inline;
	text-align:left;
	font-weight:normal;
	margin-left:13px;
	border:none;
	line-height:1;
	font-size:1.24rem;
}

#footerbottommenu ul li.sp {
	display:none;
}

#footerbottommenu ul li a {
	font-weight:normal;
}

#footerbottommenu a.logos {
	display: block;
}

#footerbottom #copyright {
	float:left;
	/*width:500px;　右メニューfloatする場合*/
	/*margin-right:7px;*/
	text-align:left;
	margin-top: 22px;
	/*background-color: #ADC1EF;*/
}

#footerbottom #copyright p {
	font-size:1.4rem;
	line-height:1.4;
	margin-left: 70px;
}

#footerbottom #copyright img {
	float:left;
	margin-left:1px;	
}

/*===================================================*/
/*左右分割*/
/*===================================================*/

#pageleftblock {
	padding:0;
	margin:0;
	padding-right:0;
	float:left;
	width: 50%;
	padding-right: 20px;
	/*background:#ff0000;*/
}

#pageleftblock01 {
	padding:0;
	margin:0;
    padding-right:0;
	float:left;
	width:210px;
         /*background:#ff0000;*/
}

#pagerightblock {
	padding:0;
	margin:0;
	margin-left: 50%;
	padding-left: 20px;
	/*background:#00ff00;*/
}

#pagerightblock01 {
	padding:0;
	margin:0;
	margin-left:510px;
         /*background:#00ff00;*/
}

#pagerightblock img,
#pageleftblock img {
	/*padding-left:4px;
         margin-bottom:1.5em;*/
}

/*===================================================*/
/*PC 外部リンクアイコン*/
/*===================================================*/

a[target^="_blank"] {
	/*display: inline-block;
	display: inline-block;*/
	/*padding-right: 16px;
	background: url(images/icon_exlink.gif) no-repeat right center;*/
}

a[target^="_blank"]:after {
	/*content: "\f35d";
 	font-family: "Font Awesome 5 Free";
	font-weight:900;*/
}
	
footer a[target^="_blank"],
#navi a[target^="_blank"] {
	background: none;
	padding-right: 0;
}

#content a[href$=".pdf"]:after {
	content: "\f1c1";
 	font-family: "Font Awesome 5 Free";
	font-weight:500;
    margin:0 .3em;
}

#content a.noicon:after {
	content: none;
}


}

@media print{
    a.slicknav_btn {
    /*display: none;*/
	}
}