@charset "utf-8";

/* ================================================================================
common
================================================================================= */
.mfair2018 #contents { padding-top: 20px; }

#contents {
  padding:0;
  background:transparent;
}
.bg_gray,
.bg_white {
  margin-top:10px;
  padding:40px;
  background:#fff;
}
.bg_gray {
  background:#f5f5f5;
}
.ttl_line {
  margin-bottom:15px;
  padding:10px;
  border-top:2px solid #000;
  border-bottom:2px solid #000;
  font-size:24px;
  text-align:center;
}
.pic_shadow {
  display:inline-block;
  box-sizing:border-box;
  padding:9px;
  background:#fff;
  border:1px solid #f4f4f4;
  box-shadow:0px 1px 8px -2px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 8px -2px rgba(0,0,0,0.4);
  -webkit-box-shadow:0px 1px 8px -2px rgba(0,0,0,0.4);
}


/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.bg_gray, .bg_white {
  padding:20px;
}
}

.txt_ttl_en { }

/* ================================================================================
mv
================================================================================= */
.mv {
  max-width:1280px;
  margin:0 auto 10px;
}
.mv img {
  width:100%;
  height:auto;
}

/* ================================================================================
page_nav
================================================================================= */
.page_nav li { width:25%; }
/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
	.page_nav li { width:100%; }
}

.bg_gray { padding-top: 0; }

h3 { margin-bottom: 1em; font-weight: bold; }

h4 { margin-bottom: 0.3em; font-weight: bold; }

.item_lineup { display: flex; flex-wrap: wrap; }

.item_lineup .booth { width:49%; margin-bottom: 1em; }
.item_lineup .booth h3 a { display: block; }
.item_lineup .booth:nth-child(odd) { margin-right: 1%; }
.item_lineup .booth:nth-child(even) { margin-left: 1%; }

.item_detail { display: flex; flex-wrap: wrap; margin-bottom:1em; }
.item_detail .item { width: 49%; position: relative; }
.item_detail .item img { width:100%; height: auto; margin-bottom: 0.3em; border:1px solid #ebebeb; }
.item_detail .item img.icon_ichioshi_medama { position:absolute; left: -5px; top:7.5em; width:60px; height: auto; border: none; }

.item_profile { padding: 0.3em; border-top:1px solid #ccc; }
.item_profile p { font-size: 0.7rem; }
.item_detail .item.item_ichioshi { margin-right:1%; }
.item_detail .item.item_medama { margin-left:1%; }

.photo_with_text { display: flex; }
.photo_with_text .photo { width:50%; }
.photo_with_text .photo img { width: 100%; height: auto; }
.photo_with_text .text { width:50%; padding: 1em; background: #f5f5f5; box-sizing: border-box; }

.photo_with_text_shop { display: flex; }
.photo_with_text_shop .photo { width:30%; }
.photo_with_text_shop .photo img { width: 100%; height: auto; }
.photo_with_text_shop .text { width:40%; padding: 1em; background: #f5f5f5; box-sizing: border-box; }

.item_sell { display: flex; flex-wrap: wrap; }
.item_sell div { width:25%; padding: 0.5em; box-sizing: border-box; }

.item_sell img { width:100%; height: auto; }

.artistpass { margin-top: 1em; display: flex; box-sizing: border-box; padding: 0.5em;  background: #fff; align-items: center; }
.artistpass .pass_img { margin-right: 2em; }

.food_text { margin-bottom: 1em; padding: 1em; background: #f5f5f5; box-sizing: border-box; }

.shop_lineup { display: flex; }
.shop_lineup .col { width:32%; margin-right: 2%; }
.shop_lineup .col img { width:100%; height: auto; margin-bottom: 0.3em; border:1px solid #ebebeb; }
.shop_lineup .col:nth-child(3n) { margin-right: 0; }

.toggle { position: relative; display: block; margin: 0 1em 1em; padding:0.5em 1em; border:1px solid #000; text-align: center; }

.toggle:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -0.9rem;
  content: '>';
  font-size: 8px;
  font-size: 1rem;
  font-weight: bold;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear; }
.toggle.active:after {
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }
  
.ac_inner { display: none; }

@media only screen and (max-width:750px) {
.txt_ttl { font-size: 20px; line-height: 120%; }
.item_lineup,.item_detail,.photo_with_text,.shop_lineup,.photo_with_text_shop { display: block; }
.item_lineup .booth,.item_detail .item,.photo_with_text .photo,.photo_with_text .text,.photo_with_text_shop .photo,.photo_with_text_shop .text,.shop_lineup .col { width:100%; margin-left: 0!important;margin-right:0 !important; }
.artistpass .pass_img { margin-right: 0.5em; }
.item_detail .item { margin-bottom: 1em; }
.item_lineup .booth,.shop_lineup .col { margin-bottom: 2em; }
.food_text .aligncenter { text-align: left!important; }

.item_sell div { width:50%; padding: 0.3em; box-sizing: border-box; }
}


/* ================================================================================
clearfix
================================================================================= */
.page_nav:after,
#exhibitors .group:after {
  content: "";
  clear: both;
  display: block;
}