@charset "utf-8";
/* レイアウトのためのCSS */

body{
    background:#f0f0f0;
   font-family: Oswald, sans-serif;
	color: #333;
	font-size:1rem;
	line-height:1.85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%; 
	word-wrap: break-word;
}
.commingsoon{
	    max-width: 1200px;
	width: 96%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #c9c9c9;
    padding: 2%;
}
.commingsoon img{
	width: 65%;
	
}
.ecbn-selection-right-footer2{
	display: none;
}
a.btn-flat {
  overflow: hidden;
  padding: 1.5rem 6rem;
  color: #fff;
  border-radius: 0;
  background: #e60012;
}

a.btn-flat span {
  position: relative;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 30px;
  width: 150%;
  height: 500%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-70%) rotate(135deg);
  transform: translateX(-98%) translateY(-70%) rotate(135deg);
  background: #004098;
}

a.btn-flat:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(135deg);
  transform: translateX(-9%) translateY(-25%) rotate(135deg);
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.count{
    width: 100%;
    font-family: Oswald, sans-serif;
    font-weight: 800;
    font-size: 1.5vw;
    color: white;
    position: absolute;
    top: 76px;
    right: -78vw !important;
}

@media screen and (max-width:768px) {
	.about{
		    width: 96%;
    margin-left: auto;
    margin-right: auto;
	}
	#slider{
		    width: 100%;
    height: calc(var(--vhkv, 1vh) * 100 - 8.9rem);
    max-height: 100vh;
	}
	.logo_men{
		width: 100%;
		text-align: center
	}
	.logo_men img{
		
		margin-left: auto;
		margin-right: auto;
		height: 65px;
	}
	.header_line{
		width: 100%;
		        height: 65px;
        position: fixed;
        top: 0px;
        z-index: 10;
		        background-color: rgba(0, 0, 0, 0.3);
        border-style: solid;
        border-width: 0;
        border-color: #e5e7eb;
	}
	#header_line.scrolled {
		transition: transform 0.5s ease;
		transition: background-color 0.5s ease 0s;
    background-color: #004198;
  }
	.map{
		width: 100%;
		text-align: center;
	}
	.map img{
		width: 95%;
		}
	.ex_link{
		text-align: center;
		
		padding-top: 20px!important;
	}
	.ex_link a{
		border: #FFFFFF 1px solid;
	}
	#exhibitors .ecbn-selection-item{
		text-align: center!important;
		color: #FFFFFF;
	}
	.ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li a, .ecbn-selection-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li a{
		           padding: 7px 1.7vw !important;
	}
	.ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li, .ecbn-selection-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li{
	width: initial!important;	
	}
	.black_back{
		padding-top: 130px!important;
	}
	    .sns span {
        border: #000000 1px solid;
        display: flex;
			        margin-top: 45%;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
	    .sns {
        display: flex;
        width:93%;
        margin-left: auto;
        margin-right: auto;
			        margin-top: 10vw;
        margin-bottom: -17vw;
			font-weight: 600;
    }
	.sns li{
		        width: calc(100% / 6);
		 padding: 5px;
	}
	.sns img{
		width: 100%;
       
	}
	.more_box{
		width: 100%;
		        text-align: center;
        margin-top: 45px;
	}
	.btn,
a.btn,
button.btn {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
      padding: 0.5rem 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #FFFFFF;
	   margin-left: auto;
	margin-right: auto;
}
	.sentence{
		font-size: 1rem!important;
	}
	h3{
		font-size: 1.5rem!important;
		text-align: center;
	}
	h3 span{
		font-size: 1.4rem!important;
	}
	.count{
		height: 14vw;
		font-size: 1rem!important;
	}
body{
	font-size:0.8rem;
	}
}

ul{
	margin:0;
	padding: 0;
	list-style: none;
}

a{
	color: #333;
    outline: none;
}

a:hover,
a:active{
	text-decoration: none;
}


/*数字カウント*/

.progressbar-text{
    font-size:5rem;
   font-family: 'Italianno', cursive;
}

.progressbar-text span{
    font-size:2rem;
}

/*横幅が768px以下になった際の指定*/
@media only screen and (max-width:768px) {
.progressbar-text{
    font-size:3rem;
}
.progressbar-text span{
    font-size:1.3rem;
}

}


/* heading */

.heading-block{
	    font-family: Oswald, sans-serif;
    position: absolute;
	z-index: 2;
	top: 47%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	font-weight: 800;
}

.heading-block h1{
    font-size:3vw;
	letter-spacing: 0.2em;
	color: #fff;
    line-height: 1;
   
}

.heading-block p{
    font-size:2vw;
	letter-spacing: 0.2em;
	color: #fff;
}
/*横幅が768px以下になった際の指定*/
@media only screen and (max-width:768px) {
  .heading-block h1{
    font-size:-1em;
    }
.heading-block p{
    font-size:1.5em;
    }
}

/* sns icon */
#sns-icon img{
    width: 20px;
}

#sns-icon{
    position: absolute;
    right:20px;
    top:45%;
}

#sns-icon li{
     margin:0 0 15px 0;   
}

/* copyright */

small{
    position: absolute;
    left:20px;
    top:70%;
    color: #fff;
    letter-spacing: 0.1em;
    line-height: 1;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
@media only screen and (min-width:768px) {
	iframe{
		width: 100%;
		height: 600px;
		
	}
	.heading-block{
		top:52%!important;
	}
	h2{
		display: none!important;
	}
	.heading-block img {
	width: 38vw!important;
	
	}
	.logo_men{
		width: 100%;
		text-align: left;
	}
	.logo_men img{
		
		margin-left: auto;
		margin-right: auto;
		height: 65px;
	}
	.header_line{
		background: #004198;
		width: 100%;
		        height: 65px;
        position: fixed;
        top: 0px;
        z-index: 10;
	}
	
	
	.btn,
a.btn,
button.btn {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
      padding: 0.5rem 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #FFFFFF;
	    float: right;
    bottom: 24px;
    right: 10px;
}
	.sns {
		display: flex;
		max-width:1000px; 
		margin-left: auto;
		margin-right: auto;
	}
	.sns li{
		width: calc(100% / 6);
	}
	.sns img{
		width: 100%;
		padding: 40px;
	}
	.sns p{
		font-weight: 600;
    padding-top: 36%;
	}
	.sns span{
		        border: #000000 1px solid;
        display: flex;
        margin-top: 45%;
	}
	.map img{
		height: auto;
  transition: transform .4s ease; /* ゆっくり変化させる */
		width: 100%;
	}
	.map{
		cursor: pointer;
  max-width: 1200px;
  overflow: hidden;
  width: 100%;
	}
	.map:hover img{
		 transform: scale(1.1);
	}
section{
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	
	#exhibitors ul{
		display: flex;
	}
	.ecbn-selection-item .ecbn-selection-detail--caption .ecbn-selection-caption, .ecbn-selection-item .ecbn-selection-detail--free-comment .ecbn-selection-free-comment{
		max-height: 45px!important;
	}
}
section{
	padding: 1%;
	        margin: 30px auto 20px auto;
}
h3{
	font-size: 6.5vh;
	  font-family: Oswald, sans-serif;
	font-style: italic;
	font-weight: 800;
	line-height: 2.5rem;
	margin-bottom: 4vh;
}
h3 span{
	font-size: 1.8rem;
	
}

.timer{
   font-size: 3vw!important;
}
.ecbn-selection-page-tabs li a{
	border: 1px solid #C1C1C1!important;
	font-family: Oswald, sans-serif;
	font-weight: 800;
	font-size: 1rem!important;
}
#exhibitors img{
	    border-radius: 50%;
      
}