@charset "utf-8";
/* CSS Document */


/*

SM： 576px以上のデバイス
MD： 768px以上のデバイス
LG： 992px以上のデバイス
XL：1200px以上のデバイス

*/

@import url('https://fonts.googleapis.com/css?family=Fira+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Oswald:200,300,400,500,600,700');

/*＝＝＝＝＝＝＝＝＝＝
全共通
＝＝＝＝＝＝＝＝＝＝*/



html {
	font-size: 0.94rem;
 box-sizing: border-box;
 -ms-overflow-style: scrollbar;
 -webkit-text-size-adjust: 100%;
}

body , html {
    height: 100%;
}

body {
	background-color: rgba(240,248,255,1.0);
	color: #444;
/*font-family: 'Oswald', sans-serif;*/
	font-family: 'Fira Sans', sans-serif;
	font-weight: 400;
	position: relative;
 height: auto;
 min-height: 100%;
	padding-bottom: 120px;
}

 /*画像の横幅可変*/
 img {
    	 max-width: 100%;
      height: auto;
 }

caption.top {
	caption-side: top; 
	padding-bottom: 0;
}

.d-none {
	speak: none; /*音声読み上げをさせない*/
}

.fas,.far {
	margin: 0 0.5em;
}
.fas:first-child,
.far:first-child{
 margin-left: 0;
	margin-right: 0.5em;
}
.fas.fa-file-pdf {

}

header {
/*	background-color: rgba(255,255,255,0.7);*/
	color: #00073f;/*#FFF*/;
}

header a{
	color: #00073f ;/*#FFFFFF*/
	text-decoration: none;
}

#logo a img {
	max-width: 150px;
}

header div.wrapper {
	background-color:  #FFF;/*#00073f;*/
	border-bottom: 12px solid #00073f;
}

#logo {
	padding: 1rem 0rem;
	background-color: rgba(255,255,255,1.0);
/*	border-radius: 1rem;*/
}

#logo a {
	color:  #FFF;
	font-weight: 900;
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
}

#logo a img {
/*	margin: 0 0.5em 0.5em 0;*/
}
.navbar-nav a.nav-link {
	font-weight: 700;
	color: #00073f!important;/*#FFF*/;
		border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

	body.members a.nav-link {
			border-radius: 5px;
}

.navbar-nav .member a.nav-link {
	color: #FFFFFF!important;/*background-color: #f44336;!important;*/
	background-color: #f44336;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.navbar-nav a.nav-link:hover {
		/*background-color: rgba(255,255,255,0.2)!important;*/
	background-color: #00073f!important;
	color: #FFFFFF!important;
}
	.navbar-light .navbar-toggler {
		background: rgba(255,255,255,1.0);
		padding: 0.5em;
		border: 0;
	}

.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}



.dropdown-menu{
  display: none;
		padding: 0.5em 1em;
	 background-color: rgba(255,255,255,0.8);
}

.nav-item.bg-4 a.nav-link,
.navbar-nav .dropdown-menu a.nav-link {
	color: #444444 !important;
}

.nav-item.bg-4 a.nav-link:hover,
.navbar-nav .dropdown-menu a.nav-link:hover{
	color: #FFFFFF !important;
	border-radius: 5px;
}

.dropdown:hover > .dropdown-menu,
.dropdown2:hover > .dropdown-menu{
  display: block;

}

main {

}

main .title_head {
	background-image: url(../img/bg_title_head.jpg);
	background-size: cover;
	background-repeat:  no-repeat;
	background-position: 100% 65%;
}

main .title_head h1,
.h1{
	color: #00073f;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: 3.0rem;
}

main .title_head .container{
	padding:  40px 30px 20px;
	min-height: 100%;
	height: auto;
}

main #SideContent.container,
main #SideContent div.container,
main #Content.container {
	background-color: rgba(255,255,255,1.0);
	padding: 30px;
	margin-bottom: 30px;
}



main #SideContent.container h2,
main #SideContent div.container h2,
main #Content.container h2,
.h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	font-size: 2.4rem;
 
}

main #Bottom {
	padding: 30px;
	border-top: 1px solid #CCC;
}

main #SideContent .menu li {
	list-style: none;
	padding: 0.2em;
	border-bottom: 1px dotted #CCC;
}

main #SideContent .menu li a {
	display:  block;
	padding: 0.5em 1em;
	border-left: 5px solid #003366;
}

/*左右の矢印の色を変える*/
 .slick-prev:before,
 .slick-next:before {
   color: #922521!important;/*FFF*/
/*			background: rgba(0,140,186, 0.8);
	border-radius: 50%;
		padding:5px 5px 2px 5px;*/
		font-size: 30px;
		opacity: 1.0;
 }

 /*左右の矢印の位置を変える*/
 .slick-next {
					right: 20px!important;
		z-index: 1;
 }
 .slick-prev {
					left: 20px!important;
		z-index: 1;
 }
 /*スライド数のドットの色を変える*/
 .slick-dots li.slick-active button:before,
 .slick-dots li button:before {
     color: #51aa37!important;
 }


.slick-slide img {
						width: 100%;
      height: auto;
						margin: auto;
}

.slick-slide{
	font-size: 300%;
	text-align: center;
}

.dummy .slick-slide div {
}

.ttl00::before,
.ttl01::before,
.ttl02::before,
.ttl03::before,
.ttl04::before,
.ttl05::before{
	/*margin-right: 0.5em;*/
	content: "\25A0";/*■*/
	/*content: "\25CF";/*●*/
}

.ttl10::before,
.ttl11::before,
.ttl12::before,
.ttl13::before,
.ttl14::before,
.ttl15::before{
	margin-right: 0.5em;
	content: "\025b6";
}

.ttl01::before,.ttl11::before {color: #4CAF50;}/*Green*/
.ttl02::before,.ttl12::before {color: #008CBA;}/*Blue*/
.ttl03::before,.ttl13::before {color: #f44336;}/* Red */ 
.ttl04::before,.ttl14::before {color: #CCC;} /* Gray */ 
.ttl05::before,.ttl15::before {color: #000;} /* Black */


a.button1,
a.button2,
a.button3,
a.button4,
a.button5{
	   border: none;
    color: white;
    padding: 1em 3em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 110%;
	   border-radius: 15px;
}




a.small.button1,
a.small.button2,
a.small.button3,
a.small.button4,
a.small.button5{
	padding: 0.25em 1em;
	font-size: 100%;
	border-radius: 0.25em;
}

.bg-1,.bg-2,.bg-3,.bg-4,.bg-5 {border-radius: 5px;}

.bg-1 a,.bg-1 a.nav-link,
.bg-2 a,.bg-2 a.nav-link,
.bg-3 a,.bg-3 a.nav-link,
.bg-5 a,.bg-5 a.nav-link{ color: #FFF!important;}

.bg-1 a:hover,.bg-1 a.nav-link:hover,
.bg-2 a:hover,.bg-2 a.nav-link:hover,
.bg-3 a:hover,.bg-3 a.nav-link:hover,
.bg-5 a:hover,.bg-5 a.nav-link:hover{ color:#EEE!important;}


.button1,.bg-1 {background-color: #4CAF50;}
.button1:hover {background-color: #394;}/* Green */
.button2,.bg-2 {background-color: #008CBA;}
.button2:hover {background-color: #069;}/*Blue */
.button3,.bg-3 {background-color: #f44336;} 
.button3:hover {background-color: #e32;} /* Red */ 
.button4,.bg-4 {background-color: #e7e7e7; color: #333 !important;}
.button4 a, .bg-4 a{ color: #333 !important;}
.button4:hover {background-color: #CCC;} /* Gray */ 

.button5,.bg-5 {background-color: #555;} /* Black */
.button5:hover {background-color: #333;} /* Gray */ 

a.button1.no-link,
a.button2.no-link,
a.button3.no-link,
a.button4.no-link,
a.button5.no-link{
	opacity: 0.4;
}


.document_list a {

}

.full-width {
	width: 100%;
	height: auto;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

input[type=text],
input[type=password]{
	padding: 0.2em;
	font-size: 110%;
	
}

input[type=reset],
input[type=submit],
button {
	padding: 0.5em 3em;
	font-size: 110%;
	border-radius: 0.5em;
	text-align: center;
}



footer {
	/*background-color: rgba(0,140,186,1.0);*/
	background-color: #00073f/*cornflowerblue*/;
	padding-top:  1em;
	padding-bottom: 1em;
	color: rgba(255,255,255,1.0);
	border-top: 10px solid #922521;
	/**/
	position: absolute;
	bottom: 0;
	width: 100%;
}

body#home	main p {
	text-align: justify;
}


/*======HOME=======*/

/*News*/
	body#home	main dl.news_lists  {
		border: 0;
		border-radius: 0;
		padding: 0 1.5em 0 2.5em;
	}
	


main dl.news_lists dt {
    width: 8em;
    float: left;
    clear: left;
    padding-right: 1em;
    font-size: 1em;
}	

	
main dl.news_lists dd {
 padding-left: 8em;
 font-size: 0.95em;
	padding-bottom: 0.5em;
	border-bottom:  1px dotted #CCC;
}

main ul.news_lists {
}

main ul.news_lists li {
	list-style: none;
	padding-left: 2.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

body#page main ul.news_lists li {
	padding-left: 0.25em;
}



body#home main ul.news_lists li {
	border-bottom:  1px dotted #CCC;
	padding-top: 0.5em;
	padding-bottom: 0.5em;

}
body#home main ul.news_lists li:first-child {
	padding-top: 0em;
}



main dl.news_lists dt::before,
main ul.news_lists li::before{
	font-family: "Font Awesome 5 Free";
	content: "\f144";
	color: #900;
	}

main ul.news_lists li::before{
	margin-left: -2em;
	width: 2em;
	float: left;
	display: block;
}

main ul.news_lists li::after {
	clear: both;
}

main dl.news_lists dt::before{
	margin-right: 0.5em;
	
	}

body#home main div.greeting {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: 1em 0;
}

/*TASK*/

.task_list img {
	border-radius:  50%;
	width: 100%;
	height: auto;
}


/*----------------------*/
/* Content
/*----------------------*/

#Content table th{
background: #00073f;
color: #FFFFFF;
}
#Content table th,
#Content table td{
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	padding: 1em;
}

#Content table th.sub {
	background: #f6f9ff;
	color: #00073f;
}




/*--------------------
/*  斜めに区ってみようという試み
/*---------------------
*/


main {
	
}

.separator{
  position: relative;
  width:100%;
  display: none;
}
.separator2 {
  position: relative;
  width:100%;
  height: 7px;
	 background-color: #FFF;
	border-bottom: 5px solid #922521;
}


/*
.separator::before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #00073f;
  clip-path: polygon(100% 0, 0 0, 0 100%);
}

.separator2::before{
   /*position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #00073f;
	 clip-path: polygon(100% 0, 0 0, 0 100%);
}

.separator::after{
 position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #922521;
 clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.separator2::after{
 position: absolute;
  content: "";
  width: 100%;
  height: 100%;
 background-color: rgba(240,248,255,0.0);
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.separator2 {
	margin-top: -2px;
}



.separator.reverse,
.separator2.reverse{
  transform: rotateY(180deg);
}




.vertical .separator.reverse{
  transform: rotateX(180deg);
}


.separator.reverse_x,
.separator2.reverse_x{
  transform: rotateX(180deg) rotateY(180deg);
}
*/

  header .wrapper{
			height: auto;
			border-bottom: 10px solid #00073f;
  }

.nav-justified_01 .nav-item {
    -ms-flex-preferred-size: 0;
 /*   flex-basis: 0;*/
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
				white-space: nowrap;
}




/*WINDOWS IE対策*/

@media (-ms-high-contrast: none){
	
  header .wrapper{
			padding-top: 20px;
		/*	min-height: 140px;*/
			height: auto;
  }	
	
	
.navbar	div.show {
				height: 285px;
	}
.navbar	div.show	.gnavi {
		height: 230px;
	}	
.navbar	div.show	.contact {
		height: 46px;
	}
	}

/*----------------------*/
/* PAGE
/*----------------------*/

body#page h2 {
	padding: 0.2em 0em 0.5em 0em;
 margin-bottom: 0.5em;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}

body#page h3,
.h3 {
	padding: 0.2em 0em 0.5em 0em;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 0.5em;
	font-family: 'Oswald', sans-serif;
	font-weight: 600;

}


body#page h4 {
	padding: 0.2em 0em 0.5em 0.5em;
	border-left: 0.2em solid #00073f;
	margin-bottom: 0.5em;
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
}

body#page .qa_title {
	color: #800;
}

body#page span.dark_blue {
	color: #00073f;
}

body#page .box_title {
	padding: 15px;
	margin-bottom: 30px;
	background: #00073f;
	color:  #fff;
	font-size: 2.4em;
	text-align: center;
	border-radius: 15px;
		font-family: 'Oswald', sans-serif;
	font-weight: 600;
}

body#page.qa div.ans {
	position: relative;
	padding: 0.7em 0 0.5em 2em;
}

body#page.qa div.ans ul {
	margin-left: -1em;
}

body#page .qa_title {
	color: #800;
	position: relative;
	padding-left: 1em;
}


body#page.qa .qa_title::before {
	content: "Q";
	font-family: 'Oswald', sans-serif;
	color: #00073f;
	position: absolute;
	top: 0.2em;
	left: 0;
}

body#page.qa div.ans::before {
	content: "A";
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	color: #CC0000;
	margin-right: 1em;
	font-size: 2em;
	position: absolute;
	top: 0;
	left: 0;
	
}
a.blank::after,
a[target*="_blank"]::after {
	font-family: "Font Awesome 5 Free";
	content: "\f2d2";
	margin-left: 0.5em;
	
}

.bnr a[target*="_blank"]::after {
	content: none;
		margin-left:0;
}

a[href$=".doc"]::after,
a[href$=".docx"]::after {
	font-family: "Font Awesome 5 Free";
	content: "\f1c2";
	margin-left: 0.5em;
}

a[href$=".xls"]::after, a[href$=".xlsx"]::after {
	font-family: "Font Awesome 5 Free";
	content: "\f1c3"!important;
	margin-left: 1em;
}

a[href$=".pdf"]::after{
	font-family: "Font Awesome 5 Free";
	content: "\f1c1"!important;
	margin-left: 0.5em;
	font-weight: bold;
	color: #900!important;
}
a.button1[href$=".pdf"]::after,
a.button2[href$=".pdf"]::after,
a.button3[href$=".pdf"]::after,
a.button4[href$=".pdf"]::after,
a.button5[href$=".pdf"]::after,
a.bg-1[href$=".pdf"]::after,
a.bg-2[href$=".pdf"]::after,
a.bg-3[href$=".pdf"]::after,
a.bg-4[href$=".pdf"]::after,
a.bg-5[href$=".pdf"]::after{
	color: #FFF!important;
}

a[href$=".zip"]::after {
	font-family: "Font Awesome 5 Free";
	content: "\f1c6";
	margin-left: 0.5em;
}

a[href$=".jpg"]::after,
a[href$=".png"]::after,
a[href$=".gif"]::after{
	font-family: "Font Awesome 5 Free";
	content: "\f03e"!important;
	margin-left: 0.5em;
}


.Argentina { 
 background-image:  url("../img/flags/Argentina.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;

	
}

.Australia { 
 background-image:  url("../img/flags/Australia.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}

.Brazil { 
 background-image:  url("../img/flags/Brazil.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}

.Canada { 
 background-image:  url("../img/flags/Canada.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}

.China { 
 background-image:  url("../img/flags/China.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}

.EU { 
 background-image:  url("../img/flags/EU.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}

 .France{ 
 background-image:  url("../img/flags/France.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}

 .Germany{ 
 background-image:  url("../img/flags/Germany.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}
 .India{ 
 background-image:  url("../img/flags/India.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}

 .Indonesia{ 
 background-image:  url("../img/flags/Indonesia.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}
 .Italy{ 
 background-image:  url("../img/flags/Italy.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}

 .Mexico{ 
 background-image:  url("../img/flags/Mexico.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}
 .Russia{ 
 background-image:  url("../img/flags/Russia.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}

 .South-Africa{ 
 background-image:  url("../img/flags/South-Africa.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}

 .South-Korea{ 
 background-image:  url("../img/flags/South-Korea.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}

 .Saudi-Arabia{ 
 background-image:  url("../img/flags/Saudi-Arabia.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}
		

 .Spain{ 
 background-image:  url("../img/flags/Spain.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}

 .Turkey{ 
 background-image:  url("../img/flags/Turkey.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}

.UK{ 
 background-image:  url("../img/flags/UK.png");
	background-repeat:  no-repeat;
	background-position: left center;
  	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}

.USA{ 
 background-image:  url("../img/flags/USA.png");
	background-repeat:  no-repeat;
	background-position: left center;
 	padding-left: 1.75em;
	display:  inline-block;
	background-size: contain;
	white-space: nowrap;
}

a.anchor {
   /**/ padding: 280px 0 0;/*ヘッダの高さ */
   /**/margin: -280px 0 0; /*ヘッダの高さ */
   /**/display:block;/**/
}	
.indent_-1em { text-indent: -1em;}

body.program span.venue_title { font-size: 70%;  /*border-bottom: 1px dotted #666;*/ padding: 0.2em 0 0.2em 1.2em; color: #00073f; display: inline-block; margin-bottom: 0.25em; margin-left: -1.25em; position: relative;}
body.program span.venue_title::before { position: absolute; top: 0.2em; left: -0.5em; width: 1.1em; content: "●"; color:#922521!important;}
body.program span.jp { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 70%; margin-left:1.2em; color: #669;; display: inline-block;}
body.program span.venue_title span.jp { margin-left: 0.6em;}
body.program h4 span.jp, body.program h5 span.jp, body.program p span.jp, body.program li span.jp,span.venue_title span.jp { color: #944;}
body.program p span.jp, body.program li span.jp { font-size: 80%; }

body.program div.date_en { border: 1px solid #CCC; padding: 0.25em; background: #FFF; margin: 0 -24px; font-weight: bold;}
body.program div.date_en span.date { margin-right: 0.5em;}
body.program div.date_en span.day{  margin-right: 0.5em;}
body.program div.date_en span.month{  margin-right:  0.5em;}
body.program div.date_en span.year{ margin-right: 0.5em; }
body.program div.date_jp {text-align: right; margin-top: -1.75em; margin-right: 0.25em;} 
body.program div.date_jp span.date {}
body.program div.date_jp span.day{ }
body.program div.date_jp span.month{}
body.program div.date_jp span.year{}
body.program div#time_table { /*border-top: 1px solid #666; border-bottom:  1px solid #666;*/ padding:  15px; margin: 2em 0;}
body.program div#time_table div.row {margin-bottom: 1em;}
body.program div#time_table div.row.Venue_Date_block { /*border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;*/  background: #F6F6FF; border-radius: 0.5em; padding: 5px 15px; border-collapse: collapse;}
body.program div#time_table div.row.Venue_Date_block h2{ font-size: 1.6em; padding: 0;}
body.program div#time_table h2 { }
body.program div#time_table h2 span.jp { font-size: 85%; }
body.program div#time_table h3 { border: 0; padding: 0; font-size: 1.5em; color: #922521;}
body.program div#time_table h3 span.jp {  font-size: 75%; }
body.program div#time_table h4 { padding: 0; border-left: 0;  font-size: 1.25em; margin: 0 0 1.25em 0; }

body.program div#time_table h4 span.jp {   font-size: 75%; }
body.program div#time_table h4.coffe_brake {padding: 0.5em; /*border-radius: 0.5em;*/ border: none; text-align: center; color: #492400; position: relative; padding-left: 1.2em; border-top: 1px solid #492400;border-bottom: 1px solid #492400; /*background: #FFF6F2;*/}
body.program div#time_table h5 {  font-size: 1.1em; position: relative; padding-left: 1.2em; font-weight: 700;}
body.program div#time_table h5::before { position: absolute; top: 0; left: 0; width: 1.1em; content: "●"; color:#922521!important;}
body.program div#time_table .sc_title{ text-indent: -1.25em; margin-left: 1.25em;}
body.program div#time_table .sc_title span{ margin-left: 0em; display: inline-block; text-indent: 0; margin-top: 0.5em;}
body.program div#time_table div.time { text-align: center; font-size: 1.0em; font-weight: 500; white-space: nowrap;}
/*==================================================
=            Bootstrap 3 メディア・クエリ             =
==================================================*/

/*==========  非モバイル・ファーストの場合  ==========*/
 
/* XLサイズ、ワイドスクリーン : Extra Large Devices, Wide Screens */
@media (max-width : 1199px) {
 
}
 
/* Lサイズ、デスクトップ :  Large Devices, Desktops */
@media (max-width : 991px) {
.nav-item {
		margin-bottom: 0.5em !important;
		border-bottom: 1px dotted #CCC;
	width: 100%;
}
	/*左右の矢印の色を変える*/
 .slick-prev:before,
 .slick-next:before {
		padding:2px 2px 1px 2px;
		font-size: 20px;
		opacity: 1.0;
 }

 /*左右の矢印の位置を変える*/
 .slick-next {
		right: 20px !important;
		z-index: 1;
 }
 .slick-prev {
		left:  20px !important;
		z-index: 1;
 }		
	

	
}

@media (min-width : 768px) and (-ms-high-contrast: none){
 header .wrapper{
			padding-top: 0px;
	/*		min-height: 140px;*/
			height: auto;
  }
		.separator2::before {
		background: none;
		background-color: none;
	}
	
}

/* Mサイズ、タブレット : Medium Devices, Tablets */
@media (max-width : 767px) {
 header .wrapper{
			padding-top: 0px;
			min-height: 80px;
			height: auto;
  }
				#logo a img {
		max-width: 100px;
	}

	body.program span.jp {
		margin-top: 0.5em;
	}
	
	body.program h5 span.jp,
	body.program span.venue_title span.jp {
		margin-top: 0em;
	}
	

}



@media (max-width : 767px) and (-ms-high-contrast: none){
 header .wrapper{
			padding-top: 0px;
			min-height: 90px;
			height: auto;
  }
	
	.separator2::before {
		background: none;
		background-color: none;
	}
	
	
}
/* Sサイズ、タブレット : Small Devices, Tablets */
@media (max-width : 575x) {	

}
	

 
/* XSサイズ : Extra Small Devices, Phones */  
@media (max-width : 479px) {

		span.m_title { display: none;}
}
 
/* カスタム, iPhone Retinaディスプレイ */ 
@media (max-width : 319px) {

}	
	

 
/*==========  モバイル・ファーストの場合  ==========*/
 
/* カスタム, iPhone Retinaディスプレイ */ 
@media (min-width : 320px) {
    
}
 
/* XSサイズ : Extra Small Devices, Phones */ 
@media (min-width : 480px) {

}
	
/* Sサイズ、タブレット : Small Devices, Tablets */
@media (min-width: 576px){
main #SideContent.container,
main #SideContent div.container,		
main #Content.container{
border-radius: 15px;
margin-top: 15px;
margin-bottom: 15px;
box-shadow: 1px 1px 1px 1px #CCC;
}


	
	
	
	
}	
	
 
/* MDサイズ、タブレット : Medium Devices, Tablets */
@media (min-width : 768px){
	/*左右の矢印の色を変える*/
 .slick-prev:before,
 .slick-next:before {

 }
	
	

 /*左右の矢印の位置を変える*/
 .slick-next {
		right: 20px!important;
		z-index: 1;
 }
 .slick-prev {
		left: 20px!important;
		z-index: 1;
 }
	
	main .title_head .container{
	padding: 80px 30px;
}
	
	main dl.news_lists {
		padding: 1em;
		border: 1px solid #CCC;
		border-radius: 1em;
	}
	

body.program div.date_en {  padding: 0.25em; border: 1px solid #CCC; margin: 0.5em auto 0.5em auto; max-width: 160px; line-height: 1.2em; background: #FFF; border-radius: 0.5em;}
body.program div.date_en span.date { display: block; text-align: center; margin-right: 0em; padding: 0.05em;}
body.program div.date_en span.day{ display: block; text-align: center; font-size: 2.5em; margin-right: 0em; padding: 0.25em 0.05em 0.25em;}
body.program div.date_en span.month{ display: block; text-align: center; margin-right: 0em; padding: 0.05em;}
body.program div.date_en span.year{ display: block; text-align: center;  margin-right: 0em; padding: 0.05em;}
body.program div.date_jp { padding: 0.25em;  max-width: 160px; margin: 0 auto 0.25em auto; text-align: center;} 
body.program div.date_jp span.date {display: inline-block;}
body.program div.date_jp span.day{display: inline-block;}
body.program div.date_jp span.month{display: inline-block;}
body.program div.date_jp span.year{display: inline-block;}
	body.program div#time_table div.time { text-align: center; font-size: 1.2em;}
body.program div#time_table .sc_title span{ margin-left: 0em; display: inline-block; }

	
	
	
}
 
/* Lサイズ、デスクトップ : Large Devices, Desktops */
@media (min-width : 992px) {
 	body {
	}


	
	.navbar {
/*		height: 120px;*/
		padding-top: 0;
		padding-bottom: 0;
		position:  relative;
	}
	
.slick-slide{
	font-size: 300%;
	max-height: 800px;
}
	
	
.gnavi {
 position: absolute;
	top: 13px;
	}
	
	body.members .gnavi{
		top :0px;
	}
	
.contact {
 position: absolute;
	right:  0;
 bottom: 8px;
	margin-right: -15px;
	}

	.w-20 { width: 20%;}
	.w-40 { width: 40%;}
	
	
a.anchor {
   padding: 150px 0 0;/* ヘッダの高さ */
   margin: -150px 0 0;/* ヘッダの高さ */
   display:block;
}	
	
	
}
 
/*XLサイズ、ワイドスクリーン : Extra Large Devices, Wide Screens */
	@media (min-width : 1200px){
		
	}
	
/*======================
 !important なスタイル
======================*/


.mb0 { margin-bottom: 0 !important;}
.mt0 { margin-top: 0 !important;}
.ml0 {margin-left: 0 !important;}
.mr0 {margin-right: 0 !important;}

.mb0-5em { margin-bottom: 0.5em !important;;}
.mt0-5em { margin-top:  0.5em !important;}
.ml0-5em {margin-left:  0.5em !important;}
.mr0-5em {margin-right: 0.5em !important;}

.mb10 { margin-bottom: 10px !important;}
.mt10 { margin-top:  10px !important;}
.ml10 {margin-left:  10px !important;}
.mr10 {margin-right: 10px !important;}

.mb1em { margin-bottom: 1em !important;;}
.mt1em { margin-top:  1em !important;}
.ml1em {margin-left:  1em !important;}
.mr1em {margin-right: 1em !important;}

.mb1-5em { margin-bottom: 1.5em !important;;}
.mt1-5em { margin-top:  1.5em !important;}
.ml1-5em {margin-left:  1.5em !important;}
.mr1-5em {margin-right: 1.5em !important;}


.mb20 { margin-bottom: 20px !important;}
.mt20 { margin-top:  20px !important;}
.ml20 {margin-left:  20px !important;}
.mr20 {margin-right: 20px !important;}

.mb2em { margin-bottom: 2em !important;}
.mt2em { margin-top:  2em !important;}
.ml2em {margin-left:  2em !important;}
.mr2em {margin-right: 2em !important;}

.mb30 { margin-bottom: 30px !important;}
.mt30 { margin-top:  30px !important;}
.ml30 {margin-left:  30px !important;}
.mr30 {margin-right: 30px !important;}

.mb3em { margin-bottom: 3em !important;}
.mt3em { margin-top:  3em !important;}
.ml3em {margin-left:  3em !important;}
.mr3em {margin-right: 3em !important;}


.pd_b0 { padding-bottom: 0 !important;}
.pd_t0 { padding-top: 0 !important;}
.pd_l0 { padding-left: 0 !important;}
.pd_r0 { padding-right: 0 !important;}
.w100 { width: 100%; display: block;}

.red {color: #C00!important;}
.t_center {text-align: center!important;}
.t_left { text-align: left !important;}
.t_right { text-align: right !important;}
.nowrap { white-space: nowrap; display: inline-block;}
.fl_l { float: left!important; display: block;}
.fl_r { float: right !important;  display: block;}
.clear { clear: both;}

.f50 { font-size: 50% !important;}
.f60 { font-size: 60% !important;}
.f65 { font-size: 65% !important;}
.f70 { font-size: 70% !important;}
.f75 { font-size: 75% !important;}
.f80 { font-size: 80% !important;}
.f85 { font-size: 85% !important;}
.f90 { font-size: 90% !important;}
.f95 { font-size: 95% !important;}


