@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"],
#news div.newstxt p.newstags span[class*="tag-topics6"] {
    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;
    display: flex;
    flex-wrap: wrap;
}

#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;
}

#footerbottommenu #menu-footer-logo {
    display: flex;
    justify-content: center;
}

#footerbottommenu #menu-footer-logo .pc {
    display: none;
}

#footerbottommenu a.logos {
    display: block;
    transition: all 0.3s ease;
}

#footerbottommenu a.logos:hover {
    opacity: 0.6;
}

#footerbottommenu a.logo-x {
    order: 1;
}

#footerbottommenu a.logo-instagram {
    order: 2;
}

#footerbottommenu a img.img-ut {
    height: 46px;
}

#footerbottommenu a img.img-x {
    height: 25px;
    margin-top: 10px;
    margin-right: 9px;
}

body.test #footerbottommenu a img.img-x {
    margin-right: 0;
}

#footerbottommenu a img.img-instagram {
    height: 25px;
    margin-top: 10px;
    /*margin-right: 9px;*/
}

/*===================================================*/
/*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;
    }

    #headerlogou {
        width: auto;
    }

    #headerleft a {
        position: relative;
        display: block;
        /* width: 124px; */
        width: 222px;
        height: 76px;
        padding: 0;
        margin: 0;
        text-align: left;
        text-indent: -9999px;
        overflow: hidden;
        background: url(images/header_logo_ut_new.svg) no-repeat;
        /* margin: 25px 0 0 10px; */
        background-size: 100%;
        background-position: -3px 0px;
        background-position: -10px 0px;
        margin: 0;
        margin-top: 12px;
    }

    #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 28px;
        margin: 6px 0 0 22px;
        /*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: 130px;
        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(1023px / 8);
        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"],
    #news div.newstxt p.newstags span[class*="tag-topics6"] {
        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;
        display: flex;
        flex-wrap: wrap;
    }

    #content ul.ulbox li {
        padding: 0;
        margin: 0;
        /*float: left;*/
        /*padding: 0 14px 20px;*/
        padding: 0 26px 26px 0;
        width: 24.6%;
        width: 25%;
        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;
        /*width: 116px;*/
        height: 46px;
    }

    #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 #menu-footer-logo {
        display: block;
    }

    #footerbottommenu #menu-footer-logo .pc {
        display: block;
    }

    #footerbottommenu a.logos {
        display: block;
        transition: all 0.3s ease;
    }

    #footerbottommenu a.logos:hover {
        opacity: 0.6;
    }

    body.test #footerbottommenu a img.img-x,
    #footerbottommenu a img.img-x {
        height: 25px;
        margin-top: 23px;
        margin-right: 9px;
    }

    #footerbottommenu a img.img-instagram {
        height: 25px;
        margin-top: 23px;
        margin-right: 9px;
    }

    #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;*/
    }
}