@charset "utf-8";

/* !HTML5 elements
---------------------------------------------------------- */
header,
footer,
nav,
section,
aside,
article {
  display: block;
}

/* !Reseting
---------------------------------------------------------- */
body,
div,
pre,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
th,
td {
  margin: 0;
  padding: 0;
}

input,
textarea {
  margin: 0;
  font-size: 100%;
}

label {
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

fieldset,
img {
  border: 0;
}

img {
  vertical-align: top;
  max-width: 100%;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

q:after,
q:before {
  content: "";
}

a,
input,
select,
textarea,
button {
  outline: none;
}

abbr,
acronym {
  border: 0;
}

*,
*:before,
*::after {
  box-sizing: border-box;
}

/* !Clearfix
---------------------------------------------------------- */
.clearfix {
  display: block;
  min-height: 1%;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

* html .clearfix {
  height: 1%;
  /*\*/
  /*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Inline Align ------------------------------------------------------------ */
.taL {
  text-align: left !important;
}

.taC {
  text-align: center !important;
}

.taR {
  text-align: right !important;
}

/*common*/
a {
  transition: all 0.5s !important;
  -moz-transition: all 0.5s !important;
  /* Firefox */
  -webkit-transition: all 0.5s !important;
  /* Chrome&Safari */
  text-decoration: none;
}

.op {
  transition: all 0.5s !important;
  -moz-transition: all 0.5s !important;
  /* Firefox */
  -webkit-transition: all 0.5s !important;
  /* Chrome&Safari */
}

@media screen and (min-width: 835px) {
  .op:hover {
    opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
  }
}

/* !Layout
---------------------------------------------------------- */
html {
  overflow-y: scroll;
  font-size: 62.5%;
}

body {
  color: #1b1b1b;
  background: #fff;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-text-size-adjust: none;
  line-height: 1.5;
}

.gothic {
  font-family: "League Gothic", sans-serif;
  font-weight: 400;
}

body.is-hidden {
  overflow: hidden;
  height: 100vh;
  margin-right: 0 !important;
}

/*** タブレット 835x ~ 1200px***/
@media screen and (min-width: 835px) and (max-width: 1200px) {
  html {
    font-size: 0.83vw;
  }
}

/*** スマホ 320px ~ 834px***/
@media screen and (max-width: 834px) {
}

/*** スマホ 320px ~ 834px***/
@media screen and (max-width: 834px) {
  body {
    font-size: 1.2rem;
  }

  html {
    font-size: 62.5%;
  }
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.anchorArea {
  position: relative;
}
.yokohama_lp_anchor {
  position: absolute;
  top: -7rem;
  z-index: -1;
}

/*** スマホ 320px ~ 834px***/
@media screen and (max-width: 834px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .yokohama_lp_anchor {
    position: absolute;
    top: 0;
    z-index: -1;
  }
}

/* !yokohama_lp_wrapper
---------------------------------------------------------- */
#yokohama_lp_wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

/*** スマホ 320px ~ 834px***/
@media screen and (max-width: 834px) {
  #yokohama_lp_wrapper {
  }
}

/* !header
---------------------------------------------------------- */
#yokohama_lp_header {
  background: #004098;
  height: 7rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
}

#yokohama_lp_header::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.4rem;
  z-index: 3;
  width: 100%;
  height: 0.8rem;
  border-top: 0.4rem #e60039 solid;
  border-bottom: 0.4rem #fff solid;
}

.yokohama_lp_Logo {
  padding-top: 1.7rem;
  padding-left: 1.6rem;
}

.yokohama_lp_Logo a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.yokohama_lp_Logo .logo {
  display: inline-block;
  width: 4rem;
}

.yokohama_lp_Logo .logo img {
  width: 100%;
}

.yokohama_lp_Logo .eng {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.03em;
  display: inline-block;
  margin-left: 0.8rem;
  color: #fafafa;
}

#yokohama_lp_navi {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
  overflow: hidden;
}

#yokohama_lp_navi.open {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  pointer-events: initial;
}

#yokohama_lp_navi .naviOverlay {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #00409866;
}

.yokohama_lp_naviInner {
  width: 34.3rem;
  height: 100%;
  background: #004098;
  padding: 10.7rem 1.6rem 5.4rem;
  transform: translateX(100%);
  transition: transform 0.5s ease-in-out;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

#yokohama_lp_navi.open .yokohama_lp_naviInner {
  transform: translateX(0);
  transition: transform 0.1s ease-in-out;
}

.yokohama_lp_naviLinks a {
  display: block;
  padding: 0.8rem 0;
  border-bottom: 0.2rem solid #014cb3;
  position: relative;
  transition: 0.5s ease-in;
}

.yokohama_lp_naviLinks a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 2.4rem;
  height: 100%;
  background: url("../image/common/arrow_right_wh.svg") center no-repeat;
  background-size: 100% auto;
}

.yokohama_lp_naviLinks li:first-child a {
  border-top: 0.2rem solid #014cb3;
}

.yokohama_lp_naviLinks a .jap {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #fff;
  display: block;
}

.yokohama_lp_naviLinks a .eng {
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  display: block;
  font-weight: 400;
}

.yokohama_lp_btnMenu {
  width: 5.8rem;
  height: 5.8rem;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}

.yokohama_lp_btnMenu > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 2.4rem;
  height: 1.5rem;
}

.yokohama_lp_btnMenu span {
  display: block;
  background: #004098;
  width: 100%;
  height: 0.3rem;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
}

.yokohama_lp_btnMenu.active span:first-child {
  -webkit-transform: translateY(0.5rem) rotate(45deg);
  -moz-transform: translateY(0.5rem) rotate(45deg);
  -ms-transform: translateY(0.5rem) rotate(45deg);
  transform: translateY(0.5rem) rotate(45deg);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
}

.yokohama_lp_btnMenu.active span:nth-child(2) {
  opacity: 0;
}

.yokohama_lp_btnMenu.active span:last-child {
  -webkit-transform: translateY(-0.7rem) rotate(-45deg);
  -moz-transform: translateY(-0.7rem) rotate(-45deg);
  -ms-transform: translateY(-0.7rem) rotate(-45deg);
  transform: translateY(-0.7rem) rotate(-45deg);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
}

.yokohama_lp_cv {
  position: fixed;
  bottom: 0;
  z-index: 200;
  background: #00409866;
  padding: 0.8rem 0;
  width: 100%;
}

.yokohama_lp_cv a {
  width: 40.5rem;
  height: 6.8rem;
  margin: 0 auto;
  background: #e60039;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fafafa;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  border-radius: 0.8rem;
  transition: 0.5s ease-in-out;
}

.yokohama_lp_cv a span {
  display: inline-flex;
  align-items: center;
}

.yokohama_lp_cv a span::before {
  content: "";
  width: 3.6rem;
  height: 3.6rem;
  margin-right: 1.6rem;
  background: url("../image/common/icon_ticket_wh.svg") center no-repeat;
  background-size: 3.6rem 3.6rem;
  transition: 0.5s ease-in-out;
}

.yokohama_lp_btn {
  margin-top: 5rem;
}

.yokohama_lp_btn a {
  max-width: 40.5rem;
  width: 100%;
  height: 6.8rem;
  margin: 0 auto;
  background: #e60039;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fafafa;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  border-radius: 0.8rem;
  transition: 0.5s ease-in-out;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .8);
}

.yokohama_lp_btn a:hover {
  transform: translateY(10px);
  box-shadow: none;
}

.yokohama_lp_btn a span {
  display: inline-flex;
  align-items: center;
}

.yokohama_lp_btn a span::before {
  content: "";
  width: 3.6rem;
  height: 3.6rem;
  margin-right: 1.6rem;
  background: url("../image/common/icon_ticket_wh.svg") center no-repeat;
  background-size: 3.6rem 3.6rem;
  transition: 0.5s ease-in-out;
}

@media screen and (min-width: 835px) {
  .yokohama_lp_naviLinks a:hover {
    opacity: 0.7;
    transition: 0.5s ease-in;
  }

  .yokohama_lp_cv a:hover {
    color: #bf9c46;
    background: #fafafa;
    transition: 0.5s ease-in-out;
  }

  .yokohama_lp_cv a:hover span::before {
    background: url("../image/common/icon_ticket_gd.svg") center no-repeat;
    background-size: 3.6rem 3.6rem;
    transition: 0.5s ease-in-out;
  }

  .yokohama_lp_btn a:hover {
    color: #bf9c46;
    background: #fafafa;
    transition: 0.5s ease-in-out;
  }

  .yokohama_lp_btn a:hover span::before {
    background: url("../image/common/icon_ticket_gd.svg") center no-repeat;
    background-size: 3.6rem 3.6rem;
    transition: 0.5s ease-in-out;
  }
}

/*** スマホ 320px ~ 834px***/
@media screen and (max-width: 834px) {
  #yokohama_lp_header {
    height: 6rem;
  }

  .yokohama_lp_Logo {
    padding-top: 1.1rem;
  }

  #yokohama_lp_navi {
    height: 100vh;
  }

  #yokohama_lp_navi .yokohama_lp_Logo {
    padding: 0;
    margin-bottom: 2.4rem;
  }

  .yokohama_lp_naviInner {
    width: 34.3rem;
    padding: 2.6rem 1.6rem 8.2rem;
  }

  .yokohama_lp_btnMenu {
    top: auto;
    bottom: 0;
  }

  .yokohama_lp_cv {
    padding: 0;
  }

  .yokohama_lp_cv a {
    width: calc(100% - 5.8rem);
    height: 5.8rem;
    margin: 0;
    font-size: 2rem;
    border-radius: 0;
  }

  .yokohama_lp_cv a span::before {
    margin-right: 0.8rem;
  }
}

/* !mainVisual
---------------------------------------------------------- */
.yokohama_lp_mainVisual img {
  width: 100%;
  margin-top: 6rem;
}

/* yokohama_lp_contents
-----------------------------------------------------------*/
.inner {
  max-width: 103.2rem;
  width: 100%;
  padding: 0 1.6rem;
  margin: 0 auto;
}

/* yokohama_lp_footer
-----------------------------------------------------------*/
.yokohama_lp_footer {
  position: relative;
  z-index: 20;
}
.yokohama_lp_pageTop a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5rem;
  background: #0f218b;
  position: relative;
  transition: 0.5s ease;
  cursor: pointer;
}

.yokohama_lp_pageTop a::before {
  content: "";
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  background: url("../image/common/arrow_left_wh.svg") center no-repeat;
  background-size: 2.6rem 2.6rem;
  transform: rotate(90deg);
}

.yokohama_lp_footerLogo a {
  display: block;
  width: 10rem;
  margin: 0 auto 3.2rem;
}

.yokohama_lp_follow {
  font-family: "Oswald", serif;
  font-size: 1.6rem;
  line-height: 1.43;
  color: #ffffff;
  text-align: center;
  margin-bottom: 1.6rem;
  font-weight: 400;
}

.yokohama_lp_footerInner {
  padding: 6.3rem 0 10rem;
  background: #004098;
}

.yokohama_lp_footerInner .inner {
  max-width: 75.2rem;
}

.yokohama_lp_snsLinks {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
}

.yokohama_lp_snsLinks a {
  display: inline-block;
  width: 2.3rem;
  transition: 0.5s ease;
}

.yokohama_lp_snsLinks li + li a {
  margin-left: 2.2rem;
}

.yokohama_lp_footerLinks a {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #fff;
  display: block;
  padding: 2.3rem 4rem 1.9rem;
  position: relative;
  transition: 0.5s ease;
}

.yokohama_lp_footerLinks > li {
  border-bottom: 0.1rem solid #ffffff;
}

.yokohama_lp_footerLinks > li:first-child {
  border-top: 0.1rem solid #ffffff;
}

.yokohama_lp_footerLinks .linkSub a {
  padding: 1rem 4rem;
}

.yokohama_lp_footerLinks .linkSub {
  padding: 1.3rem 0 0.9rem;
}

.yokohama_lp_footerLinks a::after {
  content: "";
  position: absolute;
  right: 1.4rem;
  top: 3rem;
  width: 0.8rem;
  height: 0.8rem;
  border-bottom: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
  transform: rotate(-45deg);
}

.yokohama_lp_footerLinks .linkSub a::after {
  top: 2.2rem;
}

.yokohama_lp_copyright {
  margin-top: 2.5rem;
  font-family: "Oswald", serif;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  font-weight: 400;
}

@media screen and (min-width: 835px) {
  .yokohama_lp_pageTop a:hover,
  .yokohama_lp_footerLinks a:hover,
  .yokohama_lp_snsLinks a:hover {
    opacity: 0.7;
    transition: 0.5s ease;
  }
}

/*** footerスマホ 320px ~ 834px***/
@media screen and (max-width: 834px) {
  .yokohama_lp_pageTop a {
    height: 5.8rem;
  }

  .yokohama_lp_footerLogo a {
    margin: 0 auto 2.4rem;
  }

  .yokohama_lp_follow {
    font-size: 2.4rem;
  }

  .yokohama_lp_snsLinks li + li a {
    margin-left: 2.6rem;
  }

  .yokohama_lp_footerInner {
    padding: 6.4rem 0 8.8rem;
  }

  .yokohama_lp_footerInner .inner {
    padding: 0 3.2rem;
  }

  .yokohama_lp_snsLinks {
    margin-bottom: 2.4rem;
  }

  .yokohama_lp_footerLinks a {
    font-size: 1.3rem;
    line-height: 1.384;
    padding: 2.3rem 0 1.9rem;
  }

  .yokohama_lp_footerLinks .linkSub a {
    padding: 1rem 0;
  }

  .yokohama_lp_footerLinks a::after {
    right: 1.2rem;
    border-bottom: 0.1rem solid #fff;
    border-right: 0.1rem solid #fff;
  }

  .yokohama_lp_copyright {
    margin-top: 4rem;
  }
}

/* common
-----------------------------------------------------------*/
.hide {
  display: none;
}

/* blueBg */
.blueBg {
  background: #004098;
  color: #fff;
}

.whiteBg {
  background: #fafafa;
}

/* SPECIAL */
.yokohama_lp_special {
  position: relative;
  padding: 18rem 0 13.6rem;
}

.yokohama_lp_special::before,
.yokohama_lp_special::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 2.8rem;
  background: url("../image/common/line_tricolore.svg") center no-repeat;
  background-size: cover;
}

.yokohama_lp_special::after {
  top: auto;
  bottom: 0;
}

.yokohama_lp_special .circleBg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 55rem;
  z-index: 1;
}

.yokohama_lp_special .circleBg img {
  width: 100%;
}

.yokohama_lp_special .inner {
  position: relative;
  z-index: 3;
}

.yokohama_lp_specialWrap {
  position: relative;
  max-width: 94.4rem;
  width: 100%;
  margin: 0 auto;
  display: flex;
  /* align-items: flex-end; */
  align-items: center;
}

.specialHd {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-23.8rem, -100%);
  z-index: -1;
  width: 80.8rem;
  margin-top: 2rem;
}

.specialHd img {
  width: 100%;
}

.yokohama_lp_specialImg {
  /* width: 53.6rem; */
  width: 45%;
  margin-right: 2.4rem;
}

.yokohama_lp_specialInfo {
  /* width: calc(100% - 56rem); */
  width: 55%;
}

.yokohama_lp_specialInfo .title {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.5;
}

.yokohama_lp_specialInfo .text {
  font-size: 1.4rem;
  letter-spacing: 0.03em;
  line-height: 1.7;
  margin-top: 1.6rem;
  height: 100%;
  display: -webkit-box;
  /* -webkit-line-clamp: 5;
  -webkit-box-orient: vertical; */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  max-width: 600px;
  word-wrap: break-word;
}

.yokohama_lp_fancyBody .text a {
  text-decoration: underline;
}

.speciallinks {
  text-align: center;
  margin: 2.6rem auto 1rem;
}

.speciallinks a {
  padding: 1rem 8rem;
  background-color: white;
  color: #014cb3;
  font-weight: 600;
}

.speciallinks a:hover {
  border: solid #fff;
  background-color: #004098;
  color: white;
}

@media screen and (max-width: 834px) {
  .yokohama_lp_special {
    position: relative;
    padding: 9.6rem 0 10.8rem;
  }

  .yokohama_lp_special .circleBg {
    right: -8.8rem;
    width: 37.5rem;
    bottom: 2.8rem;
  }

  .yokohama_lp_specialWrap {
    display: block;
    padding-left: 3.2rem;
  }

  .specialHd {
    position: absolute;
    left: -1.6rem;
    top: -5.7rem;
    transform: none;
    z-index: -1;
    width: 9.6rem;
    margin-top: 0;
  }

  .yokohama_lp_specialImg {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.6rem;
  }

  .yokohama_lp_specialInfo {
    width: 100%;
  }

  .speciallinks {
    text-align: right;
    margin: 3rem auto 1.4rem;
  }

  .speciallinks a {
    padding: 1.4rem 6rem;
    font-weight: 600;
    font-size: 1.4rem;
  }
}

/* menu nav */
.yokohama_lp_menu {
  padding: 21rem 0 13rem;
  position: relative;
  z-index: 3;
}

.yokohama_lp_menuSection {
  max-width: 85.5rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.yokohama_lp_menuSection::before,
.yokohama_lp_menuSection::after {
  content: "";
  position: absolute;
  z-index: -1;
}

.yokohama_lp_menuSection::before {
  right: -9rem;
  top: -20rem;
  width: 19.1rem;
  height: 39.8rem;
  background: url("../image/nav/bg_navi_pc.svg") center no-repeat;
  background-size: cover;
}

.yokohama_lp_menuSection::after {
  left: -10.7rem;
  bottom: -12.9rem;
  width: 39.8rem;
  height: 19rem;
  background: url("../image/nav/bg_navi02_pc.svg") center no-repeat;
  background-size: cover;
}

.yokohama_lp_menuSection ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.9rem;
  position: relative;
}

.yokohama_lp_menuSection ul::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 29.9rem;
  height: 10rem;
  background: url("../image/nav/title_navi_sp.svg") center no-repeat;
  background-size: cover;
  transform: translate(-7.1rem, -100%);
  margin-top: -3.2rem;
}

.yokohama_lp_menuSection li a {
  width: 16.5rem;
  height: 5.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  color: #004098;
  transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}

.yokohama_lp_menuSection li.price a {
  color: #fff;
}

.yokohama_lp_menuSection li a::before,
.yokohama_lp_menuSection li a::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(
    1rem 0,
    0 1rem,
    0 100%,
    calc(100% - 1rem) 100%,
    100% calc(100% - 1rem),
    100% 0
  );
  background: #ffffff;
  z-index: -1;
  transition: 0.5s ease-in-out;
}

.yokohama_lp_menuSection li a::after {
  background: #bf9c46;
  z-index: -2;
  transform: translate(0.2rem, 0.2rem);
}

.yokohama_lp_menuSection li.price a::before {
  background: #bf9c46;
}

.yokohama_lp_menuSection li.price a::after {
  background: #fff;
}

.yokohama_lp_menuSection li a span {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.yokohama_lp_menuSection li a span::after {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background: url("../image/nav/icon_navarrow_b.svg") center no-repeat;
  background-size: cover;
  transition: 0.5s ease-in-out;
}

.yokohama_lp_menuSection li.price a span::after {
  background: url("../image/nav/icon_navarrow_wh.svg") center no-repeat;
  background-size: cover;
  transition: 0.5s ease-in-out;
}

@media screen and (min-width: 835px) {
  .yokohama_lp_menuSection li a:hover {
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
  }

  .yokohama_lp_menuSection li a:hover::before {
    transform: translate(0.2rem, 0.2rem);
    transition: 0.5s ease-in-out;
  }
}

@media screen and (max-width: 834px) {
  .yokohama_lp_menu {
    padding: 18.5rem 0 9.6rem;
    position: relative;
    z-index: 3;
  }

  .yokohama_lp_menuSection::before,
  .yokohama_lp_menuSection::after {
    content: "";
    position: absolute;
    z-index: -1;
  }

  .yokohama_lp_menuSection::before {
    right: 0;
    top: -16rem;
    width: 9.4rem;
    height: 39.8rem;
    background: url("../image/nav/bg_navi_sp.svg") center no-repeat;
    background-size: cover;
  }

  .yokohama_lp_menuSection::after {
    left: -10.3rem;
    bottom: -6.8rem;
    width: 39.8rem;
    height: 9.4rem;
    background: url("../image/nav/bg_navi02_sp.svg") center no-repeat;
    background-size: cover;
  }

  .yokohama_lp_menuSection ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.9rem;
    position: relative;
  }

  .yokohama_lp_menuSection ul::before {
    transform: translate(0, -100%);
    margin-top: -2.4rem;
  }

  .yokohama_lp_menuSection li {
    width: calc(50% - 0.9rem);
  }

  .yokohama_lp_menuSection li.price {
    width: 100%;
  }

  .yokohama_lp_menuSection li a {
    width: 100%;
  }
}

/* pickup */
.headBox {
  text-align: center;
  margin-bottom: 6.4rem;
  position: relative;
}

.headBox .jap {
  font-size: 5.6rem;
  font-weight: 900;
  line-height: 1.5;
  display: block;
}

.headBox.white .jap {
  color: #fff;
}

.headBox.blue .jap {
  color: #004098;
}

.headBox .eng {
  color: #fff;
  display: inline-block;
  padding: 0.5rem 0.8rem;
  font-size: 3rem;
  line-height: 1;
  background: #e60039;
  margin-top: 0.4rem;
}

.yokohama_lp_pickup {
  padding-bottom: 7.5rem;
  position: relative;
}

.yokohama_lp_pickup::before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 45rem;
  z-index: -2;
  background: #004098;
}

.yokohama_lp_pickup::after {
  content: "";
  position: absolute;
  top: 14rem;
  left: 0;
  width: 100%;
  height: 56rem;
  z-index: -1;
  background: url("../image/bg_pickup_pc.svg") no-repeat;
  background-size: cover;
}

.pickUpBg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../image/pickup_wh_bg.png") top no-repeat;
  background-size: cover;
  top: 23rem;
  left: 0;
  z-index: -1;
}

.yokohama_lp_pickupSection {
  max-width: 90.6rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.pinckupBox {
  display: flex;
  align-items: center;
  border: 0.2rem solid #004098;
  background: #fff;
  padding: 1.6rem;
}

.pinckupBox .pickupImg {
  width: 50rem;
  margin-right: 2.4rem;
}

.pinckupBox .pickupInfo {
  width: calc(100% - 52.4rem);
  height: auto;
}

.pickupInfo .title {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  color: #004098;
  margin-bottom: 1.6rem;
}

.pickupInfo .text {
  font-size: 1.6rem;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.pinckupBox .pickupInfo .btn {
  margin-top: 3.2rem;
}

.ViewMore {
  font-size: 2.4rem;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 2.5rem;
}

.ViewMore span {
  display: inline-flex;
  align-items: center;
}

.ViewMore span::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url("../image/icon_modal_wh.svg") no-repeat center;
  background-size: 2.4rem 2.4rem;
  margin-left: 0.8rem;
}

.pinckupBox .pickupInfo .btn {
  text-align: right;
}

.pinckupBox .pickupInfo .ViewMore {
  background: #004098;
  width: 15.4rem;
  height: 4.4rem;
  transition: 0.5s ease-in-out;
}

.fancybox-content {
  padding: 3.2rem 2.4rem 8.7rem 2.4rem;
  max-width: 62.2rem;
  height: 77.8rem;
  overflow: hidden;
}

.yokohama_lp_fancyBox {
  height: 100%;
  overflow-y: auto;
  padding-right: 0.8rem;
}

.yokohama_lp_fancyBox::-webkit-scrollbar {
  background: #f1f1f1;
  width: 0.7rem;
}

.yokohama_lp_fancyBox::-webkit-scrollbar-thumb {
  background: #004098;
}

.fancyClose {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.4rem;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 700;
  background: #004098;
  width: 31.1rem;
  height: 4.4rem;
  border-radius: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  transition: 0.5s ease-in-out;
}

.fancyClose span {
  display: inline-flex;
  align-items: center;
}

.fancyClose span::before {
  content: "";
  width: 1.7rem;
  height: 1.7rem;
  background: url("../image/common/icon_close.svg") center no-repeat;
  background-size: 1.7rem 1.7rem;
  margin-right: 0.8rem;
}

.fancybox-close-small {
  display: none;
}

.fancyboxImg img {
  width: 100%;
}

.fancyInfo {
  margin-top: 2.4rem;
}

.fancyInfo .title {
  color: #004098;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1.6rem;
}

.fancyInfo .text,
.fancyInfo li {
  font-size: 1.4rem;
  line-height: 1.7;
}

.fancyInfo ul {
  margin-top: 1.6rem;
}

.fancyInfo ul li + li {
  margin-top: 1.6rem;
}

/* arrow */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 5rem;
  height: 5rem;
  background: url("../image/common/arrow_left_wh.svg") no-repeat center #004098;
  background-size: 2.4rem 2.4rem;
  border-radius: 100%;
  top: auto;
  transition: 0.5s ease-in-out;
}

.swiper-button-prev {
  left: 50%;
  transform: translateX(-50%);
  margin-left: -18.8rem;
}

.swiper-button-next {
  right: 50%;
  transform: translateX(50%);
  background: url("../image/common/arrow_right_wh.svg") no-repeat center #004098;
  background-size: 2.4rem 2.4rem;
  margin-right: -18.8rem;
}

/* swiper */
.swiper {
  padding-bottom: 8.2rem;
}

/* pagination */
.swiper-pagination {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.9rem;
  font-family: "League Gothic", serif;
  color: #004098;
  font-size: 3.2rem;
  line-height: 1;
  width: 30rem;
  margin: 0;
}

.swiper-pagination span {
  padding: 0 1.6rem;
  position: relative;
}

.swiper-pagination .swiper-pagination-total::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.3rem;
  z-index: 3;
  width: 0.2rem;
  height: 3.2rem;
  background: #004098;
}

@media screen and (min-width: 835px) {
  .fancyClose:hover {
    opacity: 0.7;
    transition: 0.5s ease-in-out;
  }

  .pinckupBox .pickupInfo .ViewMore:hover {
    background: #e60039;
    transition: 0.5s ease-in-out;
  }

  .swiper-button-prev:hover,
  .swiper-button-next:hover {
    opacity: 0.7;
    transition: 0.5s ease-in-out;
  }
}

@media screen and (max-width: 834px) {
  /* pickup */
  .headBox {
    margin-bottom: 4rem;
  }

  .headBox .jap {
    font-size: 4.8rem;
    line-height: 1.083;
  }

  .headBox .eng {
    font-size: 2.4rem;
  }

  .yokohama_lp_pickup::before {
    height: 40rem;
  }

  .yokohama_lp_pickup::after {
    content: "";
    position: absolute;
    top: 21rem;
    height: 27.3rem;
    z-index: -1;
    background: url("../image/bg_pickup_sp.svg") no-repeat bottom;
    background-size: 100% 100%;
  }

  .pickUpBg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../image/pickup_wh_bg_sp.png") top no-repeat;
    background-size: 100% 100%;
    top: 22rem;
  }

  .pinckupBox {
    display: block;
  }

  .pinckupBox .pickupImg {
    width: 100%;
    margin-right: 0;
  }

  .pinckupBox .pickupInfo {
    width: 100%;
    margin-top: 1.6rem;
  }

  .pickupInfo .title {
    font-size: 1.8rem;
    letter-spacing: 0.03em;
    margin-bottom: 1.6rem;
  }

  .pickupInfo .text {
    font-size: 1.4rem;
    line-height: 1.7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }

  .pinckupBox .pickupInfo .btn {
    margin-top: 1.6rem;
  }

  .ViewMore {
    font-size: 2.2rem;
  }

  .fancybox-content {
    padding: 0;
    max-width: unset;
    width: 100%;
    height: calc(100vh - 10rem);
    margin: 0 auto;
  }

  .yokohama_lp_fancyBox {
    height: 100%;
    overflow-y: auto;
    padding: 1.6rem 1.6rem 0;
  }

  .yokohama_lp_fancyBox::-webkit-scrollbar {
    width: 0.5rem;
  }

  .fancyInfo {
    margin-top: 2.4rem;
    padding: 0 1.6rem 9.2rem;
  }

  /* arrow */
  .swiper-button-prev {
    left: auto;
    transform: translateX(0);
    right: 6.6rem;
    margin-left: auto;
  }

  .swiper-button-next {
    right: 0;
    transform: translateX(0);
    margin-right: auto;
  }

  .yokohama_lp_eventSwiper .swiper-button-next,
  .yokohama_lp_gourmetSwiper .swiper-button-next {
    right: 3.2rem;
  }

  .yokohama_lp_eventSwiper .swiper-button-prev,
  .yokohama_lp_gourmetSwiper .swiper-button-prev {
    right: 9.8rem;
  }

  /* swiper */
  .swiper {
    padding-bottom: 7.4rem;
  }

  /* pagination */
  .swiper-pagination {
    left: auto;
    right: 11.6rem;
    transform: translateX(0);
    bottom: 1.3rem;
    font-size: 2.2rem;
    width: 11rem;
  }

  .yokohama_lp_eventSwiper .swiper-pagination,
  .yokohama_lp_gourmetSwiper .swiper-pagination {
    right: 14.8rem;
  }
  .swiper-pagination .swiper-pagination-total::before {
    top: 0.2rem;
    height: 2.2rem;
  }
}

/* TIME SCHEDULE */

.yokohama_lp_schedule .inner {
  max-width: 180rem;
  padding: 0 12rem;
}

.yokohama_lp_scheduleSection {
  position: relative;
  padding: 5.4rem 0 10rem;
}

.yokohama_lp_scheduleSection::before,
.yokohama_lp_scheduleSection::after {
  content: "";
  position: absolute;
  width: 25.9rem;
  height: 26.2rem;
  z-index: -1;
}

.yokohama_lp_scheduleSection::after {
  right: 0;
  top: 0;
  background: url("../image/bg_timeschedule_right.svg") center no-repeat;
  background-size: cover;
}

.yokohama_lp_scheduleSection::before {
  left: 0;
  bottom: 1.2rem;
  background: url("../image/bg_timeschedule_left.svg") center no-repeat;
  background-size: cover;
}

.yokohama_lp_scheduleSwiper {
  position: relative;
}

.yokohama_lp_scheduleSwiper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8.7rem;
  z-index: 10;
  width: 6.8rem;
  height: 8.8rem;
  background: url("../image/btn_scroll.svg") center no-repeat;
  background-size: 6.8rem 8.8rem;
  transform: translateX(-100%);
  margin-left: -3.8rem;
}

.yokohama_lp_scheduleSwiper::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  width: 100vw;
  height: 16.8rem;
  background: url("../image/bg_timeschedule_pc.svg") center no-repeat;
  background-size: cover;
  transform: translate(-50%, -50%);
  margin-top: -3rem;
}

.yokohama_lp_scheduleSection .swiper {
  overflow: visible;
  padding-bottom: 0;
}

.yokohama_lp_scheduleSection .swiper-slide {
  width: 17.2rem;
}

.yokohama_lp_scheduleItem {
  background: #004098;
  border-radius: 0.8rem;
  padding: 1.6rem;
  color: #fff;
}

.yokohama_lp_scheduleItem + .yokohama_lp_scheduleItem {
  margin-left: 2.4rem;
}

.yokohama_lp_scheduleItem .time {
  text-align: center;
  font-family: "League Gothic", serif;
  margin-bottom: 0.8rem;
}

.yokohama_lp_scheduleItem .time span {
  font-size: 2.8rem;
  background: #b2852f;
  padding: 0.5rem 0.8rem;
  line-height: 1;
  display: inline-block;
}

.yokohama_lp_scheduleItem .title {
  text-align: center;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.yokohama_lp_scheduleItem .text {
  font-size: 1.4rem;
  line-height: 1.642;
}

.yokohama_lp_scheduleItem .text.note {
  font-size: 1.2rem;
}

.yokohama_lp_scheduleNote {
  margin-top: 3.1rem;
  font-size: 1.2rem;
}

.yokohama_lp_event .speciallinks {
  margin-top: 8rem;
}

.yokohama_lp_event .speciallinks a {
  display: inline-block;
}

@media screen and (max-width: 1260px) {
  .yokohama_lp_scheduleSwiper::before {
    left: 12px;
  }
}

@media screen and (max-width: 834px) {
  .yokohama_lp_schedule .inner {
    padding: 0 1.6rem;
  }

  .yokohama_lp_event .speciallinks {
    text-align: center;
  }

  .yokohama_lp_scheduleSection {
    padding: 7.2rem 0 9.2rem;
  }

  .yokohama_lp_scheduleSection::before,
  .yokohama_lp_scheduleSection::after {
    width: 18.7rem;
    height: 18.9rem;
  }

  .yokohama_lp_scheduleSwiper {
    position: relative;
  }

  .yokohama_lp_scheduleSwiper .swiper {
    padding-left: 6.4rem;
  }

  .yokohama_lp_scheduleSwiper::before {
    top: 7.2rem;
    left: 0;
    z-index: 10;
    width: 4.4rem;
    height: 6.4rem;
    background: url("../image/btn_scroll.svg") center no-repeat;
    background-size: 4.4rem 6.4rem;
    transform: translateX(0);
    margin-left: 0;
  }

  .yokohama_lp_scheduleSection .swiper {
    overflow: visible;
    padding-bottom: 0;
  }

  .yokohama_lp_scheduleSection .swiper-slide {
    width: 12.1rem;
    margin-right: 1.6rem;
  }

  .yokohama_lp_scheduleItem {
    background: #004098;
    border-radius: 0.8rem;
    padding: 1.6rem 0.8rem 0.8rem;
    color: #fff;
    min-height: 26rem;

    border: 0.2rem solid #fff;
  }

  .yokohama_lp_scheduleItem + .yokohama_lp_scheduleItem {
    margin-left: 2.4rem;
  }

  .yokohama_lp_scheduleItem .title {
    font-size: 1.6rem;
    height: auto !important;
  }

  .yokohama_lp_scheduleItem .text {
    font-size: 1.4rem;
    line-height: 1.5;
    height: auto !important;
  }

  .yokohama_lp_scheduleItem .text.note {
    font-size: 1.2rem;
  }

  .yokohama_lp_scheduleNote {
    margin-top: 1.6rem;
  }
}

/* イベント情報 EVENT */
.yokohama_lp_eventScroll {
  display: flex;
  background: #fff;
}

.yokohama_lp_eventScroll li {
  width: 17.3rem;
  height: 17.3rem;
}

.yokohama_lp_eventScroll li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.js-image-scroll ul {
  display: flex;
}

.js-image-scroll ul:nth-child(odd) {
  animation-name: image-loop-left1;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.js-image-scroll ul:nth-child(even) {
  animation-name: image-loop-left2;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes image-loop-left1 {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

@keyframes image-loop-left2 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-200%);
  }
}

.yokohama_lp_event {
  position: relative;
  z-index: 1;
}

.yokohama_lp_event::before {
  content: "";
  position: absolute;
  right: -21rem;
  top: 0;
  z-index: -1;
  width: 77.3rem;
  height: 77.3rem;
  background: url("../image/event/bg_circle_pc.svg") no-repeat;
  background-size: cover;
}

.yokohama_lp_eventSection {
  padding: 11.2rem 0;
}

.yokohama_lp_event .headBox {
  z-index: 3;
}

.yokohama_lp_event .headBox::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 54.3rem;
  height: 23.6rem;
  background: url("../image/event/bg_text_pc.svg") center no-repeat;
  background-size: cover;
  z-index: -1;
}

.yokohama_lp_event .pickupInfo {
  margin-top: 1.6rem;
}

.yokohama_lp_event .pickupInfo .title {
  color: #fff;
  margin-bottom: 1.6rem;
}

.yokohama_lp_event .swiper-slide {
  width: 48.3rem;
  height: 56rem;
  position: relative;
}

.swiper.white .swiper-pagination,
.noSwiper.white .swiper-pagination {
  color: #fff;
}

.swiper.white .swiper-pagination .swiper-pagination-total::before,
.noSwiper.white .swiper-pagination .swiper-pagination-total::before {
  background: #fff;
}

.yokohama_lp_event .ViewMore {
  width: 100%;
  margin: 2.4rem auto 0;
  color: #004098;
  background: #fff;
  height: 4.4rem;
  display: inline-flex;
  align-items: center;
  border: 0.1rem solid #fff;
  transition: 0.5s ease-in-out;

  position: absolute;
  bottom: 0;
}

.swiper.white .ViewMore span::after,
.noSwiper.white .ViewMore span::after {
  background: url("../image/event/icon_modal.svg") no-repeat center;
  background-size: 2.4rem 2.4rem;
  transition: 0.5s ease-in-out;
}

.swiper.white .swiper-button-prev,
.swiper.white .swiper-button-next,
.noSwiper.white .swiper-button-prev,
.noSwiper.white .swiper-button-next {
  background: url("../image/common/arrow_left_b.svg") no-repeat center #fff;
  background-size: 2.4rem 2.4rem;
}

.swiper.white .swiper-button-next,
.noSwiper.white .swiper-button-next {
  background: url("../image/common/arrow_right_b.svg") no-repeat center #fff;
  background-size: 2.4rem 2.4rem;
}

@media screen and (min-width: 835px) {
  .yokohama_lp_event .ViewMore:hover {
    background: #004098;
    color: #fff;
    transition: 0.5s ease-in-out;
  }

  .swiper.white .ViewMore:hover span::after {
    background: url("../image/icon_modal_wh.svg") no-repeat center;
    background-size: 2.4rem 2.4rem;
    transition: 0.5s ease-in-out;
  }

  .yokohama_lp_eventSection .noSwiper .swiper-wrapper {
    max-width: 103.2rem;
    width: 100%;
    padding: 0 1.6rem;
    margin: 0 auto;
    justify-content: center;
    gap: 32px;
  }

  .yokohama_lp_eventSection .noSwiper .swiper-wrapper .swiper-slide {
    width: calc(100% / 3 - 32px * 2/3);
    height: 46rem;
  }

  .yokohama_lp_eventSection .noSwiper .swiper-button-next,
  .yokohama_lp_eventSection .noSwiper .swiper-button-prev {
    display: none;
  }
}
  

@media screen and (max-width: 834px) {
  .yokohama_lp_eventScroll li {
    width: 15rem;
    height: 15rem;
  }

  .yokohama_lp_event {
    position: relative;
    z-index: 1;
  }

  .yokohama_lp_event::before {
    content: "";
    position: absolute;
    right: -12.8rem;
    top: 0;
    z-index: -1;
    width: 37.5rem;
    height: 37.5rem;
    background: url("../image/event/bg_circle_pc.svg") no-repeat;
    background-size: cover;
  }

  .yokohama_lp_eventSection {
    padding: 9.6rem 0;
  }

  .yokohama_lp_eventSection .yokohama_lp_eventSwiper {
    position: relative;
    z-index: 5;
  }

  .yokohama_lp_event .headBox::before {
    left: 1rem;
    top: -9.6rem;
    transform: unset;
    width: 14.7rem;
    height: 33.9rem;
    background: url("../image/event/bg_text_sp.svg") center no-repeat;
    background-size: cover;
  }

  .yokohama_lp_event .pickupInfo {
    margin-top: 0.8rem;
  }

  .yokohama_lp_event .pickupInfo .title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
  }

  .yokohama_lp_event .swiper-slide {
    width: 31.1rem;
    height: 43rem;
  }

  .yokohama_lp_event .btn {
    text-align: right;
  }

  .yokohama_lp_event .ViewMore {
    width: 15.6rem;
    margin: 1.6rem auto 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .yokohama_lp_eventSwiper .swiper,
  .yokohama_lp_eventSwiper .noSwiper {
    padding-bottom: 8.2rem;
  }
  
}

@media screen and (min-width: 1570px) {
  .yokohama_lp_event .swiper-slide {
    height: 66rem;
  }
}

/* スタジアムグルメ GOURMET */
.yokohama_lp_gourmet {
  padding: 11.2rem 0 5.8rem;
  background: url("../image/gourmet/bg_pc.jpg") center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.yokohama_lp_gourmet::before,
.yokohama_lp_gourmet::after {
  content: "";
  position: absolute;
  z-index: -1;
}

.yokohama_lp_gourmet::before {
  top: -15rem;
  right: -7rem;
  background: url("../image/gourmet/bg_dish_pc.png") center;
  width: 75.1rem;
  height: 75.1rem;
  background-size: cover;
}

.yokohama_lp_gourmet::after {
  bottom: -2rem;
  left: 0;
  background: url("../image/gourmet/bg_item_cutlery_pc.svg") center;
  width: 35.2rem;
  height: 60.7rem;
  background-size: cover;
}

.yokohama_lp_gourmet .headBox.blue .jap {
  text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
}

.yokohama_lp_gourmetSwiper .swiper-slide {
  width: 37.6rem;
  background: #ffffff;
  border: 0.3rem solid #e60039;
  border-radius: 1rem;
  padding: 1.6rem;
  height: auto;
}

.yokohama_lp_gourmetSwiper .swiper-slide img {
  width: 100%;
}

.yokohama_lp_gourmetSwiper .cate {
  color: #004098;
  margin-bottom: 0.8rem;
  margin-top: 1.6rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}

.yokohama_lp_gourmetSwiper .title {
  color: #e60039;
}

.yokohama_lp_gourmetSwiper .price {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1.6rem;
}

.yokohama_lp_gourmetSwiper .pickupInfo .text {
  text-overflow: unset;
  display: block;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
}

.yokohama_lp_gourmetItem {
  margin-top: 6.4rem;
}

.yokohama_lp_gourmetItem p {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
}

.yokohama_lp_gourmetBtn a {
  max-width: 36.3rem;
  width: 100%;
  height: 6.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #004098;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  background: #fff;
  border-radius: 10rem;
  margin: 2.4rem auto 0;
  border: 0.3rem solid #fff;
  transition: 0.5s ease-in-out;
}

.yokohama_lp_gourmetBtn a span {
  display: inline-flex;
  align-items: center;
}

.yokohama_lp_gourmetBtn a span::before {
  content: "";
  width: 2.7rem;
  height: 3.7rem;
  background: url("../image/gourmet/icon_cutlery.svg") center no-repeat;
  background-size: cover;
  margin-right: 1.6rem;
  transition: 0.5s ease-in-out;
}

@media screen and (min-width: 835px) {
  .yokohama_lp_gourmetBtn a:hover {
    color: #fff;
    background: #004098;
  }

  .yokohama_lp_gourmetBtn a:hover span::before {
    background: url("../image/gourmet/icon_cutlery_wh.svg") center no-repeat;
    background-size: cover;
  }
}

@media screen and (max-width: 834px) {
  .yokohama_lp_gourmet {
    padding: 11.2rem 0 5.8rem;
    background: url("../image/gourmet/bg_sp.jpg") center no-repeat;
    background-size: cover;
  }

  .yokohama_lp_gourmet::before,
  .yokohama_lp_gourmet::after {
    content: "";
    position: absolute;
    z-index: -1;
  }

  .yokohama_lp_gourmet::before {
    top: -6.2rem;
    right: -6.2rem;
    background: url("../image/gourmet/bg_dish_sp.png") center;
    width: 34.1rem;
    height: 34.1rem;
    background-size: cover;
  }

  .yokohama_lp_gourmet::after {
    top: 0;
    bottom: auto;
    left: 0;
    background: url("../image/gourmet/bg_item_cutlery_sp.svg") center;
    width: 15.6rem;
    height: 27.9rem;
    background-size: cover;
  }

  .yokohama_lp_gourmet .headBox .jap {
    font-size: 4rem;
  }

  .yokohama_lp_gourmet .headBox .eng {
    font-size: 2.4rem;
    margin-top: 0.4rem;
  }

  /*.yokohama_lp_gourmetSwiper {
		padding: 0 3.2rem;
	}*/

  .yokohama_lp_gourmetSwiper .swiper-slide {
    width: 31.1rem;
  }

  .yokohama_lp_gourmetSwiper .cate {
    margin-bottom: 0.4rem;
    margin-top: 0.8rem;
    font-size: 1.4rem;
  }

  .yokohama_lp_gourmetSwiper .title {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }

  .yokohama_lp_gourmetSwiper .price {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }

  .yokohama_lp_gourmetSwiper .pickupInfo .text {
    text-overflow: unset;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
  }

  .yokohama_lp_gourmetItem {
    margin-top: 3.2rem;
    padding: 0 3.2rem;
  }

  .yokohama_lp_gourmetItem p {
    font-size: 1.6rem;
  }

  .yokohama_lp_gourmetBtn a {
    font-size: 1.6rem;
    margin: 1.6rem auto 0;
  }

  .yokohama_lp_gourmetBtn a span {
    display: inline-flex;
    align-items: center;
  }

  .yokohama_lp_gourmetBtn a span::before {
    margin-right: 1rem;
  }
}

/* 注目選手 PICK UP PLAYERS*/
.yokohama_lp_player {
  padding: 11.2rem 0 14rem;
  position: relative;
}

.yokohama_lp_player::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 2.8rem;
  background: url(../image/common/line_tricolore.svg) center no-repeat;
  background-size: cover;
}

.yokohama_lp_playerWrap {
  max-width: 82.4rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.playerHd {
  position: absolute;
  left: 0;
  top: -5.9rem;
  transform: translate(-100%, 0);
  z-index: -1;
  width: 23.6rem;
  margin-top: 2rem;
}

.yokohama_lp_playerSwiper {
  position: relative;
  z-index: 2;
}

.yokohama_lp_playerSwiper::before {
  content: "";
  position: absolute;
  right: 0;
  top: 5rem;
  z-index: -1;
  width: 77.3rem;
  height: 77.3rem;
  background: url("../image/player/bg_circle_pc.svg") no-repeat center;
  background-size: cover;
  transform: translateX(100%);
  margin-right: 26rem;
}

.yokohama_lp_playerSwiper .playerBox {
  display: flex;
  align-items: center;
}

.yokohama_lp_playerSwiper .playerBox .playerImg {
  width: 45rem;
  margin-right: 2.4rem;
}

.yokohama_lp_playerSwiper .playerBox .playerInfo {
  width: calc(100% - 47.4rem);
}

.yokohama_lp_playerSwiper .playerBox .playerNumber {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 0.2rem solid #fff;
}

.yokohama_lp_playerSwiper .playerNumber .number {
  padding: 0.2rem 2.7rem 0.2rem 0.7rem;
  font-size: 2.8rem;
  line-height: 1;
  background: #e60039;
  clip-path: polygon(0 0, 0 100%, 100% 100%, calc(100% - 1rem) 50%, 100% 0);
}

.yokohama_lp_playerSwiper .playerNumber .number span {
  display: inline-block;
  margin-left: 1em;
}

.yokohama_lp_playerSwiper .playerNumber .hd {
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  margin-left: 0.8rem;
}

.yokohama_lp_playerSwiper .playerPlofile .title {
  color: #bf9c46;
  font-size: 2.8rem;
  line-height: 1;
  margin-top: 2.4rem;
  margin-bottom: 0.8rem;
}

.yokohama_lp_playerSwiper .playerPlofile dl {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.7;
  padding: 0.8rem;
  border-top: 0.1rem solid #005ad6;
}

.yokohama_lp_playerSwiper .playerPlofile dl:last-child {
  border-bottom: 0.1rem solid #005ad6;
}

.yokohama_lp_playerSwiper .playerPlofile dt {
  font-weight: 700;
  width: 10.1rem;
  margin-right: 2.4rem;
  text-align: center;
}

.yokohama_lp_playerSwiper .playerPlofile dd {
  width: calc(100% - 12.4rem);
}

.yokohama_lp_playerSection {
  background: #fff;
  max-width: 90rem;
  width: 100%;
  margin: 8.8rem auto 0;
  /* margin: 0 auto; */
  border-radius: 1.5rem;
  padding: 3.2rem 3.6rem;
  position: relative;
  z-index: 3;
}

.yokohama_lp_playerSection .title01 {
  color: #004098;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  text-align: center;
}

.yokohama_lp_playerSection .title02 {
  color: #e60039;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.6rem;
  letter-spacing: 0.03em;
}

.yokohama_lp_playerItem {
  display: flex;
  align-items: center;
}

.yokohama_lp_playerItem .image {
  width: 43.3rem;
  margin-right: 2.4rem;
}

.yokohama_lp_playerItem .image img {
  width: 100%;
}

.yokohama_lp_playerItem .box {
  width: calc(100% - 45.7rem);
}

.yokohama_lp_playerItem .box p {
  line-height: 1.7;
  font-size: 1.6rem;
  color: #004098;
}

.yokohama_lp_playerBtn {
  margin-top: 4rem;
}

.yokohama_lp_playerBtn a {
  max-width: 31.1rem;
  width: 100%;
  height: 5.2rem;
  background: #06c755;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.5rem;
  transition: 0.5s ease-in-out;
  margin: 0 auto;
}

.yokohama_lp_playerBtn a span {
  display: inline-flex;
  align-items: center;
}

.yokohama_lp_playerBtn a span::before {
  content: "";
  margin-right: 1rem;
  width: 3.2rem;
  height: 3.2rem;
  background: url("../image/player/icon_line.svg") center no-repeat;
  background-size: cover;
}

@media screen and (min-width: 833px) {
  .yokohama_lp_playerBtn a:hover {
    transition: 0.5s ease-in-out;
    background: #7df6ae;
  }
}
@media screen and (max-width: 834px) {
  .yokohama_lp_player {
    padding: 9.6rem 0 12.4rem;
  }

  .yokohama_lp_player::after {
    height: 2.4rem;
  }

  .playerHd {
    top: -8.7rem;
    transform: translate(0, 0);
    z-index: -1;
    width: 14.7rem;
  }

  .yokohama_lp_playerSwiper {
    position: relative;
    z-index: 2;
  }

  .yokohama_lp_playerSwiper::before {
    right: -10.2rem;
    top: 32.5rem;
    width: 37.5rem;
    height: 37.5rem;
    background: url("../image/player/bg_circle_sp.svg") no-repeat center;
    background-size: cover;
    transform: translateX(0);
    margin-right: 0;
  }

  .yokohama_lp_playerSwiper .playerBox {
    display: block;
  }

  .yokohama_lp_playerSwiper .playerBox .playerImg {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.8rem;
  }

  .yokohama_lp_playerSwiper .playerBox .playerInfo {
    width: 100%;
  }

  .yokohama_lp_playerSwiper .playerBox .playerNumber {
    padding-bottom: 0.4rem;
  }

  .yokohama_lp_playerSwiper .playerNumber .number {
    padding: 0.2rem 2rem 0.2rem 0.8rem;
    font-size: 2.8rem;
    line-height: 1;
    background: #e60039;
    clip-path: polygon(0 0, 0 100%, 100% 100%, calc(100% - 1rem) 50%, 100% 0);
  }

  .yokohama_lp_playerSwiper .playerNumber .hd {
    font-size: 1.8rem;
  }

  .yokohama_lp_playerSwiper .playerPlofile .title {
    font-size: 2.4rem;
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
  }

  .yokohama_lp_playerSwiper .playerPlofile dl {
    font-size: 1.4rem;
    padding: 0.9rem 0.8rem;
  }

  .yokohama_lp_playerSwiper .playerPlofile dt {
    width: 6.2rem;
  }

  .yokohama_lp_playerSwiper .playerPlofile dd {
    width: calc(100% - 8.6rem);
  }

  .yokohama_lp_playerSection {
    margin: 5.6rem auto 0;
    /* margin: 0 auto; */
    padding: 1.6rem;
  }

  .yokohama_lp_playerSection .title01 {
    font-size: 1.4rem;
  }

  .yokohama_lp_playerSection .title02 {
    font-size: 1.8rem;
    letter-spacing: 0.03em;
  }

  .yokohama_lp_playerItem {
    display: block;
  }

  .yokohama_lp_playerItem .image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.6rem;
  }

  .yokohama_lp_playerItem .box {
    width: 100%;
  }

  .yokohama_lp_playerItem .box p {
    font-size: 1.4rem;
    text-align: center;
  }

  .yokohama_lp_playerBtn {
    margin-top: 1.6rem;
  }
}

/* 席種と価格 SEATING */
.yokohama_lp_seating {
  position: relative;
  z-index: 2;
  padding: 0 0 11.4rem;
}

.yokohama_lp_seating::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 90.9rem;
  background: url("../image/seating/bg_seating_pc.png") center no-repeat;
  background-size: cover;
}

.yokohama_lp_seatingScroll {
  display: flex;
  margin-bottom: 11.2rem;
}

.yokohama_lp_seatingScroll ul {
  display: flex;
}

.yokohama_lp_seatingScroll li {
  width: 17.3rem;
  height: 17.3rem;
}

.yokohama_lp_seatingScroll li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.yokohama_lp_seatingWrap {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
}

.aco_list {
  max-width: 75rem;
  width: 100%;
  margin: 0 auto;
}

.aco_list > li .aco_box {
  display: none;
  width: 100%;
  padding: 1.6rem 3.2rem;
  background: #eeeeee;
  border-radius: 0 0 2.4rem 2.4rem;
}

.aco_list > li {
  width: 100%;
  margin-bottom: 1.6rem;
  cursor: pointer;
  position: relative;
}

.aco_list > li .aco_box ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: -2.4rem;
  margin-bottom: -2rem;
}

.aco_list > li .aco_btn {
  position: relative;
  width: 100%;
  height: 4.8rem;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  transition: 0.5s;
  background: #004098;
  padding: 1.3rem 2.4rem;
}

.aco_list > li .aco_btn:hover {
  opacity: 0.7;
  transition: 0.5s;
}

.aco_list > li .aco_btn::before,
.aco_list > li .aco_btn::after {
  content: "";
  display: block;
  position: absolute;
  width: 1.4rem;
  height: 0.2rem;
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
  right: 3rem;
  transition: 0.5s;
}

.aco_list > li .aco_btn::after {
  transform: translateY(-50%) rotate(90deg);
}

.aco_list > li .aco_btn.open::after {
  transform: translateY(-50%) rotate(0deg);
}

.aco_list > li .aco_box ul li {
  margin-left: 2.4rem;
  max-width: 31.1rem;
  width: 100%;
  height: 4.4rem;
  margin-bottom: 2rem;
}

.aco_list > li:last-child .aco_box ul li {
  max-width: 20rem;
}

.aco_list > li .aco_box ul li .btn {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  border-radius: 2.5rem;
  width: 100%;
}

.aco_list > li .aco_box ul li .btn::before {
  content: "";
  position: absolute;
  right: 1rem;
  top: 0;
  background: url("../image/common/arrow_right_wh.svg") center no-repeat;
  width: 2.4rem;
  height: 100%;
  background-size: 100% auto;
}

.aco_list > li .aco_box ul li .btn:hover {
  opacity: 0.5;
}

.aco_list > li .aco_box ul:nth-child(2) li {
  margin-bottom: 0;
}

.value_seat,
#value_seat .sub_txt {
  background-color: #cc0099;
}

.yuttari_seat,
#yuttari_seat .sub_txt {
  background-color: #87bd42;
}

.yuttari_side,
#yuttari_side .sub_txt {
  background-color: #11a196;
}

.family,
#family .sub_txt {
  background-color: #e16f28;
}

.family_side,
#family_side .sub_txt {
  background-color: #fe8162;
}

.wednesday,
#wednesday .sub_txt {
  background-color: #86001C;
}

.back_sb,
#back_sb .sub_txt {
  background-color: #02833d;
}

.back_sc,
#back_sc .sub_txt {
  background-color: #d0b951;
}

.back_upper,
#back_upper .sub_txt {
  background-color: #c87b00;
}

.back_side,
#back_side .sub_txt {
  background-color: #7a1f6d;
}

.main_side,
#main_side .sub_txt {
  background-color: #8e4c8f;
}

.main_sa,
#main_sa .sub_txt {
  background-color: #59c4f2;
}

.dx_seat,
#dx_seat .sub_txt {
  background-color: #987a26;
}

.pitchside_seat,
#pitchside_seat .sub_txt {
  background-color: #000;
}

.counter_seat,
#counter_seat .sub_txt {
  background-color: #772a2e;
}

.pair_seat,
#pair_seat .sub_txt {
  background-color: #fe5f91;
}

.main_s3,
#main_s3 .sub_txt {
  background-color: #d5ab44;
}

.main_s2,
#main_s2 .sub_txt {
  background-color: #ca1a45;
}

.family,
#family .sub_txt {
  background-color: #e16f28;
}

.supporter,
#supporter .sub_txt {
  background-color: #024292;
}

.visitor,
#visitor .sub_txt {
  background-color: #a1a1a1;
}

.tab {
  margin-top: 6.5rem;
  position: relative;
}

.scroll_icon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.tal_wrap {
  overflow-x: scroll;
}

.tal_wrap::-webkit-scrollbar {
  height: 0.4rem;
  background-color: #fff;
}

.tal_wrap::-webkit-scrollbar-thumb {
  background: #bf9c46;
  height: 0.4rem;
}

.tab .tal_wrap .ta_list {
  display: flex;
  overflow: hidden;
  width: 272rem;
  padding: 0 0 1rem;
}

.tab .tal_wrap .ta_list .tab_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 185rem;
  height: 8rem;
  margin-right: 0.4rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  color: #000;
  border-width: 0.1rem;
  border-style: solid;
  background: #fff;
  border-bottom-width: 1.3rem;
}

.tab .tal_wrap .ta_list .all {
  border-color: #004098;
  position: relative;
}

.tab .tal_wrap .ta_list .all:before,
.tab .tal_wrap .ta_list .all::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  width: 33.33%;
  height: 1.3rem;
  background: #e60039;
  transform: translateY(100%);
}

.tab .tal_wrap .ta_list .all::after {
  background: #fff;
  left: 33.33%;
}

.tab .tab_contents_wrap .tab_contents {
  display: none;
}

.tab .tab_contents_wrap .tab_contents.tab_active {
  display: flex;
  justify-content: space-between;
}

.tab_item.family_side {
  border-color: #fe8162;
}

.tab_item.wednesday {
  border-color: #86001C;
  ;
}

.tab_item.back_sb {
  border-color: #02833d;
}

.tab_item.back_sc {
  border-color: #d0b951;
}

.tab_item.back_upper {
  border-color: #c87b00;
}

.tab_item.back_side {
  border-color: #7a1f6d;
}

.tab_item.main_side {
  border-color: #8e4c8f;
}

.tab_item.main_sa {
  border-color: #59c4f2;
}

.tab_item.dx_seat {
  border-color: #987a26;
}

.tab_item.counter_seat {
  border-color: #772a2e;
}

.tab_item.pair_seat {
  border-color: #fe5f91;
}

.tab_item.main_s3 {
  border-color: #d5ab44;
}

.tab_item.main_s2 {
  border-color: #ca1a45;
}

.tab_item.family {
  border-color: #e16f28;
}

.tab_item.wednesday {
  border-color: #86001C;
}

.tab_item.supporter {
  border-color: #024292;
}

.tab_item.visitor {
  border-color: #a1a1a1;
}

.tab_item.value_seat {
  border-color: #cc0099;
}

.tab_item.yuttari_seat {
  border-color: #87bd42;
}

.tab_item.yuttari_side {
  border-color: #11a196;
}

.tab_item.current {
  border-radius: 0.8rem 0.8rem 0 0;
}

.tab_contents_wrap {
  margin-top: 1.6rem;
}

.tab_contents img {
  padding: 30px;
  background-color: #fff;
}

.tab_contents > dl {
  width: 55rem;
  margin-right: 2.4rem;
}

.tab_contents .right_area {
  width: calc(100% - 57.4rem);
}

.tab_contents .right_area h3 {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 0.7rem;
  text-align: center;
  border-radius: 0.5rem 0.5rem 0 0;
}

.tab_contents .right_area h3.all {
  background: #004098;
}

.tab_contents .right_area dt img {
  width: 100%;
}

.tab_contents .right_area dl {
  margin-bottom: 1.6rem;
}

.tab_contents .right_area dd {
  margin-top: 1.6rem;
}
.tab_contents .right_area dd p {
  color: #1b1b1b;
  font-size: 1.6rem;
  line-height: 1.7;
}

.tab_contents .right_area dl dd ul li {
  position: relative;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 31rem;
  height: 3.7rem;
  margin: 1rem auto 0;
}

.tab_contents .right_area dl dd ul li > .sub_txt {
  display: flex;
  width: 10rem;
  height: 3.7rem;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  z-index: 10;
  font-size: 1.6rem;
}

.tab_contents .right_area dl dd ul li > p {
  display: flex;
  width: 21.1rem;
  height: 3.7rem;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.8rem;
  border: 0.1rem solid #e8e8e8;
  color: #1b1b1b;
  background: #fff;
}

.tab_contents .right_area dl dd ul li > p span {
  font-size: 1.2rem;
  padding-right: 0.8rem;
  font-weight: 400;
}

.tab_contents .right_area > ul {
  margin-top: 1.6rem;
}

.tab_contents .right_area > ul li,
.tab_contents .right_area > ul li a {
  color: #1b1b1b;
  font-size: 1.4rem;
  line-height: 1.447;
}

.tab_contents .right_area > ul li a {
  text-decoration: underline;
}

.view {
  width: 100%;
  margin-top: 3rem;
  text-align: center;
}

.view a {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 311px;
  height: 44px;
  color: #fff;
  border-radius: 25px;
  font-size: 14px;
  font-weight: bold;
  transition: all 0.45s;
}

.view a:hover {
  opacity: 0.8;
}

.view a::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 15px;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  background: url(../image/arrow_forward.png) center center / contain no-repeat;
}

#dx_seat .view a {
  background-color: #987a26;
}

#main_s3 .view a {
  background-color: #d5ab44;
}

#main_s2 .view a {
  background-color: #ca1a45;
}

#main_sa .view a {
  background-color: #59c4f2;
}

#main_sb .view a {
  background-color: #02833d;
}

#back_sc .view a {
  background-color: #d0b951;
}

#back_sb .view a {
  background-color: #02833d;
}

#back_upper .view a {
  background-color: #c87b00;
}

#main_side .view a {
  background-color: #8e4c8f;
}

#back_side .view a {
  background-color: #7a1f6d;
}

#family .view a {
  background-color: #e16f28;
}

#family_side .view a {
  background-color: #fe8162;
}

#supporter .view a {
  background-color: #024292;
}

#visitor .view a {
  background-color: #a1a1a1;
}

#wednesday .view a {
  background-color: #86001C;
}



@media screen and (max-width: 834px) {
  .yokohama_lp_seating {
    padding: 0 0 9.6rem;
  }

  .yokohama_lp_seating::before {
    height: 66.1rem;
    background: url("../image/seating/bg_seating_sp.png") center no-repeat;
    background-size: cover;
  }

  .yokohama_lp_seatingScroll {
    display: flex;
    margin-bottom: 11.2rem;
  }

  .yokohama_lp_seatingScroll ul {
    display: flex;
  }

  .yokohama_lp_seatingScroll li {
    width: 15rem;
    height: 15rem;
  }

  .aco_list > li .aco_box {
    padding: 1.6rem;
    background: #eeeeee;
    border-radius: 0 0 1.5rem 1.5rem;
  }

  .aco_list > li .aco_box ul {
    display: block;
    margin-left: 0;
    margin-bottom: 0;
  }

  .aco_list > li .aco_box ul li {
    margin-left: 0;
    margin-bottom: 0;
  }

  .aco_list > li .aco_box ul li + li {
    margin-top: 0.8rem;
  }

  .aco_list > li:last-child .aco_box ul li {
    max-width: 31.1rem;
  }

  .tab {
    margin-top: 3.2rem;
  }

  .tal_wrap {
    overflow-x: scroll;
  }

  .tab .tal_wrap .ta_list {
    width: 122.6rem;
  }

  .tab .tal_wrap .ta_list .tab_item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80rem;
    height: 6.5rem;
    margin-right: 0.4rem;
    font-size: 1rem;
  }

  .tab .tal_wrap .ta_list .all {
    border-color: #004098;
    position: relative;
  }

  .tab .tab_contents_wrap .tab_contents.tab_active {
    display: block;
  }

  .tab_contents_wrap {
    margin-top: 1.6rem;
  }

  .tab_contents img {
    padding: 15px;
  }

  .tab_contents > dl {
    width: 100%;
    margin-right: 2.4rem;
  }

  .tab_contents .right_area {
    width: 100%;
    margin-top: 1.6rem;
  }

  .tab_contents .right_area h3 {
    border-radius: 0.25rem 0.25rem 0 0;
  }

  .tab_contents .right_area dd p {
    font-size: 1.4rem;
  }

  .tab_contents .right_area > ul {
    margin-top: 2.4rem;
  }

  #all.tab_contents .right_area {
    padding: 0 1.6rem;
  }
}

/* アクセス ACCESS */
.yokohama_lp_access {
  padding: 10.4rem 0 10.2rem;
}

.yokohama_lp_access .headBox {
  position: relative;
  z-index: 1;
}

.yokohama_lp_access .headBox::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 62.2rem;
  height: 22.6rem;
  background: url(../image/access/bg_text_pc.svg) center no-repeat;
  background-size: cover;
  z-index: -1;
}

.yokohama_lp_mapSec dl {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

.yokohama_lp_mapSec dt {
  width: 50.2rem;
  margin-right: 3.2rem;
}

.yokohama_lp_mapSec dd {
  width: calc(100% - 53.4rem);
}

.yokohama_lp_mapSec .map {
  position: relative;
  width: 100%;
  padding-top: 107%;
}

.yokohama_lp_mapSec .map iframe {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.yokohama_lp_mapSec .mapBtn {
  margin-top: 1.6rem;
}

.yokohama_lp_mapSec .mapBtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #004098;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  background: #fff;
  max-width: 29.3rem;
  height: 4.5rem;
  width: 100%;
  margin: 0 auto;
  border-radius: 2.5rem;
}

.yokohama_lp_mapSec .mapBtn a:hover {
  opacity: 0.7;
}

.yokohama_lp_mapSec .mapBtn a i {
  display: inline-block;
  padding-right: 1rem;
}

.yokohama_lp_accessList {
  margin-top: 5rem;
}

.yokohama_lp_accessList .aco_list > li .aco_btn {
  position: relative;
  font-size: 1.6rem;
  transition: 0.5s;
  background: transparent;
  padding: 0 0 0.8rem;
  border-bottom: 0.2rem solid #ffffff;
}

.yokohama_lp_accessList .aco_list > li .aco_btn::before,
.yokohama_lp_accessList .aco_list > li .aco_btn::after {
  right: 0;
}

.yokohama_lp_accessList .aco_list > li .aco_btn i {
  margin-right: 0.8rem;
}

.accessArea {
  display: none;
  margin-top: 2.4rem;
}

.accessSection {
  display: flex;
  margin-left: -3.2rem;
}

.accessItem {
  width: calc(50% - 3.2rem);
  margin-left: 3.2rem;
}

.accessArea dl,
.accessArea p {
  font-size: 1.4rem;
}

.accessArea .accessCont .head {
  color: #bf9c46;
  margin-bottom: 1.8rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}

.accessArea .accessCont .head i {
  margin-right: 0.8rem;
}

.accessCont + .accessCont {
  margin-top: 3.2rem;
}

.accessArea .accessCont dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 0;
  border-top: 0.2rem solid #014cb3;
}

.accessArea .accessCont dl:last-child {
  border-bottom: 0.2rem solid #014cb3;
}

.accessCont dd {
  width: 7.5rem;
  margin-left: 2rem;
}

.accessCont dd a {
  color: #004098;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.5rem;
  width: 7.5rem;
  height: 2.4rem;
  font-size: 1.2rem;
  font-weight: 700;
}

.accessCont dd i {
  width: 1.6rem;
  margin-right: 0.6rem;
}

.accessCont small.note,
.accessCont .note {
  font-size: 1.2rem;
}

.accessCont.bus .title {
  text-align: center;
  font-weight: 700;
  margin-bottom: 1.6rem;
}

.accessCont.bus p.note {
  text-align: center;
}

.accessBus {
  margin-top: 1.6rem;
}

.accessArea .accessCont .accessBus dl {
  display: block;
}

.accessArea .accessCont .accessBus dt {
  font-weight: 700;
}

.accessArea .accessCont .accessBus dd {
  width: 100%;
  margin-top: 0.8rem;
  margin-left: 0;
}

.accessBus span {
  display: block;
}

.accessBus span + span {
  margin-top: 0.2rem;
}

@media screen and (max-width: 834px) {
  .yokohama_lp_access {
    padding: 9.6rem 0;
  }

  .yokohama_lp_access .headBox {
    margin-bottom: 4.8rem;
  }

  .yokohama_lp_access .headBox::before {
    width: 41.6rem;
    height: 15.1rem;
    background: url(../image/access/bg_text_sp.svg) center no-repeat;
    background-size: cover;
  }

  .yokohama_lp_mapSec dl {
    display: block;
  }

  .yokohama_lp_mapSec dt {
    width: 100%;
    margin-right: 0;
  }

  .yokohama_lp_mapSec dd {
    width: 100%;
    margin-top: 2.4rem;
  }

  .yokohama_lp_mapSec .map {
    padding: 0 1.6rem;
    padding-top: 71.06%;
  }

  .yokohama_lp_mapSec .mapBtn a {
    font-size: 1.4rem;
    max-width: 24.7rem;
    height: 3rem;
  }

  .yokohama_lp_mapSec .mapBtn a:hover {
    opacity: 1;
  }

  .yokohama_lp_accessList {
    margin-top: 3.2rem;
  }

  .accessCont dd {
    margin-left: 1rem;
  }

  .accessSection {
    display: block;
    margin-left: 0;
  }

  .accessArea {
    padding: 0 1.4rem;
  }

  .accessArea .accessCont .head {
    margin-bottom: 1.6rem;
  }

  .accessItem {
    width: 100%;
    margin-left: 0;
  }

  .accessItem + .accessItem {
    margin-top: 3.2rem;
  }

  .accessBus span + span {
    margin-top: 0.4rem;
  }
}

/* 今後の試合日程  NEXT MATCH */
.yokohama_lp_match {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.yokohama_lp_match::before,
.yokohama_lp_match::after {
  content: "";
  position: absolute;
  right: -34.8rem;
  top: -39.7rem;
  z-index: -2;
  width: 82.4rem;
  height: 82.4rem;
  background: url("../image/nextmatch/bg_circle01_pc.svg") center no-repeat;
  background-size: cover;
}

.yokohama_lp_match::after {
  right: auto;
  top: auto;
  left: -31rem;
  bottom: -27rem;
  background: url("../image/nextmatch/bg_circle02_pc.svg") center no-repeat;
  background-size: cover;
}

.yokohama_lp_matchSection {
  padding: 11.4rem 0 11.2rem;
}

.yokohama_lp_matchSection .inner {
  max-width: 110.9rem;
}

.yokohama_lp_matchWrap {
  position: relative;
  z-index: 3;
}

.matchHd {
  position: absolute;
  left: 0;
  top: -23.1rem;
  transform: translate(-100%, 0);
  z-index: -1;
  width: 18.8rem;
  margin-left: 4.4rem;
}

.yokohama_lp_matchList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -2.4rem;
  margin-bottom: -2.4rem;
}

.yokohama_lp_matchItem {
  width: calc(33.33% - 2.4rem);
  margin-left: 2.4rem;
  margin-bottom: 2.4rem;
}

.yokohama_lp_matchItem:nth-child(n + 7) {
  display: none;
}

.yokohama_lp_matchItem.show {
  display: block;
}

.yokohama_lp_matchItem .head {
  display: flex;
}

.yokohama_lp_matchItem .head dt {
  font-size: 2.4rem;
  line-height: 1;
  background: #004098;
  color: #fff;
  width: 5.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
}

.yokohama_lp_matchItem .head dd {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  color: #1b1b1b;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  padding: 0.8rem;
  width: calc(100% - 5.4rem);
  height: 4rem;
}

.yokohama_lp_matchItem .cont {
  padding: 1.6rem;
  background: #fff;
  border-left: 0.1rem solid #f0f0f0;
  border-right: 0.1rem solid #f0f0f0;
  display: flex;
  align-items: center;
  height: 60%;
}

.yokohama_lp_matchItem .teamLogo {
  width: 10rem;
  margin-right: 1.6rem;
}

.yokohama_lp_matchItem .info {
  width: calc(100% - 11.6rem);
}

.yokohama_lp_matchItem .info .dateTime {
  display: flex;
  align-items: center;
  font-weight: 700;
}

.yokohama_lp_matchItem .info .dateTime .dt00 {
  font-size: 4.5rem;
  line-height: 1;
  font-weight: 400;
}

.yokohama_lp_matchItem .info .dateTime .dt01 {
  font-size: 6rem;
  line-height: 1;
  font-weight: 400;
}

.yokohama_lp_matchItem .info .dateTime .dt01.small2 {
  font-size: 2.75rem;
}

.yokohama_lp_matchItem .info .dateTime .dt01.small2 small {
  font-size: 1.5rem;
}

.yokohama_lp_matchItem .info .dateTime .dt01.small {
  font-size: 3.5rem;
  line-height: 1;
  font-weight: 400;
}

.yokohama_lp_matchItem .info .dateTime .dt01.small small {
  font-size: 2rem;
}

.yokohama_lp_matchItem .info .dateTime .dt02 {
  font-size: 2.4rem;
  line-height: 1;
  padding-left: 0.2rem;
}

.yokohama_lp_matchItem .info .dateTime dd {
  margin-left: 1.6rem;
  font-weight: 400;
}

.yokohama_lp_matchItem .info .dateTime .tm01 {
  font-size: 3.2rem;
  line-height: 1;
  display: block;
}

.yokohama_lp_matchItem .info .dateTime .tm02 {
  display: block;
  font-size: 2rem;
  line-height: 1;
}

.yokohama_lp_matchItem .info .dateTime .tm03 {
  font-family: "Noto Sans JP";
  font-weight: 500;
}

.yokohama_lp_matchItem .info .vs {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
}

.yokohama_lp_matchItem .info .vs span {
  font-size: 2rem;
  padding-right: 0.8rem;
  font-weight: 400;
}

.yokohama_lp_matchItem .info .location {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  margin-top: 0.8rem;
}

.yokohama_lp_matchItem .info .location i {
  width: 2rem;
  margin-right: 0.4rem;
}

.yokohama_lp_matchItem .btnWrap span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "League Gothic", serif;
  font-size: 2.6rem;
}

.yokohama_lp_matchItem .btnWrap {
  display: flex;
  position: relative;
}

.yokohama_lp_matchItem .btnWrap_yet::after {
  position: absolute;
  content: "COMING SOON";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "League Gothic", serif;
  font-size: 2.6rem;
}

.yokohama_lp_matchItem .btnWrap dt,
.yokohama_lp_matchItem .btnWrap dd {
  width: 50%;
}

.yokohama_lp_matchItem .btnWrap a {
  width: 100%;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  transition: 0.5s ease-in-out;
  color: #fff;
}

.yokohama_lp_matchItem .btnWrap dt a {
  background: #004098;
}

.yokohama_lp_matchItem .btnWrap dd a {
  background: #bf9c46;
}

.yokohama_lp_matchItem .btnWrap a i {
  width: 2.4rem;
  margin-right: 0.4rem;
}

.yokohama_lp_matchBtn {
  max-width: 75rem;
  width: 100%;
  height: 4.4rem;
  margin: 6.4rem auto 0;
  background: #004098;
  border-radius: 10rem;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  display: none;
  position: relative;
}

.yokohama_lp_matchWrap.more .yokohama_lp_matchBtn {
  display: flex;
}

.yokohama_lp_matchBtn::before,
.yokohama_lp_matchBtn::after {
  content: "";
  display: block;
  position: absolute;
  width: 1.4rem;
  height: 0.2rem;
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
  right: 2rem;
  transition: 0.5s;
}

.yokohama_lp_matchBtn::after {
  transform: translateY(-50%) rotate(90deg);
}

.yokohama_lp_matchBtn.active::after {
  transform: translateY(-50%) rotate(0);
}

.matchday_note {
  font-size: 1.2rem;
  margin-top: 2.4rem;
  font-weight: 600;
  color: #e60039;
}

.yokohama_lp_cv .comingsoon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "League Gothic", serif;
  font-size: 3.2rem;
}

@media screen and (min-width: 835px) {
  .yokohama_lp_matchItem .btnWrap a:hover {
    background: #e60039;
    transition: 0.5s ease-in-out;
  }
}

@media screen and (max-width: 834px) {
  .yokohama_lp_match::before,
  .yokohama_lp_match::after {
    right: -7.8rem;
    top: -3rem;
    width: 37.6rem;
    height: 37.6rem;
    background: url("../image/nextmatch/bg_circle01_sp.svg") center no-repeat;
    background-size: cover;
  }

  .yokohama_lp_match::after {
    right: auto;
    top: auto;
    left: -13rem;
    bottom: -6rem;
    background: url("../image/nextmatch/bg_circle02_sp.svg") center no-repeat;
    background-size: cover;
  }

  .yokohama_lp_matchSection {
    padding: 9.6rem 0;
  }

  .matchHd {
    position: absolute;
    left: 0;
    top: -22rem;
    transform: unset;
    z-index: -1;
    width: 13.6rem;
    margin-left: 0;
  }

  .yokohama_lp_matchList {
    display: block;
    margin-left: 0;
    margin-bottom: 0;
  }

  .yokohama_lp_matchItem {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
  }

  .yokohama_lp_matchItem + .yokohama_lp_matchItem {
    margin-top: 2.6rem;
  }

  .yokohama_lp_matchItem:nth-child(n + 5) {
    display: none;
  }

  .yokohama_lp_matchItem.show {
    display: block;
  }

  .yokohama_lp_matchItem .btnWrap {
    display: flex;
  }

  .yokohama_lp_matchItem .btnWrap dt,
  .yokohama_lp_matchItem .btnWrap dd {
    width: 50%;
  }

  .yokohama_lp_matchWrap.more .yokohama_lp_matchBtn {
    max-width: calc(100% - 3.2rem);
    margin: 4rem auto 0;
  }

  .yokohama_lp_matchBtn::before,
  .yokohama_lp_matchBtn::after {
    right: 1.6rem;
  }
}

.fancybox-infobar {
  display: none;
}

.yet {
  filter: brightness(0.8);
  cursor: not-allowed;
  pointer-events: none;
}

.sponsor_inner {
  background-color: #004098;
  text-align: center;
  margin: 0 auto;
}

.sponsor_inner .sponsor_area img {
  padding-bottom: 13rem;
  max-width: 500px;
}

.sponsor_area h2 {
  font-size: 2.4rem;
  color: white;
  padding-bottom: 1.6rem;
  font-weight: 600;
}

@media screen and (max-width: 834px) {
  .sponsor_area h2 {
    font-size: 1.8rem;
    padding-bottom: 0.8rem;
  }

  .sponsor_inner .sponsor_area img {
    max-width: 90%;
    padding-bottom: 9.6rem;
  }
}