@charset "utf-8";

.shutten_index .txt_ttl { padding-bottom: 5px; }

/* ソートナビ */
.sort_navi { margin-bottom:20px; padding:15px; border:1px solid #000; border-top:none; }
.sort_navi li { float:left; margin:0 15px 5px 0; cursor:pointer; }

.select { float:none; margin-bottom:0; padding:10px; background:#000 url(../../../2016/common/img/icon_up_white.png) no-repeat 1% 50%; background-size:10px 6px; color:#fff; text-align:center; }
.select.active { margin-bottom:10px; background-image: url(../../../2016/common/img/icon_down_white.png); }

.select span:first-child { position:relative; left:3em; }
.select span.text_click { float:right; position:relative; top:0.2em; font-size:0.6rem; }

.sort_navi li img { display:block; }

/* 五十音順で絞り込む */
#cate_alphabet {  }
#cate_alphabet span { display:block; padding:10px 15px; background:#000; color:#fff; border-radius:3px; }

#cate_alphabet li#tags_all { padding-top:25px; cursor:pointer; }

/* カテゴリで絞り込む */
#cate_genre {  }
#cate_genre li { width:130px; margin:0 10px 5px 0; border:2px solid #000; border-radius:3px; }
#cate_genre li:last-child { margin-right:0; }
#cate_genre li img { width:100%; max-width: 100%; height:auto; }
#cate_genre li span { display:block; min-height:35px; padding:5px 2px; background:#000; color:#fff; font-size:0.7rem; text-align:center; }

#cate_genre li#tags_all2 { width:auto; margin:80px 0 0 0; border:none; }

#cate_genre li span.single_line { min-height:32px; padding-top:13px; padding-bottom:0; }

#cate_genre #tags_acce span { font-size:0.5rem; }

#cate_alphabet .selected,
#cate_genre .selected { opacity:0.4; }

/* ================================================================================
common_exhibitors
================================================================================= */
.ttl_exhibitors img {
  max-width:111px;
}
.txt_supp { margin-top: -2.5em; text-align: right; }

/* ================================================================================
tab 
================================================================================= */
.tab_box {
  margin-top:90px;
  position:relative;
  background:#fff;
}
.digimart { position:relative; background:#fff; }


.tab_exhibitors {
  position:absolute;
  top:-50px;
  left:0;
  width:100%;
}
.tab_exhibitors li {
  float:left;
  width:24%;
  margin-left:1.3%;
}
.tab_exhibitors li:first-child {
  margin-left:0;
}
.tab_exhibitors li a {
  display:block;
  position:relative;
  height:50px;
  padding-top: 0.7em;
  background:#ccc;
  line-height:1.4;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  border-radius:5px 5px 0 0;
  box-sizing: border-box;
}
.tab_exhibitors li a:hover {
  background:#ddd;
}
.tab_exhibitors li a:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width:100%;
  max-width:150px;
  height:17px;
  /* background:url(../../../2016/common/img/tab_exhibitors/sales_area_pc.png) center center no-repeat; 
  background-size:100% auto; */
}
.tab_exhibitors li.current a,
.tab_exhibitors li.current a:hover {
  background-color:#fff;
}
/*
.tab_exhibitors li:nth-child(1) a:after {
  background-image:url(../../../2016/common/img/tab_exhibitors/exhibition_pc.png);
}
.tab_exhibitors li:nth-child(2) a:after {
  background-image:url(../../../2016/common/img/tab_exhibitors/sales_area_pc.png);
}
.tab_exhibitors li:nth-child(3) a:after {
	background-image:url(../../../2016/common/img/tab_exhibitors/mall_pc.png);
}
.tab_exhibitors li:nth-child(4) a:after {
	background-image:url(../../../2016/common/img/tab_exhibitors/class_pc.png);
}
.tab_exhibitors li:nth-child(1).current a:after {
  background-image:url(../../../2016/common/img/tab_exhibitors/exhibition_on_pc.png);
}
.tab_exhibitors li:nth-child(2).current a:after {
  background-image:url(../../../2016/common/img/tab_exhibitors/sales_area_on_pc.png);
}

.tab_exhibitors li:nth-child(3).current a:after {
  background-image:url(../../../2016/common/img/tab_exhibitors/mall_on_pc.png);
}
.tab_exhibitors li:nth-child(4).current a:after {
  background-image:url(../../../2016/common/img/tab_exhibitors/class_on_pc.png);
}
*/
.tab_exhibitors li.current a:before {
  content:"";
  display:block;
  position:absolute;
  left:0;
  right:0;
  bottom:0px;
  margin:auto;
  width:65%;
  height:2px;
  background:#f00;
  
}
.tab_exhibitors li:nth-child(2).current a:before { width:43%; }
.tab_exhibitors li:nth-child(3).current a:before { width:72%; }



/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
article img { max-width: 100%; height: auto; }

.tab_exhibitors li a { padding-top: 1rem; font-size: 0.8rem; }
.tab_exhibitors li:nth-child(3) a { padding-top: 0.7em; }
.txt_supp { margin-top:0; margin-bottom: 1em; text-align: right; }
.aligncenter.txt_shutten { text-align: left !important; }
/*
.txt_supp {
  position:absolute;
  top:119px;
  right:0;
  left:0;
  margin:0 auto;
  font-size:12px;
  text-align:center;
}
*/
.tab_box {
  margin-top:70px;
}

.sort_navi { display:none; margin-bottom:20px; padding:5px; border:1px solid #000; border-top:none; }
.sort_navi li { float:left; margin:0 5px 5px 0; cursor:pointer; }

.select { float:none; margin-bottom:10px; padding:10px; background:#000 url(../../../2016/common/img/icon_down_white.png) no-repeat 1% 50%; background-size:10px 6px; color:#fff; text-align:center; }
.select.active { margin-bottom:0; background-image: url(../../../2016/common/img/icon_up_white.png); }

.select span:first-child { left:1em; font-size:0.9em; }

/* 五十音順で絞り込む */
#cate_alphabet {  }
#cate_alphabet span { padding:5px 10px; }

#cate_alphabet li#tags_all { padding-top:10px; cursor:pointer; }

/* カテゴリで絞り込む */
#cate_genre {  }
#cate_genre li { width:30%; margin-right:5px; }
#cate_genre li:nth-child(3n+1) { clear:left; }
#cate_genre li:nth-child(3n),
#cate_genre li:last-child { margin-right:0; }

#cate_genre li span { display:block; min-height:42px; padding:5px 2px 2px 2px; background:#000; color:#fff; font-size:0.6rem; text-align:center; }
#cate_genre li span.single_line { min-height:37px; padding-top:13px; padding-bottom:0; }

#cate_genre li#tags_all2 { width:60%; margin-top:35px; text-align:center; }
#cate_genre #tags_acce span { font-size:0.45rem; }

/* SP版の画像は準備中のため保留
.tab_exhibitors li a {
  height:50px;
}
.tab_exhibitors li a:hover {
  background:#ddd;
}
.tab_exhibitors li a:after {
  max-width:70px;
  height:34px;
  background:url(../img/tab_exhibitors/sales_area_sp.png.html) center center no-repeat;
  background-size:100% auto;
}
.tab_exhibitors li:nth-child(2) a:after {
  background-image:url(../img/tab_exhibitors/exhibition_sp.png.html);
}
.tab_exhibitors li:nth-child(3) a:after {
  background-image:url(../img/tab_exhibitors/brand_sp.png.html);
}
.tab_exhibitors li:nth-child(1).current a:after {
  background-image:url(../img/tab_exhibitors/sales_area_on_sp.png.html);
}
.tab_exhibitors li:nth-child(2).current a:after {
  background-image:url(../img/tab_exhibitors/exhibition_on_sp.png.html);
}
.tab_exhibitors li:nth-child(3).current a:after {
  background-image:url(../img/tab_exhibitors/brand_on_pc.png.html);
}
.tab_exhibitors li.current a:before { width:70%; }
.tab_exhibitors li:nth-child(2).current a:before { width:70%; }
.tab_exhibitors li:nth-child(3).current a:before { width:70%; }
*/

}

/* ================================================================================
clearfix
================================================================================= */
.tab_exhibitors:after {
  content: "";
  clear: both;
  display: block;
}