/* ******************************************************************
 *	File name		: page.css
 *	Summary			: page layout
 * ******************************************************************
 */
/*
*/

/* -----------------------------------------------------------------
   about
----------------------------------------------------------------- */




/* -----------------------------------------------------------------
   ASSF
----------------------------------------------------------------- */


#flex_photo{
	padding:0 0 0px;
}
#flex_photo ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	list-style:none;
	}
	#flex_photo ul {
		width:75%;
		margin:0 auto;
	}
	#flex_photo ul li{
		width:40%;
		margin:0 0 15px;
	}
	#flex_photo ul li figcaption{
		text-align:center;
		margin:10px 0;
		color:#51318F;
		font-size:1.1rem;
		line-height:100%;
		}
	#flex_photo ul li figcaption span.head{
		background-color:#51318F;
		color:#fff;
		font-size:0.75rem;
		padding:3px 15px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		line-height:260%;
}
	#flex_photo ul li figcaption span.from{
		color:#555;
		font-size:0.7rem;
		line-height:100%;
}

#flex_photo_col3{
	padding:0 0 0px;
}
#flex_photo_col3 ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	list-style:none;
	}
	#flex_photo_col3 ul {
		width:80%;
		margin:0 auto;
	}
	#flex_photo_col3 ul li{
		width:30%;
		margin:0 0 15px;
	}
	#flex_photo_col3 ul li figcaption{
		text-align:center;
		margin:10px 0;
		color:#51318F;
		font-size:1.1rem;
		line-height:100%;
		}
	#flex_photo_col3 ul li figcaption span.head{
		background-color:#51318F;
		color:#fff;
		font-size:0.75rem;
		padding:3px 15px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		line-height:260%;
}
	#flex_photo_col3 ul li figcaption span.from{
		color:#555;
		font-size:0.7rem;
		line-height:100%;
}

/* --- responsive --- */
@media screen and (max-width:1000px){
	#flex_photo ul,
	#flex_photo_col3 ul{
		width:100%;
		margin:0 auto;
	}
	#flex_photo ul li,
	#flex_photo_col3 ul li{
		width:44%;
		margin:0 0 12px;
	}
}

/* ----------------------------------------------------------------------
   table
---------------------------------------------------------------------- */

table{
	width:100%;
	margin-bottom:20px;
	border-collapse:collapse;
	border-spacing:0px;
	border-top:1px solid #BBBBBB;
	border-left:1px solid #BBBBBB;
	line-height:2;
	}
	table th,
	table td{
		padding:5px 10px 5px 10px;
		font-size:0.8rem;
		text-align:left;
		border-right:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		line-height:1.35;
	}
	table th{
		font-weight:bold;
		text-align:center;
		color:#000;
		background:rgba(26,65,153,0.1);
		vertical-align:middle;
}

/* th */
table.th_fwn th{font-weight:normal;}
table.th_center th{text-align:center;}
table.th_left th{text-align:left;}
table.th_right th{text-align:right;}
table.th_middle th{vertical-align:middle;}

/* td */
table.td_fwb th{font-weight:bold;}
table.td_center td{text-align:center;}
table.td_left td{text-align:left;}
table.td_right td{text-align:right;}
table.td_middle td{vertical-align:middle;}

/* ex */
table.border_none,
table.border_none tr th,
table.border_none tr td{
	border:none !important;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	table{
		line-height:1.3;
	}
}


/* -----------------------------------------------------------------
   News
----------------------------------------------------------------- */
ul.date_list{
		list-style:none;
	}
	ul.date_list li{
		position:relative;
		padding-left:120px;
		border-bottom:1px dotted #1A4199;
	}
	ul.date_list li p{
		font-weight:400;
	}
	ul.date_list li p.deco{
		position:relative;
		padding-left:50px;
	}
	ul.date_list li:last-child{
		border-bottom:1px solid #004A8B;
	}
	ul.date_list li .date{
		position:absolute;
		top:2px;
		left:0px;
		font-weight:500;
		font-size:0.80rem;
		color: #004A8B;
}
/* --- responsive --- */
@media screen and (max-width:1000px){
	ul.date_list li{
		margin:0 0 7px;
		padding-left:0px;
	}
	ul.date_list li p.deco{
		padding-left:0px;
	}
	ul.date_list li .date{
		display:inline-block;
		position:relative;
		top:0px;
		padding:2px 10px;
		margin: 0 0 3px 0;
		font-size:0.77rem;
		line-height:1.35;
		background:#1A4199;
		color:#FFF;
	}
}

/* -----------------------------------------------------------------
   chairs
----------------------------------------------------------------- */

#c_chairs{
}
#c_chairs h3{
	margin:0 auto 20px;
}
#c_chairs ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 0 50px;
	list-style:none;
	}
	#c_chairs li{
		position:relative;
		width:45%;
		margin:0 0 30px;
		text-align:center;
	}
	#c_chairs li figure{
		position:relative;
		width:190px;
		max-width:100%;
		margin:0 auto 10px;
	}
	#c_chairs li p{
		text-align:center;
		color:#000;
		line-height:1.35;
	}
	#c_chairs li p.affiliation{
		text-align:center;
		font-size:0.87rem;
		color:#0898D8;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#c_chairs li p{
		font-size:0.85rem;
	}
	#c_chairs li p.affiliation{
		font-size:0.7rem;
	}
}

/* -----------------------------------------------------------------
   Program
----------------------------------------------------------------- */

#bdid_program{
}
.info{
	background-color: #D9EDE3;
	padding: 15px;
	border-radius: 10px;
	margin: 15px 0;
}
.info_content{
	border-bottom: #C1EADA dotted 1px;
	display: flex;
	padding: 5px 0;
}
.info_left{
	width: 70px;
}
.info_left p{
	font-weight: bold;
}
#info_date{
	font-weight: bold;
	margin-top: -4px;
}
#info_date span{
	font-size: large;
}
#bold{
	font-weight: bold;
}
#leftpad{
	padding-left: 70px;
}
#info_title{
	font-weight: bold;
	color: #009983;
	margin-left: -7px;
}
#info_title2{
}
#info_title2 span{
	font-size: larger;
	font-weight: bold;
}
#span_bold span{
	font-weight: bold;
}
.info_info{
	display: flex;
	padding-right: 30px;
}
#info_green{
	font-weight: bold;
	color: #009983;
}
.info_info p{
	font-size: 1.5rem;
}
.info_area{
	display: flex;
	margin-top: 10px;
}
#info_inf{
	font-size: 1rem;
}
.info_info span{
	font-size: large;
	margin-top: -2px;
}

/* --- responsive --- */
@media(max-width:767px){
	.info_content{
		display: block;
	}
	.info_area{
		display: block;
	}
	.info_right{
	}
}

.title{
	color: #009E94;
	font-size: 1rem !important;
	font-weight: bold;
	padding-top: 20px;
	/* border-bottom: #009983 solid 1px;
	margin-bottom: 5px; */
}
.title span{
	color: black;
	font-weight: normal;
}

#title{
	color: #009E94;
	font-size: 1rem !important;
	font-weight: bold;
	padding-top: 20px;
}
#title span{
	color: black;
	font-weight: normal;
}
#rrr{
	color: blue;
	text-decoration: none;
}
.reg01{
	padding-left:3em;
  text-indent:-3em;
}



/* -----------------------------------------------------------------
   news
----------------------------------------------------------------- */

#news h2{
	display:inline-block;
	position:relative;
	width:auto;
	height:32px;
	padding:3px 30px 0 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	font-size:1.2rem;
	background:#FFF;
	border-top:1px solid #004B8B;
	color:#004B8B;
	letter-spacing:1px;
	z-index:10;
	}
	#news h2::before,
	#news h2::after{
		content:" ";
		position:absolute;
		top:-1px;
		right:-28px;
	}
	#news h2::before{
		content:" ";
		position:absolute;
		border:14px solid transparent;
		border-bottom:14px solid #004B8B;
		border-left:14px solid #004B8B;
	}
	#news h2::after{
		content:" ";
		position:absolute;
		top:0px;
		border:14px solid transparent;
		border-bottom:14px solid #FFF;
		border-left:14px solid #FFF;
}


#news ul{
	position:relative;
	margin:7px 0 0px;
	padding:5px 10px;
	background:#EDF5EA;
	list-style:none;
	}
	#news ul::before,
	#news ul::after{
		content:" ";
		position:absolute;
		left:0px;
		width:100%;
		height:2px;
		background:#004B8B;
		z-index:0;
	}
	#news ul::before{
		display:none;
		top:-5px;
	}
	#news ul:first-of-type::before{
		display:block;
	}
	#news ul::after{
		bottom:-5px;
}
#news ul li{
	display:block;
	position:relative;
	width:100%;
	padding:5px 10px 5px 200px;
	font-weight:500;
	font-size:0.95rem;
	border-bottom:1px dotted #000;
	}
	#news ul li:last-child{
		border-bottom:none;
	}
	#news ul li .date{
		position:absolute;
		top:5px;
		left:10px;
		width:180px;
		font-weight:500;
		font-size:0.95rem;
		color:#004B8B;
	}/*
	#news ul li a{
		display:block;
		position:relative;
		width:calc(100% + 200px);
		height:calc(100% + 10px);
		margin:-5px -10px -5px -210px;
		padding:5px 10px 5px 110px;
		font-weight:500;
		font-size:0.9rem;
		color:#1494D4;
		transition-duration:0.5s;
}
#news ul li a:hover{
	background:rgba(20,148,212,0.1)
}
*/
/* --- responsive --- */
@media only screen and (max-width:767px){
	#news ul li{
		padding:5px 10px 5px 10px;
		font-size:0.77rem;
		border-bottom:1px dotted #004B8B;
		}
		#news ul li .date{
			position:relative;
			top:0px;
			left:0px;
			width:100px;
			font-size:0.84rem;
			padding-right: 15px;
		}
		#news ul li a{
			width:calc(100% + 20px);
			height:calc(100% + 10px);
			margin:-5px -10px -5px -10px;
			padding:5px 10px 5px 10px;
			font-size:0.77rem;
	}
}

.news_text{
	color: black;
	text-decoration: none;
}

#news #news_list{
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	width:auto;
	height:30px;
	padding:10px 0 0 0;
	background:#FFF;
	z-index:10;
	}
	#news #news_list a{
		display:inline-block;
		padding:0 10px 0;
		font-size:0.87rem;
		text-decoration:none;
		color:#004B8B;
}





/* ーーーーーーーーーーーーーーーーーーーーーーーーーー
　　　　宿泊のご案内
ーーーーーーーーーーーーーーーーーーーーーーーーーー */
p.indent-1 {
	padding-left:2em;
	text-indent:-2em;
}
.rurubu_img{
	display: flex;
	padding: 10px 0;
}
.rurubu_img img{
	padding-right: 10px;
	height: 200px;
}
.onsen{
	padding-left: 10px;
}
.onsen_img{
	display: flex;
	justify-content: space-between;
}
.onsen_img img{
	height: 90px !important;
	padding-top: 10px;
}
.flexx{
	display: flex;
	height: 150px;
	width: auto;
	justify-content: space-between;
	padding-top: 10px;
}
.flexx img{
	height: 150px;
}
.flexxx{
	display: flex;
	height: 150px;
	justify-content: space-between;
	padding-top: 10px;
}.flexxx img{
	height: 150px;
}
.flexxx{
	display: flex;
	height: 150px;
	justify-content: space-between;
	padding-top: 10px;
}



/* --- responsive --- */
@media(max-width:767px){
	.onsen_img{
		display: block;
		text-align: center;
		justify-content: none;
	}	
	/* .onsen_img img{
	}	 */
	.rurubu_img{
		display: block;
		padding: 0;
		text-align: center !important;
	}	
	.flexx{
		display: inline-block;
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	.flexx img{
		padding-top: 10px;
		width: 100%;
		height: auto;
	}
	.flexxx{
		display: inline-block;
		width: 100%;
		text-align: center !important;
		padding-bottom: 20px;
	}
	.flexxx img{
		padding-top: 10px;
		width: 100%;
		height: auto;
	}

}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーー
　　　　演題登録
ーーーーーーーーーーーーーーーーーーーーーーーーーー */

.touroku_li{
	padding-left: 30px;
	font-size: 0.87rem !important;
}
.touroku_li li{
	font-size: 0.87rem !important;
}
.touroku_li ol{
	font-size: 0.87rem !important;
}
.touroku_li2{
	font-size: 0.87rem !important;
	padding-bottom: 15px;
}
.touroku_li2 li{
	font-size: 0.87rem !important;
}
.touroku_li2 ol{
	font-size: 0.87rem !important;
}
.touroku_li3{
	padding-left: 20px;
	font-size: 0.87rem !important;
}
.touroku_li3 li{
	font-size: 0.87rem !important;
}

.buntou{
	padding-left:5em;
  text-indent:-5em;
	padding-bottom: 5px;
}

.touroku_btn{
	width: 50%;
}
.touroku_btn img{
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	margin-bottom: 5px;
}
.touroku_btn img:hover{
	opacity: 0.8;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーー
　　　　アクセス
ーーーーーーーーーーーーーーーーーーーーーーーーーー */

/* Google Mapを囲う要素 */
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}

/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーー
　　　　周辺情報
ーーーーーーーーーーーーーーーーーーーーーーーーーー */

.sendai_food{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 5px;
}
.sendai_food_content{
	padding-top: 6px;
}
.sendai_food_content img{
	height: 115px;
}
#sendai_travel_img{
	height: 100px;
}

.tour{
	display: flex;
}
.tour_content{
	display: flex;
	flex-wrap: wrap;
	padding-right: 10px;
}
.sendai_food_content{
	padding-right: 20px;
}
.tour_map{
	margin-right: 0;
}

.sendai_food_content2 img{
	height: 150px;
}
#plan{
	width: 200px;
}

.around{
	display: flex;
	justify-content: space-between;
}
.around img{
	width: 150px;
	padding-left: 15px;
	text-align: end;
}
.around p{
	width: 57%;
}

#bold{
	font-weight: bold;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
	margin-top: 20px;
}
hr.style4 {
	border-top: 1px solid #009E94;
	margin-top: 10px;
	margin-bottom: 10px;
}

.news_text{
	color: black;
	text-decoration: none;
}
.news_text:hover{
	color: #009E94;
	text-decoration: none;
}


/* --- responsive --- */
@media(max-width:767px){
	.sendai_food{
		display: block;
	}
	.tour{
		display: block;
	}
	.around{
		display: block;
	}
	.around_img img{
		display: block;
		width: 100%;
		height: auto;
		padding-top: 10px;
		padding-left: 0px;
	}
	.tour_map{
		width: 100%;
	}
	.tour_map iframe{
		width: 100%;
		padding-top: 10px;
	}
	.sendai_food_content2{
		width: 100%;
		padding-top: 10px;
	}
	.sendai_food_content2 img{
		width: 100%;
		height: auto;
	}
	.sendai_food_content{
		width: 100%;
		padding-top: 10px;
		padding-right: none;
	}
	.sendai_food_content img{
		width: 100%;
		height: auto;
	}
	.sendai_food_content{
		padding-right: 0px;
	}
	.tour_content{
		padding-right: 0px;
	}
	.around p{
		width: 100%;
	}
	#plan{
		width: 400px;
	}	
	#sendai_travel_img{
		height: auto;
	}
}

.test_coop h2{
	/* left:-10px; */
	width:100%;
	margin:0 0 15px;
	padding:10px 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	font-size:1.2rem;
	background:#009E94;
	color:#FFF;
}
.test_coop{
	/* margin:0 15px 0 15px; */
	display: block;
	text-align: left;
	margin-top: 50px;
	display: inline-block;
	text-align: left;
	margin-left: 13%;
	margin-right: 10%;
	width: 750px;
}
.test_coop p{
	font-size: 0.9rem;
}
.flex0701{
	display: flex;
}
.flex0701 p{
	width: 50%;
	text-align: center;
	font-size: 1.5rem;
	padding-bottom: 15px;
}
.flex070101{
	display: flex;
}
.flex070101 p{
	width: 50%;
	text-align: center;
	font-size: 1.1rem;
	padding-bottom: 0px;
}
.flex070101{
	display: flex;
}
.flex070102 p{
	width: 50%;
	text-align: center;
	font-size: 0.9rem;
}
.co_logo01{
	display: flex;
	justify-content: space-evenly;
	padding-bottom: 30px;
	text-align: center;
}
.co_logo01 img{
	width: 280px;
	text-align: center;
}
.co_logo02{
	text-align: center;
}
.co_logo02 img{
	width: 350px;
	padding-bottom: 30px;
}
/* --- responsive --- */
@media(max-width:767px){
	.test_coop{
		margin-left: 0%;
		width: 99%;
	}

}
#test_coop{
	/* margin:0 15px 0 15px; */
	display: block;
	text-align: left;
	margin-top: 50px;
	display: inline-block;
	text-align: left;
	margin-left: 16%;
	margin-right: 15%;
	width: 700px;
}
/* --- responsive --- */
@media(max-width:1000px){
	#test_coop{
		margin-left: 0%;
		margin-right: 0%;
		width: 100%;
		text-align: left;
	}
}

/* -----------------------------------------------------------------
   ポスター発表者へのご案内
----------------------------------------------------------------- */
.span_info{
	color: #009E94;
}
.info_box{
	border: solid 1px #009E94;
	border-radius: 20px;
	padding: 10px 10px;
}
.info_title{
	margin-top: 10px;
	background-color: #009E94;
	padding: 5px 10px;
	color: white;
	font-weight: bold;
	display:inline-block;
	width: 200px;
	font-size: 0.9rem;
	margin-bottom: 5px;
}
.info_text{
	margin-left: 10px;
	padding-left:1em;
	text-indent:-1em;
}

.title_info2{
	color: #009E94;
	font-size: 0.9rem !important;
	font-weight: bold;
	padding-top: 5px;
	/* border-bottom: #009983 solid 1px;
	margin-bottom: 5px; */
}


/* -----------------------------------------------------------------
   サテライトシンポジウム
----------------------------------------------------------------- */

.flex{
	display: flex;
}
.flex p{
	padding-left: 3em;
  text-indent: -3em;
}
.flex img{
	width: auto;
	height: 80px;
	padding-left: 15px;
	margin: 0 0 0 auto;
}
.title2{
	color: #3B275A;
	font-size: 0.9rem !important;
	font-weight: bold;
	padding-top: 20px;
	/* border-bottom: #009983 solid 1px;
	margin-bottom: 5px; */
}
.title3{
	color: #3B275A;
	font-size: 1.3rem !important;
	font-weight: bold;
	padding-top: 20px;
	border-bottom: 1px solid #3B275A;
	margin-bottom: 8px;
}
.abc{
	font-size: 1.2rem;
	font-weight: bold;
	padding-left: 4px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.flex{
		display: block;
	}
	.flex img{
		width: 100%;
		height: auto;
		padding-left: 0px;
		padding-top: 15px;
	}
}
/* -----------------------------------------------------------------
   Program
----------------------------------------------------------------- */

#bdid_program{
}
.program_table{
	font-size: 0.84rem;
}
.program_table td{
	text-align: center !important;
	vertical-align: middle;
}

/* -----------------------------------------------------------------
   シンポジウム
----------------------------------------------------------------- */

.symposium_head{
	padding-left:1em;
	text-indent:-1em;
	padding-bottom: 5px;
}
.title4{
	color: #444;
	background-color: #00998254;
	font-size: 0.9rem !important;
	font-weight: bold;
	padding: 15px 10px;
}

.test_coop h2{
	/* left:-10px; */
	width:100%;
	margin:0 0 15px;
	padding:10px 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	font-size:1.2rem;
	background:#009E94;
	color:#FFF;
}
.test_coop{
	/* margin:0 15px 0 15px; */
	display: block;
	text-align: left;
	margin-top: 50px;
	display: inline-block;
	text-align: left;
	margin-left: 13%;
	margin-right: 10%;
	width: 750px;
}
.test_coop p{
	font-size: 0.9rem;
}
.flex0701{
	display: flex;
}
.flex0701 p{
	width: 50%;
	text-align: center;
	font-size: 1.5rem;
	padding-bottom: 15px;
}
.flex070101{
	display: flex;
}
.flex070101 p{
	width: 50%;
	text-align: center;
	font-size: 1.1rem;
	padding-bottom: 2px;
}
.flex070101{
	display: flex;
}
.flex070102 p{
	width: 50%;
	text-align: center;
	font-size: 0.9rem;
}
.co_logo01{
	display: flex;
	justify-content: space-evenly;
	padding-bottom: 30px;
	text-align: center;
}
.co_logo01 img{
	width: 280px;
	text-align: center;
}
.co_logo02{
	text-align: center;
}
.co_logo02 img{
	width: 350px;
	padding-bottom: 30px;
}
/* --- responsive --- */
@media(max-width:767px){
	.test_coop{
		margin-left: 0%;
		width: 99%;
	}

}
#test_coop{
	/* margin:0 15px 0 15px; */
	display: block;
	text-align: left;
	margin-top: 50px;
	display: inline-block;
	text-align: left;
	margin-left: 13%;
	margin-right: 15%;
	width: 700px;
}
/* --- responsive --- */
@media(max-width:1000px){
	#test_coop{
		margin-left: 0%;
		margin-right: 0%;
		width: 100%;
		text-align: left;
	}
}

/* -----------------------------------------------------------------
   Japan-Thailand Roundtable
----------------------------------------------------------------- */

.thr_table{
	font-size: 0.84rem;
	border: none;
}
.thr_table td{
	border: none;
	vertical-align: top;
	padding: 0px !important;
}
.thr_table_td{
	width: 100px !important;
}
.title_tjr{
	font-weight: bold;
	color: #009983;
	font-size: 1.0rem !important;
}