@charset "utf-8";

/*-----------------------------------------------------
カンファレンス・カラー
-----------------------------------------------------*/
.colorLabel-k {background: #f7850d;}
.colorLabel-s {background: #4f80c5;}
.colorLabel-i {background: #ffb100;}

/*-----------------------------------------------------
swiper
-----------------------------------------------------*/
.swiper-container {
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	padding: 0 10px;
	}
/*-----------------------------------------------------

-----------------------------------------------------*/
.category_title_guide {
	margin: 0.75em 0 5px;
	padding-left: 0.25em;
	padding-bottom: 0.125em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: -webkit-center;
	align-items: center;
	border-bottom: 1px solid #999;
}
.category_title_guide h2 {
	font-size: 1.5rem;
	margin: 0;
	margin-right: 0.5em;
	min-width: 4em;
}
.category_title_guide h3 {
	font-size: 15px;
	margin: 0;
	font-weight: normal;
}
h2.color-k {
	color: #f7850d;
}
h2.color-s {
	color: #4f80c5;
}
h2.color-i {
	color: #ffb100;
}


ul.conf_index_list {
	margin:  0;
	border: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font-family: 'Roboto', sans-serif;
}
ul.conf_index_list li {
	width: calc(25% - 0px);
	border: 0;
}
ul.conf_index_list li a {
	display: block;
	color: #333;
	padding: 10px 10px 0;
	height: 100%;
}
ul.conf_index_list li a:hover {
	background: #fff;
}

.themeTitle {
	color: #fff;
	font-size: 1.125em;
	padding: 0.25em;
	text-align: center;
	margin-bottom:10px;
	border-radius: 1.325em;
}
p.name {
	padding-top: 3px;
	margin-bottom: 3px;
	font-size: 1em;
	font-weight: bold;
}
p.name:after {
	content: "氏";
	font-size: 70%;
	margin-left: 0.5em;
}
p.post {
	font-size: 13px;
	line-height: 1.25;
}
hr.hc001 {
	border: none;
	border-top: 1px solid #999;
}

/*-----------------------------------------------------
写真処理
-----------------------------------------------------*/
.fffc {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 0 5px;
}
.photo {
	min-width: 80px;
	width: 80px;
	height: 90px;
	overflow: hidden;
	margin-right: 0.5em;
}
.photo img {
	width: 100%;
}

.egui_halfset {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: -webkit-space-between;
	justify-content: space-between;
}
.egui_halfset_one:nth-child(1) {
	width: 41%;
}
.egui_halfset_one:nth-child(2) {
	width: 58%;
}
.egui_halfset_one  ul.conf_index_list li {
	width: 33.33%;
	border: 0;
}
.egui_halfset_one  ul.conf_index_list li a {
	padding: 5px;
	padding-top: 10px;
}
.egui_halfset_one  .fffc {
	display: block;
}
.egui_halfset_one  .fffc .photo {
	margin: 0 auto 0.5em;
}
.egui_halfset_one  .fffc p.name {
	text-align: center;
}


/* 招待講演 */
.egui_halfset_one  ul.conf_index_list.syotaikoen li {
	width: 30%;
}
.egui_halfset_one  ul.conf_index_list.syotaikoen li.two_width {
	width: 40%;
}
.sp_faSet {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}













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

	.category_title_guide {
		margin-bottom: 1.0em;
	}
	.category_title_guide h2 {
		font-size: 1.25rem;
		margin: 0 0 0.25em;
		min-width: auto;
	}

	.themeTitle {
		color: #fff;
		font-size: 1.125em;
		padding: 0.75em;
	}
	
	ul.conf_index_list li a,
	.egui_halfset_one  ul.conf_index_list li a {
		margin: 0;
		padding: 0;
	}

	.fffc,
	.egui_halfset_one .fffc,
	.category_title_guide h3,
	hr.hc001 {
		display: none;
	}

	ul.conf_index_list {
		display: block;
	}
	
	ul.conf_index_list li,
	.egui_halfset_one  ul.conf_index_list li,
	.egui_halfset_one  ul.conf_index_list.syotaikoen li,
	.egui_halfset_one  ul.conf_index_list.syotaikoen li.two_width {
		width: 100%;
	}
	.egui_halfset_one:nth-child(1),
	.egui_halfset_one:nth-child(2) {
		width: 49%;
	}

}




/*-----------------------------------------------------
conf_index_list_vol4
-----------------------------------------------------*/
.h2_lead_vol4 {
	background: #333333;
	background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#000));
	background: linear-gradient(to bottom, #777 0%, #000 100%);
	color: #fff;
	text-align: center;
	border-radius: 18px;
	font-size: 20px;
	padding: 0.325em 0;
	margin: 10px 0 0;
}
ul.conf_index_list_vol4 {
	margin: 12px 5px  0;
	border: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	font-family: 'Roboto', sans-serif;
}
ul.conf_index_list_vol4 li {
	width: calc((100% - 30px)/3);
}
ul.conf_index_list_vol4 li a {
	display: block;
	background: #f7850d;
	background: -webkit-gradient(linear, left top, left bottom, from(#f99c39), to(#f7850d));
	background: linear-gradient(to bottom, #f99c39 0%, #f7850d 100%);
	border-radius: 10px;
	color: #fff;
	padding: 0;
	padding: 10px;
}
ul.conf_index_list_vol4 li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
ul.conf_index_list_vol4 li  h3 {
	padding: 0 0 0.125em;
	margin: 0 0 0.25em;
	border-bottom: 1px solid #fff;
	font-size: 28px;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
ul.conf_index_list_vol4 li  h3:before {
	color: #;
	content: "\f0f6";
	font-family: fontAwesome;
	font-weight: normal;
	margin-right: 0.25em;
}
ul.conf_index_list_vol4 li  p.guide {
	font-size: 20px;
	line-height: 1.325;
	margin-bottom: 0.325em;
	text-align: center;
}
ul.conf_index_list_vol4 li  .photo {
	min-width: 45px;
	width: 45px;
	height: 50px;
	overflow: hidden;
	margin-right: 0.5em;
	position: relative;
}
ul.conf_index_list_vol4 li  .photo img {
	position: absolute;
}

ul.conf_index_list_vol4 p.name {
	padding-top: 2px;
	margin-bottom: 2px;
	font-size: 15px;
	font-weight: bold;
}
ul.conf_index_list_vol4 p.name:after {
	font-size: 75%;
}
ul.conf_index_list_vol4 p.post {
	font-size: 12px;
	line-height: 1.125;
}


ul.conf_index_list_vol4 .fffc {
	margin:  0;
}
ul.conf_index_list_vol4 .lecturer_box {
	background: #fff;
	border-radius: 4px;
	color: #333;
	padding: 5px ;
}
ul.conf_index_list_vol4 hr.hc001 {
	margin:  5px 0;
}