/* ------------------------------
　 基本設定
------------------------------ */
*{
	margin:0;
	padding:0;}
body{
	color:#333333;
	padding:0;
	overflow-x:hidden;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo,
	"ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:0.9em;
	line-height:160%;
	letter-spacing:0;
	background:url(../img/bg.gif) center top repeat-y;}
ul,li{list-style:none;}

/* リンク */
a			{transition:0.4s;}
a:link		{color:#333333;}
a:visited	{color:#333333;}
a:hover		{color:#333333; text-decoration:none;}

a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
/*	background:none!important;*/}


/* h1,h2,h3,h4 初期化 */
h1,h2,h3,h4	{margin:0px; padding:0px; border:0px; font-weight:normal;}


/* テキスト */
.txt_s		{font-size:75%;}
.txt_m		{font-size:100%;}
.txt_l		{font-size:120%; line-height:110%;}


/* float */
.float_l{
	float:left;}
.float_r{
	float:right;}

/* clear  */
.clear:after {
  content: ""; 
  display: block; 
  clear: both;}


/* ------------------------------
　 header
------------------------------ */
.header{
	margin:20px 0;
	padding:20px 0;
	background:url(../img/bg_head.gif) center repeat-y;
	color:#ffffff;}

.header .conference{
	float:left;
	padding-right:55px;
	border-right:1px solid #E2F2FC;}

.header .date{
	padding:10px 0 0 670px;}

.header .contact{
	text-align:right;}


/* ------------------------------
　 footer
------------------------------ */
.footer{
	text-align:center;
	color:#ffffff;
	font-size:80%;
	padding:5px 0 10px;
	margin-top:15px;
	border-top:1px solid #999999;}


/* ------------------------------
　 基本共通
------------------------------ */
.wrap{
	width:1022px;
	margin:0 auto;
	position: relative;}

.office{
	margin-top:131px;
	font-size:80%;
	color:#ffffff;
	bottom:0;
	position:absolute;}
.office dt{
	margin-bottom:5px;}
.office dd{
	line-height:130%;}

.sec_page{
	background:#ffffff;
	padding:20px;}

.page_tit{
	background:#6F92BB;
	font-size:220%;
	line-height:100%;
	padding:35px 20px 32px;
	color:#ffffff;
	letter-spacing:0.03em;
	font-weight:bold;
	border-bottom:2px solid #1F2C58;}

.page_tit_sub{
	font-size:160%;
	line-height:100%;
	font-weight:bold;
	color:#2268AB;
	margin:25px 0 20px;}

.page_tit_sub02{
	font-weight:bold;
	letter-spacing:0.03em;
	margin:20px 0;
	padding:10px 10px 7px;
	background:#EEEEEE;}

.page_tit_sub02_l{
	font-size:1.2em;
	color:#2268AB;
	font-weight:bold;
	letter-spacing:0.03em;
	margin:20px 0;
	padding:10px 10px 7px;
	background:#EEEEEE;}

.page_tit_min{
	font-size:0.5em;
	font-weight:bold;
	letter-spacing:0.03em;
	text-align:right;
	margin-bottom: -10px;}


.sec_page p{
	margin:0 1em 1em;}

.sec_page ul,
.sec_page ol{
	margin:0 1em 1em;}

.sec_page ul li,
.sec_page ol li{
	list-style-position:outside;
	margin-left:20px;
	margin-bottom:0.1em;}
.sec_page ul li:last-child,
.sec_page ol li:last-child{
	margin-bottom:0;}

.sec_page ul li{
	list-style:disc;}
.sec_page ol li{
	list-style:decimal;}

.sec_page .back{
	border-bottom:1px dotted #6F92BB;
	text-align:right;
	padding-bottom:10px;}
.sec_page .back a{
	font-size:80%;
	color:#6F92BB;
	text-decoration:none;}



/* ------------------------------
　 TOP
------------------------------ */
.middle_l{
	width:215px;
	float:left;
	height: 100%;}

.middle_l ul li{
	color:#ffffff;
	line-height:100%;
	letter-spacing:0.03em;
	margin-bottom:3px;}
.middle_l ul li a{
	display:block;
	background:url(../img/bt_off.gif);
	color:#ffffff;
	text-decoration:none;
	padding:9px 0 0 8px;
	height:20px;}
.middle_l ul li a:hover{
	background:url(../img/bt_on.gif);
	opacity:1.0;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";}

.middle_l ul li.r2 a{
	background:url(../img/bt_off2.gif);
	height:34px;}
.middle_l ul li.r2 a:hover{
	background:url(../img/bt_on2.gif);}



.middle_l ul li.r3 a{

	background:url(../img/bt_off3.gif);

	height:50px;}

.middle_l ul li.r3 a:hover{

	background:url(../img/bt_on3.gif);}

.dl_btn{
	display: inline-block;
	border-top: solid 1px #62a8ed;
    border-left: solid 1px #62a8ed;
    border-bottom: solid 1px #131558;
    border-right: solid 1px #131558;
	background-color: #2268ab;
	background: -moz-linear-gradient(left,#1d2087,#2268ab); 
	background: -webkit-linear-gradient(left,#1d2087,#2268ab); 
	background: linear-gradient(to right,#1d2087,#2268ab);
    padding: 10px 0;
    color: #ffffff !important;
    text-decoration: none;
    font-weight: bold;
	text-align:center;
	margin: 20px 0;
	width:220px;
/*    margin: 20px 80px;*/
}
.dl_btn.btn_w{
	display:block;
	margin:20px auto;
	font-size:1.2em;
	width:45%;
}
.dl_btn_flex{
	display:flex;
    align-items: center;
    justify-content: space-around;
}


.middle_l ul li.nolink{
	display:block;
	background:url(../img/bt_nolink.gif);
	color:#aaaaaa;
	text-decoration:none;
	padding:9px 0 0 8px;
	height:20px;}

.middle_l ul li.nolink2{
	display:block;
	background:url(../img/bt_nolink2.gif);
	color:#aaaaaa;
	text-decoration:none;
	padding:9px 0 0 8px;
	height:34px;}

.middle_r{
	width:794px;
	float:right;}

.middle_rl{
	width:550px;
	float:left;}

.middle_rl .top_img{}
.middle_rl .top_img ul li img{
	width:550px;
	height:auto;}

.middle_rl .top_cont{
	background:#ffffff;
	padding:10px 10px 0;}

.middle_rl .top_cont p.top_cont_tit{
	font-size:140%;
	margin-bottom:10px;}

.middle_rl .top_cont dl{
	font-size:80%;}
.middle_rl .top_cont dl dt{
	float:left;}
.middle_rl .top_cont dl dd{
	margin-left:3em;
	text-indent:-1em;
	padding-left:1em;}

.middle_rl .top_cont .japan{
	text-align:right;}
.middle_rl .top_cont .japan img{
	margin:-20px -35px -50px 0;}

.middle_rr{
	width:234px;
	float:right;}

dl.news_topics{}
dl.news_topics dt{
	margin-bottom:2px;}
dl.news_topics dd{
	padding:10px;
	background:#bae2f8;
	font-size:80%;
	line-height:140%;
	height:260px;
	overflow:auto;}
dl.news_topics dd ul li{
	padding:7px 0 5px;
	border-bottom:1px solid #999999;}
dl.news_topics dd ul li:first-child{
	padding-top:0;}

dl.welcome{
	margin-top:218px;}
dl.welcome dt{
	color:#ffffff;}
dl.welcome dd{
	margin-bottom:5px;}


.top_messages{
	border: solid 2px #cc0000;
	color: #333333;
	font-weight: normal;
	margin: 10px 10px 0 0;
	float: right;
	width: 30%;
	padding: 15px;
	box-sizing: border-box;
	text-align: center;
}
.covid_news{
	width: 100%;
	margin:0 0 20px 0;
    padding: 10px 10px;
    white-space: nowrap;
    font-size: 14px;
	background-color:#ffffff;
	text-align:left;
}
.top_messages.c_blue{
	border: solid 2px #528cc3;
    color: #1d2087;
}


/* ------------------------------
　 greeting
------------------------------ */



/* ------------------------------
　 general
------------------------------ */



/* ------------------------------
　 endai
------------------------------ */



/* ------------------------------
　 link
------------------------------ */

#extend_tab{
	cursor: pointer;
}

.child_tab {
	display:none;
}

.middle_l ul .child_tab li a{
	background:none;
	padding:5px;
	height:auto;
	background-color:#2268ab;
}
.middle_l ul .child_tab li a:hover{
	background:none;
	background-color:#528cc3;
}

/* ------------------------------
　 Sponsors
------------------------------ */
#sponsors ul{
    margin: 0 0 40px 0;
	list-style: none;
	text-align:center;
}
#sponsors ul li{
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	margin-left:20px;
}
#sponsors ul li:nth-child(1){
	margin-left:0;
}
#sponsors ul.sponsor_go li:nth-child(2n+1){
	margin-left:0;
}
#sponsors ul.sponsor_st li:nth-child(3n+1){
	margin-left:0;
}
/*#sponsors ul li:nth-child(7){
	width:100%;
	text-align:left;
}*/

#sponsors ul li img{
	min-width:230px;
	margin-bottom:20px;
}

#sponsors .sponsor_pl img{	width:300px;	}
#sponsors .sponsor_go img{	width:270px;	}
#sponsors .sponsor_st img{	width:230px;	}

.sponsors_modal{
	display:none;
}
.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before {
    background: #1d2087 !important;
}

.modal_logo{
	width:100%;
	border-bottom:1px solid #6f92bb;
	margin-bottom:20px;
	vertical-align: middle;
}
.modal_logo img{
	width:150px;
	padding:15px;
	margin-bottom:5px;
	border-right:1px solid #6f92bb;
	vertical-align: middle;
}
.modal_logo img+p{
	display:inline-block;
	font-size:1.3em;
	font-weight:bold;
	padding-left:15px;
}

.modaal-content-container{
	max-height:75vh;
	overflow-y:scroll;
}
.modaal-content-container p{
	margin-bottom:0.8em;
}



/* ------------------------------
　 Organizer
------------------------------ */
.organizer_area{
}
.organizer_area .organizer_sub{
	width:90%;
	margin:0 auto 20px;
}
.organizer_area h5{
	font-size: 120%;
    line-height: 100%;
    font-weight: bold;
	background:#e8e8e8;
    color: #2268AB;
    margin: 0 0 10px;
	padding:15px 15px 10px;
}
.organizer_area hr{
	width:100%;
	margin:20px 0;
	border:none;
	border-top: 1px dotted #6F92BB;
}

.organizer_area p.organizer{
	font-size:1.3em;
	display: flex;
	align-items: center;
}
.organizer_area p img{
	width:5em;
	height:auto;
	margin-right:10px;
}


.organizer_area ul{
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	margin:0;
}
.organizer_area ul li{
	list-style: none;
	width:33%;
	text-align:center;
	margin:0 0 10px 0 !important;
}
.organizer_area ul li p{
	text-align:center;
}
.organizer_area ul li .imgcont{
	width:210px;
	height:140px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px !important;
}
.organizer_area ul li img{
	height: auto;
    max-height: 100%;
    max-width: 100%;
	height:auto;
	margin:0;
}
.organizer_area ul.ul_2nd li{
	width:42%;
}



ul.li_endai li{
	text-indent: -2em;
    padding-left: 2em;
	margin-bottom: 8px;
}

.lunbtn{
	display:flex;
	align-content: center;
    align-items: center;
    justify-content: space-between;
	margin:20px 0;

}.lunbtn a{
	display:block;
	width:49%;
	background:#ffffff;
	text-align:center;
	padding:10px 0;
	font-size:18px;
	font-weight:bold;
}



.grad-wrap {
  position: relative;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.grad-trigger {
  /*ボタンのスタイルはご自由にどうぞ*/
	position:absolute;
	bottom:0;	right:5px;
	z-index:2;
    border: 1px solid;
    padding: 0 10px;
	cursor: pointer;
}
.grad-trigger::after {
  content: "Read more" /*クリック前のボタンのラベル*/

}
.grad-trigger .fa {
  margin-right: .5em;
}
.grad-item {
  position: relative;
  overflow: hidden;
}
.grad-item.is-hide {
  height: 85px; /*隠した後の高さ*/
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger.is-show {
}
.grad-trigger.is-show::after {
  content: "Close" /*クリック後にボタンのラベルを変える*/
}
.grad-trigger.is-show + .grad-item::before {
  display: none;
}







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

　 Program Timetable

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

ul.timetable_overall li{
	list-style:none !important;
	margin:0 0 1em 0;}
ul.timetable_overall li a{
	display:block;
	padding:1em;
	text-align:center;
	background:linear-gradient(#3059c9, #1c3e8a);
	border-radius:10px;
	color:#fff;
	text-decoration:none;}

ul.timetable_overall li a img.icon{
	vertical-align:middle;}



/*top追加*/

a.top_inportant{
	display: block;
    padding: 1em;
    text-align: center;
    background: linear-gradient(#eaf8ff, #bae2f8);
    color: #074c8e;
    text-decoration: none;
    font-weight: bold;
	font-size:1.2em;
	border:none;
	border-radius:10px;

	margin-bottom:20px;
}

a.top_inportant.other{
    background: linear-gradient(#fcfbfd, #d8d5f3);
    color: #333333;
}