@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● トップページ専用CSS                                  */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*ContentsDivision*/
.ContentsDivision{
  background:#eff8fe;
}


/* --------------------------------------------------- */
/* MainImageBlock                                      */
/* メイン画像用ブロック                                */
/* --------------------------------------------------- */

/* MainImageBlock
--------------------------------------------------- */
.MainImageBlock{
  margin:0 auto;
}
.sliderNon{
  margin:0 auto;
  list-style:none;
}
.sliderNon li{
} 
.sliderNon li img{
  width:100%;
  /*box-shadow: 0 0.25em 1em rgba(0,0,0,0.25);
  border:none;*/
} 
.MainImageArea .BlockFooter{
  background: #eff8fe;
  width:100%;
  padding:3% 5%;
  padding:1.5% 5%;
  text-align:center;
  /*display:none;*/
}
.MainImageArea .BlockFooter .DateTitle{
  margin: 0 auto;
  display:inline-block;
}
/*コロナバナー*/
.MainImageArea .BlockFooter .Covid-Banner{
  display:inline-block;
  vertical-align:middle;
  margin-bottom:10px;
}
/*video追加*/
.MainImageArea .BlockFooter .DateVideo{
  margin: 10px auto 0 auto;
  display:inline-block;
  vertical-align:middle;
  width:48%;
  max-width:600px;
}
.BarcordItem{
  padding-top:10px;
  max-width:767px;
  margin:0 auto;
}
.BarcordItem a{
  background: #000d51;
  display:block;
  padding:10px;
  border:5px solid #ccc;
}
.BarcordItem a span{
  color:#fff;

}
.NewMemberBannerItem{
  padding-top:10px;
  display:inline-block;
  vertical-align:top;
  width:100%;
  max-width:1200px;
}

                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .NewMemberBannerItem{
                                width:100%;
                            }
                            body.rsbp-under-bp2 .MainImageArea .BlockFooter{
                              padding:0;
                            }

#ContentsDivision{
  margin-top:0;
}
/*
.MainImageArea .BlockFooter .DateVideoItem .DateTitle{
  display:inline-block;
  vertical-align:middle;
  padding:15px 10px;
}
  
.MainImageArea .BlockFooter .DateVideoItem .VideoTitle{
  display:inline-block;
  vertical-align:middle;
  padding:15px 10px;
}
.MainImageArea .BlockFooter .DateVideoItem .VideoTitle .MovieTitle{
  display:inline-block;
  vertical-align:middle;
  padding:0 20px;
}
.MainImageArea .BlockFooter .DateVideoItem .VideoTitle .MovieItem{
  display:inline-block;
  width:254px;
  height:141px;
  vertical-align:middle;
}
.MainImageArea .BlockFooter .DateVideoItem .VideoTitle .MovieItem > iframe{
  border:1px solid #fff;
}
*/

@media only screen and (max-width: 1200px) {
}
  .MainImageArea .DateVideoItem .VideoTitle{
    display:inline-block;
    vertical-align:middle;
    padding:15px 10px 40px 10px;

  }
  .MainImageArea .DateVideoItem .VideoTitle .MovieTitle{
    display:inline-block;
    vertical-align:middle;
    padding:0 20px 0 0;
    width:38%;
  }
  .MainImageArea .DateVideoItem .VideoTitle .MovieTitle img{
    width:100%;
    max-width:400px;
  }
  .MainImageArea .DateVideoItem .VideoTitle .MovieItem{
    display:inline-block;
    width:20%;
    height:11vw;
    vertical-align:middle;
    max-width:254px;
    max-height:141px;
  }
  .MainImageArea .DateVideoItem .VideoTitle .MovieItem > iframe{
    border:1px solid #fff;
    width:100%;
    height:11vw;
    max-width:254px;
    max-height:141px;
  }
  .MainImageArea .DateVideoItem .VideoTitle .MovieItem .MovieCaption{
    color:#222;
    font-size: calc(0.2rem + ((1vw - 3.5px) * 1.2));
    line-height: 1.6;
  }

.MainImageArea .BlockFooter .BgTopContents{


}



                            body.rsbp-over-bp1 .MainImageArea .DateVideoItem .VideoTitle .MovieItem .MovieCaption{
                              font-size:0.8em;
                            }
                            body.rsbp-under-bp2 .MainImageArea .DateVideoItem .VideoTitle .MovieItem .MovieCaption{
                              font-size:0.7em;
                            }
                            body.rsbp-under-bp3 .MainImageArea .DateVideoItem .VideoTitle .MovieItem .MovieCaption{
                              font-size:0.8em;
                            }

                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-over-bp2 .MainImageArea .BlockFooter{
                              
                            }

                            body.rsbp-under-bp2 .MainImageArea .DateVideoItem .VideoTitle .MovieTitle{
                              display:block;
                              vertical-align:middle;
                              padding:0 20px;
                              width:100%;
                            }
                            
                            body.rsbp-under-bp2  .MainImageArea .DateVideoItem .VideoTitle .MovieItem{
                              margin-top:10px;
                            }

                            body.rsbp-under-bp2 .MainImageArea .DateVideoItem .VideoTitle .MovieItem{
                              display:inline-block;
                              width:30%;
                              height:16vw;
                              vertical-align:middle;
                              max-width:254px;
                              max-height:141px;
                            }
                            body.rsbp-under-bp2 .MainImageArea .DateVideoItem .VideoTitle .MovieItem > iframe{
                              border:1px solid #fff;
                              width:100%;
                              height:16vw;
                              max-width:254px;
                              max-height:141px;
                            }
                            body.rsbp-under-bp3 .MainImageArea .DateVideoItem .VideoTitle .MovieItem{
                              display:block;
                              width:100%;
                              height:auto;
                              vertical-align:middle;
                              max-width:254px;
                              max-height:141px;
                              margin:10px auto 35px auto;
                            }
                            body.rsbp-under-bp3 .MainImageArea .DateVideoItem .VideoTitle .MovieItem > iframe{
                              border:1px solid #fff;
                              width:100%;
                              height:auto;
                              max-width:254px;
                              max-height:141px;
                            }

                            body.rsbp-under-bp3 .MainImageArea .DateVideoItem .VideoTitle{
                              padding:15px 10px 10px 10px;
                            }

/* --------------------------------------------------- */
/* トップページ 表示コンテンツ用                       */
/* --------------------------------------------------- */
.MainContentsArea{
  padding-top:20px;
}
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .MainContentsArea {
                              padding: 10px 0 10px;
                            }
.MainContentsArea .NewsArea{
  /*padding-top:20px;*/
}
     

.DefaultArea{

}
.DefaultArea .DefaultBlock{

}

.DefaultArea .DefaultBlock .BlockHeader{
  width:100%;
}

.SubMessage{
  color:#f77a0c;
  font-size:1.6rem;
  max-width:370px;
  display:block;
  width:90%;
  margin:10px auto;
  background: #fff;
}
.SeminnerBlock .SubMessage{
  max-width:480px;
}

.SearchArea .DefaultBlock .BlockContents{
  text-align:center;

}
.DefaultArea .DefaultBlock .BlockContents ul{
  list-style:none;
}
body.rsbp-over-bp2  .MainImageBlock .BlockContents{
 /* background: #060002 url(../about/img/bg_message.jpg) no-repeat top;*/
}
body.rsbp-over-bp2  .MainImageBlock .BlockContents .slideFrame{
  max-width:1330px;
  margin:0 auto 0px;
  /*background: #060002;*/
}
body.rsbp-over-bp2  .MainImageBlock .BlockContents .slideFrame{

}
body.rsbp-over-bp2  .MainImageBlock .BlockContents .slideFrame a{
  position:relative;
  box-shadow: 0 0.25em 1em rgba(0,0,0,0.25);
}

body.rsbp-over-bp2  .MainImageBlock .BlockContents .slideFrame a:hover::before{
  position: absolute;
  bottom: 10vw;
  left:50%;
  content: "scroll";
  margin-left:-60px;
  padding:20px 50px;
  background:rgba(255,255,255,0.1);
  border-radius:30px;
  z-index:2;
  color:rgba(255,255,255,0.6);
}



/*動画でわかる*/
.MovieArea{
  max-width:1100px;
  width:100%;
  margin:0 auto;
  margin-top:30px;
}
.MovieArea .BlockHeader .Heading{
  font-size:120%;
}
.MovieArea .BlockContents{
  border-top:1px solid #009bbc;
  border-bottom:1px solid #009bbc;
  padding:15px 0;
}
.MovieArea .BlockContents .Paragraph{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.MovieArea .BlockContents .Paragraph .ParagraphHeader{
  width:70%;
  vertical-align:middle;
  display: flex;
  align-items: center;

}
.MovieArea .BlockContents .Paragraph .ParagraphHeader .MTttle{
  margin-bottom:30px;
}

.MovieArea .BlockContents .Paragraph .ParagraphContents{
  width:30%;
}
.MovieArea .BlockContents .Paragraph .ParagraphContents .MovieBox{
  width:100%;
}


                    /* + + + + + レスポンシブ + + + + +  */
                    body.rsbp-under-bp2 .MovieArea{
                      padding:0 15px;
                    }
                    body.rsbp-under-bp2 .MovieArea .BlockContents .Paragraph {
                      display:block;
                    }
                    body.rsbp-under-bp2 .MovieArea .BlockContents .Paragraph .ParagraphHeader{
                      display:block;
                      width:100%;
                      max-width:550px;
                      margin:0 auto;
                    }
                    body.rsbp-under-bp2 .MovieArea .BlockContents .Paragraph .ParagraphContents{
                      display:block;
                      width:100%;
                      max-width:550px;
                      margin:0 auto;
                    }
                    body.rsbp-under-bp2 .MovieArea .BlockContents .Paragraph .ParagraphContents .SknTplMovieBox{
                      width:100%;
                    }
                    body.rsbp-under-bp2 .MovieArea .BlockContents .Paragraph .ParagraphHeader .MTttle{
                      margin-top:10px;
                      margin-bottom:10px;
                    }




/* bxslider を上書き
--------------------------------------------------- */
.MainImageBlock .bx-wrapper{
  margin: 0 auto;
}
    .MainImageBlock .bx-wrapper .bx-viewport{
      border: none;
      background: none;
      box-shadow: none;
      left: auto;
    }
    .MainImageBlock .bx-wrapper .bx-pager,
    .MainImageBlock .bx-wrapper .bx-controls-auto {
      bottom: 0;
      padding: 2vw 0;
      background: rgba(15,15,15,0.9);
    }
    .MainImageBlock .bx-wrapper .bx-pager.bx-default-pager{
    }
    .MainImageBlock .bx-wrapper .bx-pager.bx-default-pager a {
      margin: 0 1.25vw;
      position: relative;
      z-index: 100;
      width: 1vw;;
      height: 1vw;
      border-radius: 100%;
    }
    .MainImageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover {
      background: #fff;
    }
    .MainImageBlock .bx-wrapper .bx-pager.bx-default-pager a.active {
      background: #ff3264;
      -webkit-transform: scale(2);
              transform: scale(2);
    }
        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp3 .MainImageBlock .bx-wrapper .bx-pager,
        body.rsbp-under-bp3 .MainImageBlock .bx-wrapper .bx-controls-auto {
          position: static;
        }
        /* + + + + + /レスポンシブ + + + + +  */



/* --------------------------------------------------- */
/* KouenBlock                                      */
/* メイン画像用ブロック                                */
/* --------------------------------------------------- */

.KouenArea {

}
                    /* + + + + + レスポンシブ + + + + +  */
                    body.rsbp-under-bp2 .KouenArea{
                      padding:0;
                    }
/* KouenBlock
--------------------------------------------------- */


.KouenBlock{
  /*background: url(https://www.technofair.jp/img/common/decoration/bg_mainimage.png) repeat-x top center;*/
  width:100%;
}
                            body.rsbp-under-bp1 .KouenBlock{
                               min-width: 1100px;
                            }
                            body.rsbp-under-bp2 .MainImageArea .inner{
                              overflow:hidden;
                              width:100%;
                            }
                                                          
                            body.rsbp-under-bp2 .KouenBlock{
                              min-width:0;
                              /*width: -webkit-calc(100% + 20px);
                              width: calc(100% + 20px);
                              margin:0 -10px;
                              overflow:hidden;*/
                            }


.KouenBlock .ColumnGroup > .Column{
  margin-bottom:0;
}
.KouenBlock .ColumnGroup > .Column > .inner{
  padding:0;
}
.KouenBlock .SknTplTextButton{
  margin-top:0;
}

                            body.rsbp-under-bp2 .KouenBlock .ColumnGroup > .Column > .inner{
                              padding:10px 0px;
                            }

/*.KouenBlock .BlockHeader{
  width:100%;
  margin:0 auto 20px auto;
  text-align:left;
  max-width:1100px;
  font-size:200%;
}*/

.KouenBlock .BlockHeader img{
  width:54%;
  max-width:286px;
  display:inline-block;
}
.KouenBlock.SeminnerBlock .BlockHeader img{
  width:90%;
  max-width:487px;
}

.KouenBlock .BlockContents{
  width:100%;
  max-width:1100px;
}
.KouenBlock .BlockContents ul{

}
.KouenBlock .BlockContents ul{
  background:none;
  width:100%;
}
.KouenBlock .BlockContents ul li{
  float:left;
  width:33%;
  padding:0;
  margin-right:0.4%;
  
}
.KouenBlock .BlockContents ul li:last-child{
  margin-right:0;
}


.KouenBlock .BlockContents img{
  width:100%;
}

                            body.rsbp-over-bp3 .MainImageArea {
                              overflow: hidden;
                            }

                            body.rsbp-over-bp3 .KouenBlock .BlockContents img.SpItem{
                              display:none;
                            }
                            body.rsbp-under-bp2 .KouenBlock{
                              
                            }
                            body.rsbp-under-bp2 .KouenBlock .BlockContents .slideFrame{
                              background:none;
                            }
                            body.rsbp-under-bp2 .KouenBlock{
                              overflow:hidden;
                            }
                            body.rsbp-under-bp2 .KouenBlock .BlockContents{
                              margin-bottom:30px;
                              /*margin-left: -20px;
                              margin-right: -20px;
                              width: -webkit-calc(100% + 40px);
                              width: calc(100% + 40px);*/
                            }
                            body.rsbp-under-bp3 .KouenBlock{
                              background:none;
                            }
                            
                            body.rsbp-under-bp3 .KouenBlock .BlockContents{
                              margin-bottom:15px;
                            }
                            body.rsbp-under-bp3 .KouenBlock .BlockContents ul li{
                              float:none;
                              width:90%;
                              display:block;
                              margin:10px auto;
                            }
                            
                            
                            body.rsbp-under-bp3 .KouenBlock .BlockContents img.PcItem{
                              display:none;
                            }
                            
                            .KouenBlock .BlockContents .lectureSp{
                              background: url(https://www.technofair.jp/img/top/bg_lecture_sp.png) no-repeat top center;
                              background-size:auto 100%;
                              padding:15px;
                              max-width:543px;
                              width:100%;
                              display:block;
                              margin:5px auto;
                            }
                            .KouenBlock .BlockContents .SpItem{
                              padding:0 15px;
                            }
                            .KouenBlock .BlockContents .lectureSp a{
                              display:inline-block;
                              
                            }
                            .KouenBlock .BlockContents .lectureSp p{
                              text-align:left;
                              color:#fff;
                              line-height:1.5;
                              margin:5px 0;
                            }
                            .KouenBlock .BlockContents .lectureSp img{
                              margin:5px 0;
                              width:100%;
                            }
                            





/* --------------------------------------------------- */
/* トップページ 表示コンテンツ用                       */
/* --------------------------------------------------- */


/* bxslider を上書き
--------------------------------------------------- */
.KouenBlock .bx-wrapper{
  margin: 0 auto ;
  -moz-box-shadow: 0 0 0px #ccc;
  -webkit-box-shadow: 0 0 0px #ccc;
  box-shadow:none;
  border:none;
  background:none;
}
    .KouenBlock .bx-wrapper .bx-viewport{
      border: none;
      background: none;
      box-shadow: none;
      left: auto;
    }
    
    .bx-wrapper .bx-controls-direction a {
      position: absolute;
      top: 50%;
      margin-top: -16px;
      outline: 0;
      width: 32px;
      height: 32px;
      text-indent: -9999px;
      z-index: 9999;
      }
                    /* + + + + + レスポンシブ + + + + +  */
                    body.rsbp-under-bp2 .bx-wrapper .bx-controls-direction a {
                      top: 45%;
                    }
      
      
    .KouenBlock .bx-wrapper .bx-prev {
      left: 10px;
    }
    .KouenBlock .bx-wrapper .bx-next {
      right: 10px;
    }
    
    .KouenBlock .bx-wrapper .bx-pager,
    .KouenBlock .bx-wrapper .bx-controls-auto {
      bottom: -40px;
      padding: 5px 0;
      background:none;
    }
    .KouenBlock .bx-wrapper .bx-pager.bx-default-pager{
    }
    .KouenBlock .bx-wrapper .bx-pager.bx-default-pager a {
      margin: 0 0.5vw;
      position: relative;
      z-index: 100;
      width: 1vw;
      height: 1vw;
      border-radius: 100%;
      background: #eee;
    }
    .KouenBlock .bx-wrapper .bx-pager.bx-default-pager a:hover {
      background: #222;
    }
    .KouenBlock .bx-wrapper .bx-pager.bx-default-pager a.active {
      background: #ccc;
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    .KouenBlock .bx-wrapper .bx-viewport ul li{
      position:relative;
    }
    .KouenBlock .bx-wrapper .bx-viewport ul li .ImageTitle{
      position:absolute;
      color:#ddd;
      font-size:80%;
      bottom:10px;
      right:5%;
    }
    .KouenBlock .bx-wrapper .bx-viewport ul li .ImageTitle:hover{
      color:#fff;
    }
        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp2 .KouenBlock{
          background: none;
        }
        body.rsbp-under-bp2 .KouenBlock .bx-wrapper{
          margin: 0 auto 30px auto;
        }
        
        body.rsbp-under-bp2 .KouenBlock .bx-wrapper .bx-pager.bx-default-pager {
          bottom: -20px;
          -webkit-transform: scale(2);
                  transform: scale(2);
          padding: 0;
        }
        body.rsbp-under-bp3 .KouenBlock .bx-wrapper .bx-pager,
        body.rsbp-under-bp3 .KouenBlock .bx-wrapper .bx-controls-auto {
          position: static;
        }

       body.rsbp-under-bp3 .KouenBlock .bx-wrapper .bx-pager.bx-default-pager a {
        -webkit-transform: scale(2);
                transform: scale(2);
        margin: 0 1vw;
      }
      
       body.rsbp-under-bp2 .KouenBlock .bx-wrapper .bx-viewport ul li .ImageTitle{
          position:absolute;
          color:#ddd;
          font-size:70%;
          bottom:5px;
          right:5%;
        }
       body.rsbp-under-bp2 .KouenBlock .bx-wrapper .bx-viewport ul li .ImageTitle:hover{

        }
       body.rsbp-under-bp3 .KouenBlock .bx-wrapper .bx-viewport ul li .ImageTitle{
          position:static;
          color:#333;
          font-size:70%;
          text-align:right;
          margin:5px 5% -5px;
        }
       body.rsbp-under-bp2 .KouenBlock .bx-wrapper .bx-viewport ul li .ImageTitle:hover{
          color:#333;
        }
        
        
        
        /* + + + + + /レスポンシブ + + + + +  */




.ExhibiterArea {
  /*background: #fff;*/
  padding: 0 0 0px;
  margin: 0 auto 0px;
  text-align: left;
  /*background: #fff url(../img/top/bg_tern_table.png) center bottom repeat-y;*/
  background-size: 1300px auto;
}
.ExhibiterArea .DefaultBlock{
    padding: 5px 5px 0px 5px;
    margin-top:20px;
}
.ExhibiterArea .bx-wrapper{
  margin:0 auto;
}

.ExhibiterArea .bx-wrapper .bx-prev{
  left: -40px;
}
.ExhibiterArea .bx-wrapper .bx-next {
  right: -40px;
}

.BannerItem{

}
.BannerItem ul{
  list-style:none;
}
.BannerItem ul li{
  display:inline-block;
  margin:6px;
  width: -webkit-calc(16.6% - 12px);
  width:         calc(16.6% - 12px);
  width: -webkit-calc(16.0% - 12px);
  width:         calc(16.0% - 12px);
  vertical-align:middle;
  
}
.BannerItem ul li .inner{
  border:1px solid #f5f5f5;
}
.BannerItem ul li .inner a{
  display:block;
  text-align:center;
}
.BannerItem ul li .inner a img{
  display:inline-block;
}

    /* + + + + + レスポンシブ + + + + +  */
    body.rsbp-under-bp2 .ExhibiterArea .DefaultBlock{
      padding: 10px 0px 10px 0px;
    }
    body.rsbp-under-bp2 .ExhibiterArea .DefaultBlock .TopExhibiterLinkItem{
      margin:0 auto ;
    }
    body.rsbp-under-bp2 .ExhibiterArea .BasicBlock .BlockHeader.SpItem{
      display:flex!important;
    }
    
    body.rsbp-under-bp2 .BannerItem ul li{
      width: -webkit-calc(30.3% - 12px);
      width:         calc(30.3% - 12px);
    }
    body.rsbp-under-bp2 .BannerItem ul li .inner{
      text-align:center;
    }
    
    body.rsbp-under-bp3 .BannerItem ul li{
      width: 50%;
      display:block;
      margin:10px auto;
    }
    body.rsbp-under-bp3 .BannerItem ul li .inner{
      text-align:center;
      margin:5px;
    }

/*回転*/
#vortex {
  width: 800px;
  height: 300px;
  position: relative;
	margin:100px auto;
  border:1px solid red;
}
.link_box {
  width: 210px;
  height: 140px;
  border: solid 1px black;
  border-radius: 0px;
	text-align:center;
  position:relative;
}
/*
.link_box a {
	  position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}

#red{
	background-color:red;
}
#blue{
	background-color:blue;
}
#yellow{
	background-color:yellow;
}
#green{
	background-color:green;
}
#orange{
	background-color:orange;
}
*/

/*回転スライダー*/
.ExhibiterCircleArea{
  /*background:#eee;*/
  background: #fff;
  background-size: 1300px auto;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00addb+0,000923+51,0066b6+100 */
  background: rgb(0,173,219); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(0,173,219,1) 0%, rgba(0,9,35,1) 51%, rgba(0,102,182,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(0,173,219,1) 0%,rgba(0,9,35,1) 51%,rgba(0,102,182,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(0,173,219,1) 0%,rgba(0,9,35,1) 51%,rgba(0,102,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding:5px;
  border-radius:8px;
  margin:30px 5px 0;
  
}
.ExhibiterCircleArea .ExhibiterCircleBlock{
  text-align:center;
  position: relative;
  background:#fff;
  border-radius:3px;
}
.ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents{
  width:100%;
  position:relative;
}
              /* + + + + + レスポンシブ + + + + +  */

              body.rsbp-over-bp2 .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents{
                
              }
              body.rsbp-over-bp1 .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents{
                position:relative;
              }
              body.rsbp-under-bp3 .ExhibiterCircleArea{
                display:none!important;
              }
#Carousel{
  margin:0 auto;
}
#Carousel .cloud9-item, #buttons button {
  cursor: pointer;
}
#Carousel{
  width:100%;
  max-width: 1300px;
  height:500px;
  margin:0 auto;
  /*padding-right:8%;*/
  overflow:scroll;
  text-align:left;
  margin-left: -20px;
  margin-top: -30px;
}

#Carousel a:hover img{

}



#buttons{

}
.ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents #buttons{
  position: absolute;
  right: 20px;
  top: 20px;
}
.ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents .ExhibiterCircleTitle{
  position: absolute;
  top:40%;
  left:50%;
  margin-left:-277px;
  z-index: 100;
}

 /* + + + + + レスポンシブ + + + + +  */
@media only screen and (max-width: 1300px) {

              .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents{
                position: relative;
                width: 900px;
                height:400px;
                margin:0 auto;
                border:0px solid #ccc;
                overflow:hidden;
              }
              .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents #Carousel{
                position: absolute;
                top: -30px;
                left: -210px;
                padding-top:1px;
                padding-bottom:30px;
                -webkit-transform: scale(0.7);
                transform: scale(0.7);
                
              }

              .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents .ExhibiterCircleTitle{
                position: absolute;
                top:50%;
                left:50%;
                margin-top:-60px;
                margin-left:-200px;
                z-index: 100;
              }
              .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents .ExhibiterCircleTitle img{
                width:400px;
              }

}


              /* + + + + + レスポンシブ + + + + +  */
              body.rsbp-under-bp2 .ExhibiterCircleArea{
                width:96%;
                margin:20px auto 0;
              }
              body.rsbp-under-bp2 .ExhibiterCircleArea .ExhibiterCircleBlock{
                padding-top: 10px;
                border-radius: 8px;
              }
              
              body.rsbp-under-bp2 .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents{
                position: relative;
                width: 500px;
                height:250px;
                margin:0 auto;
                border:0px solid #ccc;
                overflow:hidden;
              }
              body.rsbp-under-bp2 .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents #Carousel{
                position: absolute;
                top: -90px;
                left: -400px;
                padding-top:1px;
                padding-bottom:1px;
                -webkit-transform: scale(0.4);
                transform: scale(0.4);
                
              }
              
              
              body.rsbp-under-bp2 .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents #buttons{
                position: absolute;
                right: 10px;
                top: 10px;
              }
              body.rsbp-under-bp2 .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents .ExhibiterCircleTitle{
                position: absolute;
                top:50%;
                left:50%;
                margin-top:-20px;
                margin-left:-100px;
                z-index: 100;
              }
              body.rsbp-under-bp2 .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents .ExhibiterCircleTitle img{
                width:200px;
              }
              
              
              body.rsbp-under-bp3 .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents{
                position: relative;
                width: 300px;
                height:160px;
                margin:0 auto;
                border:0px solid #ccc;
                overflow:hidden;
              }
              body.rsbp-under-bp3 .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents #Carousel{
                position: absolute;
                top: -120px;
                left: -485px;
                padding-top:1px;
                padding-bottom:1px;
                -webkit-transform: scale(0.25);
                transform: scale(0.25);
                
              }
              body.rsbp-under-bp3.SpView .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents #Carousel{
                position: absolute;
                top: -130px;
                left: -485px;
                -webkit-transform: scale(0.25);
                transform: scale(0.25);
                
              }
              
              body.rsbp-under-bp3 .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents #buttons{
                position: absolute;
                right: 10px;
                top: 10px;
              }
              body.rsbp-under-bp3 .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents .ExhibiterCircleTitle{
                position: absolute;
                top:50%;
                left:50%;
                margin-top:-5px;
                margin-left:-80px;
                z-index: 100;
              }
              body.rsbp-under-bp3 .ExhibiterCircleArea .ExhibiterCircleBlock .BlockContents .ExhibiterCircleTitle img{
                width:160px;
              }              







/*News*/
.NewsArea {
  margin-top:0px;
}
.NewsArea .BlockContents{

}



.InformationItem{
  padding: 40px 0;
  padding: 40px 0 0;
  margin-bottom: 0;
  width:100%;
  max-width:1550px;
  margin-left:auto;
  margin-right:auto;

}
.InformationItem > ul{
  height:300px;
  /*height:auto;*/
  overflow-y:auto;
}

                /* + + + + + レスポンシブ + + + + +  */
                
                body.rsbp-under-bp3 .InformationItem{
                  padding: 20px 0;
                  padding: 20px 0 0;
                }
                
                body.rsbp-under-bp3 .InformationItem > ul{
                  height:340px;
                  /*height:auto;*/
                  overflow-y:auto;
                }


.InformationItem ul{ }
.InformationItem ul li{ 

  font-size: 100%; 
  border-bottom: 1px solid #ccc;
}
.InformationItem ul li:first-child{ 
  border-top: 1px solid #ccc;
}
.InformationItem ul li .AList{
  padding: 20px 30px; 
  text-align:left;
}
.InformationItem ul li a{
  display:block;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.InformationItem ul li a:hover{ 


  background: rgb(0,173,219);
  background: -moz-linear-gradient(left, rgba(0,173,219,1) 0%, rgba(0,9,35,1) 51%, rgba(0,102,182,1) 100%);
  background: -webkit-linear-gradient(left, rgba(0,173,219,1) 0%,rgba(0,9,35,1) 51%,rgba(0,102,182,1) 100%);
  background: linear-gradient(to right, rgba(0,173,219,1) 0%,rgba(0,9,35,1) 51%,rgba(0,102,182,1) 100%);
  
  color:#fff;
  -webkit-transition: all .3s;
  transition: all .3s;
}
html > body .InformationItem ul li{ 
  height: auto; min-height: 10px;
  position:relative;
}
.InformationItem ul li .Date{ 
  display: inline-block;
  border-right: dotted 1px #000d50;
  line-height: 50px;
  padding-right: 20px;

}

.InformationItem ul li .NoteText{ 
  padding-left: 20px; 
  display: inline-block;
  max-width: 820px;
  vertical-align:middle;
  font-weight:bold;
}
.InformationItem ul li .NewData{ 
  font-size: 75%; 
  background: #ff0000;
  color: #fff;
  padding: 3px 2px;
  margin-left: 2px;
  margin-right: 2px;
  display: inline-block;
  line-height:1.1;
  vertical-align:middle;
}




                /* + + + + + レスポンシブ + + + + +  */
                
                body.rsbp-over-bp2 .InformationItem ul li .Date{ 
                  width:130px;
                }
                
                
                body.rsbp-under-bp2 .InformationItem ul li .AList{
                  padding: 20px 10px; 
                }

                /* + + + + + レスポンシブ + + + + +  */
                body.rsbp-under-bp2 .InformationItem ul li{
                  min-height:50px;
                }
                body.rsbp-under-bp2 .InformationItem ul li .Date{ 
                  border:none;
                  padding-right: 10px;
                  line-height: 1.2;
                  width: 95px;
                }
                body.rsbp-under-bp2 .InformationItem ul li .NoteText{ 
                  width: -webkit-calc(100% - 102px);
                  width:         calc(100% - 102px);
                  display: inline-block;
                  vertical-align:top;
                  padding-left: 10px;
                  border-left: dotted 1px #000d50;
                }
                
                body.rsbp-under-bp2 .InformationItem ul li .NewData{ 
                  position:absolute;
                  left:10px;
                  bottom:20px;
                }
                
/*MeritArea*/
.MeritArea{}

.MeritArea .BlockContents{
  padding-top:40px;
}

.MeritArea .LeftImage .ImageItem{
  width:30%;
}
.MeritArea .LeftImage .TextItem{
  width:65%;
}
.MeritArea .LeftImage .TextItem ul{
  list-style:disc;
  font-size:160%;
  margin-left:1em;
  margin-right:20px;
}
.MeritArea .LeftImage .TextItem ul li{
  padding:10px 0;

}

                /* + + + + + レスポンシブ + + + + +  */
                body.rsbp-under-bp2 .MeritArea .LeftImage .TextItem ul{
                  list-style:disc;
                  font-size:100%;
                  margin-left:1em;
                  margin-right:5px;
                }

                body.rsbp-under-bp2 .MeritArea .LeftImage .TextItem ul li{
                  padding:5px 0;
                }
                body.rsbp-under-bp3 .MeritArea .Image{
                  padding:0;
                  max-width:250px;
                }
                
                
                
                
.FloatButtonItem{}
.FloatButtonItem .inner{
  display:flex;
  flex-wrap: wrap;
  border:2px solid #009bbc;
  background:#fff;
}

.FloatButtonItem .inner .Main{
  width:32%;
  display:flex;
  justify-content:center;
  align-items:center;
}
.FloatButtonItem .inner .Sub{
  width:68%;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:200%;
}

.FloatButtonItem .RedgistButton{
  margin-top:0;
}
.FloatButtonItem .RedgistButton .ButtonItem {
  margin:0 auto;
  padding:10px 0;
}
.FloatButtonItem .RedgistButton .ButtonItem .Button{
  width:300px;
  font-size: 2rem;
  margin-top:0;
  padding:5px;
  margin:0;
  background:#009bbc;
  border-radius:5px;
  
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  
  
}
.FloatButtonItem .RedgistButton .ButtonItem .Button:hover{
  width:300px;
  font-size: 2rem;
  margin-top:0;
  padding:5px;
  background:#222;
}

#FloatButtonItem{
  position: sticky;
  bottom:10px;
  background:#fff;
  max-width:1100px;
  margin:0 auto 40px auto;
  z-index:260;
  display:block;
}
                /* + + + + + レスポンシブ + + + + +  */
                
                body.rsbp-under-bp2 #FloatButtonItem{
                  margin:5px;
                  width: -webkit-calc(100% - 85px);
                  width:         calc(100% - 85px);
                }
                
                body.rsbp-under-bp2 .FloatButtonItem .inner{
                  display:flex;
                  flex-wrap: wrap;
                  border:2px solid #009bbc;
                  background:#fff;

                }

                body.rsbp-under-bp2 .FloatButtonItem .inner .Main{
                  width:160px;
                  display:flex;
                }
                body.rsbp-under-bp2 .FloatButtonItem .inner .Sub{
                  display:flex;
                  font-size:110%;
                  width: -webkit-calc(100% - 160px);
                  width:         calc(100% - 160px);
                  padding:10px;
                }
                body.rsbp-under-bp2 .FloatButtonItem .RedgistButton .ButtonItem .Button{
                  width:140px;
                  font-size: 1.5rem;
                  padding: 0.4em 0 !important;
                }
                body.rsbp-under-bp3 .FloatButtonItem .inner .Main{
                  width:130px;
                  display:flex;
                }
                body.rsbp-under-bp3 .FloatButtonItem .inner .Sub{
                  display:flex;
                  font-size:70%;
                  width: -webkit-calc(100% - 130px);
                  width:         calc(100% - 130px);
                  padding:10px;
                }
                body.rsbp-under-bp3 .FloatButtonItem .RedgistButton .ButtonItem .Button{
                  width:110px;
                  font-size: 0.9rem;
                  padding: 0.4em 0 !important;
                }

/*検索*/
.ExhibiterSearchArea{}
body.rsbp-over-bp2 .ExhibiterSearchArea .BasicBlock{
  border:1px solid #333;
  border-radius:12px;
  padding: 20px;
}
body.rsbp-over-bp3 .ExhibiterSearchArea .BasicBlock{
  margin:10px
}

/*共通*/
.SearchBlock .Paragraph .ParagraphHeader {
    width: 20%;
    background: #333;
    color: #fff;
    padding: 10px;
    vertical-align: middle;
}
input[type="text"], input[type="password"], input[type="file"], textarea {
  border: 1px solid #ccc;
  box-shadow: 2px 2px 2px #eee inset;
  border-radius: 4px;
  margin: 5px;
  line-height: 1;
  padding: 8px 5px;
  vertical-align: middle;
  max-width: 95%;
  font-size:1.1em;
}
input select{
  border: 1px solid #ccc;
  box-shadow: 2px 2px 2px #eee inset;
  border-radius: 2px;
  margin:0 5px;
  line-height: 1;
  padding: 0px 5px;
  vertical-align: middle;
  max-width: 95%;
  font-size:1.1em;
}

.SelectItem{
  display:inline-block;
  margin:5px;
}
.SelectItem select{
  font-size:110%;
  padding:3px;
}
/*追記*/
.SearchArea .SearchMenu {
  padding: 0;
  text-align:left;
}

.SearchArea .IconSearchMenuItem{
  padding: 10px;
}


                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2  .SearchArea .IconSearchMenuItem{
                              padding:0;
                            }

.IconSearchMenuItem .SubParagraphContents{
  position:relative;
  margin-bottom:1%;
}
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2  .IconSearchMenuItem .SubParagraphContents{
                              
                            }

/*アイコンサーチ*/
.IconSearchMenu{
  /*position:absolute;
  left:10px;
  top:0;*/
  width:100%;
  display:block;
  height:100%;
  list-style: none;
}
.IconSearchMenu li{
  width:25%;
  height:100%;
  float:left;
  cursor:pointer;
}

/*その他*/
.SubParagraphContents.Dan3 .IconSearchMenu li{
  width:100%;
  float:none;
}


                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .IconSearchMenu li{
                              height:50%;
                              width:50%;
                            }
                            body.rsbp-under-bp2 .SubParagraphContents.Dan3 .IconSearchMenu li{
                              height:100%;
                              width:100%;
                            }


.IconSearchMenu li span{
  display:none;
}
.IconSearchMenu li.Display{
  border:0px solid red;
  position:relative;
}
.IconSearchMenu li.Display span{
  display:block;
  width:30px;
  height:30px;
  background:  url(https://www.technofair.jp/exhibitor/img/iconcheck.png) no-repeat 50% 50%;
  background-size:30px;
}
                            body.rsbp-under-bp2 .IconSearchMenu li.Display span{
                              width:22px;
                              height:22px;
                              background:  url(https://www.technofair.jp/exhibitor/img/iconcheck.png) no-repeat 50% 50%;
                              background-size:22px;
                            }

.IconSearchMenu li span{
  position:absolute;
  top:35%;
  left:76px;
}
.IconSearchMenu li{
  position:relative;
}
/*
.IconSearchMenu li:before{
  position:absolute;
  display:inline-block;
  width:21px;
  height:21px;
  top:50%;
  left:28%;
  margin-top:-10px;
  content: "";
  background:#eee ;
  border-radius:4px;
}
                            body.rsbp-under-bp2 .IconSearchMenu li:before{
                              width:15px;
                              height:15px;
                              margin-top:-7px;
                            }
*/
/*
.IconSearchMenu li.Unic1 span{
  position:absolute;
  top:16%;
  left:65%;
}
.IconSearchMenu li.Unic2 span{
  position:absolute;
  top:16%;
  left:68%;
}
.IconSearchMenu li.Unic3 span{
  position:absolute;
  top:17%;
  left:48%;
}
.IconSearchMenu li.Unic4 span{
  position:absolute;
  top:17%;
  left:48%;
}
.IconSearchMenu li.Unic5 span{
  position:absolute;
  top:19%;
  left:63%;
}
.IconSearchMenu li.Unic6 span{
  position:absolute;
  top:19%;
  left:49%;
}
.IconSearchMenu li.Unic7 span{
  position:absolute;
  top:19%;
  left:76%;
}
.IconSearchMenu li.Unic8 span{
  position:absolute;
  top:19%;
  left:85%;
}
.IconSearchMenu li.Unic9 span{
  position:absolute;
  top:19%;
  left:47%;
}




                            body.rsbp-under-bp2 .IconSearchMenu li.Display span{
                              top:22%;
                            }
                            body.rsbp-under-bp2 .IconSearchMenu li.Unic1.Display span,
                            body.rsbp-under-bp2 .IconSearchMenu li.Unic2.Display span{
                              top:18%;
                            }
                            body.rsbp-under-bp2 .IconSearchMenu li.Unic7.Display span,
                            body.rsbp-under-bp2 .IconSearchMenu li.Unic7.Display span{
                              top:26%;
                            }
                            body.rsbp-under-bp2 .IconSearchMenu li.Unic9.Display span{
                              left:68%;
                            }
*/
                            
                                                        
/*ResultArea*/

.ResultArea{
  width:100%;
}

.ResultArea .ResultBlock{
  
}

table.CompanyListTable{
  width: 100%;
  border-collapse: collapse;
  border-collapse: separate;
  border-spacing: 4px;
  background: rgba(50,50,50,0.00);
  padding: 10px;
}


    /* common */
    .CompanyListTable tr{
    }
    .CompanyListTable th,
    .CompanyListTable td{
      padding: 0.5em 0.75em;
      line-height: 1.5;
      /*border: 2px dotted rgba(150,150,150,0.25);*/
      border-bottom:1px solid #222;
    }
    .CompanyListTable th{
      text-align: center;
      letter-spacing: 0.125em;
      font-weight: 500;
      background: rgba(225,225,225,0.0);
    }
    .CompanyListTable td{
      background: rgba(255,255,255,0.0);
    }
    
    /* thead */
    .CompanyListTable thead{
    
    }
    .CompanyListTable thead th{
      padding: 0.75em 0px;
      background: #203a93;
      border: none;
      color: #fff;
      letter-spacing: 0.05em;
      text-align: center;
      overflow: hidden;
      font-size: smaller;
    }
    .CompanyListTable thead th:first-child{
      width: 70%;
    }
    /* tbody */
    .CompanyListTable tbody{
    }
    .CompanyListTable thead  + tbody{
      border-top: none;
    }
    .CompanyListTable tbody th,
    .CompanyListTable tbody td{
    }
    .CompanyListTable tbody th{
    
    }
    .CompanyListTable tbody > tr > th:not([width]){
      width: 25%;
    }
    .CompanyListTable tbody td{
    }
    .CompanyListTable tbody td + td{
    }
    .CompanyListTable tbody td .Heading{
      margin-left: 0px;
      margin-right: 0px;
    }
    
            .CompanyListTable tbody td.CompanyName{
              padding: 0.4em 0.1em 0.1em 0.2em;
            
            }
            .CompanyListTable tbody td.CompanyName a > span{
              padding:1px 8px;
            }
            .CompanyListTable tbody td.CompanyName a:hover > span{
              color:#203a93;
              background: #f5f5f5;
              padding:1px 8px;
              border-bottom:0px solid #203a93;
              border-radius:2px;
            }
            /* + + + + + レスポンシブ + + + + +  */

            body.rsbp-over-bp3 .CompanyListTable tbody td.CompanyName,
            body.rsbp-over-bp3 .CompanyListTable tbody td.TechCategory{
              position:relative;
              text-align:center;
            }
            
            body.rsbp-over-bp3 .CompanyListTable tbody td.CompanyName::before{
              position:absolute;
              border-right:2px dotted #222;
              content: "";
              width: 2px;
              display: block;
              top:0;
              right:-3px;
              height:96%;
            
            }
            body.rsbp-over-bp3 .CompanyListTable tbody td.TechCategory::before{
              position:absolute;
              border-right:2px dotted #222;
              content: "";
              width: 2px;
              display: block;
              top:0;
              right:-1px;
              height:96%;
            }
            body.rsbp-over-bp3 .CompanyListTable tbody td.CompanyName::after{
              position:absolute;
              border-left:2px dotted #222;
              content: "";
              width: 2px;
              display: block;
              top:0;
              left:-1px;
              height:96%;
            }

    
            /* + + + + + レスポンシブ + + + + +  */
            body.rsbp-under-bp3  .CompanyListTable{
              padding:0;
            }
            body.rsbp-under-bp3  .CompanyListTable thead th.CompanyName{
              background: #203a93;
            }
            body.rsbp-under-bp3  .CompanyListTable thead th.TechCategory{
              background: #eee;
              color:#222;
              border-bottom:1px solid #222;
            }
            body.rsbp-under-bp3  .CompanyListTable tbody td.CompanyName{
              border-bottom:1px solid #eee;
            }
            
            
            
            body.rsbp-under-bp3  .CompanyListTable tbody td.TechCategory{
              border-bottom:2px solid #222;
              color:#222;

              padding-top:2px;
            }
            body.rsbp-under-bp3  .CompanyListTable tbody td.TechCategory > span{
              background: #eee;
              color:#222;
              font-size:80%;
              padding:1px 8px;
              border-radius:30px;
            }
            
            
            /* notScrollable */
            body.rsbp-under-bp3  .CompanyListTable{
            }
            body.rsbp-under-bp3  .CompanyListTable:not(.NotBlockTable) > :not([class*="Scrollable"]) thead th{
              display: none;
            }
            body.rsbp-under-bp3  .CompanyListTable:not(.NotBlockTable) > :not([class*="Scrollable"]) thead th:first-child:last-child{
              display: block;
            }
            body.rsbp-under-bp3  .CompanyListTable:not(.NotBlockTable) > :not([class*="Scrollable"]) tr,
            body.rsbp-under-bp3  .CompanyListTable:not(.NotBlockTable) > :not([class*="Scrollable"]) th,
            body.rsbp-under-bp3  .CompanyListTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td{
              display: block;
              width: auto!important;
              margin-bottom: 4px;
            }
            body.rsbp-under-bp3  .CompanyListTable:not(.NotBlockTable) > :not([class*="Scrollable"]) th{
              padding: 0.25em 10px;
              width: auto;
            }
            body.rsbp-under-bp3  .CompanyListTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td{
            }
            body.rsbp-under-bp3  .CompanyListTable:not(.NotBlockTable) > :not([class*="Scrollable"]) tbody td + td{
            }
            body.rsbp-under-bp3  .CompanyListTable:not(.NotBlockTable) .NoDecoratedTable td{
              border: none!important;
            }
            
            /* Scrollable */
            body.rsbp-under-bp3  .Scrollable .CompanyListTable thead{
              display: table-header-group;
            }
            body.rsbp-under-bp3  .Scrollable .CompanyListTable thead th{
              display: table-cell;
            }
            body.rsbp-under-bp3  .Scrollable .CompanyListTable tr{
              display: table-row;
            }
            body.rsbp-under-bp3  .Scrollable .CompanyListTable th,
            body.rsbp-under-bp3  .Scrollable .CompanyListTable td{
              display: table-cell;
            }
            /* + + + + + /レスポンシブ + + + + +  */
    
    
    
.SearchArea > .inner{
  margin:20px;
}
            body.rsbp-under-bp2  .SearchArea .inner{
              margin:0;
            }



.SearchArea .SearchTableItem{
  padding:20px 0 0 0px;
}
.SearchArea .SearchTableItem  .SearchTable{
  max-width:950px;
  margin:0 auto;
  display:block;
}
.SearchArea .SearchTableItem  .SearchTable .inner{
  text-align:center;
  margin:0 -5px;
}





.SearchArea .SearchTableItem .SearchTable .Paragraph .ParagraphHeader{

}


.SearchArea .SearchTableItem .SearchTable .Paragraph .ParagraphContents{
  padding:0 10px;

}
.SearchArea .SearchTableItem .SearchTable .InlineItemGroup{
  display:inline-block;
  vertical-align:middle;
  width:49%;
  border:none;
  position:relative;
  overflow:visible!important;
  margin-bottom:30px;
  font-size: 120%;
}
/*.SearchArea .SearchTableItem .SearchTable .InlineItemGroup::before{
  content: "";
  height: 20px;
  width: 100%;
  display: block;
  position: absolute;
  background: #fad7be;
  left: 0;
  bottom: -30px;
}
.SearchArea .SearchTableItem .SearchTable .InlineItemGroup::after{
  content: "";
  height: 20px;
  width: 60px;
  display: block;
  position: absolute;
  background: #fdf1e6;
  left: 0;
  bottom: -30px;
}
*/

.SearchArea .SearchTableItem .SearchTable .InlineItem{
  display:inline-block;
  display:table-cell;
  vertical-align:middle;
}
.SearchArea .SearchTableItem .SearchTable .InlineItem select{
  margin: 0px;
  padding:2px;
  line-height: 1.6;
  font-size:1.2rem;
}
    
            /* + + + + + レスポンシブ + + + + +  */
            body.rsbp-under-bp2 .SearchArea .SearchTableItem {
              padding:0;
            }
            body.rsbp-under-bp2 .SearchArea .SearchTableItem  .SearchTable{
             display:block;
             margin:0 0;
             width:100%;
             border:none;
            }
            body.rsbp-under-bp2 .SearchArea .SearchTableItem .SearchTable .InlineItemGroup{
              border:0px solid #ccc;
              display:block;
              width:100%;
              border-bottom:5px solid #fff;
            }
            body.rsbp-under-bp2 .SearchArea .SearchTableItem  .SearchTable .inner{
              text-align:center;
              margin:0;
            }
            body.rsbp-under-bp2 .SearchArea .SearchTableItem .SearchTable .Paragraph .ParagraphHeader{
              white-space: nowrap;
              border-radius:0;
              width: 160px;
            }
            body.rsbp-under-bp2 .SearchArea .SearchTableItem .SearchTable .Paragraph .ParagraphHeader span{
              width:150px;
              text-align:left;
              display:block;
              font-size:0.8rem;
            }
            body.rsbp-under-bp2 .SearchArea .SearchTableItem .SearchTable .Paragraph .ParagraphContents{
              padding:0 5px;
            }








/*検索ボタン*/

.SearchArea{

}
.SearchArea .SknTplTextButton.SearchButton {

}
            /* + + + + + レスポンシブ + + + + +  */
            body.rsbp-under-bp2 .SearchArea .SknTplTextButton.SearchButton {
              margin-top:0;
              padding:0;
            }
.SearchArea .SknTplTextButton.SearchButton .ButtonItem{
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  /*background: #f5f5f5;*/
}
            /* + + + + + レスポンシブ + + + + +  */
            body.rsbp-under-bp2 .SearchArea .SknTplTextButton.SearchButton .ButtonItem{
              background: none;
            }



.SearchArea .SknTplTextButton.SearchButton  .Button{
  position: relative;
  display: inline-block;
  text-align: center;
  border-radius: 2px;
  border: 0px solid #727171;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 2rem;
  padding:10px;
  min-width:300px;
  background: #009bbc;
  color: #fff;

}
.SearchArea .SknTplTextButton.SearchButton  .Button:hover {
  position: relative;
  display: inline-block;
  text-align: center;
  border-radius: 2px;
  border: 0px solid #727171;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 2rem;
  padding:10px;
  min-width:300px;
  background: #222;
  opacity: 1;
}

.BannerArea .BannerBlock {
  text-align:center;
}
.BannerArea .BannerBlock a{
  display:inline-block;
}



/* + + + + + レスポンシブ + + + + +  */
body.rsbp-under-bp2 .SecondBanner .BannerBlock{
  overflow:hidden;
 
}
body.rsbp-under-bp2 .SecondBanner .BannerBlock > a{
  margin: 0 2%;
}



/*ボタン*/
.TopExhibiterLinkItem{
  margin:15px auto;
  text-align:center;
}



.IconSearchMenuItem .SubParagraphContents{
  position:relative;
  /*height:60px;
  margin-bottom: 3.5%;*/
}

.IconSearchMenuItem .SubParagraphContents ul{
  max-width:1264px;
  margin:0 auto;
  display:block; 
}
.IconSearchMenuItem .SubParagraphContents ul li{
  margin:0 10px;
  width: -webkit-calc(25% - 20px);
  width: calc(25% - 20px);
  max-width:294px;
  position:relative;
  /*max-height:70px;*/
  padding:5px;
  margin:10px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00addb+0,000923+51,0066b6+100 */
  background: rgb(0,173,219); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(0,173,219,1) 0%, rgba(0,9,35,1) 51%, rgba(0,102,182,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(0,173,219,1) 0%,rgba(0,9,35,1) 51%,rgba(0,102,182,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(0,173,219,1) 0%,rgba(0,9,35,1) 51%,rgba(0,102,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: 3px 3px 5px rgba(0,0,0,0.15);
  border-radius: 6px;
}
.IconSearchMenuItem .SubParagraphContents ul li.Display{
  background: green;
}


.IconSearchMenuItem .SubParagraphContents ul li .PictIcon{
  display:block;
  border:5px solid #fff;
  border-radius: 3px;
  padding-bottom:30%;
  margin:0px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.IconSearchMenuItem .SubParagraphContents ul li .PictIcon:hover{
  opacity: 0.9;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.IconSearchMenuItem .SubParagraphContents ul li.Unic1 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_1.png) no-repeat 0 0;
  background-size:100% auto;
}
.IconSearchMenuItem .SubParagraphContents ul li.Unic2 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_2.png) no-repeat 0 0;
  background-size:100% auto;
}
.IconSearchMenuItem .SubParagraphContents ul li.Unic3 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_3.png) no-repeat 0 0;
  background-size:100% auto;
}
.IconSearchMenuItem .SubParagraphContents ul li.Unic4 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_4.png) no-repeat 0 0;
  background-size:100% auto;
}
.IconSearchMenuItem .SubParagraphContents ul li.Unic5 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_5.png) no-repeat 0 0;
  background-size:100% auto;
}
.IconSearchMenuItem .SubParagraphContents ul li.Unic6 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_6.png) no-repeat 0 0;
  background-size:100% auto;
}
.IconSearchMenuItem .SubParagraphContents ul li.Unic7 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_7.png) no-repeat 0 0;
  background-size:100% auto;
}
.IconSearchMenuItem .SubParagraphContents ul li.Unic8 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_8.png) no-repeat 0 0;
  background-size:100% auto;
}
.IconSearchMenuItem .SubParagraphContents ul li.Unic9 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_9.png) no-repeat 0 0;
  background-size:100% auto;
}
.IconSearchMenuItem .SubParagraphContents ul li.Unic10 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_10.png) no-repeat 0 0;
  background-size:100% auto;
}
.IconSearchMenuItem .SubParagraphContents ul li.Unic11 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_11.png) no-repeat 0 0;
  background-size:100% auto;
}
.IconSearchMenuItem .SubParagraphContents ul li.Unic12 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_12.png) no-repeat 0 0;
  background-size:100% auto;
}
.IconSearchMenuItem .SubParagraphContents ul li.Unic13 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_13.png) no-repeat 0 0;
  background-size:100% auto;
}
.IconSearchMenuItem .SubParagraphContents ul li.Unic14 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_14.png) no-repeat 0 0;
  background-size:100% auto;
}
.IconSearchMenuItem .SubParagraphContents ul li.Unic15 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_15.png) no-repeat 0 0;
  background-size:100% auto;
}
/*
.IconSearchMenuItem .SubParagraphContents ul li.Unic16 .PictIcon{
  background:#fff  url(https://www.technofair.jp/img/top/exhibit/image_title_16.png) no-repeat 0 0;
  background-size:100% auto;
}
*/
.IconSearchMenuItem .SubParagraphContents ul li.Unic1




            /* + + + + + レスポンシブ + + + + +  */
            
            body.rsbp-under-bp2  .ExhibiterBlock{
              padding-bottom:0;
            }
            
            body.rsbp-under-bp2 .TopExhibiterLinkItem{
              margin:30px auto 00px auto;
              text-align:center;
            }
            body.rsbp-under-bp2 .IconSearchMenuItem .SubParagraphContents{
              /*position:relative;
              height:25vw;
              margin-bottom:0;*/
            }

            body.rsbp-under-bp2 .IconSearchMenuItem .SubParagraphContents ul{
              /*max-width:600px;
              margin:0 auto;
              position:static;*/
              width:98%;
              margin:0 auto;
            }
            
            body.rsbp-under-bp2 .IconSearchMenuItem .SubParagraphContents ul li{
              margin:5px;
              width: -webkit-calc(50% - 10px);
              width: calc(50% - 10px);
              /*padding-bottom:14%;*/
            }
            body.rsbp-under-bp3 .IconSearchMenuItem .SubParagraphContents{
              /*position:relative;
              height:25vw;*/
            }
            
/*バナーエリア*/            
.ExiviterArea{
  width:100%;
  margin:0 auto;
  max-width:1300px;
}
.ExiviterArea .ExiviterBlock{
  margin-top:0;
}
.ExiviterArea .BlockHeader{
  width:100%;
  margin:0 auto;
  max-width:950px;
  text-align:left;
  position:relative;
}

.ExiviterArea .ListRight{
  text-align:right;
  width:80px;
  padding-right:15px;
  position:absolute;
  right:10px;
  bottom:15px;
}


.ExiviterArea .DefaultBlock .BlockHeader {
  max-width: 1300px;
}

            /* + + + + + レスポンシブ + + + + +  */
            
            body.rsbp-under-bp2  .ExiviterArea .ExiviterBlock{
              margin-top:0;
              padding-top:0;
            }
            
            
            

.EndBlock{
  margin:20px auto; 
  max-width:950px; 
  padding:20px;
  text-align:center;
}
.EndBlock .EndText{
  color:#fff;
  font-size:150%;
}

.EndBlock .EndBlockTitle{
  margin: 15px auto 0px; 
  font-size:120%; 
  font-weight:bold; 
  border-radius:0; 
  padding: 0.3em;
  background: #bce5f9;
  color: #222;
}
.EndBlock table{ 
  border-collapse: collapse; 
  width: 100%;
  border: solid 1px #ccc; 
}
.EndBlock th,
.EndBlock td{ 
  font-size: 110%; 
  border: solid 1px #ccc; 
  text-align: center; 
  padding: 3px 5px;
  background: #f9fcff;
}
.EndBlock th{
  background-color: #93d3f2;
  color: #222;
  position:relative;
}
.EndBlock th:after{ 
  position:absolute;
  content: "";
  top:0;
  right:0;
  width:1px;
  height:100%;
  background:#fff;
  z-index:2;
}
.EndBlock th:last-child:after{
  display:none;
}

.EndBlock .UnderComment{
  color:#fff;
  margin-top:10px;
  font-size:160%
}
  .EndBlock .UnderComment br{
    display:none;
  }


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


  .EndBlock .EndText{
    color:#fff;
    font-size:110%;
  }
  .EndBlock th,
  .EndBlock td{ 
    font-size:100%; 
  }
  
  .EndBlock .UnderComment{
    color:#fff;
    margin-top:5px
    font-size:110%
  }
  .EndBlock .UnderComment br{
    display:block;
  }

}



/*バナー会期*/
.TextBannerBlock{
  margin:20px auto;
  width:100%;
  max-width:1200px;
}
.TextBannerBlock .TextBannerItem.DisNone{
  display:none!important;
}
.TextBannerBlock .TextBannerItem .inner{
  margin-top:10px;
  padding:0;
  width:100%;

}
.TextBannerBlock .TextBannerItem .inner.TypeGR2{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#299a0b+0,299a0b+100;Green+Flat+%231 */
background: linear-gradient(to bottom,  #299a0b 0%,#299a0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background:#fff;
  box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.5);
  border:1px solid #222;
}


.TextBannerBlock .TextBannerItem .inner .TBannerHead{
  /*width: -webkit-calc(100% - 210px);
  width:         calc(100% - 210px);*/
  color:#fff;
  color:#222;
  text-align: left;
  display:flex;
  flex-wrap: wrap;

}
.TextBannerBlock .TextBannerItem .inner .TBannerHead .Date1{
  width:340px;
  justify-content: center;
  align-items: center;
  display:flex;
  background:#383f40;
  background:#2366cf;
  padding:5px;
  font-size:100%;

  line-height:1.0;

  border-radius:0;
  color:#216fc1;
  font-weight:600;
  white-space:normal;
  text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,
              -1px 1px 0 #fff, 1px -1px 0 #fff,
              0px 1px 0 #fff,  0-1px 0 #fff,
              -1px 0 0 #fff, 1px 0 0 #fff;
}
.TextBannerBlock .TextBannerItem .inner .TBannerHead .Date1 .DateVertical{

}

.TextBannerBlock .TextBannerItem .inner .TBannerHead .Date1 br{
  display:none;
}
.TextBannerBlock .TextBannerItem .inner .TBannerHead .Date1 .Sub{
  font-size:160%;
  color:#fff;
  font-weight:bold;
  margin-left:2px;
  margin-right:2px;
  text-shadow:1px 1px 0 #222, -1px -1px 0 #222,
              -1px 1px 0 #222, 1px -1px 0 #222,
              0px 1px 0 #222,  0-1px 0 #222,
              -1px 0 0 #222, 1px 0 0 #222,
              0 0.1em 0.2em rgba(0,0,0,0.5);

}
.TextBannerBlock .TextBannerItem .inner .TBannerHead .Date1 .DateKikan{
  color:#ffff00;
  display:block;
  font-size:130%;
  padding-top:10px;
}


.TextBannerBlock .TextBannerItem .inner .TBannerHead .Main{
  display:block;
  font-size:130%;
  font-weight:bold;
  padding:10px 5px;
  
  width: -webkit-calc(100% - 345px);
  width:         calc(100% - 345px);
  text-align:center;
}
.TextBannerBlock .TextBannerItem .inner .TBannerHead .Main .SubDirMain{
  text-align:left;
  display:inline-block;
  max-width:700px;
}
.TextBannerBlock .TextBannerItem .inner .TBannerHead .SpMain{
  display:inline-block;
  margin:5px 15px;
  font-size:120%;
}

.TextBannerBlock .TextBannerItem .inner .TBannerHead .BFText{
  display:inline-block;
  font-size:130%;
  font-weight:bold;
  /*text-shadow: 0 0.1em 0.2em rgba(0,0,0,0.5);*/
  margin-right:10px;
  min-width:400px;
}


.TextBannerBlock .TextBannerItem .inner .TBannerHead .BFSubText{
  display:inline-block;
  font-size:130%;
  color:#ffff00;
  color:#222;
  /*text-shadow: 0 0.1em 0.2em rgba(0,0,0,0.5);*/
}
.TextBannerBlock .TextBannerItem .inner .TBannerHead .BFSubText br{
  display:none;
}
.TextBannerBlock .TextBannerItem .inner .TBannerHead .BFSubText .KawariMasu{
  font-size:170%;
  margin-left:5px;
}

.TextBannerBlock .TextBannerItem .inner .TBannerBottom{
  font-size:85%;
  width:210px;
  color:#eee;
  font-weight:bold;
  background:#666;
  padding:15px 20px;
}
@media screen and (max-width: 1200px) {

  .TextBannerBlock .TextBannerItem .inner .TBannerHead .Main .SubDirMain{
    max-width:600px;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .SpMain{
    font-size:90%;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .Date1{
   padding:0;
  }

  .TextBannerBlock .TextBannerItem .inner .TBannerHead .BFText{
    min-width:300px;
  }
  


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


  .TextBannerBlock .TextBannerItem .inner .TBannerHead .BFText{
    min-width:260px;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .Date1{
    width:270px;
    font-size:82%;
    padding:0;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .Main{
    width: -webkit-calc(100% - 275px);
    width:         calc(100% - 275px);
    font-size:100%;
  }

}




@media screen and (max-width: 760px) {
  .TextBannerBlock{
    max-width:640px;
  }
  .TextBannerBlock .TextBannerItem .inner{
    display:block;
    padding:10px;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerHead{
    width:100%;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .Date1{
    white-space:normal;
    display:block;
    border-radius:0;
    font-size:85%;
    padding:10px 5px;
    width:100%;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .Date1 .Sub{
    display:inline-block;
    padding:0 10px;
  }

  .TextBannerBlock .TextBannerItem .inner .TBannerHead .SpMain{
    display:inline-block;
    margin:5px 10px;
    font-size:100%;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .Main{
    width:100%;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .BFSubText{
    display:inline-block;
    margin-left:0;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .BFSubText br{
    display:inline-block;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .BFSubText .KawariMasu{

  }
  
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .BFText{
    min-width:260px;
  }


}

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

  .TextBannerBlock .TextBannerItem .inner .TBannerHead .Date1{
    text-align:center;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .Date1 .DateKikan{
    padding-top:10px;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .BFText{
    display:inline-block;
    font-size:120%;
    font-weight:bold;
    text-shadow: 0 0.1em 0.2em rgba(0,0,0,0.5);
    text-align:left;
  }


  .TextBannerBlock .TextBannerItem .inner .TBannerHead .BFSubText{
    display:inline-block;
  }
  
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .SpMain{
    display:block;
  }
  
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .SpMainDw .BFSubText{
    text-align:center;
  }
  
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .BFSubText .KawariMasu{
    font-size:120%;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerBottom{
    text-align:center;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerBottom > span{
    display:block;
  }
}

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

  .TextBannerBlock .TextBannerItem .inner .TBannerHead .BFText{
    text-align:center;
  }
  .TextBannerBlock .TextBannerItem .inner .TBannerHead .SpMain{
    display:block;
    text-align:center;
  }
}