.catNav{display: flex; justify-content: space-between; margin-bottom: 40px;}
.catNav a{display: flex; align-items: center; margin: 0 10px 10px 10px; transition: 0.5s; width: 23%; font-size: 18px; color: #fff;}
.catNav a img{height: 40px;}
.catNav a:nth-of-type(1){background-color: #1073B6;}
.catNav a:nth-of-type(2){background-color: #199F44;}
.catNav a:nth-of-type(3){background-color: #DA5267;}
.catNav a:nth-of-type(4){background-color: #E16A0F;}
.catNav a span{padding: 8px; display: block; margin-right: 15px; transition: 0.3s}
.catNav a:hover span{ margin-right: 25px;}

.catNav a:nth-of-type(1) span{background-color: #035387;}
.catNav a:nth-of-type(2) span{background-color: #11763A;}
.catNav a:nth-of-type(3) span{background-color: #A03748;}
.catNav a:nth-of-type(4) span{background-color: #A04B23;}


.zoneNav{display: flex; justify-content: flex-start; margin-bottom: 40px; flex-wrap: wrap;}
.zoneNav a{display: block; margin: 0 10px 15px 10px; transition: 0.5s; width: 31.5%;text-align: left; padding: 10px 10px 10px 15px; border: 1px solid #BF0020; border-left: 8px  solid #BF0020;}
.zoneNav a i{margin-right: 4px; transition: 0.3s;}
.zoneNav a:hover i{margin-right: 12px;}

.titCat,.titZone{border-top: 1px solid #000; padding-top: 8px; margin-bottom: 20px; font-size: 20px; font-weight: bold;}

/*
.zoneNav a:nth-child(1) {border: 1px solid #0D338D; border-left: 8px  solid #0D338D;}
.zoneNav a:nth-child(2) {border: 1px solid #7FBA19;; border-left: 8px solid  #7FBA19;}
.zoneNav a:nth-child(3) {border: 1px solid #2595DA; border-left: 8px solid  #2595DA;}
.zoneNav a:nth-child(4) {border: 1px solid #0B5FB5; border-left: 8px solid #0B5FB5;}
.zoneNav a:nth-child(5) {border: 1px solid #E13D11; border-left: 8px solid #E13D11;}
.zoneNav a:nth-child(6) {border: 1px solid #E01D1F; border-left: 8px solid  #E01D1F;}
.zoneNav a:nth-child(7) {border: 1px solid #E11D20; border-left: 8px solid  #E11D20;}
.zoneNav a:nth-child(8) {border: 1px solid #158B30; border-left: 8px solid  #158B30;}
.zoneNav a:nth-child(9) {border: 1px solid #D2DB09; border-left: 8px solid  #D2DB09;}
.zoneNav a:nth-child(10){border: 1px solid #DD0060; border-left: 8px solid  #DD0060;}
.zoneNav a:nth-child(11){border: 1px solid #0F549E; border-left: 8px solid #0F549E;}
.zoneNav a:nth-child(12){border: 1px solid #813A8A; border-left: 8px solid  #813A8A;}
*/

.search03 {margin-bottom: 80px;}
.search03  ul{display: flex; flex-wrap: wrap}
.search03  ul li a{font-size: 18px; border-radius: 50px; background-color: #f8dddd; display: block; padding: 2px 10px; margin: 0 10px 10px;transition: 0.3s;}
.search03  ul li a:hover{background-color: #F00023; color: #fff }


.search04 {margin-bottom: 80px;}

.search04 .contact-submit {
  width: 150px;
  background-color: #333;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  font-size: 16px;
  padding: 8px 10px;
  border-radius: 100vh;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

.search04 .form-text {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    max-width: 400px;
	margin-right: 15px;
	font-size: 18px;
}

.titType{background-color: #f1f1f1; padding: 8px 20px; font-weight: bold; margin-bottom: 35px; font-size: 20px;}


.catBox{margin-bottom: 50px; }	
.catBox .tit{display: flex; justify-content: flex-start; font-weight: bold; padding-bottom: 5px;font-size: 20px; align-items: center; margin-bottom: 25px;}


.catTit{ color: #fff; font-size: 22px; display: flex;align-items: center; margin-bottom: 50px;}
.catTit img{height: 33px;}
.catTit span{display: block; margin:0 15px 0 0; padding: 10px;}
.catTit#titCat01 {background-color: #1073B6;}
.catTit#titCat01 span{background-color: #035387;}
.catTit#titCat02 {background-color: #199F44;}
.catTit#titCat02 span{background-color: #11763A;}
.catTit#titCat03 {background-color: #DA5267;}
.catTit#titCat03 span{background-color: #A03748;}
.catTit#titCat04 {background-color: #E16A0F;}
.catTit#titCat04 span{background-color: #A04B23;}

.zoneTit{display: block; margin: 0 0 15px 0px; transition: 0.5s; text-align: left; padding: 10px 10px 10px 15px; border: 1px solid #BF0020; border-left: 8px  solid #BF0020; font-size: 18px; font-weight: bold;}



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

.catBox .tit{font-size: 14px;}
.catBox .tit figure{width: 120px;}
.catBox ul>li{display: block; }
.catBox ul>li .name{width: 100%; margin-bottom: 15px;}
.catBox ul>li .txt{width: 100%; margin-bottom: 15px;}
.catBox ul>li .icon{width: 100%; justify-content: flex-start; margin-bottom: 15px; display: flex}
.catBox ul>li .icon div{padding: 1px 10px; margin-right: 10px;} 
	
	
}



.list-item{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); margin-bottom: 60px;}
.list-item .innerBox{ padding: 40px;}

.exhibitorInfo .colL{ flex-basis: 200px;}
.exhibitorInfo .colR{ flex-basis: calc((100% - 240px));}
.exhibitorInfo .colR .tit{ font-size: 26px; color: #000; font-weight: bold;  margin-bottom: 15px; position: relative; box-sizing: border-box; display: flex; align-items: center}
.exhibitorInfo .colR .tit span.num{font-size: 16px; display: inline-block; padding:0 10px; margin:0 10px; border-right: #000 solid 1px;border-left: #000 solid 1px;}
.exhibitorInfo .colR .tit span.online-gentei{background-color: #8C2C8D; font-size: 12px; font-weight: bold; border-radius: 3px; display: inline-block; margin-left: 10px; color: #fff; padding: 2px 10px;}
.exhibitorInfo .colR .tit span.hybrid{background-color: #2aabfd; font-size: 12px; font-weight: bold; border-radius: 3px; display: inline-block; margin-left: 10px; color: #fff; padding: 2px 10px;}

/*.exhibitorInfo .colR .tit:before{ content: ''; position: absolute; bottom: -3px; left: 0; padding-top: 3px; background: #007cbd; width: 100px;}*/
.exhibitorInfo .colR .txt{ font-size: 16px; line-height: 1.6em;}

.moreContents{ padding-top: 60px;}
.moreContents{ display: none;}


.thumbList{}
.thumbList li{ flex-basis: calc((100% - 40px)/3);}
.thumbList li a{ display: inline-block; background-color: rgba(0, 0, 0, 0.3); background-repeat: no-repeat; background-size: cover; width: 100%; padding-top: 66.5%;}
.thumbList li a.movieLink{ position: relative;}
.thumbList li a.movieLink:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../../images/list/icon_play.png) no-repeat 50% 50%/ 23%}
/*.fancybox-slide--iframe .fancybox-content { max-width: 800px; margin: 0 auto;}*/


.thumbList li .txt{ font-size: 14px;}

.inRow{ margin-top: 60px;}
.inRow [class*="titBar-"]{ padding: 0 30px; font-size: 20px; color: #fff; line-height: 62px;  border-radius: 5px; margin-bottom: 30px;}
.inRow .titBar-1{ background-color: #BF0020;}
.inRow .titBar-2{ background-color: #BF0020;}
.inRow .titBar-3{ background-color: #BF0020;}
.inRow .titBar-4{ background-color: #BF0020;}
.inRow .txt{ font-size: 16px; line-height: 1.6em;}


.moreBtn{ background: #BF0020; }


.moreBtn a{ display: block; height: 50px; background-repeat: no-repeat; background-position: 50% 50%; background-repeat: no-repeat; background-size: 83px; background-image: url(../../images/list/btn_open.png); cursor: pointer;}
.moreBtn a:hover{ opacity: 1;}
.moreBtn:hover{ background:#930019; opacity: 1;}
.list-item.open .moreBtn a{ background-image: url("../../images/list/btn_close.png");}
.list-item.open.fixed{}
.list-item.open.fixed .moreBtn{ position: fixed; bottom: 0; left: calc(50% + 240px); width: 200px; transition: all .3s; -webkit-transition: all .3s;}


.moreBtn.gray{background-color:rgba(182,182,182,1.00); pointer-events: none}


.fancybox-slide{ box-sizing: border-box;}
.fancybox-slide--iframe .fancybox-content { position: relative; width: 100%; padding-top: 56.25%; height: auto;}
.fancybox-slide--iframe .fancybox-content iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%;}

.LinkBox{padding: 40px 0 0;}
.LinkBox ul{display: flex; justify-content: flex-start;}
.LinkBox ul li{margin: 0 15px 0 0;}
.LinkBox ul li a{display: block; border-radius: 30px; background-color: #BF0020; color: white; padding: 5px 30px; transition: 0.5s;}
.LinkBox ul li a i{margin-right: 10px;}
.LinkBox ul li a:hover{background-color: #930019;}
.LinkBox ul li a.fav-on{background-color: #f36eb0;}
.LinkBox ul li a.fav-off{background-color: #ccc;}
.LinkBox ul li a.gray{pointer-events: none; background-color:rgba(182,182,182,1.00);}

.resultNum{font-size: 16px;  margin-bottom: 40px;}
.resultNum span{font-size: 180%;}


.listBtn{display: flex; justify-content: center;padding: 50px 0;}
.listBtn a{display: block; margin: 0 20px}

.btnIchiran .btn_gra{font-size: 1.63rem; color: #fff;  background: rgb(221,58,26);
background: linear-gradient(115deg, rgba(221,58,26,1) 0%, rgba(221,58,26,1) 40%, rgba(221,112,26,1) 50%, rgba(221,134,26,1) 100%); padding: 1.8rem 1rem; width: 468px; max-width: 90%;  display: block; text-align: center; border-radius: 5px;}

.btnMap .btn_gra{font-size: 1.63rem; color: #fff; background: rgb(242,94,47);
background: linear-gradient(124deg, rgba(242,94,47,1) 0%, rgba(219,50,94,1) 100%); padding: 1.8rem 1rem; width: 468px; max-width: 90%; display: block; text-align: center; border-radius: 5px;}
.btnMap.un .btn_gra{background: #B9B9B9 !important; pointer-events: none}



/*===============================
             MEDIA
================================*/
@media only screen and (max-width:971px){
	.list-item.open.fixed .moreBtn{ left: auto; right: 40px; width: 150px;}
	.list-item.open.fixed .moreBtn { background-size: 70px;}
}

@media only screen and (min-width:787px){
	.exhibitorInfo{ display: flex; justify-content: space-between;}
	.thumbList ul{ display: flex;}
	.thumbList li:nth-of-type(n+2){ margin-left: 20px;}
}

@media only screen and (max-width:786px){
	.list-item { margin-bottom: 40px;}
	.list-item .innerBox{ padding: 30px 20px;}
	.inRow [class*="titBar-"] { padding: 0 20px; font-size: 18px; line-height: 50px; margin-bottom: 20px;}
	.exhibitorInfo .colL{ text-align: center; margin-bottom: 20px;}
	.exhibitorInfo .colR .tit { font-size: 20px;}
	.exhibitorInfo .colR .txt { font-size: 14px;}
	.moreContents { padding-top: 40px;}
	.thumbList li:nth-of-type(n+2){ margin-top: 20px;}
	.inRow { margin-top: 40px;}
	.inRow .txt { font-size: 14px;}
	.catNav{flex-wrap: wrap}
	.catNav a,.zoneNav a{width: 100%;}
	.LinkBox ul{display: block;}
	.LinkBox ul li{margin-bottom: 10px;}

    .listBtn{display:block; }
    .listBtn a{margin: auto}
    .btnIchiran {margin-bottom: 20px;}
    
}

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