* {
  background: rgba(0, 0, 0, 0);
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-family: "源ノ角ゴシック", Noto Sans JP, Roboto, YuGothic,
    "ヒラギノ角ゴ ProN W3", "Lucida Grande", "Hiragino Kaku Gothic ProN",
    "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

#wovn-translate-widget {
  display: none !important;
}

header {
  position: fixed;
  height: 60px;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  box-sizing: border-box;
  display: block;
  color: #fff;
  background: #ea5404;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
  text-align: center;
}

address {
  font-style: normal;
}

img.responsive {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.ticket-button-rec {
  width: 200px;
  height: 36px;
  margin: 0 15px 0 0;
}

.bar {
  width: 980px;
  padding: 0 calc(50% - 490px);
  margin: 0;
  height: 60px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  position: relative;
  background: #ea5404;
  text-align: center;
  z-index: 10;
}

.ham-menu-button {
  width: 40px;
  height: 28px;
  margin-left: 20px;
}

.ham-menu-button img {
  margin-left: -16px;
}

.ham-menu-button.close {
  width: 60px;
  height: 60px;
  background: #000;
  position: relative;
  z-index: 100;
  margin: 0;
}

.ham-menu-button.close img {
  width: 28px;
  margin: 16px;
}

.bar .logo-pict {
  width: 280px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bar .logo-pict img {
  width: 91px;
}

.bar .logo-pict .team img {
  width: 174px;
  height: 40px;
}

.bar .flex {
  width: auto;
}

.nodisplay {
  display: none;
}

#ham-nav {
  width: 100vw;
  height: 100vh;
  margin: 0;
  background: rgba(0, 63, 152, 0.9);
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  overflow: scroll;
}

#ham-nav ul {
  width: 373px;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  margin: 60px calc(50% - 490px) 0;
}

#ham-nav li {
  margin-bottom: 40px;
  height: 70px;
}

#ham-nav li p {
  font-size: 46px;
  font-family: "Oswald";
  font-weight: bold;
  color: #ea5404;
  line-height: 70px;
  padding: 0 15px;
  background: #fff;
  text-align: left;
  width: auto;
}

#ham-nav .sns {
  width: 373px;
  margin: 50px calc(50% - 490px);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#ham-nav .share {
  width: 70px;
  font-size: 26px;
  font-weight: 600;
  display: block;
  font-family: "Oswald";
}

#ham-nav .sns-icon,
#ham-nav .sns a {
  width: 38px;
  height: 38px;
  margin: 0 10px;
}

#kv {
  width: 100%;
  padding-top: 60px;
}

#vs {
  width: 100%;
  margin: 0;
  height: auto;
  text-align: center;
  color: #fff;
  position: relative;
  background: #ea5404;
}

#vs .vs-bg {
  height: 100%;
  padding: 50px 25px;
  background-image: url(../img/ticket_bg_pc.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
}

.section-vs {
  width: 100%;
  position: relative;
}

.scroll {
  width: 100%;
  height: 310px;
  position: relative;
  overflow: visible;
}

.scroll-delay {
  position: absolute;
  top: 30px;
  left: calc(50% - 350px);
  width: 700px;
  will-change: transform;
  display: flex;
  justify-content: center;
}

.match-day-section {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
}

.match-flex {
  display: flex;
  flex-direction: column;
  width: calc(50% - 60px);
  margin: 0 15px;
}

.match-day-section .logo-pict {
  width: 15px;
  margin-right: 10px;
}

.match-day-section .text {
  font-weight: bold;
  font-family: "Oswald", sans-serif;
}

.vs-section {
  width: 445px;
  margin: 0 auto 30px;
  height: 210px;
}

.vs-section.flex {
  justify-content: center;
}

.vs-section .team-logo-pict p {
  font-size: 10px;
  font-size: bold;
}

.vs-section .team-logo-pict {
  width: 170px;
  height: 170px;
  margin: 0 30px;
}

.vs-section .team-logo-pict img {
  width: 170px;
  height: 170px;
}

.vs-section .team-logo-pict.away img {
  width: 150px;
}

.center-vs p {
  width: 10%;
  margin: 0;
  line-height: 40px;
  font-size: 30px;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
}

.match-day-place span.rec {
  background: #003f98;
  font-size: 16px;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
  margin-right: 10px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 5px;
}

.match-day-place span.stadium {
  font-size: 24px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  vertical-align: middle;
}

p.matchday .size-1 {
  font-size: 80px;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
}

p.matchday .size-2 {
  font-size: 50px;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
}

.date-section span.rec {
  background: #fff;
  color: #000;
  font-size: 12px;
  margin-right: 5px;
  padding: 3px 10px;
  font-weight: bold;
  border-radius: 5px;
  vertical-align: middle;
}

.date-section span.time {
  font-size: 26px;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  vertical-align: middle;
  margin-right: 10px;
}

.ticket-banner {
  width: 100%;
  margin: 20px auto 0;
  background: rgba(0, 0, 0, 0);
}

h2 {
  font-size: 36px;
  font-weight: 700;
  font-family: "Oswald";
  line-height: 1.5;
  text-align: center;
  color: #ea5404;
  padding: 15px 0 0;
}

h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #fff;
  padding-bottom: 15px;
}

.title-area {
  width: 100%;
  height: auto;
  background: #003f98;
  position: relative;
}

.title-area::after {
  position: absolute;
  bottom: -40px;
  left: calc(50% - 110px);
  content: "";
  width: 0;
  height: 0;
  border-left: 110px solid transparent;
  border-right: 110px solid transparent;
  border-top: 40px solid #003f98;
}

#special-event .container {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 100px 0 50px;
}

#special-event .main-visual {
  width: 100%;
  margin: 0 auto 40px;
}

#special-event .main-visual .pict {
  width: 600px;
  margin: 0 auto 20px;
}

#special-event .main-visual .title {
  width: 100%;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #ea5404;
  margin: 0 auto;
}

#special-event .container p {
  width: 730px;
  margin: 0 auto;
}

#event .container {
  width: 100%;
  height: auto;
  background: #e3e3e3;
  padding: 100px 0 50px;
}

#event ul {
  width: 1075px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#event ul li {
  width: calc(25% - 18.75px);
  margin-right: 25px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}

#event ul li:nth-child(4n) {
  margin-right: 0;
}

#event ul li .center {
  width: 220px;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  background: #003f98;
  border-radius: 20px;
  position: absolute;
  top: calc(58% - 10px);
  left: calc(50% - 110px);
  color: #fff;
}

#event ul li .pict {
  width: 100%;
}

#event ul li .text {
  width: 100%;
  height: 130px;
  background: #fff;
}

#event ul li .text p {
  font-size: 14px;
  font-weight: bold;
  width: 224px;
  margin: 18px auto 0;
  text-align: left;
}

#event ul li .button {
  width: 100px;
  height: 34px;
  font-size: 13px;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
  position: absolute;
  bottom: 17px;
  left: calc(50% - 50px);
  background: #ea5404;
  border-radius: 5px;
  color: #fff;
}

.swiper-container {
  padding: 0 30px;
  overflow: hidden;
}

.swiper-slide {
  transition: all 600ms 0s ease;
}

.swiper-pagination .swiper-pagination-bullet {
  background: #d3d3d3;
  opacity: 1;
}

.swiper-pagination.third .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination .swiper-pagination-bullet-active,
.swiper-pagination.third .swiper-pagination-bullet-active {
  background: #ea5404;
}

.swiper-button-next {
  top: 150px;
  width: 40px;
  height: 40px;
  background-size: cover;
  right: 0;
}

.swiper-button-prev {
  top: 150px;
  width: 40px;
  height: 40px;
  background-size: cover;
  left: 0;
}

.swiper-button-next:focus,
.swiper-button-prev:focus {
  outline: 0;
}

.swiper-button-next {
  background-image: url(../img/button_next_o.svg);
}

.swiper-button-prev {
  background-image: url(../img/button_prev_o.svg);
}

.swiper-slide p {
  text-align: left;
  font-size: 16px;
  margin: 20px 0;
}

#game-preview {
  background: #fff;
  padding: 0 0 50px;
}

#game-preview .pict {
  width: 100%;
  margin: 0 0 50px;
}

#game-preview .title {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #ea5404;
  margin: 0 auto 30px;
}

#game-preview .text {
  width: 730px;
  margin: 0 auto 50px;
}

#game-preview .circle {
  width: 460px;
  height: 50px;
  line-height: 50px;
  background: #003f98;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 24px;
  color: #fff;
  border-radius: 50px;
}

#game-preview .swiper-container.first {
  width: 900px;
  height: 550px;
}

#game-preview .swiper-container.first .swiper-slide {
  width: 280px;
  height: 550px;
}

#game-preview .swiper-container.first .swiper-slide .pict {
  width: 280px;
  height: 340px;
  margin: 0 auto 20px;
}

#game-preview .swiper-container.first .swiper-slide .text {
  width: 280px;
  height: 180px;
}

#schedule .container {
  padding: 50px 20px 50px;
  background: #e3e3e3;
}

#schedule .container .date {
  font-size: 60px;
  font-family: "Oswald";
  font-weight: bold;
  color: #ea5404;
  text-align: center;
}

#schedule .container .date span {
  font-size: 30px;
}

#schedule .container table {
  padding-bottom: 50px;
}

#schedule .container td {
  text-align: left;
  border-collapse: collapse;
  font-size: 16px;
  vertical-align: baseline;
  line-height: 1.5;
  height: 32px;
}

#schedule .container td:nth-child(2n + 1) {
  color: #ea5404;
  width: 70px;
  font-weight: bold;
}

#schedule .container td:nth-child(2n) {
  width: 235px;
  padding-left: 10px;
}

#schedule .container td.last {
  border: none;
}

#ticket .container {
  width: 100%;
  padding: 100px 0 50px;
  background: #fff;
}

#ticket .container .seat-map {
  width: 730px;
  margin: 0 auto 50px;
}

#ticket table {
  width: 460px;
  height: 550px;
  margin: 0 auto 30px;
  border-collapse: collapse;
}

#ticket table th {
  font-weight: normal;
  background: #dadada;
  border: solid 1px #000;
  border-collapse: collapse;
  font-size: 15px;
}

#ticket table th:first-child {
  width: 260px;
}

#ticket table th:last-child {
  width: 200px;
}

#ticket table td {
  border: solid 1px #000;
  border-collapse: collapse;
  text-align: center;
  font-size: 15px;
}

#ticket table td:first-child {
  padding-left: 10px;
  text-align: left;
}

#ticket table td.center {
  padding: 0 5px;
  text-align: center;
}

#ticket table td.color-1 {
  background: #fe0000;
  color: #fff;
}

#ticket table td.color-2 {
  background: #012d96;
  color: #fff;
}

#ticket table td.color-3 {
  background: #00b2f0;
  color: #fff;
}

#ticket table td.color-4 {
  background: #a5dfea;
}

#ticket table td.color-5 {
  background: #6ed141;
}

#ticket table td.color-6 {
  background: #ff973c;
}

#ticket table td.color-7 {
  background: #ff669d;
}

#ticket table td.color-8 {
  background: #01b246;
  color: #fff;
}

#ticket table td.color-9 {
  background: #ff309c;
  color: #fff;
}

#ticket table td.color-10 {
  background: #cfc0dd;
}

#ticket table td.color-11 {
  background: #fffe00;
}

#ticket .text {
  width: 590px;
  margin: 0 auto;
  font-size: 14px;
}

#access {
  background: #fff;
}

#access .container {
  background: #fff;
  width: 540px;
  margin: 0 auto;
  padding: 50px 0;
}

address {
  text-align: center;
  font-style: normal;
  margin-bottom: 30px;
}

address .stadium {
  font-size: 26px;
  font-weight: bold;
  color: #ea5404;
}

address .postal {
  font-size: 16px;
}

#access .google-map {
  margin: 0 auto 50px;
  width: 100%;
}

.google-map iframe {
  width: 100%;
}

#access .color-box {
  width: 100%;
  margin: 0 auto 10px;
  text-align: center;
  color: #fff;
  height: 40px;
  line-height: 40px;
}

#access .color-box.first {
  background: #ea5404;
}

#access .color-box.second {
  background: #003f98;
}

#access .access-flex {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto 40px;
}

#access .access-flex .access-icon {
  width: 75px;
  margin-right: 20px;
}

#access .access-flex .access-text {
  width: 445px;
}

#access .access-flex .access-text p {
  font-size: 16px;
}

#enjoy .pict {
  width: 100%;
  position: relative;
}

#enjoy .box-text {
  width: 920px;
  height: 200px;
  background: rgba(234, 84, 4, 0.8);
  position: absolute;
  bottom: 0;
  left: calc(50% - 460px);
}

#enjoy .box-text .title {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #003f98;
  margin: 30px auto 20px;
}

#enjoy .box-text .sub {
  width: 730px;
  margin: 0 auto;
  color: #fff;
}

#food,
#goods {
  width: 100%;
  padding: 0 0 50px;
}

#food .pict,
#goods .pict {
  width: 100%;
  margin: 0 auto 50px;
}

#food .title,
#goods .title {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: #ea5404;
  margin-bottom: 30px;
}

#food .text,
#goods .text {
  width: 730px;
  margin: 0 auto 50px;
}

#food .swiper-container.second,
#goods .swiper-container.third {
  width: 900px;
  height: 430px;
  padding: 0 30px;
}

#food .swiper-container.second .swiper-slide,
#goods .swiper-container.third .swiper-slide {
  width: 280px;
  height: 380px;
}

#food .swiper-container.second .swiper-slide .pict,
#goods .swiper-container.third .swiper-slide .pict {
  width: 280px;
  height: 280px;
  margin: 0 auto 20px;
}

#food .swiper-container.second .swiper-slide p,
#goods .swiper-container.third .swiper-slide p {
  width: 280px;
  height: 80px;
  margin: 0 auto;
}

#goods {
  background: #e3e3e3;
}

#movie {
  background: #fff;
  padding: 0 0 50px;
}

#movie .swiper-container.fourth {
  width: 100%;
  height: auto;
  padding: 100px 0 0;
}

#movie .swiper-slide-prev,
#movie .swiper-slide-next {
  transform: scale(0.8);
}

#movie .swiper-button-prev,
#movie .swiper-button-next {
  top: 50%;
}

#movie .swiper-button-prev {
  left: calc(20% + 10px);
}

#movie .swiper-button-next {
  right: calc(20% + 10px);
}

#movie .swiper-slide-prev p,
#movie .swiper-slide-next p {
  display: none;
}

#movie .swiper-container .swiper-slide .movie {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56%;
  margin-bottom: 30px;
}

#movie .swiper-container .swiper-slide .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#movie .swiper-container .swiper-slide p {
  text-align: center;
  padding-bottom: 30px;
}

#slogan {
  width: 100%;
  padding: 0 0 50px;
  background: #e3e3e3;
}

#slogan .title-pict {
  width: 600px;
  margin: 90px auto 30px;
}

#slogan p {
  width: 540px;
  margin: 0 auto;
}

.page-top {
  width: 100%;
  height: 50px;
  background: #000;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  line-height: 1.5;
  line-height: 50px;
}

footer {
  width: 100%;
  height: auto;
  text-align: center;
  padding: 50px 0 100px;
  background: #ea5404;
  color: #fff;
}

footer p {
  font-size: 14px;
}

footer .center {
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 18px;
}

footer a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
}

.flex.sns {
  width: 350px;
  margin: 0 auto 40px;
}

.sns-icon {
  width: 50px;
  height: 50px;
  margin-right: 50px;
}

.sns-icon.last {
  margin-right: 0;
}

.sns-icon input {
  display: none;
}

.sns-icon button {
  width: auto;
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  font-size: 0;
  line-height: 0;
  overflow: visible;
  cursor: pointer;
}

.sns-icon button:focus {
  outline: 0;
}

footer .logo {
  width: 280px;
  margin: 0 auto 50px;
}

@media (max-width: 639px) {
  * {
    font-size: 14px;
  }

  .sp-hide {
    display: none;
  }

  header {
    top: auto;
    bottom: 0;
    height: 80px;
    display: none;
  }

  .bar {
    width: calc(100% - 30px);
    padding: 10px 15px;
  }

  .bar .logo-pict.sp-hide {
    display: none;
  }

  .bar .flex {
    width: 100%;
    margin: 0;
    align-items: flex-start;
    justify-content: center;
  }
  .ticket-button-rec {
    width: 260px;
    height: 40px;
    margin: 0 10px 0 0;
  }
  .ham-menu-button {
    margin-left: 0;
    margin-top: 5px;
    width: 40px;
    height: 40px;
  }
  .ham-menu-button.close {
    height: 40px;
    width: 40px;
    background: none;
    width: 40px;
    margin-top: 5px;
  }
  .ham-menu-button img {
    margin: 0;
    height: 40px;
  }
  .ham-menu-button.close img {
    margin: 0;
  }

  #ham-nav {
    top: auto;
    bottom: 0;
    margin-bottom: 80px;
    height: calc(100vh - 80px);
  }

  #ham-nav ul {
    width: calc(100% - 30px);
    margin: 0;
    position: absolute;
    bottom: 60px;
  }

  #ham-nav li {
    margin-bottom: 30px;
    height: 50px;
  }

  #ham-nav li p {
    font-size: 36px;
    line-height: 50px;
  }

  #ham-nav .sns {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 20px;
  }

  #kv {
    padding-top: 0;
  }

  .vs-section {
    width: calc(100% - 30px);
    margin: 0 auto 20px;
    height: 150px;
  }

  .vs-section .team-logo-pict {
    width: 110px;
    height: 110px;
    margin: 0 12.5px;
  }

  .vs-section .team-logo-pict.away img {
    width: 99px;
  }

  .vs-section .team-logo-pict img {
    width: 110px;
    height: 110px;
  }

  .vs-section .team-logo-pict p {
    width: 110px;
  }

  .match-day-place span.stadium {
    font-size: 16px;
  }

  .match-day-place span.rec {
    font-size: 12px;
  }

  .scroll {
    width: 100%;
    height: 370px;
  }

  .scroll-delay {
    width: 100%;
    flex-wrap: wrap;
    left: 0;
  }

  .match-flex {
    width: 100%;
  }

  #vs .vs-bg {
    background-image: url(../img/ticket_bg_sp.jpg);
    padding: 30px 15px;
    height: auto;
  }

  h2 {
    font-size: 30px;
    padding-top: 5px;
  }

  h3 {
    font-size: 13px;
  }

  .title-area::after {
    bottom: -15px;
    left: calc(50% - 40px);
    content: "";
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 15px solid #003f98;
  }

  #special-event .main-visual .pict {
    width: 100%;
    margin: 20px 0;
  }
  #special-event .main-visual .title {
    font-size: 20px;
    margin: 0 auto 10px;
  }
  #special-event .container p {
    width: calc(100% - 40px);
    font-size: 16px;
    margin: 0 auto;
  }
  #special-event .container {
    padding: 0 0 30px;
  }
  #event .container {
    width: calc(100% - 40px);
    padding: 45px 20px 30px;
  }
  #event ul {
    width: 335px;
    margin: 0 auto;
  }
  #event ul li {
    width: calc(50% - 7.5px);
    margin-right: 15px;
    margin-bottom: 15px;
  }
  #event ul li:nth-child(2n) {
    margin-right: 0;
  }
  #event ul li .text p {
    font-size: 12px;
    width: 145px;
  }
  #event ul li .center {
    width: 150px;
    top: auto;
    bottom: 120px;
    left: calc(50% - 75px);
  }
  #event ul li .button {
    font-size: 10px;
  }
  #game-preview .pict {
    margin-bottom: 30px;
  }
  #game-preview .title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  #game-preview .text {
    width: calc(100% - 40px);
  }
  #game-preview .circle {
    width: calc(100% - 40px);
    font-size: 19px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 20px;
  }
  #game-preview .swiper-container.first {
    width: 300px;
  }
  #game-preview .swiper-container.first .swiper-slide p {
    width: 280px;
    margin: 20px auto;
  }
  .swiper-slide-prev,
  .swiper-slide-next {
    transform: scale(0.8);
  }
  .swiper-slide-prev p,
  .swiper-slide-next p {
    display: none;
  }
  #schedule .flex {
    flex-wrap: wrap;
  }
  #schedule .container {
    padding: 25px 20px;
  }
  #schedule .container table {
    padding-bottom: 0;
  }
  #schedule .container table.first {
    padding-bottom: 25px;
  }
  #ticket .container {
    width: calc(100% - 40px);
    padding: 50px 20px 30px;
  }
  #ticket .container .seat-map {
    width: 100%;
    margin: 0 auto 30px;
  }
  #ticket table {
    width: 100%;
  }
  #ticket table th:first-child {
    width: 56%;
  }
  #ticket table th {
    width: 44%;
  }
  #ticket table td {
    font-size: 12px;
  }
  #ticket .text {
    width: 100%;
  }
  #access .container {
    width: calc(100% - 40px);
    padding: 30px 20px;
  }
  address .stadium {
    font-size: 22px;
  }
  #access .google-map {
    margin: 0 auto 30px;
  }
  #access .access-flex .access-text {
    width: 240px;
  }
  #enjoy .box-text {
    position: relative;
    display: block;
    width: calc(100% - 40px);
    padding: 0 20px;
    left: 0;
    background: #ea5404;
    height: auto;
  }
  #enjoy .box-text .title {
    font-size: 20px;
    margin: 0 auto 10px;
    padding-top: 20px;
  }
  #enjoy .box-text .sub {
    width: 100%;
    font-size: 16px;
    padding-bottom: 20px;
  }
  #food .pict,
  #goods .pict {
    margin: 0 auto 30px;
  }
  #food .title,
  #goods .title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  #food .text,
  #goods .text {
    width: calc(100% - 40px);
    margin: 0 auto 30px;
  }
  #food .swiper-container.second,
  #goods .swiper-container.third {
    width: 280px;
    padding: 0 30px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    top: 140px;
  }
  #food,
  #goods {
    padding-bottom: 30px;
  }
  #movie .swiper-container.fourth {
    padding: 50px 40px 30px;
    width: 288px;
  }
  #movie .swiper-container .swiper-slide p {
    margin: 0 auto;
    padding-bottom: 10px;
  }
  #movie .swiper-button-prev {
    left: 10px;
    top: 130px;
  }
  #movie .swiper-button-next {
    right: 10px;
    top: 130px;
  }

  #slogan .title-pict {
    width: calc(100% - 40px);
    margin: 45px auto 30px;
  }
  #slogan p {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .flex.sns {
    width: 240px;
  }
  footer .logo {
    width: 160px;
  }
  .sns-icon {
    width: 38px;
    height: 38px;
    margin-right: 30px;
  }
  footer p {
    font-size: 10px;
  }
  footer a {
    font-size: 10px;
  }
}

@media (min-width: 1050px) {
  .pc-hide {
    display: none;
  }
}

@media (min-width: 1280px) {
  #movie .swiper-container.fourth {
    width: 1280px;
  }

  #movie .swiper-container.fourth {
    width: 100%;
    height: 460px;
  }

  #movie .swiper-container.fourth .swiper-slide {
    height: 460px !important;
  }

  #movie .swiper-button-prev {
    left: calc(20% + 25px);
  }

  #movie .swiper-button-next {
    right: calc(20% + 25px);
  }
}

@media (min-width: 640px) and (max-width: 1049px) {
  .tab-hide {
    display: none;
  }
  .bar {
    width: calc(100% - 20px);
    padding: 0 10px;
  }
  .bar .flex {
    margin: 0;
  }
  #ham-nav ul,
  #ham-nav .sns {
    margin: 50px 10px;
  }
  #event ul {
    width: 525px;
    margin: 0 auto;
  }
  #event ul li {
    width: 250px;
  }
  #event ul li:nth-child(2n) {
    margin-right: 0;
  }
  #game-preview .swiper-container.first {
    width: 100%;
    padding: 0;
  }
  .swiper-slide-prev p,
  .swiper-slide-next p {
    display: none;
  }
  .swiper-button-next {
    right: 20%;
  }
  .swiper-button-prev {
    left: 20%;
  }
  #food .swiper-container.second,
  #goods .swiper-container.third {
    width: 100%;
    padding: 0;
  }
}