@charset "utf-8";
/* Author: Hosaka */
/* ---------------------------------------------------
	出店者ページ
------------------------------------------------------ */

.exbt-link {margin-bottom: 60px;}
.exbt-link ul {display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; width: 100%; list-style: none;}
.exbt-link ul li {width: 30%; margin-right: 5%; margin-bottom: 15px;}
.exbt-link ul li:nth-child(3n) {margin-right: 0;}
.exbt-link ul li:last-child {margin-right: auto;}
.exbt-link ul li a {display: inline-block; width: 100%; background: #222222; color: #FFF; text-decoration: none; text-align: center; padding: 10px 0; border-radius: 5px; cursor: pointer;}


.exbt-anchor {margin-bottom: 80px;}
.exbt-anchor h2 {position: relative; font-weight: 400; font-style: normal; font-size: 36px; line-height: 1.6; color: #000; margin: 0 auto 30px; padding: 0; border-left: none; text-align: center; display: flex; justify-content: space-between; align-items: center;}
.exbt-anchor h2:before {content: ""; display: inline-block; width: 100%; height: 5px; border-top: 2px solid #000; border-bottom: 1px solid #000; margin-top: -3px;}
.exbt-anchor h2:after {content: ""; display: inline-block; width: 100%; height: 5px; border-top: 2px solid #000; border-bottom: 1px solid #000; margin-top: -3px;}
.exbt-anchor h2 span {display: inline-block; width: 100%; padding: 0 25px; white-space: nowrap;}
.exbt-anchor ul {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width: 100%; list-style: none;}
.exbt-anchor ul::before {content: ""; display: block; width: 210px; order: 20;}
.exbt-anchor ul::after {content: ""; display: block; width: 210px;}
.exbt-anchor ul li {width: 210px; min-height: 124px; margin-right: 0; margin-bottom: 10px; box-sizing: border-box; position: relative;}
.exbt-anchor ul li:nth-child(4n) {margin-right: 0;}
.exbt-anchor ul li .tit {text-align: center; color: #FFF; padding: 10px 0; line-height: 1; letter-spacing: -0.1em;}
.exbt-anchor ul li .txt {padding: 10px; font-size: 16px; line-height: 1.4;}
.exbt-anchor ul li.list01 {border: 2px solid #F08200;}
.exbt-anchor ul li.list01 .tit {background: #F08200;}
.exbt-anchor ul li.list02 {border: 2px solid #EA5413;}
.exbt-anchor ul li.list02 .tit {background: #EA5413;}
.exbt-anchor ul li.list03 {border: 2px solid #8EC31F;}
.exbt-anchor ul li.list03 .tit {background: #8EC31F;}
.exbt-anchor ul li.list04 {border: 2px solid #1EB9EE;}
.exbt-anchor ul li.list04 .tit {background: #1EB9EE;}
.exbt-anchor ul li.list05 {border: 2px solid #2661A1;}
.exbt-anchor ul li.list05 .tit {background: #2661A1;}
.exbt-anchor ul li.list06 {border: 2px solid #FFC400;}
.exbt-anchor ul li.list06 .tit {background: #FFC400; color: #222;}
.exbt-anchor ul li.list07 {border: 2px solid #B864A4;}
.exbt-anchor ul li.list07 .tit {background: #B864A4;}
.exbt-anchor ul li.list08 {border: 2px solid #8F929F;}
.exbt-anchor ul li.list08 .tit {background: #8F929F;}
.exbt-anchor ul li.list09 {border: 2px solid #954D29;}
.exbt-anchor ul li.list09 .tit {background: #954D29;}
.exbt-anchor ul li.list10 {border: 2px solid #EB6DA5;}
.exbt-anchor ul li.list10 .tit {background: #EB6DA5;}
.exbt-anchor ul li a {display: inline-block; width: 100%; height: 100%; text-decoration: none;}
.exbt-anchor ul li:after {content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 20px; height: 20px; background: url("../images/common/ico-exbt01.png") no-repeat center; background-size: 20px 20px;}


.exbt-list {text-align: center;}
.exbt-list h3 {display: inline-block; font-weight: 500; font-style: normal; font-size: 26px; line-height: 1.5; color: #000; padding: 0 10px; margin: 0 auto 30px; letter-spacing: 0.05em; text-align: center;}
.exbt-list h3.list01 {background: linear-gradient(transparent 60%, #F08200 60%);}
.exbt-list h3.list02 {background: linear-gradient(transparent 60%, #EA5413 60%);}
.exbt-list h3.list03 {background: linear-gradient(transparent 60%, #8EC31F 60%);}
.exbt-list h3.list04 {background: linear-gradient(transparent 60%, #1EB9EE 60%);}
.exbt-list h3.list05 {background: linear-gradient(transparent 60%, #2661A1 60%);}
.exbt-list h3.list06 {background: linear-gradient(transparent 60%, #FFC400 60%);}
.exbt-list h3.list07 {background: linear-gradient(transparent 60%, #B864A4 60%);}
.exbt-list h3.list08 {background: linear-gradient(transparent 60%, #8F929F 60%);}
.exbt-list h3.list09 {background: linear-gradient(transparent 60%, #954D29 60%);}
.exbt-list h3.list10 {background: linear-gradient(transparent 60%, #EB6DA5 60%);}

.exbt-list .list-box {list-style: none;}
.exbt-list .list-box .list-item {display: none; text-align: left; margin-bottom: 20px;}
.exbt-list .list-box .list-link {display: block; width: 100%; height: 100%; text-decoration: none; border: 4px solid #EEE; padding: 15px; box-sizing: border-box;}
.exbt-list .list-box .list-industry {display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}
.exbt-list .list-box .list-industry ul {display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; list-style: none; margin-left: 10px;}
.exbt-list .list-box .list-industry ul li {display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; padding: 8px 5px;  margin-right: 5px;}
.exbt-list .list-box .list-industry ul li.industry01 {border: 1px solid #F08200; color: #F08200;}
.exbt-list .list-box .list-industry ul li.industry02 {border: 1px solid #EA5413; color: #EA5413;}
.exbt-list .list-box .list-industry ul li.industry03 {border: 1px solid #8EC31F; color: #8EC31F;}
.exbt-list .list-box .list-industry ul li.industry04 {border: 1px solid #1EB9EE; color: #1EB9EE;}
.exbt-list .list-box .list-industry ul li.industry05 {border: 1px solid #2661A1; color: #2661A1;}
.exbt-list .list-box .list-industry ul li.industry06 {border: 1px solid #666666; color: #666666;}
.exbt-list .list-box .list-industry ul li.industry99 {border: 1px solid #666666; color: #666666;}
.exbt-list .list-box h4 {background: #000; color: #FFF; font-size: 24px; font-weight: 700; line-height: 1; padding: 13px 15px;}
.exbt-list .list-box .list-catch {background: #EEE; font-size: 20px; font-weight: 700; line-height: 1.4; padding: 16px 15px;}
.exbt-list .list-box h4 + p {font-size: 18px; padding: 15px; margin-bottom: 10px;}
.exbt-list .list-box .list-catch + p {font-size: 18px; padding: 15px; margin-bottom: 10px;}
.exbt-list .list-box h5 {border-left: 6px solid #D52424; padding: 2px 15px 2px 10px; font-weight: 500;}
.exbt-list .list-box .list-features {display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; list-style: none; margin: 10px 0 20px;}
.exbt-list .list-box .list-features li {background: #D52424; padding: 8px 5px; color: #FFF; font-weight: 400; margin-right: 5px; margin-bottom: 5px;}
.exbt-list .list-box .list-area {margin: 10px 0 20px;}
.exbt-list .list-box .list-border {border-color: #EEE; margin-bottom: 20px;}
.exbt-list .list-box .list-info {display: flex; justify-content: space-between; align-items: flex-start; margin: 10px 0 0;}
.exbt-list .list-box .list-table {width: 65.5%; max-width: 570px;}
.exbt-list .list-box .list-table th, .exbt-list .list-box .list-table td {padding: 5px 0; line-height: 1.4;}
.exbt-list .list-box .list-table th {font-weight: bold; white-space: nowrap; padding-right: 20px;}
.exbt-list .list-box .list-img {width: 25.2%; max-width: 220px;}

.venue-niigata .niigata {display: block !important;}
.venue-nagaoka .nagaoka {display: block !important;}
.venue-joetsu .joetsu {display: block !important;}
.venue-shibata .shibata {display: block !important;}
.venue-kenou .kenou {display: block !important;}


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

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

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

    .exbt-link {margin-bottom: 30px;}
    .exbt-link ul li a:hover {opacity: 1;}

    .exbt-anchor {margin-bottom: 40px;}
    .exbt-anchor h2 {font-size: 28px;}
    .exbt-anchor ul {display: flex; justify-content: space-between;align-items: stretch;}
    .exbt-anchor ul li {max-width: 49%; margin-right: 0;}
    .exbt-anchor ul li:nth-child(2n) {margin-right: 0;}
    .exbt-anchor ul li:last-child {margin-right: 0;}

    .exbt-list {}
    .exbt-list h3 {font-size: 24px;}

    .exbt-list .list-box {}
    .exbt-list .list-box .list-item {}
    .exbt-list .list-box .list-link {border: 4px solid #EEE; padding: 10px;}
    .exbt-list .list-box .list-industry {margin-bottom: 15px;}
    .exbt-list .list-box .list-industry ul {}
    .exbt-list .list-box .list-industry ul li {}
    .exbt-list .list-box h4 {font-size: 22px; padding: 10px;}
    .exbt-list .list-box .list-catch {font-size: 18px; padding: 10px;}
    .exbt-list .list-box h4 + p {font-size: 16px; padding: 10px; margin-bottom: 10px;}
    .exbt-list .list-box .list-catch + p {font-size: 16px; padding: 10px; margin-bottom: 10px;}
    .exbt-list .list-box h5 {border-left: 4px solid #D52424; padding: 2px 15px 2px 10px;}
    .exbt-list .list-box .list-features {margin: 10px 0 20px;}
    .exbt-list .list-box .list-features li {padding: 8px 5px; margin-right: 5px; margin-bottom: 5px; font-size: 16px;}
    .exbt-list .list-box .list-area {margin: 10px 0 20px;}
    .exbt-list .list-box .list-border {border-color: #EEE; margin-bottom: 20px;}
    .exbt-list .list-box .list-info {display: block;margin: 10px 0 0;}
    .exbt-list .list-box .list-table {width: 100%; max-width: 100%;}
    .exbt-list .list-box .list-table th, .exbt-list .list-box .list-table td {display: block; padding: 5px 0; word-break: break-all;}
    .exbt-list .list-box .list-table th {padding-right: 0;}
    .exbt-list .list-box .list-img {width: 100%; max-width: 100%;}

}

/* ---------------------------------------------------
	出店者　詳細ページ
------------------------------------------------------ */
.detail-box {}
.detail-box .list-item {text-align: left; margin-bottom: 20px;}
.detail-box .list-link {display: block; width: 100%; height: 100%; text-decoration: none; border: 4px solid #EEE; padding: 15px; box-sizing: border-box;}
.detail-box .list-industry {display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}
.detail-box .list-industry ul {display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; list-style: none; margin-left: 10px; margin-bottom: 0;}
.detail-box .list-industry ul li {display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; padding: 8px 5px;  margin-right: 5px; background: none; line-height: 1;}
.detail-box .list-industry ul li.industry01 {border: 1px solid #F08200; color: #F08200;}
.detail-box .list-industry ul li.industry02 {border: 1px solid #EA5413; color: #EA5413;}
.detail-box .list-industry ul li.industry03 {border: 1px solid #8EC31F; color: #8EC31F;}
.detail-box .list-industry ul li.industry04 {border: 1px solid #1EB9EE; color: #1EB9EE;}
.detail-box .list-industry ul li.industry05 {border: 1px solid #2661A1; color: #2661A1;}
.detail-box .list-industry ul li.industry06 {border: 1px solid #666666; color: #666666;}
.detail-box .list-industry ul li.industry99 {border: 1px solid #666666; color: #666666;}
.detail-box h4 {background: #000; color: #FFF; font-size: 24px; font-weight: 700; line-height: 1; padding: 13px 15px;}
.detail-box .list-catch {background: #EEE; font-size: 20px; font-weight: 700; line-height: 1.4; padding: 16px 15px;}
.detail-box h4 + p {font-size: 18px; padding: 15px; margin-bottom: 10px;}
.detail-box .list-catch + p {font-size: 18px; padding: 15px; margin-bottom: 10px;}
.detail-box h5 {border-left: 6px solid #D52424; padding: 2px 15px 2px 10px; font-weight: 500;}
.detail-box .list-features {display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; list-style: none; margin: 10px 0 20px;}
.detail-box .list-features li {background: #D52424; padding: 8px 5px; color: #FFF; font-weight: 400; margin-right: 5px; margin-bottom: 5px; line-height: 1;}
.detail-box .list-area {margin: 10px 0 20px;}
.detail-box .list-border {border-color: #EEE; margin-bottom: 20px;}
.detail-box .list-info {display: flex; justify-content: space-between; align-items: flex-start; margin: 10px 0 0;}
.detail-box .list-table {width: 65.5%; max-width: 570px;}
.detail-box .list-table th, .detail-box .list-table td {padding: 5px 0; line-height: 1.4;}
.detail-box .list-table th {font-weight: bold; white-space: nowrap; padding-right: 20px;}
.detail-box .list-img {width: 25.2%; max-width: 220px;}

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

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

@media screen and (max-width: 767px) {
    .detail-box {}
    .detail-box .list-item {}
    .detail-box .list-link {border: 4px solid #EEE; padding: 10px;}
    .detail-box .list-industry {margin-bottom: 15px;}
    .detail-box .list-industry ul {}
    .detail-box .list-industry ul li {}
    .detail-box h4 {font-size: 22px; padding: 10px;}
    .detail-box .list-catch {font-size: 18px; padding: 10px;}
    .detail-box h4 + p {font-size: 16px; padding: 10px; margin-bottom: 10px;}
    .detail-box .list-catch + p {font-size: 16px; padding: 10px; margin-bottom: 10px;}
    .detail-box h5 {border-left: 4px solid #D52424; padding: 2px 15px 2px 10px;}
    .detail-box .list-features {margin: 10px 0 20px;}
    .detail-box .list-features li {padding: 8px 5px; margin-right: 5px; margin-bottom: 5px; font-size: 16px;}
    .detail-box .list-area {margin: 10px 0 20px;}
    .detail-box .list-border {border-color: #EEE; margin-bottom: 20px;}
    .detail-box .list-info {display: block;margin: 10px 0 0;}
    .detail-box .list-table {width: 100%; max-width: 100%;}
    .detail-box .list-table th, .detail-box .list-table td {display: block; padding: 5px 0; word-break: break-all;}
    .detail-box .list-table th {padding-right: 0;}
    .detail-box .list-img {width: 100%; max-width: 100%;}
}