@charset "UTF-8";
/*=======*/
/* index */
/*=======*/
/* ttl-area
-----------------------------------*/
.ttl-area {
  background: url(/images/index/h_bg01.jpg) no-repeat top center;
  background-size: cover;
}
@media (max-width: 767px) {
  .ttl-area {
    background-image: url(/images/index/h_bg01_sp.jpg);
  }
}
.ttl-area .ttl01 {
  background: none;
}
.ttl-area .sec-news {
  max-width: 934px;
  padding: 20px;
  background-color: #FFF;
  margin: -40px auto 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 1472px) {
  .ttl-area .sec-news {
    width: 63%;
    margin-top: -2.7vw;
  }
}
@media (max-width: 767px) {
  .ttl-area .sec-news {
    width: 95%;
    margin-top: 0;
    padding: 16px;
  }
}
.ttl-area .sec-news .ttl {
  color: #f15a24;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .ttl-area .sec-news .ttl {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.ttl-area .sec-news .list-news {
  padding-right: 32px;
}
.ttl-area .sec-news .list-news li {
  display: flex;
  font-size: 18px;
}
@media (max-width: 767px) {
  .ttl-area .sec-news .list-news li {
    font-size: 14px;
  }
}
.ttl-area .sec-news .list-news li .date {
  color: #f15a24;
  font-weight: bold;
  width: 120px;
}
.ttl-area .sec-news .list-news li dl {
  width: calc(100% - 120px);
}
.ttl-area .sec-news .list-news li dl dt {
  font-weight: bold;
}
.ttl-area .sec-news .list-news li + li {
  margin-top: 1em;
}
.ttl-area .sec-news .scroll-area {
  max-height: 9em;
}
@media (max-width: 767px) {
  .ttl-area .sec-news .scroll-area {
    max-height: 12em;
  }
}
.ttl-area .sec-news .scroll-area .simplebar-track {
  background: #ccc;
}
.ttl-area .sec-news .scroll-area .simplebar-track .simplebar-scrollbar:before {
  background: #f15a24;
  border-radius: 0;
  top: 4px;
  bottom: 4px;
  left: 3px;
  right: 3px;
  opacity: 1;
}
@media (max-width: 767px) {
  .ttl-area .sec-news .scroll-area .simplebar-track .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 1.5px;
    right: 1.5px;
  }
}
.ttl-area .sec-news .scroll-area .simplebar-track.simplebar-vertical {
  width: 12px;
}
@media (max-width: 767px) {
  .ttl-area .sec-news .scroll-area .simplebar-track.simplebar-vertical {
    width: 6px;
  }
}
.ttl-area .bg-btm {
  text-align: center;
  margin-top: -84px;
}
@media (max-width: 1472px) {
  .ttl-area .bg-btm {
    margin-top: -5.7vw;
  }
}
@media (max-width: 767px) {
  .ttl-area .bg-btm {
    margin-top: 0;
  }
}

.buyer .ttl-area {
  background-image: url(/images/buyer/h_bg01.jpg);
}
@media (max-width: 767px) {
  .buyer .ttl-area {
    background-image: url(/images/buyer/h_bg01_sp.jpg);
  }
}
.buyer .bt-maker {
  position: fixed;
  top: 45%;
  right: 0;
  z-index: 100;
}
@media (max-width: 767px) {
  .buyer .bt-maker {
    width: 100%;
    top: inherit;
    bottom: 0;
  }
}
.buyer .bt-maker a {
  display: flex;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  border: 2px solid #009245;
  border-right: none;
  background-color: #009245;
  padding: 12px 16px;
  border-radius: 16px 0 0 16px;
  text-decoration: none;
  transition: 0.5s all;
}
.buyer .bt-maker a:hover {
  color: #009245;
  background-color: #FFF;
}
@media (max-width: 767px) {
  .buyer .bt-maker a {
    width: 100%;
    height: 52px;
    justify-content: center;
    border: 2px solid #009245;
    border-bottom: none;
    border-radius: 16px 16px 0 0;
  }
}
@media (max-width: 767px) {
  .buyer footer {
    padding-bottom: 80px;
  }
}

/* 見出し
-----------------------------------*/
.h01 {
  color: #f15a24;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  display: table;
  margin: 0 auto;
  background-image: url(/images/index/ic01.svg);
  background-repeat: no-repeat;
  background-size: auto 28px;
  background-position: left 5px;
  padding: 4px 32px;
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .h01 {
    font-size: 20px;
    background-size: auto 20px;
    padding: 4px 24px;
    margin-bottom: 16px;
  }
}
.h01.type02 {
  background-image: url(/images/index/ic02.svg);
  background-position: left 6px;
  padding: 4px 28px;
}
@media (max-width: 767px) {
  .h01.type02 {
    padding: 4px 22px;
  }
}
.h01.type03 {
  background-image: url(/images/index/ic04.svg);
  padding: 4px 36px;
}
@media (max-width: 767px) {
  .h01.type03 {
    padding: 4px 28px;
  }
}

.buyer .h01 {
  color: #662D91;
}

.h02 {
  font-size: 1.1em;
  font-weight: 500;
}

.h03 {
  color: #662D91;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .h03 {
    font-size: 18px;
    margin-bottom: 16px;
  }
}

/* 出展申込はこちら
-----------------------------------*/
.sec-entry {
  padding: 64px 0;
}
@media (max-width: 767px) {
  .sec-entry {
    padding: 32px 0;
  }
}
.sec-entry .tx01 {
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin: 24px auto 36px;
}
@media (max-width: 767px) {
  .sec-entry .tx01 {
    font-size: 20px;
    margin: 16px auto 20px;
  }
}
.sec-entry .block-entry {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 36px;
}
@media (max-width: 767px) {
  .sec-entry .block-entry {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 24px;
  }
}
.sec-entry .block-entry .box {
  width: 50%;
  max-width: 470px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #e6e6e6;
  font-size: 15px;
}
@media (max-width: 767px) {
  .sec-entry .block-entry .box {
    width: auto;
    max-width: 450px;
    gap: 14px;
    font-size: 14px;
    margin: 0 auto;
    padding: 20px;
  }
}
.sec-entry .block-entry .box .bn01 {
  display: block;
}
.sec-entry .block-entry .box .bn01 a {
  display: flex;
  transition: 0.5s all;
}
.sec-entry .block-entry .box .bn01 a .tx {
  position: relative;
  width: 87%;
}
.sec-entry .block-entry .box .bn01 a .tx span {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #FFF;
  font-size: clamp(16px, 1vw, 20px);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.sec-entry .block-entry .box .bn01 a .arrow {
  width: 13%;
  background: url(/images/common/arrow_ic02.svg) no-repeat center;
  background-size: clamp(16px, 0.9375vw, 18px) auto;
  background-color: #f15a24;
}
.sec-entry .block-entry .box .bn01 a:hover {
  opacity: 0.7;
}
.sec-entry .block-entry .box .bn01 a:hover img {
  opacity: 1;
}
.sec-entry .block-entry .box .bn01.food a .arrow {
  background-color: #009245;
}
.sec-entry .block-entry .box .list-bn li + li {
  margin-top: 12px;
}
.sec-entry .block-tel {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .sec-entry .block-tel {
    display: table;
    margin: 0 auto;
  }
}
.sec-entry .block-tel .tx {
  font-size: 16px;
  font-weight: bold;
  border-top: 3px solid;
  border-bottom: 3px solid;
  margin-bottom: auto;
  padding: 4px 0;
}
@media (max-width: 936px) {
  .sec-entry .block-tel .tx {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .sec-entry .block-tel .tx {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
.sec-entry .block-tel dl {
  display: flex;
  font-weight: bold;
  white-space: nowrap;
  line-height: 1;
  gap: 8px;
}
.sec-entry .block-tel dl dt {
  font-size: 28px;
}
@media (max-width: 767px) {
  .sec-entry .block-tel dl dt {
    font-size: 20px;
  }
}
.sec-entry .block-tel dl dd {
  font-size: 32px;
}
@media (max-width: 767px) {
  .sec-entry .block-tel dl dd {
    font-size: 24px;
  }
}
.sec-entry .block-tel dl dd span {
  display: block;
  font-size: 0.5em;
  margin-top: 8px;
  text-align: right;
}
@media (max-width: 767px) {
  .sec-entry .block-tel dl dd span {
    font-size: 14px;
  }
}
.sec-entry .block-tel.type02 {
  display: table;
  margin: 0 auto;
}
@media (max-width: 936px) {
  .sec-entry .block-tel.type02 .tx {
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .sec-entry .block-tel.type02 .tx {
    flex-direction: column;
  }
}
.sec-entry .block-tel.type02 dl {
  margin-top: 12px;
  justify-content: center;
}
.sec-entry .block-tel.type02 dl dd span {
  text-align: left;
}
.sec-entry .block + .block {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .sec-entry .block + .block {
    margin-top: 32px;
  }
}
.sec-entry .list01 {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}
@media (max-width: 767px) {
  .sec-entry .list01 {
    flex-direction: column;
    gap: 20px;
  }
}
.sec-entry .list01 li {
  width: 50%;
  max-width: 470px;
  border-radius: 15px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sec-entry .list01 li {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    border-radius: 10px;
  }
}
.sec-entry .list01 li a {
  display: flex;
  transition: 0.5s all;
  position: relative;
  text-decoration: none;
  font-size: clamp(24px, 1.5625vw, 30px);
}
@media (max-width: 767px) {
  .sec-entry .list01 li a {
    font-size: 20px;
  }
}
.sec-entry .list01 li a .tx {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2em;
  z-index: 1;
}
.sec-entry .list01 li a .tx span {
  color: #FFF;
  font-weight: bold;
  min-width: 8em;
}
.sec-entry .list01 li a .tx .arrow {
  width: clamp(60px, 3.90625vw, 75px);
  height: clamp(60px, 3.90625vw, 75px);
  border: 2px solid #FFF;
  border-radius: 50%;
  background: url(/images/common/arrow_ic02.svg) no-repeat center;
  background-size: 40% auto;
}
@media (max-width: 767px) {
  .sec-entry .list01 li a .tx .arrow {
    width: 52px;
    height: 52px;
  }
}
.sec-entry .list02 {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  max-width: 860px;
  margin: 0 auto 36px;
}
@media (max-width: 767px) {
  .sec-entry .list02 {
    flex-direction: column;
    gap: 20px;
  }
}
.sec-entry .list02 li {
  width: 50%;
  max-width: 400px;
}
@media (max-width: 767px) {
  .sec-entry .list02 li {
    width: 100%;
    margin: 0 auto;
  }
  .sec-entry .list02 li .com-bt02 {
    font-size: 20px;
  }
  .sec-entry .list02 li .com-bt02 a {
    height: 64px;
  }
  .sec-entry .list02 li .com-bt02 a .arrow {
    width: 36px;
    height: 36px;
  }
}
.sec-entry .list02 li .tx {
  font-size: clamp(20px, 1.25vw, 24px);
  font-weight: bold;
  text-align: center;
  margin-top: 0.5em;
}

/* 開催概要
-----------------------------------*/
.sec-gaiyo {
  background-color: #fbe1c3;
  padding: 64px 0;
}
@media (max-width: 767px) {
  .sec-gaiyo {
    padding: 32px 0;
  }
}
.sec-gaiyo .box {
  background-color: #FFF;
  padding: 36px 32px 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sec-gaiyo .box {
    padding: 20px 24px;
  }
}
.sec-gaiyo .box + .bt-dl {
  margin-top: 44px;
}
@media (max-width: 767px) {
  .sec-gaiyo .box + .bt-dl {
    margin-top: 28px;
  }
}
.sec-gaiyo .h01 {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .sec-gaiyo .h01 {
    margin: 0 0 16px;
  }
}
.sec-gaiyo .scroll-area {
  padding-bottom: 28px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .sec-gaiyo .scroll-area {
    padding-bottom: 22px;
    margin-bottom: 0;
  }
}
.sec-gaiyo .scroll-area .simplebar-track {
  background: #ccc;
}
.sec-gaiyo .scroll-area .simplebar-track .simplebar-scrollbar:before {
  background: #f15a24;
  border-radius: 0;
  left: 4px;
  right: 4px;
  top: 3px;
  bottom: 3px;
  opacity: 1;
}
@media (max-width: 767px) {
  .sec-gaiyo .scroll-area .simplebar-track .simplebar-scrollbar:before {
    left: 2px;
    right: 2px;
    top: 1.5px;
    bottom: 1.5px;
  }
}
.sec-gaiyo .scroll-area .simplebar-track.simplebar-horizontal {
  height: 12px;
}
@media (max-width: 767px) {
  .sec-gaiyo .scroll-area .simplebar-track.simplebar-horizontal {
    height: 6px;
  }
}
.sec-gaiyo table {
  width: 100%;
}
.sec-gaiyo table tr:first-child th, .sec-gaiyo table tr:first-child td {
  border-top: 2px solid;
}
.sec-gaiyo table th, .sec-gaiyo table td {
  padding: 16px;
  border-bottom: 2px solid;
}
.sec-gaiyo table th {
  font-weight: inherit;
  padding-left: 0;
}
.sec-gaiyo table .border-r {
  font-size: 0;
  padding: 0 8px 0 0;
  border-right: 2px solid;
}
.sec-gaiyo table .border-l {
  font-size: 0;
  padding: 0 0 0 8px;
  border-left: 2px solid;
}
.sec-gaiyo table .list-dl01 {
  margin-top: 0.8rem;
}
.sec-gaiyo table .list-dl01 dt {
  color: #0071BC;
  font-size: 1.1em;
  font-weight: 500;
}
.sec-gaiyo table .list-dl01 + .h02 {
  margin-top: 1.6rem;
}
.sec-gaiyo .bt-dl {
  display: table;
  margin: 0 auto;
}
.sec-gaiyo .bt-dl a {
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  width: 518px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f15a24;
  text-decoration: none;
  border: 2px solid #f15a24;
  transition: 0.5s all;
}
@media (max-width: 767px) {
  .sec-gaiyo .bt-dl a {
    font-size: 16px;
    width: 270px;
    height: 46px;
  }
}
.sec-gaiyo .bt-dl a span {
  background: url(/images/index/ic03.svg) no-repeat left center;
  background-size: auto 38px;
  padding-left: 38px;
}
@media (max-width: 767px) {
  .sec-gaiyo .bt-dl a span {
    background-size: auto 28px;
    padding-left: 28px;
  }
}
.sec-gaiyo .bt-dl a:hover {
  color: #f15a24;
  background-color: #FFF;
}

.buyer .sec-gaiyo {
  background-color: #DCDFEC;
}
.buyer .sec-gaiyo .bt-dl {
  margin: 32px 0 16px;
}
.buyer .sec-gaiyo .bt-dl a {
  background-color: #662D91;
  border-color: #662D91;
  border-radius: 15px;
}
@media (max-width: 767px) {
  .buyer .sec-gaiyo .bt-dl a {
    border-radius: 10px;
  }
}
.buyer .sec-gaiyo .bt-dl a:hover {
  color: #662D91;
  background-color: #FFF;
}
.buyer .sec-gaiyo .sec-access {
  margin: 28px 0 44px;
  padding-bottom: 44px;
  border-bottom: 2px solid;
}
@media (max-width: 767px) {
  .buyer .sec-gaiyo .sec-access {
    margin-bottom: 0;
    padding-bottom: 28px;
  }
}
.buyer .sec-gaiyo .sec-access .list-dl02 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 36px;
  margin: 28px 0;
}
@media (max-width: 767px) {
  .buyer .sec-gaiyo .sec-access .list-dl02 {
    flex-direction: column;
    gap: 20px;
    margin: 20px 0;
  }
}
.buyer .sec-gaiyo .sec-access .list-dl02 dl {
  display: flex;
  align-items: center;
  gap: 14px;
}
@media (max-width: 767px) {
  .buyer .sec-gaiyo .sec-access .list-dl02 dl {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
}
.buyer .sec-gaiyo .sec-access .list-dl02 dl dt {
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 32px;
  line-height: 1;
  background-color: #662D91;
}
@media (max-width: 767px) {
  .buyer .sec-gaiyo .sec-access .list-dl02 dl dt {
    width: 100%;
    justify-content: flex-start;
    padding: 0 8px;
  }
}
.buyer .sec-gaiyo .sec-access .com-bt02 {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .buyer .sec-gaiyo .sec-access .com-bt02 {
    margin-top: 28px;
  }
}
@media (max-width: 767px) {
  .buyer .sec-gaiyo .h03 {
    margin-top: 20px;
  }
}
.buyer .sec-gaiyo .il {
  overflow-x: auto;
}
@media (max-width: 767px) {
  .buyer .sec-gaiyo .il img {
    max-width: 768px;
  }
}
.buyer .sec-gaiyo .il .list-note {
  margin-top: 1em;
}

/* 会場MAP
-----------------------------------*/
.buyer .sec-map {
  background-color: #D5D9E7;
  padding: 64px 0;
}
@media (max-width: 767px) {
  .buyer .sec-map {
    padding: 32px 0;
  }
}
.buyer .sec-map .com-bt02 {
  margin-top: 44px;
}
@media (max-width: 767px) {
  .buyer .sec-map .com-bt02 {
    margin-top: 28px;
  }
}

/* footer
-----------------------------------*/
footer {
  padding-top: 56px;
}
@media (max-width: 767px) {
  footer {
    padding-top: 28px;
  }
}
footer .list-img {
  display: none;
}
/*# sourceMappingURL=index.css.map */