@charset "utf-8";


/*--------------------------------------------------------------------------
Kyoto Sangyo University
* version: 1.0
* author : loftwork Inc.
--------------------------------------------------------------------------*/



/*-------------------------------------
normalize
-------------------------------------*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* custom
-------------------------------------*/
/* all */
*:last-child {
  margin-bottom:0 !important;
}
*,
*:before,
*:after {
  box-sizing:border-box;
}
/* hX */
h1,h2,h3,h4,h5,h6 {
  position:relative;
  margin:0;
  padding:0;
  font-size:inherit;
}
/* list */
ul,ol,dl,
li,dt,dd {
  margin:0;
  padding:0;
}
li,dt,dd {
  list-style-type:none;
}
/* paragraph */
p {
  margin:0;
}
/* table */
th,td {
  font-weight:normal;
}
/* hr */
hr {
  clear:both;
  height:1px;
  margin:0;
  border:0;
}
/* image */
figure {
  margin:0;
}
img, iframe {
  max-width:100%;
  vertical-align:top;
}
/* anchor */
a {
  color:#007eff;
  text-decoration:none;
}
a,
a:before,
a:after {
  -webkit-transition:background-color .2s, border-color .2s, color .2s, opacity .2s;
  transition:background-color .2s, border-color .2s, color .2s, opacity .2s;
}



/*-------------------------------------
initial
-------------------------------------*/
html {
  font-size:62.5%;
  font-family:"Helvetica Neue",Helvetica,Arial,"游ゴシック","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  -webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;
}
body {
  line-height:1;
  color:#333;
}



/*-------------------------------------
common
-------------------------------------*/
.inner {position:relative;}
.alignL {text-align:left;}
.alignC {text-align:center;}
.alignR {text-align:right;}

/* clearfix
-------------------------------------*/
.cf:before,.inner:before,.box:before,.table-box:before,.banner-box:before,.wysiwyg:before,.rect:before,
.cf:after, .inner:after, .box:after, .table-box:after, .banner-box:after, .wysiwyg:after, .rect:after {content:"";display:table;}
.cf:after, .inner:after, .box:after, .table-box:after, .banner-box:after, .wysiwyg:after, .rect:after {clear:both;}



/*-------------------------------------
header
-------------------------------------*/
#header {
  position:relative;
  z-index:5;
  background-image:url(/common-wr/img/header_bg.png);
  background-repeat:repeat-x;
}
#header a,
#header span {display:block;}

/* logo
-------------------------------------*/
#h-logo {display:table;}

/* nav : menu, target
-------------------------------------*/

/* menu
-------------------------------------*/
/* link */
#h-link {
  font-weight:bold;
  text-align:center;
}
/* lang */
#h-lang {font-weight:bold;}
/* search */
#h-search form {position:relative;}
#h-search input {
  margin:0;
  padding:0;
  border:0;
}
#h-search input[type="text"] {
  padding:4px 8px;
  color:#333;
  background-color:#fff;
}
#h-search input[type="submit"] {
  background-repeat:no-repeat;
  background-position:50% 50%;
  white-space:nowrap;
  text-indent:120px;
  overflow:hidden;
}
/* gnav */
#h-gnav .subnav {display:none;}
#h-gnav .subnav-inner {line-height:1.4;}
#h-gnav .subnav dt a {background-repeat:no-repeat;}
#h-gnav .subnav dd a {
  padding:8px 20px 8px 32px;
  color:#333;
  background:url(/common-wr/img/tri_right_blue.png);
  background-repeat:no-repeat;
  background-size:6px;
}



/*-------------------------------------
pagetop
-------------------------------------*/
#pagetop a {
  position:relative;
  display:inline-block;
  width:54px;
  padding-top:60px;
  color:#039;
  font-size:10px;
  font-weight:bold;
  text-align:center;
}
#pagetop a:before {
  position:absolute;
  left:0;
  top:0;
  content:"";
  display:block;
  width:54px;
  height:54px;
  background-color:#039;
}
#pagetop a:after {
  position:absolute;
  left:21px;
  top:19px;
  content:"";
  display:block;
  width:0;
  height:0;
  border:6px solid #039;
  border-bottom:6px solid #fff;
}



/*-------------------------------------
footer
-------------------------------------*/
#footer {background-color:#f2f2f2;}
#lineup-font-size-sampler {bottom:0;}

/* menu
-------------------------------------*/
#f-menu {background-color:#e2e2e2;}
#f-menu li {float:left;}
#f-menu li a {
  display:block;
  line-height:16px;
  padding-left:12px;
  color:#333;
  background:url(/common-wr/img/tri_right_blue.png);
  background-repeat:no-repeat;
  background-position:0 .4em;
  background-size:6px;
}
#f-menu li:last-child a {
  padding-left:25px;
  background-image:url(/common-wr/img/footer_menu_member.png);
  background-position:0 0;
  background-size:20px;
}

/* info : logo, social
-------------------------------------*/
/* social */
#f-social {font-weight:bold;}
#f-social a {display:block;}

/* copy
-------------------------------------*/
#f-copy {
  padding:20px;
  color:#fff;
  background-color:#039;
  text-align:center;
}
#f-copy small {font-size:inherit;}



/*-------------------------------------
skiplink
-------------------------------------*/
#skiplink {display:none;}



/*-------------------------------------
contents
-------------------------------------*/



/*-------------------------------------
breadcrumb
-------------------------------------*/
#breadcrumb {line-height:1.4;}
#breadcrumb a {color:#007eff}
#breadcrumb li {
  display:inline-block;
  margin:0 4px 10px 0 !important;
  padding-left:12px;
  background-image:url(/common-wr/img/arrow_right_blue.png);
  background-repeat:no-repeat;
  background-size:5px;
}
#breadcrumb li:first-child {
  padding-left:22px;
  background-image:url(/common-wr/img/breadcrumb_home.png);
  background-size:15px;
}
#breadcrumb li:last-child {margin-right:0;}



/*-------------------------------------
side
-------------------------------------*/
#side {line-height:1.4;}
#side a {
  display:block;
  color:#039;
  font-weight:bold;
}

/* navi
-------------------------------------*/
#side .navi {background:#fff;}

/* 1st */
#side .navi {border:1px solid #dbdbdb;}
#side .navi > li {border-bottom:1px solid #dbdbdb;}
#side .navi > li:last-child {border-bottom:0;}
#side .navi > li > a {
  padding:18px 15px;
  padding-right:30px;
  background-color:#fff;
  background-image:url(/common-wr/img/arrow_right_pink.png);
  background-repeat:no-repeat;
  background-position:-webkit-calc(100% - 12px) 50%;
  background-position:calc(100% - 12px) 50%;
  background-size:8px;
}
#side .navi > li > .current {
  color:#333;
  background-image:none;
}
/* 2nd */
#side .navi > li > ul {padding:0 10px 10px;}
#side .navi > li > ul > li {margin-bottom:1px;}
#side .navi > li > ul > li > a {
  padding:12px;
  padding-left:24px;
  background-color:#f2f2f2;
  background-image:url(/common-wr/img/tri_right_blue.png);
  background-repeat:no-repeat;
  background-size:5px;
}
#side .navi > li > ul > li > .current {
  color:#039;
  background-color:#dae6ff;
}
/* 3rd */
#side .navi > li > ul > li > ul {
  padding:6px 12px 12px 36px;
  background-color:#dae6ff;
}
#side .navi > li > ul > li > ul > li {margin-bottom:12px;}
#side .navi > li > ul > li > ul > li > a {
  position:relative;
  font-weight:normal;
}
#side .navi > li > ul > li > ul > li > a:before {
  position:absolute;
  content:"・";
  top:0;
  left:-1.2em;
}
#side .navi > li > ul > li > ul > li > .current {
  color:#333;
  font-weight:bold;
}

/* banner
-------------------------------------*/
#side .banner {text-align:center;}
#side .banner li {margin-bottom:10px;}



/*-------------------------------------
main
-------------------------------------*/
#main {
  line-height:1.8;
  background:#fff;
}

/* common
-------------------------------------*/
#main p {margin-bottom:1em;}
#main li {line-height:1.6;}

/* anchor
-------------------------------------*/
/* icon */
.wysiwyg a[target=_blank],
.image a[target=_blank] figcaption,
#main .article-card a[target=_blank] .link span {
  padding-right:20px;
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-image:url(/common-wr/img/link_external.png);
  background-size:15px;
}
.wysiwyg a[href$=pdf],
.wysiwyg a[href$=doc],
.wysiwyg a[href$=docx],
.wysiwyg a[href$=xls],
.wysiwyg a[href$=xlsx],
.wysiwyg a.icon-file,
.image a[target=_blank] figcaption,
.image a[href$=pdf] figcaption,
.image a[href$=doc] figcaption,
.image a[href$=docx] figcaption,
.image a[href$=xls] figcaption,
.image a[href$=xlsx] figcaption,
.image a.icon-file figcaption,
#main .article-card a[href$=pdf] .link span,
#main .article-card a[href$=doc] .link span,
#main .article-card a[href$=docx] .link span,
#main .article-card a[href$=xls] .link span,
#main .article-card a[href$=xlsx] .link span,
#main .article-card a.icon-file .link span {
  display:inline;
  padding-right:16px;
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-size:12px;
}
#main .article-card a .link span {padding-top:2px;}
.wysiwyg a[href$=pdf],
.image a[href$=pdf] figcaption,
#main .article-card a[href$=pdf] .link span {background-image:url(/common-wr/img/link_pdf.png);}
.wysiwyg a[href$=doc],
.wysiwyg a[href$=docx],
.image a[href$=doc] figcaption,
.image a[href$=docx] figcaption,
#main .article-card a[href$=doc] .link span,
#main .article-card a[href$=docx] .link span {background-image:url(/common-wr/img/link_word.png);}
.wysiwyg a[href$=xls],
.wysiwyg a[href$=xlsx],
.image a[href$=xls] figcaption,
.image a[href$=xlsx] figcaption,
#main .article-card a[href$=xls] .link span,
#main .article-card a[href$=xlsx] .link span {background-image:url(/common-wr/img/link_excel.png);}
.wysiwyg a.icon-file,
.image a.icon-file figcaption,
#main .article-card a.icon-file .link span {
  background-image:url(/common-wr/img/link_file.png);
  background-size:10px;
}
.wysiwyg a.no-icon,
.wysiwyg .image a,
.wysiwyg .banner-box a,
.wysiwyg .banner-sagi a,
.image a.no-icon figcaption {
  padding-right:0;
  background-repeat:no-repeat;
  background-image:none;
}
/* btn */
#main a.btn {
  display:inline-block;
  line-height:1.2;
  padding:15px 35px 15px 20px;
  color:#fff !important;
  background-color:#039;
  background-image:url(/common-wr/img/arrow_right_white.png);
  background-repeat:no-repeat;
  background-position:calc(100% - 12px) 50%;
  background-size:8px;
  text-align:center;
}
#main a.btn[target=_blank] {
  background-image:url(/common-wr/img/link_external_white.png);
  background-size:15px;
}
#main a.btn-yellow {background-color:#fea72b;}
#main a.btn-pink {background-color:#ff3a6d;}
#main a.btn-purple {background-color:#8369f0;}
#main a.btn-orange {background-color:#ff8226;}
#main a.btn-small {
  padding:8px 12px;
  padding-right:30px;
}
#main a.btn-back {
  min-width:0;
  padding:8px 10px;
  padding-left:26px;
  background-image:url(/common-wr/img/arrow_left_white.png);
  background-position:10px 50%;
  background-size:8px;
}
#main .btn-more {
  display:none;
  line-height:1;
  text-align:center;
}
#main .btn-more a {
  display:block;
  color:#fff;
  background-color:#a6a6a6;
}
#main .btn-more a span {
  display:inline-block;
  line-height:25px;
  padding-right:35px;
  background-image:url(/common-wr/img/btn_more_off.png);
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-size:28px;
}

/* headline
-------------------------------------*/
#main h1 {
  border-top:3px solid #039;
  border-bottom:1px solid #d3d3d3;
}
#main h1:before {
  position:absolute;
  left:0;
  top:-3px;
  content:"";
  display:block;
  height:3px;
  background-color:#ff3a6d;
}
#main h1 span {
  display:inline-block;
  line-height:1;
  color:#666;
  font-weight:normal;
  border:1px solid #d3d3d3;
  vertical-align:middle;
  margin-top:-.2em;
  margin-right:1em;
}
#main h2,
#main h3,
#main h4,
#main h5 {line-height:1.6;}
#main h2 {background-color:#eee;}
#main h2 span {font-weight:normal;}
#main h2:before {
  position:absolute;
  left:0;
  top:0;
  content:"";
  display:block;
  width:0;
  height:0;
  border-top:12px solid #ff3a6d;
  border-right:12px solid #eee;
}
#main h2.h-image {
  padding:0;
  background-color:transparent;
  text-align:center;
}
#main h2.h-image:before {display:none;}
#main h2.h-c {
  padding:0;
  color:#039;
  font-weight:normal;
  background-color:transparent;
}
#main h2.h-c:before {display:none;}
#main h2.h-faculty {
  margin-top:0 !important;
  color:#039;
  background-color:#fff;
  background-repeat:no-repeat;
  background-size:contain;
  border:1px solid #039;
  text-align:center;
}
#main h2.h-faculty:before {display:none;}
#main h3 {
  padding-top:15px;
  background-image:url(/common-wr/img/main_h3.png);
  background-repeat:no-repeat;
  background-size:127px;
  border-top:1px solid #039;
}
#main h3.h-b,
#main h3.h-c,
#main h3.h-d {background-image:none;}
#main h3.h-c span {color:#ff3a6d;}
#main h3.h-b {
  display:table;
  color:#039;
  border:1px solid #d2dffb;
}
#main h3.h-c {
  padding:0;
  color:#039;
  font-weight:normal;
  border:0;
  text-align:center;
}
#main h3.h-d {
  color:#039;
  border:0;
  padding:0;
}
#main h3.h-d:first-child {margin-top:0;}
#main h3.h-line {
  margin-top:0 !important;
  color:#039;
  font-weight:normal;
  background:transparent;
  border:0;
}
#main h3.h-line:before {
  position:absolute;
  left:0;
  top:0;
  content:'';
  display:block;
  width:100%;
  height:4px;
  background:#039;
  background:-webkit-linear-gradient(left, #ff3a6d 20%, #039 20%, #039);
  background:linear-gradient(to right, #ff3a6d 20%, #039 20%, #039);
}
#main h3.h-line span {
  background-position:100% 50%;
  background-repeat:no-repeat;
}
#main h3.h-line .number {
  color:#ff3a6d;
  font-weight:bold;
  margin-right:.5em;
  padding-right:.5em;
  border-right:1px dotted #039;
}
#main h3.h-border {
  margin-top:0 !important;
  color:#039;
  font-weight:normal;
  background:transparent;
  border:0;
  padding:0;
  text-align:center;
}
#main h3.h-border span {
  position:relative;
  display:inline-block;
}
#main h3.h-border span:before {
  position:absolute;
  content:"";
  background:#039;
  left:-40px;
  top:50%;
  width:30px;
  height:8px;
  margin-top:-4px;
}
#main h3.h-border span:after {
  position:absolute;
  content:"";
  background:#039;
}
#main h4 {
  background-image:url(/common-wr/img/main_h4_blue.png);
  background-repeat:no-repeat;
  background-size:11px;
}
#main h4.h-red {background-image:url(/common-wr/img/main_h4_red.png);}
#main h4.h-back {
  padding:0;
  background-image:none;
}
#main h4.h-back a,
#main h4.h-back span {
  display:block;
  color:#039;
  border:1px solid #dae6ff;
  background-color:#dae6ff;
  background-image:url(/common-wr/img/arrow_right_blue.png);
  background-repeat:no-repeat;
  background-size:8px;
}
#main h4.h-back a[target=_blank] {
  border:1px solid #fdff50;
  background-color:#fdff50;
  background-image:url(/common-wr/img/link_external.png);
  background-size:15px;
}
#main h4.h-back span {background-image:none;}
#main h5 span {
  margin-left:.5em;
  font-weight:normal;
}
#main h5 span.large {
  margin-left:0;
  font-weight:bold;
}
#main h1 + h2,
#main h4:first-child {margin-top:0;}

/* hr
-------------------------------------*/
#main hr {
  clear:both;
  height:0;
  border-bottom:1px solid #039;
}
#main hr.gray {border-bottom:1px solid #d3d3d3;}
#main hr.dotted {border-bottom:1px dotted #575757;}
#main hr.transparent {border-bottom:1px solid transparent;}

/* table
-------------------------------------*/
#main .wysiwyg table {width:100%;}
#main .wysiwyg th,
#main .wysiwyg td {border:1px solid #cfcfcf;}
#main .wysiwyg th {
  font-weight:bold;
  text-align:center;
  background-color:#eee;
}
#main .wysiwyg thead th {
  background-color:#f5f8ff;
  border-bottom:3px solid #039;
}
#main .wysiwyg th.num,
#main .wysiwyg td.num {text-align:right;}

/* menu
-------------------------------------*/
#main .menu {
  padding:10px 0;
  border-top:2px solid #039;
  border-bottom:1px solid #d3d3d3;
}
#main .menu li {
  display:inline-block;
  margin:5px !important;
  padding-right:15px;
  border-right:1px dotted #039;
}
#main .menu li:last-child {
  padding-right:0;
  border-right:0;
}
#main .menu a {
  display:block;
  padding-right:20px;
  background-image:url(/common-wr/img/main_menu.png);
  background-repeat:no-repeat;
  background-size:15px;
}
#main .menu-small li {
  display:inline-block;
  line-height:1.2;
  margin:5px !important;
  padding-right:15px;
  border-right:1px solid #bebebe;
}
#main .menu-small li:last-child {
  padding-right:0;
  border-right:0;
}
#main .menu-small li .current{color:#666;}
#main .menu-small + * {margin-top:0;}
#main .faculty-menu {margin:0;}

/* image, movie
-------------------------------------*/
#main .image figure {
  margin:0 auto;
  max-width:100%;
}
#main .image img,
#main .movie iframe {margin-bottom:10px;}

/* ul, ol
-------------------------------------*/
#main .wysiwyg ul {margin-left:.6em;}
#main .wysiwyg ul > li {
  padding-left:12px;
  background-image:url(/common-wr/img/main_li.png);
  background-repeat:no-repeat;
  background-position:0 .55em;
  background-size:6px;
}
#main .wysiwyg ol {margin-left:1.6em;}
#main .wysiwyg ol > li {list-style:decimal;}
#main .wysiwyg li {margin-bottom:8px;}
#main .wysiwyg .top-section ul,
#main .wysiwyg .top-page-list ul,
#main .wysiwyg .menu,
#main .wysiwyg .btns,
#main .wysiwyg .page-list,
#main .wysiwyg .page-list-blue,
#main .wysiwyg .table-box,
#main .wysiwyg .banner-box,
#main .wysiwyg .search-tab,
#main .wysiwyg .library-time {margin-left:0;}
#main .wysiwyg .top-section ul li,
#main .wysiwyg .top-page-list ul li,
#main .wysiwyg .menu li,
#main .wysiwyg .btns li,
#main .wysiwyg .page-list li,
#main .wysiwyg .page-list-blue li,
#main .wysiwyg .table-box li,
#main .wysiwyg .banner-box li,
#main .wysiwyg .search-tab li,
#main .wysiwyg .library-time li,
#main .wysiwyg .faculty-menu li {
  padding-left:0;
  background-image:none;
}

/* info
-------------------------------------*/
#main .info {
  display:table;
  width:100%;
}
#main .info > * {
  display:table-cell;
  vertical-align:top;
}
/* date */
#main .info .date {
  line-height:1.5;
  padding:5px 10px 0 25px;
  font-weight:bold;
  background-image:url(/common-wr/img/main_date.png);
  background-repeat:no-repeat;
  background-position:0 4px;
  background-size:19px;
  white-space:nowrap;
}
/* tags */
#main .info .tags {text-align:right;}
#main .info .tags p,
#main .info .tags span {margin-bottom:10px !important;}
#main .info .tags p {
  display:inline-block;
  line-height:1;
  padding-left:16px;
  color:#039;
  font-weight:bold;
  background-image:url(/common-wr/img/main_tags.png);
  background-repeat:no-repeat;
  background-position:0 50%;
  background-size:12px;
}

/* rect
-------------------------------------*/
#main .rect-border {border:1px solid #039;}
#main .rect-yellow {background:#f9f7e8;}
#main .rect a {color:#007eff;}
#main .rect a.btn {padding:10px 25px 10px 10px;}

/* contact
-------------------------------------*/
#main .contact {border:3px solid #039;}
#main .contact dt {
  padding:15px;
  color:#ff3a6d;
  font-weight:bold;
  border-bottom:1px solid #039;
  text-align:center;
}
#main .contact dd {background:#f7f7f7;}

/* btns
-------------------------------------*/
#main .btns {text-align:center;}
#main .btns li {
  display:inline-block;
  margin:5px !important;
}

/* navi
-------------------------------------*/
#main .navi {border:1px solid #039;}
#main .navi a {display:block;}
#main .navi dt {
  padding:15px;
  font-weight:bold;
  background:#e2ecff;
}
#main .navi dt a {
  padding-right:15px;
  color:#039;
  background-image:url(/common-wr/img/arrow_right_blue.png);
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-size:8px;
}
#main .navi dt a[target=_blank] {
  background-image:url(/common-wr/img/link_external.png);
  background-size:15px;
}
#main .navi dd {
  padding:12px 15px;
  border-bottom:1px solid #d3d3d3;
}
#main .navi dd:last-child {border-bottom:0;}
#main .navi dd > a {
  padding-right:10px;
  background-image:url(/common-wr/img/arrow_right_pink.png);
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-size:6px;
}
#main .navi ul {margin:12px;}
#main .navi li {margin-bottom:8px;}
#main .navi li a {
  padding-left:10px;
  background-image:url(/common-wr/img/tri_right_blue.png);
  background-repeat:no-repeat;
  background-position:0 .6em;
  background-size:5px;
}

/* gallery
-------------------------------------*/
#main .gallery p {text-align:right;}
#main .gallery p span {
  display:inline-block;
  padding-left:25px;
  background-image:url(/common-wr/img/main_gallery.png);
  background-repeat:no-repeat;
  background-position:0 50%;
  background-size:19px;
}
#main .gallery li {float:left;}

/* social
-------------------------------------*/
#main .social {text-align:right;}
#main .social li {
  display:inline-block;
  margin-left:5px;
  vertical-align:top;
  line-height:1;
}
#main .social li div {
  margin:0;
  padding:0;
  vertical-align:top !important;
}
#main .social #___plusone_0 {width:70px !important;}
#main .social .pocket-btn {width:90px;}

/* tag
-------------------------------------*/
#main .tag {
  position:relative;
  display:inline-block;
  line-height:1;
  margin-left:5px;
  padding:4px 7px 3px;
  text-align:center;
  color:#fff;
  background:#fff;
}
#main .tag-type {background:#97b9ff;}
#main .tag-news-pr {background:#578af3;}
#main .tag-news-activity {background:#fda82b;}
#main .tag-news-seminar {background:#836eec;}
#main .tag-news-sports {background:#41c4e0;}
#main .tag-news-culture {background:#cc66ca;}
#main .tag-news-career {background:#c8ca13;}
#main .tag-news-global {background:#4b70c8;}
#main .tag-news-research {background:#78da51;}
#main .tag-news-sankangaku {background:#08c2c9;}
#main .tag-news-local {background:#d7804b;}
#main .tag-news-education {background:#f24b6f;}
#main .tag-news-fdsd {background:#2cca6c;}
#main .tag-news-student {background:#ff7664;}
#main .tag-media-tv {background:#585378;}
#main .tag-media-radio {background:#785357;}
#main .tag-media-news {background:#537854;}
#main .tag-media-etc {background:#787878;}
#main .tag-media-press {background:#787878;}
#main .tag-media-none {background:transparent;}
#main .tag-ksu-ec,
#main .tag-ksu-bu,
#main .tag-ksu-ju,
#main .tag-ksu-ffl,
#main .tag-ksu-fcsi,
#main .tag-ksu-sc,
#main .tag-ksu-cse,
#main .tag-ksu-nls,
#main .tag-ksu-library,
#main .tag-ksu-kao,
#main .tag-ksu-misc,
#main .tag-ksu-research,
#main .tag-ksu-musubiwaza,
#main .tag-ksu-ns {
  color:#666;
  border:1px solid #bcbcbc;
  padding:3px 6px 2px 10px;
}
#main .tag-ksu-ec:before,
#main .tag-ksu-bu:before,
#main .tag-ksu-ju:before,
#main .tag-ksu-ffl:before,
#main .tag-ksu-fcsi:before,
#main .tag-ksu-sc:before,
#main .tag-ksu-cse:before,
#main .tag-ksu-nls:before,
#main .tag-ksu-library:before,
#main .tag-ksu-kao:before,
#main .tag-ksu-misc:before,
#main .tag-ksu-research:before,
#main .tag-ksu-musubiwaza:before,
#main .tag-ksu-ns:before {
  content:'';
  position:absolute;
  left:0;
  top:0;
  display:block;
  width:4px;
  height:100%;
}
#main .tag-ksu-ec:before {background:#47c5ff;}
#main .tag-ksu-bu:before {background:#ffc324;}
#main .tag-ksu-ju:before {background:#c782d5;}
#main .tag-ksu-ffl:before {background:#ed6eb5;}
#main .tag-ksu-fcsi:before {background:#3cd7b7;}
#main .tag-ksu-sc:before {background:#82df52;}
#main .tag-ksu-cse:before {background:#878def;}
#main .tag-ksu-nls:before {background:#fefa50;}
#main .tag-ksu-library:before,
#main .tag-ksu-kao:before,
#main .tag-ksu-misc:before,
#main .tag-ksu-research:before,
#main .tag-ksu-musubiwaza:before,
#main .tag-ksu-ns:before {background:#2a62d5;}

/* news-link
-------------------------------------*/
#main .news-link {
  margin-bottom:10px;
  text-align:right;
}
#main .news-link li {
  display:inline-block;
  margin-bottom:5px !important;
  margin-right:5px;
}
#main .news-link li:after {
  content:"/";
  margin-left:8px;
}
#main .news-link li:last-child:after {
  content:"";
  margin-left:0;
}
#main .news-link a {color:#039;}

/* news-list
-------------------------------------*/
#main .news-list a {
  display:block;
  color:#333;
  border:1px solid #fff;
  text-decoration:none;
  background-image:url(/common-wr/img/arrow_right_gray.png);
  background-repeat:no-repeat;
  background-position:calc(100% - 15px) 50%;
  background-size:8px;
}
#main .news-list li:nth-child(2n+1) a {
  border-color:#f7f7f7;
  background-color:#f7f7f7;
}
#main .news-list p {margin-bottom:5px;}
#main .news-list .new {
  margin-left:.5em;
  color:#ff3a6d;
  font-style:italic;
}
#main .news-list .tag {margin-bottom:5px; !important}
#main .news-list .tag:first-child {margin-left:12px;}
#main .section-news .news-list .tag:first-child,
#main .top-news .news-list .tag:first-child {margin-left:0;}
#main .top-section {
  position:relative;
  border-style:solid;
}
#main #top-section01 {border-color:#ff3a6d;}
#main #top-section02 {border-color:#836eec;}
#main #top-section03 {border-color:#fe8327;}
#main .top-section .top-section-bg {
  background-repeat:no-repeat;
  background-position:50% 100%;
  background-size:cover;
}
#main .top-section h2 {
  padding:0;
  background:transparent;
  font-weight:normal;
  line-height:1.4;
}
#main .top-section h2:before {display:none;}
#main .top-section h2:first-child {margin-top:0;}
#main #top-section01 h2 {color:#ff3a6d;}
#main #top-section02 h2 {color:#836eec;}
#main #top-section03 h2 {color:#fe8327;}
#main #top-section01 a.btn {background-color:#ff3a6d;}
#main #top-section02 a.btn {background-color:#836eec;}
#main #top-section03 a.btn {background-color:#fe8327;}
#main .top-section-inner {position:relative;}
#main .top-section-square {
  position:absolute;
  background-repeat:no-repeat;
}
#main .top-page-list dt {
  font-weight:bold;
  background-color:#e2e2e2;
  text-align:center;
}
#main .top-page-list li a {
  display:table;
  width:100%;
  color:#000;
  border:1px solid #e2e2e2;
  background-color:#fff;
  background-image:url(/common-wr/img/arrow_right_blue.png);
  background-repeat:no-repeat;
  background-position:calc(100% - 10px) 50%;
  background-size:8px;
}
#main .top-page-list li a[target=_blank],padding-right:35px;
#main .top-page-list li a[target=_blank]:hover {
  background-image:url(/common-wr/img/link_external.png);
  background-size:15px;
}
#main .top-page-list li a[href$=pdf],
#main .top-page-list li a[href$=doc],
#main .top-page-list li a[href$=docx],
#main .top-page-list li a[href$=xls],
#main .top-page-list li a[href$=xlsx],
#main .top-page-list li a[href$=pdf]:hover,
#main .top-page-list li a[href$=doc]:hover,
#main .top-page-list li a[href$=docx]:hover,
#main .top-page-list li a[href$=xls]:hover,
#main .top-page-list li a[href$=xlsx]:hover {background-size:12px;}
#main .top-page-list li a[href$=pdf],
#main .top-page-list li a[href$=pdf]:hover {background-image:url(/common-wr/img/link_pdf.png);}
#main .top-page-list li a[href$=doc],
#main .top-page-list li a[href$=docx],
#main .top-page-list li a[href$=doc]:hover,
#main .top-page-list li a[href$=docx]:hover {background-image:url(/common-wr/img/link_word.png);}
#main .top-page-list li a[href$=xls],
#main .top-page-list li a[href$=xlsx],
#main .top-page-list li a[href$=xls]:hover,
#main .top-page-list li a[href$=xlsx]:hover {background-image:url(/common-wr/img/link_excel.png);}
#main .top-page-list li a.icon-file,
#main .top-page-list li a.icon-file:hover {
  background-image:url(/common-wr/img/link_file.png);
  background-size:10px;
}
#main .top-page-list li span {
  display:table-cell;
  vertical-align:middle;
}
#main .top-page-list li .photo {padding:2px;}
#main .top-page-list li .text {padding:0 28px 0 10px;}
#main .top-page-list li a[target=_blank] .text {padding-right:35px;}
#main .top-page-list li a[href$=pdf] .text,
#main .top-page-list li a[href$=doc] .text,
#main .top-page-list li a[href$=docx] .text,
#main .top-page-list li a[href$=xls] .text,
#main .top-page-list li a[href$=xlsx] .text {padding-right:32px;}
#main .top-page-list li a.icon-file .text {padding-right:30px;}



/* paging
-------------------------------------*/
#main .paging {
  line-height:1;
  font-weight:bold;
  background-color:#f5f8ff;
  border-top:1px solid #039;
  text-align:center;
}
#main .paging a {
  display:table-cell;
  vertical-align:middle;
}
#main .paging p a {
  padding:0 12px;
  color:#039;
  border:1px solid #c7c7c7;
  background-color:#fff;
  background-repeat:no-repeat;
  background-size:6px;
}
#main .paging .prev a {
  padding-left:30px;
  background-image:url(/common-wr/img/arrow_left_pink.png);
  background-position:12px 50%;
}
#main .paging .next a {
  padding-right:30px;
  background-image:url(/common-wr/img/arrow_right_pink.png);
  background-position:calc(100% - 12px) 50%;
}
#main .paging li {
  display:inline-block;
  margin:0 2px;
  vertical-align:middle;
}
#main .paging li a {
  border:1px solid #f5f8ff;
  background-color:#f5f8ff;
}
#main .paging li a:visited {color:#9268c7;}
#main .paging li .current,
#main .paging li .current:hover {
  color:#333;
  background-color:#f5f8ff;
  border:1px solid #f5f8ff;
}

/* event-list
-------------------------------------*/
#main .event-list li {
  position:relative;
  border:1px solid #ececec;
  border-top:0;
}
#main .event-list li:before {
  position:absolute;
  left:-1px;
  top:-1px;
  content:'';
  display:block;
  width:10px;
  height:10px;
  background-image:url(/common-wr/img/event_list_left_top.png);
}
#main .event-list li:after {
  position:absolute;
  right:-1px;
  top:-1px;
  content:'';
  display:block;
  width:10px;
  height:10px;
  background-image:url(/common-wr/img/event_list_right_top.png);
}
#main .event-list a:before {
  position:absolute;
  left:-1px;
  bottom:-1px;
  content:'';
  display:block;
  width:10px;
  height:10px;
  background-image:url(/common-wr/img/event_list_left_bottom.png);
}
#main .event-list a:after {
  position:absolute;
  right:-1px;
  bottom:-1px;
  content:'';
  display:block;
  width:10px;
  height:10px;
  background-image:url(/common-wr/img/event_list_right_bottom.png);
}
#main .event-list a {
  display:block;
  color:#333;
  border:4px solid #fff;
}
#main .event-list .notice {border-color:#faff3e;}
#main .event-list p {margin:0;}
#main .event-list div {
  position:relative;
  height:7.2em;
}
#main .event-list .event-date {
  position:absolute;
  left:0;
  top:4px;
  line-height:1;
  font-weight:bold;
  background-color:#fff;
  border:1px solid #ededed;
  border-bottom-width:3px;
  border-radius:0 0 2px 2px;
}
#main .event-list .event-date:before {
  position:absolute;
  left:-1px;
  top:-1px;
  content:'';
  display:block;
  width:calc(100% + 2px);
  height:4px;
  background:#039;
}
#main .event-list .event-date:after {
  position:absolute;
  left:50%;
  top:-5px;
  margin-left:-3px;
  content:'';
  width:6px;
  height:4px;
  background-image:url(/common-wr/img/event_list_date.png);
  background-size:6px;
}
#main .event-list .event-date span {
  display:block;
  text-align:center;
}
#main .event-list .event-date .year {
  margin-bottom:4px;
  color:#039;
}
#main .event-list .event-date .month {
  width:40%;
  margin-right:auto;
}
#main .event-list .event-date .month:after {
  position:absolute;
  content:'';
  width:1px;
  background:#acacac;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
}
#main .event-list .event-date .day {
  width:60%;
  margin-left:auto;
}
#main .event-list .event-date .week {
  margin-top:2px;
  width:60%;
  margin-left:auto;
  font-weight:normal;
}
#main .event-list .event-date .week.sat {color:#2da4ff;}
#main .event-list .event-date .week.sun {color:#ff3f3f;}
#main .event-list .event-title {
  height:4.8em;
  overflow:hidden;
  word-wrap:break-word;
}
#main .event-list .event-text {position:absolute;}
#main .event-list .event-text span {
  display:inline-block;
  margin-right:.5em;
  color:#ff3a6d;
}
#main .event-list .event-detail {
  position:absolute;
  line-height:1;
  padding:6px;
  background-color:#faff3e;
}
#main .event-list .label {
  margin-bottom:15px;
  padding:9px;
  font-weight:bold;
  background:#f2f2f2;
  text-align:center;
}
#main .event-list .label span {
  display:inline-block;
  background-position:0 50%;
  background-repeat:no-repeat;
}
#main .event-list .label-ceremony span {
  padding-left:21px;
  background-image:url(/common-wr/img/label_ceremony.png);
  background-size:16px;
}
#main .event-list .label-research span {
  padding-left:21px;
  background-image:url(/common-wr/img/label_research.png);
  background-size:16px;
}
#main .event-list .label-opencampus span {
  padding-left:24px;
  background-image:url(/common-wr/img/label_opencampus.png);
  background-size:19px;
}
#main .event-list .label-lecture span {
  padding-left:36px;
  background-image:url(/common-wr/img/label_lecture.png);
  background-size:31px;
}
#main .event-list .label-forum span {
  padding-left:27px;
  background-image:url(/common-wr/img/label_forum.png);
  background-size:22px;
}
#main .event-list .label-seminar span {
  padding-left:27px;
  background-image:url(/common-wr/img/label_seminar.png);
  background-size:22px;
}
#main .event-list .label-society span {
  padding-left:24px;
  background-image:url(/common-wr/img/label_society.png);
  background-size:19px;
}
#main .event-list .label-symposium span {
  padding-left:34px;
  background-image:url(/common-wr/img/label_symposium.png);
  background-size:29px;
}
#main .event-list .label-exhibit span {
  padding-left:26px;
  background-image:url(/common-wr/img/label_exhibit.png);
  background-size:21px;
}
#main .event-list .label-culture span {
  padding-left:33px;
  background-image:url(/common-wr/img/label_culture.png);
  background-size:28px;
}
#main .event-list .label-local span {
  padding-left:41px;
  background-image:url(/common-wr/img/label_local.png);
  background-size:36px;
}

/* kyoin
-------------------------------------*/
#main .kyoin-detail {
  margin-bottom:15px;
  color:#fff;
  background-color:#039;
  background-image:url(/common-wr/img/kyoin_bg.png);
  border-top:5px solid #039;
  text-align:center;
}
#main .kyoin-list {
  line-height:1.6;
  font-weight:normal;
}
#main .kyoin-list a,
#main .kyoin-list span {display:block;}
#main .kyoin-list div > a,
#main .kyoin-list div > span {position:relative;}
#main .kyoin.faculty-ec .kyoin-detail {border-top-color:#47c5ff;}
#main .kyoin.faculty-bu .kyoin-detail {border-top-color:#ffc324;}
#main .kyoin.faculty-ju .kyoin-detail {border-top-color:#c782d5;}
#main .kyoin.faculty-ffl .kyoin-detail {border-top-color:#ed6eb5;}
#main .kyoin.faculty-fcsi .kyoin-detail {border-top-color:#3cd7b7;}
#main .kyoin.faculty-sc .kyoin-detail {border-top-color:#82df52;}
#main .kyoin.faculty-cse .kyoin-detail {border-top-color:#878def;}
#main .kyoin.faculty-nls .kyoin-detail {border-top-color:#fefa50;}
#main .kyoin-photo {text-align:center;}
#main .kyoin-photo img {
  padding:3px;
  border:2px solid #ececec;
  border-radius:50%;
  background-color:#fff;
}
#main .kyoin-detail h2 {
  margin:0;
  padding:0;
  background:transparent;
  letter-spacing:.2em;
  margin-left:.2em;
  font-weight:normal;
}
#main .kyoin-detail h2:before {display:none;}
#main .kyoin-detail h2 span {
  display:block;
  letter-spacing:0;
  margin-left:-.4em;
}
#main .kyoin-profile {border-top:1px solid #4d71b8;}
#main .kyoin-profile dl {
  display:table;
  width:100%;
  margin-bottom:3px;
}
#main .kyoin-profile dt,
#main .kyoin-profile dd {display:table-cell;}
#main .kyoin-profile dt {
  width:6em;
  color:#039;
  font-weight:bold;
  background-color:#fff;
}
#main .kyoin-profile dd {
  background-color:#2457bc;
  text-align:left;
}
#main .kyoin-name {margin:0;}
#main .kyoin-name span {display:block;}
#main .kyoin-btn {
  position:absolute;
  background-image:url(/common-wr/img/arrow_right_pink.png);
  background-repeat:no-repeat;
  background-size:6px;
}
#main .kyoin .kyoin-link {text-align:right;}
#main .kyoin .kyoin-link li {margin-bottom:10px;}
#main .kyoin .kyoin-link a {
  position:relative;
  display:block;
  color:#fff;
  line-height:40px;
  padding:0 10px 0 26px;
  text-align:left;
  background-image:url(/common-wr/img/tri_right_white.png);
  background-repeat:no-repeat;
  background-position:10px 50%;
  background-size:6px;
}
#main .kyoin .kyoin-link a:after {
  position:absolute;
  right:-40px;
  top:0;
  content:'';
  display:block;
  width:40px;
  height:40px;
}
#main .kyoin .kyoin-link .kyoin-site a {background-color:#4793ff;}
#main .kyoin .kyoin-link .kyoin-site a:after {background-color:#7fb4ff;}
#main .kyoin .kyoin-link .kyoin-research a { background-color:#fea72b;}
#main .kyoin .kyoin-link .kyoin-research a:after {background-color:#fec26b;}
#main .kyoin .kyoin-link .kyoin-database a {background-color:#848484;}
#main .kyoin .kyoin-link .kyoin-database a:after {background-color:#a9a9a9;}
#main .kyoin-list .kyoin-link li {
  display:inline-block;
  padding-left:10px;
  background-repeat:no-repeat;
  background-position:0 50%;
  background-size:5px;
}
#main .kyoin-list .kyoin-link .kyoin-site {background-image:url(/common-wr/img/tri_right_blue.png);}
#main .kyoin-list .kyoin-link .kyoin-interview {background-image:url(/common-wr/img/tri_right_orange.png);}
#main .kyoin .kyoin-link a:after,
#main .kyoin-list .kyoin-link a {
  background-repeat:no-repeat;
  background-image:url(/common-wr/img/link_external.png);
  background-size:15px;
}
#main .kyoin .kyoin-link a:after {background-position:50% 50%;}
#main .kyoin-list .kyoin-link a {background-position:100% 50%;}
#main .kyoin .kyoin-link a[href$=pdf]:after,
#main .kyoin-list .kyoin-link a[href$=pdf] {background-image:url(/common-wr/img/link_pdf.png);}
#main .kyoin .kyoin-link a[href$=doc]:after,
#main .kyoin .kyoin-link a[href$=docx]:after,
#main .kyoin-list .kyoin-link a[href$=doc],
#main .kyoin-list .kyoin-link a[href$=docx] {background-image:url(/common-wr/img/link_word.png);}
#main .kyoin .kyoin-link a[href$=xls]:after,
#main .kyoin .kyoin-link a[href$=xlsx]:after,
#main .kyoin-list .kyoin-link a[href$=xls],
#main .kyoin-list .kyoin-link a[href$=xlsx] {background-image:url(/common-wr/img/link_excel.png);}
#main .kyoin-list .kyoin-link a {padding-right:20px;}
#main .kyoin-list .kyoin-link a[href$=pdf],
#main .kyoin-list .kyoin-link a[href$=doc],
#main .kyoin-list .kyoin-link a[href$=docx],
#main .kyoin-list .kyoin-link a[href$=xls],
#main .kyoin-list .kyoin-link a[href$=xlsx] {
  padding-right:16px;
  background-size:12px;
}
#main .kyoin .kyoin-link a.icon-file:after,
#main .kyoin-list .kyoin-link a.icon-file {
  padding-right:16px;
  background-image:url(/common-wr/img/link_file.png);
  background-size:10px;
}
#main .update-text {text-align:right;}



/*-------------------------------------
top
-------------------------------------*/
#top-header {
  position:relative;
  background-color:#fff;
  z-index:1;
}
#top-header h1 {
  position:absolute;
  z-index:2;
}
#top-header .bx-wrapper {
  position:relative;
  z-index:1;
}
#top-header .top-mv div {
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:50% 0;
  background-size:cover;
}
#top-header .top-mv .mv-photo {-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
#top-header .top-mv .mv-photo.active-slide  {
  -webkit-animation-name:zoom01;
  -webkit-animation-duration:6.4s;
  -webkit-animation-fill-mode:both;
  -webkit-animation-timing-function:ease-out;
  -webkit-animation-iteration-count:infinite;
  animation-name: zoom01;
  animation-duration:6.4s;
  animation-fill-mode:both;
  animation-timing-function:ease-out;
  animation-iteration-count:infinite;
}
@keyframes zoom01 {
  100% {-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@-webkit-keyframes zoom01 {
  100% {-webkit-transform:scale(1,1);transform:scale(1,1);}
}
#top-header .top-mv-text {
  line-height:1.6;
  text-align:center;
  z-index:2;
}
#top-header .top-square {
  position:absolute;
  background-repeat:no-repeat;
  z-index:2;
}
#top-banner {background-color:#d0d0d0;}
#top-banner .slick-next {background-image:url(/common-wr/img/arrow_right_white.png);}
#top-banner .slick-prev {background-image:url(/common-wr/img/arrow_left_white.png);}
#top-banner .slick-next,
#top-banner .slick-prev {
  background-color:#039;
  border-radius:0;
}
.slick-next {background-image:url(/common-wr/img/arrow_right_white.png);}
.slick-prev {background-image:url(/common-wr/img/arrow_left_white.png);}
.slick-disabled {display:none !important;}
.section-topics .slick-next,
.section-topics .slick-prev {top:50px;}
.section-topics .slick-next {right:20px;}
.section-topics .slick-prev {left:20px;}
#top-emergency {
  background-color:#c93100;
}
#top-emergency .title {
  color:#fff;
  font-weight:bold;
  font-family:"游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
#top-emergency dl {
  background-color:#fff;
  border-radius:6px;
  line-height:1.6;
}
#top-emergency dd a {
  color:#f00;
  text-decoration:underline;
}
#top-info {background-image:url(/common-wr/img/body_bg_pc.png);}
#main .top-news {position:relative;}
#main .top-news .top-news-tab li {
  font-weight:bold;
  line-height:1.1;
  color:#525252;
  cursor:pointer;
  background-repeat:no-repeat;
  background-size:8px;
}
#main .top-news .top-news-tab li span {display:block;}
#main .top-news .top-news-tab li.current {
  color:#039;
  background-color:#fff;
}
#main .top-news .top-news-contents {
  position:relative;
  background-color:#fff;
}
#main .top-news .top-news-list {display:none;}
#main .top-news .top-news-list:first-child {display:block;}
#main .top-news .top-news-btn {
  position:relative;
  text-align:center;
}
#main .top-news .top-news-btn p {margin:0;}
#main .top-news .top-news-rss a {
  display:block;
  line-height:1;
  background-color:#fff;
  border:1px solid #fe8e2b;
}
#main .top-news .top-news-social dt {
  color:#000;
  font-weight:bold;
  text-align:center;
}
#main .top-news .top-news-social dd li {
  float:left;
  margin:5px 5px 0 0;
}
#main .top-news .top-news-social dd li:nth-child(3n) {margin-right:0;}
#main .top-news .top-news-social dd a {
  display:block;
  width:40px;
}
#top-access {text-align:center;}
#top-access .top-access-text {
  line-height:1.5;
  color:#000;
  letter-spacing:.1em;
}
#top-access .top-access-text .text-star {
  background-image:url(/common-wr/img/top_access_star.png);
  background-repeat:no-repeat;
  background-position:0 0;
}
#main .wysiwyg #top-access .top-access-way li {
  padding-left:10px;
  background-image:url(/common-wr/img/tri_right_blue.png);
  background-repeat:no-repeat;
  background-position:0 50%;
  background-size:5px;
}
#main .wysiwyg #top-access .top-access-way li a {color:#333;}
#top-access-map {position:relative;}



/*-------------------------------------
2nd
-------------------------------------*/
/* student
-------------------------------------*/
#student-header {
  position:relative;
  background-color:#fff;
  z-index:1;
}
#student-header h2 {
  position:absolute;
  z-index:2;
}
#student-header .student-mv div {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:50% 0;
  background-size:cover;
}
#student01 .section-header h3.h-c {
  position:relative;
  display:table;
  margin-left:auto;
  margin-right:auto;
  z-index:1;
}
#student01 .section-header h3.h-c:after {
  z-index:-1;
  position:absolute;
  content:"";
}
#main .student-table {margin-bottom:20px;}
#main .student-table .student-article {
  padding-bottom:20px;
  background-color:#eee;
}
#main .student-table .student-article > p {text-align:center;}
#main .student-table .article-logo img {width:100%;}
#student02 {background-color:#e9f0fd;}
#student03 {
  background-color:#f9f9f2;
  background-image:url(/common-wr/img/student03_bg.png);
  background-repeat:no-repeat;
  background-position:50% 100%;
}
#student02 .student-title {background-color:#d2dffb;}
#student03 .student-title {background-color:rgba(221,221,192,.8);}
#main .student-title h3 {
  position:relative;
  margin-top:0 !important;
  margin-bottom:10px;
  border:0;
  font-weight:normal;
  background-image:none;
  background-color:#fff;
  border-radius:8px;
  box-shadow:1px 1px 1px 1px rgba(0,0,0,.1);
}
#main #student02 .student-title h3 {
  margin-left:0;
  margin-right:auto;
  color:#010050;
}
#main #student03 .student-title h3 {
  margin-left:auto;
  margin-right:0;
  color:#07a33e;
}
#main .student-title h3:after {
  position:absolute;
  content:"";
  display:block;
  width:0;
  height:0;
}
#main #student02 .student-title h3:after {
  right:-12px;
  border-left:12px solid #fff;
  border-top:6px solid #d2dffb;
  border-bottom:6px solid #d2dffb;
}
#main #student03 .student-title h3:after {
  left:-12px;
  border-right:12px solid #fff;
  border-top:6px solid #e3e3ca;
  border-bottom:6px solid #e3e3ca;
}
#main .student-title .character-image {position:absolute;}
#main .student-title .character-text span {font-weight:bold;}
#main #student02 .student-title .character-text {text-align:right;}
#main #student02 .student-body ul {text-align:center;}
#main #student02 .student-body li {
  display:inline-block;
  font-weight:bold;
  vertical-align:top;
}
#main #student02 .student-body li a {color:#039;}
#main #student02 .student-body li span {
  display:block;
  margin-top:5px;
}
#main #student02 .student-body li img {
  width:180px;
  border-radius:50%;
  border:10px solid #fff;
}
#main #student03 .student-body li {margin-bottom:10px;}
#main #student03 .student-body li a {
  font-weight:bold;
  text-align:left;
}

/* main-header
-------------------------------------*/
#main-header {
  position:relative;
  background-image:url(/common-wr/img/body_bg_pc.png);
  overflow:hidden;
}
#main-header .header-bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background-repeat:no-repeat;
  background-position:50% 0;
}
#main-header .header-text h2 {
  line-height:1.4;
  letter-spacing:.1em;
}
#main-header .header-text p {line-height:1.6;}

/* faculty-header
-------------------------------------*/
#faculty-header {
  position:relative;
  overflow:hidden;
  background-image:url(/common-wr/img/body_bg_pc.png);
}
#faculty-header h1 {z-index:2;}
#faculty-header .header-bg li {
  background-repeat:no-repeat;
  background-position:100% 50%;
}

/* target-header
-------------------------------------*/
#target-header {
  position:relative;
  overflow:hidden;
  background-image:url(/common-wr/img/body_bg_pc.png);
}

/* breadcrumb
-------------------------------------*/
#faculty-header + #breadcrumb,
#student-header + #breadcrumb,
#target-header + #breadcrumb {border-bottom:1px solid #e9e9e9;}

/* main-body
-------------------------------------*/
#main .section {margin:0;}
#main *:last-child .section:last-child {padding-bottom:0;}
#main .section-blue {background:#d2dffb;}
#main .section-gray,
#main .section-gray-white {background-image:url(/common-wr/img/body_bg_pc.png);}
#main .section-gray-white {position:relative;}
#main .section-gray-white:before {
  position:absolute;
  top:0;
  left:0;
  content:"";
  width:100%;
  background:#fff;
}
#faculty-ec #main .section-feature {background:#e8f6ff;}
#faculty-bu #main .section-feature {background:#fff5da;}
#faculty-ju #main .section-feature {background:#f7edfa;}
#faculty-ffl #main .section-feature {background:#fdeef6;}
#faculty-fcsi #main .section-feature {background:#e4f9f4;}
#faculty-sc #main .section-feature {background:#f1fce8;}
#faculty-cse #main .section-feature {background:#f0f1fd;}
#faculty-nls #main .section-feature {background:#fffcdb;}
#faculty-fss #main .section-feature {background:#FCE4DE;}
#main .section-blue .inner,
#main .section-gray .inner {background:#fff;}
#main .section-gray .inner.bg-transparent {background:transparent;}
#main .section-line {border-bottom:1px solid #039;}
/* section-header */
#main .section-header {
  position:relative;
  line-height:1.6;
  color:#039;
}
#main .section-header .btns li {
  margin:0 !important;
}
#main .section-header .text-black {color:#333;}
/* border-box */
#main .border-box {
  border-top:1px dotted #039;
  border-bottom:1px dotted #039;
}
#main .border-box h3:first-child {margin-top:0;}
/* book-box */
#main .book-box {text-align:center;}
#main .book-box dt {margin-bottom:10px;}
#main .book-box .genre {font-weight:bold;}
#main .book-box .title {
  margin-bottom:5px;
  font-weight:bold;
}
#main .border-box h3:first-child {margin-top:0;}
/* message-box */
#main .message-box p {margin-bottom:0;}
#main .message-box .title {
  margin-bottom:20px;
  text-align:center;
}
#main .message-box .title span {
  position:relative;
  display:inline-block;
  font-weight:bold;
  background-color:#fff;
  border:3px solid #333;
}
#main .message-box .title span:before {
  content:"";
  position:absolute;
  bottom:-13px;
  left:50%;
  margin-left:-10px;
  width:0;
  height:0;
  border-top:10px solid #333;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
}
#main .message-box .title span:after {
  content:"";
  position:absolute;
  bottom:-9px;
  left:50%;
  margin-left:-10px;
  width:0;
  height:0;
  border-top:10px solid #fff;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
}
#main .message-box .text {background-color:#f9f7e8;}
#main .message-box .text.faculty-ec {background-color:#e8f6ff;}
#main .message-box .text.faculty-bu {background-color:#fff5dc;}
#main .message-box .text.faculty-ju {background-color:#f8edfb;}
#main .message-box .text.faculty-ffl {background-color:#fdedf7;}
#main .message-box .text.faculty-fcsi {background-color:#e4f9f4;}
#main .message-box .text.faculty-sc {background-color:#f0fce8;}
#main .message-box .text.faculty-cse {background-color:#f1f1fd;}
#main .message-box .text.faculty-nls {background-color:#fffcdb;}
#main .message-box .photo {text-align:center;}
#main .message-box .photo img {
  width:100px;
  border-radius:50%;
}
#main .message-box .photo + .text {margin-top:-50px;}
/* table-box */
#main .table-box li {
  position:relative;
  text-align:center;
}
#main .table-box a {
  display:block;
  color:#333;
}
#main .table-box .table-arrow {
  background-repeat:no-repeat;
  background-image:url(/common-wr/img/circle_arrow_blue.png);
  background-position:50% 100%;
}
#main .table-box .table-tri:after {
  position:absolute;
  content:"";
  display:block;
  width:0;
  height:0;
}
#main .table-box .table-number {
  position:relative;
  line-height:1;
  font-weight:bold;
}
#main .table-box .table-number:after {
  position:absolute;
  content:"";
  left:15%;
  top:35%;
  width:70%;
  height:30%;
}
#main .table-box .number-pink {color:#ff3a6d;}
#main .table-box .number-green {color:#3adfa7;}
#main .table-box .number-blue {color:#5eb9ff;}
#main .table-box .border-pink:after {background:#ffcbdd;}
#main .table-box .border-green:after {background:#c4f5e4;}
#main .table-box .border-blue:after {background:#ceeaff;}
#main .table-box .border-yellow:after {background:#fdff60;}
#main .table-box .table-number span {
  position:relative;
  z-index:2;
  display:inline-block;
  padding:0 15px;
  background:#fff;
}
#main .table-box .table-title {
  line-height:1.4;
  color:#039;
  font-weight:bold;
}
#main .table-box .table-title span {font-weight:normal;}
#faculty-fcsi #main .table-box .table-text {text-align:left;}
#faculty-fcsi #main .table-box .page-list {
  display:table;
  margin-left:auto;
  margin-right:auto;
}
#faculty-fcsi #main .table-box .page-list li {text-align:left;}

/* faculty-fss */
#faculty-fss .table-box .table-abstract {
	margin-bottom: 0;
}
#faculty-fss .table-box .table-text {
	text-align: left;
}

/* banner-box */
#main .banner-box a {margin-bottom:10px;}
#main .banner-sagi dt {
  color:#fff;
  text-align:center;
  background-color:#039;
}
#main .banner-sagi dt span {font-weight:bold;}
#main .banner-sagi dd {border:1px solid #039;}
#main .banner-sagi dd p {margin-bottom:.5em;}
/* icon-plus */
#main .icon-plus {text-align:center;}
#main .icon-plus img {width:45px;}
/* section-news */
#main .section-news {
  position:relative;
  background-color:#fff;
}
#main .section-news .news-title {position:relative;}
#main .section-news .news-title p {
  line-height:1;
  color:#039;
  font-weight:bold;
}
#main .section-news .news-title p span {
  display:block;
  margin-top:5px;
}
#main .section-news .news-tab span {
  display:block;
  color:#039;
  cursor:pointer;
  -webkit-transition:background-color .2s, border-color .2s, color .2s, opacity .2s;
  transition:background-color .2s, border-color .2s, color .2s, opacity .2s;
}
#main .section-news .news-tab span.current {
  color:#fff;
  background-color:#bcbcbc;
}
#main .section-news .news-contents .news-list {display:none;}
#main .section-news .news-contents .news-list:first-child {display:block;}
#main .section-news .news-btn {position:absolute;}
/* section-topics */
#main .section-topics .topics-title {border-top:2px solid #039;}
#main .section-topics .topics-title.no-border {border-top:0;}
#main .section-topics .topics-title p {
  line-height:1;
  color:#039;
  font-weight:bold;
}
#main .section-topics .topics-title p span {
  display:inline-block;
  margin-left:1em;
  vertical-align:0;
}
#main .section-topics .topics-list a {
  position:relative;
  display:block;
  color:#333;
  background-color:#fff;
}
#main .section-topics .topics-list a:after {
  position:absolute;
  bottom:0;
  right:0;
  content:"";
  display:block;
  width:0;
  height:0;
}
#main .section-topics .topics-list .topics-news-pr a:after {border-bottom-color:#578af3;}
#main .section-topics .topics-list .topics-news-activity a:after {border-bottom-color:#fda82b;}
#main .section-topics .topics-list .topics-news-seminar a:after {border-bottom-color:#836eec;}
#main .section-topics .topics-list .topics-news-sports a:after {border-bottom-color:#41c4e0;}
#main .section-topics .topics-list .topics-news-culture a:after {border-bottom-color:#cc66ca;}
#main .section-topics .topics-list .topics-news-career a:after {border-bottom-color:#c8ca13;}
#main .section-topics .topics-list .topics-news-global a:after {border-bottom-color:#4b70c8;}
#main .section-topics .topics-list .topics-news-research a:after {border-bottom-color:#78da51;}
#main .section-topics .topics-list .topics-news-sankangaku a:after {border-bottom-color:#08c2c9;}
#main .section-topics .topics-list .topics-news-local a:after {border-bottom-color:#d7804b;}
#main .section-topics .topics-list .topics-news-education a:after {border-bottom-color:#f24b6f;}
#main .section-topics .topics-list .topics-news-fdsd a:after {border-bottom-color:#2cca6c;}
#main .section-topics .topics-list .topics-news-student a:after {border-bottom-color:#ff7664;}
#main .section-topics .topics-list .topics-media-tv a:after {border-bottom-color:#585378;}
#main .section-topics .topics-list .topics-media-radio a:after {border-bottom-color:#785357;}
#main .section-topics .topics-list .topics-media-news a:after {border-bottom-color:#537854;}
#main .section-topics .topics-list .topics-media-etc a:after {border-bottom-color:#787878;}
#main .section-topics .topics-list p {margin:0;}
#main .section-topics .topics-list .topics-photo,
#main .section-topics .topics-list .topics-date {margin-bottom:.8em;}
#main .section-topics .topics-list .topics-photo {
  position:relative;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:cover;
}
#main .section-topics .topics-list .topics-photo div {
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:cover;
}
#main .section-topics .topics-list .topics-tag {
  position:absolute;
  color:#000;
  bottom:1.2em;
}
#main .section-topics .topics-list .topics-news-pr .topics-tag  {color:#578af3;}
#main .section-topics .topics-list .topics-news-activity .topics-tag  {color:#fda82b;}
#main .section-topics .topics-list .topics-news-seminar .topics-tag  {color:#836eec;}
#main .section-topics .topics-list .topics-news-sports .topics-tag  {color:#41c4e0;}
#main .section-topics .topics-list .topics-news-culture .topics-tag  {color:#cc66ca;}
#main .section-topics .topics-list .topics-news-career .topics-tag  {color:#c8ca13;}
#main .section-topics .topics-list .topics-news-global .topics-tag  {color:#4b70c8;}
#main .section-topics .topics-list .topics-news-research .topics-tag  {color:#78da51;}
#main .section-topics .topics-list .topics-news-sankangaku .topics-tag  {color:#08c2c9;}
#main .section-topics .topics-list .topics-news-local .topics-tag  {color:#d7804b;}
#main .section-topics .topics-list .topics-news-education .topics-tag  {color:#f24b6f;}
#main .section-topics .topics-list .topics-news-fdsd .topics-tag  {color:#2cca6c;}
#main .section-topics .topics-list .topics-news-student .topics-tag  {color:#ff7664;}
#main .section-topics .topics-list .topics-media-tv .topics-tag  {color:#585378;}
#main .section-topics .topics-list .topics-media-radio .topics-tag  {color:#785357;}
#main .section-topics .topics-list .topics-media-news .topics-tag  {color:#537854;}
#main .section-topics .topics-list .topics-media-etc .topics-tag  {color:#787878;}
/* page-list */
#main .page-list li {}
#main .page-list a {
  display:block;
  padding:12px;
  padding-right:32px;
  color:#007eff;
  border:1px solid #dbdbdb;
  border-left:2px solid #039;
  background-color:#fff;
  background-image:url(/common-wr/img/arrow_right_blue.png);
  background-repeat:no-repeat;
  background-position:calc(100% - 12px) 50%;
  background-size:8px;
}
#main .page-list a[target=_blank] {
  background-image:url(/common-wr/img/link_external.png);
  background-size:15px;
}
#main .page-list a[href$=pdf],
#main .page-list a[href$=doc],
#main .page-list a[href$=docx],
#main .page-list a[href$=xls],
#main .page-list a[href$=xlsx] {background-size:12px;}
#main .page-list a[href$=pdf] {background-image:url(/common-wr/img/link_pdf.png);}
#main .page-list a[href$=doc],
#main .page-list a[href$=docx] {background-image:url(/common-wr/img/link_word.png);}
#main .page-list a[href$=xls],
#main .page-list a[href$=xlsx] {background-image:url(/common-wr/img/link_excel.png);}
#main .page-list a.icon-file,
#main .article-card a.icon-file .link span {
  background-image:url(/common-wr/img/link_file.png);
  background-size:10px;
}
#main .page-list .icon-tag {
  margin-left:.5em;
  padding:2px 4px;
  display:inline-block;
  color:#fff;
  background-color:#a2a2a2;
  border-radius:2px;
}
#main .page-list .icon-member {
  padding-left:24px;
  background-image:url(/common-wr/img/icon_member.png);
  background-repeat:no-repeat;
  background-position:0 50%;
  background-size:16px;
}
#main .page-list .icon-student {
  padding-left:33px;
  background-image:url(/common-wr/img/icon_student.png);
  background-repeat:no-repeat;
  background-position:0 50%;
  background-size:27px;
}
#main .page-list-blue a {
  display:block;
  padding:12px;
  padding-right:32px;
  color:#fff;
  background-color:#039;
  background-image:url(/common-wr/img/arrow_right_white.png);
  background-repeat:no-repeat;
  background-position:calc(100% - 12px) 50%;
  background-size:8px;
}
/* check-list */
#main .check-list p {margin-bottom:0;}
#main .check-list ul {background-color:#f4f4f4;}
#main .check-list li {
  padding-left:12px;
  background-image:url(/common-wr/img/main_li.png);
  background-repeat:no-repeat;
  background-position:0 .55em;
  background-size:6px;
}

/* global
-------------------------------------*/
#global-feature {border:1px solid #039}
#global-feature a {
  color:#333;
  background-repeat:no-repeat;
  background-image:url(/common-wr/img/circle_arrow_blue.png);
}
#global-feature dl {border-top:4px solid #039;}
#global-feature dt {
  line-height:1.4;
  color:#039;
  font-weight:bold;
  text-align:center;
}
#global-feature dt span {
  display:inline-block;
  background-repeat:no-repeat;
}
#global-feature .feature01 dt span {
  background-image:url(/common-wr/img/global_icon_abroad.png);
  background-size:30px;
}
#global-feature .feature02 dt span {
  background-image:url(/common-wr/img/global_icon_international.png);
  background-size:43px;
}
#global-feature dd {line-height:1.6;}
#global-get dt a {
  padding-right:20px;
  color:#333;
  font-weight:bold;
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-image:url(/common-wr/img/link_external.png);
  background-size:15px;
}
#global04 h3.h-line span {background-image:url(/common-wr/img/global_icon_abroad.png);}
#global05 h3.h-line span {background-image:url(/common-wr/img/global_icon_international.png);}
#main .faculty-ffl-list .title {text-align:center;}
#main .faculty-sc-box {
  background-color:#fff;
}
#main .faculty-cse-box {
  color:#039;
  border-color:#f0f1fd;
  border-style:solid;
  background-color:#fff;
}

/* admissions
-------------------------------------*/
#admissions01 .admissions-mv {
  text-align:center;
}
#admissions01 .admissions-mv a {
  padding:0;
  background-image:none;
}

/* features
-------------------------------------*/
#main .features-box .box-item {
  position:relative;
  line-height:1.6;
  border:1px solid #039;
}
#main .features-box .box-item:after {
  position:absolute;
  content:"";
  display:block;
  width:0;
  height:0;
  right:0;
  bottom:0;
  border-left:15px solid transparent;
  border-bottom:15px solid #039;
}
#main .features-box dl {
  border-top:4px solid #dae6ff;
  border-bottom:4px solid #dae6ff;
}
#main .features-box dt,
#main .features-box dd {
  border-left:4px solid #dae6ff;
  border-right:4px solid #dae6ff;
}
#main .features-box dt {
  padding:15px;
  font-weight:bold;
  text-align:center;
  border-bottom:1px solid #039;
}
#main .features-box dt p {
  display:table-cell;
  height:3em;
  vertical-align:middle;
}
#main .features-box dt p span {display:block;}
#main .features-box dd {padding:15px;}

/* career
-------------------------------------*/
#career01 .career-box {background:#eee;}

/* challenge, interview, ,message
-------------------------------------*/
/* list header */
.artilce-list {
  position:relative;
  overflow:hidden;
  background-image:url(/common-wr/img/body_bg_pc.png);
}
#challenge-list.artilce-list {background-image:url(/common-wr/img/challenge_list_bg.png);}
.artilce-list + #breadcrumb {border-bottom:1px solid #e9e9e9;}
/* category */
#main .cat {
  display:inline-block;
  line-height:1;
  padding:7px 7px 6px;
  text-align:center;
  color:#fff;
  cursor:pointer;
  -webkit-transition:background-color .2s, border-color .2s, color .2s, opacity .2s;
  transition:background-color .2s, border-color .2s, color .2s, opacity .2s;
}
#main .cat.cat-none {
  padding:6px 6px 5px;
  color:#333;
  background:#fff;
  border:1px solid #c9c9c9;
}
#main .cat-none.cat-sagi {
  padding-left:21px;
  background-image:url(/common-wr/img/cat_sagi_blue.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  background-size:11px;
}
#main .cat-none.cat-graduate {
  padding-left:21px;
  background-image:url(/common-wr/img/cat_graduate_blue.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  background-size:11px;
}
#main .cat:hover {
  padding:7px 7px 6px;
  color:#fff;
  border:0;
}
#main .cat-all,
#main .cat-all:hover {background-color:#323232;}
#main .cat-global,
#main .cat-global:hover {background-color:#4a70c8;}
#main .cat-career,
#main .cat-career:hover {background-color:#94a049;}
#main .cat-sports,
#main .cat-sports:hover {background-color:#40c4df;}
#main .cat-culture,
#main .cat-culture:hover {background-color:#cb66c9;}
#main .cat-activity,
#main .cat-activity:hover {background-color:#c23e54;}
#main .cat-volunteer,
#main .cat-volunteer:hover {background-color:#db950d;}
#main .cat-local,
#main .cat-local:hover {background-color:#ff784b;}
#main .cat-seminar,
#main .cat-seminar:hover {background-color:#61c23e;}
#main .cat-sagi,
#main .cat-sagi:hover {
  padding-left:22px;
  background-color:#003399;
  background-image:url(/common-wr/img/cat_sagi_white.png);
  background-repeat:no-repeat;
  background-position:6px 50%;
  background-size:11px;
}
#main .cat-graduate,
#main .cat-graduate:hover {
  padding-left:22px;
  background-color:#003399;
  background-image:url(/common-wr/img/cat_graduate_white.png);
  background-repeat:no-repeat;
  background-position:6px 50%;
  background-size:11px;
}
#main .cat-graduate-ec,
#main .cat-graduate-ec:hover {background-color:#47c5ff;}
#main .cat-graduate-bu,
#main .cat-graduate-bu:hover {background-color:#ffc324;}
#main .cat-graduate-ju,
#main .cat-graduate-ju:hover {background-color:#c782d5;}
#main .cat-graduate-ffl,
#main .cat-graduate-ffl:hover {background-color:#ed6eb5;}
#main .cat-graduate-fcsi,
#main .cat-graduate-fcsi:hover {background-color:#3cd7b7;}
#main .cat-graduate-sc,
#main .cat-graduate-sc:hover {background-color:#82df52;}
#main .cat-graduate-cse,
#main .cat-graduate-cse:hover {background-color:#878def;}
#main .cat-graduate-nls,
#main .cat-graduate-nls:hover {
  color:#333;
  background-color:#fefa50;
}
#main .cat-graduate-eng,
#main .cat-graduate-eng:hover {background-color:#db4314;}
#main .cat-support,
#main .cat-support:hover {background-color:#c23e54;}
#main .cat-education,
#main .cat-education:hover {background-color:#5ea45c;}
#main .cat-life,
#main .cat-life:hover {background-color:#ffc042;}
#main .cat-campus,
#main .cat-campus:hover {background-color:#ff8a42;}
#main .section-article .cat {min-width:9em;}
/* lead */
#main .article-lead {
  color:#033;
  font-weight:bold;
}
/* category check */
#main .section-list li {
  display:inline-block;
  margin-bottom:5px !important;
}
/* article-list */
#main .section-article {
  position:relative;
  background-image:url(/common-wr/img/body_bg_pc.png);
}
#main .section-article:after {
  position:absolute;
  left:50%;
  top:0;
  margin-left:-20px;
  content:"";
  display:block;
  width:0;
  height:0;
  border-left:20px solid #eee;
  border-right:20px solid #eee;
  border-top:20px solid #fff;
}
/* article-card */
#main .section-article .article-card {margin-bottom:20px !important;}
#main .article-card {line-height:1.6;}
#main .article-card a {
  position:relative;
  display:block;
  color:#333;
  background-color:#fff;
}
#main .article-card a.tri:after {
  position:absolute;
  right:0;
  bottom:0;
  content:"";
  display:block;
  width:0;
  height:0;
}
#main .article-card .photo {
  position:relative;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:cover;
}
#main .article-card .photo div {
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:cover;
}
#main .article-card .photo .cat {
  position:absolute;
  bottom:0;
  left:0;
}
#main .article-card .photo .badge {
  position:absolute;
  top:5px;
  right:5px;
}
#main .article-card .photo .badge li {
  width:50px;
  margin-bottom:5px;
}
#main .article-card .text {position:relative;}
#main .article-card .text .job {margin-bottom:.5em;}
#main .article-card .link {
  border-top:1px solid #eee;
  color:#007eff;
  text-align:right;
}
/* keyoword */
#main .keyword {
  display:table;
  border-top:1px solid #eee;
}
#main .keyword dt,
#main .keyword dd {
  display:table-cell;
  vertical-align:top;
}
#main .keyword dt {
  white-space:nowrap;
  padding-right:10px;
  padding-left:18px;
  color:#000;
  font-style:italic;
  font-weight:bold;
  background-image:url(/common-wr/img/icon_keyword.png);
  background-repeat:no-repeat;
  background-size:13px;
}
#main .keyword dd span {
  display:inline-block;
  margin:8px 4px 0;
  padding:2px 4px;
  background-color:#eaeaea;
}
#main .table-box .keyword {display:block;}
#main .table-box .keyword dt {display:inline-block;}
#main .table-box .keyword dd {display:block;}
/* article-header */
#main .article-header {
  line-height:1.6;
  background-image:url(/common-wr/img/body_bg_pc.png);
}
#main .article-header h1 {
  padding:0;
  border:0;
  line-height:1.4;
}
#main .article-header h1:before {display:none;}
#main .article-header h1 span {
  margin:0;
  padding:0;
  border:0;
  color:#333;
}
#main .article-header .header {
  position:relative;
  background-color:#fff;
}
#main .article-header .cat {
  position:absolute;
  top:0;
  left:0;
  cursor:default;
}
#main .article-header .position,
#main .article-header .name {font-weight:bold;}
#main .article-header .graduate-ec {color:#47c5ff;}
#main .article-header .graduate-bu {color:#ffc324;}
#main .article-header .graduate-ju {color:#c782d5;}
#main .article-header .graduate-ffl {color:#ed6eb5;}
#main .article-header .graduate-fcsi {color:#3cd7b7;}
#main .article-header .graduate-sc {color:#82df52;}
#main .article-header .graduate-cse {color:#878def;}
#main .article-header .graduate-nls {color:#fefa50;}
#main .article-header .photo {position:relative;}
#main .article-header .photo-inner {position:relative;}
#main .article-header .photo-inner p {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  color:#fff;
  background-color:rgba(0,0,0,.6);
}
#main #challenge-header .challenge-header {position:relative;}
#main #challenge-header .challenge-header h1 {text-align:center;}
#main #challenge-header .photo {text-align:center;}
#main #challenge-header .badge {position:absolute;}
#main #challenge-header .challenger {text-align:center;}
#main #challenge-header .challenger ul {background-image:url(/common-wr/img/challenge_challenger_bg.png);}
#main #challenge-header .challenger li {
  display:inline-block;
  vertical-align:top;
}
#main #challenge-header .challenger li p {margin-bottom:.5em;}
#main #challenge-header .challenger li span {font-weight:bold;}
#main #message-header h1 + p {border-top:1px solid #e2e2e2;}
#main #interview-header h1 {font-weight:normal;}
/* other-article */
#main .other-article {
  background-image:url(/common-wr/img/body_bg_pc.png);
  border-bottom:1px solid #fff;
}
#main .other-article h4 {
  padding:0;
  background-image:none;
  text-align:center;
}
/* article-back */
#main .article-back {
  line-height:1;
  text-align:center;
}
#main .article-back a {
  display:inline-block;
  padding:20px;
  padding-left:40px;
  color:#fff;
  background-color:#4f4f4f;
  background-image:url(/common-wr/img/arrow_left_white.png);
  background-repeat:no-repeat;
  background-size:8px;
  background-position:20px 50%;
}


/* campus
-------------------------------------*/
#main .campus-header {
  background-color:#f9f9f2;
  background-image:url(/common-wr/img/campus_header_bg.png);
  background-repeat:no-repeat;
  background-position:50% 0;
}
#main .campus-header a.btn {background-color:#ff8226;}
#main .campus-box-image div {background-color:#000;}
#main .campus-box-image ul {margin:1px 0 0 -1px;}
#main .campus-box-image ul li {
  float:left;
  width:calc(25% - 1px);
  margin:0 0 0 1px;
  padding:0;
  background-color:#000;
  background-image:none;
}
#main .campus-box-image a {
  position:relative;
  display:block;
}
#main #campus01 .campus-box:nth-child(2n) {background-color:#ebf7f0;}
#main #campus02 .campus-box:nth-child(2n) {background-color:#fefaf0;}
#main #campus03 .campus-box:nth-child(2n) {background-color:#ecf2ff;}
#main .campus-box-image div a:after {
  position:absolute;
  left:50%;
  top:50%;
  content:"";
  margin:-28px 0 0 -28px;
  width:56px;
  height:56px;
  background-image:url(/common-wr/img/icon_lightbox.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-color:rgba(0,0,0,.4);
  border-radius:4px;
}
#main .campus-box-text .campus-btns {margin:0;}
#main .campus-box-text .campus-btns li {
  padding:0;
  background-image:none;
}
#main .campus-box-text .campus-btns a.btn,
#main .campus-box-text .campus-btns a.btn:hover {
  display:block;
  color:#fff !important;
  background-image:url(/common-wr/img/arrow_right_white.png);
  text-align:left;
}
#main .campus-box-text .campus-btns a.btn[target=_blank] {
  background-image:url(/common-wr/img/link_external_white.png);
  background-size:15px;
}
#main #campus01 .campus-box-text a.btn {background-color:#04acd6;}
#main #campus02 .campus-box-text a.btn {background-color:#ff7065;}
#main #campus03 .campus-box-text a.btn {background-color:#836eed;}
#main .campus-box-other h3 {
  background-image:none;
  border:0;
  margin-top:0 !important;
  padding:15px;
}
#main #campus01 .campus-box-other h3 {background-color:#ebf7f0;}
#main #campus02 .campus-box-other h3 {background-color:#ffdfdd;}
#main #campus03 .campus-box-other h3 {background-color:#ecf2ff;}
#main .campus-box-other .other-image {margin-bottom:10px;}
#main .campus-box-other .other-title {font-weight:bold;}
#main .section-campus-other {background-color:#f7f7f7;}
#main .section-campus-other .other {background-color:#fff;}
#main .section-campus-other .other-image {margin-bottom:10px;}
#main .section-campus-other .other-title {font-weight:bold;}
#main .campusmap-box dt {color:#039;}
#main .campusmap-box dd a {
  color:#333;
  text-decoration:underline;
}

/* koayamaao, library, sagi
-------------------------------------*/
#main .schedule-koyamaao {
  border:1px solid #039;
  border-top-width:3px;
  font-weight:bold;
}
#main .schedule-koyamaao dt {
  float:left;
  clear:left;
  width:6em;
  color:#fff;
  text-align:center;
  padding:4px 0;
  line-height:1;
}
#main .schedule-koyamaao dt.weekday {
  background-color:#878787;
}
#main .schedule-koyamaao dt.saturday {
  background-color:#5e87d7;
}
#main .schedule-koyamaao dd {
  line-height:1.6;
  margin-bottom:8px;
  padding:0 0 8px 8em;
  background-image:url(/common-wr/img/tri_right_gray.png);
  background-repeat:no-repeat;
  background-position:6.6em .5em;
  background-size:8px;
  border-bottom:1px solid #d3d5d9;
}
#main .schedule-koyamaao dd:last-child {
  padding-bottom:0;
  border-bottom:0;
}
#main .schedule-koyamaao dd span {
  display:inline-block;
  line-height:1;
  width:6em;
  margin-right:.5em;
  padding:4px 0;
  text-align:center;
  vertical-align:top;
}
#main .schedule-koyamaao dd span.schedule-summer {background-color:#dbeafc;}
#main .schedule-koyamaao dd span.schedule-winter {background-color:#fceddb;}
#main .star-koyamaao {
  border:1px solid #039;
  padding:5px;
}
#main .star-koyamaao .star-bg {
  position:relative;
  background-image:url(/common-wr/img/koyamaAO_star_bg.jpg);
  background-repeat:no-repeat;
  background-size:cover;
}
#main .star-koyamaao dl {color:#fff;}
#main .star-koyamaao dt {
  line-height:1;
  border-bottom:1px solid #7c8595;
}
#main .star-koyamaao dd {
  position:relative;
  line-height:1.6;
  padding-left:1.2em;
}
#main .star-koyamaao dd .bold {font-weight:bold;}
#main .star-koyamaao dd:before {
  position:absolute;
  left:0;
  top:0;
  content:"★";
  color:#faff3e;
}
#main .star-koyamaao ul {
  text-align:right;
  margin-right:10px;
}
#main .star-koyamaao ul > li {
  display:inline;
  background-image:url(/common-wr/img/tri_right_blue.png);
  background-position:0 .4em;
}
#main .star-koyamaao .star-hoshimiiru {line-height:1.4;}
#main .star-koyamaao .star-hoshimiiru span {color:#fff;}
#main .library-mylibrary {border:1px solid #039;}
#main .library-mylibrary a.btn,
#main .library-mylibrary a.btn:hover {
  padding:15px 20px;
  background-image:none;
}
#main .library-mylibrary a.btn span {
  display:inline-block;
  background-image:url(/common-wr/img/library_mylibrary_login.png);
  background-repeat:no-repeat;
  background-size:16px;
  padding-left:25px;
}
#main .library-time li {
  display:inline-block;
  margin-bottom:10px;
}
#main .library-time span {
  display:inline-block;
  width:20px;
  height:20px;
  vertical-align:middle;
  background-color:#fff;
  border:1px solid #b2b2b2;
}
#main .library-time .time01 {background-color:#fff;}
#main .library-time .time02 {background-color:#cbdaff;}
#main .library-time .time03 {background-color:#d6fcff;}
#main .library-time .time04 {background-color:#feffc4;}
#main .library-time .time05 {background-color:#ffe0a9;}
#main .library-time .time06 {background-color:#cefad3;}
#main .library-time .time07 {background-color:#fcc;}
#main .library-search .search-tab {margin-bottom:8px;}
#main .library-search .search-tab li {
  position:relative;
  width:49.5%;
  line-height:1.4;
  padding:10px 0;
  font-weight:bold;
  text-align:center;
  cursor:pointer;
  margin:0;
}
#main .library-search .search-tab li span {
  display:block;
  font-weight:normal;
}
#main .library-search .search-tab .tab-musubiwaza {
  float:left;
  color:#039;
  background-color:#d9e5ff;
}
#main .library-search .search-tab .tab-musubiwaza span {color:#444;}
#main .library-search .search-tab .tab-ksucat {
  float:right;
  color:#444;
  background-color:#ede8ca;
}
#main .library-search .search-tab .active:after {
  position:absolute;
  left:0;
  bottom:-8px;
  content:"";
  width:100%;
  height:8px;
  background-repeat:no-repeat;
  background-position:50% 0;
  background-size:8px;
}
#main .library-search .search-tab .tab-musubiwaza.active:after {
  background-color:#d9e5ff;
  background-image:url(/common-wr/img/tri_bottom_blue.png);
}
#main .library-search .search-tab .tab-ksucat.active:after {
  background-color:#ede8ca;
  background-image:url(/common-wr/img/tri_bottom_black.png);
}
#main .library-search .search-box > div {display:none;}
#main .library-search .search-box > div.active {display:block;}
#main .library-search .search-box .tab-musubiwaza {background-color:#d9e5ff;}
#main .library-search .search-box .tab-ksucat {background-color:#ede8ca;}
#main .library-search .search-item form {position:relative;}
#main .library-search .search-item input {
  margin:0;
  padding:0;
  border:0;
}
#main .library-search .search-item input[type="text"] {
  width:100%;
  line-height:20px;
  background-color:#fff;
  border-radius:4px;
}
#main .library-search .search-item input[type="submit"] {
  position:absolute;
  right:0;
  top:0;
  background-color:#747474;
  background-image:url(/common-wr/img/header_search_pc.png);
  background-repeat:no-repeat;
  border-radius:0 4px 4px 0;
}
#main .library-search .search-box .search-link li {
  display:inline-block;
  margin-right:20px;
  padding-left:12px;
  background-image:url(/common-wr/img/tri_right_blue.png);
  background-repeat:no-repeat;
  background-position:0 50%;
  background-size:6px;
}
#main .library-search .search-box .search-link li.search-link-about {
  padding-left:25px;
  background-image:url(/common-wr/img/library_search_link.png);
  background-size:20px;
}
#main .library-search .search-box .search-link li:last-child {margin-right:0;}
#main .library-search .search-box .search-link a[target=_blank] {
  padding-right:20px;
  background-image:url(/common-wr/img/link_external.png);
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-size:15px;
}
#main .library-calendar .calendar-box {
  position:relative;
  border:3px solid #039;
  padding-top:3em;
}
#main .library-calendar .calendar-title {
  position:absolute;
  line-height:1;
  color:#fff;
  background-color:#039;
  text-align:center;
  width:24%;
  left:38%;
  top:0;
}
#main .library-calendar .calendar-title .year,
#main .library-calendar .calendar-title .month {padding:5px;}
#main .library-calendar .calendar-title .year {border-bottom:1px solid #fff;}
#main .library-calendar .calendar-title .month span {font-weight:bold;}
#main .library-calendar .calendar-title:before {
  position:absolute;
  left:50%;
  top:-11px;
  margin-left:-6px;
  content:"";
  display:block;
  width:12px;
  height:8px;
  background-image:url(/common-wr/img/library_calendar.png);
  background-size:cover;
}
#main .library-calendar .calendar-table {
  padding:20px;
  background-color:#f7f7f7;
  border-top:1px solid #039;
}
#main .library-calendar .calendar-table table th,
#main .library-calendar .calendar-table table td {
  padding:2px;
  text-align:center;
  background-color:transparent;
  border:0;
}
#main .library-calendar .calendar-table table th.sun {color:#da0000;}
#main .library-calendar .calendar-table table th.sat {color:#0092ee;}
#main .library-calendar .calendar-table table td span {
  display:block;
  vertical-align:middle;
  border:1px solid #b2b2b2;
}
#main .library-calendar .calendar-table table td .time01 {background-color:#fff;}
#main .library-calendar .calendar-table table td .time02 {background-color:#cbdaff;}
#main .library-calendar .calendar-table table td .time03 {background-color:#d6fcff;}
#main .library-calendar .calendar-table table td .time04 {background-color:#feffc4;}
#main .library-calendar .calendar-table table td .time05 {background-color:#ffe0a9;}
#main .library-calendar .calendar-table table td .time06 {background-color:#cefad3;}
#main .library-calendar .calendar-table table td .time07 {background-color:#fcc;}
#main .library-calendar ul {text-align:right;}
#main .library-calendar ul > li {
  display:inline;
  background-image:url(/common-wr/img/tri_right_blue.png);
  background-position:0 .4em;
}
#main .sagi-link dd {font-weight:bold;}
#main .sagi-link dd a {color:#039;}



/*-------------------------------------
slider
-------------------------------------*/
.slick-slider {
  position:relative;
  display:block;
  box-sizing:border-box;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  -khtml-user-select:none;
  -ms-touch-action:pan-y;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent;
}
.slick-list {
  position:relative;
  display:block;
  overflow:hidden;
  margin:0;
  padding:0;
}
.slick-list:focus {outline:none;}
.slick-list.dragging {
  cursor:pointer;
  cursor:hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.slick-track {
  position: relative;
  top:0;
  left:0;
  display:block;
}
.slick-track:before,
.slick-track:after {
  display:table;
  content:'';
}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {
  display:none;
  float:left;
  height:100%;
  min-height:1px;
}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {
  display:block;
  height:auto;
  border:1px solid transparent;
}
.slick-arrow.slick-hidden {display:none;}
.slick-next,
.slick-prev {
  position:absolute;
  width:32px;
  height:32px;
  z-index:2;
  white-space:nowrap;
  text-indent:32px;
  overflow:hidden;
  background-color:rgba(0,0,0,.5);
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:8px;
  border:0;
  border-radius:16px;
  outline:none;
}
.slick-next {background-image:url(/common-wr/img/arrow_right_white.png);}
.slick-prev {background-image:url(/common-wr/img/arrow_left_white.png);}
.slick-disabled {display:none !important;}
.slick-dots {
  margin-top:10px;
  text-align:center;
  overflow:hidden;
}
.slick-dots li {
  display:inline-block;
  lline-height:1;
  margin:0 4px;
  vertical-align:top;
}
.slick-dots li button {
  display:block;
  color:#808080;
  background-color:#808080;
  border:0;
  outline:none;
}
.slick-dots li:hover button,
.slick-dots li.slick-active button {
  color:#faff3e;
  background-color:#faff3e;
}
.section-topics .slick-next,
.section-topics .slick-prev {top:50px;}
.section-topics .slick-next {right:20px;}
.section-topics .slick-prev {left:20px;}