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

h3{
	font-size:1.4em;
	border-bottom:2px solid #fff;
	margin-bottom:1em;
	text-align:left;
	padding: 0;
}

h3 span{
	position:relative;	
	display:inline-block;
	padding:0;
	border-bottom:2px solid #f5ffbc;
	top:2px;
	color:#f5ffbc;
	font-weight:700;
}
h3.session_number{text-align: left;border-bottom:none;border-left: 6px double #fff;padding:0px 8px;color:#fff; line-height: 1.2;}

h3.ver2 {
  text-align: left;
	color: #163849; 
	border:2px double #163849;
	background-color: #fff;
	float: left;
	padding: 0.5% 2%;
	font-weight:400;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 24px;
	font-size: 1.25em;
}

h4{
	background-color: #000;
	color:#fff;
	font-weight:700;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size:1.2em;
	float:left;
	padding:6px 15px;
	margin:0 0 15px 0;
}

h4.bg2{background-color: #fff;color:#000; border: 1px solid #000;padding:5px 12px;font-size:16px;}
.h4_title{color: #000;float: left;font-weight:700;padding:10px 0 0 0.75em; text-align: left;font-size:15px; line-height: 1.2;}

#program  h4{background-color: #163849;color: #e1f8ff;}
#program .h4_title{float: left;font-weight:400;padding:12px 0 0 0.75em !important; text-align: left;font-size:15px; line-height: 1.2;color: #e1f8ff;}
.oclock{color: #fff;float: left;font-size:18px;font-weight:400;padding:6px 15px 0 0;}

h5{
	text-align:left;
	font-weight: 700;
	color:#000;
	font-size: 110%;
}

h6{
	text-align:left;
	font-weight: 700;
	color:#718e9f;
	font-size: 108%;
	margin:0 0 5px 0;
}
h6 span{border-bottom: 3px solid #718e9f;}

.container {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 5% 0 0 0;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.container h2{
	width: 17%;
	height: 200px;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color: #000;
}

.container h2 span{
	text-align: center;
	font-size:2.2em;
	font-weight: 700;
	letter-spacing:0.1em;
	color: #fff;
}

.page_contents {
	width: 78%;
}



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

#about #wrapper {
	width: 100%;
	background-image: url("../img/about/main.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
	box-sizing: border-box;
	background-color: #4c9671;
	color:#fff;
}




/* program
--------------------------------------------------------------------------------------*/

#program #wrapper {
	width: 100%;
	background-image: url("../img/program/main.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
	box-sizing: border-box;
	background-color: #6084aa;
	color:#fff;
}
#program #wrapper .container h2 span{letter-spacing:normal;}
#program #wrapper .container h3 span{border-bottom:2px solid #bce8ff;color:#bce8ff;}
#program a{color: #e1f8ff;}

#program .timetable{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-collapse: collapse;
}

#program .timetable th{
	width: 1%;
	border-bottom: 1px solid #ccc;
	padding: 2px 10px;
	text-align: left;
}

#program .timetable th.th{ 
	width: auto;
	background-color: #264757;
	color: #bce8ff;
	text-align: center;
	border-right:1px solid #bce8ff;
}
#program .timetable th.th:last-child{border-right:none;}
#program .timetable td{
	width: auto;
	border-bottom: 1px solid #ccc;
	padding: 6px 18px;
	text-align: left;
}

#program .timetable td a{
	color: #fff;
}
#program .timetable .time{text-align:right;padding: 2px 12px;border-right: 1px solid #ccc;white-space: nowrap;}
#program .timetable tr.bg_blue{background-color: #d7efff; color: #4da2e4;}
#program .timetable tr.bg_yellow{background-color: #ffffd7; color: #9ead22;}
#program .timetable tr.bg_red{background-color: #ffe9e9; color: #e44d4d;}
#program .timetable tr.bg_green{background-color: #d7ffe1; color: #61bc1f;}
#program .timetable tr.bg_gray {background-color: #e3e3e3; color: #666;}

#program .timetable td.bg_blue{background-color: #d7efff; color: #4da2e4;}
#program .timetable td.bg_yellow{background-color: #ffffd7; color: #9ead22;}
#program .timetable td.bg_red{background-color: #ffe9e9; color: #e44d4d;}
#program .timetable td.bg_green{background-color: #d7ffe1; color: #61bc1f;}
#program .timetable th.bg_white, #program .timetable td.bg_white{background-color: #fff; color: #666;}

#program .timetable tr.bg_blue a, #program .timetable td.bg_blue a{color: #4da2e4;}
#program .timetable tr.bg_yellow a, #program .timetable td.bg_yellow a{color: #9ead22;}
#program .timetable tr.bg_red a, #program .timetable td.bg_red a{color: #e44d4d;}
#program .timetable tr.bg_green a, #program .timetable td.bg_green a{ color: #61bc1f;}
#program .timetable tr.bg_gray a{color: #666;}
#program .timetable tr.bg_white a, #program .timetable td.bg_white a{ color: #666;}

#program .timetable tr.bg_blue a:hover, #program .timetable td.bg_blue a:hover{color: #a5d1f3;}
#program .timetable tr.bg_yellow a:hover, #program .timetable td.bg_yellow a:hover{color: #bdc95c;}
#program .timetable tr.bg_red a:hover, #program .timetable td.bg_red a:hover{color: #e99292;}
#program .timetable tr.bg_green a:hover, #program .timetable td.bg_green a:hover{ color: #9bd86e;}
#program .timetable tr.bg_gray a:hover{color: #666;}
#program .timetable tr.bg_white a:hover, #program .timetable td.bg_white a:hover{ color: #ccc;}

.role{position: relative;}
.role p{
  position: absolute;
  bottom:0;
  right: 0;
  color: #fff;
  font-size: 0.7rem;
	font-weight: 700;
  margin: 0;
  padding: 0.5% 2%!important;
	background-color: rgba(57, 91, 119, 0.8);
	
}
.role p.Moderator{background-color: rgba(1, 7, 15, 0.8);}
.role p.Panelists{}

#program div.session_number{
	color:#e1f8ff;
	font-size: 1.4em;
	margin: 0 0 1em 0;
	padding:0;
	letter-spacing:0.03em;
	position: relative;
	text-align: left;
	font-weight:400;
	display: flex;
	align-items: center;
}

#program div.session_number span{border-left: 8px double #e1f8ff;padding-left: 12px;}
#program .session_number:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #e1f8ff;
    margin-left: 20px;
}

#program .box#opening,
#program .box#keynote,
#program .box#panel01,
#program .box#panel02,
#program .box#panel03,
#program .box#panel04,
#program .box#break,
#program .box#welcome,
#program .box#keynote2,
#program .box#close{
	display: none;
}


/* result
--------------------------------------------------------------------------------------*/

#result #wrapper {
	width: 100%;
	background-image: url("../img/result/all/main.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
	box-sizing: border-box;
	background-color: #989660;
	color:#fff;
}
#result #wrapper .container h2 span{letter-spacing:normal;}
#result #wrapper .container h3 span{border-bottom:1px solid #333300;color:#333300;;
	top:1px;}
#result #wrapper .container h3{
	font-size:1.2em;
	border-bottom:1px solid #fff;
	margin-bottom:1em;
	text-align:left;
	padding: 0;
}
#result #wrapper .container h5{
	text-align:left;
	font-weight: 700;
	color:#597c90;
	font-size: 102%;
	margin:0 0 5px 0;
}
#result #wrapper .container h5 span{
	border-bottom: 2px solid #597c90;
}
#result #wrapper .container h5.ver2{
	text-align:left;
	font-weight: 700;
	color:#000;
	font-size: 102%;
	margin:0 0 5px 0;
}
#result #wrapper table td{color:#000;}
#result #wrapper .container h4.ver_session{
	background-color: #fff;
	color:#000;
	font-weight:700;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	font-size:1.2em;
	float:left;
	padding:5px 18px;
	margin:0 0 15px 0;
	border: 1px solid #000;
}



/* information
--------------------------------------------------------------------------------------*/

#information #wrapper {
	width: 100%;
	background-image: url("../img/information/main.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	background-color: #dbf1df;
	box-sizing: border-box;
	color:#000;
}
#information #wrapper .container h2 span{letter-spacing:normal;}
#information #wrapper .container h3 span{border-bottom:2px solid #336633;color:#336633;}
#information.english #wrapper .container h2 span{font-size:1.8em;}


/* link
--------------------------------------------------------------------------------------*/
#link #wrapper {
	width: 100%;
	background-image: url("../img/link/main.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	background-color: #81cfcb;
	box-sizing: border-box;
	color:#fff;
}
#link #wrapper .container h2 span{letter-spacing:normal;}
#link #wrapper .container h3 span{border-bottom:2px solid #95eae5;color:#95eae5;}
#link .lists a{color: #fff;}
#link .lists a:hover{color: #95eae5;}


/* archive
--------------------------------------------------------------------------------------*/
#archive #wrapper {
	width: 100%;
	background-image: url("../img/archive/main.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	background-color: #fff;
	box-sizing: border-box;
	color:#000;
}
#archive #wrapper .container h2 span{letter-spacing:normal;}
#archive #wrapper .container h3 span{border-bottom:2px solid #000;color:#000;}







/* ここからタブ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 1260px) {


}

/* ここからスマホ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 481px) {

.container {
	max-width: inherit;
	width: 100%;
	margin: 0;
	padding: 20% 0 10% 0;
	position: relative;
	display: block;

}
.container h2{
	width: 96%;
	height:auto;
	display:block;
	padding: 2%;
	margin-bottom: 5%;
}
.container h2 span{
	font-size:1.3em;
	font-weight: 700;
	margin-bottom: 5%;

}
.page_contents {
	width: 90%;
	padding: 5%;
}



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

#about #wrapper {
	width: 100%;
	background-image: url("../img/about/mainSp.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
	box-sizing: border-box;
	background-color: #4c9671;
	color:#fff;
}

/* program
--------------------------------------------------------------------------------------*/
#program #wrapper {
	width: 100%;
	background-image: url("../img/program/mainSp.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
	box-sizing: border-box;
	background-color: #6084aa;
	color:#fff;
}
#program #wrapper .container h2 span{letter-spacing:normal;}
#program #wrapper .container h3 span{border-bottom:2px solid #bce8ff;color:#bce8ff;}
#program .column4 .column{
  margin: 0 0 30px 0;
  width: calc(48%);
	padding-bottom: 2%;
	display: table;
}

	
	
	
/* result
--------------------------------------------------------------------------------------*/

#result #wrapper {
	width: 100%;
	background-image: url("../img/result/all/mainSp.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
	box-sizing: border-box;
	background-color: #989660;
	color:#fff;
}
#result #wrapper .container h2 span{letter-spacing:normal;}
#result #wrapper .container h3 span{border-bottom:2px solid #edecb1;color:#edecb1;}

/* information
--------------------------------------------------------------------------------------*/

#information #wrapper {
	width: 100%;
	background-image: url("../img/information/mainSp.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	background-color: #dbf1df;
	box-sizing: border-box;
	color:#000;
}
#information #wrapper .container h2 span{letter-spacing:normal;}
#information #wrapper .container h3 span{border-bottom:2px solid #336633;color:#336633;}
#information.english #wrapper .container h2 span{font-size:1.8em;}


/* link
--------------------------------------------------------------------------------------*/
#link #wrapper {
	width: 100%;
	background-image: url("../img/link/mainSp.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	background-color: #81cfcb;
	box-sizing: border-box;
	color:#fff;
}
#link #wrapper .container h2 span{letter-spacing:normal;}
#link #wrapper .container h3 span{border-bottom:2px solid #95eae5;color:#95eae5;}
#link .lists a{color: #fff;}
#link .lists a:hover{color: #95eae5;}


/* archive
--------------------------------------------------------------------------------------*/
#archive #wrapper {
	width: 100%;
	background-image: url("../img/archive/mainSp.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	background-color: #fff;
	box-sizing: border-box;
	color:#fff;
}
#archive #wrapper .container h2 span{letter-spacing:normal;}
#archive #wrapper .container h3 span{border-bottom:2px solid #000;color:#000;}





	
}