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


/*----------------------------------------*/
/*                                        */
/*基礎スタイル*/
/*                                        */
/*----------------------------------------*/

@import "common.css?220613";


/*----------------------------------------*/
/*ページ基礎                              */
/*----------------------------------------*/
html{
	background:repeat-x 0 0 url("../img/common/header_back_top_v2022.png?230126");
}

/*----------------------------------------*/
/*コンテンツ                              */
/*----------------------------------------*/
ul.textresizer {
	display: none !important;
}

#visual{
	top: 20px;
	height:330px;
	position:relative;
}

#visual #slideshow{
	width: 975px;
	background: #fff;
	box-shadow: 0 0 4px #dfdfdf;
}

.intro {
	text-align: center;
	margin-bottom: 30px;
}

.midashi.mbz h3 {
	margin-bottom: 0 !important;
}


/* about_venue_2020 */
#about_venue_2020 {
	width: 668px;
	margin-bottom: 3em;
	padding: 10px 0;
	border: 15px solid #d70051;
}
#about_venue_2020 p:first-of-type {
	color: #d70051;
	font-size: 2.1rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5rem;
}
#about_venue_2020 p:nth-of-type(2) {
	color: #d70051;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
	line-height: 16px;
}
#about_venue_2020 dl {
	overflow: hidden;
	margin: 1.2rem 1.5rem 0 2.5rem;
}
#about_venue_2020 dt,
#about_venue_2020 dd {
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 16px;
}
#about_venue_2020 dt {
	float: left;
	clear: left;
	color: #264ca0;
}
#about_venue_2020 dd {
	text-indent: -1.2em;
	margin-left: 1.2em;
	margin-bottom: 0.5rem;
	padding-left: 12.7em;
}
#about_venue_2020 dd span {
	color: #264ca0;
	padding-right: 0.2em;
}


/* about_venue_2020_en */
#about_venue_2020_en {
	width: 668px;
	margin-bottom: 3em;
	padding: 10px 0;
	border: 15px solid #d70051;
}
#about_venue_2020_en p:first-of-type {
	color: #d70051;
	font-size: 2.1rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5rem;
}
#about_venue_2020_en p:nth-of-type(2) {
	color: #d70051;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
	line-height: 16px;
}
#about_venue_2020_en dl {
	overflow: hidden;
	margin: 1.2rem 1.5rem 0 2.2rem;
}
#about_venue_2020_en dt,
#about_venue_2020_en dd {
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 16px;
}
#about_venue_2020_en dt {
	color: #264ca0;
	margin-bottom: 0.2rem;
}
#about_venue_2020_en dd {
	margin-bottom: 0.7rem;
}


/* btns */

/* exhibitimage */
#top_btns{
	padding-bottom: 30px;
	overflow:hidden;
}

#top_btns img {
	vertical-align: bottom;
}

#top_btns li {
	margin-bottom: 7px;
}

#top_btns .floormap,
#top_btns .cmap,
#top_btns .seminar,
#top_btns .processr,
#top_btns .brochure,
#top_btns .list_button,
#top_btns .search_button,
#top_btns .search,
#top_btns .list {
	float:left;
	margin-right: 7px;
}

#top_btns .cmap,
#top_btns .visitor_button,
#top_btns .visitor_koma,
#top_btns .report,
#top_btns .search,
#top_btns .processr,
#top_btns .floormap_button {
	margin-right: 0;
}

#top_btns .floormap_button {
	clear: both;
	padding-top: 12px;
}

#top_btns .registraion_button,
#top_btns .seminar_button {
	margin-bottom: 15px;
}

#top_btns .app {
	clear: both;
}

#exhibitorList {
	margin: 0 0 20px 0;	
}

#exhibitorList a {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 10px;
	background: #f7931e;
	border-radius: 3px;
}

#exhibitorList a:hover {
	opacity: 0.8;
}

#exhibitorList a span {
	display: inline-block;
	font-size: 14px;
	color: #f7931e;
	vertical-align: middle;
	margin-right: 10px;
	padding: 5px;
	background: #fff;
	border-radius: 3px;
}




/* thanks */
#thanks{
	margin-bottom:40px;
}

#thanks #online {
	text-align: center;
	margin-bottom: 30px;
}

#thanks #online a {
	display: block;
	color: #000;
	padding: 30px;
	background: #FFF9D2;
	border: 3px solid #F7DC51;
}

#thanks #online a:hover {
	opacity: 0.7;
}

#thanks #online p:first-of-type {
	font-size: 20px;
}

#thanks #online p:nth-of-type(2) {
	font-size: 30px;
	font-weight: bold;
}

#thanks #online p:last-of-type {
	font-size: 20px;
	font-weight: bold;
	margin-top: 15px;
	padding: 10px;
	background: #F7DC51;
}

#thanks .midashi h3 {
	margin-bottom: 10px;
}

#thanks p.readTxt{
	font-size:14px;
	font-weight:bold;
	line-height:1.6;
	margin-bottom: 20px;
	padding: 10px 20px;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px; 
	border: 4px solid #dcdddd;
}

#thanks .c1{
	width:100%;
	margin:5px 0 30px 0;
}

#thanks .c1 th, 
#thanks .c1 td{
	padding:5px;
	border:1px solid #ccc;
	text-align:center;
}

#thanks .c1 th{
	background-color:#3866AB;
	font-weight:normal;
}

#thanks .c1 span{
	font-weight:bold;
}

#thanks .c1 .c2{
	background-color:#E1EAEF;
}

/* awards */
#awards{
	margin-bottom:40px;
}

#awards li{
	display:block;
	width:220px;
	height:118px;
	float:left;
	margin-right:20px;
}

#awards li.bnr03{
	margin-right:0;
}

/* 決まるまで非表示 */
#awards li.bnr01 a{
	/* display:none; */
}


/* exhivito visitor */
.forExhibitor,
.forVisitor {
	margin-bottom: 30px;
	border-left: 2px solid #3867ab;
	border-right: 2px solid #48a2b9;
	background: url(../img/common/midashi_grade.gif) no-repeat left bottom;
}

.forExhibitor .midashi h3,
.forVisitor .midashi h3 {
	color: #fff;
	margin-bottom: 20px;
	padding: 10px;
	background: url(../img/common/midashi_grade.gif) repeat-y left top;
}


/* topics */
#topics{
	margin: 0 15px;
	padding-bottom: 22px;
}
#topics ul{
	padding-bottom: 8px;
	overflow: hidden;
}
#topics ul li{
	float: left;
	margin-left: 2px;
}
#topics ul li:first-child {
	margin-left: 0;
}
#topics ul li .gray {
	opacity: 0.5;
}


/* news */
#news{
	/*float:left;
	width:320px;*/
	padding-bottom: 30px;
}
#news .midashi{
	/*background:no-repeat bottom url(../img/top/midashi_grade.gif);*/
}
#news_ex{
	padding: 20px 0 30px 0;
}
#news_ex .midashi.mbz {
	padding: 0 0 5px 0;
	background: rgb(180,0,67);
	background: -moz-linear-gradient(left,  rgba(180,0,67,1) 0%, rgba(200,0,74,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(180,0,67,1) 0%,rgba(200,0,74,1) 100%);
	background: linear-gradient(to right,  rgba(180,0,67,1) 0%,rgba(200,0,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b40043', endColorstr='#c8004a',GradientType=1 );
}
#news_ex .midashi.mbz h3 {
	padding: 8px 10px;
	background: #fff;
}
#news_ex .midashi.mbz h3:before {
	content: "";
	display: inline-block;
	width: 39px;
	height: 45px;
	position: relative;
	vertical-align: bottom;
	margin-top: -20px;
	margin-right: 8px;
	background: url(../img/common/icon_press.png) no-repeat center top;
}
#news dl{
	overflow:auto;
	margin-top: -1.5em;
	margin-bottom: 2em;
}
#news dl dt {
	clear:left;
	float:left;
	width: 8em;
}
#news dl dd{
	padding:0 0 0.5em 9em;
	margin-bottom: 0.5em;
	border-bottom:1px dotted #CCC;
}
#news dl dd:last-child{
	/*border:0;*/
}
#news dl dd a{
	padding-left:15px;
	background:no-repeat 0 50% url(../img/common/footer_link.gif);
}
#news dl dd a.nolink, #news dl dd a.nolink:hover{
	color:#000;
	cursor:default;
}
#news dl dd span{
	font-size:10px;
}


/* 出展社更新 & PR情報 */
#exhibit{
	float:right;
	width:320px;
}
#exhibit .midashi{
	background:no-repeat bottom url(../img/top/midashi_grade.gif);
}
#exhibit dl{
	overflow:auto;
}
#exhibit dl dt{
}
#exhibit dl dd{
	padding-bottom:6px;
	margin:3px 0 6px 0;
	border-bottom:1px dotted #CCC;
}


/* 同時開催展 */
#concurrent {
	margin-bottom: 4em;
}
#concurrent .midashi h3 {
	margin-bottom: 10px;
}
#concurrent img {
	border: 1px solid #ccc;
}


/* ボタンエリア */
.application { margin-bottom: 3rem;}
.application ul.btn-app { list-style: none outside; margin-bottom: 0.5em; padding: 1.5em 1em; background: #59B9B2; overflow: hidden;}
.application ul.btn-app li { text-align: center; margin-bottom: 1em; float: left; width: 48%; margin: 0; }
.application ul.btn-app li:first-child { margin-left: 5px; margin-right: 5px; }
.application ul.btn-app li:last-child { margin-left: 10px; }
.application ul.btn-app li a { font-size: 1.4rem; padding-bottom: 1em; display: block; border: 1px solid #ccc; border-radius: 4px; background: #F6FFFC; font-weight: bold; }
.application ul.btn-app li a span { display: block; padding-top: .8em; border-top: 1px solid #ccc; }
.application ul.btn-app li a:hover { background: #DFFCF1; }
.application ul.btn-app li a.nolink { opacity: 0.7; cursor: default; }
.application p { text-align: right; padding-right: 1.8em;}



/* E-Textile */

.e-textile  {
  margin-bottom: 40px;
  padding: 10px;
  background: rgb(23,204,185);
  background: -moz-linear-gradient(left,  rgba(23,204,185,1) 0%, rgba(212,28,236,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(23,204,185,1) 0%,rgba(212,28,236,1) 100%);
  background: linear-gradient(to right,  rgba(23,204,185,1) 0%,rgba(212,28,236,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17ccb9', endColorstr='#d41cec',GradientType=1 );
}

.e-textile .box {
  padding: 20px;
  background: #fff;
}

.e-textile  h2 {
  text-align: center;
}

.e-textile  h2 img {
  vertical-align: middle;
  margin-right: 10px;
}

.e-textile p {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.2;
  color: #231815;
  text-align: center;
  margin-top: 10px;
}

.e-textile p:nth-of-type(2) {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  color: #231815;
}

.e-textile p.last {
  display: block;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  margin-top: 10px;
  padding-left: 0;
}

.e-textile a:hover h2,
.e-textile a:hover p {
  opacity: 0.7;
}

.e-textile a:hover h2 img {
  opacity: 1;
}

.e-textile ul {
  display: table;
  width: 100%;
  margin-top: 20px;
}

.e-textile ul li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 50%;
  box-sizing: border-box;
}

.e-textile ul li:first-of-type {
  padding-right: 5px;
}

.e-textile ul li:last-of-type {
  padding-left: 5px;
}

.e-textile ul li a {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 10px 20px 10px;
  background: #32608f;
  border-radius: 3px;
}

.e-textile ul li:first-of-type a {
  background: #3aabc2;
}

.e-textile ul li:last-of-type a {
  background: #8f5cd9;
}

.e-textile ul li a:hover {
  opacity: 0.7;
}

.e-textile ul li small {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 10px;
}

.e-textile ul li span {
  font-size: 24px;
}

.e-textile ul li:first-of-type span:before {
  content: " ";
  display: inline-block;
  width: 21px;
  height: 28px;
  vertical-align: middle;
  margin-right: 15px;
  background: url("../img/top/icon_seminar.png") no-repeat center center;
}

.e-textile ul li:last-of-type span:before {
  content: " ";
  display: inline-block;
  width: 24px;
  height: 28px;
  vertical-align: middle;
  margin-right: 15px;
  background: url("../img/top/icon_theme.png") no-repeat center center;
}



/* 技術の散歩道 */

.promenade  {
  margin-bottom: 40px;
}



/* 説明会ボタン */

.btn01 a {
	animation: flash 3s linear infinite;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-shadow: 0 0 3px rgba(0,0,0,0.4);
	padding: 10px;
	border-right: 2px solid #c52a64;
	border-bottom: 2px solid #c52a64;
	background: rgb(232,93,141);
	background: -moz-linear-gradient(top,  rgba(232,93,141,1) 0%, rgba(216,6,85,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(232,93,141,1) 0%,rgba(216,6,85,1) 100%);
	background: linear-gradient(to bottom,  rgba(232,93,141,1) 0%,rgba(216,6,85,1) 100%);
	border-radius: 6px;
}

.btn01 a span {
	font-size: 30px;
}

.btn01 a img {
	vertical-align: middle;
	margin-right: 10px;
}

.btn02 {
	margin: 90px 0 30px 0;
}

.btn02 a {
	display: block;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding: 10px;
	background: #FDD752;
	border-radius: 6px;
}

.btn02 a:hover {
	opacity: 0.7;
}

.btn02 a span {
	font-size: 30px;
}

.btn02 a img.icon_movie {
	position: absolute;
	left: calc(50% - 31.5px);
	top: -50px;
}

.btn02 a img.icon_annivasary {
	position: absolute;
	left: calc(50% - 83.5px);
	top: -60px;
}

.btn03 {
	margin: 0 0 40px 0;
}

.btn03 a {
	position: relative;
	display: block;
	position: relative;
	font-size: 14px;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	background: #555;
	border-radius: 5px;
}

.btn03 a:hover {
	opacity: 0.7;
}

.btn03 a span {
	font-size: 36px;
}

@keyframes flash {
  33.33%{
    opacity: 1;
		border-right: 2px solid #c5891e;
		border-bottom: 2px solid #c5891e;
		background: rgb(229,175,95);
		background: -moz-linear-gradient(top,  rgba(229,175,95,1) 0%, rgba(226,135,6,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(229,175,95,1) 0%,rgba(226,135,6,1) 100%);
		background: linear-gradient(to bottom,  rgba(229,175,95,1) 0%,rgba(226,135,6,1) 100%);
  }
  
  66.66%{
    opacity: 1;
		border-right: 2px solid #15a2a0;
		border-bottom: 2px solid #15a2a0;
		background: rgb(77,204,201);
		background: -moz-linear-gradient(top,  rgba(77,204,201,1) 0%, rgba(4,160,147,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(77,204,201,1) 0%,rgba(4,160,147,1) 100%);
		background: linear-gradient(to bottom,  rgba(77,204,201,1) 0%,rgba(4,160,147,1) 100%);
  }
  
  100%{
    opacity: 1;
		border-right: 2px solid #c52a64;
		border-bottom: 2px solid #c52a64;
		background: rgb(232,93,141);
		background: -moz-linear-gradient(top,  rgba(232,93,141,1) 0%, rgba(216,6,85,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(232,93,141,1) 0%,rgba(216,6,85,1) 100%);
		background: linear-gradient(to bottom,  rgba(232,93,141,1) 0%,rgba(216,6,85,1) 100%);
  }
}

@keyframes arrow {
  0%, 100%{
    right: .2em;
  }
  
  50%{
    right: .6em;
  }
}

.for_visitor {
	display: flex;
}

.btn_visitor {
	width: 33.33%;
	margin: 0 0 30px 0;
	padding-right: 10px;
}

.btn_visitor:last-of-type {
	padding-right: 0;
}

.btn_visitor a {
	display: block;
	position: relative;
	font-size: 90%;
	color: #283e90;
	text-align: center;
	padding: 8px 10px;
	border-radius: 6px;
	border: 2px solid #283e90;
}

.btn_visitor:first-of-type a {
	padding: 21px 10px;
}

.btn_visitor a:hover {
	opacity: 0.7;
}

.btn_visitor a span {
	display: block;
	font-size: 150%;
	font-weight: bold;
}

.btn_visitor a img {
	vertical-align: middle;
	margin-right: 8px;
}


/* 満席 */

#full {
  font-size: 14px;
  margin-bottom: 30px;
  padding: 20px;
  border: 3px solid #d50050;
  border-radius: 6px;
}

#full h2 {
  color: #d50050;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

#full p {
  margin-top: 15px;
}

#full p:last-of-type {
  color: #d50050;
  font-weight: bold;
  text-align: center;
}

#full p a {
  color: #d50050;
  text-decoration: underline;
}

#full p a:hover {
  text-decoration: none;
}

/* News slide*/

.sec_inner {
	margin: 20px 0;
	box-shadow: none;
	border: none;
	background: none;
	position: relative;
	z-index: 0;
}

.slick-dotted.slick-slider {
	margin-bottom: 0;
}

.slick-prev,
.slick-next {
	z-index: 50
}

.slick-prev {
	left: 0;
}

.slick-next {
	right: 0;
}

.slick-list {
	position: relative;
	z-index: 10;
}

.sec_inner dl {
	display: flex;
	width: 100%;
	color: #fff;
	padding: 0 20px;
	box-sizing: border-box;
}

.sec_inner dl dt {
	width: 7em;
}

.sec_inner dl dd {
	width: calc(100% - 7em);
}

.sec_inner dl dd a {
	color: #fff;
	text-decoration: underline;
}

.sec_inner dl dd a:hover {
	text-decoration: none;
}


/* 出展者一覧 */

.exhibitor_list {
	margin-top: 30px;
}

.exhibitor_list ul {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 30px;
}

.exhibitor_list ul li {
	width: 220px;
	text-align: center;
	margin: 0 20px 20px 0;
}

.exhibitor_list ul li:nth-of-type(3n) {
	margin-right: 0;
}

.exhibitor_list ul li a {
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 140%;
	padding: 5px;
}

.exhibitor_list ul li a:hover {
	opacity: 0.7;
}

.exhibitor_list ul li.class01 a,
.exhibitor_list ul li.class02 a {
	background: -moz-linear-gradient(left,  rgba(219,30,82,1) 0%,rgba(170,4,55,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(219,30,82,1) 0%,rgba(170,4,55,1) 100%);
	background: linear-gradient(to right,  rgba(219,30,82,1) 0%,rgba(170,4,55,1) 100%);
}
.exhibitor_list ul li.class03 a {
	background: -moz-linear-gradient(left,  rgba(43,65,148,1) 0%, rgba(26,44,112,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(43,65,148,1) 0%,rgba(26,44,112,1) 100%);
	background: linear-gradient(to right,  rgba(43,65,148,1) 0%,rgba(26,44,112,1) 100%);
}
.exhibitor_list ul li.class04 a {
	background: -moz-linear-gradient(left,  rgba(160,60,178,1) 0%, rgba(120,16,135,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(160,60,178,1) 0%,rgba(120,16,135,1) 100%);
	background: linear-gradient(to right,  rgba(160,60,178,1) 0%,rgba(120,16,135,1) 100%);
}
.exhibitor_list ul li.class05 a {
	background: -moz-linear-gradient(left,  rgba(63,162,174,1) 0%, rgba(10,130,151,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(63,162,174,1) 0%,rgba(10,130,151,1) 100%); 
	background: linear-gradient(to right,  rgba(63,162,174,1) 0%,rgba(10,130,151,1) 100%);
}
.exhibitor_list ul li.class06 a {
	background: -moz-linear-gradient(left,  rgba(225,192,39,1) 0%, rgba(210,161,11,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(225,192,39,1) 0%,rgba(210,161,11,1) 100%);
	background: linear-gradient(to right,  rgba(225,192,39,1) 0%,rgba(210,161,11,1) 100%);
}

.exhibitor_list ul li a span {
	display: block;
	padding-top: 5px;
	position: relative;
}

.exhibitor_list ul li a span:after {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	border-left: 10px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	position: absolute;
	right: 5px;
	top: calc(50% - 3px);
}


/* コロナ関連 */

#announce {
  margin-bottom: 15px;
}

#announce a {
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 15px 10px;
  background: #d50050;
  border-radius: 3px;
}

#announce a:hover {
  opacity: 0.7;
}

#announce a span {
  display: inline-block;
  width: 30px;
  padding: 7px 0;
  background: #fff;
  border-radius: 50%;
}

.announce {
  margin-bottom: 30px;
  padding: 20px;
  border: 2px solid #d50050;
}

.announce p {
  font-size: 15px;
  text-align: center;
}

/* 地震 */

#attend {
	margin-bottom: 20px;
}

#attend a {
	display: block;
	padding: 20px 10px;
	background: #204592;
}

#attend .fWB {
	font-size: 180%;
	font-weight: bold;
	color: #fff;
}

#attend p a {
	font-size: 220%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
}

#attend p a:hover {
	opacity: 0.7;
}



/* エラー */

#err {
	color: red;
		margin-bottom: 30px;
	padding: 5px;
	border: 1px solid red;
}