@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

a {
  color: inherit;
  cursor: pointer;
}

button {
  background-color: transparent;
  border-width: 0;
  color: inherit;
  cursor: pointer;
  padding: 0;
}

figure {
  margin: 0;
}

input::-moz-focus-inner {
  border: 0;
  margin: 0;
  padding: 0;
}

ul, ol, dd {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

p {
  margin: 0;
}

cite {
  font-style: normal;
}

fieldset {
  border-width: 0;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  display: block;
}

.clearfix::after {
  clear: both;
  content: "";
  display: block;
}

.over {
  backface-visibility: hidden;
  transition: 0.4s;
}
.over:hover {
  opacity: 0.5;
}
@media (max-width: 559px) {
  .over:hover {
    opacity: 1;
  }
}

.pc {
  display: block;
}
@media (max-width: 559px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media (max-width: 559px) {
  .sp {
    display: block;
  }
}

body {
  background: #fff;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: left;
}
body img {
  width: 100%;
}

@font-face {
  font-family: "CeraPRO-Black";
  src: url("../webFonts/CeraPROBlack/font.woff2") format("woff2"), url("../webFonts/CeraPROBlack/font.woff") format("woff");
}
.CeraPROBlack {
  font-family: "CeraPRO-Black";
}

.Noto_b {
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
}

.bazaar-wrapper {
  min-width: 1040px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 10px;
  line-height: 1;
  background: url("../images/bg.jpg") top center/cover no-repeat fixed;
  padding-top: 5.3125rem;
}
@media (max-width: 559px) {
  .bazaar-wrapper {
    min-width: 0;
    padding-top: 10rem;
  }
}

.site-footer {
  margin-top: 0;
}

.border {
  border: 4px solid #000;
  padding: 4em;
}
.border__attention {
  border: 4px solid #C01B22;
}
.border__onegai {
  background: #E0E0E0;
  border: none;
}
@media (max-width: 559px) {
  .border {
    padding: 2em;
  }
}
.border a {
  text-decoration: underline;
}

.mv {
  margin: 3em auto;
  width: 900px;
}
@media (max-width: 559px) {
  .mv {
    width: 90%;
    margin: -5em auto;
  }
}

.intro {
  margin-top: 100px;
  padding-top: 8em;
}
@media (max-width: 559px) {
  .intro {
    padding-top: 4em;
  }
}
.intro__ttl {
  width: 550px;
  margin: 0 auto 2em;
}
@media (max-width: 559px) {
  .intro__ttl {
    width: 100%;
  }
}
.intro__txt {
  font-size: 1.125rem;
  line-height: 1.7;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2em;
}
@media (max-width: 559px) {
  .intro__txt {
    font-size: 1rem;
  }
}
.intro__date {
  width: 380px;
  margin: 0 auto 2em;
}
@media (max-width: 559px) {
  .intro__date {
    width: 100%;
  }
}
.intro__address {
  display: flex;
  width: 520px;
  margin: 0 auto;
  justify-content: space-between;
}
.intro__address li {
  width: 250px;
}
@media (max-width: 559px) {
  .intro__address {
    flex-direction: column;
    width: 100%;
  }
  .intro__address li {
    margin-bottom: 1em;
    width: 100%;
  }
}

/* ==== */
.border img {
  width: 100% !important;
  margin: 0 !important;
}

.article {
  margin-top: 80px;
}
@media (max-width: 559px) {
  .article {
    margin-top: 2em;
  }
}
.article .detail__ttl {
  margin: 0 auto 0.5em;
  font-size: 2.5rem;
  text-align: center;
  line-height: 1;
}
.article .detail__ttl span {
  font-size: 5.625rem;
}
.article .detail__ttl--sub {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 1em;
  line-height: 1.3;
}
@media (max-width: 559px) {
  .article .detail__ttl--sub {
    font-size: 1.125rem;
  }
}
.article .detail__ttl--large {
  font-size: 2.375rem;
  text-align: center;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
@media (max-width: 559px) {
  .article .detail__ttl--large {
    font-size: 1.5rem;
  }
}
.article .detail__ttl--copy {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 1em;
  line-height: 1.5;
}
@media (max-width: 559px) {
  .article .detail__ttl--copy {
    font-size: 1.125rem;
  }
}

/* ===== */
.under1 {
  background: linear-gradient(transparent 60%, #DF8D90 60%);
}

.under2 {
  background: linear-gradient(transparent 60%, #F4AE3C 60%);
}

.under3 {
  background: linear-gradient(transparent 60%, #91C59E 60%);
}

.under4 {
  background: linear-gradient(transparent 60%, #9EC7D1 60%);
}

.under5 {
  background: linear-gradient(transparent 60%, #F1ED8A 60%);
}

.under6 {
  background: linear-gradient(transparent 60%, #EFDDEB 60%);
}

.btn {
  background: #000;
  color: #FFF;
  text-align: center;
  font-size: 1.125rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
  padding: 1.5em;
  width: 350px;
  margin: 1em auto 0;
  display: block;
}
@media (max-width: 559px) {
  .btn {
    width: 100%;
    font-size: 0.75rem;
    padding: 2em;
  }
}

a:hover {
  text-decoration: none;
}

.column2 {
  display: flex;
  align-items: center;
}
@media (max-width: 559px) {
  .column2 {
    flex-direction: column;
  }
}
.column2__item1 {
  width: 60%;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.7;
}
@media (max-width: 559px) {
  .column2__item1 {
    width: 100%;
    font-size: 1rem;
  }
}
.column2__item2 {
  width: 40%;
  align-items: center;
}
@media (max-width: 559px) {
  .column2__item2 {
    width: 80%;
  }
}

.item-wrap {
  margin-bottom: 3em;
}
.item-wrap .item__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2em;
}
.item-wrap .item__item {
  width: 25%;
  padding: 0;
}
@media (max-width: 559px) {
  .item-wrap .item__item {
    width: 50%;
    padding: 0;
    margin-top: 2em;
  }
}

.column-bazaar2 {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 559px) {
  .column-bazaar2 {
    width: 100%;
  }
}
.column-bazaar2__kv {
  width: 300px;
  margin: 0 auto 2em;
}
@media (max-width: 559px) {
  .column-bazaar2__kv {
    width: 90%;
  }
}
.column-bazaar2__read {
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 2em;
  text-align: center;
}
@media (max-width: 559px) {
  .column-bazaar2__read {
    font-size: 0.875rem;
    text-align: left;
  }
}
.column-bazaar2__notice {
  font-size: 0.75rem;
  line-height: 1.7;
  text-align: center;
}
@media (max-width: 559px) {
  .column-bazaar2__notice {
    text-align: left;
  }
}
.column-bazaar2 .player-wrap {
  margin-bottom: 3em;
}
.column-bazaar2 .player-wrap .date {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 0.5em;
}
@media (max-width: 559px) {
  .column-bazaar2 .player-wrap .date {
    font-size: 1.125rem;
  }
}
.column-bazaar2 .player-wrap .player__list {
  display: flex;
  justify-content: center;
}
.column-bazaar2 .player-wrap .player__item {
  width: 33.3333333333%;
  padding: 0.5em;
}
.column-bazaar2 .player-wrap .player__name {
  text-align: center;
  font-size: 0.875rem;
  margin-top: 0.5em;
}
@media (max-width: 559px) {
  .column-bazaar2 .player-wrap .player__name {
    font-size: 0.75rem;
  }
}

.column-bazaar3 {
  width: 380px;
  margin: 0 auto;
}
@media (max-width: 559px) {
  .column-bazaar3 {
    width: 100%;
  }
}
.column-bazaar3__kv {
  margin-bottom: 2em;
}
.column-bazaar3__read {
  font-size: 1.125rem;
  line-height: 1.7;
  margin-bottom: 2em;
  text-align: center;
}
@media (max-width: 559px) {
  .column-bazaar3__read {
    font-size: 1rem;
  }
}
.column-bazaar3__notice {
  font-size: 0.75rem;
  line-height: 1.7;
  text-align: center;
}
@media (max-width: 559px) {
  .column-bazaar3__notice {
    text-align: left;
  }
}

.column-bazaar4 {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 559px) {
  .column-bazaar4 {
    width: 100%;
  }
}
.column-bazaar4__kv {
  margin-bottom: 2em;
}
.column-bazaar4__read {
  font-size: 1.125rem;
  line-height: 1.7;
  margin-bottom: 2em;
  text-align: center;
}
@media (max-width: 559px) {
  .column-bazaar4__read {
    font-size: 1rem;
  }
}
.column-bazaar4__notice {
  font-size: 0.75rem;
  line-height: 1.7;
  text-align: center;
}
@media (max-width: 559px) {
  .column-bazaar4__notice {
    text-align: left;
  }
}

.item-wrap-bazaar4 {
  margin-bottom: 3em;
}
.item-wrap-bazaar4 .item__list {
  display: flex;
  flex-wrap: wrap;
}
.item-wrap-bazaar4 .item__item {
  width: 25%;
  padding: 0;
}
@media (max-width: 559px) {
  .item-wrap-bazaar4 .item__item {
    width: 50%;
    padding: 0;
  }
}

.column-bazaar5 {
  width: 380px;
  margin: 0 auto;
}
@media (max-width: 559px) {
  .column-bazaar5 {
    width: 100%;
  }
}
.column-bazaar5__kv {
  margin-bottom: 2em;
}
.column-bazaar5__read {
  font-size: 1.125rem;
  line-height: 1.7;
  margin-bottom: 2em;
  text-align: center;
}
@media (max-width: 559px) {
  .column-bazaar5__read {
    font-size: 0.875rem;
  }
}
.column-bazaar5__notice {
  font-size: 0.75rem;
  line-height: 1.7;
  text-align: center;
}
@media (max-width: 559px) {
  .column-bazaar5__notice {
    text-align: left;
  }
}

.column-bazaar6 {
  width: 380px;
  margin: 0 auto;
}
@media (max-width: 559px) {
  .column-bazaar6 {
    width: 100%;
  }
}
.column-bazaar6__kv {
  margin-bottom: 2em;
}
.column-bazaar6__read {
  font-size: 1.125rem;
  line-height: 1.7;
  text-align: center;
}
@media (max-width: 559px) {
  .column-bazaar6__read {
    font-size: 0.875rem;
  }
}
.column-bazaar6__notice {
  font-size: 0.875rem;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 2em;
}
@media (max-width: 559px) {
  .column-bazaar6__notice {
    font-size: 0.75rem;
  }
}

.column-map {
  width: 380px;
  margin: 0 auto;
}
@media (max-width: 559px) {
  .column-map {
    width: 100%;
  }
}
.column-map__kv {
  margin-bottom: 2em;
}
.column-map__read {
  font-size: 1.125rem;
  line-height: 1.7;
  text-align: center;
}
@media (max-width: 559px) {
  .column-map__read {
    font-size: 0.875rem;
  }
}
.column-map__notice {
  font-size: 0.875rem;
  line-height: 1.7;
  text-align: center;
  margin: 2em 0;
}
@media (max-width: 559px) {
  .column-map__notice {
    font-size: 0.75rem;
  }
}

.ttl--attention {
  color: #C01B22;
}

.column-attention {
  width: 400px;
  margin: 0 auto;
}
@media (max-width: 559px) {
  .column-attention {
    width: 100%;
  }
}
.column-attention__kv {
  margin-bottom: 0.5em;
}
.column-attention__read {
  font-size: 0.875rem;
  line-height: 1.7;
  margin-bottom: 1em;
  text-align: center;
}
@media (max-width: 559px) {
  .column-attention__read {
    text-align: left;
  }
}
.column-attention__bold {
  font-size: 0.875rem;
  line-height: 1.7;
  margin-bottom: 2em;
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
}
@media (max-width: 559px) {
  .column-attention__bold {
    text-align: left;
  }
}
.column-attention__url {
  font-size: 0.75rem;
  line-height: 1.7;
  text-align: center;
}
.column-attention__notice {
  font-size: 0.75rem;
  line-height: 1.7;
  text-align: center;
  margin-top: 2em;
}
@media (max-width: 559px) {
  .column-attention__notice {
    text-align: left;
  }
}

.ttl--onegai {
  font-size: 1.125rem;
  text-align: center;
  margin-bottom: 2em;
}
.ttl--onegai span {
  padding: 0.5em 0;
  border-top: solid 2px #000;
  border-bottom: solid 2px #000;
}
@media (max-width: 559px) {
  .ttl--onegai {
    padding-top: 2em;
  }
}

.column-onegai {
  width: 100%;
  margin: 0 auto;
}
.column-onegai__read {
  font-size: 0.875rem;
  line-height: 1.7;
  margin-bottom: 1em;
  text-align: left;
}
.column-onegai__read--notice {
  color: #C01B22;
}
.column-onegai__read--under {
  text-decoration: underline;
}
.column-onegai__mail {
  background: #F1F1F1;
  font-size: 1rem;
  padding: 2em;
  text-align: center;
  line-height: 1.7;
}
@media (max-width: 559px) {
  .column-onegai__mail {
    font-size: 0.875rem;
  }
}
.column-onegai__mail .ttl {
  font-size: 1.125rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
}
.column-onegai__mail .ttl-notice {
  font-size: 0.75rem;
  font-weight: bold;
  margin: 3em 0 0.2em;
}
.column-onegai__mail .read-notice {
  font-size: 0.75rem;
  line-height: 1.7;
  margin-bottom: 1em;
  text-align: left;
}

.comingsoon__ttl {
  font-size: 2.5rem;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.comingsoon__ttl--sub {
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.3;
}

.articlebox {
  width: 900px;
  background: #FFF;
  margin: 0 auto;
}
@media (max-width: 559px) {
  .articlebox {
    width: 90%;
  }
}

.articlebox__wrap {
  width: 600px;
  margin: 0 auto;
  padding-bottom: 80px;
}
@media (max-width: 559px) {
  .articlebox__wrap {
    width: 90%;
  }
}

/* 店舗リスト */

/*# sourceMappingURL=style.css.map */