@media all and (min-width:960px) and (max-width:1200px){}
@media print, screen and (max-width: 960px){}
@media print, screen and (min-width: 640px){}
@media print, screen and (max-width: 750px){

}

/*==========================================
close up
========================================== */
.post .title {
display: none;
}
/*swiper*/
.swiper img {
  width: 100%;
}
.swiper-area {
  margin-bottom: 3rem;
  background: linear-gradient(0deg, #eeeeeeff 20%, #ffffff 50%);
}
a.swiper-slide {
  text-decoration: none;
  color: #222222;
}
.slide-content {}
.slide-content h5 {
  font-size: clamp(1.0rem, 2vw, 1.2rem);
  margin: 1rem;
}
.slide-content p {
  font-size: clamp(.8rem, 2vw, .85rem);
  margin: 1rem;
}
.swiper-button-next, .swiper-button-prev {
  color: #ffffff;
  background-color: #00000022;
  padding: 2rem 1.5rem;
  border-radius: .3rem;
}
.swiper-pagination {
  position: relative;
}
.swiper-pagination-bullet {
  width: 2rem;
  border-radius: 1rem;
}
.swiper-thumb {
  background-color: #77797a;
}
.swiper-thumb .swiper-wrapper {
justify-content: center;
  align-items: center;
  padding: .2rem;
}
.swiper-thumbs .swiper-slide {
  opacity: .7;
}

.swiper-thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
/* swiper end */

.company-box {
}
.company-box figcaption {
  font-size: 1.1rem;
  padding: .4rem 0;
}
.company-box a {
  text-decoration: none;
  color: #333333;
  text-align: center;
}
.company-box a:hover {
  color: #000000;
}
.directions_menu_box {
  text-align:center;
}
.directions_menu_box .h-style3 {
  border: none;
}
#directions_menu {
  margin-left: 1.0rem;
  justify-content: center;
}
#directions_menu > li,
.lower-layout-area .pc-main #directions_menu li {
  margin-right: 1.5rem;
  line-height: 1.3;
  text-indent: -.5rem;
  font-size: 1.1rem;
}
.lower-layout-area .pc-main #directions_menu li a {
  padding: 1.0rem 1.2rem;
  color: #444444;
  padding-left: 2rem;
  border-radius: .5rem;
  background-color: #f9f7ed;
  border: 2px solid #b5a344;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: bold;
  display: block;
}
.lower-layout-area .pc-main #directions_menu li a:hover {
  color: #000000;
  opacity: .85;
}
.lower-layout-area .pc-main #directions_menu li a i {
color: #b5a344;
}
.closeup_article {
  width:clamp(640px,80%,800px);
  	margin-right: auto;
	margin-left: auto;
  
}
.closeup_post .closeup_article {
	padding-top:20px;
  border-top: none;
}
.closeup_post .closeup_pagenav {
	margin-top:40px;
}
.area {
  color: #666666;
  line-height: 1.2;
}
.icon-virtual {
  height: 18px;
  margin-bottom: 4px;
}
.article_tag {
  font-size: .7rem;
  color: #ffffff;
  background-color: #93c51f;
  display: inline-block;
  padding: .3rem;
  border-radius: .2rem;
  line-height: 1;
	margin-bottom:5px;
}
.article_venue {
}
.venue_h4 {
  float: left;
  margin-right: 0rem;
  font-size: .7rem;
  color: #ffffff;
  background-color: #007bff;
  display: inline-block;
  padding: .3rem;
  border-radius: .2rem;
  line-height: 1;
	margin-bottom:5px;
}
.venue_list {
  margin-bottom: 2rem;
  display: flex;
  flex-wrap: wrap; 
}
.venue_list li {
  margin-left: 1rem;
}
.venue_list li:after {
  content: "/";
  margin-left: 1rem;
}
.venue_list li:last-child:after {
  content: "";
}
.lower-layout-area .pc-main .article_title {
	width:100%;
	font-size:130%;
	color:#1D69B6;
  margin-bottom: 5px;
  line-height: 1.4;
}
.article_company {
	width:100%;
	font-size:160%;
	font-weight:normal;
	margin-bottom:16px;
  background-color: #f5f5f5;
  padding: .3rem .5rem .3rem 2.5rem;
  border-radius: .2rem;
position: relative;
  overflow: hidden;
}
.article_company:after {
  content: "";
  width: 10px;
height: 4em;
color: #FFFFFF;
  position: absolute;
  background-color: #0056b3;
left: 0px;
  top: 0;
  bottom: 0;
}
.lower-layout-area .pc-main .article_company a {
  color: #222222;
  text-decoration: none;
}
.article_url {
	clear: both;
	font-size:100%;
	margin-bottom:2rem;
}
.article_url a {
	color:#1D69B6;
}
.article_url a::before {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    content: "";
    display: inline-block;
    background: url(../../common/img/arrow_01.png) no-repeat 0 1px;
    vertical-align: middle;
  }
.article_text{
	clear: both;
	line-height:1.8;
	margin-bottom:24px;
}
.article_img {
	/*clear: both;*/
  margin-bottom:9px;
  margin-right: auto;
	margin-left: auto;
}
.article_img img {
  /*width: 100%;*/
  max-height: 800px;
}
.article_img figcaption {
	/*clear: both;*/
	margin-top:8px;
	margin-bottom:24px;
	text-align:left;
  border-left: 3px solid #93c51f;
  padding-left: .7rem;
}
.closeup_article ul li.bn_end {
	text-align:center;
}
.closeup_pagenav {
  margin-top: 80px;
	text-align:center;
	display:block;
}
.closeup_post .closeup_pagenav {
	margin-top: 40px;
}
.closeup_pagenav ul {
	display: flex;
  justify-content: center;
  flex-wrap:wrap; 
}
.closeup_pagenav ul li {
	text-align:center;
	border:1px solid #dddddd;
  background-color: #eeeeee;
  margin-right:4px;
  margin-bottom: 1rem;
	font-weight:bold;
	display:inline-block;
  border-radius: 3px;
}
.lower-layout-area .pc-main .closeup_pagenav ul li a {
  padding: .5rem 1.0rem;
  color: #222222;
  text-decoration: none;
  display: block;
}
.lower-layout-area .pc-main .closeup_pagenav ul li.current {
  padding: .5rem 1.0rem;
  background-color: #ffffff;
}
.closeup_pagenav ul li:hover {
    background-color: #dddddd;
}
.closeup_pagenav ul li a:hover {
  opacity: .8;
}
.pagenav_top.closeup_pagenav ul {
	justify-content: space-between;
}
.pagenate .top,
.pagenate .next,
.pagenate .back {
  background-color: transparent;
}
.pagenate .back {
  margin-right: .8rem;
}
.pagenate .next {
  margin-left: .8rem;
}
.pagenate .dot {
  border: none;
  padding: .5rem .5rem;
  background-color: transparent;
	margin-right:8px;
	margin-left:8px;
}
.pagenate .dot:hover {
  background-color: transparent;
}
@media print, screen and (max-width: 767px){
.carousel.slide {
    width:100%;
  }
  #directions_menu {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
  #directions_menu > li,
  .lower-layout-area .pc-main #directions_menu li {
    margin-right: 0;
  }
.lower-layout-area .pc-main #directions_menu li a {
display: block;
padding: .5rem .9rem;
  padding-left: 2rem;
border-radius: 2rem;
background-color: #f9f7ed;
border: 1px solid #b5a344;
    text-decoration: none;
    text-align: left;
font-size: .9rem;
font-weight: bold;
  }
  .venue_h4 {
  }
  .venue_list li span {
    display: none;
  }
  .lower-layout-area .pc-main .venue_list li {
    font-size: .8rem;
    margin-left: .5rem;
    margin-right: .0rem;
  }
  .venue_list li:after {
    content: "/";
    margin-left: .5rem;
  }
.closeup_article {
  width: 100%;
  
}
  .closeup_article .close_up_midashi {
    font-size:100%;
  }
  .closeup_article .close_up_shamei {
    font-size:120%;
  }
  .pagenate .back span ,
  .pagenate .next span {
    display: none;
  }
}

@media print, screen and (min-width: 768px){
  .lower-layout-area .single-col-layout .pc-main {width: 100%;}
}
@media print, screen and (max-width: 767px){
  .lower-layout-area .single-col-layout .pc-main {width: 93%;}
}

/*.directions_menu li + li:last-child,
.center_main + .center_main:last-child {
  display: none;
}*/

/* インデックスへ戻る */
 a.backtoindex {
  text-decoration: none;
  display: inline-block;
  box-sizing: border-box;
  background: #ccdbe8;
  padding: .5rem;
  display: block;
  text-align: center;
  margin-bottom: 3rem;
  transition: all .3s;
  color: #033c81;
  border-radius: .2rem;
}
.backtoindex .arrow-back:before {
  width: 8px;
  height: 8px;
  margin-right: 7px;
  content: "";
  display: inline-block;
  border: solid 2px #033c81;
  border-width: 0 0 2px 2px;
  transform: rotate(45deg);
  margin-bottom: 2px;
}
.backtoindex:hover {
  opacity: .95;
  padding-right: .6rem;
  background: #dcdfe2;
}

/*==========================================
　出展者クローズアップ　サイドメニュー
========================================== */

.sidemenu {
  margin-top: 2rem;
	text-align:left;
} 
.side_block {
  margin-bottom: 2rem;
}
.side_h3 {
    margin-bottom:10px;
    padding: .8rem 8px;
    background-color: #f8f8f8;
    color:#2d70b8;
    border-left:8px #91b4d7 solid;
}
.sidemenu ul li {
	padding:.5rem 0 .5rem 0px;
	line-height:1.5;
	font-size:16px;
	border-bottom:1px dotted #999;
	color:#888;
}
.sidemenu ul li.current {
	background-color:#EDEDED;
}
.sidemenu ul li a{
	color:#444;
  display: block;
}
.sidemenu ul li:hover {
}
.sidemenu ul li:hover a{
    background-color: #dddddd;
	color:#2d70b8;
}
@media print, screen and (max-width: 767px){

.sidemenu {
  display: none;
} 
}