@charset "UTF-8";
/* CSS Document */


/* Common */
#pagetitle { background: #598dc5; }
#head-about h1 { background: rgba(48,113,183,0.8); }
#contents-head h3 { color: #3071B7; }
#contents-head h3:after { background: #3071B7; }

.column h1 { color: #3071B7; }
#submenu ul {display: flex;flex-wrap: wrap;justify-content: space-between;letter-spacing: -1em;}
#submenu ul li { background: #3071B7; display: flex; align-items: center; justify-content: center; }
#submenu ul li#cheating { width: 100%; margin-right: 0; }
#submenu ul li a { padding: .8em 1em; }
#submenu ul li a:hover { opacity: 0.8; }

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

/* Portal */
.portal-menu h1 { color: #3071B7; }
.portal-menu h1:after { background: #3071B7; }


/* Staff */
.teacher-list {  }
.teacher-list ul { border-top: dotted 1px #999; }
.teacher-list ul li { font-size: 115%; line-height: 1.4; padding: .6em 0 .5em 0; border-bottom: dotted 1px #999; position: relative; }
.teacher-list ul li h3 { font-weight: bold; position: absolute; left: 0; }
.teacher-list ul li a { color: #3071B7; }
.teacher-list ul li a:hover { color: #F60; }
#teacher-list1 { width: 60%; margin: 0 auto; }
#teacher-list1 h1 { font-size: 135%; line-height: 1.4; text-align: center; color: #333; margin-bottom: .5em; }
#teacher-list1 ul li { padding-left: 20em; }
#teacher-list2 h1, #teacher-list3 h1, #teacher-list4 h1, #teacher-list4 h2 { font-size: 200%; line-height: 1.2; font-weight: bold; text-align: center; color: #3071B7; margin-bottom: 1em; padding: .8em 0 .3em 0; position: relative; }
#teacher-list2 h1:after, #teacher-list3 h1:after, #teacher-list4 h1:after, #teacher-list4 h2:after { content: ""; width: 2em; height: 3px; margin-left: -1em; background: #3071B7; display: block; position: absolute; left: 50%; bottom: 0; }
.teacher-list div.teacher-list-box, .teacher-list div.teacher-list4-box { display: flex; justify-content: space-between; }
.teacher-list div.teacher-list-box dl { width: 45%; }
.teacher-list div dl dt { font-size: 135%; line-height: 1.3; color: #3071B7; padding: .2em .4em; background: #D6E3F1; }
.teacher-list div dl dd ul { border-top: none; }
.teacher-list div dl dd ul li { padding-left: 5em; }
.teacher-list div.teacher-list4-box div { width: 45%; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  .column { padding: 0 0 1em 0; }
  .teacher-list ul li { font-size: 100%; line-height: 1.4; }
  #teacher-list1 { width: 100%; }
  #teacher-list1 h1 { font-size: 123%; line-height: 1.4; margin-top: 1em; }
  #teacher-list1 ul li { padding-left: 0; }
  #teacher-list1 ul li h3 { position: relative; }
  #teacher-list2 h1, #teacher-list3 h1, #teacher-list4 h1, #teacher-list4 h2 { font-size: 180%; line-height: 1.2; }
  .teacher-list div.teacher-list-box, .teacher-list div.teacher-list4-box { display: block; }
  .teacher-list div.teacher-list-box dl { width: 100%; margin-bottom: 2em; }
  .teacher-list div dl dt { font-size: 123%; line-height: 1.3; }
  .teacher-list div.teacher-list4-box div { width: 100%; }
  #teacher-list4 h2 { margin-top: 1.5em; }
}


/* Teacher Details */
.teacher-name { padding-bottom: .6em; border-bottom: solid 1px #999; position: relative; }
.teacher-name h1 { font-size: 200%; line-height: 1.2; font-weight: bold; color: #333; padding-bottom: .8em; }
.teacher-name h1 span { font-size: 60%; line-height: 1.2; font-weight: normal; color: #999; }
.teacher-name h1 span:before { content: "\A"; white-space: pre; }
.teacher-name h2 { font-size: 123%; line-height: 1.4; font-weight: bold; padding-bottom: .4em; }
.teacher-name ul li { font-size: 115%; line-height: 1.4; padding: 0 0 .2em 1em; position: relative; }
.teacher-name ul li:before { content: "・"; position: absolute; top: 0; left: 0; }
.teacher-name p.researchmap-btn { font-size: 115%; line-height: 1.2; font-weight: bold; text-align: center; position: absolute; top: 0; right: 0; }
.teacher-name p.researchmap-btn i {display:none;}
.teacher-name p.researchmap-btn a { color: #3071B7; width: 12em; padding: .8em 0; box-shadow: 0 0 0 1px #3071B7 inset; display: block; position: relative; }
.teacher-name p.researchmap-btn a:after { content: ""; width: .6em; height: .6em; margin-top: -.3em; border-top: 1px solid #3071B7; border-right: 1px solid #3071B7; position: absolute; top: 50%; right: 1em; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.teacher-name p.researchmap-btn a:hover { color: #FFF; background: #3071B7; }
.teacher-name p.researchmap-btn a:hover::after { border-top: 1px solid #FFF; border-right: 1px solid #FFF; }
#teacher-detail1 { display: flex; flex-wrap: wrap; justify-content: space-between; }
#teacher-detail1 dl { width: 45%; margin-top: 2em; }
#teacher-detail2 dl { margin-top: 2em; }
#teacher-detail1 dl dt, #teacher-detail2 dl dt { font-size: 135%; line-height: 1.3; color: #3071B7; padding: .2em .4em; background: #D6E3F1; }
#teacher-detail1 dl dd ul li, #teacher-detail2 dl dd ul li { font-size: 115%; line-height: 1.4; text-align: justify; padding: .6em 0 .5em 0; border-bottom: dotted 1px #999; position: relative; }
#teacher-detail2 dl dd p { font-size: 115%; line-height: 1.8; text-align: justify; padding-top: .6em; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  .teacher-name { margin-top: 2em; }
  .teacher-name h1 { font-size: 180%; line-height: 1.2; text-align: center; margin-bottom: .5em; padding-bottom: .5em; border-bottom: solid 1px #999; }
  .teacher-name h1 span { vertical-align: middle; padding-left: .5em; }
  .teacher-name h1 span:before { content: ""; }
  .teacher-name ul { margin-bottom: .8em; }
  .teacher-name ul li { font-size: 100%; line-height: 1.4; }
  .teacher-name p.researchmap-btn { position: relative; }
  .teacher-name p.researchmap-btn a { width: 100%; }
  #teacher-detail1 { display: block; }
  #teacher-detail1 dl { width: 100%; }
  #teacher-detail1 dl dt, #teacher-detail2 dl dt { font-size: 123%; line-height: 1.3; }
  #teacher-detail1 dl dd ul li, #teacher-detail2 dl dd ul li { font-size: 100%; line-height: 1.4; word-break: break-all; }
  #teacher-detail2 dl dd p { font-size: 100%; line-height: 1.6; }
}


/* Memoirs */
#memoirs p { font-size: 115%; line-height: 1.8; }
#memoirs p.link-btn a { line-height: 1.2; text-align: center; text-decoration: none; color: #3071B7; width: 50%; margin-top: 1em; padding: 1em 0; box-shadow: 0 0 0 1px #3071B7 inset; display: block; position: relative; }
#memoirs p.link-btn a:after { content: ""; width: .6em; height: .6em; margin-top: -.3em; border-top: 1px solid #3071B7; border-right: 1px solid #3071B7; position: absolute; top: 50%; right: 1em; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#memoirs p.link-btn a:hover { color: #FFF; background: #3071B7; }
#memoirs p.link-btn a:hover::after { border-top: 1px solid #FFF; border-right: 1px solid #FFF; }
#memoirs p.link-btn i {display:none;} 
#memoirs h1 { font-weight: bold; color: #333; margin-top: 2em; padding: 1em 0 .5em 0; border-top: solid 1px #CCC; }
#memoirs ul li { font-size: 115%; line-height: 1.4; text-align: justify; padding: 0 0 .3em 1em; position: relative; }
#memoirs ul li span { font-size: 70%; line-height: 1.4; color: rgba(48,113,183,.5); position: absolute; left: .2em; top: .25em; }
#memoirs ul li a { color: #3071B7; }
#memoirs ul li a:hover { color: #F60; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #memoirs { margin-top: 1.5em; }
  #memoirs p { font-size: 100%; line-height: 1.6; }
  #memoirs p.link-btn a { width: 100%; }
  #memoirs h1 { margin-top: 1em; }
  #memoirs ul li { font-size: 100%; line-height: 1.4; }
}

.memoirs h1 { font-size: 135%; line-height: 1.3; color: #3071B7; margin-bottom: .5em; padding: .2em .4em; background: #D6E3F1; }
.memoirs div { overflow: auto; }
.memoirs div table { font-size: 105%; line-height: 1.4; width: 100%; border: solid 1px #3071B7; border-collapse: collapse; }
.memoirs div table th { text-align: center; padding: .6em .4em .5em .4em; border: solid 1px #3071B7; background: #E0E5E7; }
.memoirs div table td { min-width: 6em; padding: .6em .4em .5em .4em; border: solid 1px #3071B7; }
.memoirs div table td:first-child { min-width: 2em; }
.memoirs div table td:last-child { min-width: 4em; }
.memoirs div table td.number { text-align: center; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  .memoirs { margin-top: 1em; }
  .memoirs div table { width: 50em; }
}


/* Publications */
#pub-sort { font-size: 115%; line-height: 1.3; padding: .5em 0; box-shadow: 0 0 0 1px #CCC inset; display: flex; align-items: center; }
#pub-sort dt { text-align: center; width: 6em; padding: 1em 0 .9em 0; border-right: solid 1px #CCC; }
#pub-sort dd { padding-left: 1em; }
#pub-sort dd ul li { display: inline-block; }
#pub-sort dd ul li a {color: #333;padding: .5em 1em .3em 1em;display: block;}
#pub-sort dd ul li a:hover { background: #DEDEDE; }
#pub-sort dd ul li.active {background: #598dc5;}
#pub-sort dd ul li.active a {color: #FFFFFF;}
#pub-list { margin-top: 2.5em; display: flex; flex-wrap: wrap; }
#pub-list dl { width: calc(22% - 2em); margin: 0 1.5% 3% 1.5%; padding: 1em; box-shadow: 0 0 .5em 0 rgba(0,0,0,0.3); }
#pub-list dl a dt { text-align: center; width: auto; height: 200px; padding-bottom: 1em; }
#pub-list dl a dt img { width: auto; height: 100%; }
#pub-list dl a:hover dt img { opacity: .8; }
#pub-list dl a dd p { font-size: 115%; line-height: 1.4; text-align: justify; color: #3071B7; }
#pub-list dl a:hover dd p { color: #F60; }
#pub-list dl a dd p span { font-size: 85%; line-height: 1.4; color: #333; padding-top: .4em; display: block; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #pub-sort { font-size: 100%; line-height: 1.3; margin-top: 1em; display: block; }
  #pub-sort dt { width: 100%; padding: .5em 0 .8em 0; border-right: none; border-bottom: solid 1px #CCC; }
  #pub-sort dd { padding: .5em 1em 0 1em; }
  #pub-list dl { width: calc(46% - 1em); margin: 0 2% 4% 2%; padding: .5em; }
  #pub-list dl a dt { height: 150px; padding-bottom: .5em; }
  #pub-list dl a dd p { font-size: 100%; line-height: 1.4; }
  #pub-list dl a dd p span { font-size: 93%; line-height: 1.4; }
}


/* Publications Details */
#pub-detail h1 { font-size: 135%; line-height: 1.3; color: #3071B7; margin-bottom: 1em; padding: .2em .4em; background: #D6E3F1; }
#pub-detail dl { margin-bottom: 3em; display: flex; flex-flow: row-reverse; justify-content: space-between; }
#pub-detail dl dt { width: 26%; }
#pub-detail dl dt img { width: 100%; height: auto; }
#pub-detail dl dd { width: 70%; }
#pub-detail dl dd p { font-size: 115%; line-height: 1.8; text-align: justify; padding-bottom: .8em; }
#pub-detail dl dd p#author { padding-top: .8em; border-top: solid 1px #CCC; }
#pub-detail dl dd ul#categories { display: flex; }
#pub-detail dl dd ul#categories li { margin-right: .5em; padding: .5em .8em .4em .8em; background: rgba(48,113,183,0.15);}
#pub-detail p.link-btn { font-size: 115%; line-height: 1.2; }
#pub-detail p.link-btn a { text-align: center; text-decoration: none; color: #3071B7; width: 60%; margin: 0 auto; padding: 1em 0; box-shadow: 0 0 0 1px #3071B7 inset; display: block; position: relative; }
#pub-detail p.link-btn a:after { content: ""; width: .6em; height: .6em; margin-top: -.3em; border-top: 1px solid #3071B7; border-right: 1px solid #3071B7; position: absolute; top: 50%; right: 1em; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#pub-detail p.link-btn a:hover { color: #FFF; background: #3071B7; }
#pub-detail p.link-btn a:hover::after { border-top: 1px solid #FFF; border-right: 1px solid #FFF; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #pub-detail { margin-top: 2em; }
  #pub-detail h1 { font-size: 123%; line-height: 1.3; }
  #pub-detail dl { display: block; }
  #pub-detail dl dt { text-align: center; width: 100%; margin-bottom: 1em; }
  #pub-detail dl dt img { width: 50%; height: auto; }
  #pub-detail dl dd { width: 100%; }
  #pub-detail dl dd p { font-size: 100%; line-height: 1.6; }
  #pub-detail p.link-btn a { width: 100%; }
}


/* Research Theme */
.research h1 { text-align: center; color: #333; }
.research h1 span { font-size: 75%; }
.research h2 { font-size: 135%; line-height: 1.3; color: #3071B7; margin: 2em 0 .5em 0; padding: .2em .4em; background: #D6E3F1; }
.research div { overflow: auto; }
.research div table { font-size: 105%; line-height: 1.4; width: 100%; border-top: solid 1px #3071B7; border-collapse: collapse; }
.research div table tr { border-bottom: solid 1px #3071B7; }
.research div table th { text-align: center; padding: .6em .4em .5em .4em; border-right: solid 1px #3071B7; background: #E0E5E7; }
.research div table td { padding: .6em .4em .5em .4em; border-right: solid 1px #3071B7; }
.research div table th:last-child, .research div table td:last-child { border-right: none; }
#research-theme div table td:first-child { text-align: center; width: 2em; }
#research-theme div table td:nth-child(2) { width: 7em; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  .research h1 { font-size: 150%; margin-top: 1.5em; }
  .research h1 span { padding-top: .2em; display: block; }
  .research h2 { font-size: 123%; line-height: 1.3; }
  .research div table { font-size: 100%; line-height: 1.4; }
}


/* Research Science */
#contents-head h3 span { font-size: 65%; line-height: 1.4; font-weight: normal; display: block; }
.research-science td.num { text-align: center; width: 3em; }
.research-science td.price { text-align: right; width: 8em; }
#research-science th:first-child { width: 12em; }
#research-science th:nth-child(2) { width: 7em; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  .research-science div table { width: 40em; }
  .research-science td.price { text-align: right; width: 7em; }
  #research-science div table { width: 40em; }
  #research-science th:first-child { width: 8em; }
}


/* Research Others */
#research-others table caption { text-align: right; }
#research-others td.num { text-align: center; width: 3em; }
#research-others td.price { text-align: right; width: 7em; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #research-others div table { width: 56em; }
}


/* Kanri-Kansa */
.kanri-kansa p { font-size: 115%; line-height: 1.8; text-align: justify; padding-bottom: .8em; }
.kanri-kansa a { color: #3071B7; }
.kanri-kansa a:hover { color: #F60; }
.kanri-kansa p#date { text-align: right; }
.kanri-kansa h1 { font-size: 135%; line-height: 1.3; color: #3071B7; margin-bottom: .5em; padding: .2em .4em; background: #D6E3F1; }
.kanri-kansa dl { margin-bottom: 1.5em; }
.kanri-kansa dl dt { font-size: 123%; line-height: 1.3; font-weight: bold; color: #3071B7; padding-bottom: .4em; }
.kanri-kansa ul { border-top: dotted 1px #999; }
.kanri-kansa ul li { font-size: 115%; line-height: 1.4; text-align: justify; padding: .6em 0 .5em 7em; border-bottom: dotted 1px #999; position: relative; }
.kanri-kansa ul li h3 { font-weight: bold; position: absolute; left: 0; }
.kanri-kansa ul#kanri-pdf { border-top: none; }
.kanri-kansa ul#kanri-pdf li { padding: 0 0 .4em 1em; border-bottom: none; }
.kanri-kansa ul#kanri-pdf li span { font-size: 70%; line-height: 1.4; color: rgba(48,113,183,.5); position: absolute; left: .2em; top: .25em; }
.kanri-kansa ul#kanri-pdf li:after { content: ""; }
.kanri-kansa ul#kanri-pdf a.pdf:after { content: url("../../images/common/pdf_icon_mini.png"); vertical-align: middle; padding: 0 .2em; display: inline-block; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  .kanri-kansa { margin-top: 2em; }
  .kanri-kansa p { font-size: 100%; line-height: 1.6; }
  .kanri-kansa h1 { font-size: 123%; line-height: 1.3; }
  .kanri-kansa dl dt { font-size: 115%; line-height: 1.3; }
  .kanri-kansa ul li { font-size: 100%; line-height: 1.4; }
}

.link-btn i {display:none;}