@charset "utf-8";


.end_msg {
	font-size: 1.125rem;
	line-height: 1.3;
	padding: 5px;
	text-align: center;
}
@media screen and (max-width: 599px) {
	.end_msg {
		font-size: 16px;
	}
}

/* -----------------------------------------------------
index_timer
-----------------------------------------------------*/
.index_timer {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#000));
	background: linear-gradient(to bottom, #555 0%, #000 100%);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
}
.index_timer  .set_width .timerArea {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	
	/* 中央揃え */
	-webkit-justify-content: center;
	justify-content: center;
	/* 天地センター */
	-webkit-align-items: center;
	align-items: center;
	padding: 10px 0;
}
.timer_icon {
	font-size: 1em;
	color: #ffe332;
	margin-right: 5px;
}
.timerArea {
	color: #ffe332;
}
.timerArea p {
	font-size:1em;
}
.yycountdown-box {
}
 
#timerOlympic .yycountdown-box .yyc-day,
#timerOlympic .yycountdown-box .yyc-hou,
#timerOlympic .yycountdown-box .yyc-min,
#timerOlympic .yycountdown-box .yyc-sec {
	font-size: 2em;
	font-family: 'Roboto', sans-serif;
}
#timerOlympic .yycountdown-box .yyc-day-text,
#timerOlympic .yycountdown-box .yyc-hou-text,
#timerOlympic .yycountdown-box .yyc-min-text,
#timerOlympic .yycountdown-box .yyc-sec-text{
	font-size:1.0em;
	padding: 0 0.25em 0 0.125em;
}
@media screen and (max-width: 599px) {
	.index_timer  .set_width .timerArea {
		display: block;
		text-align: center;
	}
	.timer_icon {
		display: none;
	}
	.timerArea p {
		font-size:13px;
	}
	#timerOlympic .yycountdown-box .yyc-day,
	#timerOlympic .yycountdown-box .yyc-hou,
	#timerOlympic .yycountdown-box .yyc-min,
	#timerOlympic .yycountdown-box .yyc-sec {
		font-size: 1.5em;
		font-family: 'Roboto', sans-serif;
	}
}




/* -----------------------------------------------------
index_top_banner
-----------------------------------------------------*/
.index_top_banner {
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
	background: linear-gradient(to bottom, #fff 40%, #e6e6e6 100%);
	height: 100%;
}
.index_top_banner h1 {
	margin: 0;
}
@media screen and (min-width: 600px) {
	.index_top_banner h1.base {
		display: block;
	}
	.index_top_banner h1.rsp {
		display: none;
	}
}
@media screen and (max-width: 599px) {
	.index_top_banner h1.base {
		display: none;
	}
	.index_top_banner h1.rsp {
		display: block;
	}
	.index_top_banner .set_width {
		width: 100%;
	}
}
.index_top_banner h1 img {
	width: 100%;
}

/* -----------------------------------------------------
tweetNews（ウィジェット内はtw.cssで）
-----------------------------------------------------*/
.tweetNews {
	margin-bottom: 40px;
	border: 5px solid #e6e6e6;
}
/* 1000px 以上の時に高さ強制縮小 */
@media screen and (min-width: 999px) {
	.tweetNews {
		height: 130px;
		overflow: hidden;
	}
}
.tw_news {
	font-size: 1.25rem;
	margin-top: -30px;
	width: 5em;
	text-align: center;
	padding: 0.25em 0 0;
	margin-left: 0.5em;
	background: #e6e6e6;
	font-family: 'Roboto', sans-serif;
	border-radius: 6px 6px 0 0;
}


/* -----------------------------------------------------
index_contents_box
-----------------------------------------------------*/
.index_contents_box {
	background: #e6e6e6;
	padding: 10px;
	margin-bottom: 40px;
}
.index_contents_box h2 {
	font-size: 1.25rem;
	text-align: center;
	margin: 0.5em 0;
	font-weight: normal;
}

.t_apart {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
}
.t_apart > .index_contents_box {
	width: calc((100% - 40px)/2);
}

.t_apart .t_apart_ins {
	width: calc((100% - 40px)/2);
}
.t_apart .t_apart_ins .index_contents_box {
	width: 100%;
}
.matching_img {
	background: #fff;
}
.matching_img a {
	color: #333;
}
.matching_img img:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.matching_img img {
	width: 100%;
	display: block;
	margin: 0 auto;
}
.matching_img .fov {
	display: block;
	text-align: center;
	font-size: 13px;
	padding-bottom: 1em;
}

@media screen and (max-width: 767px) {
	.t_apart {
		display: block;
	}
	.t_apart > .index_contents_box {
		width: 100%;
	}
	.t_apart .t_apart_ins {
		width: 100%;
	}
}


/* -----------------------------------------------------
exhibitor_one（出展社情報、カンファレンス）
-----------------------------------------------------*/
.exhibitor_one {
	background: center center / cover no-repeat;
}
.exhibitor_one .text_bg {
	width: 100%;
	height: 150px;
}
a .exhibitor_one .text_bg p {
	color: #fff;
	text-align: center;
	padding: 3.5em;
	font-size: 18px;
}
.index_contents_box a:hover .exhibitor_one {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* -----------------------------------------------------
themezone
-----------------------------------------------------*/
.index_contents_box .themezone {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	color: #fff;
}
.index_contents_box .themezone .themezone_one {
	height: 260px;
	width: calc(50% - 10px);
	margin: 5px;
	background: center center / cover no-repeat;
	position: relative;
	z-index: 1;
}
.index_contents_box .themezone.four .themezone_one {
	height: 260px;
	width: calc(25% - 10px);
}
@media screen and (max-width: 1023px) {
	.index_contents_box .themezone .themezone_one {
		width: calc(50% - 10px);
	}
}
@media screen and (max-width: 599px) {
	.index_contents_box .themezone .themezone_one {
		width: 100%;
	}
}

.index_contents_box .themezone .themezone_one .text_bg {
	padding:  0;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	background: rgba(0,0.0, 0.5);
	position: absolute;
	bottom: 0;
	width: 100%;
}

/* タイトルのブロック */
.index_contents_box .themezone .themezone_one .text_bg .pull {
	cursor: pointer;
}
/* タイトル */
.index_contents_box .themezone .themezone_one .text_bg .pull p.title {
	padding: 0.75em 0;
	font-size: 1em;
}
.index_contents_box .themezone .themezone_one .text_bg .pull p.title:before {
	content: "\f0a9";
	font-family: fontAwesome;
	margin-right: 3px;
}

/* 下の3ブロック包括 */
.index_contents_box .themezone .themezone_one .text_bg .pull_up {
	margin: 0 0.75em;
	display: none;
}


/* 説明 */
.index_contents_box .themezone .themezone_one .text_bg p.detail {
	font-size: 0.8125em;
	line-height: 1.4;
	margin: 0 ;
	text-align: left;
}
/* 例 */
.index_contents_box .themezone .themezone_one .text_bg p.ex {
	font-size: 0.8125em;
	line-height: 1.4;
	margin-top: 0.5em ;
	text-align: left;
	font-weight: bold;
}
/* 詳細 */
.index_contents_box .themezone .themezone_one .text_bg p.click a {
	display: block;
	font-size: 0.875em;
	background: #fff;
	margin: 1em 0;
	border-radius: 0.6875em;
	padding: 0.25em 0;
	color: #000;
	font-weight: bold;
}
.index_contents_box .themezone .themezone_one .text_bg p.click a:before {
	content: "\f00c";
	font-family: fontAwesome;
	margin-right: 3px;
	color: #c00;
}


.index_contents_box .themezone .themezone_one .text_bg.t01 {
	background: rgba(255, 91, 0, 0.75);
}
.index_contents_box .themezone .themezone_one .text_bg.t02 {
	background: rgba(0, 159, 82, 0.75);
}
.index_contents_box .themezone .themezone_one .text_bg.t03 {
	background: rgba(183, 191, 0, 0.75);
}
.index_contents_box .themezone .themezone_one .text_bg.t04 {
	background: rgba(41, 171, 226, 0.75);
}

/* -----------------------------------------------------
event
-----------------------------------------------------*/
.index_contents_box .event {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	color: #fff;
}
.index_contents_box .event a {
	color: #fff;
}
.index_contents_box .event div.ev_one {
	width: calc(25% - 10px);
	margin: 5px;
	background: center center / cover no-repeat;
}
@media screen and (max-width: 1023px) {
	.index_contents_box .event div.ev_one {
		width: calc(50% - 10px);
	}
}
@media screen and (max-width: 599px) {
	.index_contents_box .event div.ev_one {
		width: 100%;
	}
}

.index_contents_box .event div.ev_one .text_bg {
	background: rgba(0, 0, 0, 0.5);
	padding: 3em 0;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	height: 100%;
}
.index_contents_box .event div.ev_one a:hover .text_bg {
	background: rgba(0, 0, 0, 0.4);
}
.index_contents_box .event .n1 {
}
.index_contents_box .event .n2 {
	font-size: 1.25em;
	margin-top: 0.25em;
}
.index_contents_box .event .n3 {
	font-size: 15px;
	margin-top: 0.75em;
}

/* -----------------------------------------------------
oneCut（Online Expo）
-----------------------------------------------------*/
.index_contents_box .oneCut {
	background: #fff;
}
.index_contents_box .oneCut img {
	width: 100%;
}
.index_contents_box .oneCut a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/* -----------------------------------------------------
banners
-----------------------------------------------------*/
.index_contents_box .banners {
}
.index_contents_box .banners ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.index_contents_box .banners ul li {
	background: #fff;
	margin: 5px;
}
.index_contents_box .banners ul li.plus_padd {
	padding: 5px;
}
.index_contents_box .banners ul li img {
	height: 40px;
}
.index_contents_box .banners ul li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.banners + h2 {
	margin-top: 1.25em;
}



/* -----------------------------------------------------
特設／カンファレンス聴講登録、開始！ カンファレンス・プログラムのページはこちらから
-----------------------------------------------------*/
.conf_msg_1016 a {
	
	display: block;
	margin-bottom: 30px;
	background: #00a69d;
	background: #b2e5e1;
	text-align: center;
	color: #00969c;
	padding: 0.75em;
	font-size: 1.25em;
	line-height: 1.5;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.conf_msg_1016 a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.conf_msg_1016 a:before {
	color: #e33;
	content: "\f00c";
	font-family: fontAwesome;
	margin-right: 0.25em;
}






/* -----------------------------------------------------
会期速報
-----------------------------------------------------*/
.repo_area {
	background: #fff;
	padding: 30px;
	margin: 0 0 30px;
	border: 1px solid #00969c;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}
.repo_area h2 {
	margin: 0 0 0.75em;
	background: #b2e5e1;
	padding: 0.25em 0.25em;
	border-radius: 1em;
	font-family: 'Roboto', sans-serif;
	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
.repo_area h2 >span {
	display: block;
}
.repo_area h2 >span.tt {
	font-size: 1.25rem;
	padding-left: 0.5em;
}
.repo_area h2 >span.repo {
	font-size: 16px;
}
.repo_area h2 >span.repo a {
	background: #fff;
	font-weight: normal;
	display: block;
	border-radius: 1em;
	padding: 0.25em 0.75em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.repo_area h2 >span.repo a:before {
	content: "\f0a9";
	font-family: fontAwesome;
	margin-right: 0.25em;
}
.repo_area h2 >span.repo a:hover {
	background: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 699px) {
	.repo_area {
		padding: 10px;
	}
	.repo_area h2 {
		display: block;
		border-radius: 6px;
		margin: 0 0 0.5em;
	}
	.repo_area h2 >span.tt {
		padding-left: 0;
	}
	.repo_area h2 >span.repo {
		margin-top: 5px;
	}
}





/* 来場者数 */
.vistors {
	margin: 0
}

table.number_visitors {
	border-collapse: collapse;
	}
table.number_visitors th,
table.number_visitors td {
	border: solid #ccc;
	border-width: 1px;
	vertical-align: middle;
	text-align: center;
	}
table.number_visitors th {
	font-size: 1em;
	line-height: 1.3;
	padding: 8px 0;
	font-weight: bold;
	background: #eee;
	}
table.number_visitors th.weather {
	width: 15%;
	}
table.number_visitors td.weather {
	}
table.number_visitors td {
	font-size: 1em;
	line-height: 1.0;
	padding: 0.5em 0;
	background: #fff;
	font-family: 'Roboto', sans-serif;
	}

table.number_visitors td.days {
	}

table.number_visitors td.num span.num_a {
	font-size: 18px;
}
table.number_visitors td.num span.num_a:after {
	font-size: 70%;
	content: " 名";
}
table.number_visitors td.num span.last {
	margin-top: 0.25em;
	font-size: 14px;
}
	
@media screen and (max-width: 599px) {
	table.number_visitors td {
		font-size: 0.825em;
	}
	table.number_visitors td.num span.last {
		display: block;
		margin-top: 0.25em;
		font-size: 13px;
	}
}













@media screen and (max-width: 1119px) {
	.index_conf_show {
		display: none;
	}
}