/*----------------------------------------------------------------------

	MASTER STYLESHEET

	Project:       Metronic "Aitonepage" Frontend Freebie - Responsive HTML Template Based On Twitter Bootstrap 3.3.4
	Version:       1.0
	Author:        KeenThemes
	Primary use:   Corporate, Business Themes.
	Email:			support@keenthemes.com
	Follow:		http://www.twitter.com/keenthemes
	Like:			http://www.facebook.com/keenthemes
	Website:		http://www.keenthemes.com
	Premium:		Premium Metronic Admin Theme:http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes

-----------------------------------------------------------------------*/
/* eg:@include user-select(none); */
/* eg:@include rotate(45deg); */
/* eg:@include translate3d(0,0,0); */
/* eg:@include border-radius(3px); */
/* eg:@include visibility-backface(hidden); */
/*------------------------------------------------------------------
  	[The "base.scss" contains basic default element styles
  		(colors, typography, margins & padding).]
------------------------------------------------------------------*/
html { overflow-x:hidden;}

html, html a, body { -webkit-font-smoothing:antialiased;}

body {
	position:relative;
	font-family:"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:16px;
	color:#333;
	line-height:155%;
	letter-spacing:1px;
}
/*#PlanningGroup, #OpenRecruitment, */
#Newsletter, #Symposium, #Outreach{
	margin-top: -105px;
	padding-top: 105px;
}
p { margin-bottom:20px;}
.fontsize105{ font-size:105% !important; line-height:125%;}
.fontsize95{ font-size:95% !important; line-height:125%;}
.fontsize85{ font-size:85% !important; line-height:125%;}
.fontsize80{ font-size:80% !important; line-height:125%; letter-spacing:0;}

em,
li,
li a { color:#515769;}
ol li{ margin-bottom:10px;}

a { color:#00a7aa;}

a:focus, a:hover, a:active {
	color:#333;
	text-decoration:none;
}
.DPBK { display:block !important;}
.PDLR3{ padding-left:3px !important; padding-right:3px !important;}

.Border { border:1px solid #eee;}

.img-Photo {
	max-width:280px;
	display:block;
	margin:0 auto 3px;
}
.img-PhotoL {
	max-width:450px;
	display:block;
	margin:0 auto 3px;
}
.img-PhotoLL {
	max-width:600px;
	display:block;
	margin:0 auto 3px;
}
.img-Photo96 {
	max-width:96%;
	display:block;
	margin:0 auto 10px;
}

.FLR {
	float:right;
	margin:2px 0 15px 35px;
}
.FLL {
	float:left;
	margin:0 35px 15px 0;
}
figure{
	font-size:85%;
	text-align:center;
}
figure img{
	margin:0 auto;
}
.link {
  position:relative;
  font-weight:600;
  text-transform:uppercase;
}

.link:after {
  position:absolute;
  top:8px;
  right:-15px;
  width:9px;
  height:2px;
  background:#17bed2;
  content:" ";
}

span {
	font-size:80%;
	font-weight:500;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:700;
  color:#515769;
  line-height:1.4;
  margin:0 0 15px;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  color:#515769;
}

h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {
  color:#999caa;
  text-decoration:none;
}

h1 > a:focus, h2 > a:focus, h3 > a:focus, h4 > a:focus, h5 > a:focus, h6 > a:focus {
  text-decoration:none;
}

h1 { font-size:40px;}
h2 { font-size:28px;}
h3 { font-size:22px;}
h4 { font-size:22px;}

h2 img{
	max-width:80%;
	max-height:30px;
}
h3.STxt { font-size:19px;}

.Maintitle {
	display:block;
	clear:both;
	border-bottom:solid 1px #eee;
	position:relative;
	letter-spacing:0;
	padding-left:5px;
	padding-bottom:7px;
}
.Maintitle:after {
	position:absolute;
	content:" ";
	display:block;
	border-bottom:solid 1px #515769;
	bottom:-1px;
	width:20%;
	left:0;
}

.Circletitle {
	position:relative;
    padding-left:1em;
} 
.Circletitle::after{position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    content:'';
    width:10px;
    height:10px;
    border:solid 3px #00a7aa;
    border-radius:100%;
}
.Markertitle{ padding:0 10px 7px;
	 border-bottom:5px solid #EFEFEF;
}

::selection {
  color:#fff;
  background:#00a7aa;
  text-shadow:none;
}

::-webkit-selection {
  color:#fff;
  background:#00a7aa;
  text-shadow:none;
}

::-moz-selection {
  color:#fff;
  background:#00a7aa;
  text-shadow:none;
}

:active,
:focus {
  outline:none;
}

span.supText {
font-size:75%;
vertical-align:top;
position:relative;
top:-0.1em;
}

/* Section Seperator */
.section-seperator { border-bottom:1px solid #edf0f2;}

/* Content Wrapper Link */
.content-wrapper-link {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:block;
  z-index:3;
  text-decoration:none;
}


@media (max-width:768px) {
	.FLR, .FLL {
		float:none;
		margin:15px auto;
	}
	.img-Photo, .img-PhotoL {
		max-width:100%;
	}
    h1 { font-size:32px;}
    h2 { font-size:26px;}
    h3 { font-size:22px;}
    h4 { font-size:18px;}
}

/*------------------------------------------------------------------
  	[Accordion]
------------------------------------------------------------------*/
.accordion .panel-default {
  border:none;
}

.accordion .panel-heading {
  border-radius:0;
}

.accordion .panel-default > .panel-heading {
  color:#515769;
  background:#fff;
  border:none;
  padding:0;
}

.accordion .panel-title {
  font-size:22px;
}

.accordion .panel-title-child {
  display:block;
  padding:30px;
}

.accordion .panel-group .panel + .panel {
  border-radius:0;
  margin-top:10px;
}

.accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
  font-size:16px;
  border-top:none;
  padding:0 30px 30px 30px;
  margin-top:-1px;
}

.accordion [aria-expanded="true"],
.accordion .collapse.in {
  color:#fff;
  background:#00a7aa;
}

/*------------------------------------------------------------------
  	[Button]
------------------------------------------------------------------*/
.btn-theme {
  position:relative;
  display:inline-block;
  line-height:1.4;
  text-align:center;
  background-image:none;
  border-style:solid;
  vertical-align:middle;
  -ms-touch-action:manipulation;
  touch-action:manipulation;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.btn-theme:focus, .btn-theme:active:focus, .btn-theme.active:focus, .btn-theme.focus, .btn-theme:active.focus, .btn-theme.active.focus { outline:none;}
.btn-theme:hover {
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-theme:hover, .btn-theme:focus, .btn-theme.focus { text-decoration:none;}
.btn-theme:active, .btn-theme.active {
  background-image:none;
  outline:0;
}

.btn-theme.disabled, .btn-theme[disabled],
fieldset[disabled] .btn-theme {
  cursor:not-allowed;
  box-shadow:none;
  opacity:.65;
  pointer-events:none;
}

.btn-white-bg {
  color:#fff;
  background:#00a7aa;
  border:1px solid #00a7aa;
}
.btn-white-bg:hover, .btn-white-bg:focus, .btn-white-bg.focus {
  color:#515769;
  background:url(../img/bg_yellowline.gif);
  border-color:transparent;
  border:1px solid #eee;
}

.btn-symposium2019-bg {
  color:#fff;
  background:url(../ISFRCB2019/images/back_s.jpg);
  border:1px solid #99c9d9;
  font-size:85%;
}
.btn-symposium2019-bg:hover, .btn-symposium2019-bg:focus, .btn-symposium2019-bg.focus {
  color:#333;
  border:1px solid #eee;
  opacity:0.8;
}
@media (max-width:768px) {
	.btn-symposium2019-bg{font-size:100%;}
}
@media (max-width:480px) {
	.btn-symposium2019-bg{font-size:85%;}
}

.btn-white-brd {
  color:#fff;
  background:transparent;
  border-color:#fff;
  border-width:2px;
}

.btn-white-brd:hover, .btn-white-brd:focus, .btn-white-brd.focus {
  color:#515769;
  background:#fff;
  border-color:#fff;
}

.btn-default-bg {
	color:#333;
  background:#f3f4f5;
  border-color:transparent;
  border-width:0;
}
.btn-default-bg:hover, .btn-default-bg:focus, .btn-default-bg.focus {
  color:#00a7aa;
  background:url(../img/bg_blueline.gif);
  border-color:transparent;
}

.btn-red-bg {
  color:#FFF;
  background:#e0152e;
  border-color:transparent;
  border-width:0;
}

.btn-red-bg:hover, .btn-red-bg:focus, .btn-red-bg.focus {
  color:#515769;
  background:#e0ddcc;
  border-color:transparent;
}
.btn-theme-sm {
	font-size:85%;
	letter-spacing:2px;
	padding:15px 35px;
}
.btn-theme-ss {
	font-size:85%;
	letter-spacing:0;
	padding:7px 15px;
}

/* カッコのアニメボタン */
.bracekts {
  color:#333 ;
  position:relative;
  padding:13px 25px;
  display:inline-block;
  text-align:center;
  transition:.3s;
}
.bracekts::before {
  top:0;
  left:0;
  border-left:3px solid #333;
  border-top:3px solid #333;
  transition:.3s;
}
.bracekts::after {
  bottom:0;
  right:0;
  border-right:3px solid #333;
  border-bottom:3px solid #333;
  transition:.3s;
}
.bracekts::after,
.bracekts::before {
  position:absolute;
  display:block;
  content:'';
  width:100%;
  height:100%;
}
.bracekts:hover {
	color:#00a7aa;
  background:#fff url(../img/bg_logo.gif)no-repeat right center;
}
.bracekts:active {
  opacity:.5;
}
.bracekts:hover::after,.bracekts:hover::before {
  width:30px;
  height:20px;
}
/*------------------------------------------------------------------
  	[Pricing]
------------------------------------------------------------------*/
.pricing {
  padding:70px 45px;
  background:#fff;
  margin-top:50px;
}

@media (max-width:768px) {
  .pricing{margin-top:0;}

}

.pricing.pricing-active {
  padding-top:110px;
  padding-bottom:110px;
  margin-top:10px;
}

@media (max-width:768px) {
  .pricing.pricing-active{margin-top:0;}
}

.pricing .pricing-icon {
  display:block;
  font-size:30px;
  color:#999caa;
  margin-bottom:30px;
}

.pricing .pricing-list-item {
  position:relative;
  font-size:13px;
  color:#81848f;
  padding-left:20px;
  margin-bottom:10px;
}

.pricing .pricing-list-item:before {
  position:absolute;
  top:7px;
  left:0;
  width:9px;
  height:2px;
  background:#00a7aa;
  content:" ";
  margin-right:10px;
}

/*------------------------------------------------------------------
  	[Service]
------------------------------------------------------------------*/
.service {
  background:#fff;
  padding:50px;
}

.service .service-element,
.service .service-info {
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.service .service-icon {
  display:block;
  font-size:30px;
  color:#999caa;
  margin-bottom:30px;
}

.service:hover .service-element {
  opacity:0;
  -webkit-transform:translate3d(0, -100%, 0);
  -moz-transform:translate3d(0, -100%, 0);
  transform:translate3d(0, -100%, 0);
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.service:hover .service-info {
  -webkit-transform:translate3d(0, -30%, 0);
  -moz-transform:translate3d(0, -30%, 0);
  transform:translate3d(0, -30%, 0);
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

/*------------------------------------------------------------------
  	[Work]
------------------------------------------------------------------*/
/* Overlay */
.work {
  position:relative;
  display:block;
}
.work .work-overlay {
  position:relative;
  cursor:pointer;
}
.work .work-overlay:before {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:transparent;
  content:" ";
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}
.work:hover .work-overlay:before {
/*  background:rgba(0, 0, 0, 0.5);
*/  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

/* Popup */
.work .work-popup-overlay {
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  z-index:99999;
  opacity:0;
  visibility:hidden;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  overflow-x:hidden;
  background:rgba(81, 87, 105, 0.4);
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.work .work-popup-overlay-show {
  opacity:1;
  visibility:visible;
  -webkit-backface-visibility:visible;
  backface-visibility:visible;
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.work .work-popup-content {
  position:absolute;
  top:50%;
  left:0;
  right:0;
  width:730px;
  height:auto;
  display:block;
  background:#fff;
  padding:15px 25px 20px;
  margin:0 auto;
  -webkit-transform:translate3d(0, -50%, 0);
  -moz-transform:translate3d(0, -50%, 0);
  transform:translate3d(0, -50%, 0);
}
.work .work-popup-content img{margin:0 auto;}
.work .work-popup-content-divider{border-right:1px solid #cdcecf;}

@media (max-width:768px) {
  .work .work-popup-content{width:96%;}
  .work .work-popup-content-divider{border-right:none;
    border-bottom:1px solid #cdcecf;}
}

.work .work-popup-close {
  float:right;
  font-size:14px;
  background:#eee;
  padding:2px 7px 1px;
  margin-bottom:7px;
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
	border-radius:5px;
	webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.work .work-popup-close:hover {
  color:#aaacb3;
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

/* Tag */
.work .work-popup-tag {
  margin:0;
}

.work .work-popup-tag-item {
  padding:0 2px;
}

.work .work-popup-tag-link {
  font-size:13px;
}

/*------------------------------------------------------------------
  	[Footer]
------------------------------------------------------------------*/
.footer .footer-logo {
	width:280px;
	height:auto;
}
.footer .footer-list {
	display:block;
	margin:0 auto;
	text-align:center;
	font-size:95%;
}
.footer .footer-list li {
	display:inline-block; 
	padding:0 20px;
	margin:5px auto;
	white-space:nowrap;
}
.footer .footer-list li:last-child { border:none;}
.footer .footer-list a:hover { color:#00a7aa;}
.footer ul.footerBnr{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align: center;
}
.footer ul.footerBnr li {
	display: inline-block;
	margin:0 0 15px;
	width:25%;
}
.footer ul.footerBnr li img{max-width:98%;}

@media (max-width:768px) {
	.footer ul.footerBnr li {width:50%;}
}
@media (max-width:480px) {
	.footer .footer-list li {
		width:50%;
		float:left;
		text-align:left;
		padding:0 10px;
	}
	.footer ul.footerBnr li {width:100%;margin:0 0 5px;}
	.footer ul.footerBnr li img{max-width:90%;}
}

/*------------------------------------------------------------------
    [Header]
------------------------------------------------------------------*/
/* Fixed Top */
.navbar-fixed-top .navbar-collapse {
  max-height:100%;
}

/* Navbar */
.header .navbar {
  margin-bottom:0;
  border-bottom:1px solid rgba(255, 255, 255, 0.2);
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

/* Navbar Toggle */
.header .navbar-toggle {
  width:25px;
  height:25px;
  border:none;
  padding:0;
  margin:35px 0;
}

.header .navbar-toggle .toggle-icon {
  position:relative;
  width:21px;
  height:1px;
  display:inline-block;
  background:#515769;
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle .toggle-icon:before, .header .navbar-toggle .toggle-icon:after {
  position:absolute;
  left:0;
  background:#515769;
  content:" ";
}

.header .navbar-toggle .toggle-icon:before {
  width:10px;
  height:1px;
  bottom:10px;
  -webkit-transform:rotate(0);
  -moz-transform:rotate(0);
  transform:rotate(0);
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle .toggle-icon:after {
  width:16px;
  height:1px;
  top:-5px;
  -webkit-transform:rotate(0);
  -moz-transform:rotate(0);
  transform:rotate(0);
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle:hover .toggle-icon {
  background:#00a7aa;
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle:hover .toggle-icon:before, .header .navbar-toggle:hover .toggle-icon:after {
  width:21px;
  height:1px;
  background:#00a7aa;
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle:hover .toggle-icon.is-clicked {
  background:rgba(81, 87, 105, 0);
}

/* Navbar Logo */
.header .logo {
  width:280px;
  height:150px;
  float:left;
  max-height:95px;
  line-height:65px;
}

.header .logo-wrap {
  display:inline-block;
  padding:5px 0;
}

.header .logo-wrap:focus, .header .logo-wrap:hover {
  text-decoration:none;
}

.header .logo-img {
  display:inline-block;
  width:280px;
  height:auto;
  max-width:100%;
  max-height:100%;
  vertical-align:middle;
}

.header .logo-img-main {
  display:inline-block;
  transition-duration:400ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.header .logo-img-active {
  display:none;
  transition-duration:400ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

/* Navbar */
.header .navbar-nav {
  padding-left:0;
  margin-bottom:0;
  list-style:none;
}

/* Nav */
.header .nav-item {
  position:relative;
  display:block;
}

.header .nav-item:last-child .nav-item-child {
	padding-right:0;
}

.header .nav-item .nav-item-hover.active:after {
  opacity:1;
  transition-duration:400ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.header .nav-item:hover .nav-item-hover:after {
  opacity:1;
  transition-duration:400ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.header .nav-item-child {
  position:relative;
  display:block;
  color:#fff;
  text-transform:uppercase;
  line-height:55px;
  padding:20px 15px 20px;
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.header .nav-item-child:hover, .header .nav-item-child:focus {
  background:transparent;
}

.header .nav-item-hover {
  position:relative;
}

.header .nav-item-hover:after {
  position:absolute;
  top:45px;
  left:2px;
  width:8px;
  height:3px;
  background:#00a7aa;
  opacity:0;
  content:" ";
  transition-duration:400ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}
/* Media Queries below 991px */
@media (max-width:991px) {
  /* Bootstrap collapse of navigation with a maximum width:991px
    (Change it to any breakpoint you want to be collapsed) */
  .header{background:#fff;}
  .header .navbar-toggle{display:block;}
  .header .navbar-collapse.collapse{display:none !important;}
  .header .navbar-collapse.collapse.in{display:block !important;}
  .header .nav-collapse{padding-left:0;
    padding-right:0;}
  .header .navbar-nav{margin:0;
    float:none;}
  .header .navbar-nav .nav-item{float:none;}
  /* Menu Container */
  .header .menu-container:before, .header .menu-container:after{content:" ";
    display:table;}
  .header .menu-container:after{clear:both;}
  /* Logo */
  .header .logo .logo-img-main{display:none;}
  .header .logo .logo-img-active{display:inline-block;}
  /* Navbar Nav */
  .header .nav-item-child{color:#515769;
    line-height:1.4;
    padding:12px 12px 12px 15px;}
  .header .nav-item-hover:after{position:absolute;
    top:19px;}
  .header .navbar-collapse {
	  border-bottom:1px solid #f0f0f0;}
}
@media screen and (max-width:480px){
  .header .logo { width:210px;}
  .header .logo-img { width:210px;}
}

/* Media Queries below 767px */
@media (max-width:767px) {
  /* Menu Container */
  .header .menu-container{padding-left:15px;
    padding-right:15px;
    margin-left:0;
    margin-right:0;}
  .header .navbar > .container{width:auto;
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;}
  .header .navbar > .container > .nav-collapse{padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;}
}

/* Media Queries above 992px */
@media (min-width:992px) {
  /* Navbar */
  .header .navbar-nav-right{float:right;}
}

/* Page On Scroll */
@media (min-width:992px) {
  .page-on-scroll .header .navbar{background:#fff;
    border-bottom-color:#f0f0f0;
    transition-duration:300ms;
    transition-property:all;
    transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);}
  .page-on-scroll .header .logo-img-main{display:none;
    transition-duration:400ms;
    transition-property:all;
    transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);}
  .page-on-scroll .header .logo-img-active{display:inline-block;
    transition-duration:400ms;
    transition-property:all;
    transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);}
  .page-on-scroll .header .nav-item-child{color:#515769;
    transition-duration:300ms;
    transition-property:all;
    transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);}
}

/*------------------------------------------------------------------
  	[Contact]
------------------------------------------------------------------*/
.contact-list > li {
  font-size:13px;
  color:#81848f;
  margin-bottom:10px;
}

/*--------------------------------------------------
    [Back To Top Theme Button]
----------------------------------------------------*/
.back-to-top {
  position:fixed;
  right:10px;
  bottom:10px;
  display:inline-block;
  z-index:9;
  width:70px;
  height:70px;
  font-size:13px;
  color:#fff;
  text-align:center;
  line-height:3;
  letter-spacing:1px;
  text-transform:uppercase;
  background:#515769;
  border-radius:3px;
  visibility:hidden;
  opacity:0;
  padding:5px;
  -webkit-transform:translate3d(0, 50px, 0);
  -moz-transform:translate3d(0, 50px, 0);
  transform:translate3d(0, 50px, 0);
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}
.back-to-top:hover {
  color:#fff;
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.back-to-top:focus, .back-to-top:hover {
  text-decoration:none;
}

/* The Button Becomes Visible */
.back-to-top.back-to-top-is-visible {
  visibility:visible;
  opacity:.6;
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.back-to-top.back-to-top-is-visible:hover {
  opacity:1;
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

/* If the user keeps scrolling down, the button is out of focus and becomes less visible */
.back-to-top.back-to-top-fade-out {
  opacity:.4;
}

.back-to-top.back-to-top-fade-out:hover {
  opacity:1;
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

/*------------------------------------------------------------------
  	[Form Control]
------------------------------------------------------------------*/
.form-control {
  height:50px;
  font-size:14px;
  font-weight:400;
  color:#a6a7aa;
  background:#fafafa;
  border:none;
  box-shadow:none;
  border-radius:0;
  padding-left:15px;
}

.form-control::-moz-placeholder {
  color:#a6a7aa;
}

.form-control:-ms-input-placeholder {
  color:#a6a7aa;
}

.form-control::-webkit-input-placeholder {
  color:#a6a7aa;
}

.form-control:focus {
  color:#515769;
  box-shadow:none;
}

.form-control:focus::-moz-placeholder {
  color:#515769;
}

.form-control:focus:-ms-input-placeholder {
  color:#515769;
}

.form-control:focus::-webkit-input-placeholder {
  color:#515769;
}

/*------------------------------------------------------------------
    [Full Screen Carousel]
------------------------------------------------------------------*/
.full-screen {
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

/*------------------------------------------------------------------
    [Carousel]
------------------------------------------------------------------*/
.carousel-indicators {
  left:auto;
  width:auto;
  padding-left:0;
  margin-left:0;
}
.carousel-centered {
  position:absolute;
  top:280px ;
  margin-bottom:40px;
  -webkit-transform:translate3d(0, -50%, 0);
  -moz-transform:translate3d(0, -50%, 0);
  transform:translate3d(0, -50%, 0);
}
.carousel-title {
  font-size:55px;
  font-weight:700;
  color:#fff;
  line-height:1;
  text-transform:uppercase;
}
.carousel-centered p {
	font-size:115%;
}
/*--- 下層ページ ---*/
h1.carousel-titlepages {
	display:block;
	margin:150px auto 0;
	font-size:50px;
	color:#fff;
	text-align:center;
	position:relative;
	clear:both;
}
h1.carousel-titlepages:before {
	content:'';
	position:absolute;
	bottom:-5px;
	display:inline-block;
	width:60px;
	height:5px;
	left:50%;
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	background-color:#FFF;
	border-radius:2px;
}
h1.carousel-titlepagesLong {
	font-size:40px !important;
	margin:100px auto !important;
	letter-spacing:0;
}
@media (max-width:1200px) {
	h1.carousel-titlepagesLong{ font-size:30px !important;}
}
@media (max-width:768px) {
	.carousel-title { font-size:45px;}
	h1.carousel-titlepages { font-size:40px; margin-top:180px;}
	h1.carousel-titlepagesLong{ font-size:25px !important;}
}
@media screen and (max-width:480px){
	.carousel-title { font-size:30px;}
	.carousel-centered { top:250px ;}
	h1.carousel-titlepagesLong{ font-size:20px !important;}
}


/*------------------------------------------------------------------
    [Swiper Slider]
------------------------------------------------------------------*/
.swiper-slider {
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
}

.swiper-clients-img {
  display:block;
  width:190px;
  height:auto;
  margin:0 auto;
  opacity:1;
  cursor:pointer;
  transition-duration:200ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

.swiper-clients-img:hover {
  opacity:.8;
  transition-duration:200ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);
}

/*------------------------------------------------------------------
  	[Text Colors]
------------------------------------------------------------------*/
.color-base { color:#00a7aa !important;}
.color-white { color:#fff !important;}
.color-heading { color:#515769 !important;}
.color-subtitle { color:#a6a7aa !important;}
.color-link { color:#81848f !important;}
.color-link-hover { color:#999caa !important;}
.color-sky-light { color:#fafafa !important;}
.color-gray { color:#666 !important;}
.color-red { color:#e0152e !important;}
.color-yel { color:#f6c308 !important;}

/*------------------------------------------------------------------
  	[Background Colors]
------------------------------------------------------------------*/
.bg-color-base { background:#00a7aa !important;}
.bg-color-white { background:#fff !important;}
.bg-color-heading { background:#515769 !important;}
.bg-color-subtitle { background:#a6a7aa !important;}
.bg-color-link { background:#81848f !important;}
.bg-color-link-hover { background:#999caa !important;}
.bg-color-sky-light { background:#fafafa !important;}
.bg-color-wgray { background:#F7F7F7 !important;}
.bg-color-blue { background:url(../img/bg_blue.gif) !important;}

/*------------------------------------------------------------------
    [Row]
------------------------------------------------------------------*/
.row-space-1 {
  margin-right:-1px;
  margin-left:-1px;
}

.row-space-1 > [class*="col-"] {
  padding-left:1px;
  padding-right:1px;
}

/*------------------------------------------------------------------
  	[Content]
------------------------------------------------------------------*/
.content{padding-top:40px;padding-bottom:40px;}
.content-ss{padding-top:30px;padding-bottom:30px;}
.content-sm{padding-top:60px;padding-bottom:60px;}
.content-md{padding-top:80px;padding-bottom:80px;}
.content-lg{padding-top:100px;padding-bottom:100px;}

/*------------------------------------------------------------------
    [Full Width]
------------------------------------------------------------------*/
.full-width{width:100%;height:auto;}

/*--------------------------------------------------
    [Font Weight]
----------------------------------------------------*/
.fweight-300{font-weight:300 !important;}
.fweight-400{font-weight:400 !important;}
.fweight-500{font-weight:500 !important;}
.fweight-600{font-weight:600 !important;}
.fweight-700{font-weight:700 !important;}

/*------------------------------------------------------------------
    [Left margin]
------------------------------------------------------------------*/
.margin-l-0{margin-left:0 !important;}
.margin-l-5{margin-left:5px !important;}
.margin-l-10{margin-left:10px !important;}
.margin-l-20{margin-left:20px !important;}
.margin-l-40{margin-left:40px !important;}

/*------------------------------------------------------------------
    [Right margin]
------------------------------------------------------------------*/
.margin-r-0 { margin-right:0 !important;}
.margin-r-5 { margin-right:5px !important;}
.margin-r-10 { margin-right:10px !important;}
.margin-r-20 { margin-right:20px !important;}

/*------------------------------------------------------------------
    [Top margin]
------------------------------------------------------------------*/
.margin-t-0{margin-top:0 !important;}
.margin-t-5{margin-top:5px !important;}
.margin-t-10{margin-top:10px !important;}
.margin-t-20{margin-top:20px !important;}
.margin-t-30{margin-top:30px !important;}
.margin-t-40{margin-top:40px !important;}
.margin-t-50{margin-top:50px !important;}
.margin-t-60{margin-top:60px !important;}
.margin-t-100{margin-top:100px !important;}

@media (max-width:992px) {
  .md-margin-t-0{margin-top:0 !important;}
  .md-margin-t-5{margin-top:5px !important;}
  .md-margin-t-10{margin-top:10px !important;}
  .md-margin-t-20{margin-top:20px !important;}
  .md-margin-t-30{margin-top:30px !important;}
  .md-margin-t-40{margin-top:40px !important;}
  .md-margin-t-50{margin-top:50px !important;}
  .md-margin-t-60{margin-top:60px !important;}
}

@media (max-width:768px) {
  .sm-margin-t-0{margin-top:0 !important;}
  .sm-margin-t-5{margin-top:5px !important;}
  .sm-margin-t-10{margin-top:10px !important;}
  .sm-margin-t-20{margin-top:20px !important;}
  .sm-margin-t-30{margin-top:30px !important;}
  .sm-margin-t-40{margin-top:40px !important;}
  .sm-margin-t-50{margin-top:50px !important;}
  .sm-margin-t-60{margin-top:60px !important;}
}

@media (max-width:480px) {
  .xs-margin-t-0{margin-top:0 !important;}
  .xs-margin-t-5{margin-top:5px !important;}
  .xs-margin-t-10{margin-top:10px !important;}
  .xs-margin-t-20{margin-top:20px !important;}
  .xs-margin-t-30{margin-top:30px !important;}
  .xs-margin-t-40{margin-top:40px !important;}
  .xs-margin-t-50{margin-top:50px !important;}
  .xs-margin-t-60{margin-top:60px !important;}
}

/*------------------------------------------------------------------
    [Bottom margin]
------------------------------------------------------------------*/
.margin-b-0{margin-bottom:0 !important;}
.margin-b-2{margin-bottom:2px !important;}
.margin-b-5{margin-bottom:5px !important;}
.margin-b-10{margin-bottom:10px !important;}
.margin-b-20{margin-bottom:20px !important;}
.margin-b-30{margin-bottom:30px !important;}
.margin-b-40{margin-bottom:40px !important;}
.margin-b-50{margin-bottom:50px !important;}
.margin-b-60{margin-bottom:60px !important;}
.margin-b-70{margin-bottom:70px !important;}
.margin-b-80{margin-bottom:80px !important;}
.margin-b-90{margin-bottom:90px !important;}
.margin-b-100{margin-bottom:100px !important;}
/*------------------------------------------------------------------
    [Top margin below 992px]
------------------------------------------------------------------*/
@media (max-width:992px) {
  .md-margin-b-0{margin-bottom:0 !important;}
  .md-margin-b-2{margin-bottom:2px !important;}
  .md-margin-b-5{margin-bottom:5px !important;}
  .md-margin-b-10{margin-bottom:10px !important;}
  .md-margin-b-20{margin-bottom:20px !important;}
  .md-margin-b-30{margin-bottom:30px !important;}
  .md-margin-b-40{margin-bottom:40px !important;}
  .md-margin-b-50{margin-bottom:50px !important;}
  .md-margin-b-60{margin-bottom:60px !important;}
  .md-margin-b-70{margin-bottom:70px !important;}
  .md-margin-b-80{margin-bottom:80px !important;}
  .md-margin-b-90{margin-bottom:90px !important;}
  .md-margin-b-100{margin-bottom:100px !important;}
}

/*------------------------------------------------------------------
    [Top margin below 768px]
------------------------------------------------------------------*/
@media (max-width:768px) {
  .sm-margin-b-0{margin-bottom:0 !important;}
  .sm-margin-b-2{margin-bottom:2px !important;}
  .sm-margin-b-5{margin-bottom:5px !important;}
  .sm-margin-b-10{margin-bottom:10px !important;}
  .sm-margin-b-20{margin-bottom:20px !important;}
  .sm-margin-b-30{margin-bottom:30px !important;}
  .sm-margin-b-40{margin-bottom:40px !important;}
  .sm-margin-b-50{margin-bottom:50px !important;}
  .sm-margin-b-60{margin-bottom:60px !important;}
  .sm-margin-b-70{margin-bottom:70px !important;}
  .sm-margin-b-80{margin-bottom:80px !important;}
  .sm-margin-b-90{margin-bottom:90px !important;}
  .sm-margin-b-100{margin-bottom:100px !important;}
}

/*------------------------------------------------------------------
    [Top margin below 480px]
------------------------------------------------------------------*/
@media (max-width:480px) {
  .xs-margin-b-0{margin-bottom:0 !important;}
  .xs-margin-b-2{margin-bottom:2px !important;}
  .xs-margin-b-5{margin-bottom:5px !important;}
  .xs-margin-b-10{margin-bottom:10px !important;}
  .xs-margin-b-20{margin-bottom:20px !important;}
  .xs-margin-b-30{margin-bottom:30px !important;}
  .xs-margin-b-40{margin-bottom:40px !important;}
  .xs-margin-b-50{margin-bottom:50px !important;}
  .xs-margin-b-60{margin-bottom:60px !important;}
  .xs-margin-b-70{margin-bottom:70px !important;}
  .xs-margin-b-80{margin-bottom:80px !important;}
  .xs-margin-b-90{margin-bottom:90px !important;}
  .xs-margin-b-100{margin-bottom:100px !important;}
}

/*--------------------------------------------------
    [Height]
----------------------------------------------------*/
.height-100 { height:100px !important;}
.height-200 { height:200px !important;}
.height-300 { height:300px !important;}
.height-400 { height:400px !important;}

/*--------------------------------------------------
    [トップページ]
----------------------------------------------------*/

ul.PropertyList{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
} 
ul.PropertyList li{
	display:block;
	padding:3px 3px;
	border-bottom:1px dotted #666;
	margin-bottom:5px;
	line-height:125%;
}
ul.PropertyList li span{
	display:block;
	float:right;
	font-size:20px;
}

.InfoList {
	display:block;
	margin:0 30px 0 0;
}
.InfoList ul{
	display:block;
	list-style:none;
	padding:0;
	margin:0 0 10px;
} 
.InfoList ul li{
	margin-bottom:7px;
	line-height:125%;
}
.InfoList ul li a{
	display:block;
	text-align:left;
	font-size:95%;
	letter-spacing:1px;
}
.InfoList ul li span{
	display:block;
	float:left;
	width:18%;
	font-size:100%;
}
.InfoList ul li span.InfoDetail{
	float:right;
	width:82%;
}
.InfoList ul li a.btn-theme-sm{padding:15px 20px;}

/*--- 画像つきバナー ---*/
dl.BnrImgLeft{
	margin:0;
    display:flex;
    flex-wrap:wrap;
}
dl.BnrImgLeft dt{width:25%; float:left; position:aboslute; text-align:left;}
dl.BnrImgLeft dd{width:75%;float:right;text-align:center;}
dl.BnrImgLeft img{max-width:100%; max-height:40px;position:absolute;top:50%; -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}

/*--------------------------------------------------
    [下層ページ]
----------------------------------------------------*/
/*--- 研究成果 ---*/
.ReportBox{
	display:block;
	margin: 0 10px 20px;
	padding:10px 20px 0;
	background: #F7F7F7;
	border:1px solid #eee;
	border-radius:3px;
}
ul.reportList {
	display:block;
	margin:0;
	padding:15px 0 0;
	border-top:1px dotted #ccc;
}
ul.reportList li {
	display:block;
	list-style:none;
	color:#333;
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
	padding:0 10px 20px;
	font-size:95%;
	line-height: 145%;
}
ul.reportList li span{
	font-weight:bold;
	font-style:italic;
	font-size: 100%;
}
ul.reportList li a {
	font-size:95%;
	letter-spacing:1px;
	text-align:left;
	margin:0;
	padding:3px 8px;
}

ol.reportListNo {
	display:block;
	margin:0;
	padding:15px 0 0 40px;
	border-top:1px dotted #ccc;
	list-style-type: decimal !important;
	list-style-position: outside;
}
ol.reportListNo li {
	list-style-type: decimal !important;
	color:#333;
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
	padding:0 5px 20px;
	font-size:90%;
	line-height: 145%;
}
ol.reportListNo li span{
	font-weight:bold;
	font-style:italic;
	font-size: 100%;
}
ol.reportListNo li a {
	font-size:95%;
	letter-spacing:1px;
	text-align:left;
	margin:0;
	padding:3px 8px;
}

/*--- 原著論文 タブ切替 ---*/
.tab_select{
	width:calc(100%/2);
	height:55px;
	line-height:55px;
	padding:0;
	letter-spacing:1px;
	display:block;
	background: #00a7aa;
	float:left;
    color :#FFF;
	font-weight:normal;
	font-size:95%;
	text-align:center;
	border-bottom:5px solid #00a7aa;
	vertical-align: middle;display:table-cell;
}
a.tab_Button  {
	height:55px;
	line-height:55px;
	padding:0;
	display: block;
	letter-spacing:1px;
    background :#eee;
    color :#333;
	border-bottom:5px solid #00a7aa;
}
a.tab_Button:hover{background :#00a7aa;color:#FFF;}
.tab_contener {
	display:block;
	clear: both;
    padding:10px 10px 0;
	border:5px solid #eee;
}
/*--- 3分割2105 ---*/
    .tab_selectMember{width:calc(100%/3);}
.tab_selectMember span{font-size: 100%;}
@media screen and (max-width:767px) {
    .tab_selectMember{font-size:80%;width:40% !important;}
	.tab_selectMember:first-child{width:20% !important;}
}

/*--- 研究成果で使用中 ---*/
.tabs { margin:0; padding:0; max-width:100%;}
.tab_item {
	width:calc(100%/3);
	height:55px;
	line-height:55px;
	padding:0 5px;
	letter-spacing:1px;
	display:block;
	float:left;
    color :#333;
    background :#eee;
	font-weight:normal;
	font-size:95%;
	text-align:center;
	border-bottom:5px solid #00a7aa;
}
.tab_item:hover{background :#00a7aa;
	color:#FFF;
}
/*ラジオボタン消す*/
input[name="tab_item"] { display:none;}
/*タブ切り替えの中身のスタイル*/
.tab_content {
	display:none;
	clear:both;
	overflow:hidden;
    padding:20px 10px 0;
	border:5px solid #eee;
}
/*選択されているタブのコンテンツのみを表示*/
#PlanningGroup:checked ~ #PlanningGroup,
#OpenRecruitment:checked ~ #OpenRecruitment,
#OpenResearchTwo:checked ~ #OpenResearchTwo,
#member00:checked ~ #member00,
#member01:checked ~ #member01{display:block;}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item{background :#00a7aa;color:#FFF;}
/*研究者紹介 一覧だけ余白*/
#member00,#member01{ padding:30px 20px 0;}

@media screen and (max-width:767px) {
    .tab_item{font-size:80%;width:40% !important;}
	.FirstItem{width:20% !important;}
}


/*--- 原著論文 アコーディオン ---*/
.accbox {
	margin:0;
    padding:0;
    max-width:100%;
}
.accbox label{
	display:block;
    margin:5px 0 3px;
    padding :11px 12px;
    cursor :pointer;
    transition:all 0.5s;
    color :#FFF;
    background :#00a7aa;
	font-weight:normal;
	font-size:115%;
  	border:1px solid #00a7aa;
}
.accbox label:hover {
  color:#515769;
  background:url(../img/bg_yellowline.gif);
  border-color:transparent;
  border:1px solid #eee;
}
.accbox input { display:none;}
/*中身を非表示*/
.accbox .accshow{height:0;
    padding:0;
    overflow:hidden;
    opacity:0;
    transition:0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + .accshow{height:auto;
    padding:20px 10px 0;
    opacity:1;
	border:1px solid #eee;
	background: #FFFFFF;
}
@media screen and (max-width:767px) {
    .accbox label{font-size:95%;letter-spacing: 0;}
}

/*--- 活動状況 ---*/
.activityBox{
	display:block;
	padding:40px 40px 30px;
	background:url(../img/bg_blue.gif);
	border:1px solid #eee;
	border-radius:3px;
	webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.activityBoxS { padding:20px 25px 30px;}
.activityBoxSS { padding:15px 25px 5px;}
ul.activityBoxNews{
	display:block;
	list-style:none;
	list-style-position:outside;
	padding:0 0 30px;
}
ul.activityBoxNews li{
	width:16.6%;
	float:left;
	font-size:95%;
	text-align:center;
	letter-spacing:1px;
	margin-bottom:20px;
}
ul.activityBoxNews li a{
	display:block;
	padding:10px 10px;
}
ul.activityBoxNews li a:hover{
	background:url(../img/bg_blue.gif);
}
ul.activityBoxNews li img{
	display:block;
	width:94%;
	margin:0 auto;
}

/*--- ISFRCB2019 スポンサーバナー ---*/
ul.SponsorBnr {
	margin:0;
	padding:0;
}
ul.SponsorBnr li {
	display: table-cell;
  	list-style:none;
	max-width:300px;
	width:auto;
	padding:0 20px 25px;
	text-align:center;
}
ul.SponsorBnr li img{max-width:160px;max-height:90px;}

ul.SponsorBnr li.LongBnr img{max-width:100%;}

@media (max-width:992px) {
	.InfoList { margin:0;}
	.InfoList ul li span, .InfoList ul li span.InfoDetail{
		float:none;
		width:100%;
	}
	ul.activityBoxNews li{ width:20%;}
	ul.SponsorBnr li {width:25%;padding:0 7px 25px;}
	ul.SponsorBnr li img{max-width:100%;}
}
@media screen and (max-width:767px) {
	.activityBox{ padding:30px 20px 30px;}
	ul.activityBoxNews li{ width:33%;}
}
@media screen and (max-width:480px){
	.activityBox{ padding:20px 15px 20px;}
	.activityBoxSS { padding:10px 10px 0;}
	ul.activityBoxNews li{ width:50%;}
	.tab_item {
		height:auto;
		line-height:100%;
		padding:20px 0;
		letter-spacing:0;
		font-size:80%;
	}
	ul.SponsorBnr li{width:40%;display: inline-block;text-align:center;vertical-align: middle;}
}
/*---  公募情報 ---*/
table.essential_table {
	width:100%;
	font-size:90%;
}
table.essential_table th{
	white-space:nowrap;
	padding:5px 10px 3px 3px;
	border-bottom:1px dotted #bbb; 
	font-weight:normal !important;
}
table.essential_table td{
	padding:5px 3px 3px 0;
	border-bottom:1px dotted #bbb; 
}
@media screen and (max-width:767px) {
	table.essential_table th{ white-space:normal; min-width:130px; padding-right:15px;}
}
@media screen and (max-width:480px){
	table.essential_table th{letter-spacing:0; min-width:80px;}
}
/*---  研究者紹介 ---*/
table.member_table {
	width:100%;
	margin:10px 0 30px;
}
table.member_table th{
	white-space:nowrap;
	padding:5px 10px 3px 3px;
	border-bottom:1px dotted #bbb; 
	font-weight:normal !important;
	vertical-align:top;
}
table.member_table td{
	padding:5px 3px 3px 0;
	border-bottom:1px dotted #bbb; 
	letter-spacing:1px;
}
/*---  （研究成果ページのtable） ---*/
.ReportBox table.member_table th{
	width: 20%;
}
/*---  （メンバー写真） ---*/
.MemberPhoto {
  position:relative; 
  overflow:hidden;
}
.MemberPhoto ul {
  position:relative;
  left:50%;
  float:left;
}
.MemberPhoto ul li {
	width:250px;
	position:relative;
	padding:0 20px;
	left:-50%;
	float:left;
	list-style:none;
}
@media screen and (max-width:767px) {
	.MemberPhoto ul{ width:100%; float:noe; left:0; margin-left:-20px;}
	.MemberPhoto ul li { width:100%; float:none; left:0;}
	.MemberPhoto ul li img { max-width:250px; width:90%;}
}
@media screen and (max-width:480px){
	table.member_table{font-size:85%;letter-spacing:0;}
	table.member_table td span{ letter-spacing:0; }
}

/*------------------------------------------------------------------
  	[シンポジウムの下層ページ]
------------------------------------------------------------------*/
ul.LeftMenu{
	display:block;
	padding:0;
	border-top:1px dotted #999;
}

ul.LeftMenu li{
	display:block;
	padding:10px 10px 8px;
	font-size:95%;
	letter-spacing:0;
	border-bottom:1px dotted #999;
}
ul.LeftMenu li a{
	color:#00a7aa;
	display:block;
}
ul.LeftMenu li a:hover{
	color:#333;
}
table.simple_table {
	width:100%;
	margin:3px 0;
	letter-spacing:0;
	line-height:115%;
	table-layout:auto !important;
	word-break: break-all;
	word-wrap: break-all;
}
table.simple_table th{
	padding:5px;
	border:1px solid #bbb; 
	text-align:center;
	white-space:nowrap;
	min-width:30px;
}
table.simple_table td{
	padding:5px;
	border:1px solid #bbb; 
	width:auto;
}

@media screen and (max-width:1199px) {
	ul.LeftMenu{ border-top:none;}
	ul.LeftMenu li{ display:inline-block; min-width:32%; text-align:center;}
}
@media screen and (max-width:767px) {
	ul.LeftMenu li{ display:block;text-align:left;}
	table.simple_table th{
		padding:3px;
		white-space:normal;
		width:auto;
	}
	table.simple_table td{
		padding:3px;
		font-size:95%;
	}

}


/* モーダルウィンドウ */
.modal-window {
	-webkit-transform: translate(0, 100%);
	-moz-transform: translate(0, 100%);
	-o-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	position:fixed;
	top: 95px;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 40px 10px;
	z-index: 999;
	opacity: 0;
	line-height: 1.3;
	display: none;/*\9*/
}
.modal-window:target {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
}
.is-active.modal-window {display: block;}/*\9*/
.modal-window:target {display: block;}/*\9*/
.modal-window .modal-inner {
/*	
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	vertical-align: middle;
	position: absolute;
	overflow-x: hidden;
	position: relative;
*/	
	top: 95px;
	left:0;
	right: 0;
	position: fixed;
	display: inline-block;
	padding: 60px 20px 15px;
	z-index: 20;
	width: 100%;
 	max-width: 970px;
	margin: auto;
	border-radius: 2px;
	background: #fff;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  	max-height: 70vh;
  	overflow-y: auto;
}
.modal-window .modal-inner p {
	padding: 0 20px;
	font-size:85%;
}
.modal-window .modal-close {
	display: block;
	text-indent: -100px;
	overflow: hidden;
}
.modal-close:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AAAAAMwA0QDNTiUx4gAAAABJRU5ErkJggg==");
}
.modal-window .modal-close:after {
	content: '閉じる';
	position: absolute;
	top: 70px;
  	left: 0;
  	right: 0;
  	margin: auto;
	width: 100%;
 	max-width: 970px;
	z-index: 20;
	background: #fff;
	border-radius: 2px;
	padding: 15px 15px 10px;
	font-size: 16px;
	text-decoration: none;
	text-indent: 0;
	text-align: right;
}
.modal-window {-webkit-transition: opacity 0.4s;-o-transition: opacity 0.4s;transition: opacity 0.4s;}
@media (max-width:1200px) {}
@media (max-width:768px) { .modal-window .modal-inner{max-height: 65vh;} }
@media (max-width:480px) {}






/*.modal-window .ribbonTitle{
	margin: 20px 10px 15px;
}
.modal-window .ribbonTitle h2{
	font-size: 90%;
	letter-spacing:0;
	font-weight:normal;
}
.modal-window table{
	width:92%;
	margin:0 auto 20px;
	font-size:75% !important;
}
.modal-window th, .modal-window td {
	padding: 3px 6px;
	letter-spacing:0;
	text-align:left;
}*/

/*---ul.mypage_PropertyList {
	display:block;
}
ul.mypage_PropertyList li {
	display:block;
	margin-bottom:5px;
}
ul.mypage_PropertyList li a {
	display:block;
	text-align:left;
}
ul.mypage_PropertyList li span{
	width:130px;
	margin-right:15px;
	font-size:15px;
	float:left;
	border-right:3px solid #FFF;
}

table.PerformanceList {
	width:100%;
}
table.PerformanceList th{
	font-weight:normal;
	text-align:center;
	letter-spacing:2px;
	background:#eee;
	padding:10px 0;
	border:3px solid #fafafa;
}
table.PerformanceList td {
	background:#FFF;
	border:3px solid #fafafa;
	padding:5px 8px;
}
 背景白 
table.PerformanceListBgWhite {
	width:100%;
}
table.PerformanceListBgWhite th{
	font-weight:normal;
	text-align:center;
	letter-spacing:2px;
	background:#eee;
	padding:10px 0;
	border:3px solid #FFF;
}
table.PerformanceListBgWhite td {
	background:#F9F9F9;
	border:3px solid #FFF;
	padding:5px 8px;
}


ul.PaymentList{
	display:block;
	width:auto;
	list-style:none;
	margin:0 0 10px;
	padding:0;
} 
ul.PaymentList li{
	text-align:right;
	font-size:16px;
	margin-bottom:5px;
	line-height:125%;
	border-bottom:1px dotted #999;
	padding:0 20px 5px 0;
}
ul.PaymentList li span{
	display:block;
	float:left;
	width:120px;
	font-size:100%;
	padding:0 0 5px 0;
}
---*/




/*--- 研究成果（モーダルウィンドウ） ---*/
 /*.modal-open{
  display: inline-block;
  background-color: #666;
  color: #fff;
  margin: 10px;
}
.modal-open a{
  display: inline-block;
  padding: 5px;
  text-decoration: none;
  color: #fff;
}*/
/*** 以下モーダル用CSS ***/
/*.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 95px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 10px;
  text-align: center
}
.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}
.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}
.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}
.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 90%;
  max-width: 970px;
  padding: 40px 20px 15px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle
}
.modal-wrapper .modal-window .modal-contents {
  max-height: 80vh;
  overflow-y: auto;
  text-align: left
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8)
}
.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 10px;
  right: 10px;
	font-size: 95%;
	letter-spacing: 0;
	font-weight: bold;
  text-align: center;
  text-indent: 0
}
.modal-wrapper .modal-close:hover {color: #2b2e38 !important}
*/